@vibecodeapp/sdk 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 vibecode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,110 @@
+# @vibecodeapp/sdk
+
+SDK for Vibecodeapp.com - Web polyfills and Metro configuration for React Native.
+
+## Installation
+
+```bash
+npm install @vibecodeapp/sdk
+# or
+yarn add @vibecodeapp/sdk
+# or
+pnpm add @vibecodeapp/sdk
+```
+
+## Metro Configuration
+
+The SDK provides a Metro wrapper that adds:
+- Web polyfills for native modules
+- HTTP/2 remote cache support
+- Configurable local file caching
+
+### Basic Usage
+
+```javascript
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { withVibecodeMetro } = require("@vibecodeapp/sdk/metro");
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withVibecodeMetro(config);
+```
+
+### With NativeWind
+
+```javascript
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+const { withVibecodeMetro } = require("@vibecodeapp/sdk/metro");
+
+const config = getDefaultConfig(__dirname);
+
+// Apply Vibecode config first, then NativeWind
+module.exports = withNativeWind(
+  withVibecodeMetro(config),
+  { input: "./global.css" }
+);
+```
+
+### With Remote HTTP Cache
+
+```javascript
+// metro.config.js
+const { getDefaultConfig } = require("expo/metro-config");
+const { withVibecodeMetro } = require("@vibecodeapp/sdk/metro");
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withVibecodeMetro(config, {
+  httpEndpoint: process.env.METRO_CACHE_HTTP_ENDPOINT,
+  httpTimeout: 30000,
+  httpMaxConnections: 64,
+  httpMaxConcurrent: 256,
+});
+```
+
+### Configuration Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `enableCache` | boolean | `true` | Enable cache configuration |
+| `cacheDir` | string | `~/.metro-cache` | Local cache directory |
+| `cacheVersion` | string | `"1"` | Cache version (increment to invalidate) |
+| `httpEndpoint` | string | - | HTTP/2 cache server URL |
+| `httpTimeout` | number | `30000` | HTTP request timeout (ms) |
+| `httpMaxConnections` | number | `64` | HTTP/2 connection pool size |
+| `httpMaxConcurrent` | number | `256` | Max concurrent HTTP requests |
+
+### Environment Variables
+
+The SDK also respects these environment variables:
+
+| Variable | Description |
+|----------|-------------|
+| `METRO_CACHE_DIR` | Local cache directory |
+| `METRO_CACHE_VERSION` | Cache version string |
+| `METRO_CACHE_HTTP_ENDPOINT` | HTTP/2 cache server URL |
+
+## Web Polyfills
+
+The SDK automatically provides web polyfills for:
+
+| Native Module | Web Implementation |
+|---------------|-------------------|
+| `expo-haptics` | Vibration API |
+| `expo-secure-store` | localStorage |
+| `react-native-maps` | Google Maps (`@teovilla/react-native-web-maps`) |
+| `RefreshControl` | Custom PanResponder implementation |
+| `Alert` | Web-compatible alert dialog |
+
+### Environment Variables for Polyfills
+
+| Variable | Purpose |
+|----------|---------|
+| `EXPO_PUBLIC_GOOGLE_MAPS_API_KEY` | Google Maps API key (for web maps) |
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Vibecode SDK - AI-powered mobile app builder toolkit
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,CAAA"}

package/dist/index.js

@@ -0,0 +1,7 @@
+/**
+ * Vibecode SDK - AI-powered mobile app builder toolkit
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/dist/polyfills/alert.web.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Web polyfill for React Native Alert
+ */
+import AlertNew from "@blazejkustra/react-native-alert";
+export default AlertNew;
+//# sourceMappingURL=alert.web.d.ts.map

package/dist/polyfills/alert.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.web.d.ts","sourceRoot":"","sources":["../../src/polyfills/alert.web.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AAExD,eAAe,QAAQ,CAAC"}

package/dist/polyfills/alert.web.js

@@ -0,0 +1,6 @@
+/**
+ * Web polyfill for React Native Alert
+ */
+import AlertNew from "@blazejkustra/react-native-alert";
+export default AlertNew;
+//# sourceMappingURL=alert.web.js.map

package/dist/polyfills/alert.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.web.js","sourceRoot":"","sources":["../../src/polyfills/alert.web.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AAExD,eAAe,QAAQ,CAAC"}

package/dist/polyfills/haptics.web.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Web polyfill for expo-haptics using the Vibration API
+ *
+ * This provides haptic-like feedback on web browsers that support vibration.
+ */
+export declare enum NotificationFeedbackType {
+    Success = "success",
+    Warning = "warning",
+    Error = "error"
+}
+export declare enum ImpactFeedbackStyle {
+    Light = "light",
+    Medium = "medium",
+    Heavy = "heavy",
+    Soft = "soft",
+    Rigid = "rigid"
+}
+export declare function selectionAsync(): Promise<void>;
+export declare function notificationAsync(type?: NotificationFeedbackType): Promise<void>;
+export declare function impactAsync(style?: ImpactFeedbackStyle): Promise<void>;
+//# sourceMappingURL=haptics.web.d.ts.map

