@lotics/cli 0.45.1 → 0.46.0

package/dist/starter_template.js

@@ -184,12 +184,11 @@ export default defineConfig({
     dedupe: ["react", "react-dom", "react-native-web"],
   },
   optimizeDeps: {
-    // \`recharts\` (used by @lotics/ui chart_* + sparkline) imports
-    // \`es-toolkit/compat/get\` as a default-export CJS module. Vite's dev
-    // server treats \`compat/*\` as ESM and won't synthesize a default,
-    // so \`import get from "es-toolkit/compat/get"\` fails to resolve.
-    // Pre-bundling forces Vite to convert it to an ESM shim with a default
-    // export. Production build (rollup) handles it correctly without this.
+    // \`react-native-svg\` (used by @lotics/ui's svg charts — PieChart, LineChart,
+    // Sparkline, RingGauge) ships a named-export entry Vite's dev optimizer won't
+    // resolve unbundled ("does not provide an export named 'parse'"), blanking the
+    // iframe the moment one of those charts renders. Pre-bundling it fixes the
+    // interop. Production build (rollup) resolves it without this — dev-only.
     //
     // react-native-web itself is force-prebundled (folds its core CJS deps like
     // @react-native/normalize-colors into one interop'd chunk), and the deep
@@ -199,7 +198,7 @@ export default defineConfig({
     // provide an export named 'default'"), blanking the iframe. (Production/rollup
     // resolves the interop already, so this is dev-only.)
     include: [
-      "recharts", "es-toolkit", "es-toolkit/compat",
+      "react-native-svg",
       "react-native-web", "@react-native/normalize-colors",
       "inline-style-prefixer/lib/createPrefixer",
       "inline-style-prefixer/lib/plugins/crossFade",
@@ -254,7 +253,7 @@ export default defineConfig({
       optimizer: {
         web: {
           enabled: true,
-          include: ["react-native", "react-native-web", "@react-native-picker/picker"],
+          include: ["react-native", "react-native-web", "react-native-svg", "@react-native-picker/picker"],
           esbuildOptions: {
             resolveExtensions: [".web.tsx", ".web.ts", ".web.js", ".tsx", ".ts", ".jsx", ".js", ".json"],
           },
@@ -275,11 +274,11 @@ export default defineConfig({
     <title>${escapeHtml(args.app_name)}</title>
     <style>
       /*
-       * Full-viewport container chain for iframe apps. @lotics/ui's DataGrid
-       * (and any layout that uses \`flex: 1\` to fill available space) relies
-       * on a measured parent height. The browser default of html/body being
-       * content-sized collapses every \`flex: 1\` to 0 and the surface shrinks
-       * to fit only its rendered content.
+       * Full-viewport container chain for iframe apps. Any layout that uses
+       * \`flex: 1\` to fill available space (a scrollable table, list, or
+       * full-page surface) relies on a measured parent height. The browser
+       * default of html/body being content-sized collapses every \`flex: 1\`
+       * to 0 and the surface shrinks to fit only its rendered content.
        *
        * Also: #root is made a flex column so the outermost RN \`<View flex:1>\`
        * inside App.tsx claims the full iframe height.
@@ -315,7 +314,7 @@ mount(
         {
             path: "src/App.tsx",
             // Welcome screen demonstrates the full-container layout pattern that
-            // real apps (data grids, dashboards, full-page surfaces) rely on:
+            // real apps (dashboards, tables, full-page surfaces) rely on:
             //   - Outer <View flex:1> claims the full iframe height (works because
             //     index.html sets html/body/#root to 100% + #root is a flex column).
             //   - Inner View is content-sized + centered for a card layout.
@@ -323,7 +322,8 @@ mount(
             // We deliberately do NOT use @lotics/ui/stack for the outer chain.
             // Stack wraps each child in an unstyled <View>, which breaks `flex: 1`
             // propagation to children that need to claim flexible height (e.g., a
-            // DataGrid that fills the remaining space below a header + search).
+            // scrollable table or list that fills the remaining space below a
+            // header + search).
             // Use plain <View> with `flexDirection` + `gap` for any outer layout
             // that hosts a flex-filling child; Stack is fine for content-sized
             // groupings inside such a chain.
@@ -334,9 +334,9 @@ import { Button } from "@lotics/ui/button";
 
 // Outer <View flex:1> claims the full iframe height — works because
 // index.html sets html/body/#root to 100% and #root is a flex column.
-// For real layouts with a fill-remaining-space child (DataGrid etc.),
-// keep this flex chain plain — @lotics/ui/stack wraps each child in an
-// unstyled <View> that breaks \`flex: 1\` propagation.
+// For real layouts with a fill-remaining-space child (a scrollable
+// table/list etc.), keep this flex chain plain — @lotics/ui/stack wraps
+// each child in an unstyled <View> that breaks \`flex: 1\` propagation.
 export default function App() {
   return (
     <View
@@ -401,11 +401,9 @@ declare module "lucide-react-native/dist/esm/icons/*" {
 
 // Augments react-native's types with the web-only fields @lotics/ui consumes:
 // Pressable's \`hovered\` callback state, plus web-only ViewStyle / TextStyle
-// properties (cursor, outline, boxShadow, etc.) used by the grid + primitives.
+// properties (cursor, outline, boxShadow, etc.) used by its primitives.
 // Each iframe app needs its own copy — TypeScript doesn't auto-pick-up
-// \`.d.ts\` files inside dependencies. \`@lotics/ui\`'s grid sources include a
-// triple-slash reference to its own copy of this file so the augmentation
-// kicks in transitively.
+// \`.d.ts\` files inside dependencies.
 declare module "react-native" {
   interface PressableStateCallbackType {
     hovered: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lotics/cli",
-  "version": "0.45.1",
+  "version": "0.46.0",
   "description": "Lotics SDK and CLI for AI agents",
   "type": "module",
   "bin": {
@@ -23,7 +23,7 @@
     "@lotics/docx": "*",
     "@lotics/xlsx": "*",
     "@types/node": "^22.15.21",
-    "esbuild": "^0.25.0",
+    "esbuild": "^0.28.1",
     "vitest": "^4.1.7"
   },
   "keywords": [
@@ -41,4 +41,4 @@
     "url": "https://github.com/lotics/lotics.git",
     "directory": "packages/sdk"
   }
-}
+}