@lotics/cli 0.39.0 → 0.41.0

package/dist/starter_template.js

@@ -153,11 +153,15 @@ import react from "@vitejs/plugin-react";
 // is identical to RN-SVG when running under RN-Web.
 export default defineConfig({
   plugins: [react()],
-  // RN libraries (react-native-web, @react-native-picker's UnimplementedView)
-  // reference the \`__DEV__\` global that Metro injects but Vite does not —
-  // undefined ⇒ the bundle throws at load and the iframe renders blank. Define
-  // it (false = production RN behaviour) so dev and the deployed build both boot.
-  define: { __DEV__: "false" },
+  // RN libraries reference globals Metro injects but Vite does not — undefined
+  // ⇒ the bundle throws. \`__DEV__\` (react-native-web, @react-native-picker's
+  // UnimplementedView): throws at load, blank iframe. \`global\` (rn-web
+  // Animated's \`global.cancelAnimationFrame\`): throws when a spring animation is
+  // interrupted/torn down — e.g. toggling @lotics/ui's Switch. rollup hits it;
+  // the dev esbuild path masks it, so it only surfaces in the deployed app.
+  // rn-web only reads \`global.x\` as a free var, so mapping it to \`globalThis\`
+  // is safe. Define both so dev and the deployed build behave identically.
+  define: { __DEV__: "false", global: "globalThis" },
   resolve: {
     alias: [
       {
@@ -195,7 +199,7 @@ export default defineConfig({
     // \`resolve.extensions\`, so \`.web.js\` must be repeated here or a pre-bundled
     // RN dep still resolves \`./Picker\` to the native build.
     esbuildOptions: {
-      define: { __DEV__: "false" },
+      define: { __DEV__: "false", global: "globalThis" },
       resolveExtensions: [".web.tsx", ".web.ts", ".web.js", ".tsx", ".ts", ".jsx", ".js", ".json"],
     },
   },

package/dist/starter_template.test.js

@@ -30,6 +30,16 @@ describe("buildStarterTemplate", () => {
         // deps under `lotics app dev`).
         expect(config).toMatch(/esbuildOptions:\s*\{\s*define:\s*\{\s*__DEV__:\s*"false"/);
     });
+    test("vite.config.ts maps the RN `global` to globalThis (else rn-web Animated throws when a spring is torn down)", () => {
+        // react-native-web's Animated reads `global.cancelAnimationFrame` (free var)
+        // when a spring animation is interrupted — e.g. toggling @lotics/ui's Switch.
+        // Undefined in a web bundle ⇒ "global is not defined". The rollup build hits
+        // it; the dev esbuild path masks it, so it only surfaces in the deployed app
+        // and no typecheck/lint/build catches it. Pin both define sites.
+        const config = fileNamed(buildStarterTemplate(baseArgs), "vite.config.ts");
+        expect(config).toMatch(/define:\s*\{\s*__DEV__:\s*"false",\s*global:\s*"globalThis"/);
+        expect(config).toMatch(/esbuildOptions:\s*\{\s*define:\s*\{\s*__DEV__:\s*"false",\s*global:\s*"globalThis"/);
+    });
     test("package.json pins react-native to the monorepo version (so apps typecheck @lotics/ui against the same RN types)", () => {
         const pkg = JSON.parse(fileNamed(buildStarterTemplate(baseArgs), "package.json"));
         expect(pkg.dependencies["react-native"]).toBe(STARTER_REACT_NATIVE_VERSION);

package/package.json

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