fix document generation

beforesemicolon · Oct 28, 2024 · 81c60ed · 81c60ed
1 parent 51aadbd
commit 81c60ed
Show file tree

Hide file tree

Showing 12 changed files with 2,429 additions and 8,218 deletions.
diff --git a/docs/_layouts/_copy-code.ts → docs/_layouts/_copy-code.js b/docs/_layouts/_copy-code.ts → docs/_layouts/_copy-code.js
diff --git a/docs/_layouts/_footer.ts → docs/_layouts/_footer.js b/docs/_layouts/_footer.ts → docs/_layouts/_footer.js
diff --git a/docs/_layouts/_head-meta.ts → docs/_layouts/_head-meta.js b/docs/_layouts/_head-meta.ts → docs/_layouts/_head-meta.js
@@ -1,6 +1,4 @@
-import { PageProps } from '../../build-scripts/docs/types'
-
-export default ({ title, description, name, path }: PageProps) => {
+export default ({ title, description, name, path }) => {
     return `
 <meta charset="UTF-8" />
 <meta

diff --git a/docs/_layouts/_header.ts → docs/_layouts/_header.js b/docs/_layouts/_header.ts → docs/_layouts/_header.js
@@ -1,8 +1,7 @@
-import logo from './_logo'
-import pkg from '../../package.json'
-import { PageProps } from '../../build-scripts/docs/types'
+import logo from './_logo.js'
+import pkg from '../../package.json' with { type: 'json' }
 
-export default ({ path }: PageProps) => `
+export default ({ path }) => `
 <header class="wrapper">
     <h1>
         <a href="/" aria-label="markup logo home link"

diff --git a/docs/_layouts/_logo.ts → docs/_layouts/_logo.js b/docs/_layouts/_logo.ts → docs/_layouts/_logo.js
@@ -1,7 +1,4 @@
-export default ({
-    fill = '#D2ECFF',
-    width = '80px',
-}: { fill?: string; width?: string } = {}) => `
+export default ({ fill = '#D2ECFF', width = '80px' } = {}) => `
 <svg
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 207.25 61.99"

diff --git a/docs/_layouts/document.ts → docs/_layouts/document.js b/docs/_layouts/document.ts → docs/_layouts/document.js
@@ -1,30 +1,20 @@
-import {
-    PageProps,
-    SiteMap,
-    CustomOptions,
-} from '../../build-scripts/docs/types'
-import meta from './_head-meta'
-import header from './_header'
-import footer from './_footer'
-import copyCode from './_copy-code'
+import meta from './_head-meta.js'
+import header from './_header.js'
+import footer from './_footer.js'
+import copyCode from './_copy-code.js'
 
 const githubDocsPath =
     'https://github.com/beforesemicolon/markup/tree/main/docs/documentation'
 
-const navCategoryToHTML = (docs: SiteMap, currentPath: string) =>
+const navCategoryToHTML = (docs, currentPath) =>
     Array.from(docs.entries())
         .map(([k, v]) => {
             if (k.endsWith('.html')) {
-                const href = (v as CustomOptions).path.replace(
-                    /(index)?\.html/,
-                    ''
-                )
+                const href = v.path.replace(/(index)?\.html/, '')
 
                 return `<li ${
-                    currentPath === (v as CustomOptions).path
-                        ? 'class="active"'
-                        : ''
-                }><a href="${href}">${(v as CustomOptions).name}</a></li>`
+                    currentPath === v.path ? 'class="active"' : ''
+                }><a href="${href}">${v.name}</a></li>`
             }
 
             return `<ol><span>${k}</span>${navCategoryToHTML(
@@ -34,7 +24,7 @@ const navCategoryToHTML = (docs: SiteMap, currentPath: string) =>
         })
         .join('')
 
-export default (props: PageProps) => {
+export default (props) => {
     const docs = props.siteMap.get('documentation')
     const docsMenu = `<ul>${navCategoryToHTML(docs, props.path)}</ul>`
 

diff --git a/docs/_layouts/landing.ts → docs/_layouts/landing.js b/docs/_layouts/landing.ts → docs/_layouts/landing.js
@@ -1,10 +1,9 @@
-import { PageProps } from '../../build-scripts/docs/types'
-import meta from './_head-meta'
-import header from './_header'
-import footer from './_footer'
-import copyCode from './_copy-code'
+import meta from './_head-meta.js'
+import header from './_header.js'
+import footer from './_footer.js'
+import copyCode from './_copy-code.js'
 
-export default (props: PageProps) => {
+export default (props) => {
     return `
 <!doctype html>
 <html lang="en">

diff --git a/docs/documentation/templating/values.md b/docs/documentation/templating/values.md
@@ -165,9 +165,8 @@ All injected primitives will be rendered as their string version.
 
 ```javascript
 html`
-    ${0} ${true} ${false} ${34n} ${'sample'} ${undefined} ${null} ${Symbol(
-        'sample'
-    )}
+    ${0} ${true} ${false} ${34n} ${'sample'} ${undefined} ${null}
+    ${Symbol('sample')}
 `.render(document.body)
 // 0 true false 34 sample undefined null Symbol(sample)
 ```