@lotics/cli 0.21.0 → 0.22.0

package/dist/src/starter_template.js

@@ -94,11 +94,13 @@ export function buildStarterTemplate(args) {
                     noEmit: true,
                     jsx: "react-jsx",
                     strict: true,
-                    noUnusedLocals: true,
-                    noUnusedParameters: true,
                     noFallthroughCasesInSwitch: true,
                 },
+                // Restrict tsc to the project's own sources. tsgo follows
+                // transitive imports into node_modules — strict rules
+                // (noUnusedLocals etc.) would fire on @lotics/ui's source.
                 include: ["src", ".lotics"],
+                exclude: ["node_modules"],
             }, null, 2) + "\n",
         },
         {
@@ -116,18 +118,35 @@ import react from "@vitejs/plugin-react";
 // (View, Text, Pressable, StyleSheet, etc.) render in a pure-web environment.
 // .web.tsx is prioritized in resolve.extensions so per-target variants
 // (avatar.web.tsx, wave_avatar.web.tsx) win over the native .tsx file.
+//
+// @lotics/ui/icon.tsx imports from \`lucide-react-native/dist/esm/icons/<name>\`
+// — deep paths that lucide-react-native's package \`exports\` map blocks under
+// Vite's strict resolution. lucide-react has the same per-icon files with no
+// exports map, so we alias the deep path to use it. Web rendering of <svg>
+// is identical to RN-SVG when running under RN-Web.
 export default defineConfig({
   plugins: [react()],
   resolve: {
-    alias: {
-      "react-native": "react-native-web",
-    },
+    alias: [
+      {
+        find: /^lucide-react-native\\/dist\\/esm\\/icons\\/(.+)$/,
+        replacement: "lucide-react/dist/esm/icons/$1",
+      },
+      { find: "react-native", replacement: "react-native-web" },
+    ],
     extensions: [".web.tsx", ".web.ts", ".tsx", ".ts", ".jsx", ".js"],
   },
   build: {
     outDir: "dist",
     sourcemap: true,
   },
+  server: {
+    // Allow the sandboxed null-origin iframe used by \`lotics app dev\` to
+    // fetch HMR client + source modules from the dev server. Production
+    // iframe loads modules from api.lotics.ai which already permits null
+    // origin via CORS.
+    cors: { origin: "*" },
+  },
   test: {
     environment: "jsdom",
   },
@@ -192,6 +211,25 @@ export default function App() {
     </View>
   );
 }
+`,
+        },
+        {
+            path: "src/lucide-react-native.d.ts",
+            content: `// Type shim for lucide-react-native's deep-icon imports
+// (\`lucide-react-native/dist/esm/icons/<name>\`). The package ships JS-only
+// files without per-file .d.ts. The Vite alias in vite.config.ts rewrites
+// these to lucide-react at bundle time; this declaration covers the
+// TypeScript compile-time gap.
+declare module "lucide-react-native/dist/esm/icons/*" {
+  import type { ComponentType } from "react";
+  const Icon: ComponentType<{
+    size: number;
+    color: string;
+    fill?: string;
+    strokeWidth?: number;
+  }>;
+  export default Icon;
+}
 `,
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/cli",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Lotics SDK and CLI for AI agents",
   "type": "module",
   "bin": {