@vibecodeapp/sdk 0.2.0 → 0.2.1

package/metro/index.cjs

@@ -1,14 +1,14 @@
-const path = require("node:path");
-const os = require("node:os");
-const { FileStore } = require("metro-cache");
-const { HttpStore } = require("./metro-http-store.cjs");
+const path = require('node:path')
+const os = require('node:os')
+const { FileStore } = require('metro-cache')
+const { HttpStore } = require('./metro-http-store.cjs')
 
 /**
  * Metro configuration helper for Vibecode
  * Provides web polyfills and HTTP cache store for remote caching.
  */
 
-const distPath = path.resolve(__dirname, "../dist/");
+const distPath = path.resolve(__dirname, '../dist/')
 
 /**
  * Create cache stores array for Metro config.
@@ -22,27 +22,28 @@ const distPath = path.resolve(__dirname, "../dist/");
  * @returns {Array} Array of cache store instances
  */
 function createCacheStores(options = {}) {
-  const cacheDir =
-    options.cacheDir ||
-    process.env.METRO_CACHE_DIR ||
-    path.join(os.homedir(), ".metro-cache");
-
-  const httpEndpoint = options.httpEndpoint || process.env.METRO_CACHE_HTTP_ENDPOINT;
-
-  const stores = [new FileStore({ root: cacheDir })];
-
-  if (httpEndpoint) {
-    stores.push(
-      new HttpStore({
-        endpoint: httpEndpoint,
-        timeout: options.httpTimeout ?? 30000,
-        maxConnections: options.httpMaxConnections ?? 64,
-        maxConcurrent: options.httpMaxConcurrent ?? 256,
-      })
-    );
-  }
-
-  return stores;
+	const cacheDir =
+		options.cacheDir ||
+		process.env.METRO_CACHE_DIR ||
+		path.join(os.homedir(), '.metro-cache')
+
+	const httpEndpoint =
+		options.httpEndpoint || process.env.METRO_CACHE_HTTP_ENDPOINT
+
+	const stores = [new FileStore({ root: cacheDir })]
+
+	if (httpEndpoint) {
+		stores.push(
+			new HttpStore({
+				endpoint: httpEndpoint,
+				timeout: options.httpTimeout ?? 30000,
+				maxConnections: options.httpMaxConnections ?? 64,
+				maxConcurrent: options.httpMaxConcurrent ?? 256,
+			}),
+		)
+	}
+
+	return stores
 }
 
 /**
@@ -65,87 +66,99 @@ function createCacheStores(options = {}) {
  * @returns {Object} Enhanced Metro config
  */
 function withVibecodeMetro(config, options = {}) {
-  const originalResolveRequest = config.resolver?.resolveRequest;
-  const enableCache = options.enableCache !== false;
-
-  const result = {
-    ...config,
-    resolver: {
-      ...config.resolver,
-      extraNodeModules: {
-        assert: require.resolve("assert"),
-        ...config.resolver?.extraNodeModules,
-      },
-      resolveRequest: (context, moduleName, platform) => {
-        // Redirect expo-haptics to our web polyfill on web platform
-        if (moduleName === "expo-haptics" && platform === "web") {
-          return {
-            filePath: path.resolve(distPath, "polyfills/haptics.web.js"),
-            type: "sourceFile",
-          };
-        }
-
-        if (moduleName === "expo-secure-store" && platform === "web") {
-          return {
-            filePath: path.resolve(distPath, "polyfills/secure-store.web.js"),
-            type: "sourceFile",
-          };
-        }
-
-        if (moduleName === "react-native-maps" && platform === "web") {
-          return {
-            filePath: path.resolve(distPath, "polyfills/maps.web.js"),
-            type: "sourceFile",
-          };
-        }
-
-        if (
-          moduleName === "react-native-web/dist/exports/RefreshControl" &&
-          platform === "web"
-        ) {
-          return {
-            filePath: path.resolve(
-              distPath,
-              "polyfills/refresh-control-component.js"
-            ),
-            type: "sourceFile",
-          };
-        }
-
-        if (
-          moduleName === "react-native-web/dist/exports/Alert" &&
-          platform === "web"
-        ) {
-          return {
-            filePath: path.resolve(distPath, "polyfills/alert.web.js"),
-            type: "sourceFile",
-          };
-        }
-
-        if (originalResolveRequest) {
-          return originalResolveRequest(context, moduleName, platform);
-        }
-
-        return context.resolveRequest(context, moduleName, platform);
-      },
-    },
-  };
-
-  // Configure caching if enabled
-  if (enableCache) {
-    result.cacheStores = createCacheStores({
-      cacheDir: options.cacheDir,
-      httpEndpoint: options.httpEndpoint,
-      httpTimeout: options.httpTimeout,
-      httpMaxConnections: options.httpMaxConnections,
-      httpMaxConcurrent: options.httpMaxConcurrent,
-    });
-
-    result.cacheVersion =
-      options.cacheVersion || process.env.METRO_CACHE_VERSION || "1";
-  }
-
-  return result;
+	const originalResolveRequest = config.resolver?.resolveRequest
+	const enableCache = options.enableCache !== false
+
+	const result = {
+		...config,
+		transformer: {
+			...config.transformer,
+			babelTransformerPath: require.resolve('./transformer.cjs'),
+		},
+		resolver: {
+			...config.resolver,
+			extraNodeModules: {
+				assert: require.resolve('assert'),
+				...config.resolver?.extraNodeModules,
+			},
+			resolveRequest: (context, moduleName, platform) => {
+				// Redirect expo-haptics to our web polyfill on web platform
+				if (moduleName === 'expo-haptics' && platform === 'web') {
+					return {
+						filePath: path.resolve(distPath, 'polyfills/haptics.web.js'),
+						type: 'sourceFile',
+					}
+				}
+
+				if (moduleName === 'expo-secure-store' && platform === 'web') {
+					return {
+						filePath: path.resolve(distPath, 'polyfills/secure-store.web.js'),
+						type: 'sourceFile',
+					}
+				}
+
+				if (moduleName === 'react-native-maps' && platform === 'web') {
+					return {
+						filePath: path.resolve(distPath, 'polyfills/maps.web.js'),
+						type: 'sourceFile',
+					}
+				}
+
+				if (
+					moduleName === 'react-native-web/dist/exports/RefreshControl' &&
+					platform === 'web'
+				) {
+					return {
+						filePath: path.resolve(
+							distPath,
+							'polyfills/refresh-control-component.js',
+						),
+						type: 'sourceFile',
+					}
+				}
+
+				if (
+					moduleName === 'react-native-web/dist/exports/Alert' &&
+					platform === 'web'
+				) {
+					return {
+						filePath: path.resolve(distPath, 'polyfills/alert.web.js'),
+						type: 'sourceFile',
+					}
+				}
+
+				// Override expo/fetch on web to use our proxy-enabled fetch
+				if (moduleName === 'expo/fetch' && platform === 'web') {
+					return {
+						filePath: path.resolve(distPath, 'polyfills/fetch.web.js'),
+						type: 'sourceFile',
+					}
+				}
+
+				if (originalResolveRequest) {
+					return originalResolveRequest(context, moduleName, platform)
+				}
+
+				return context.resolveRequest(context, moduleName, platform)
+			},
+		},
+	}
+
+	// Configure caching if enabled
+	if (enableCache) {
+		result.cacheStores = createCacheStores({
+			cacheDir: options.cacheDir,
+			httpEndpoint: options.httpEndpoint,
+			httpTimeout: options.httpTimeout,
+			httpMaxConnections: options.httpMaxConnections,
+			httpMaxConcurrent: options.httpMaxConcurrent,
+		})
+
+		result.cacheVersion =
+			options.cacheVersion || process.env.METRO_CACHE_VERSION || '1'
+	}
+
+	return result
 }
 
