@kmlckj/licos-ai-cli 0.0.42 → 0.0.44

package/lib/__templates__/expo/AGENTS.md

@@ -243,6 +243,8 @@ cd server && pnpm add --registry=https://registry.npmmirror.com axios cors
 
 - `client/assets/` 用于 Expo/React Native import 和 bundle 资源。
 - 项目根 `assets/` 用于 Web 部署时按 URL 访问的公开静态资源，服务端会映射到 `/assets/*`；H5 页面应优先用相对路径 `assets/name.ext`，避免部署子路径资源 404。开发预览中的跨端资源仍优先通过 `client/assets/` import。
+- 新增或修改页面时，任何 `@/assets/...` import 都必须指向真实存在的文件；如需新图标/图片，先创建文件或复用模板已有 `client/assets/images/icon.png`、`react-logo.png`、`default-avatar.png` 等资源，禁止留下无法解析的本地资源引用。
+- `.png`、`.jpg`、`.webp`、字体等资源文件必须是真实二进制文件；如果来源是 base64，必须先解码成二进制再写入，禁止把 base64 文本直接保存成图片后缀。
 
 ### 路径别名
 

package/lib/__templates__/expo/README.md

@@ -248,6 +248,12 @@ import { Screen } from '@/components/Screen';
 import { Screen } from '../../../components/Screen';
 ```
 
+### 静态资源
+
+新增或修改页面时，任何 `@/assets/...` import 都必须指向真实存在的文件；如需新图标/图片，先创建文件或复用模板已有 `client/assets/images/icon.png`、`react-logo.png`、`default-avatar.png` 等资源，禁止留下无法解析的本地资源引用。
+
+`.png`、`.jpg`、`.webp`、字体等资源文件必须是真实二进制文件；如果来源是 base64，必须先解码成二进制再写入，禁止把 base64 文本直接保存成图片后缀。
+
 ## 本地开发
 
 `licos dev`：用来首次启动前后端服务，也可以用来重启前后端服务（该命令会先尝试杀掉占用端口的进程，再启动服务）

package/lib/__templates__/expo/client/declarations.d.ts

@@ -3,3 +3,23 @@
 declare module 'expo-file-system/legacy' {
   export * from 'expo-file-system';
 }
+
+declare module '*.png' {
+  const value: import('react-native').ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.jpg' {
+  const value: import('react-native').ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.jpeg' {
+  const value: import('react-native').ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.webp' {
+  const value: import('react-native').ImageSourcePropType;
+  export default value;
+}

package/lib/__templates__/expo/client/heroui/components/avatar/avatar.md

@@ -39,7 +39,7 @@ Display an avatar image with automatic fallback handling.
 
 ```tsx
 <Avatar>
-  <Avatar.Image source={{ uri: 'https://example.com/avatar.jpg' }} />
+  <Avatar.Image source={require('@/assets/images/default-avatar.png')} />
   <Avatar.Fallback>JD</Avatar.Fallback>
 </Avatar>
 ```
@@ -224,9 +224,9 @@ import { View } from 'react-native';
 
 export default function AvatarExample() {
   const users = [
-    { id: 1, image: 'https://example.com/user1.jpg', name: 'John Doe' },
-    { id: 2, image: 'https://example.com/user2.jpg', name: 'Jane Smith' },
-    { id: 3, image: 'https://example.com/user3.jpg', name: 'Bob Johnson' },
+    { id: 1, image: require('@/assets/images/default-avatar.png'), name: 'John Doe' },
+    { id: 2, image: require('@/assets/images/default-avatar.png'), name: 'Jane Smith' },
+    { id: 3, image: require('@/assets/images/default-avatar.png'), name: 'Bob Johnson' },
   ];
 
   return (

package/lib/__templates__/expo/client/heroui/primitives/avatar/avatar.utils.ts

@@ -10,9 +10,9 @@ import type { ImageSourcePropType } from 'react-native';
  * @example
  * ```ts
  * // Valid sources
- * isValidSource(require('./avatar.png')); // true (returns a number)
- * isValidSource({ uri: 'https://example.com/avatar.jpg' }); // true
- * isValidSource([{ uri: 'https://example.com/avatar.jpg' }]); // true
+ * isValidSource(require('@/assets/images/default-avatar.png')); // true (returns a number)
+ * isValidSource({ uri: avatarUrl }); // true
+ * isValidSource([{ uri: avatarUrl }]); // true
  *
  * // Invalid sources
  * isValidSource(undefined); // false
