defuss-ssg 0.6.0 → 0.6.1

package/README.md

@@ -19,6 +19,7 @@ Use Bun for package management. The published package targets Node `^20.19.0 ||
 - defuss components imported into MDX and HTML-like pages
 - Automatic hydration boundaries for components rendered from `components/`, `src/components/`, `csr/`, or `src/csr/`
 - Static assets copied from `assets/` or `src/assets/`
+- Vite-style `public/` assets copied to the output root and served at `/<file>`
 - File-based API routes from `pages/**/*.ts` and `pages/**/*.js`
 - Root `index.mdx`, `index.md`, or `index.html` fallback when no pages directory exists
 - Pre-rendered endpoints via `prerender = true` and `getStaticPaths()`
@@ -282,7 +283,7 @@ Single command    -> <command> .
 Command + folder  -> <command> <folder>
 ```
 
-When `pages`, `components`, or `assets` are not configured explicitly, `defuss-ssg` prefers `src/pages`, `src/components`, `src/csr`, and `src/assets` before falling back to their project-root equivalents. If no pages directory exists, it falls back to root `index.mdx`, then `index.md`, then `index.html`.
+When `pages`, `components`, or `assets` are not configured explicitly, `defuss-ssg` prefers `src/pages`, `src/components`, `src/csr`, and `src/assets` before falling back to their project-root equivalents. If no pages directory exists, it falls back to root `index.mdx`, then `index.md`, then `index.html`. A project-root `public/` directory is treated like Vite/Astro `public`: its files are available at the site root.
 
 Commands:
 

package/dist/cli.mjs

@@ -1,17 +1,17 @@
 #!/usr/bin/env node
-import { v as validateProjectDir, b as build } from './vite-CaqPNORI.mjs';
-import { d as dev, s as serve } from './serve-Cd4Pw98E.mjs';
+import { v as validateProjectDir, b as build } from './vite-DLXcqaZX.mjs';
+import { d as dev, s as serve } from './serve-DIW2gbz_.mjs';
 import { join, dirname, resolve } from 'node:path';
 import { existsSync, readFileSync } from 'node:fs';
 import { spawn } from 'node:child_process';
+import 'fast-glob';
 import 'node:fs/promises';
-import 'node:url';
 import 'defuss/server';
 import 'node:crypto';
 import '@mdx-js/rollup';
-import 'fast-glob';
 import 'vite';
 import 'defuss-vite';
+import 'node:url';
 import 'node:os';
 import 'esbuild';
 import 'rehype-katex';

package/dist/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var vite = require('./vite-CBAZNNYA.cjs');
+var vite = require('./vite-DlnPNJYO.cjs');
 var mdx = require('@mdx-js/rollup');
 var vite$1 = require('vite');
 var defuss = require('defuss-vite');
 var node_fs = require('node:fs');
 var node_path = require('node:path');
 var defussExpress = require('defuss-express');
+require('fast-glob');
 require('node:fs/promises');
-require('node:url');
 require('defuss/server');
 require('node:crypto');
-require('fast-glob');
+require('node:url');
 require('node:os');
 require('esbuild');
 require('rehype-katex');

package/dist/index.mjs

@@ -1,15 +1,15 @@
-export { H as HTTP_METHODS, b as build, a as buildEndpoints, c as compileEndpoints, d as compileRpcModule, e as configDefaults, f as defussSsg, g as discoverEndpointSourceFiles, h as discoverRpcFile, i as endpointFileToRoute, j as handleEndpointRoute, k as handleRpcRequest, l as initializeRpc, m as loadEndpointModule, n as matchRoutePattern, r as readConfig, o as registerEndpoints, p as resolveEndpoints, q as routeToExpressPattern } from './vite-CaqPNORI.mjs';
-export { d as dev, s as serve } from './serve-Cd4Pw98E.mjs';
+export { H as HTTP_METHODS, b as build, a as buildEndpoints, c as compileEndpoints, d as compileRpcModule, e as configDefaults, f as defussSsg, g as discoverEndpointSourceFiles, h as discoverRpcFile, i as endpointFileToRoute, j as handleEndpointRoute, k as handleRpcRequest, l as initializeRpc, m as loadEndpointModule, n as matchRoutePattern, r as readConfig, o as registerEndpoints, p as resolveEndpoints, q as routeToExpressPattern } from './vite-DLXcqaZX.mjs';
+export { d as dev, s as serve } from './serve-DIW2gbz_.mjs';
+import 'fast-glob';
 import 'node:fs';
 import 'node:fs/promises';
 import 'node:path';