package/dist/polyfills/haptics.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptics.web.d.ts","sourceRoot":"","sources":["../../src/polyfills/haptics.web.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAsBD,wBAAsB,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC,CAKpD;AAED,wBAAsB,iBAAiB,CACrC,IAAI,GAAE,wBAA2D,GAChE,OAAO,CAAC,IAAI,CAAC,CAKf;AAED,wBAAsB,WAAW,CAC/B,KAAK,GAAE,mBAAgD,GACtD,OAAO,CAAC,IAAI,CAAC,CAKf"}

package/dist/polyfills/haptics.web.js

@@ -0,0 +1,54 @@
+/**
+ * Web polyfill for expo-haptics using the Vibration API
+ *
+ * This provides haptic-like feedback on web browsers that support vibration.
+ */
+export var NotificationFeedbackType;
+(function (NotificationFeedbackType) {
+    NotificationFeedbackType["Success"] = "success";
+    NotificationFeedbackType["Warning"] = "warning";
+    NotificationFeedbackType["Error"] = "error";
+})(NotificationFeedbackType || (NotificationFeedbackType = {}));
+export var ImpactFeedbackStyle;
+(function (ImpactFeedbackStyle) {
+    ImpactFeedbackStyle["Light"] = "light";
+    ImpactFeedbackStyle["Medium"] = "medium";
+    ImpactFeedbackStyle["Heavy"] = "heavy";
+    ImpactFeedbackStyle["Soft"] = "soft";
+    ImpactFeedbackStyle["Rigid"] = "rigid";
+})(ImpactFeedbackStyle || (ImpactFeedbackStyle = {}));
+const vibrationPatterns = {
+    [NotificationFeedbackType.Success]: [40, 100, 40],
+    [NotificationFeedbackType.Warning]: [50, 100, 50],
+    [NotificationFeedbackType.Error]: [60, 100, 60, 100, 60],
+    [ImpactFeedbackStyle.Light]: [40],
+    [ImpactFeedbackStyle.Medium]: [50],
+    [ImpactFeedbackStyle.Heavy]: [60],
+    [ImpactFeedbackStyle.Soft]: [35],
+    [ImpactFeedbackStyle.Rigid]: [45],
+    selection: [50],
+};
+function isVibrationAvailable() {
+    return (typeof window !== "undefined" &&
+        "navigator" in window &&
+        "vibrate" in navigator);
+}
+export async function selectionAsync() {
+    if (!isVibrationAvailable()) {
+        return;
+    }
+    navigator.vibrate(vibrationPatterns.selection);
+}
+export async function notificationAsync(type = NotificationFeedbackType.Success) {
+    if (!isVibrationAvailable()) {
+        return;
+    }
+    navigator.vibrate(vibrationPatterns[type]);
+}
+export async function impactAsync(style = ImpactFeedbackStyle.Medium) {
+    if (!isVibrationAvailable()) {
+        return;
+    }
+    navigator.vibrate(vibrationPatterns[style]);
+}
+//# sourceMappingURL=haptics.web.js.map

package/dist/polyfills/haptics.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"haptics.web.js","sourceRoot":"","sources":["../../src/polyfills/haptics.web.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,+CAAmB,CAAA;IACnB,2CAAe,CAAA;AACjB,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAED,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,wCAAiB,CAAA;IACjB,sCAAe,CAAA;IACf,oCAAa,CAAA;IACb,sCAAe,CAAA;AACjB,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AAED,MAAM,iBAAiB,GAAsC;IAC3D,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;IACjD,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;IACjD,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;IACxD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACjC,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;IAClC,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACjC,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IAChC,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACjC,SAAS,EAAE,CAAC,EAAE,CAAC;CAChB,CAAC;AAEF,SAAS,oBAAoB;IAC3B,OAAO,CACL,OAAO,MAAM,KAAK,WAAW;QAC7B,WAAW,IAAI,MAAM;QACrB,SAAS,IAAI,SAAS,CACvB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc;IAClC,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC;QAC5B,OAAO;IACT,CAAC;IACD,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,iBAAiB,CACrC,OAAiC,wBAAwB,CAAC,OAAO;IAEjE,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC;QAC5B,OAAO;IACT,CAAC;IACD,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAC/B,QAA6B,mBAAmB,CAAC,MAAM;IAEvD,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC;QAC5B,OAAO;IACT,CAAC;IACD,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9C,CAAC"}

