chore: update svelte kit to v1.0.0-next.406 (#229)

Author: ota-meshi

.eslintignore

@@ -17,3 +17,5 @@
 /docs-svelte-kit/shim/eslint.mjs
 /docs-svelte-kit/shim/assert.mjs
 !/.*.js
+/docs-svelte-kit/src/routes/*.md
+/docs-svelte-kit/src/routes/**/*.md

.gitignore

@@ -109,3 +109,5 @@ dist
 /svelte.config-dist.js
 /docs-svelte-kit/shim/eslint.mjs
 /docs-svelte-kit/shim/assert.mjs
+/docs-svelte-kit/src/routes/*.md
+/docs-svelte-kit/src/routes/**/*.md

docs-svelte-kit/src/.eslintrc.js

@@ -5,5 +5,6 @@ module.exports = {
   rules: {
     "node/no-unsupported-features/es-syntax": "off",
     "require-jsdoc": "off",
+    "node/no-missing-import": "off",
   },
 }

docs-svelte-kit/src/lib/utils.js

@@ -1,8 +1,6 @@
 import { rules } from "../../../src/utils/rules.ts"
 import { readable, writable } from "svelte/store"
-// eslint-disable-next-line node/no-missing-import -- ignore
 import { page } from "$app/stores"
-// eslint-disable-next-line node/no-missing-import -- ignore
 import { base as baseUrl } from "$app/paths"
 
 export function stripBaseUrl(path) {

docs-svelte-kit/src/routes/+error.svelte

@@ -0,0 +1,10 @@
+<script>
+  import { base as baseUrl } from "$app/paths"
+  import { page } from "$app/stores"
+</script>
+
+<h1>{$page.status}</h1>
+<blockquote>
+  <p>{$page.error.message}</p>
+  <p>Take me <a href="{baseUrl}/">home</a></p>
+</blockquote>

docs-svelte-kit/src/routes/+layout.js

@@ -0,0 +1,19 @@
+import { markdownPath } from "$lib/utils.js"
+const docs = import.meta.glob("../../../docs/**/*.md")
+
+/** @type {import('@sveltejs/kit').Load} */
+export async function load({ url }) {
+  const markdown = `../../../docs/${markdownPath(url.pathname)}`
+  if (docs[markdown]) {
+    return {
+      moduleData: await docs[markdown](),
+    }
+  }
+
+  // 404
+  return {
+    moduleData: {
+      frontmatter: { title: "404", hiddenMenu: true },
+    },
+  }
+}

docs/__layout.svelte renamed to docs-svelte-kit/src/routes/+layout.svelte

@@ -1,40 +1,15 @@
-<script context="module">
-  import { markdownPath } from "$lib/utils.js"
-  const docs = import.meta.glob("./**/*.md")
-
-  /** @type {import('@sveltejs/kit').Load} */
-  export async function load({ url }) {
-    const markdown = `./${markdownPath(url.pathname)}`
-    if (docs[markdown]) {
-      return {
-        props: {
-          moduleData: await docs[markdown](),
-        },
-      }
-    }
-
-    // 404
-    return {
-      props: {
-        moduleData: {
-          frontmatter: { title: "404", hiddenMenu: true },
-        },
-      },
-    }
-  }
-</script>
-
 <script>
   import Header from "$lib/header/Header.svelte"
   import SideMenu from "$lib/sidemenu/SideMenu.svelte"
   import Footer from "$lib/footer/Footer.svelte"
 
-  import "../docs-svelte-kit/src/app.css"
-  import "../docs-svelte-kit/src/site.css"
+  import "../app.css"
+  import "../site.css"
   import { tocStore } from "$lib/utils"
 
-  export let moduleData
-
+  /** @type {import('./$types').PageData */
+  export let data
+  $: ({ moduleData } = data)
   $: frontmatter = moduleData.frontmatter
   $: fileInfo = moduleData.fileInfo
   $: {

docs/404.svelte renamed to docs-svelte-kit/src/routes/404/+page.svelte

@@ -0,0 +1,55 @@
+import path from "path"
+import fs from "fs"
+import { fileURLToPath } from "url"
+const dirname = path.dirname(
+  fileURLToPath(
+    // @ts-expect-error -- Cannot change `module` option
+    import.meta.url,
+  ),
+)
+
+/** Generate svelte kit routes files */
+export default function generateRoutes(): void {
+  const srcRoot = path.join(dirname, "../../docs")
+  const distRoot = path.join(dirname, "../src/routes")
+
+  for (const markdownPath of iterateMarkdown(srcRoot)) {
+    const markdownRelativePath = path.relative(srcRoot, markdownPath)
+    const distPath = path.join(
+      distRoot,
+      markdownRelativePath.replace(/(?:README)?\.md$/u, "/+page.md"),
+    )
+
+    mkdirs(path.dirname(distPath))
+    fs.writeFileSync(
+      distPath,
+      `<script>
+  import MD from "${path.relative(path.dirname(distPath), markdownPath)}"
+</script>
+
+<MD />
+`,
+      "utf-8",
+    )
+  }
+}
+
+/** Iterate markdown files */
+function* iterateMarkdown(rootDir: string): IterableIterator<string> {
+  for (const filename of fs.readdirSync(rootDir)) {
+    const abs = path.join(rootDir, filename)
+    if (path.extname(filename) === ".md") {
+      yield abs
+    } else if (fs.statSync(abs).isDirectory()) {
+      yield* iterateMarkdown(abs)
+    }
+  }
+}
+
+/** Make directories */
+function mkdirs(dir: string): void {
+  if (!fs.existsSync(dir)) {
+    mkdirs(path.dirname(dir))
+    fs.mkdirSync(dir)
+  }
+}

docs-svelte-kit/tools/generate-routes.mts

@@ -24,7 +24,10 @@ export default (md: Md, options: { baseUrl: string; root: string }): void => {
 
     return `${base}/${path
       .relative(root, absolutePath)
-      .replace(/\.md$/, "")}/${hash}`.replace(/\\/gu, "/")
+      .replace(/README\.md$/, "")
+      .replace(/\.md$/, "")}/${hash}`
+      .replace(/\\/gu, "/")
+      .replace(/\/+/gu, "/")
   }
 
   md.renderer.rules.link_open = (tokens, idx, options, env, self) => {