@vibecodeapp/sdk 0.4.2 → 0.4.4

package/dist/dev/Screenshot.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Native version of Screenshot
+ *
+ * This is a stub that does nothing on native platforms.
+ * The .web.tsx version handles web-specific screenshot functionality.
+ */
+export declare function VibeScreenshot(): null;
+//# sourceMappingURL=Screenshot.d.ts.map

package/dist/dev/Screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.d.ts","sourceRoot":"","sources":["../../src/dev/Screenshot.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wBAAgB,cAAc,SAE7B"}

package/dist/dev/Screenshot.js

@@ -0,0 +1,10 @@
+/**
+ * Native version of Screenshot
+ *
+ * This is a stub that does nothing on native platforms.
+ * The .web.tsx version handles web-specific screenshot functionality.
+ */
+export function VibeScreenshot() {
+    return null;
+}
+//# sourceMappingURL=Screenshot.js.map

package/dist/dev/Screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.js","sourceRoot":"","sources":["../../src/dev/Screenshot.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,UAAU,cAAc;IAC7B,OAAO,IAAI,CAAA;AACZ,CAAC"}

package/dist/dev/Screenshot.web.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Web version of Screenshot - listens for screenshot requests from parent iframe
+ *
+ * On web, this component listens for postMessage requests and captures
+ * the current page using html-to-image, then sends the result back.
+ */
+export declare function VibeScreenshot(): null;
+//# sourceMappingURL=Screenshot.web.d.ts.map

package/dist/dev/Screenshot.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.web.d.ts","sourceRoot":"","sources":["../../src/dev/Screenshot.web.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAkDH,wBAAgB,cAAc,SA2B7B"}

package/dist/dev/Screenshot.web.js

