@starlove/orbit 1.1.11 → 1.2.0

package/build.mjs

@@ -1,10 +1,11 @@
 #!/usr/bin/env node
-// Two-edition static build. Bundles public/js/main.js with esbuild, copies
-// HTML/CSS/images alongside, and rewrites the script tag to point at the
-// hashed bundle. Edition is selected via `--edition=full|preview`; preview
+// Two-edition static build. Bundles public/js/main.js and public/styles.css
+// with esbuild, copies HTML/images alongside, and rewrites asset tags to point
+// at hashed bundles. Edition is selected via `--edition=full|preview`; preview
 // substitutes `__ORBIT_EDITION__` so config.js reports edition="preview".
 
 import { build } from "esbuild";
+import { bundleCss } from "./src/core/css-bundle.js";
 import {
   cpSync,
   existsSync,
@@ -143,9 +144,14 @@ async function run() {
   writeFileSync(join(outDir, "js", jsName), jsFile.contents);
   if (mapFile) writeFileSync(join(outDir, "js", `${jsName}.map`), mapFile.contents);
 
-  // 2. Hash + copy CSS.
+  // 2. Bundle CSS package imports, then hash + copy the flattened output.
   const cssSrc = join(PUBLIC_DIR, "styles.css");
-  const cssBuf = readFileSync(cssSrc);
+  const cssBundle = await bundleCss({
+    entryPoint: cssSrc,
+    outfile: join(outDir, "styles.css"),
+    minify: true
+  });
+  const cssBuf = cssBundle.cssFile.contents;
   const cssHash = hashContent(cssBuf);
   const cssName = `styles.${cssHash}.css`;
   writeFileSync(join(outDir, cssName), cssBuf);

package/dist/full/index.html

@@ -33,7 +33,7 @@
             } catch (e) {}
         </script>
         <link rel="preload" as="image" href="./orbits-logo.png" />
-        <link rel="stylesheet" href="styles.273fc37a.css" />
+        <link rel="stylesheet" href="styles.baccc8e3.css" />
         <!-- Boot splash — the canonical ss-ui loading screen (see the package's
              components/loader.css). Inline critical CSS so it paints before
              /js/main.js loads. The logo grows in then breathes; no spinner.
@@ -159,6 +159,7 @@
                     id="newTicketBtn"
                     type="button"
                     class="topbar-btn btn-sun topbar-ctl-shrink"
+                    data-variant="cta"
                 >
                     <span class="btn-plus" aria-hidden="true">+</span>
                     <span class="btn-sun-label">New Card</span>
@@ -168,6 +169,7 @@
                         type="button"
                         id="boardMenuBtn"
                         class="topbar-chip topbar-ctl-shrink"
+                        data-variant="board-chip"
                         aria-expanded="false"
                         aria-haspopup="true"
                         aria-controls="boardFlyout"
@@ -185,7 +187,7 @@
                                 y="4"
                                 width="6"
                                 height="16"
-                                rx="1.5"
+                                rx="0.75"
                                 stroke="currentColor"
                                 stroke-width="2"
                             />
@@ -194,12 +196,12 @@
                                 y="4"
                                 width="6"
                                 height="16"
-                                rx="1.5"
+                                rx="0.75"
                                 stroke="currentColor"
                                 stroke-width="2"
                             />
                         </svg>
-                        Board
+                        <span class="topbar-chip-label">Board</span>
                     </button>
                     <div
                         id="boardFlyout"
@@ -211,7 +213,8 @@
                 <button
                     id="themeToggle"
                     type="button"
-                    class="topbar-btn ghost topbar-ctl-shrink"
+                    class="topbar-btn topbar-ctl-shrink"
+                    data-variant="theme"
                     aria-label="Toggle theme"
                 >
                     <svg
@@ -235,7 +238,8 @@
                 <button
                     id="settingsBtn"
                     type="button"
-                    class="topbar-btn ghost topbar-ctl-shrink"
+                    class="topbar-btn topbar-ctl-shrink"
+                    data-variant="translucent"
                 >
                     <svg
                         class="topbar-icon"
@@ -420,7 +424,7 @@
             </div>
         </dialog>
 
-        <script src="js/app.55b38e12.js" type="module"></script>
+        <script src="js/app.ccc442f7.js" type="module"></script>
         <!-- Fade out the boot splash once the DOM is ready. The /js/main.js
              module runs before DOMContentLoaded, so theme/motion + wiring are
              already applied by the time this fires. -->