defuss-ssg 0.0.1

package/dist/serve-BaOtT5p7.cjs

@@ -0,0 +1,374 @@
+'use strict';
+
+var chokidar = require('chokidar');
+var express = require('express');
+var serveStatic = require('serve-static');
+var node_path = require('node:path');
+var node_fs = require('node:fs');
+var esbuild = require('esbuild');
+var remarkFrontmatter = require('remark-frontmatter');
+var rehypeKatex = require('rehype-katex');
+var remarkMath = require('remark-math');
+var remarkMdxFrontmatter = require('remark-mdx-frontmatter');
+var tailwind = require('./tailwind-C4AuHybm.cjs');
+var mdx = require('@mdx-js/esbuild');
+var glob = require('fast-glob');
+var server = require('defuss/server');
+var promises = require('node:fs/promises');
+var node_url = require('node:url');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+const remarkPlugins = [
+  // Parse both YAML and TOML (or omit options to default to YAML)
+  [remarkFrontmatter, ["yaml", "toml"]],
+  // Export each key as an ESM binding: export const title = "…"
+  [remarkMdxFrontmatter, { name: "meta" }],
+  // Convert $…$ and $$…$$ into math nodes for KaTeX
+  remarkMath
+];
+const rehypePlugins = [
+  //rehypeMdxTitle,
+  rehypeKatex
+];
+
+const readConfig = async (projectDir, debug) => {
+  const configPath = node_path.join(projectDir, "config.ts");
+  let config = {};
+  if (node_fs.existsSync(configPath)) {
+    if (debug) {
+      console.log(`Using config from ${configPath}`);
+    }
+    const result = await esbuild.build({
+      entryPoints: [configPath],
+      format: "esm",
+      bundle: true,
+      target: ["esnext"],
+      write: false
+    });
+    const code = result.outputFiles[0].text;
+    const encoded = Buffer.from(code).toString("base64");
+    const dataUrl = `data:text/javascript;base64,${encoded}`;
+    const module = await import(dataUrl);
+    config = module.default;
+  }
+  config.pages = config.pages || configDefaults.pages;
+  config.output = config.output || configDefaults.output;
+  config.components = config.components || configDefaults.components;
+  config.assets = config.assets || configDefaults.assets;
+  config.plugins = config.plugins || configDefaults.plugins;
+  config.tmp = config.tmp || configDefaults.tmp;
+  config.remarkPlugins = config.remarkPlugins || configDefaults.remarkPlugins;
+  config.rehypePlugins = config.rehypePlugins || configDefaults.rehypePlugins;
+  return config;
+};
+const configDefaults = {
+  pages: "pages",
+  output: "dist",
+  components: "components",
+  assets: "assets",
+  tmp: ".ssg-temp",
+  plugins: [tailwind.tailwindPlugin],
+  remarkPlugins,
+  rehypePlugins
+};
+
+const __filename$1 = node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('serve-BaOtT5p7.cjs', document.baseURI).href)));
+const __dirname$1 = node_path.dirname(__filename$1);
+const build = async ({
+  projectDir,
+  debug = false,
+  mode = "build"
+}) => {
+  const startTime = performance.now();
+  const config = await readConfig(projectDir, debug);
+  if (debug) {
+    console.log("PRE config", config);
+  }
+  if (debug) {
+    console.log("Using config:", config);
+  }
+  const inputPagesDir = node_path.join(projectDir, config.pages);
+  const inputComponentsDir = node_path.join(projectDir, config.components);
+  const inputAssetsDir = node_path.join(projectDir, config.assets);
+  const tmpPagesDir = node_path.join(config.tmp, config.pages);
+  const tmpComponentsDir = node_path.join(config.tmp, config.components);
+  const outputProjectDir = node_path.join(projectDir, config.output);
+  const outputPagesDir = node_path.join(projectDir, config.output, config.pages);
+  const outputComponentsDir = node_path.join(
+    projectDir,
+    config.output,
+    config.components
+  );
+  const outputAssetsDir = node_path.join(projectDir, config.output, config.assets);
+  if (debug) {
+    console.log("Input pages dir:", inputPagesDir);
+    console.log("Input components dir:", inputComponentsDir);
+    console.log("Input assets dir:", inputAssetsDir);
+    console.log("Temp pages dir:", tmpPagesDir);
+    console.log("Temp components dir:", tmpComponentsDir);
+    console.log("Output pages dir:", outputPagesDir);
+    console.log("Output components dir:", outputComponentsDir);
+    console.log("Output assets dir:", outputAssetsDir);
+  }
+  if (!node_fs.existsSync(inputPagesDir)) {
+    throw new Error(`Input pages directory does not exist: ${inputPagesDir}`);
+  } else if (debug) {
+    console.log(`Input pages directory exists: ${inputPagesDir}`);
+  }
+  if (!node_fs.existsSync(inputComponentsDir)) {
+    console.warn(
+      `There is no components directory: ${inputComponentsDir}. You may not be able to use any custom components.`
+    );
+  }
+  if (!node_fs.existsSync(inputAssetsDir)) {
+    console.warn(
+      `There is no assets directory: ${inputAssetsDir}. You may not be able to serve any custom assets.`
+    );
+  }
+  for (const plugin of config.plugins || []) {
+    if (plugin.phase === "pre" && (plugin.mode === mode || plugin.mode === "both")) {
+      if (debug) {
+        console.log(`Running pre-plugin: ${plugin.name}`);
+      }
+      await plugin.fn(projectDir, config);
+    }
+  }
+  if (node_fs.existsSync(config.tmp)) {
+    if (debug) {
+      console.log(`Removing existing temp folder: ${config.tmp}`);
+    }
+    node_fs.rmdirSync(config.tmp, { recursive: true });
+  }
+  await promises.cp(projectDir, config.tmp, {
+    recursive: true,
+    filter: (src) => {
+      const relative = src.replace(node_path.join(projectDir, ""), "");
+      if (relative.startsWith(node_path.join("assets", "")) || relative.startsWith(node_path.join("node_modules", ""))) {
+        return false;
+      }
+      return true;
+    }
+  });
+  await promises.cp(
+    // because of this the packaging of defuss-ssg must be done with "files" including the "components" folder
+    // in a built situation, __dirname is the dist folder of defuss-ssg
+    node_path.resolve(node_path.join(__dirname$1, "components", "index.mjs")),
+    // dist folder
+    node_path.join(tmpComponentsDir, "hydrate.tsx")
+    // a valid JS is always a valid TS file
+  );
+  await promises.cp(
+    // because of this the packaging of defuss-ssg must be done with "files" including the "runtime" file
+    // in a built situation, __dirname is the dist folder of defuss-ssg
+    node_path.resolve(node_path.join(__dirname$1, "runtime.mjs")),
+    // dist folder
+    node_path.join(tmpComponentsDir, "runtime.ts")
+    // a valid JS is always a valid TS file
+  );
+  await esbuild.build({
+    entryPoints: [node_path.join(tmpPagesDir, "**/*.mdx")],
+    format: "esm",
+    bundle: true,
+    sourcemap: true,
+    target: ["esnext"],
+    outdir: tmpPagesDir,
+    plugins: [
+      mdx({
+        // using the defuss jsxImportSource so that the output code contains JSX runtime calls
+        // and can be rendered to HTML here on the server (in Node.js).
+        jsxImportSource: "defuss",
+        // We also use any remark/rehype plugins specified in the config file.
+        remarkPlugins: config.remarkPlugins,
+        rehypePlugins: config.rehypePlugins
+      })
+    ]
+  });
+  await esbuild.build({
+    entryPoints: [
+      node_path.join(tmpComponentsDir, "**/*.tsx"),
+      node_path.join(tmpComponentsDir, "**/*.ts")
+    ],
+    format: "esm",
+    bundle: true,
+    // making sure we can do code splitting for shared dependencies (e.g. defuss lib)
+    splitting: true,
+    target: ["esnext"],
+    outdir: tmpComponentsDir
+  });
+  const outputFiles = await glob.async(node_path.join(tmpPagesDir, "**/*.js"));
+  if (!node_fs.existsSync(outputProjectDir)) {
+    node_fs.mkdirSync(outputProjectDir, { recursive: true });
+  }
+  for (const outputFile of outputFiles) {
+    const outputHtmlFilePath = outputFile.replace(".js", ".html");
+    const relativeOutputHtmlFilePath = outputHtmlFilePath.replace(
+      `${tmpPagesDir}${node_path.sep}`,
+      ""
+    );
+    if (debug) {
+      console.log("Processing output file (JS):", outputFile);
+      console.log("Output HTML file path:", outputHtmlFilePath);
+      console.log("Relative output HTML path:", relativeOutputHtmlFilePath);
+    }
+    const code = await promises.readFile(outputFile, "utf-8");
+    const encoded = Buffer.from(code).toString("base64");
+    const dataUrl = `data:text/javascript;base64,${encoded}`;
+    const exports = await import(dataUrl);
+    if (debug) {
+      console.log("exports", exports);
+    }
+    let vdom = exports.default(exports);
+    for (const plugin of config.plugins || []) {
+      if (plugin.phase === "page-vdom" && (plugin.mode === mode || plugin.mode === "both")) {
+        if (debug) {
+          console.log(`Running page-vdom plugin: ${plugin.name}`);
+        }
+        vdom = await plugin.fn(
+          vdom,
+          relativeOutputHtmlFilePath,
+          projectDir,
+          config
+        );
+      }
+    }
+    const browserGlobals = server.getBrowserGlobals();
+    const document = server.getDocument(false, browserGlobals);
+    browserGlobals.document = document;
+    let el = server.renderSync(vdom, document.documentElement, {
+      browserGlobals
+    });
+    for (const plugin of config.plugins || []) {
+      if (plugin.phase === "page-dom" && (plugin.mode === mode || plugin.mode === "both")) {
+        if (debug) {
+          console.log(`Running page-dom plugin: ${plugin.name}`);
+        }
+        el = await plugin.fn(
+          el,
+          relativeOutputHtmlFilePath,
+          projectDir,
+          config
+        );
+      }
+    }
+    let html = server.renderToString(el);
+    for (const plugin of config.plugins || []) {
+      if (plugin.phase === "page-html" && (plugin.mode === mode || plugin.mode === "both")) {
+        if (debug) {
+          console.log(`Running page-html plugin: ${plugin.name}`);
+        }
+        html = await plugin.fn(
+          html,
+          relativeOutputHtmlFilePath,
+          projectDir,
+          config
+        );
+      }
+    }
+    if (debug) {
+      console.log("Writing HTML file", outputHtmlFilePath);
+    }
+    if (debug) {
+      console.log("Relative HTML path:", relativeOutputHtmlFilePath);
+    }
+    const finalOutputFile = node_path.join(
+      projectDir,
+      config.output,
+      relativeOutputHtmlFilePath
+    );
+    if (debug) {
+      console.log("Full HTML output path:", finalOutputFile);
+    }
+    const finalOutputDir = node_path.dirname(finalOutputFile);
+    if (!node_fs.existsSync(finalOutputDir)) {
+      node_fs.mkdirSync(finalOutputDir, { recursive: true });
+    }
+    await promises.writeFile(finalOutputFile, html);
+  }
+  await promises.cp(tmpComponentsDir, outputComponentsDir, { recursive: true });
+  await promises.cp(inputAssetsDir, outputAssetsDir, { recursive: true });
+  for (const plugin of config.plugins || []) {
+    if (plugin.phase === "post" && (plugin.mode === mode || plugin.mode === "both")) {
+      if (debug) {
+        console.log(`Running post-plugin: ${plugin.name}`);
+      }
+      await plugin.fn(projectDir, config);
+    }
+  }
+  if (!debug) {
+    node_fs.rmdirSync(config.tmp, { recursive: true });
+  }
+  const endTime = performance.now();
+  const totalTime = (endTime - startTime) / 1e3;
+  console.log(`Build completed in ${totalTime.toFixed(2)} seconds.`);
+};
+
+const serve = async ({ projectDir, debug = false }) => {
+  const config = await readConfig(projectDir, debug);
+  const outputDir = node_path.join(projectDir, config.output);
+  const pagesDir = node_path.join(projectDir, config.pages);
+  const componentsDir = node_path.join(projectDir, config.components);
+  const assetsDir = node_path.join(projectDir, config.assets);
+  await build({ projectDir, debug, mode: "serve" });
+  const app = express();
+  const port = 3e3;
+  app.use(serveStatic(outputDir));
+  app.listen(port, () => {
+    console.log(`Server running at http://localhost:${port}`);
+  });
+  let isBuilding = false;
+  let pendingBuild = false;
+  const triggerBuild = async () => {
+    if (isBuilding) {
+      pendingBuild = true;
+      if (debug) {
+        console.log("Build scheduled after current one completes");
+      }
+      return;
+    }
+    isBuilding = true;
+    try {
+      await build({ projectDir, debug, mode: "serve" });
+    } finally {
+      isBuilding = false;
+      if (pendingBuild) {
+        pendingBuild = false;
+        if (debug) {
+          console.log("Running pending build");
+        }
+        await triggerBuild();
+      }
+    }
+  };
+  const watcher = chokidar.watch([pagesDir, componentsDir, assetsDir], {
+    ignored: /(^|[\/\\])\../,
+    // Ignore dotfiles
+    persistent: true,
+    ignoreInitial: true
+    // Ignore initial add events
+  });
+  watcher.on("change", async (path) => {
+    if (debug) {
+      console.log(`File changed: ${path}`);
+    }
+    await triggerBuild();
+  });
+  watcher.on("add", async (path) => {
+    if (debug) {
+      console.log(`File added: ${path}`);
+    }
+    await triggerBuild();
+  });
+  watcher.on("unlink", async (path) => {
+    if (debug) {
+      console.log(`File removed: ${path}`);
+    }
+    await triggerBuild();
+  });
+};
+
+exports.build = build;
+exports.configDefaults = configDefaults;
+exports.readConfig = readConfig;
+exports.rehypePlugins = rehypePlugins;
+exports.remarkPlugins = remarkPlugins;
+exports.serve = serve;