@@ -47,13 +47,13 @@ export function isValidSource(source?: ImageSourcePropType) {
  * @example
  * ```ts
  * // Same sources (different object references)
- * isSameSource({ uri: 'https://example.com/img.jpg' }, { uri: 'https://example.com/img.jpg' }); // true
+ * isSameSource({ uri: imageUrl }, { uri: imageUrl }); // true
  *
  * // Different sources
- * isSameSource({ uri: 'https://example.com/img1.jpg' }, { uri: 'https://example.com/img2.jpg' }); // false
+ * isSameSource({ uri: firstImageUrl }, { uri: secondImageUrl }); // false
  *
  * // Same require() values
- * isSameSource(require('./img.png'), require('./img.png')); // true (if same number)
+ * isSameSource(require('@/assets/images/default-avatar.png'), require('@/assets/images/default-avatar.png')); // true (if same number)
  * ```
  */
 export function isSameSource(

package/lib/__templates__/expo/client/screens/demo/index.tsx

@@ -9,7 +9,8 @@ export default function DemoPage() {
       <View className="absolute top-0 left-0 w-full h-full flex flex-col items-center justify-center">
         <Image
           className="w-[130px] h-[109px]"
-          source="https://placeholder.local/static/expo/licos-loading.gif"
+          source={require('@/assets/images/icon.png')}
+          contentFit="contain"
         />
         <Text className="text-base font-bold text-foreground">APP 开发中</Text>
         <Text className="text-sm mt-2 text-muted">即将为您呈现应用界面</Text>

package/lib/__templates__/native-static/index.html

@@ -5,17 +5,27 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="LICOS AI - Your coding workspace" />
     <title>LICOS AI</title>
-    <link rel="stylesheet" href="/styles/main.css" />
+    <link rel="stylesheet" href="styles/main.css" />
   </head>
   <body>
     <div id="app">
       <main class="main-wrapper">
         <div class="content-container">
-          <img
-            src="https://placeholder.local/static/icon/licos.gif"
-            alt="LICOS Logo"
-            class="logo-image"
-          />
+          <div class="logo-image logo-mark" aria-label="LICOS Logo" role="img">
+            <svg viewBox="0 0 156 130" aria-hidden="true">
+              <defs>
+                <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+                  <stop offset="0" stop-color="#0ea5e9" />
+                  <stop offset="0.5" stop-color="#14b8a6" />
+                  <stop offset="1" stop-color="#84cc16" />
+                </linearGradient>
+              </defs>
+              <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+              <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+              <circle cx="58" cy="55" r="8" fill="#fff" />
+              <circle cx="98" cy="55" r="8" fill="#fff" />
+            </svg>
+          </div>
           <div>
             <div class="text-container">
               <h1 class="heading">

package/lib/__templates__/native-static/styles/main.css

@@ -93,6 +93,17 @@ body {
   object-fit: contain;
 }
 
+.logo-mark {
+  display: grid;
+  place-items: center;
+}
+
+.logo-mark svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
 /* Text container */
 .text-container {
   display: flex;

package/lib/__templates__/nextjs/src/app/page.tsx

@@ -1,5 +1,4 @@
 import type { Metadata } from 'next';
-import Image from 'next/image';
 
 export const metadata: Metadata = {
   title: 'LICOS AI - AI 开发伙伴',
@@ -12,12 +11,24 @@ 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
-            src="https://placeholder.local/static/icon/licos.gif"
-            alt="LICOS AI Logo"
-            width={156}
-            height={130}
-          />
+          <svg
+            role="img"
+            aria-label="LICOS AI Logo"
+            viewBox="0 0 156 130"
+            className="h-[130px] w-[156px]"
+          >
+            <defs>
+              <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+                <stop offset="0" stopColor="#0ea5e9" />
+                <stop offset="0.5" stopColor="#14b8a6" />
+                <stop offset="1" stopColor="#84cc16" />
+              </linearGradient>
+            </defs>
+            <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+            <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" strokeWidth="10" strokeLinecap="round" />
+            <circle cx="58" cy="55" r="8" fill="#fff" />
+            <circle cx="98" cy="55" r="8" fill="#fff" />
+          </svg>
           <div>
             <div className="flex flex-col items-center gap-2 text-center sm:items-center sm:text-center">
               <h1 className="max-w-xl text-base font-semibold leading-tight tracking-tight text-foreground dark:text-foreground">

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

@@ -2,13 +2,26 @@
   <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://placeholder.local/static/icon/licos.gif"
-          alt="LICOS Logo"
+        <svg
+          role="img"
+          aria-label="LICOS Logo"
+          viewBox="0 0 156 130"
           width="156"
           height="130"
-          style="width: 156px; height: 130px; object-fit: contain"
-        />
+          style="width: 156px; height: 130px; display: block"
+        >
+          <defs>
+            <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+              <stop offset="0" stop-color="#0ea5e9" />
+              <stop offset="0.5" stop-color="#14b8a6" />
+              <stop offset="1" stop-color="#84cc16" />
+            </linearGradient>
+          </defs>
+          <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+          <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+          <circle cx="58" cy="55" r="8" fill="#fff" />
+          <circle cx="98" cy="55" r="8" fill="#fff" />
+        </svg>
         <div class="flex flex-col items-center gap-2 text-center">
           <h1 class="max-w-xl text-base font-semibold leading-tight tracking-tight">
             应用开发中

package/lib/__templates__/nuxt-vue/assets/logo.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 130" role="img" aria-label="LICOS Logo">
+  <defs>
+    <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+      <stop offset="0" stop-color="#0ea5e9" />
+      <stop offset="0.5" stop-color="#14b8a6" />
+      <stop offset="1" stop-color="#84cc16" />
+    </linearGradient>
+  </defs>
+  <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+  <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+  <circle cx="58" cy="55" r="8" fill="#fff" />
+  <circle cx="98" cy="55" r="8" fill="#fff" />
+</svg>

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

@@ -132,17 +132,6 @@ export default defineNuxtConfig({
     },
   },
 
-  image: {
-    domains: ['placeholder.local'],
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'placeholder.local',
-        pathname: '/**',
-      },
-    ],
-  },
-
   // Security headers (Content Security Policy)
   nitro: {
     publicAssets: [
@@ -155,7 +144,7 @@ export default defineNuxtConfig({
       '/**': {
         headers: {
           'Content-Security-Policy':
-            "img-src 'self' data: https://placeholder.local;",
+            "img-src 'self' data:;",
         },
       },
     },

package/lib/__templates__/taro/AGENTS.md

@@ -28,6 +28,7 @@ pnpm remove <package>        # 移除依赖
 - 需要引用 `src/assets/...` 源码资源时使用 ESM import，例如 `import logoUrl from '@/assets/images/logo.svg'`，不要在 `src/` 中写 CommonJS `require(...)`。
 - 根目录 `assets/` 是 H5 公开静态目录，不是 `@/assets` 源码别名。放在根 `assets/images/foo.svg` 的文件必须用相对 URL `assets/images/foo.svg`，不要写 `import foo from '@/assets/images/foo.svg'`。只有文件真实存在于 `src/assets/...` 时，才允许从 `@/assets/...` 导入。
 - 部署路径是 IP + `/p/{projectId}/` 子路径，页面中禁止写根路径 `/assets/...` 或上级路径 `../assets/...`。根目录 `assets/` 文件只能写成相对 URL `assets/...`，否则部署后资源会 404。
+- 静态资源不要通过 `Network.request`、`Taro.request` 或 `fetch` 访问。根 `assets/` 文件直接用于 `<Image src="assets/...">`、链接或页面展示；`Network.request` 只用于 `/api/...` 业务接口。
 - 不要使用浏览器 DOM 全局做资源探测。禁止 `window`、`document`、`new Image()`、`window.Image`、`globalThis.Image`；图片状态通过 Taro `<Image onLoad onError />` 或直接渲染处理。
 - 从第三方图标包导入前必须确认导出存在；不确定时优先使用已验证的 `Package`、`Globe`、`Cpu`、`Layers` 等基础图标，避免引入不存在的命名导出导致构建失败。
 - 禁止输出不完整模板字符串、占位引号或非法 TS 字符串，例如 `"""`、未闭合的引号、未转义的英文单引号。文案中包含引号时使用反引号或正确转义。
@@ -70,6 +71,7 @@ export default function IndexPage() {
 - 根目录 `assets/` 文件在页面中只能写相对 URL，例如 `assets/images/logo.svg`。
 - 禁止写 `/assets/images/logo.svg`，它会绕过 `/p/{projectId}/` base path。
 - 禁止写 `../assets/images/logo.svg`，不同页面层级下容易解析错误。
+- 禁止写 `Network.request({ url: '/assets/...' })` 或 `Network.request({ url: 'assets/...' })`。静态资源不是 API 请求。
 - 完成前必须自查 `src/`，不能残留 `/assets/`、`../assets/` 或 Tailwind 小数类名。
 
 **强制规则**：图片、视频等静态资源必须通过 TOS 对象存储管理，代码中使用 TOS 返回的 URL 引用。

package/lib/__templates__/taro/assets/images/logo.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 130" role="img" aria-label="LICOS Logo">
+  <defs>
+    <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+      <stop offset="0" stop-color="#0ea5e9" />
+      <stop offset="0.5" stop-color="#14b8a6" />
+      <stop offset="1" stop-color="#84cc16" />
+    </linearGradient>
+  </defs>
+  <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+  <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+  <circle cx="58" cy="55" r="8" fill="#fff" />
+  <circle cx="98" cy="55" r="8" fill="#fff" />
+</svg>

package/lib/__templates__/taro/eslint.config.mjs

@@ -84,6 +84,12 @@ const baseRestrictedSyntaxRules = [
     message:
       '部署路径兼容性：根目录 assets 资源必须使用相对 URL（如 assets/logo.svg），禁止 /assets/... 或 ../assets/...，否则部署到 /p/{projectId}/ 子路径后资源会 404。',
   },
+  {
+    selector:
+      "CallExpression[callee.object.name='Network'][callee.property.name='request'] Property[key.name='url'] > Literal[value=/^(?:\\/|\\.\\.\\/)?assets\\//]",
+    message:
+      '工程规范：静态资源不能通过 Network.request 访问。根目录 assets 资源应直接作为相对 URL 用于 Image src 或页面展示；Network.request 只用于 /api/... 业务接口。',
+  },
   {
     selector:
       ":matches(JSXAttribute[name.name='className'], CallExpression[callee.name=/^(cn|cva)$/]) :matches(Literal[value=/\\:has\\(/], TemplateElement[value.raw=/\\:has\\(/])",

package/lib/__templates__/taro/src/assets/images/logo.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 130" role="img" aria-label="LICOS Logo">
+  <defs>
+    <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+      <stop offset="0" stop-color="#0ea5e9" />
+      <stop offset="0.5" stop-color="#14b8a6" />
+      <stop offset="1" stop-color="#84cc16" />
+    </linearGradient>
+  </defs>
+  <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+  <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+  <circle cx="58" cy="55" r="8" fill="#fff" />
+  <circle cx="98" cy="55" r="8" fill="#fff" />
+</svg>

package/lib/__templates__/taro/src/pages/index/index.tsx

@@ -1,4 +1,4 @@
-import { View, Text, Image } from '@tarojs/components';
+import { View, Text } from '@tarojs/components';
 import { useLoad } from '@tarojs/taro';
 import { Network } from '@/network';
 import './index.css';
@@ -14,10 +14,9 @@ const IndexPage = () => {
 
   return (
     <View className="w-full h-full flex flex-col justify-center items-center gap-1">
-      <Image
-        className="w-32 h-28"
-        src="https://placeholder.local/static/icon/licos.gif"
-      />
+      <View className="w-32 h-28 rounded-3xl bg-gradient-to-br from-sky-500 via-teal-500 to-lime-500 flex items-center justify-center">
+        <Text className="text-white text-3xl font-bold">AI</Text>
+      </View>
       <View className="self-stretch flex flex-col justify-start items-start gap-2">
         <Text className="self-stretch text-center justify-start text-base-accent-foreground text-base font-bold">
           应用开发中

package/lib/__templates__/vite/assets/logo.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 156 130" role="img" aria-label="LICOS Logo">
+  <defs>
+    <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+      <stop offset="0" stop-color="#0ea5e9" />
+      <stop offset="0.5" stop-color="#14b8a6" />
+      <stop offset="1" stop-color="#84cc16" />
+    </linearGradient>
+  </defs>
+  <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+  <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+  <circle cx="58" cy="55" r="8" fill="#fff" />
+  <circle cx="98" cy="55" r="8" fill="#fff" />
+</svg>

package/lib/__templates__/vite/src/main.ts

@@ -10,13 +10,24 @@ export function initApp(): void {
     <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://placeholder.local/static/icon/licos.gif"
-            alt="LICOS AI Logo"
-            width={156}
-            height={130}
-            style="width: 156px; height: 130px; object-fit: contain;"
-          />
+          <svg
+            role="img"
+            aria-label="LICOS AI Logo"
+            viewBox="0 0 156 130"
+            style="width: 156px; height: 130px; display: block;"
+          >
+            <defs>
+              <linearGradient id="licosLogoGradient" x1="16" y1="12" x2="140" y2="118">
+                <stop offset="0" stop-color="#0ea5e9" />
+                <stop offset="0.5" stop-color="#14b8a6" />
+                <stop offset="1" stop-color="#84cc16" />
+              </linearGradient>
+            </defs>
+            <rect x="18" y="12" width="120" height="106" rx="30" fill="url(#licosLogoGradient)" />
+            <path d="M53 80c10 12 39 12 50 0" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" />
+            <circle cx="58" cy="55" r="8" fill="#fff" />
+            <circle cx="98" cy="55" r="8" fill="#fff" />
+          </svg>
           <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">

package/lib/cli.js

@@ -2109,7 +2109,7 @@ const EventBuilder = {
 };
 
 var name = "@kmlckj/licos-ai-cli";
-var version = "0.0.42";
+var version = "0.0.44";
 var description = "LICOS AI coding workspace CLI - project template engine and dev tools";
 var license = "MIT";
 var author = "kmlckj";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmlckj/licos-ai-cli",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "description": "LICOS AI coding workspace CLI - project template engine and dev tools",
   "license": "MIT",
   "author": "kmlckj",