package/dist/polyfills/maps.web.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Web polyfill for react-native-maps using Google Maps
+ */
+import React from "react";
+export declare const PROVIDER_GOOGLE = "google";
+export declare const PROVIDER_DEFAULT: undefined;
+declare const MapView: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export declare const Marker: any, Callout: any, Polyline: any, Polygon: any, Circle: any, Overlay: any, Heatmap: any, UrlTile: any, WMSTile: any, LocalTile: any;
+export default MapView;
+//# sourceMappingURL=maps.web.d.ts.map

package/dist/polyfills/maps.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps.web.d.ts","sourceRoot":"","sources":["../../src/polyfills/maps.web.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe,WAAW,CAAC;AACxC,eAAO,MAAM,gBAAgB,WAAY,CAAC;AAK1C,QAAA,MAAM,OAAO,kFAOX,CAAC;AAUH,eAAO,MACL,MAAM,OACN,OAAO,OACP,QAAQ,OACR,OAAO,OACP,MAAM,OACN,OAAO,OACP,OAAO,OACP,OAAO,OACP,OAAO,OACP,SAAS,KACA,CAAC;AAEZ,eAAe,OAAO,CAAC"}

package/dist/polyfills/maps.web.js

@@ -0,0 +1,27 @@
+/**
+ * Web polyfill for react-native-maps using Google Maps
+ */
+// @ts-nocheck
+import WebMapView, * as WebMaps from "@teovilla/react-native-web-maps";
+import React from "react";
+export const PROVIDER_GOOGLE = "google";
+export const PROVIDER_DEFAULT = undefined;
+const GOOGLE_MAPS_API_KEY = process.env
+    .EXPO_PUBLIC_GOOGLE_MAPS_API_KEY;
+const MapView = React.forwardRef((props, ref) => {
+    return React.createElement(WebMapView, {
+        ref,
+        googleMapsApiKey: GOOGLE_MAPS_API_KEY,
+        ...props,
+        provider: PROVIDER_GOOGLE,
+    });
+});
+MapView.displayName = "MapView";
+Object.assign(MapView, {
+    ...WebMaps,
+    PROVIDER_GOOGLE,
+    PROVIDER_DEFAULT,
+});
+export const { Marker, Callout, Polyline, Polygon, Circle, Overlay, Heatmap, UrlTile, WMSTile, LocalTile, } = WebMaps;
+export default MapView;
+//# sourceMappingURL=maps.web.js.map

package/dist/polyfills/maps.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps.web.js","sourceRoot":"","sources":["../../src/polyfills/maps.web.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc;AACd,OAAO,UAAU,EAAE,KAAK,OAAO,MAAM,iCAAiC,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC;AACxC,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAE1C,MAAM,mBAAmB,GAAI,OAAO,CAAC,GAAW;KAC7C,+BAAqD,CAAC;AAEzD,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAU,EAAE,GAAG,EAAE,EAAE;IACnD,OAAO,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;QACrC,GAAG;QACH,gBAAgB,EAAE,mBAAmB;QACrC,GAAG,KAAK;QACR,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IACrB,GAAG,OAAO;IACV,eAAe;IACf,gBAAgB;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,EACX,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,GACV,GAAG,OAAO,CAAC;AAEZ,eAAe,OAAO,CAAC"}