@@ -0,0 +1,62 @@
+/**
+ * Web version of Screenshot - listens for screenshot requests from parent iframe
+ *
+ * On web, this component listens for postMessage requests and captures
+ * the current page using html-to-image, then sends the result back.
+ */
+import { useEffect } from 'react';
+import { toPng } from 'html-to-image';
+async function captureScreenshot() {
+    const scale = window.devicePixelRatio || 1;
+    const width = document.body.scrollWidth;
+    const height = document.body.scrollHeight;
+    const image = await toPng(document.body, {
+        cacheBust: true,
+        pixelRatio: scale,
+    });
+    return {
+        image,
+        width: width * scale,
+        height: height * scale,
+    };
+}
+function postScreenshotToParent(data) {
+    try {
+        if (typeof window !== 'undefined' &&
+            window.parent &&
+            window.parent !== window) {
+            window.parent.postMessage(data, '*');
+        }
+    }
+    catch {
+        // Silently fail
+    }
+}
+export function VibeScreenshot() {
+    useEffect(() => {
+        const handleMessage = async (event) => {
+            if (event.data?.type === 'vibecode:screenshot:request') {
+                try {
+                    const { image, width, height } = await captureScreenshot();
+                    postScreenshotToParent({
+                        type: 'vibecode:screenshot:response',
+                        requestId: event.data.requestId,
+                        image,
+                        width,
+                        height,
+                        timestamp: Date.now(),
+                    });
+                }
+                catch (error) {
+                    // Failed to capture screenshot - silently fail
+                    console.warn('[Vibecode] Screenshot capture failed:', error);
+                }
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return () => window.removeEventListener('message', handleMessage);
+    }, []);
+    // This component renders nothing
+    return null;
+}
+//# sourceMappingURL=Screenshot.web.js.map

package/dist/dev/Screenshot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.web.js","sourceRoot":"","sources":["../../src/dev/Screenshot.web.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAgBrC,KAAK,UAAU,iBAAiB;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAA;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAA;IACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAA;IAEzC,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;QACxC,SAAS,EAAE,IAAI;QACf,UAAU,EAAE,KAAK;KACjB,CAAC,CAAA;IAEF,OAAO;QACN,KAAK;QACL,KAAK,EAAE,KAAK,GAAG,KAAK;QACpB,MAAM,EAAE,MAAM,GAAG,KAAK;KACtB,CAAA;AACF,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAwB;IACvD,IAAI,CAAC;QACJ,IACC,OAAO,MAAM,KAAK,WAAW;YAC7B,MAAM,CAAC,MAAM;YACb,MAAM,CAAC,MAAM,KAAK,MAAM,EACvB,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACrC,CAAC;IACF,CAAC;IAAC,MAAM,CAAC;QACR,gBAAgB;IACjB,CAAC;AACF,CAAC;AAED,MAAM,UAAU,cAAc;IAC7B,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,aAAa,GAAG,KAAK,EAAE,KAAsC,EAAE,EAAE;YACtE,IAAI,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,6BAA6B,EAAE,CAAC;gBACxD,IAAI,CAAC;oBACJ,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,iBAAiB,EAAE,CAAA;oBAC1D,sBAAsB,CAAC;wBACtB,IAAI,EAAE,8BAA8B;wBACpC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;wBAC/B,KAAK;wBACL,KAAK;wBACL,MAAM;wBACN,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;qBACrB,CAAC,CAAA;gBACH,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBAChB,+CAA+C;oBAC/C,OAAO,CAAC,IAAI,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAA;gBAC7D,CAAC;YACF,CAAC;QACF,CAAC,CAAA;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,iCAAiC;IACjC,OAAO,IAAI,CAAA;AACZ,CAAC"}

package/dist/dev/VibeDevWrapper.d.ts

@@ -4,6 +4,7 @@
  * Automatically wraps the root layout with necessary providers.
  * Currently includes VibeSafeInsets for safe area handling on web.
  * VibeErrorBoundary for error reporting on web.
+ * VibeScreenshot for screenshot capture on web.
  */
 import type { PropsWithChildren } from 'react';
 export declare function VibeDevWrapper({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/dev/VibeDevWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VibeDevWrapper.d.ts","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAI9C,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAQ7D"}
+{"version":3,"file":"VibeDevWrapper.d.ts","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAK9C,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAS7D"}

package/dist/dev/VibeDevWrapper.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { VibeErrorBoundary } from './error-boundry/ErrorBoundary';
 import { VibeSafeInsets } from './safe-inserts/safe-insets';
+import { VibeScreenshot } from './Screenshot';
 export function VibeDevWrapper({ children }) {
-    return (_jsx(VibeErrorBoundary, { children: _jsx(VibeSafeInsets, { children: children }) }));
+    return (_jsx(VibeErrorBoundary, { children: _jsxs(VibeSafeInsets, { children: [_jsx(VibeScreenshot, {}), children] }) }));
 }
 //# sourceMappingURL=VibeDevWrapper.js.map

package/dist/dev/VibeDevWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeDevWrapper.js","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAqB;IAC7D,OAAO,CACN,KAAC,iBAAiB,cACjB,KAAC,cAAc,cACb,QAAQ,GACO,GACE,CACpB,CAAA;AACF,CAAC"}
+{"version":3,"file":"VibeDevWrapper.js","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAqB;IAC7D,OAAO,CACN,KAAC,iBAAiB,cACjB,MAAC,cAAc,eACd,KAAC,cAAc,KAAG,EACjB,QAAQ,IACO,GACE,CACpB,CAAA;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vibecodeapp/sdk",
-	"version": "0.4.2",
+	"version": "0.4.4",
 	"description": "SDK for Vibecodeapp.com - Web polyfills and Metro configuration for React Native",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -40,6 +40,7 @@
 		"@teovilla/react-native-web-maps": "^0.9.5",
 		"@stardazed/streams-text-encoding": "^1.0.2",
 		"assert": "^2.1.0",
+		"html-to-image": "^1.11.11",
 		"p-limit": "^3.1.0"
 	},
 	"devDependencies": {
@@ -55,7 +56,7 @@
 		"react": "*",
 		"react-native": "*",
 		"react-native-web": "*",
-		"react-native-safe-area-context": "^5.6.2",
+		"react-native-safe-area-context": "*",
 		"react-native-svg-transformer": "*",
 		"metro-cache": "*",
 		"expo-status-bar": "*"