@chronoter/main 0.1.4 → 0.1.5

package/dist/cli.js

@@ -3,7 +3,7 @@ import ignore from 'ignore';
 import * as fs from 'fs/promises';
 import { readFile } from 'fs/promises';
 import * as path from 'path';
-import { dirname, resolve, join, relative, extname, basename } from 'path';
+import { dirname, resolve, join, relative, extname, basename, normalize, sep } from 'path';
 import { visit } from 'unist-util-visit';
 import { compile } from '@mdx-js/mdx';
 import matter from 'gray-matter';
@@ -589,7 +589,28 @@ var init_routing_middleware = __esm({
             req.chronoterRoute = route;
           }
           const templatePath = __dirname$1.endsWith("dist") ? resolve(__dirname$1, "server/templates/index.html") : resolve(__dirname$1, "templates/index.html");
-          const html = await readFile(templatePath, "utf-8");
+          let html = await readFile(templatePath, "utf-8");
+          const normalizedDirname = normalize(__dirname$1);
+          const isProduction = normalizedDirname.includes(`${sep}dist${sep}`) || normalizedDirname.endsWith(`${sep}dist`);
+          if (isProduction) {
+            html = html.replace(
+              "<!--__CHRONOTER_STYLES__-->",
+              '<link rel="stylesheet" href="/server/client/main.css" />'
+            );
+            html = html.replace(
+              "<!--__CHRONOTER_SCRIPTS__-->",
+              '<script type="module" src="/server/client/main.js"></script>'
+            );
+          } else {
+            html = html.replace("<!--__CHRONOTER_STYLES__-->", "");
+            html = html.replace(
+              "<!--__CHRONOTER_SCRIPTS__-->",
+              '<script type="module" src="/src/server/client/main.tsx"></script>'
+            );
+          }
+          const safeConfigJson = JSON.stringify(config).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
+          const configScript = `<script type="application/json" id="chronoter-config">${safeConfigJson}</script>`;
+          html = html.replace("<!--__CHRONOTER_CONFIG__-->", configScript);
           const transformedHtml = await server.transformIndexHtml(url, html);
           res.statusCode = route ? 200 : 404;
           res.setHeader("Content-Type", "text/html; charset=utf-8");
@@ -921,50 +942,6 @@ Please create a chronoter.config.json file.`
 
 // src/server/vite-config.ts
 init_ignore_patterns();
-
-// src/server/plugins/config-virtual-module.ts
-var VIRTUAL_CONFIG_MODULE_ID = "virtual:chronoter-config";
-var RESOLVED_VIRTUAL_CONFIG_MODULE_ID = "\0" + VIRTUAL_CONFIG_MODULE_ID;
-var createConfigVirtualModulePlugin = (config) => {
-  return {
-    name: "chronoter-config-virtual-module",
-    /**
-     * Virtual moduleのIDを解決
-     */
-    resolveId(id) {
-      if (id === VIRTUAL_CONFIG_MODULE_ID) {
-        return RESOLVED_VIRTUAL_CONFIG_MODULE_ID;
-      }
-      return null;
-    },
-    /**
-     * Virtual moduleのコードを生成
-     */
-    load(id) {
-      if (id === RESOLVED_VIRTUAL_CONFIG_MODULE_ID) {
-        const configCode = `
-// Auto-generated by chronoter-config-virtual-module plugin
-// This module provides access to the Chronoter configuration
-
-export const config = ${JSON.stringify(config, null, 2)};
-
-// HMR\u5BFE\u5FDC
-if (import.meta.hot) {
-  import.meta.hot.accept((newModule) => {
-    if (newModule) {
-      console.log('[chronoter] Configuration updated');
-      // \u8A2D\u5B9A\u304C\u5909\u66F4\u3055\u308C\u305F\u5834\u5408\u306F\u30DA\u30FC\u30B8\u5168\u4F53\u3092\u30EA\u30ED\u30FC\u30C9
-      window.location.reload();
-    }
-  });
-}
-`;
-        return configCode;
-      }
-      return null;
-    }
-  };
-};
 var __filename2 = fileURLToPath(import.meta.url);
 var __dirname2 = dirname(__filename2);
 var isMediaFileRequest = (url) => {
@@ -1022,8 +999,6 @@ var createViteConfig = (config, options = {}) => {
         // MDXファイルもReactコンポーネントとして扱う
         include: /\.(jsx|tsx|mdx)$/
       }),
-      // 設定情報をクライアントに注入するVirtual Moduleプラグイン
-      createConfigVirtualModulePlugin(config),
       // ルーティングミドルウェアを登録するプラグイン
       {
         name: "chronoter-routing",
@@ -1635,7 +1610,7 @@ var runVersionCheck = async (packageName, currentVersion) => {
 
 // src/cli/index.ts
 var PACKAGE_NAME = "chronoter";
-var CURRENT_VERSION = "0.1.4";
+var CURRENT_VERSION = "0.1.5";
 var createCliProgram = () => {
   const program = new Command();
   program.name("chronoter").description("Chronoter - MDX-based documentation site generator").version(CURRENT_VERSION);
@@ -1693,10 +1668,13 @@ var main = async () => {
   }
   await program.parseAsync(process.argv);
 };
-main().catch((error) => {
-  console.error(chalk2.red("An unexpected error occurred:"));
-  console.error(error);
-  process.exit(1);
-});
+var isDirectRun = process.argv[1]?.includes("chronoter-main") ?? false;
+if (isDirectRun) {
+  main().catch((error) => {
+    console.error(chalk2.red("An unexpected error occurred:"));
+    console.error(error);
+    process.exit(1);
+  });
+}
 
 export { CURRENT_VERSION, PACKAGE_NAME, createCliProgram };

package/dist/index.js

@@ -2,7 +2,7 @@ import ignore from 'ignore';
 import * as fs from 'fs/promises';
 import { readFile } from 'fs/promises';
 import * as path from 'path';
-import { dirname, resolve, join, extname, relative, basename } from 'path';
+import { dirname, resolve, join, normalize, sep, extname, relative, basename } from 'path';
 import { visit } from 'unist-util-visit';
 import { compile } from '@mdx-js/mdx';
 import matter from 'gray-matter';
@@ -584,7 +584,28 @@ var init_routing_middleware = __esm({
             req.chronoterRoute = route;
           }
           const templatePath = __dirname$1.endsWith("dist") ? resolve(__dirname$1, "server/templates/index.html") : resolve(__dirname$1, "templates/index.html");
-          const html = await readFile(templatePath, "utf-8");
+          let html = await readFile(templatePath, "utf-8");
+          const normalizedDirname = normalize(__dirname$1);
+          const isProduction = normalizedDirname.includes(`${sep}dist${sep}`) || normalizedDirname.endsWith(`${sep}dist`);
+          if (isProduction) {
+            html = html.replace(
+              "<!--__CHRONOTER_STYLES__-->",
+              '<link rel="stylesheet" href="/server/client/main.css" />'
+            );
+            html = html.replace(
+              "<!--__CHRONOTER_SCRIPTS__-->",
+              '<script type="module" src="/server/client/main.js"></script>'
+            );
+          } else {
+            html = html.replace("<!--__CHRONOTER_STYLES__-->", "");
+            html = html.replace(
+              "<!--__CHRONOTER_SCRIPTS__-->",
+              '<script type="module" src="/src/server/client/main.tsx"></script>'
+            );
+          }
+          const safeConfigJson = JSON.stringify(config).replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
+          const configScript = `<script type="application/json" id="chronoter-config">${safeConfigJson}</script>`;
+          html = html.replace("<!--__CHRONOTER_CONFIG__-->", configScript);
           const transformedHtml = await server.transformIndexHtml(url, html);
           res.statusCode = route ? 200 : 404;
           res.setHeader("Content-Type", "text/html; charset=utf-8");
@@ -916,50 +937,6 @@ Please create a chronoter.config.json file.`
 
 // src/server/vite-config.ts
 init_ignore_patterns();
-
-// src/server/plugins/config-virtual-module.ts
-var VIRTUAL_CONFIG_MODULE_ID = "virtual:chronoter-config";
-var RESOLVED_VIRTUAL_CONFIG_MODULE_ID = "\0" + VIRTUAL_CONFIG_MODULE_ID;
-var createConfigVirtualModulePlugin = (config) => {
-  return {
-    name: "chronoter-config-virtual-module",
-    /**
-     * Virtual moduleのIDを解決
-     */
-    resolveId(id) {
-      if (id === VIRTUAL_CONFIG_MODULE_ID) {
-        return RESOLVED_VIRTUAL_CONFIG_MODULE_ID;
-      }
-      return null;
-    },
-    /**
-     * Virtual moduleのコードを生成
-     */
-    load(id) {
-      if (id === RESOLVED_VIRTUAL_CONFIG_MODULE_ID) {
-        const configCode = `
-// Auto-generated by chronoter-config-virtual-module plugin
-// This module provides access to the Chronoter configuration
-
-export const config = ${JSON.stringify(config, null, 2)};
-
-// HMR\u5BFE\u5FDC
-if (import.meta.hot) {
-  import.meta.hot.accept((newModule) => {
-    if (newModule) {
-      console.log('[chronoter] Configuration updated');
-      // \u8A2D\u5B9A\u304C\u5909\u66F4\u3055\u308C\u305F\u5834\u5408\u306F\u30DA\u30FC\u30B8\u5168\u4F53\u3092\u30EA\u30ED\u30FC\u30C9
-      window.location.reload();
-    }
-  });
-}
-`;
-        return configCode;
-      }
-      return null;
-    }
-  };
-};
 var __filename2 = fileURLToPath(import.meta.url);
 var __dirname2 = dirname(__filename2);
 var isMediaFileRequest = (url) => {
@@ -1017,8 +994,6 @@ var createViteConfig = (config, options = {}) => {
         // MDXファイルもReactコンポーネントとして扱う
         include: /\.(jsx|tsx|mdx)$/
       }),
-      // 設定情報をクライアントに注入するVirtual Moduleプラグイン
-      createConfigVirtualModulePlugin(config),
       // ルーティングミドルウェアを登録するプラグイン
       {
         name: "chronoter-routing",