-module.exports = { withVibecodeMetro };
+module.exports = { withVibecodeMetro }

package/metro/index.d.ts

@@ -1,26 +1,26 @@
-import type { MetroConfig } from "metro-config";
+import type { MetroConfig } from 'metro-config'
 
 export interface VibecodeMetroOptions {
-  /** Enable cache configuration (default: true) */
-  enableCache?: boolean;
-  /** Local cache directory (default: ~/.metro-cache) */
-  cacheDir?: string;
-  /** Cache version string (default: "1") */
-  cacheVersion?: string;
-  /** HTTP/2 cache server endpoint */
-  httpEndpoint?: string;
-  /** HTTP request timeout in ms (default: 30000) */
-  httpTimeout?: number;
-  /** HTTP/2 connection pool size (default: 64) */
-  httpMaxConnections?: number;
-  /** Max concurrent HTTP requests (default: 256) */
-  httpMaxConcurrent?: number;
+	/** Enable cache configuration (default: true) */
+	enableCache?: boolean
+	/** Local cache directory (default: ~/.metro-cache) */
+	cacheDir?: string
+	/** Cache version string (default: "1") */
+	cacheVersion?: string
+	/** HTTP/2 cache server endpoint */
+	httpEndpoint?: string
+	/** HTTP request timeout in ms (default: 30000) */
+	httpTimeout?: number
+	/** HTTP/2 connection pool size (default: 64) */
+	httpMaxConnections?: number
+	/** Max concurrent HTTP requests (default: 256) */
+	httpMaxConcurrent?: number
 }
 
 /**
  * Wrap a Metro config with Vibecode enhancements.
  */
 export function withVibecodeMetro(
-  config: MetroConfig,
-  options?: VibecodeMetroOptions
-): MetroConfig;
+	config: MetroConfig,
+	options?: VibecodeMetroOptions,
+): MetroConfig