npm - @coze-arch/cli - Versions diffs - 0.0.1-alpha.e9ff73 → 0.0.1-alpha.eaa612 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/lib/__templates__/nextjs/scripts/build.sh CHANGED Viewed

@@ -11,7 +11,7 @@ pnpm install --prefer-frozen-lockfile --prefer-offline --loglevel debug --report
 echo "Building the Next.js project..."
 npx next build
-echo "Compiling server.ts..."
-npx tsc server.ts --module commonjs --target es2020 --esModuleInterop --skipLibCheck --outDir .
+echo "Bundling server with tsup..."
+npx tsup src/server.ts --format cjs --platform node --target node20 --outDir dist --no-splitting --no-minify
 echo "Build completed successfully!"

package/lib/__templates__/nextjs/scripts/dev.sh CHANGED Viewed

@@ -1,10 +1,9 @@
 #!/bin/bash
 set -Eeuo pipefail
-PORT=<%= port %>
+PORT="${PORT:-<%= port %>}"
 COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
-NODE_ENV=development
-DEPLOY_RUN_PORT=<%= port %>
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
 cd "${COZE_WORKSPACE_PATH}"
@@ -30,4 +29,4 @@ echo "Clearing port ${PORT} before start."
 kill_port_if_listening
 echo "Starting HTTP service on port ${PORT} for dev..."
-PORT=$PORT npx tsx server.ts
+PORT=$PORT npx tsx watch src/server.ts

package/lib/__templates__/nextjs/scripts/start.sh CHANGED Viewed

@@ -2,13 +2,13 @@
 set -Eeuo pipefail
 COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
-PORT=<%= port %>
-DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-$PORT}"
+PORT="${PORT:-<%= port %>}"
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
 start_service() {
     cd "${COZE_WORKSPACE_PATH}"
     echo "Starting HTTP service on port ${DEPLOY_RUN_PORT} for deploy..."
-    PORT=${DEPLOY_RUN_PORT} NODE_ENV=production node server.js
+    PORT=${DEPLOY_RUN_PORT} node dist/server.js
 }
 echo "Starting HTTP service on port ${DEPLOY_RUN_PORT} for deploy..."

package/lib/__templates__/nextjs/src/app/layout.tsx CHANGED Viewed

@@ -61,7 +61,7 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const isDev = process.env.NODE_ENV === 'development';
+  const isDev = process.env.COZE_PROJECT_ENV === 'DEV';
   return (
     <html lang="en">

package/lib/__templates__/nextjs/{server.ts → src/server.ts} RENAMED Viewed

@@ -2,7 +2,7 @@ import { createServer } from 'http';
 import { parse } from 'url';
 import next from 'next';
-const dev = process.env.NODE_ENV !== 'production';
+const dev = process.env.COZE_PROJECT_ENV !== 'PROD';
 const hostname = process.env.HOSTNAME || 'localhost';
 const port = parseInt(process.env.PORT || '<%= port %>', 10);
@@ -11,7 +11,7 @@ const app = next({ dev, hostname, port });
 const handle = app.getRequestHandler();
 app.prepare().then(() => {
-  createServer(async (req, res) => {
+  const server = createServer(async (req, res) => {
     try {
       const parsedUrl = parse(req.url!, true);
       await handle(req, res, parsedUrl);
@@ -20,16 +20,16 @@ app.prepare().then(() => {
       res.statusCode = 500;
       res.end('Internal server error');
     }
-  })
-    .once('error', err => {
-      console.error(err);
-      process.exit(1);
-    })
-    .listen(port, () => {
-      console.log(
-        `> Server listening at http://${hostname}:${port} as ${
-          dev ? 'development' : process.env.NODE_ENV
-        }`,
-      );
-    });
+  });
+  server.once('error', err => {
+    console.error(err);
+    process.exit(1);
+  });
+  server.listen(port, () => {
+    console.log(
+      `> Server listening at http://${hostname}:${port} as ${
+        dev ? 'development' : process.env.COZE_PROJECT_ENV
+      }`,
+    );
+  });
 });

package/lib/__templates__/nextjs/tsconfig.json CHANGED Viewed

@@ -30,5 +30,5 @@
     ".next/dev/types/**/*.ts",
     "**/*.mts"
   ],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "dist"]
 }

package/lib/__templates__/nuxt-app/README.md CHANGED Viewed

@@ -49,31 +49,21 @@ pnpm start
 ```
 <%= appName %>/
 ├── app/              # Application source code
-│   ├── pages/        # Vue pages (auto-routed)
+│   ├── app.vue       # Root component
 │   ├── components/   # Vue components
 │   └── layouts/      # Layout components
-├── server/           # Server-side code
+├── server/           # Server-side code (optional)
 │   ├── api/          # API endpoints
 │   └── middleware/   # Server middleware
 ├── public/           # Static assets
+├── assets/           # CSS and other assets
 ├── nuxt.config.ts    # Nuxt configuration
 └── package.json      # Project dependencies
 ```