-import 'node:url';
 import 'defuss/server';
 import 'node:crypto';
 import '@mdx-js/rollup';
-import 'fast-glob';
 import 'vite';
 import 'defuss-vite';
+import 'node:url';
 import 'node:os';
 import 'esbuild';
 import 'rehype-katex';

package/dist/{serve-Cd4Pw98E.mjs → serve-DIW2gbz_.mjs}

@@ -1,7 +1,7 @@
 import mdx from '@mdx-js/rollup';
 import { createServer } from 'vite';
 import defuss from 'defuss-vite';
-import { v as validateProjectDir, r as readConfig, f as defussSsg, o as registerEndpoints, l as initializeRpc, s as readIncomingBody, t as createWebRequest, k as handleRpcRequest, u as sendWebResponse } from './vite-CaqPNORI.mjs';
+import { v as validateProjectDir, r as readConfig, f as defussSsg, o as registerEndpoints, l as initializeRpc, s as readIncomingBody, t as createWebRequest, k as handleRpcRequest, u as sendWebResponse } from './vite-DLXcqaZX.mjs';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';
 import { express, startServer } from 'defuss-express';

package/dist/{vite-CaqPNORI.mjs → vite-DLXcqaZX.mjs}

@@ -1,13 +1,13 @@
+import glob from 'fast-glob';
 import { existsSync, statSync, mkdirSync, rmSync, readdirSync, symlinkSync } from 'node:fs';
 import { writeFile, readFile, cp, stat } from 'node:fs/promises';
 import { join, resolve, relative, sep, extname, dirname } from 'node:path';
-import { fileURLToPath } from 'node:url';
 import { getBrowserGlobals, getDocument, renderSync, renderToString } from 'defuss/server';
 import { createHash } from 'node:crypto';
 import mdx from '@mdx-js/rollup';
-import glob from 'fast-glob';
 import { createServer, build as build$1 } from 'vite';
 import defuss from 'defuss-vite';
+import { fileURLToPath } from 'node:url';
 import { tmpdir } from 'node:os';
 import esbuild from 'esbuild';
 import rehypeKatex from 'rehype-katex';
@@ -640,8 +640,8 @@ const registerEndpoints = async (registrar, projectDir, _config, debug = false)
   }
 };
 
