create-next-imagicma 0.1.13 → 0.1.15

package/template-hono/tailwind.config.mjs

@@ -1,5 +1,114 @@
 import animate from "tailwindcss-animate";
 
+const withAlpha = (name) => `hsl(var(--${name}) / <alpha-value>)`;
+
+const themeBorderRadius = {
+  lg: "var(--radius)",
+  md: "calc(var(--radius) - 0.125rem)",
+  sm: "calc(var(--radius) - 0.25rem)",
+  full: "var(--radius-full-token)",
+};
+
+const themeColors = {
+  background: withAlpha("background"),
+  foreground: withAlpha("foreground"),
+  border: withAlpha("border"),
+  input: withAlpha("input"),
+  ring: withAlpha("ring"),
+
+  card: withAlpha("card"),
+  "card-foreground": withAlpha("card-foreground"),
+  "card-border": withAlpha("card-border"),
+
+  popover: withAlpha("popover"),
+  "popover-foreground": withAlpha("popover-foreground"),
+  "popover-border": withAlpha("popover-border"),
+
+  primary: withAlpha("primary"),
+  "primary-foreground": withAlpha("primary-foreground"),
+  "primary-border": "var(--primary-border)",
+
+  secondary: withAlpha("secondary"),
+  "secondary-foreground": withAlpha("secondary-foreground"),
+  "secondary-border": "var(--secondary-border)",
+
+  muted: withAlpha("muted"),
+  "muted-foreground": withAlpha("muted-foreground"),
+  "muted-border": "var(--muted-border)",
+
+  accent: withAlpha("accent"),
+  "accent-foreground": withAlpha("accent-foreground"),
+  "accent-border": "var(--accent-border)",
+
+  destructive: withAlpha("destructive"),
+  "destructive-foreground": withAlpha("destructive-foreground"),
+  "destructive-border": "var(--destructive-border)",
+
+  sidebar: withAlpha("sidebar"),
+  "sidebar-foreground": withAlpha("sidebar-foreground"),
+  "sidebar-border": withAlpha("sidebar-border"),
+  "sidebar-ring": withAlpha("sidebar-ring"),
+  "sidebar-accent": withAlpha("sidebar-accent"),
+  "sidebar-accent-foreground": withAlpha("sidebar-accent-foreground"),
+
+  "chart-1": withAlpha("chart-1"),
+  "chart-2": withAlpha("chart-2"),
+  "chart-3": withAlpha("chart-3"),
+  "chart-4": withAlpha("chart-4"),
+  "chart-5": withAlpha("chart-5"),
+
+  "background-base": withAlpha("background-base"),
+  "on-background": withAlpha("on-background"),
+  surface: withAlpha("surface"),
+  "surface-bright": withAlpha("surface-bright"),
+  "surface-dim": withAlpha("surface-dim"),
+  "surface-container-lowest": withAlpha("surface-container-lowest"),
+  "surface-container-low": withAlpha("surface-container-low"),
+  "surface-container": withAlpha("surface-container"),
+  "surface-container-high": withAlpha("surface-container-high"),
+  "surface-container-highest": withAlpha("surface-container-highest"),
+  "surface-variant": withAlpha("surface-variant"),
+  "surface-tint": withAlpha("surface-tint"),
+  "on-surface": withAlpha("on-surface"),
+  "on-surface-variant": withAlpha("on-surface-variant"),
+
+  "primary-container": withAlpha("primary-container"),
+  "on-primary": withAlpha("on-primary"),
+  "on-primary-container": withAlpha("on-primary-container"),
+  "primary-fixed": withAlpha("primary-fixed"),
+  "primary-fixed-dim": withAlpha("primary-fixed-dim"),
+  "on-primary-fixed": withAlpha("on-primary-fixed"),
+  "on-primary-fixed-variant": withAlpha("on-primary-fixed-variant"),
+  "inverse-primary": withAlpha("inverse-primary"),
+
+  "secondary-container": withAlpha("secondary-container"),
+  "on-secondary": withAlpha("on-secondary"),
+  "on-secondary-container": withAlpha("on-secondary-container"),
+  "secondary-fixed": withAlpha("secondary-fixed"),
+  "secondary-fixed-dim": withAlpha("secondary-fixed-dim"),
+  "on-secondary-fixed": withAlpha("on-secondary-fixed"),
+  "on-secondary-fixed-variant": withAlpha("on-secondary-fixed-variant"),
+
+  tertiary: withAlpha("tertiary"),
+  "tertiary-container": withAlpha("tertiary-container"),
+  "on-tertiary": withAlpha("on-tertiary"),
+  "on-tertiary-container": withAlpha("on-tertiary-container"),
+  "tertiary-fixed": withAlpha("tertiary-fixed"),
+  "tertiary-fixed-dim": withAlpha("tertiary-fixed-dim"),
+  "on-tertiary-fixed": withAlpha("on-tertiary-fixed"),
+  "on-tertiary-fixed-variant": withAlpha("on-tertiary-fixed-variant"),
+
+  error: withAlpha("error"),
+  "on-error": withAlpha("on-error"),
+  "error-container": withAlpha("error-container"),
+  "on-error-container": withAlpha("on-error-container"),
+
+  outline: withAlpha("outline"),
+  "outline-variant": withAlpha("outline-variant"),
+  "inverse-surface": withAlpha("inverse-surface"),
+  "inverse-on-surface": withAlpha("inverse-on-surface"),
+};
+
 /** @type {import("tailwindcss").Config} */
 const config = {
   darkMode: ["class"],
@@ -10,68 +119,8 @@ const config = {
   ],
   theme: {
     extend: {
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      colors: {
-        background: "hsl(var(--background) / <alpha-value>)",
-        foreground: "hsl(var(--foreground) / <alpha-value>)",
-        border: "hsl(var(--border) / <alpha-value>)",
-        input: "hsl(var(--input) / <alpha-value>)",
-        ring: "hsl(var(--ring) / <alpha-value>)",
-        card: {
-          DEFAULT: "hsl(var(--card) / <alpha-value>)",
-          foreground: "hsl(var(--card-foreground) / <alpha-value>)",
-          border: "hsl(var(--card-border) / <alpha-value>)",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover) / <alpha-value>)",
-          foreground: "hsl(var(--popover-foreground) / <alpha-value>)",
-          border: "hsl(var(--popover-border) / <alpha-value>)",
-        },
-        primary: {
-          DEFAULT: "hsl(var(--primary) / <alpha-value>)",
-          foreground: "hsl(var(--primary-foreground) / <alpha-value>)",
-          border: "var(--primary-border)",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary) / <alpha-value>)",
-          foreground: "hsl(var(--secondary-foreground) / <alpha-value>)",
-          border: "var(--secondary-border)",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted) / <alpha-value>)",
-          foreground: "hsl(var(--muted-foreground) / <alpha-value>)",
-          border: "var(--muted-border)",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent) / <alpha-value>)",
-          foreground: "hsl(var(--accent-foreground) / <alpha-value>)",
-          border: "var(--accent-border)",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
-          foreground: "hsl(var(--destructive-foreground) / <alpha-value>)",
-          border: "var(--destructive-border)",
-        },
-        chart: {
-          "1": "hsl(var(--chart-1) / <alpha-value>)",
-          "2": "hsl(var(--chart-2) / <alpha-value>)",
-          "3": "hsl(var(--chart-3) / <alpha-value>)",
-          "4": "hsl(var(--chart-4) / <alpha-value>)",
-          "5": "hsl(var(--chart-5) / <alpha-value>)",
-        },
-        sidebar: {
-          DEFAULT: "hsl(var(--sidebar) / <alpha-value>)",
-          foreground: "hsl(var(--sidebar-foreground) / <alpha-value>)",
-          border: "hsl(var(--sidebar-border) / <alpha-value>)",
-          ring: "hsl(var(--sidebar-ring) / <alpha-value>)",
-          accent: "hsl(var(--accent) / <alpha-value>)",
-          "accent-foreground": "hsl(var(--accent-foreground) / <alpha-value>)",
-        },
-      },
+      borderRadius: themeBorderRadius,
+      colors: themeColors,
       keyframes: {
         "accordion-down": {
           from: { height: "0" },

package/template-hono/vite.config.ts

@@ -50,7 +50,7 @@ async function readRuntimeEnvPort() {
   return null;
 }
 
-async function resolveRuntimePort(raw = process.env.PORT) {
+async function resolveRuntimePort(raw: string | null | undefined = process.env.PORT) {
   let candidate = raw;
   if (candidate === undefined || candidate === null || candidate === "") {
     candidate = await readRuntimeEnvPort();

package/template-hono/server/database-path.ts

@@ -1,35 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { pathToFileURL } from "node:url";
-
-const DEFAULT_DATABASE_FILE = "./.data/app.db";
-
-export function resolveDatabaseFilePath() {
-  const configuredPath = process.env.DATABASE_FILE?.trim();
-  const targetPath =
-    configuredPath && configuredPath.length > 0 ? configuredPath : DEFAULT_DATABASE_FILE;
-
-  return path.resolve(process.cwd(), targetPath);
-}
-
-export function ensureDatabaseFilePath() {
-  const databaseFilePath = resolveDatabaseFilePath();
-
-  fs.mkdirSync(path.dirname(databaseFilePath), { recursive: true });
-
-  return databaseFilePath;
-}
-
-export function resolveDatabaseUrl(databaseFilePath = resolveDatabaseFilePath()) {
-  return pathToFileURL(databaseFilePath).href;
-}
-
-export function ensureDatabaseUrl() {
-  const databaseFilePath = ensureDatabaseFilePath();
-
-  return resolveDatabaseUrl(databaseFilePath);
-}
-
-export function describeDatabaseFilePath(databaseFilePath = resolveDatabaseFilePath()) {
-  return path.relative(process.cwd(), databaseFilePath) || path.basename(databaseFilePath);
-}

package/template-hono/server/db.ts

@@ -1,20 +0,0 @@
-import { createClient } from "@libsql/client";
-import { drizzle } from "drizzle-orm/libsql";
-import * as schema from "../shared/schema";
-import { ensureDatabaseUrl } from "./database-path";
-
-const databaseUrl = ensureDatabaseUrl();
-type DatabaseClient = ReturnType<typeof createClient>;
-
-declare global {
-  var __dbClient: DatabaseClient | undefined;
-}
-
-const sqlite = globalThis.__dbClient ?? createClient({ url: databaseUrl });
-
-if (process.env.NODE_ENV !== "production") {
-  globalThis.__dbClient = sqlite;
-}
-
-export const db = drizzle(sqlite, { schema });
-export { databaseUrl };

package/template-hono/server/storage.ts

@@ -1,30 +0,0 @@
-import { desc } from "drizzle-orm";
-import { messages } from "../shared/schema";
-import { describeDatabaseFilePath } from "./database-path";
-import { db } from "./db";
-
-export interface IStorage {
-  getMessage(): Promise<string>;
-}
-
-export class DatabaseStorage implements IStorage {
-  async getMessage(): Promise<string> {
-    try {
-      const rows = await db
-        .select({ content: messages.content })
-        .from(messages)
-        .orderBy(desc(messages.id))
-        .limit(1);
-
-      return rows[0]?.content ?? "Hello from the Backend API!";
-    } catch (error) {
-      console.error("DatabaseStorage.getMessage() failed:", error);
-
-      throw new Error(
-        `数据库读取失败：请先执行 \`pnpm db:push\` 初始化 SQLite 数据库（${describeDatabaseFilePath()}）。`,
-      );
-    }
-  }
-}
-
-export const storage = new DatabaseStorage();