create-next-imagicma 0.0.12 → 0.1.1

package/README.md

@@ -2,6 +2,11 @@
 
 一个极简项目脚手架，用于从本仓库模板快速生成新项目。支持双模板：`hono` 与 `next`。
 
+## 模版源
+
+- `../nextjs-app`
+- `../hono-app`
+如果要修改模版，请修改源头，然后执行 `pnpm run sync-template` 同步到当前模版目录，切记不可直接修改当前模版目录。
 ## 使用
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-next-imagicma",
-  "version": "0.0.12",
+  "version": "0.1.1",
   "type": "module",
   "bin": {
     "create-next-imagicma": "./bin/create-next-imagicma.mjs"

package/template-hono/AGENTS.md

@@ -58,14 +58,13 @@
 
 ## UI 质量门禁（必须全部满足）
 
-- 首页不得空白，不得仅显示默认模板文案。
+- `/` 路由必须可访问并落到首页组件。
+- 接入真实业务时，应将 `/` 首页替换为业务内容，不要长期保留模板默认文案。
 - 视觉风格必须明确：字体、颜色、间距、动效要统一。
-- 禁止“紫色渐变 + 白底默认感”模板化输出。
 - 必须定义可复用设计 token（颜色、圆角、阴影、间距等级）。
 - 至少覆盖桌面与移动端关键断点，不允许内容溢出。
 - 交互状态完整：hover/focus/disabled/loading/error/success。
 - 在 `<Button>` 上使用自定义背景色类（如 `bg-*`）时，必须同时显式声明文本色类（如 `text-*`）；禁止只改背景不改文字色。
-- Todo 类页面优先采用单主轴布局（标题区 + 输入区 + 列表区），避免信息噪音过载。
 - 优先复用 `Input/Button/Card/Checkbox/Select` 的默认视觉语言，必要时只做局部增强，不要重写整套样式。
 - 列表增删改状态建议加入轻量动效（如 `framer-motion` 的入场/退出），并提供失败反馈（toast 或 inline alert）。
 
@@ -82,6 +81,7 @@
 
 - `pnpm build` 通过（无 pnpm 时 `npm run build` 通过）
 - 页面可在本地端口访问并完成核心流程
+- `/` 首页路由可访问（允许临时隐藏默认模板 DOM）
 - `run_test` 返回 `[run_test] ok`
 - 关键日志无阻塞级错误
 - UI 达到可演示级（非“功能可用但观感粗糙”）

package/template-hono/README.md

@@ -26,7 +26,7 @@ pnpm install
 pnpm dev
 ```
 
-默认端口由 `/.imagicma/port.json` 锁定（模板默认 `5001`）。
+默认端口由 `/.imagicma/port.json`。
 请勿直接执行 `vite` 启动，必须使用 `pnpm dev`。
 
 ## 构建与运行

package/template-hono/client/src/App.tsx

@@ -1,13 +1,12 @@
-import { Navigate, Route, Routes } from "react-router-dom";
-import { HelloPage } from "./pages/HelloPage";
-import { HomePage } from "./pages/HomePage";
+import { Route, Routes } from "react-router-dom";
+import Home from "./pages/home";
+import NotFound from "./pages/not-found";
 
 export function App() {
   return (
     <Routes>
-      <Route path="/" element={<HomePage />} />
-      <Route path="/hello" element={<HelloPage />} />
-      <Route path="*" element={<Navigate to="/" replace />} />
+      <Route path="/" element={<Home />} />
+      <Route path="*" element={<NotFound />} />
     </Routes>
   );
 }

package/template-hono/client/src/pages/home.tsx

@@ -0,0 +1,6 @@
+export default function Home() {
+  return (
+    <div style={{ display: "none" }}>请优先修改本页</div>
+  );
+}
+

package/template-hono/client/src/pages/not-found.tsx

@@ -0,0 +1,21 @@
+import { Card, CardContent } from "@/components/ui/card";
+import { AlertCircle } from "lucide-react";
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen w-full flex items-center justify-center bg-gray-50">
+      <Card className="w-full max-w-md mx-4">
+        <CardContent className="pt-6">
+          <div className="flex mb-4 gap-2">
+            <AlertCircle className="h-8 w-8 text-red-500" />
+            <h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1>
+          </div>
+
+          <p className="mt-4 text-sm text-gray-600">
+            Did you forget to add the page to the router?
+          </p>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/template-hono/vite.config.ts

@@ -90,6 +90,7 @@ export default defineConfig(async ({ command }) => {
       port: lockedPort,
       allowedHosts: ["localhost", "127.0.0.1", ".preview.imagicma.cn"],
       strictPort: true,
+      hmr: { overlay: false },
     },
     plugins: [
       react(),

package/template-hono/client/src/pages/HelloPage.tsx

@@ -1,22 +0,0 @@
-import { HelloClient } from "../components/HelloClient";
-
-export function HelloPage() {
-  return (
-    <div className="min-h-screen bg-background text-foreground">
-      <div className="mx-auto max-w-3xl px-6 py-12">
-        <div className="space-y-2">
-          <h1 className="text-3xl font-semibold tracking-tight">
-            Replit 模板精华迁移验证
-          </h1>
-          <p className="text-sm text-muted-foreground">
-            该页面用于验证：shadcn/ui、React Query、Hono API、Drizzle/Postgres。
-          </p>
-        </div>
-
-        <div className="mt-8">
-          <HelloClient />
-        </div>
-      </div>
-    </div>
-  );
-}

package/template-hono/client/src/pages/HomePage.tsx

@@ -1,30 +0,0 @@
-export function HomePage() {
-  return (
-    <div className="relative min-h-screen overflow-hidden bg-gradient-to-br from-indigo-600 via-purple-600 to-sky-600 text-white">
-      <div
-        aria-hidden
-        className="pointer-events-none absolute inset-0 overflow-hidden"
-      >
-        <div className="absolute inset-0 bg-[radial-gradient(60%_60%_at_50%_40%,rgba(255,255,255,0.20),transparent_60%)]" />
-      </div>
-
-      <div aria-hidden className="aurora-frame">
-        <span className="aurora-edge top" />
-        <span className="aurora-edge right" />
-        <span className="aurora-edge bottom" />
-        <span className="aurora-edge left" />
-        <span className="aurora-edge top is-glow" />
-        <span className="aurora-edge right is-glow" />
-        <span className="aurora-edge bottom is-glow" />
-        <span className="aurora-edge left is-glow" />
-      </div>
-
-      <main className="relative z-[1] flex min-h-screen items-center justify-center">
-        <div role="status" aria-live="polite">
-          <span className="sr-only">加载中</span>
-          <div className="h-10 w-10 rounded-full border-[3px] border-white/25 border-t-white/90 motion-reduce:animate-none animate-spin" />
-        </div>
-      </main>
-    </div>
-  );
-}