zudoku 0.34.2 → 0.34.3

package/dist/cli/preview/handler.js

@@ -1,30 +1,28 @@
-import express from "express";
 import path from "node:path";
-import { joinUrl } from "../../lib/util/joinUrl.js";
+import { preview as vitePreview } from "vite";
 import { getViteConfig } from "../../vite/config.js";
 import { printDiagnosticsToConsole } from "../common/output.js";
-import { findAvailablePort } from "../common/utils/ports.js";
 export const DEFAULT_PREVIEW_PORT = 4000;
 export async function preview(argv) {
     const dir = path.resolve(process.cwd(), argv.dir);
-    const distDir = path.join(dir, "dist");
     const viteConfig = await getViteConfig(dir, {
         command: "serve",
         mode: "production",
+        isPreview: true,
     });
-    printDiagnosticsToConsole("Starting build preview server");
-    printDiagnosticsToConsole("");
-    const port = await findAvailablePort(argv.port ?? DEFAULT_PREVIEW_PORT);
-    const app = express();
-    app.use(express.static(distDir, { extensions: ["html"] }));
-    const server = app.listen(port, () => {
-        const url = joinUrl(`http://localhost:${port}`, viteConfig.base);
-        printDiagnosticsToConsole(`Build preview server running at: ${url}`);
-        printDiagnosticsToConsole("Press Ctrl+C to stop");
+    const server = await vitePreview({
+        ...viteConfig,
+        appType: "mpa", // to serve the static generated files
+        preview: {
+            port: argv.port ?? DEFAULT_PREVIEW_PORT,
+        },
     });
+    printDiagnosticsToConsole("");
+    printDiagnosticsToConsole(`Build preview server running at: ${server.resolvedUrls?.local[0]}`);
+    printDiagnosticsToConsole("Press Ctrl+C to stop");
     await new Promise((resolve) => {
-        const exit = () => {
-            server.close();
+        const exit = async () => {
+            await server.close();
             resolve();
         };
         process.on("SIGINT", exit);

package/dist/cli/preview/handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../src/cli/preview/handler.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAC9B,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAEzC,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,IAAe;IAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IAEvC,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,YAAY;KACnB,CAAC,CAAC;IAEH,yBAAyB,CAAC,+BAA+B,CAAC,CAAC;IAC3D,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAE9B,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,IAAI,CAAC,IAAI,IAAI,oBAAoB,CAAC,CAAC;IACxE,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC;IAEtB,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE3D,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE;QACnC,MAAM,GAAG,GAAG,OAAO,CAAC,oBAAoB,IAAI,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjE,yBAAyB,CAAC,oCAAoC,GAAG,EAAE,CAAC,CAAC;QACrE,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC3B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC5B,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACtC,OAAO,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"handler.js","sourceRoot":"","sources":["../../../src/cli/preview/handler.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAC;AAEzC,MAAM,CAAC,KAAK,UAAU,OAAO,CAAC,IAAe;IAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,MAAM,WAAW,CAAC;QAC/B,GAAG,UAAU;QACb,OAAO,EAAE,KAAK,EAAE,sCAAsC;QACtD,OAAO,EAAE;YACP,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,oBAAoB;SACxC;KACF,CAAC,CAAC;IAEH,yBAAyB,CAAC,EAAE,CAAC,CAAC;IAC9B,yBAAyB,CACvB,oCAAoC,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CACpE,CAAC;IACF,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;IAElD,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;YACtB,MAAM,MAAM,CAAC,KAAK,EAAE,CAAC;YACrB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC3B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC5B,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QACtC,OAAO,CAAC,EAAE,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/lib/ui/Stepper.d.ts

@@ -1,4 +1,3 @@
 import type { PropsWithChildren } from "react";
-import "./Stepper.css";
 declare const Stepper: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export { Stepper };

package/dist/lib/ui/Stepper.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "./Stepper.css";
+// "stepper" class is defined in main.css
 const Stepper = ({ children }) => {
     return _jsx("div", { className: "stepper", children: children });
 };

package/dist/lib/ui/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/lib/ui/Stepper.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAClD,OAAO,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,CAAC;AACnD,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Stepper.js","sourceRoot":"","sources":["../../../src/lib/ui/Stepper.tsx"],"names":[],"mappings":";AAEA,yCAAyC;AACzC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAClD,OAAO,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,CAAC;AACnD,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/ui/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../src/lib/ui/Stepper.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport \"./Stepper.css\";\n\nconst Stepper = ({ children }: PropsWithChildren) => {\n  return <div className=\"stepper\">{children}</div>;\n};\n\nexport { Stepper };\n"],"names":["Stepper","children","jsx"],"mappings":";AAGA,MAAMA,IAAU,CAAC,EAAE,UAAAC,QACTC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,WAAW,UAAAD,EAAS,CAAA;"}
+{"version":3,"file":"Stepper.js","sources":["../../src/lib/ui/Stepper.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\n\n// \"stepper\" class is defined in main.css\nconst Stepper = ({ children }: PropsWithChildren) => {\n  return <div className=\"stepper\">{children}</div>;\n};\n\nexport { Stepper };\n"],"names":["Stepper","children","jsx"],"mappings":";AAGA,MAAMA,IAAU,CAAC,EAAE,UAAAC,QACTC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,WAAW,UAAAD,EAAS,CAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.34.2",
+  "version": "0.34.3",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {

package/src/app/main.css

@@ -239,61 +239,96 @@
   }
 
   /* Theme */
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 95%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.75rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
 
-  @layer base {
-    :root {
-      --background: 0 0% 100%;
-      --foreground: 240 10% 3.9%;
-      --card: 0 0% 100%;
-      --card-foreground: 240 10% 3.9%;
-      --popover: 0 0% 100%;
-      --popover-foreground: 240 10% 3.9%;
-      --primary: 240 5.9% 10%;
-      --primary-foreground: 0 0% 98%;
-      --secondary: 240 4.8% 95.9%;
-      --secondary-foreground: 240 5.9% 10%;
-      --muted: 240 4.8% 95.9%;
-      --muted-foreground: 240 3.8% 46.1%;
-      --accent: 240 4.8% 95.9%;
-      --accent-foreground: 240 5.9% 10%;
-      --destructive: 0 84.2% 60.2%;
-      --destructive-foreground: 0 0% 98%;
-      --border: 240 5.9% 95%;
-      --input: 240 5.9% 90%;
-      --ring: 240 5.9% 10%;
-      --radius: 0.75rem;
-      --chart-1: 12 76% 61%;
-      --chart-2: 173 58% 39%;
-      --chart-3: 197 37% 24%;
-      --chart-4: 43 74% 66%;
-      --chart-5: 27 87% 67%;
-    }
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
+}
 
-    .dark {
-      --background: 240 10% 3.9%;
-      --foreground: 0 0% 98%;
-      --card: 240 10% 3.9%;
-      --card-foreground: 0 0% 98%;
-      --popover: 240 10% 3.9%;
-      --popover-foreground: 0 0% 98%;
-      --primary: 0 0% 98%;
-      --primary-foreground: 240 5.9% 10%;
-      --secondary: 240 3.7% 15.9%;
-      --secondary-foreground: 0 0% 98%;
-      --muted: 240 3.7% 15.9%;
-      --muted-foreground: 240 5% 64.9%;
-      --accent: 240 3.7% 15.9%;
-      --accent-foreground: 0 0% 98%;
-      --destructive: 0 62.8% 30.6%;
-      --destructive-foreground: 0 0% 98%;
-      --border: 240 3.7% 15.9%;
-      --input: 240 3.7% 15.9%;
-      --ring: 240 4.9% 83.9%;
-      --chart-1: 220 70% 50%;
-      --chart-2: 160 60% 45%;
-      --chart-3: 30 80% 55%;
-      --chart-4: 280 65% 60%;
-      --chart-5: 340 75% 55%;
-    }
+@layer components {
+  .stepper > ol {
+    --bullet-size: 1.75rem;
+    --line-spacing: 0.25rem;
+    @apply flex flex-col list-none p-0 m-0;
+    counter-reset: step-counter;
+  }
+
+  .stepper > ol > li {
+    @apply relative ps-12 pb-6 my-0;
+    counter-increment: step-counter;
+  }
+
+  .stepper > ol > li:last-child {
+    @apply pb-0;
+  }
+
+  /* Bullet with number */
+  .stepper > ol > li::before {
+    @apply absolute left-0 flex items-center justify-center size-[--bullet-size];
+    @apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;
+    content: counter(step-counter);
+  }
+
+  /* Vertical line */
+  .stepper > ol > li::after {
+    @apply absolute content-[''] w-[2px] bg-border -translate-x-1/2;
+    left: calc(var(--bullet-size) / 2);
+    top: calc(var(--bullet-size) + var(--line-spacing));
+    height: calc(100% - var(--bullet-size) - (2 * var(--line-spacing)));
+  }
+
+  .stepper > ol > li > :first-child {
+    @apply mt-0 pt-0;
+    transform: translateY(calc((var(--bullet-size) - 1lh) / 2));
   }
 }

package/src/lib/ui/Stepper.tsx

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from "react";
-import "./Stepper.css";
 
+// "stepper" class is defined in main.css
 const Stepper = ({ children }: PropsWithChildren) => {
   return <div className="stepper">{children}</div>;
 };

package/lib/zudoku.css

@@ -1 +0,0 @@
-@tailwind components;@layer components{.stepper>ol{--bullet-size: 1.75rem;--line-spacing: .25rem;@apply flex flex-col list-none p-0 m-0;counter-reset:step-counter}.stepper>ol>li{@apply relative ps-12 pb-6 my-0;counter-increment:step-counter}.stepper>ol>li:last-child{@apply pb-0;}.stepper>ol>li:before{@apply absolute left-0 flex items-center justify-center size-[--bullet-size];@apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;content:counter(step-counter)}.stepper>ol>li:after{@apply absolute content-[""] w-[2px] bg-border -translate-x-1/2;left:calc(var(--bullet-size) / 2);top:calc(var(--bullet-size) + var(--line-spacing));height:calc(100% - var(--bullet-size) - (2 * var(--line-spacing)))}.stepper>ol>li>:first-child{@apply mt-0 pt-0;transform:translateY(calc((var(--bullet-size) - 1lh) / 2))}}

package/src/lib/ui/Stepper.css

@@ -1,43 +0,0 @@
-@tailwind components;
-
-@layer components {
-  .stepper {
-    /* @apply mb-6; */
-  }
-
-  .stepper > ol {
-    --bullet-size: 1.75rem;
-    --line-spacing: 0.25rem;
-    @apply flex flex-col list-none p-0 m-0;
-    counter-reset: step-counter;
-  }
-
-  .stepper > ol > li {
-    @apply relative ps-12 pb-6 my-0;
-    counter-increment: step-counter;
-  }
-
-  .stepper > ol > li:last-child {
-    @apply pb-0;
-  }
-
-  /* Bullet with number */
-  .stepper > ol > li::before {
-    @apply absolute left-0 flex items-center justify-center size-[--bullet-size];
-    @apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;
-    content: counter(step-counter);
-  }
-
-  /* Vertical line */
-  .stepper > ol > li::after {
-    @apply absolute content-[''] w-[2px] bg-border -translate-x-1/2;
-    left: calc(var(--bullet-size) / 2);
-    top: calc(var(--bullet-size) + var(--line-spacing));
-    height: calc(100% - var(--bullet-size) - (2 * var(--line-spacing)));
-  }
-
-  .stepper > ol > li > :first-child {
-    @apply mt-0 pt-0;
-    transform: translateY(calc((var(--bullet-size) - 1lh) / 2));
-  }
-}