package/dist/polyfills/refresh-control-component.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Web polyfill for React Native RefreshControl
+ *
+ * Implements pull-to-refresh functionality using PanResponder on web.
+ */
+import React from "react";
+interface WebRefreshControlProps {
+    refreshing: boolean;
+    tintColor?: string;
+    colors?: string[];
+    style?: any;
+    progressViewOffset?: number;
+    children?: React.ReactNode;
+    onRefresh?: () => void;
+    enabled?: boolean;
+}
+export default function WebRefreshControl({ refreshing, tintColor, colors, style, progressViewOffset, children, onRefresh, enabled, }: WebRefreshControlProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=refresh-control-component.d.ts.map

package/dist/polyfills/refresh-control-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-control-component.d.ts","sourceRoot":"","sources":["../../src/polyfills/refresh-control-component.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,UAAU,EACV,SAAS,EACT,MAAM,EACN,KAAK,EACL,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,sBAAsB,2CAoJxB"}

package/dist/polyfills/refresh-control-component.js

@@ -0,0 +1,120 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Web polyfill for React Native RefreshControl
+ *
+ * Implements pull-to-refresh functionality using PanResponder on web.
+ */
+// @ts-nocheck
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+// Import from react-native-web directly to avoid infinite loop
+// (metro redirects "react-native" to our polyfill on web)
+import { ActivityIndicator, Animated, PanResponder, View, } from "react-native-web";
+export default function WebRefreshControl({ refreshing, tintColor, colors, style, progressViewOffset, children, onRefresh, enabled, }) {
+    const onRefreshRef = useRef(onRefresh);
+    useEffect(() => {
+        onRefreshRef.current = onRefresh;
+    }, [onRefresh]);
+    const enabledRef = useRef(enabled);
+    useEffect(() => {
+        enabledRef.current = enabled;
+    }, [enabled]);
+    const containerRef = useRef(null);
+    const pullPosReachedState = useRef(0);
+    const pullDownSwipeMargin = useRef(new Animated.Value(0));
+    useEffect(() => {
+        Animated.timing(pullDownSwipeMargin.current, {
+            toValue: refreshing ? 50 : 0,
+            duration: 350,
+            useNativeDriver: false,
+        }).start();
+        if (refreshing) {
+            pullPosReachedState.current = 0;
+        }
+    }, [refreshing]);
+    const onPanResponderFinish = useCallback(() => {
+        if (pullPosReachedState.current && onRefreshRef.current) {
+            onRefreshRef.current();
+        }
+        if (!pullPosReachedState.current) {
+            Animated.timing(pullDownSwipeMargin.current, {
+                toValue: 0,
+                duration: 350,
+                useNativeDriver: false,
+            }).start();
+        }
+    }, []);
+    const panResponder = useRef(PanResponder.create({
+        onStartShouldSetPanResponder: () => false,
+        onStartShouldSetPanResponderCapture: () => false,
+        onMoveShouldSetPanResponder: (_, gestureState) => {
+            if (!containerRef.current)
+                return false;
+            // React 19 fix: use direct DOM traversal instead of findNodeHandle
+            const scrollContainer = containerRef.current?.firstChild;
+            if (!scrollContainer)
+                return false;
+            return (scrollContainer.scrollTop === 0 &&
+                Math.abs(gestureState.dy) > Math.abs(gestureState.dx) * 2 &&
+                Math.abs(gestureState.vy) > Math.abs(gestureState.vx) * 2.5);
+        },
+        onMoveShouldSetPanResponderCapture: () => false,
+        onPanResponderMove: (_, gestureState) => {
+            if (enabledRef.current !== undefined && !enabledRef.current)
+                return;
+            const adjustedDy = gestureState.dy <= 0
+                ? 0
+                : (gestureState.dy * 150) / (gestureState.dy + 120); // Diminishing returns function
+            pullDownSwipeMargin.current.setValue(adjustedDy);
+            const newValue = adjustedDy > 45 ? 1 : 0;
+            if (newValue !== pullPosReachedState.current) {
+                pullPosReachedState.current = newValue;
+            }
+        },
+        onPanResponderTerminationRequest: () => true,
+        onPanResponderRelease: onPanResponderFinish,
+        onPanResponderTerminate: onPanResponderFinish,
+    }));
+    const refreshIndicatorColor = useMemo(() => (tintColor ? tintColor : colors && colors.length ? colors[0] : null), [colors, tintColor]);
+    const containerStyle = useMemo(() => [
+        style,
+        // @ts-ignore - overflowY is valid on web
+        { overflowY: "hidden", overflow: "hidden", paddingTop: progressViewOffset },
+    ], [progressViewOffset, style]);
+    const indicatorTransformStyle = useMemo(() => ({
+        alignSelf: "center",
+        justifyContent: "center",
+        alignItems: "center",
+        marginTop: -40,
+        height: 40,
+        transform: [{ translateY: pullDownSwipeMargin.current }],
+    }), []);
+    // This is messing with react-native-web's internal implementation
+    // Will probably break if anything changes on their end
+    const AnimatedContentContainer = useMemo(() => {
+        const childElement = children;
+        if (!childElement?.props?.children?.type)
+            return null;
+        return withAnimated((childProps) => React.createElement(childElement.props.children.type, childProps));
+    }, [children]);
+    const childElement = children;
+    const newContentContainerStyle = useMemo(() => [
+        childElement?.props?.children?.props?.style,
+        { transform: [{ translateY: pullDownSwipeMargin.current }] },
+    ], [childElement?.props?.children?.props?.style]);
+    if (!childElement || !AnimatedContentContainer) {
+        return _jsx(_Fragment, { children: children });
+    }
+    const newChildren = React.cloneElement(childElement, {}, _jsxs(_Fragment, { children: [_jsx(Animated.View, { style: indicatorTransformStyle, children: _jsx(ActivityIndicator, { color: refreshIndicatorColor || "#999999", size: "small" }) }), _jsx(AnimatedContentContainer, { ...childElement.props.children.props, style: newContentContainerStyle })] }));
+    return (_jsx(View, { ref: containerRef, style: containerStyle, ...panResponder.current.panHandlers, children: newChildren }));
+}
+function withAnimated(WrappedComponent) {
+    const displayName = WrappedComponent.displayName || WrappedComponent.name || "Component";
+    class WithAnimated extends React.Component {
+        render() {
+            return _jsx(WrappedComponent, { ...this.props });
+        }
+    }
+    WithAnimated.displayName = `WithAnimated(${displayName})`;
+    return Animated.createAnimatedComponent(WithAnimated);
+}
+//# sourceMappingURL=refresh-control-component.js.map

package/dist/polyfills/refresh-control-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh-control-component.js","sourceRoot":"","sources":["../../src/polyfills/refresh-control-component.tsx"],"names":[],"mappings":"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"}

package/dist/polyfills/secure-store.web.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Web polyfill for expo-secure-store using localStorage
+ *
+ * Note: localStorage is not truly "secure" on web, but provides similar API.
+ */
+export type KeychainAccessibilityConstant = number;
+export declare const AFTER_FIRST_UNLOCK: number, AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY: number, ALWAYS: number, WHEN_PASSCODE_SET_THIS_DEVICE_ONLY: number, ALWAYS_THIS_DEVICE_ONLY: number, WHEN_UNLOCKED: number, WHEN_UNLOCKED_THIS_DEVICE_ONLY: number;
+export type SecureStoreOptions = {
+    keychainService?: string;
+    requireAuthentication?: boolean;
+    authenticationPrompt?: string;
+    keychainAccessible?: KeychainAccessibilityConstant;
+};
+export declare function isAvailableAsync(): Promise<boolean>;
+export declare function deleteItemAsync(key: string, _options?: SecureStoreOptions): Promise<void>;
+export declare function getItemAsync(key: string, _options?: SecureStoreOptions): Promise<string | null>;
+export declare function setItemAsync(key: string, value: string, _options?: SecureStoreOptions): Promise<void>;
+export declare function setItem(key: string, value: string, _options?: SecureStoreOptions): void;
+export declare function getItem(key: string, _options?: SecureStoreOptions): string | null;
+export declare function canUseBiometricAuthentication(): boolean;
+//# sourceMappingURL=secure-store.web.d.ts.map

package/dist/polyfills/secure-store.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-store.web.d.ts","sourceRoot":"","sources":["../../src/polyfills/secure-store.web.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AAEnD,eAAO,MACL,kBAAkB,UAClB,mCAAmC,UACnC,MAAM,UACN,kCAAkC,UAClC,uBAAuB,UACvB,aAAa,UACb,8BAA8B,QACV,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,6BAA6B,CAAC;CACpD,CAAC;AAkBF,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,OAAO,CAAC,CAYzD;AAED,wBAAsB,eAAe,CACnC,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,kBAAuB,GAChC,OAAO,CAAC,IAAI,CAAC,CAEf;AAED,wBAAsB,YAAY,CAChC,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,kBAAuB,GAChC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAExB;AAED,wBAAsB,YAAY,CAChC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,GAAE,kBAAuB,GAChC,OAAO,CAAC,IAAI,CAAC,CAOf;AAED,wBAAgB,OAAO,CACrB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,GAAE,kBAAuB,GAChC,IAAI,CAON;AAED,wBAAgB,OAAO,CACrB,GAAG,EAAE,MAAM,EACX,QAAQ,GAAE,kBAAuB,GAChC,MAAM,GAAG,IAAI,CAEf;AAED,wBAAgB,6BAA6B,IAAI,OAAO,CAEvD"}

package/dist/polyfills/secure-store.web.js

@@ -0,0 +1,67 @@
+/**
+ * Web polyfill for expo-secure-store using localStorage
+ *
+ * Note: localStorage is not truly "secure" on web, but provides similar API.
+ */
+const VALUE_BYTES_LIMIT = 2048;
+const KEYCHAIN_CONSTANTS = {
+    AFTER_FIRST_UNLOCK: 0,
+    AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY: 1,
+    ALWAYS: 2,
+    WHEN_PASSCODE_SET_THIS_DEVICE_ONLY: 3,
+    ALWAYS_THIS_DEVICE_ONLY: 4,
+    WHEN_UNLOCKED: 5,
+    WHEN_UNLOCKED_THIS_DEVICE_ONLY: 6,
+};
+export const { AFTER_FIRST_UNLOCK, AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY, ALWAYS, WHEN_PASSCODE_SET_THIS_DEVICE_ONLY, ALWAYS_THIS_DEVICE_ONLY, WHEN_UNLOCKED, WHEN_UNLOCKED_THIS_DEVICE_ONLY, } = KEYCHAIN_CONSTANTS;
+function isValidValue(value) {
+    if (typeof value !== "string") {
+        return false;
+    }
+    if (new Blob([value]).size > VALUE_BYTES_LIMIT) {
+        console.warn(`Value being stored in SecureStore is larger than ${VALUE_BYTES_LIMIT} bytes and it may not be stored successfully.`);
+    }
+    return true;
+}
+function getStorageKey(key) {
+    return `_vibecode_secure_store_${key}`;
+}
+export async function isAvailableAsync() {
+    const testKey = "__SECURE_STORE_AVAILABILITY_TEST_KEY__";
+    try {
+        localStorage.setItem(testKey, "test");
+        if (localStorage.getItem(testKey) !== "test") {
+            return false;
+        }
+        localStorage.removeItem(testKey);
+        return localStorage.getItem(testKey) === null;
+    }
+    catch {
+        return false;
+    }
+}
+export async function deleteItemAsync(key, _options = {}) {
+    localStorage.removeItem(getStorageKey(key));
+}
+export async function getItemAsync(key, _options = {}) {
+    return localStorage.getItem(getStorageKey(key));
+}
+export async function setItemAsync(key, value, _options = {}) {
+    if (!isValidValue(value)) {
+        throw new Error("Invalid value provided to SecureStore. Values must be strings; consider JSON-encoding your values if they are serializable.");
+    }
+    localStorage.setItem(getStorageKey(key), value);
+}
+export function setItem(key, value, _options = {}) {
+    if (!isValidValue(value)) {
+        throw new Error("Invalid value provided to SecureStore. Values must be strings; consider JSON-encoding your values if they are serializable.");
+    }
+    localStorage.setItem(getStorageKey(key), value);
+}
+export function getItem(key, _options = {}) {
+    return localStorage.getItem(getStorageKey(key));
+}
+export function canUseBiometricAuthentication() {
+    return false;
+}
+//# sourceMappingURL=secure-store.web.js.map

package/dist/polyfills/secure-store.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-store.web.js","sourceRoot":"","sources":["../../src/polyfills/secure-store.web.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAE/B,MAAM,kBAAkB,GAAG;IACzB,kBAAkB,EAAE,CAAC;IACrB,mCAAmC,EAAE,CAAC;IACtC,MAAM,EAAE,CAAC;IACT,kCAAkC,EAAE,CAAC;IACrC,uBAAuB,EAAE,CAAC;IAC1B,aAAa,EAAE,CAAC;IAChB,8BAA8B,EAAE,CAAC;CAClC,CAAC;AAIF,MAAM,CAAC,MAAM,EACX,kBAAkB,EAClB,mCAAmC,EACnC,MAAM,EACN,kCAAkC,EAClC,uBAAuB,EACvB,aAAa,EACb,8BAA8B,GAC/B,GAAG,kBAAkB,CAAC;AASvB,SAAS,YAAY,CAAC,KAAa;IACjC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,IAAI,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,iBAAiB,EAAE,CAAC;QAC/C,OAAO,CAAC,IAAI,CACV,oDAAoD,iBAAiB,+CAA+C,CACrH,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,aAAa,CAAC,GAAW;IAChC,OAAO,0BAA0B,GAAG,EAAE,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB;IACpC,MAAM,OAAO,GAAG,wCAAwC,CAAC;IACzD,IAAI,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACtC,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,MAAM,EAAE,CAAC;YAC7C,OAAO,KAAK,CAAC;QACf,CAAC;QACD,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,OAAO,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAChD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CACnC,GAAW,EACX,WAA+B,EAAE;IAEjC,YAAY,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAChC,GAAW,EACX,WAA+B,EAAE;IAEjC,OAAO,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAChC,GAAW,EACX,KAAa,EACb,WAA+B,EAAE;IAEjC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CACb,6HAA6H,CAC9H,CAAC;IACJ,CAAC;IACD,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,GAAW,EACX,KAAa,EACb,WAA+B,EAAE;IAEjC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CACb,6HAA6H,CAC9H,CAAC;IACJ,CAAC;IACD,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,OAAO,CACrB,GAAW,EACX,WAA+B,EAAE;IAEjC,OAAO,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,6BAA6B;IAC3C,OAAO,KAAK,CAAC;AACf,CAAC"}

package/metro/index.cjs

@@ -0,0 +1,151 @@
+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/");
+
+/**
+ * Create cache stores array for Metro config.
+ *
+ * @param {Object} options
+ * @param {string} [options.cacheDir] - Local cache directory (default: ~/.metro-cache)
+ * @param {string} [options.httpEndpoint] - HTTP/2 cache server endpoint (optional)
+ * @param {number} [options.httpTimeout=30000] - HTTP cache timeout in ms
+ * @param {number} [options.httpMaxConnections=64] - Max HTTP/2 connections
+ * @param {number} [options.httpMaxConcurrent=256] - Max concurrent HTTP requests
+ * @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;
+}
+
+/**
+ * Wrap a Metro config with Vibecode enhancements.
+ *
+ * Features:
+ * - Web polyfills for expo-haptics, expo-secure-store, react-native-maps, etc.
+ * - Optional HTTP/2 remote cache store
+ * - Configurable cache settings
+ *
+ * @param {Object} config - Base Metro config
+ * @param {Object} [options]
+ * @param {boolean} [options.enableCache=true] - Enable cache configuration
+ * @param {string} [options.cacheDir] - Local cache directory
+ * @param {string} [options.cacheVersion] - Cache version string
+ * @param {string} [options.httpEndpoint] - HTTP/2 cache server endpoint
+ * @param {number} [options.httpTimeout] - HTTP cache timeout
+ * @param {number} [options.httpMaxConnections] - Max HTTP/2 connections
+ * @param {number} [options.httpMaxConcurrent] - Max concurrent requests
+ * @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;
+}
+
+module.exports = { withVibecodeMetro };

package/metro/index.d.ts

@@ -0,0 +1,26 @@
+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;
+}
+
+/**
+ * Wrap a Metro config with Vibecode enhancements.
+ */
+export function withVibecodeMetro(
+  config: MetroConfig,
+  options?: VibecodeMetroOptions
+): MetroConfig;

package/metro/metro-http-store.cjs

@@ -0,0 +1,274 @@
+/**
+ * HTTP/2 Metro Cache Store
+ *
+ * A Metro cache store implementation using HTTP/2 with:
+ * - Connection pool (default 8 connections) for higher throughput
+ * - Multiplexed requests over each connection
+ * - Concurrency limiting (configurable max concurrent requests)
+ * - Non-blocking writes (fire-and-forget)
+ * - Blocking reads
+ *
+ * Requires an HTTP/2 server - will fail on HTTP/1.1.
+ */
+
+const http2 = require("node:http2");
+const zlib = require("node:zlib");
+const { Buffer } = require("node:buffer");
+const pLimit = require("p-limit");
+
+const NULL_BYTE = 0x00;
+const NULL_BYTE_BUFFER = Buffer.from([NULL_BYTE]);
+
+const ZLIB_OPTIONS = {
+  level: 9,
+};
+
+class HttpStore {
+  #origin;
+  #path;
+  #timeout;
+  #sessions = [];
+  #maxConnections;
+  #nextSession = 0;
+  #limit;
+
+  /**
+   * @param {Object} options
+   * @param {string} options.endpoint - Full URL to the cache server (e.g., "https://cache.example.com/metro")
+   * @param {number} [options.timeout=10000] - Request timeout in milliseconds
+   * @param {number} [options.maxConnections=8] - Number of HTTP/2 connections in pool
+   * @param {number} [options.maxConcurrent=64] - Max concurrent requests in flight
+   */
+  constructor(options) {
+    const url = new URL(options.endpoint);
+    this.#origin = url.origin;
+    this.#path = url.pathname.replace(/\/$/, ""); // Remove trailing slash
+    this.#timeout = options.timeout ?? 10000;
+    this.#maxConnections = options.maxConnections ?? 8;
+    this.#limit = pLimit(options.maxConcurrent ?? 64);
+  }
+
+  /**
+   * Get an HTTP/2 session from the pool using round-robin.
+   * Lazily creates connections on first use.
+   * Never throws - returns null if connection fails.
+   */
+  #getSession() {
+    // Round-robin through connections
+    const index = this.#nextSession++ % this.#maxConnections;
+
+    // Check if we have a valid session at this index
+    const existing = this.#sessions[index];
+    if (existing && !existing.closed && !existing.destroyed) {
+      return existing;
+    }
+
+    // Create new session for this slot
+    try {
+      const session = http2.connect(this.#origin);
+
+      session.on("error", (err) => {
+        console.warn("[HttpStore] Session error:", err.message);
+        if (this.#sessions[index] === session) {
+          this.#sessions[index] = null;
+        }
+      });
+
+      session.on("close", () => {
+        if (this.#sessions[index] === session) {
+          this.#sessions[index] = null;
+        }
+      });
+
+      this.#sessions[index] = session;
+      return session;
+    } catch (err) {
+      console.warn("[HttpStore] Failed to connect:", err.message);
+      return null;
+    }
+  }
+
+  /**
+   * GET - Blocking read from cache.
+   * Returns null on any error (network, timeout, parse) - never throws.
+   * @param {Buffer} key
+   * @returns {Promise<any|null>}
+   */
+  async get(key) {
+    try {
+      return await this.#limit(() => this.#doGet(key));
+    } catch (err) {
+      console.warn("[HttpStore] Get failed:", err.message);
+      return null; // Fall back to next cache store (FileStore)
+    }
+  }
+
+  #doGet(key) {
+    return new Promise((resolve, reject) => {
+      const session = this.#getSession();
+      if (!session) {
+        reject(new Error("No session available"));
+        return;
+      }
+
+      const path = `${this.#path}/${key.toString("hex")}`;
+      const req = session.request({
+        ":method": "GET",
+        ":path": path,
+      });
+
+      const timeoutId = setTimeout(() => {
+        req.close(http2.constants.NGHTTP2_CANCEL);
+        reject(new Error("Request timed out"));
+      }, this.#timeout);
+
+      const chunks = [];
+
+      req.on("response", (headers) => {
+        const status = headers[":status"];
+
+        // 404 = cache miss
+        if (status === 404) {
+          clearTimeout(timeoutId);
+          req.close();
+          resolve(null);
+          return;
+        }
+
+        // Non-2xx = error
+        if (status < 200 || status >= 300) {
+          clearTimeout(timeoutId);
+          req.close();
+          reject(new Error(`HTTP error: ${status}`));
+          return;
+        }
+      });
+
+      req.on("data", (chunk) => {
+        chunks.push(chunk);
+      });
+
+      req.on("end", () => {
+        clearTimeout(timeoutId);
+
+        const compressed = Buffer.concat(chunks);
+        if (compressed.length === 0) {
+          resolve(null);
+          return;
+        }
+
+        // Decompress the response
+        zlib.gunzip(compressed, (err, buffer) => {
+          if (err) {
+            reject(err);
+            return;
+          }
+
+          try {
+            // If first byte is NULL_BYTE, it's a raw Buffer
+            if (buffer.length > 0 && buffer[0] === NULL_BYTE) {
+              resolve(buffer.subarray(1));
+            } else {
+              resolve(JSON.parse(buffer.toString("utf8")));
+            }
+          } catch (parseErr) {
+            reject(parseErr);
+          }
+        });
+      });
+
+      req.on("error", (err) => {
+        clearTimeout(timeoutId);
+        reject(err);
+      });
+
+      req.end();
+    });
+  }
+
+  /**
+   * SET - Non-blocking write to cache.
+   * Returns immediately, HTTP request happens in background.
+   * @param {Buffer} key
+   * @param {any} value
+   * @returns {Promise<void>}
+   */
+  set(key, value) {
+    // Fire and forget - queue the work but return immediately
+    this.#limit(() => this.#doSet(key, value)).catch((err) => {
+      console.warn("[HttpStore] Background write failed:", err.message);
+    });
+
+    return Promise.resolve();
+  }
+
+  #doSet(key, value) {
+    return new Promise((resolve, reject) => {
+      const session = this.#getSession();
+      if (!session) {
+        reject(new Error("No session available"));
+        return;
+      }
+
+      const path = `${this.#path}/${key.toString("hex")}`;
+
+      // Prepare data to compress
+      let data;
+      if (Buffer.isBuffer(value)) {
+        // Prepend NULL_BYTE marker for Buffer values
+        data = Buffer.concat([NULL_BYTE_BUFFER, value]);
+      } else {
+        data = Buffer.from(JSON.stringify(value) ?? "null", "utf8");
+      }
+
+      // Compress the data
+      zlib.gzip(data, ZLIB_OPTIONS, (err, compressed) => {
+        if (err) {
+          reject(err);
+          return;
+        }
+
+        const req = session.request({
+          ":method": "PUT",
+          ":path": path,
+          "content-type": "application/octet-stream",
+          "content-length": compressed.length,
+        });
+
+        const timeoutId = setTimeout(() => {
+          req.close(http2.constants.NGHTTP2_CANCEL);
+          reject(new Error("Request timed out"));
+        }, this.#timeout);
+
+        req.on("response", (headers) => {
+          const status = headers[":status"];
+
+          clearTimeout(timeoutId);
+
+          if (status >= 200 && status < 300) {
+            resolve();
+          } else {
+            reject(new Error(`HTTP error: ${status}`));
+          }
+        });
+
+        req.on("error", (err) => {
+          clearTimeout(timeoutId);
+          reject(err);
+        });
+
+        req.write(compressed);
+        req.end();
+      });
+    });
+  }
+
+  /**
+   * CLEAR - Not implemented.
+   */
+  clear() {
+    // No-op - Metro's HTTP cache protocol doesn't define a clear operation
+  }
+}
+
+module.exports = { HttpStore };

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@vibecodeapp/sdk",
+  "version": "0.1.0",
+  "description": "SDK for Vibecodeapp.com - Web polyfills and Metro configuration for React Native",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./metro": {
+      "default": "./metro/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "metro"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vibecode/vibecode-sdk.git"
+  },
+  "homepage": "https://github.com/vibecode/vibecode-sdk#readme",
+  "bugs": {
+    "url": "https://github.com/vibecode/vibecode-sdk/issues"
+  },
+  "license": "MIT",
+  "scripts": {
+		"build": "tsc",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "type-check": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "dependencies": {
+    "@blazejkustra/react-native-alert": "^1.0.0",
+    "@teovilla/react-native-web-maps": "^0.9.5",
+		"@stardazed/streams-text-encoding": "^1.0.2",
+    "assert": "^2.1.0",
+    "p-limit": "^3.1.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.3.8",
+    "@types/bun": "^1.3.4",
+    "@types/react": "19.1.11",
+    "react": "19.1.0",
+    "react-native": "0.81.4",
+    "react-native-web": "^0.21.2",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-web": "*",
+    "metro-cache": "*"
+  },
+  "type": "module"
+}