npm - @coze-arch/cli - Versions diffs - 0.0.1-alpha.de5a13 → 0.0.1-alpha.deaedf - Mend

@coze-arch/cli 0.0.1-alpha.de5a13 → 0.0.1-alpha.deaedf

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 (143) hide show

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

@@ -8,7 +8,10 @@ cd "${COZE_WORKSPACE_PATH}"
 echo "Installing dependencies..."
 pnpm install --prefer-frozen-lockfile --prefer-offline --loglevel debug --reporter=append-only
-echo "Building the project..."
+echo "Building the Next.js project..."
 npx next build
+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,16 @@
 #!/bin/bash
 set -Eeuo pipefail
+<% if (process.env.NODE_ENV === 'test') { %>
+# 测试环境：支持环境变量覆盖端口
+PORT="${PORT:-<%= port %>}"
+COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
+<% } else { %>
 PORT=<%= port %>
 COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
-NODE_ENV=development
 DEPLOY_RUN_PORT=<%= port %>
+<% } %>
 cd "${COZE_WORKSPACE_PATH}"
@@ -30,4 +36,4 @@ echo "Clearing port ${PORT} before start."
 kill_port_if_listening
 echo "Starting HTTP service on port ${PORT} for dev..."
-npx next dev --webpack --port $PORT
+PORT=$PORT npx tsx watch src/server.ts

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

@@ -2,13 +2,19 @@
 set -Eeuo pipefail
 COZE_WORKSPACE_PATH="${COZE_WORKSPACE_PATH:-$(pwd)}"
+<% if (process.env.NODE_ENV === 'test') { %>
+# 测试环境：支持环境变量覆盖端口
+PORT="${PORT:-<%= port %>}"
+DEPLOY_RUN_PORT="${DEPLOY_RUN_PORT:-${PORT}}"
+<% } else { %>
 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..."
-    npx next start --port ${DEPLOY_RUN_PORT}
+    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/src/app/page.tsx CHANGED Viewed

@@ -13,7 +13,6 @@ export default function Home() {
       <main className="flex w-full h-full max-w-3xl flex-col items-center justify-center px-16 py-32 sm:items-center">
         <div className="flex flex-col items-center justify-between gap-4">
            <Image
-            className="dark:invert"
             src="https://lf-coze-web-cdn.coze.cn/obj/eden-cn/lm-lgvj/ljhwZthlaukjlkulzlp/coze-coding/icon/coze-coding.gif"
             alt="扣子编程 Logo"
             width={156}
@@ -24,7 +23,7 @@ export default function Home() {
               <h1 className="max-w-xl text-base font-semibold leading-tight tracking-tight text-foreground dark:text-foreground">
                 应用开发中
               </h1>
-              <p className="max-w-2xl text-sm-14 leading-8 text-muted-foreground dark:text-muted-foreground">
+              <p className="max-w-2xl text-sm leading-8 text-muted-foreground dark:text-muted-foreground">
                 请稍后，页面即将呈现
               </p>
             </div>

package/lib/__templates__/nextjs/src/server.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { createServer } from 'http';
+import { parse } from 'url';
+import next from 'next';
+const dev = process.env.COZE_PROJECT_ENV !== 'PROD';
+const hostname = process.env.HOSTNAME || 'localhost';
+const port = parseInt(process.env.PORT || '<%= port %>', 10);
+// Create Next.js app
+const app = next({ dev, hostname, port });
+const handle = app.getRequestHandler();
+app.prepare().then(() => {
+  const server = createServer(async (req, res) => {
+    try {
+      const parsedUrl = parse(req.url!, true);
+      await handle(req, res, parsedUrl);
+    } catch (err) {
+      console.error('Error occurred handling', req.url, err);
+      res.statusCode = 500;
+      res.end('Internal server error');
+    }
+  });
+  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-vue/.coze ADDED Viewed

@@ -0,0 +1,12 @@
+[project]
+requires = ["nodejs-24"]
+[dev]
+build = ["bash", "./scripts/prepare.sh"]
+run = ["bash", "./scripts/dev.sh"]
+deps = ["git"] # -> apt install git
+[deploy]
+build = ["bash","./scripts/build.sh"]
+run = ["bash","./scripts/start.sh"]
+deps = ["git"] # -> apt install git

package/lib/__templates__/nuxt-vue/README.md ADDED Viewed

@@ -0,0 +1,73 @@
+# <%= appName %>
+Nuxt.js full-stack application with server-side API capabilities, Vue 3, and Vite.
+## Features
+- 🚀 **Nuxt 4**: Latest Nuxt.js framework
+- ⚡️ **Vite**: Lightning-fast development and build
+- 🎨 **Vue 3**: Composition API and modern Vue features
+- 🔥 **Server API**: Built-in server routes for backend logic
+- 📁 **File-based Routing**: Automatic routing from file structure
+- 🔧 **TypeScript**: Full TypeScript support
+- 🛠️ **DevTools**: Nuxt DevTools enabled
+## Setup
+This project uses pnpm as the package manager. Make sure to install dependencies:
+```bash
+pnpm install
+```
+## Development
+Start the development server on `http://localhost:<%= port %>`:
+```bash
+pnpm dev
+```
+The server will automatically restart when you make changes to your code.
+## Production
+Build the application for production:
+```bash
+pnpm build
+```
+Start the production server:
+```bash
+pnpm start
+```
+## Project Structure
+```
+<%= appName %>/
+├── app/              # Application source code
+│   ├── app.vue       # Root component
+│   ├── components/   # Vue components
+│   └── layouts/      # Layout components
+├── 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
+```
+## Server API (Optional)
+You can add server API by creating files in `server/api/` directory. See [server/README.md](./server/README.md) for more details.
+## Learn More
+- [Nuxt Documentation](https://nuxt.com/docs)
+- [Vue 3 Documentation](https://vuejs.org/)
+- [Vite Documentation](https://vitejs.dev/)
+- [Deployment Guide](https://nuxt.com/docs/getting-started/deployment)

package/lib/__templates__/nuxt-vue/_gitignore ADDED Viewed

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+# Node dependencies
+node_modules
+# Logs
+logs
+*.log
+# Misc
+.DS_Store
+.fleet
+.idea
+# Local env files
+.env
+.env.*
+!.env.example

package/lib/__templates__/nuxt-vue/_npmrc ADDED Viewed

@@ -0,0 +1,23 @@
+loglevel=error
+registry=https://registry.npmmirror.com
+strictStorePkgContentCheck=false
+verifyStoreIntegrity=false
+# 网络优化
+network-concurrency=16
+fetch-retries=3
+fetch-timeout=60000
+# 严格使用 peer dependencies
+strict-peer-dependencies=false
+# 自动生成 lockfile
+auto-install-peers=true
+# lockfile 配置
+lockfile=true
+prefer-frozen-lockfile=true
+# 如果 lockfile 存在但过期，更新而不是失败
+resolution-mode=highest

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

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <NuxtRouteAnnouncer />
+    <NuxtPage />
+  </div>
+</template>

package/lib/__templates__/nuxt-vue/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-vue/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-vue/nuxt.config.ts ADDED Viewed

@@ -0,0 +1,116 @@
+// 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', '@nuxtjs/tailwindcss'],
+  // Global CSS
+  css: [resolve(__dirname, 'assets/css/main.css')],
+  // 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: {
+      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,
+      },
+    },
+  },
+  // 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-vue/package.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+  "name": "<%= appName %>",
+  "version": "0.1.0",
+  "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",
+    "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",
+  "engines": {
+    "pnpm": ">=9.0.0"
+  }
+}