@starlove/orbit 1.1.11 → 1.2.0

package/src/core/css-bundle.js

@@ -0,0 +1,29 @@
+// CSS bundling seam for Starscape UI package imports.
+//
+// public/styles.css remains Orbit's editable source of truth, but it can now
+// import @starlove/ui component CSS. Static builds and source dev serving both
+// pass that source through esbuild so browsers never have to resolve package
+// specifiers from raw CSS.
+
+const CURSOR_ASSET_LOADERS = {
+  ".cur": "file"
+};
+
+export async function bundleCss({ entryPoint, outfile, minify = false }) {
+  const { build } = await import("esbuild");
+  const result = await build({
+    entryPoints: [entryPoint],
+    bundle: true,
+    target: "es2022",
+    minify,
+    sourcemap: false,
+    write: false,
+    outfile,
+    assetNames: "cursors/[name]",
+    loader: CURSOR_ASSET_LOADERS,
+    legalComments: "none"
+  });
+  const cssFile = result.outputFiles.find((file) => file.path.endsWith(".css"));
+  if (!cssFile) throw new Error("CSS bundle did not produce a stylesheet");
+  return { cssFile, outputFiles: result.outputFiles };
+}

package/src/core/http.js

@@ -1,7 +1,8 @@
 import { readFile } from "node:fs/promises";
 import { createReadStream } from "node:fs";
-import { extname, resolve as resolvePath } from "node:path";
-import { PUBLIC_DIR } from "./paths.js";
+import { extname, join, resolve as resolvePath } from "node:path";
+import { bundleCss } from "./css-bundle.js";
+import { PUBLIC_DIR, ROOT_DIR } from "./paths.js";
 import { httpError } from "./util.js";
 
 export function setCors(res) {
@@ -70,6 +71,10 @@ function contentType(filePath) {
   return types[extname(filePath)] || "application/octet-stream";
 }
 
+function shouldBundleSourceStyles(pathname, filePath) {
+  return pathname === "/styles.css" && filePath === join(ROOT_DIR, "public", "styles.css");
+}
+
 export async function serveStatic(req, res, pathname) {
   if (req.method !== "GET" && req.method !== "HEAD") {
     sendEmpty(res, 405);
@@ -84,7 +89,9 @@ export async function serveStatic(req, res, pathname) {
   }
 
   try {
-    const data = await readFile(filePath);
+    const data = shouldBundleSourceStyles(pathname, filePath)
+      ? Buffer.from((await bundleCss({ entryPoint: filePath, outfile: filePath })).cssFile.contents)
+      : await readFile(filePath);
     res.writeHead(200, {
       "Content-Type": contentType(filePath),
       "Cache-Control": "no-store"