dx: auto correct built output script

Author: barelyhuman

docs/_layout.mustache

@@ -16,6 +16,9 @@
             </header>
         {{/showBack}}
         <article class='prose prose-zinc'>
+            {{#title}}
+                <h1 class=''>{{title}}</h1>
+            {{/title}}
             {{{content}}}
         </article>
         <footer class='mt-10'>
@@ -25,6 +28,6 @@
                 class='underline underline-offset-4'
             >tinytown.studio</a>
         </footer>
-        <script src='highlight.mjs' type='module'></script>
+        <script src='highlight.js' type='module'></script>
     </body>
 </html>

docs/guide.md

@@ -2,5 +2,4 @@
 
 A tiny pre-processor for tiny websites
 
-- [Getting Started](./getting-started)
-- [Guide](./guide)
+- [Quickstart](./quickstart)

docs/highlight.mjs docs/highlight.jsdocs/highlight.mjs renamed to docs/highlight.js

@@ -1,11 +1,8 @@
 ---
+title: Quickstart
 showBack: true
 ---
 
-# Getting Started
-
-## Basics
-
 ### Install
 
 ```sh
@@ -16,7 +13,7 @@ npm install -D @tinytown/pub
 
 ```sh
 # dev server
-npx -p @tinytown/pub pub ./src
+npx -p @tinytown/pub pu b ./src
 
 # build assets
 npx -p @tinytown/pub pub ./dist

docs/index.md

@@ -14,9 +14,32 @@ import glob from 'tiny-glob'
 
 const compileTemplate = (layout) => (vars) => Mustache.render(layout, vars)
 
+const htmlScriptReplacerPlugin = (tree) => {
+    tree.walk((node) => {
+        if (!node) return node
+        if (node.tag !== 'script') return node
+
+        const currentSource = node.attrs['src']
+        const sourceLink = currentSource.match(/^(\/?)((\w+\.?)+)/)
+        if (!sourceLink) return node
+
+        const link = sourceLink[2]
+        if (link.startsWith('http')) {
+            return node
+        }
+
+        node.attrs['src'] = node.attrs['src'].replace(
+            extname(node.attrs['src']),
+            '.mjs',
+        )
+        return node
+    })
+}
+
 const htmlProcessor = async (baseHTML, options) => {
     return (
         await posthtml([
+            htmlScriptReplacerPlugin,
             posthtmlBaseURL({
                 url: options.baseUrl,
                 allTags: true,
@@ -163,7 +186,7 @@ export async function compile(basePath, distPath, options) {
             '.tsx': jsTransformer(transformerOptions),
             '.mjs': jsTransformer(transformerOptions),
             '.ts': jsTransformer(transformerOptions),
-            '.scss': cssTransformer(transformerOptions),
+            // '.scss': cssTransformer(transformerOptions),
             '.css': cssTransformer(transformerOptions),
             '.md': markdownTransfomer(transformerOptions),
             '.html': htmlTranformer(transformerOptions),