zelune 1.4.0 → 1.5.2

package/vite.config.ts

@@ -1,46 +1,100 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import fs from 'node:fs';
+import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { viteRnSourceInject } from './plugins/viteRnSourceInject';
 import { viteVirtualScreensPlugin } from './plugins/viteVirtualScreensPlugin';
 import { viteCanvasApiMiddleware } from './src/server/apiMiddleware';
+import { findMobileAppRoot } from './src/server/astEngine';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const targetProjectRoot = process.env.ANTIGRAVITY_TARGET_PROJECT
+const requireFromZelune = createRequire(import.meta.url);
+
+const rawTargetRoot = process.env.ANTIGRAVITY_TARGET_PROJECT
   ? path.resolve(process.env.ANTIGRAVITY_TARGET_PROJECT)
   : __dirname;
 
+const targetProjectRoot = findMobileAppRoot(rawTargetRoot);
 const mockNavShimPath = path.resolve(__dirname, 'src/runtime/MockNavigationContext.tsx');
 
+function resolvePackageRootDir(pkgName: string): string {
+  try {
+    const pkgJsonPath = requireFromZelune.resolve(`${pkgName}/package.json`);
+    return path.dirname(pkgJsonPath);
+  } catch {
+    return pkgName;
+  }
+}
+
+const resolvedReactDir = resolvePackageRootDir('react');
+const resolvedReactDomDir = resolvePackageRootDir('react-dom');
+const resolvedRnWebDir = resolvePackageRootDir('react-native-web');
+const resolvedLucideDir = resolvePackageRootDir('lucide-react');
+
+const PROTECTED_CORE_ALIASES = new Set([
+  'react',
+  'react-dom',
+  'react-native',
+  'react-native-web',
+  'lucide-react',
+  'lucide-react-native',
+  '@react-navigation/native',
+  'expo-router',
+  'react-native-safe-area-context',
+  'expo-status-bar',
+  '__proto__',
+  'constructor',
+  'prototype',
+]);
+
+function stripJsonComments(input: string): string {
+  return input.replace(
+    /("(?:\\.|[^"\\])*")|\/\*[\s\S]*?\*\/|\/\/.*/g,
+    (_match, quotedString?: string) => quotedString ?? ''
+  );
+}
+
 function resolveTargetProjectPathAliases(projectRoot: string): Record<string, string> {
+  const normalizedRoot = path.resolve(projectRoot);
   const aliases: Record<string, string> = {};
   try {
-    const tsconfigPath = path.join(projectRoot, 'tsconfig.json');
-    if (!fs.existsSync(tsconfigPath)) return aliases;
-    const raw = fs.readFileSync(tsconfigPath, 'utf-8');
-    // Strip single-line and multi-line comments before JSON.parse
-    const cleaned = raw.replace(/\/\*[\s\S]*?\*\/|\/\/.*/g, '');
-    const parsed = JSON.parse(cleaned) as {
-      compilerOptions?: {
-        baseUrl?: string;
-        paths?: Record<string, string[]>;
+    const tsconfigPath = path.join(normalizedRoot, 'tsconfig.json');
+    if (fs.existsSync(tsconfigPath)) {
+      const raw = fs.readFileSync(tsconfigPath, 'utf-8');
+      const cleaned = stripJsonComments(raw);
+      const parsed = JSON.parse(cleaned) as {
+        compilerOptions?: {
+          baseUrl?: string;
+          paths?: Record<string, string[]>;
+        };
       };
-    };
-    const baseUrl = parsed.compilerOptions?.baseUrl ?? '.';
-    const paths = parsed.compilerOptions?.paths ?? {};
-    for (const [pattern, targets] of Object.entries(paths)) {
-      if (!targets || targets.length === 0) continue;
-      const cleanKey = pattern.replace(/\/\*$/, '');
-      const cleanTarget = targets[0].replace(/\/\*$/, '');
-      aliases[cleanKey] = path.resolve(projectRoot, baseUrl, cleanTarget);
+      const baseUrl = parsed.compilerOptions?.baseUrl ?? '.';
+      const paths = parsed.compilerOptions?.paths ?? {};
+      for (const [pattern, targets] of Object.entries(paths)) {
+        if (!targets || targets.length === 0) continue;
+        const cleanKey = pattern.replace(/\/\*$/, '');
+        if (!cleanKey || PROTECTED_CORE_ALIASES.has(cleanKey)) continue;
+        const cleanTarget = targets[0].replace(/\/\*$/, '');
+        const resolvedTarget = path.resolve(normalizedRoot, baseUrl, cleanTarget);
+        if (
+          resolvedTarget === normalizedRoot ||
+          resolvedTarget.startsWith(normalizedRoot + path.sep)
+        ) {
+          aliases[cleanKey] = resolvedTarget;
+        }
+      }
     }
   } catch {
-    // Fallback to standard @ alias if tsconfig parsing fails
-    const srcDir = path.join(projectRoot, 'src');
-    aliases['@'] = fs.existsSync(srcDir) ? srcDir : projectRoot;
+    // Ignore malformed tsconfig.json and fall back to standard @ alias below
   }
+
+  if (!aliases['@']) {
+    const srcDir = path.join(normalizedRoot, 'src');
+    aliases['@'] = fs.existsSync(srcDir) ? srcDir : normalizedRoot;
+  }
+
   return aliases;
 }
 
@@ -51,15 +105,26 @@ export default defineConfig({
     react(),
     viteCanvasApiMiddleware(targetProjectRoot),
   ],
+  esbuild: {
+    // Ensure .tsx/.ts/.jsx files are transpiled even when zelune is installed inside node_modules/zelune
+    include: /\.(tsx|ts|jsx)$/,
+    exclude: [],
+    loader: 'tsx',
+  },
   resolve: {
+    dedupe: ['react', 'react-dom', 'react-native-web'],
     alias: {
       ...resolveTargetProjectPathAliases(targetProjectRoot),
-      'react-native': 'react-native-web',
+      react: resolvedReactDir,
+      'react-dom': resolvedReactDomDir,
+      'react-native': resolvedRnWebDir,
+      'react-native-web': resolvedRnWebDir,
+      'lucide-react': resolvedLucideDir,
+      'lucide-react-native': resolvedLucideDir,
       '@react-navigation/native': mockNavShimPath,
       'expo-router': mockNavShimPath,
       'react-native-safe-area-context': mockNavShimPath,
       'expo-status-bar': mockNavShimPath,
-      'lucide-react-native': 'lucide-react',
     },
     extensions: ['.web.tsx', '.web.ts', '.web.js', '.tsx', '.ts', '.jsx', '.js'],
   },
@@ -74,8 +139,10 @@ export default defineConfig({
     host: '127.0.0.1',
     port: 5173,
     strictPort: false,
+    cors: false,
+    allowedHosts: ['127.0.0.1', 'localhost', '::1'],
     fs: {
-      allow: [__dirname, targetProjectRoot],
+      allow: Array.from(new Set([__dirname, rawTargetRoot, targetProjectRoot])),
     },
   },
 });