@coze-arch/cli 0.0.1-alpha.e8683e → 0.0.1-alpha.e9ff73

package/lib/__templates__/nuxt-app/app/app.vue

@@ -0,0 +1,193 @@
+<template>
+  <div>
+    <NuxtRouteAnnouncer />
+    <div
+      class="flex h-full items-center justify-center bg-background text-foreground transition-colors duration-300 dark:bg-background dark:text-foreground overflow-hidden min-h-screen"
+    >
+      <main
+        class="flex w-full h-full max-w-3xl flex-col items-center justify-center px-16 py-32 sm:items-center"
+      >
+        <div class="flex flex-col items-center justify-between gap-4">
+          <img
+            src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
+            alt="扣子编程 Logo"
+            width="156"
+            height="130"
+            style="width: 156px; height: 130px; object-fit: contain"
+          />
+          <div>
+            <div
+              class="flex flex-col items-center gap-2 text-center sm:items-center sm:text-center"
+            >
+              <h1
+                class="max-w-xl text-base font-semibold leading-tight tracking-tight text-foreground dark:text-foreground"
+              >
+                应用开发中
+              </h1>
+              <p
+                class="max-w-2xl text-sm leading-8 text-muted-foreground dark:text-muted-foreground"
+              >
+                请稍后，页面即将呈现
+              </p>
+            </div>
+          </div>
+        </div>
+      </main>
+    </div>
+  </div>
+</template>
+
+<style>
+/* Global styles - reset body margin */
+body {
+  margin: 0;
+  padding: 0;
+}
+</style>
+
+<style scoped>
+/* Tailwind-like utility classes */
+.flex {
+  display: flex;
+}
+
+.h-full {
+  height: 100%;
+}
+
+.min-h-screen {
+  min-height: 100vh;
+}
+
+.w-full {
+  width: 100%;
+}
+
+.max-w-3xl {
+  max-width: 48rem;
+}
+
+.max-w-xl {
+  max-width: 36rem;
+}
+
+.max-w-2xl {
+  max-width: 42rem;
+}
+
+.flex-col {
+  flex-direction: column;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-4 {
+  gap: 1rem;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.px-16 {
+  padding-left: 4rem;
+  padding-right: 4rem;
+}
+
+.py-32 {
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 2rem;
+}
+
+.font-semibold {
+  font-weight: 600;
+}
+
+.leading-tight {
+  line-height: 1.25;
+}
+
+.leading-8 {
+  line-height: 2rem;
+}
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+.bg-background {
+  background-color: #ffffff;
+}
+
+.text-foreground {
+  color: #000000;
+}
+
+.text-muted-foreground {
+  color: #6b7280;
+}
+
+.transition-colors {
+  transition-property: color, background-color, border-color;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+
+.duration-300 {
+  transition-duration: 300ms;
+}
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+  .dark\:bg-background {
+    background-color: #000000;
+  }
+
+  .dark\:text-foreground {
+    color: #ffffff;
+  }
+
+  .dark\:text-muted-foreground {
+    color: #9ca3af;
+  }
+}
+
+/* Responsive */
+@media (min-width: 640px) {
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:text-center {
+    text-align: center;
+  }
+}
+</style>

package/lib/__templates__/nuxt-app/nuxt.config.ts

@@ -0,0 +1,56 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  devtools: { enabled: true },
+
+  // Nuxt modules
+  modules: ['@nuxt/image'],
+
+  // Development server configuration
+  devServer: {
+    port: parseInt(process.env.PORT || '<%= port %>', 10),
+    host: process.env.HOSTNAME || 'localhost',
+  },
+
+  // TypeScript configuration
+  typescript: {
+    strict: false,
+    typeCheck: false,
+  },
+
+  // Vite configuration (similar to Next.js allowedDevOrigins)
+  vite: {
+    server: {
+      cors: {
+        origin: ['*.dev.coze.site'],
+        credentials: true,
+      },
+    },
+  },
+
+  // Image optimization (similar to Next.js images config)
+  // Using @nuxt/image module for image optimization
+  // https://image.nuxt.com/
+  image: {
+    domains: ['lf-coze-web-cdn.coze.cn'],
+    // Remote patterns configuration
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'lf-coze-web-cdn.coze.cn',
+        pathname: '/**',
+      },
+    ],
+  },
+
+  // Security headers (Content Security Policy)
+  nitro: {
+    routeRules: {
+      '/**': {
+        headers: {
+          'Content-Security-Policy': "img-src 'self' data: https://lf-coze-web-cdn.coze.cn;",
+        },
+      },
+    },
+  },
+})

package/lib/__templates__/nuxt-app/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "<%= appName %>",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "bash ./scripts/build.sh",
+    "dev": "bash ./scripts/dev.sh",
+    "generate": "nuxt generate",
+    "preinstall": "npx only-allow pnpm",
+    "preview": "nuxt preview",
+    "start": "bash ./scripts/start.sh"
+  },
+  "dependencies": {
+    "@nuxt/image": "^1.8.1",
+    "nuxt": "^4.3.1",
+    "vue": "^3.5.30",
+    "vue-router": "^4.6.4"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "only-allow": "^1.2.2",
+    "typescript": "^5"
+  },
+  "packageManager": "pnpm@9.0.0",
+  "engines": {
+    "pnpm": ">=9.0.0"
+  }
+}