feat: title and favicon

slidevjs · Apr 24, 2021 · e6fc35e · e6fc35e
1 parent c0dd298
commit e6fc35e
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 11 deletions.
diff --git a/packages/client/index.html b/packages/client/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/png" href="https://raw.githubusercontent.com/slidevjs/slidev/main/assets/favicon.png">
   <!-- head -->
 </head>
 <body>

diff --git a/packages/client/internals/Presenter.vue b/packages/client/internals/Presenter.vue
@@ -5,9 +5,11 @@ import { showOverview } from '../state'
 import SlideContainer from './SlideContainer.vue'
 import NavControls from './NavControls.vue'
 import SlidesOverview from './SlidesOverview.vue'
+// @ts-expect-error
+import configs from '/@slidev/configs'
 
 useHead({
-  title: 'Presenter Mode',
+  title: configs.title ? `Presenter - ${configs.title} - Slidev` : 'Presenter - Slidev',
 })
 
 const controls = useNavigateControls()
@@ -17,7 +19,7 @@ const controls = useNavigateControls()
   <div class="grid-container">
     <div class="grid-section top flex">
       <div class="px-6 my-auto">
-        {{ controls.currentPage.value + 1}} / {{ controls.routes.length }}
+        {{ controls.currentPage.value + 1 }} / {{ controls.routes.length }}
       </div>
       <div class="flex-auto" />
       <NavControls mode="persist" />

diff --git a/packages/client/routes.ts b/packages/client/routes.ts
@@ -20,4 +20,6 @@ export const routes: RouteRecordRaw[] = [
       ...rawRoutes,
     ],
   },
+  { path: '', redirect: { path: '/0' } },
+  { path: '/presenter', redirect: { path: '/presenter/0' } },
 ]
diff --git a/packages/client/setup/app.ts b/packages/client/setup/app.ts
@@ -1,9 +1,11 @@
 /* __imports__ */
 import { useHead } from '@vueuse/head'
+// @ts-expect-error
+import configs from '/@slidev/configs'
 
 export default function setupApp() {
   /* __injections__ */
   useHead({
-    title: 'Slidev',
+    title: configs.title ? `${configs.title} - Slidev` : 'Slidev',
   })
 }
diff --git a/packages/slidev/node/parser.ts b/packages/slidev/node/parser.ts
@@ -20,11 +20,17 @@ export interface ParseOptions {
   enabledMonaco?: boolean
 }
 
+export interface SlidevConfig {
+  title: string
+  theme: string
+}
+
 export interface SlidesMarkdown {
   filepath?: string
   slides: SlidesMarkdownInfo[]
   options: ParseOptions
   raw: string
+  config: SlidevConfig
 }
 
 export async function load(
@@ -128,14 +134,17 @@ export function parse(
     })
   }
 
-  // make the first slide use cover layout by default
-  if (slides[0])
-    slides[0].frontmatter.layout ||= 'cover'
+  const headmatter = slides?.[0].frontmatter || {}
+  const config: SlidevConfig = Object.assign({}, headmatter.config || {})
+
+  config.theme ||= headmatter.theme || '@slidev/theme-default'
+  config.title ||= headmatter.title || (markdown.match(/^# (.*)$/m)?.[1] || '').trim()
 
   return {
     raw: markdown,
     filepath,
     slides,
     options,
+    config,
   }
 }
diff --git a/packages/slidev/node/plugins/slides.ts b/packages/slidev/node/plugins/slides.ts
@@ -88,8 +88,6 @@ export function createSlidesLoader({ entry, clientRoot, themeRoot, userRoot }: R
             return res.end()
           }
 
-          // console.log(`Hello from ${req.url} ${req.method}`)
-
           next()
         })
       },
@@ -104,6 +102,7 @@ export function createSlidesLoader({ entry, clientRoot, themeRoot, userRoot }: R
 
           const moduleEntries = [
             '/@slidev/routes',
+            '/@slidev/configs',
             ...data.slides.map((i, idx) => `${entry}?id=${idx}.md`),
             ...data.slides.map((i, idx) => `${entry}?id=${idx}.json`),
           ]
@@ -126,10 +125,14 @@ export function createSlidesLoader({ entry, clientRoot, themeRoot, userRoot }: R
         if (id === '/@slidev/routes')
           return generateRoutes()
 
-        // routes
+        // layouts
         if (id === '/@slidev/layouts')
           return generateLayouts()
 
+        // configs
+        if (id === '/@slidev/configs')
+          return `export default ${JSON.stringify(data.config)}`
+
         // pages
         if (id.startsWith(entry)) {
           const remaning = id.slice(entry.length + 1)
@@ -160,7 +163,7 @@ export function createSlidesLoader({ entry, clientRoot, themeRoot, userRoot }: R
 
           const layouts = await getLayouts()
           const pageNo = parseInt(no)
-          const layoutName = data.slides[pageNo].frontmatter?.layout || 'default'
+          const layoutName = data.slides[pageNo].frontmatter?.layout || (pageNo === 0 ? 'cover' : 'default')
           if (!layouts[layoutName])
             throw new Error(`Unknown layout "${layoutName}"`)
 
@@ -229,7 +232,6 @@ export function createSlidesLoader({ entry, clientRoot, themeRoot, userRoot }: R
 
     let no = 0
     const routes = [
-      '{ path: "", redirect: { path: "/0" } }',
       ...data.slides
         .map((i, idx) => {
           if (i.frontmatter?.disabled)