-const __filename$2 = fileURLToPath(import.meta.url);
-const __dirname$2 = dirname(__filename$2);
+const __filename$1 = fileURLToPath(import.meta.url);
+const __dirname$1 = dirname(__filename$1);
 const isHtmlLikePageSource = (filePath) => {
   const extension = extname(filePath).toLowerCase();
   return extension === "" || extension === ".md" || extension === ".mdx" || extension === ".html";
@@ -655,16 +655,56 @@ const isPathInOrUnder$1 = (filePath, dirPath) => {
 const isRootIndexPageSource$1 = (filePath) => /^index(?:\.mdx?|\.html)?$/i.test(normalizePath$1(filePath));
 const resolveLocalHelperFile = (sourceRelativePath, builtRelativePath) => {
   const candidates = [
-    resolve(__dirname$2, sourceRelativePath),
-    resolve(__dirname$2, "..", "src", sourceRelativePath),
-    resolve(__dirname$2, builtRelativePath)
+    resolve(__dirname$1, sourceRelativePath),
+    resolve(__dirname$1, "..", "src", sourceRelativePath),
+    resolve(__dirname$1, builtRelativePath)
   ];
   for (const candidate of candidates) {
     if (existsSync(candidate)) {
       return candidate;
     }
   }
-  return resolve(__dirname$2, builtRelativePath);
+  return resolve(__dirname$1, builtRelativePath);
+};
+const injectStylesheetLinks$1 = (html, hrefs) => {
+  const missingHrefs = hrefs.filter((href) => !html.includes(`href="${href}"`));
+  if (missingHrefs.length === 0) {
+    return html;
+  }
+  const linkTags = missingHrefs.map((href) => `<link rel="stylesheet" href="${href}">`).join("");
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${linkTags}</head>`);
+  }
+  return `${linkTags}${html}`;
+};
+const getComponentStylesheetHrefs$1 = async (componentsOutputDir, componentsPublicDir) => {
+  if (!existsSync(componentsOutputDir)) {
+    return [];
+  }
+  const cssFiles = await glob.async(join(componentsOutputDir, "**/*.css"));
+  return cssFiles.sort((left, right) => left.localeCompare(right)).map(
+    (cssFile) => `/${normalizePath$1(join(componentsPublicDir, relative(componentsOutputDir, cssFile)))}`
+  );
+};
+const injectComponentStylesheetsIntoOutputHtml = async (outputProjectDir, componentsOutputDir, componentsPublicDir) => {
+  if (!existsSync(outputProjectDir)) {
+    return;
+  }
+  const stylesheetHrefs = await getComponentStylesheetHrefs$1(
+    componentsOutputDir,
+    componentsPublicDir
+  );
+  if (stylesheetHrefs.length === 0) {
+    return;
+  }
+  const htmlFiles = await glob.async(join(outputProjectDir, "**/*.html"));
+  for (const htmlFile of htmlFiles) {
+    const currentHtml = await readFile(htmlFile, "utf8");
+    const nextHtml = injectStylesheetLinks$1(currentHtml, stylesheetHrefs);
+    if (nextHtml !== currentHtml) {
+      await writeFile(htmlFile, nextHtml);
+    }
+  }
 };
 const build = async ({
   projectDir,
@@ -700,6 +740,7 @@ const build = async ({
   const inputPagesDir = projectPaths.pagesSourceDirAbsolute;
   const inputComponentsDir = projectPaths.componentsSourceDirAbsolute;
   const inputAssetsDir = projectPaths.assetsSourceDirAbsolute;
+  const inputPublicDir = join(projectDir, "public");
   const hasInputPagesDir = projectPaths.hasPagesSourceDir;
   const tmpPagesDir = join(config.tmp, projectPaths.pagesSourceDir);
   const tmpComponentsDir = join(config.tmp, projectPaths.componentsSourceDir);
@@ -720,6 +761,7 @@ const build = async ({
     console.log("Input pages dir:", inputPagesDir);
     console.log("Input components dir:", inputComponentsDir);
     console.log("Input assets dir:", inputAssetsDir);
+    console.log("Input public dir:", inputPublicDir);
     console.log("Temp pages dir:", tmpPagesDir);
     console.log("Temp components dir:", tmpComponentsDir);
     console.log("Output pages dir:", outputPagesDir);
@@ -738,6 +780,8 @@ const build = async ({
       changeKind = "component";
     } else if (isPathInOrUnder$1(changedRelative, projectPaths.assetsSourceDir)) {
       changeKind = "asset";
+    } else if (isPathInOrUnder$1(changedRelative, "public")) {
+      changeKind = "asset";
     } else if (changedRelative === "config.ts" || changedRelative === "config.js") {
       changeKind = "config";
     }
@@ -755,7 +799,7 @@ const build = async ({
   const shouldCopyToTemp = (src) => {
     const relative2 = src.startsWith(projectDir) ? normalizePath$1(src.slice(projectDir.length).replace(/^[\\/]+/, "")) : src;
     const firstSegment = relative2.split(/[\\/]/)[0];
-    return !(firstSegment === "node_modules" || firstSegment === config.output || firstSegment === ".endpoints" || firstSegment === ".ssg-temp" || firstSegment === ".git" || projectPaths.assetsSourceDirCandidates.some(
+    return !(firstSegment === "node_modules" || firstSegment === config.output || firstSegment === ".endpoints" || firstSegment === ".ssg-temp" || firstSegment === ".git" || firstSegment === "public" || projectPaths.assetsSourceDirCandidates.some(
       (candidateDir) => isPathInOrUnder$1(relative2, candidateDir)
     ));
   };
@@ -1049,6 +1093,16 @@ const build = async ({
     if (existsSync(inputAssetsDir)) {
       await cp(inputAssetsDir, outputAssetsDir, { recursive: true });
     }
+    if (existsSync(inputPublicDir)) {
+      await cp(inputPublicDir, outputProjectDir, { recursive: true });
+    }
+  }
+  if (isFullBuild || changeKind === "page" || changeKind === "component") {
+    await injectComponentStylesheetsIntoOutputHtml(
+      outputProjectDir,
+      outputComponentsDir,
+      projectPaths.componentsPublicDir
+    );
   }
   timeEndDebug("[build] copy-outputs");
   if (isFullBuild || changeKind === "component") {
@@ -1277,8 +1331,6 @@ const handleRpcRequest = async (ctx) => {
   }
 };
 
-const __filename$1 = fileURLToPath(import.meta.url);
-const __dirname$1 = dirname(__filename$1);
 const MIME_TYPES = {
   ".css": "text/css; charset=utf-8",
   ".gif": "image/gif",
@@ -1677,18 +1729,25 @@ const injectHmrClientModule = (html) => {
   }
   return `${importTag}${html}`;
 };
-const resolveRuntimeHelperFile = () => {
-  const candidates = [
-    join(__dirname$1, "runtime.ts"),
-    join(__dirname$1, "..", "src", "runtime.ts"),
-    join(__dirname$1, "runtime.mjs")
-  ];
-  for (const candidate of candidates) {
-    if (existsSync(candidate)) {
-      return candidate;
-    }
+const injectStylesheetLinks = (html, hrefs) => {
+  const missingHrefs = hrefs.filter((href) => !html.includes(`href="${href}"`));
+  if (missingHrefs.length === 0) {
+    return html;
   }
-  return null;
+  const linkTags = missingHrefs.map((href) => `<link rel="stylesheet" href="${href}">`).join("");
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${linkTags}</head>`);
+  }
+  return `${linkTags}${html}`;
+};
+const getComponentStylesheetHrefs = async (componentsOutputDir, componentsPublicDir) => {
+  if (!existsSync(componentsOutputDir)) {
+    return [];
+  }
+  const cssFiles = await glob.async(join(componentsOutputDir, "**/*.css"));
+  return cssFiles.sort((left, right) => left.localeCompare(right)).map(
+    (cssFile) => `/${normalizePath(join(componentsPublicDir, relative(componentsOutputDir, cssFile)))}`
+  );
 };
 const isHtmlLikeFile = (filePath) => {
   const extension = extname(filePath);
@@ -1738,6 +1797,9 @@ const classifyChangedFile = (file, projectDir, config, rpcFile) => {
   if (isPathInOrUnder(relativeFile, paths.assetsSourceDir)) {
     return "asset";
   }
+  if (isPathInOrUnder(relativeFile, "public")) {
+    return "asset";
+  }
   return "dependency";
 };
 const filePathToComponentPublicPath = (file, componentsSourceDir, componentsPublicDir) => {
@@ -2126,6 +2188,13 @@ function defussSsg(options = {}) {
       );
       const el = renderSync(vdom, document.documentElement, { browserGlobals });
       let html = renderToString(el);
+      html = injectStylesheetLinks(
+        html,
+        await getComponentStylesheetHrefs(
+          join(projectDir, config.output, currentPaths.componentsPublicDir),
+          currentPaths.componentsPublicDir
+        )
+      );
       html = injectHmrClientModule(html);
       html = await server.transformIndexHtml(requestUrl.pathname, html);
       res.setHeader("Cache-Control", "no-store");
@@ -2140,27 +2209,14 @@ function defussSsg(options = {}) {
   const maybeServeComponent = async (server, req, res) => {
     const requestUrl = new URL(req.url || "/", "http://localhost");
     const pathname = requestUrl.pathname;
-    if (!pathname.startsWith(`/${config.components}/`)) {
-      return false;
-    }
-    const componentRoutePrefix = `/${config.components}/`;
-    if (pathname === `/${config.components}/runtime.js`) {
-      const runtimePath = resolveRuntimeHelperFile();
-      if (!runtimePath) {
-        return false;
-      }
-      const transformed2 = await server.transformRequest(runtimePath);
-      if (transformed2) {
-        res.setHeader("Cache-Control", "no-store");
-        res.setHeader("Content-Type", "text/javascript; charset=utf-8");
-        res.statusCode = 200;
-        res.end(transformed2.code);
-        return true;
-      }
+    const currentPaths = resolveSsgPaths(projectDir, config);
+    const componentRoutePrefix = `/${currentPaths.componentsPublicDir}/`;
+    if (!pathname.startsWith(componentRoutePrefix)) {
       return false;
     }
     const relativeComponentPath = pathname.slice(componentRoutePrefix.length);
-    const isBuiltComponentAsset = relativeComponentPath.startsWith("chunks/") || /^chunk-|^client-/.test(relativeComponentPath);
+    const componentExtension = extname(relativeComponentPath).toLowerCase();
+    const isBuiltComponentAsset = relativeComponentPath === "runtime.js" || relativeComponentPath.startsWith("chunks/") || /^chunk-|^client-/.test(relativeComponentPath) || componentExtension !== ".js";
     if (isBuiltComponentAsset) {
       return false;
     }
@@ -2168,7 +2224,6 @@ function defussSsg(options = {}) {
       extname(relativeComponentPath),
       ""
     );
-    const currentPaths = resolveSsgPaths(projectDir, config);
     const extensions = [".tsx", ".ts", ".jsx", ".js"];
     let sourceFile = null;
     for (const ext of extensions) {
@@ -2182,10 +2237,7 @@ function defussSsg(options = {}) {
       }
     }
     if (!sourceFile) {
-      res.setHeader("Cache-Control", "no-store");
-      res.statusCode = 404;
-      res.end();
-      return true;
+      return false;
     }
     const transformed = await server.transformRequest(sourceFile);
     if (transformed) {
@@ -2223,9 +2275,18 @@ function defussSsg(options = {}) {
       MIME_TYPES[extname(outputFile)] ?? "application/octet-stream"
     );
     if (outputFile.endsWith(".html")) {
+      const currentPaths = resolveSsgPaths(projectDir, config);
       const html = await server.transformIndexHtml(
         requestUrl.pathname,
-        injectHmrClientModule(body.toString("utf8"))
+        injectHmrClientModule(
+          injectStylesheetLinks(
+            body.toString("utf8"),
+            await getComponentStylesheetHrefs(
+              join(projectDir, config.output, currentPaths.componentsPublicDir),
+              currentPaths.componentsPublicDir
+            )
+          )
+        )
       );
       res.statusCode = 200;
       res.end(method === "HEAD" ? void 0 : html);
@@ -2280,6 +2341,7 @@ function defussSsg(options = {}) {
         ...paths.assetsSourceDirCandidates.map(
           (candidateDir) => join(projectDir, candidateDir)
         ),
+        join(projectDir, "public"),
         join(projectDir, "config.ts"),
         join(projectDir, "config.js")
       ];

package/dist/{vite-CBAZNNYA.cjs → vite-DlnPNJYO.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
+var glob = require('fast-glob');
 var node_fs = require('node:fs');
 var promises = require('node:fs/promises');
 var node_path = require('node:path');
-var node_url = require('node:url');
 var server = require('defuss/server');
 var node_crypto = require('node:crypto');
 var mdx = require('@mdx-js/rollup');
-var glob = require('fast-glob');
 var vite = require('vite');
 var defuss = require('defuss-vite');
+var node_url = require('node:url');
 var node_os = require('node:os');
 var esbuild = require('esbuild');
 var rehypeKatex = require('rehype-katex');
@@ -643,8 +643,8 @@ const registerEndpoints = async (registrar, projectDir, _config, debug = false)
   }
 };
 
-const __filename$2 = node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('vite-CBAZNNYA.cjs', document.baseURI).href)));
-const __dirname$2 = node_path.dirname(__filename$2);
+const __filename$1 = node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('vite-DlnPNJYO.cjs', document.baseURI).href)));
+const __dirname$1 = node_path.dirname(__filename$1);
 const isHtmlLikePageSource = (filePath) => {
   const extension = node_path.extname(filePath).toLowerCase();
   return extension === "" || extension === ".md" || extension === ".mdx" || extension === ".html";
@@ -658,16 +658,56 @@ const isPathInOrUnder$1 = (filePath, dirPath) => {
 const isRootIndexPageSource$1 = (filePath) => /^index(?:\.mdx?|\.html)?$/i.test(normalizePath$1(filePath));
 const resolveLocalHelperFile = (sourceRelativePath, builtRelativePath) => {
   const candidates = [
-    node_path.resolve(__dirname$2, sourceRelativePath),
-    node_path.resolve(__dirname$2, "..", "src", sourceRelativePath),
-    node_path.resolve(__dirname$2, builtRelativePath)
+    node_path.resolve(__dirname$1, sourceRelativePath),
+    node_path.resolve(__dirname$1, "..", "src", sourceRelativePath),
+    node_path.resolve(__dirname$1, builtRelativePath)
   ];
   for (const candidate of candidates) {
     if (node_fs.existsSync(candidate)) {
       return candidate;
     }
   }
-  return node_path.resolve(__dirname$2, builtRelativePath);
+  return node_path.resolve(__dirname$1, builtRelativePath);
+};
+const injectStylesheetLinks$1 = (html, hrefs) => {
+  const missingHrefs = hrefs.filter((href) => !html.includes(`href="${href}"`));
+  if (missingHrefs.length === 0) {
+    return html;
+  }
+  const linkTags = missingHrefs.map((href) => `<link rel="stylesheet" href="${href}">`).join("");
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${linkTags}</head>`);
+  }
+  return `${linkTags}${html}`;
+};
+const getComponentStylesheetHrefs$1 = async (componentsOutputDir, componentsPublicDir) => {
+  if (!node_fs.existsSync(componentsOutputDir)) {
+    return [];
+  }
+  const cssFiles = await glob.async(node_path.join(componentsOutputDir, "**/*.css"));
+  return cssFiles.sort((left, right) => left.localeCompare(right)).map(
+    (cssFile) => `/${normalizePath$1(node_path.join(componentsPublicDir, node_path.relative(componentsOutputDir, cssFile)))}`
+  );
+};
+const injectComponentStylesheetsIntoOutputHtml = async (outputProjectDir, componentsOutputDir, componentsPublicDir) => {
+  if (!node_fs.existsSync(outputProjectDir)) {
+    return;
+  }
+  const stylesheetHrefs = await getComponentStylesheetHrefs$1(
+    componentsOutputDir,
+    componentsPublicDir
+  );
+  if (stylesheetHrefs.length === 0) {
+    return;
+  }
+  const htmlFiles = await glob.async(node_path.join(outputProjectDir, "**/*.html"));
+  for (const htmlFile of htmlFiles) {
+    const currentHtml = await promises.readFile(htmlFile, "utf8");
+    const nextHtml = injectStylesheetLinks$1(currentHtml, stylesheetHrefs);
+    if (nextHtml !== currentHtml) {
+      await promises.writeFile(htmlFile, nextHtml);
+    }
+  }
 };
 const build = async ({
   projectDir,
@@ -703,6 +743,7 @@ const build = async ({
   const inputPagesDir = projectPaths.pagesSourceDirAbsolute;
   const inputComponentsDir = projectPaths.componentsSourceDirAbsolute;
   const inputAssetsDir = projectPaths.assetsSourceDirAbsolute;
+  const inputPublicDir = node_path.join(projectDir, "public");
   const hasInputPagesDir = projectPaths.hasPagesSourceDir;
   const tmpPagesDir = node_path.join(config.tmp, projectPaths.pagesSourceDir);
   const tmpComponentsDir = node_path.join(config.tmp, projectPaths.componentsSourceDir);
@@ -723,6 +764,7 @@ const build = async ({
     console.log("Input pages dir:", inputPagesDir);
     console.log("Input components dir:", inputComponentsDir);
     console.log("Input assets dir:", inputAssetsDir);
+    console.log("Input public dir:", inputPublicDir);
     console.log("Temp pages dir:", tmpPagesDir);
     console.log("Temp components dir:", tmpComponentsDir);
     console.log("Output pages dir:", outputPagesDir);
@@ -741,6 +783,8 @@ const build = async ({
       changeKind = "component";
     } else if (isPathInOrUnder$1(changedRelative, projectPaths.assetsSourceDir)) {
       changeKind = "asset";
+    } else if (isPathInOrUnder$1(changedRelative, "public")) {
+      changeKind = "asset";
     } else if (changedRelative === "config.ts" || changedRelative === "config.js") {
       changeKind = "config";
     }
@@ -758,7 +802,7 @@ const build = async ({
   const shouldCopyToTemp = (src) => {
     const relative2 = src.startsWith(projectDir) ? normalizePath$1(src.slice(projectDir.length).replace(/^[\\/]+/, "")) : src;
     const firstSegment = relative2.split(/[\\/]/)[0];
-    return !(firstSegment === "node_modules" || firstSegment === config.output || firstSegment === ".endpoints" || firstSegment === ".ssg-temp" || firstSegment === ".git" || projectPaths.assetsSourceDirCandidates.some(
+    return !(firstSegment === "node_modules" || firstSegment === config.output || firstSegment === ".endpoints" || firstSegment === ".ssg-temp" || firstSegment === ".git" || firstSegment === "public" || projectPaths.assetsSourceDirCandidates.some(
       (candidateDir) => isPathInOrUnder$1(relative2, candidateDir)
     ));
   };
@@ -1052,6 +1096,16 @@ const build = async ({
     if (node_fs.existsSync(inputAssetsDir)) {
       await promises.cp(inputAssetsDir, outputAssetsDir, { recursive: true });
     }
+    if (node_fs.existsSync(inputPublicDir)) {
+      await promises.cp(inputPublicDir, outputProjectDir, { recursive: true });
+    }
+  }
+  if (isFullBuild || changeKind === "page" || changeKind === "component") {
+    await injectComponentStylesheetsIntoOutputHtml(
+      outputProjectDir,
+      outputComponentsDir,
+      projectPaths.componentsPublicDir
+    );
   }
   timeEndDebug("[build] copy-outputs");
   if (isFullBuild || changeKind === "component") {
@@ -1280,8 +1334,6 @@ const handleRpcRequest = async (ctx) => {
   }
 };
 
-const __filename$1 = node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('vite-CBAZNNYA.cjs', document.baseURI).href)));
-const __dirname$1 = node_path.dirname(__filename$1);
 const MIME_TYPES = {
   ".css": "text/css; charset=utf-8",
   ".gif": "image/gif",
@@ -1680,18 +1732,25 @@ const injectHmrClientModule = (html) => {
   }
   return `${importTag}${html}`;
 };
-const resolveRuntimeHelperFile = () => {
-  const candidates = [
-    node_path.join(__dirname$1, "runtime.ts"),
-    node_path.join(__dirname$1, "..", "src", "runtime.ts"),
-    node_path.join(__dirname$1, "runtime.mjs")
-  ];
-  for (const candidate of candidates) {
-    if (node_fs.existsSync(candidate)) {
-      return candidate;
-    }
+const injectStylesheetLinks = (html, hrefs) => {
+  const missingHrefs = hrefs.filter((href) => !html.includes(`href="${href}"`));
+  if (missingHrefs.length === 0) {
+    return html;
   }
-  return null;
+  const linkTags = missingHrefs.map((href) => `<link rel="stylesheet" href="${href}">`).join("");
+  if (html.includes("</head>")) {
+    return html.replace("</head>", `${linkTags}</head>`);
+  }
+  return `${linkTags}${html}`;
+};
+const getComponentStylesheetHrefs = async (componentsOutputDir, componentsPublicDir) => {
+  if (!node_fs.existsSync(componentsOutputDir)) {
+    return [];
+  }
+  const cssFiles = await glob.async(node_path.join(componentsOutputDir, "**/*.css"));
+  return cssFiles.sort((left, right) => left.localeCompare(right)).map(
+    (cssFile) => `/${normalizePath(node_path.join(componentsPublicDir, node_path.relative(componentsOutputDir, cssFile)))}`
+  );
 };
 const isHtmlLikeFile = (filePath) => {
   const extension = node_path.extname(filePath);
@@ -1741,6 +1800,9 @@ const classifyChangedFile = (file, projectDir, config, rpcFile) => {
   if (isPathInOrUnder(relativeFile, paths.assetsSourceDir)) {
     return "asset";
   }
+  if (isPathInOrUnder(relativeFile, "public")) {
+    return "asset";
+  }
   return "dependency";
 };
 const filePathToComponentPublicPath = (file, componentsSourceDir, componentsPublicDir) => {
@@ -2129,6 +2191,13 @@ function defussSsg(options = {}) {
       );
       const el = server.renderSync(vdom, document.documentElement, { browserGlobals });
       let html = server.renderToString(el);
+      html = injectStylesheetLinks(
+        html,
+        await getComponentStylesheetHrefs(
+          node_path.join(projectDir, config.output, currentPaths.componentsPublicDir),
+          currentPaths.componentsPublicDir
+        )
+      );
       html = injectHmrClientModule(html);
       html = await server$1.transformIndexHtml(requestUrl.pathname, html);
       res.setHeader("Cache-Control", "no-store");
@@ -2143,27 +2212,14 @@ function defussSsg(options = {}) {
   const maybeServeComponent = async (server, req, res) => {
     const requestUrl = new URL(req.url || "/", "http://localhost");
     const pathname = requestUrl.pathname;
-    if (!pathname.startsWith(`/${config.components}/`)) {
-      return false;
-    }
-    const componentRoutePrefix = `/${config.components}/`;
-    if (pathname === `/${config.components}/runtime.js`) {
-      const runtimePath = resolveRuntimeHelperFile();
-      if (!runtimePath) {
-        return false;
-      }
-      const transformed2 = await server.transformRequest(runtimePath);
-      if (transformed2) {
-        res.setHeader("Cache-Control", "no-store");
-        res.setHeader("Content-Type", "text/javascript; charset=utf-8");
-        res.statusCode = 200;
-        res.end(transformed2.code);
-        return true;
-      }
+    const currentPaths = resolveSsgPaths(projectDir, config);
+    const componentRoutePrefix = `/${currentPaths.componentsPublicDir}/`;
+    if (!pathname.startsWith(componentRoutePrefix)) {
       return false;
     }
     const relativeComponentPath = pathname.slice(componentRoutePrefix.length);
-    const isBuiltComponentAsset = relativeComponentPath.startsWith("chunks/") || /^chunk-|^client-/.test(relativeComponentPath);
+    const componentExtension = node_path.extname(relativeComponentPath).toLowerCase();
+    const isBuiltComponentAsset = relativeComponentPath === "runtime.js" || relativeComponentPath.startsWith("chunks/") || /^chunk-|^client-/.test(relativeComponentPath) || componentExtension !== ".js";
     if (isBuiltComponentAsset) {
       return false;
     }
@@ -2171,7 +2227,6 @@ function defussSsg(options = {}) {
       node_path.extname(relativeComponentPath),
       ""
     );
-    const currentPaths = resolveSsgPaths(projectDir, config);
     const extensions = [".tsx", ".ts", ".jsx", ".js"];
     let sourceFile = null;
     for (const ext of extensions) {
@@ -2185,10 +2240,7 @@ function defussSsg(options = {}) {
       }
     }
     if (!sourceFile) {
-      res.setHeader("Cache-Control", "no-store");
-      res.statusCode = 404;
-      res.end();
-      return true;
+      return false;
     }
     const transformed = await server.transformRequest(sourceFile);
     if (transformed) {
@@ -2226,9 +2278,18 @@ function defussSsg(options = {}) {
       MIME_TYPES[node_path.extname(outputFile)] ?? "application/octet-stream"
     );
     if (outputFile.endsWith(".html")) {
+      const currentPaths = resolveSsgPaths(projectDir, config);
       const html = await server.transformIndexHtml(
         requestUrl.pathname,
-        injectHmrClientModule(body.toString("utf8"))
+        injectHmrClientModule(
+          injectStylesheetLinks(
+            body.toString("utf8"),
+            await getComponentStylesheetHrefs(
+              node_path.join(projectDir, config.output, currentPaths.componentsPublicDir),
+              currentPaths.componentsPublicDir
+            )
+          )
+        )
       );
       res.statusCode = 200;
       res.end(method === "HEAD" ? void 0 : html);
@@ -2283,6 +2344,7 @@ function defussSsg(options = {}) {
         ...paths.assetsSourceDirCandidates.map(
           (candidateDir) => node_path.join(projectDir, candidateDir)
         ),
+        node_path.join(projectDir, "public"),
         node_path.join(projectDir, "config.ts"),
         node_path.join(projectDir, "config.js")
       ];

package/dist/vite.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
+require('fast-glob');
 require('node:fs');
 require('node:fs/promises');
 require('node:path');
-require('node:url');
 require('defuss/server');
-var vite = require('./vite-CBAZNNYA.cjs');
+var vite = require('./vite-DlnPNJYO.cjs');
 require('node:crypto');
 require('@mdx-js/rollup');
-require('fast-glob');
 require('vite');
 require('defuss-vite');
+require('node:url');
 require('node:os');
 require('esbuild');
 require('rehype-katex');

package/dist/vite.mjs

@@ -1,14 +1,14 @@
+import 'fast-glob';
 import 'node:fs';
 import 'node:fs/promises';
 import 'node:path';
-import 'node:url';
 import 'defuss/server';
-export { f as defussSsg } from './vite-CaqPNORI.mjs';
+export { f as defussSsg } from './vite-DLXcqaZX.mjs';
 import 'node:crypto';
 import '@mdx-js/rollup';
-import 'fast-glob';
 import 'vite';
 import 'defuss-vite';
+import 'node:url';
 import 'node:os';
 import 'esbuild';
 import 'rehype-katex';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "defuss-ssg",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "type": "module",
   "publishConfig": {
     "access": "public"