@kmlckj/licos-ai-cli 0.0.43 → 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/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/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.43";
+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.43",
+  "version": "0.0.44",
   "description": "LICOS AI coding workspace CLI - project template engine and dev tools",
   "license": "MIT",
   "author": "kmlckj",