@inglorious/ssx 2.0.1 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inglorious/ssx",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Server-Side-X. Xecution? Xperience? Who knows.",
   "author": "IceOnFire <antony.mistretta@gmail.com> (https://ingloriouscoderz.it)",
   "license": "MIT",
@@ -64,14 +64,14 @@
     "svgo": "^4.0.0",
     "vite": "^7.1.3",
     "vite-plugin-image-optimizer": "^2.0.3",
-    "@inglorious/web": "5.0.1",
-    "@inglorious/utils": "3.8.0"
+    "@inglorious/utils": "3.8.0",
+    "@inglorious/web": "5.0.2"
   },
   "devDependencies": {
     "prettier": "^3.6.2",
     "vitest": "^1.6.1",
-    "@inglorious/eslint-config": "1.1.2",
-    "@inglorious/logo": "3.0.1"
+    "@inglorious/logo": "3.0.2",
+    "@inglorious/eslint-config": "1.1.2"
   },
   "engines": {
     "node": ">= 22"

package/src/scripts/app.js

@@ -123,7 +123,6 @@ ${routes.join(",\n")}
 const module = await getRoute(page.pattern)()
 const type = module[page.moduleName]
 types[page.moduleName] = type
-const shouldHydrate = module.hydrate !== false
 
 const store = createStore({ types, entities, middlewares, systems, autoCreateEntities: true })
 
@@ -132,7 +131,7 @@ const root = document.getElementById("root")
 mount(store, (api) => {
   const { route } = api.getEntity("router")
   return api.render(route)
-}, root, { hydrate: shouldHydrate })
+}, root)
 `
 }
 

package/src/utils/markdown.js

@@ -1,3 +1,6 @@
+import path from "node:path"
+
+import { toCamelCase } from "@inglorious/utils/data-structures/string.js"
 import hljs from "highlight.js"
 import katex from "katex"
 import MarkdownIt from "markdown-it"
@@ -24,6 +27,7 @@ export function markdownPlugin(options = {}) {
       const matter = (await import("gray-matter")).default
       const { content, data } = matter(code)
       const htmlContent = md.render(content)
+      const moduleName = getMarkdownModuleName(id)
       const hasMermaid =
         content.includes('class="mermaid"') || content.includes("```mermaid")
 
@@ -40,9 +44,7 @@ export function markdownPlugin(options = {}) {
         ${mermaidCode}
 
         export const metadata = ${JSON.stringify(data)}
-        export const hydrate = false
-        
-        export default {
+        export const ${moduleName} = {
           render() {
             if (typeof window !== "undefined" && ${hasMermaid}) {
               setTimeout(() => {
@@ -101,3 +103,14 @@ function createMarkdownRenderer() {
 
   return md
 }
+
+function getMarkdownModuleName(id) {
+  const baseName = path.basename(id, path.extname(id))
+  const pascalCase = toPascalCase(baseName)
+  return /^[A-Za-z_$]/.test(pascalCase) ? pascalCase : `_${pascalCase}`
+}
+
+function toPascalCase(input) {
+  const camelCase = toCamelCase(input.replace(/[^a-zA-Z0-9_$-]/g, "_"))
+  return camelCase.replace(/^[a-z]/, (char) => char.toUpperCase())
+}

package/src/utils/markdown.test.js

@@ -0,0 +1,55 @@
+import { describe, expect, it } from "vitest"
+
+import { markdownPlugin, renderMarkdown } from "./markdown.js"
+
+describe("renderMarkdown", () => {
+  it("strips frontmatter and renders markdown content", () => {
+    const html = renderMarkdown(`---
+title: Talk 2
+---
+
+# Hello World
+
+This is a markdown page.
+`)
+
+    expect(html).toContain("<h1>Hello World</h1>")
+    expect(html).toContain("<p>This is a markdown page.</p>")
+    expect(html).not.toContain("title: Talk 2")
+  })
+})
+
+describe("markdownPlugin", () => {
+  it("exports a unique named page module for each markdown file", async () => {
+    const plugin = markdownPlugin()
+    const code = `---
+title: Talk 2
+---
+
+# Hello World
+`
+
+    const result = await plugin.transform(
+      code,
+      "/Users/iceonfire/Projects/ic/my-app/src/pages/talk2.md",
+    )
+
+    expect(result).toContain(`export const metadata = {"title":"Talk 2"}`)
+    expect(result).toContain("export const Talk2 = {")
+    expect(result).not.toContain("export default")
+    expect(result).not.toContain("export const hydrate = false")
+    expect(result).toContain("unsafeHTML")
+  })
+
+  it("converts kebab-case file names to PascalCase exports", async () => {
+    const plugin = markdownPlugin()
+    const code = `# Hello`
+
+    const result = await plugin.transform(
+      code,
+      "/Users/iceonfire/Projects/ic/my-app/src/pages/hello-world.md",
+    )
+
+    expect(result).toContain("export const HelloWorld = {")
+  })
+})