-## Creating API Endpoints
+## Server API (Optional)
-Create server API endpoints in the `server/api/` directory:
-```typescript
-// server/api/hello.ts
-export default defineEventHandler(() => {
-  return {
-    message: 'Hello from Nuxt API!'
-  }
-})
-```
-Access the endpoint at `/api/hello`.
+You can add server API by creating files in `server/api/` directory. See [server/README.md](./server/README.md) for more details.
 ## Learn More

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

@@ -1,193 +1,6 @@
 <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>
+    <NuxtPage />
   </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/app/pages/index.vue ADDED Viewed

@@ -0,0 +1,23 @@
+<template>
+  <div class="flex min-h-screen items-center justify-center">
+    <main class="flex w-full max-w-3xl flex-col items-center justify-center px-16 py-32">
+      <div class="flex flex-col items-center 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 class="flex flex-col items-center gap-2 text-center">
+          <h1 class="max-w-xl text-base font-semibold leading-tight tracking-tight">
+            应用开发中
+          </h1>
+          <p class="max-w-2xl text-sm leading-8 opacity-70">
+            请稍后，页面即将呈现
+          </p>
+        </div>
+      </div>
+    </main>
+  </div>
+</template>

package/lib/__templates__/nuxt-app/assets/css/main.css ADDED Viewed

@@ -0,0 +1,24 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+:root {
+  --background: #ffffff;
+  --foreground: #000000;
+  --muted-foreground: #6b7280;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #000000;
+    --foreground: #ffffff;
+    --muted-foreground: #9ca3af;
+  }
+}
+body {
+  margin: 0;
+  padding: 0;
+  background: var(--background);
+  color: var(--foreground);
+}

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

@@ -1,10 +1,61 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
   devtools: { enabled: true },
+  telemetry: false,
+  // App head configuration
+  app: {
+    head: {
+      title: '新应用 | 扣子编程',
+      titleTemplate: '%s | 扣子编程',
+      meta: [
+        { charset: 'utf-8' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+        {
+          name: 'description',
+          content:
+            '扣子编程是一款一站式云端 Vibe Coding 开发平台。通过对话轻松构建智能体、工作流和网站，实现从创意到上线的无缝衔接。',
+        },
+        {
+          name: 'keywords',
+          content:
+            '扣子编程,Coze Code,Vibe Coding,AI 编程,智能体搭建,工作流搭建,网站搭建,网站部署,全栈开发,AI 工程师',
+        },
+        { name: 'author', content: 'Coze Code Team' },
+        { name: 'generator', content: 'Coze Code' },
+        // Open Graph
+        { property: 'og:title', content: '扣子编程 | 你的 AI 工程师已就位' },
+        {
+          property: 'og:description',
+          content:
+            '我正在使用扣子编程 Vibe Coding，让创意瞬间上线。告别拖拽，拥抱心流。',
+        },
+        { property: 'og:url', content: 'https://code.coze.cn' },
+        { property: 'og:site_name', content: '扣子编程' },
+        { property: 'og:locale', content: 'zh_CN' },
+        { property: 'og:type', content: 'website' },
+        // Robots
+        { name: 'robots', content: 'index, follow' },
+      ],
+      link: [{ rel: 'canonical', href: 'https://code.coze.cn' }],
+      htmlAttrs: {
+        lang: 'zh-CN',
+      },
+    },
+  },
   // Nuxt modules
-  modules: ['@nuxt/image'],
+  modules: ['@nuxt/image', '@nuxtjs/tailwindcss'],
+  // Global CSS
+  css: [resolve(__dirname, 'assets/css/main.css')],
   // Development server configuration
   devServer: {
@@ -21,10 +72,18 @@ export default defineNuxtConfig({
   // Vite configuration (similar to Next.js allowedDevOrigins)
   vite: {
     server: {
+      host: '0.0.0.0',
       cors: {
         origin: ['*.dev.coze.site'],
         credentials: true,
       },
+      hmr: {
+        overlay: true,
+        path: '/hot/vite-hmr',
+        port: parseInt(process.env.HMR_PORT || '<%= hmrPort %>', 10),
+        clientPort: 443,
+        timeout: 30000,
+      },
     },
   },
@@ -48,9 +107,10 @@ export default defineNuxtConfig({
     routeRules: {
       '/**': {
         headers: {
-          'Content-Security-Policy': "img-src 'self' data: https://lf-coze-web-cdn.coze.cn;",
+          'Content-Security-Policy':
+            "img-src 'self' data: https://lf-coze-web-cdn.coze.cn;",
         },
       },
     },
   },
-})
+});

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

@@ -1,5 +1,6 @@
 {
   "name": "<%= appName %>",
+  "version": "0.1.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -13,12 +14,18 @@
   "dependencies": {
     "@nuxt/image": "^1.8.1",
     "nuxt": "^4.3.1",
+    "tailwind-merge": "^2.6.0",
     "vue": "^3.5.30",
     "vue-router": "^4.6.4"
   },
   "devDependencies": {
+    "@nuxtjs/tailwindcss": "^6.14.0",
     "@types/node": "^20",
+    "autoprefixer": "^10.4.20",
+    "coze-coding-dev-sdk": "^0.7.16",
     "only-allow": "^1.2.2",
+    "postcss": "^8.4.49",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5"
   },
   "packageManager": "pnpm@9.0.0",