@vibecodeapp/sdk 0.4.7 → 0.4.9

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

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

package/dist/dev/Screenshot.web.js

@@ -17,8 +17,9 @@ function isChromium() {
 async function captureScreenshot() {
     const scale = window.devicePixelRatio || 1;
     if (isChromium()) {
-        // Use html-to-image for Chromium 
-        const { toBlob } = await import('html-to-image');
+        // Use html-to-image for Chromium
+        // biome-ignore lint/style/noCommonJs
+        const { toBlob } = require('html-to-image');
         const width = document.body.scrollWidth;
         const height = document.body.scrollHeight;
         const blob = await toBlob(document.body, {
@@ -37,7 +38,8 @@ async function captureScreenshot() {
         };
     }
     // Use html2canvas for Safari/Firefox
-    const { default: html2canvas } = await import('html2canvas');
+    // biome-ignore lint/style/noCommonJs
+    const html2canvas = require('html2canvas').default;
     const canvas = await html2canvas(document.body, {
         useCORS: true,
         allowTaint: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Screenshot.web.js","sourceRoot":"","sources":["../../src/dev/Screenshot.web.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Screenshot.web.js","sourceRoot":"","sources":["../../src/dev/Screenshot.web.tsx"],"names":[],"mappings":"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"}

package/dist/dev/Select.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Native stub for element selection.
+ * Returns null.
+ */
+export declare function VibeSelect(): null;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/dev/Select.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,UAAU,SAEzB"}

package/dist/dev/Select.js

@@ -0,0 +1,8 @@
+/**
+ * Native stub for element selection.
+ * Returns null.
+ */
+export function VibeSelect() {
+    return null;
+}
+//# sourceMappingURL=Select.js.map

package/dist/dev/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/dev/Select.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,UAAU;IACzB,OAAO,IAAI,CAAA;AACZ,CAAC"}

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

@@ -0,0 +1,17 @@
+/**
+ * Element Selection Module (Web)
+ *
+ * Enables visual element selection within the iframe. When the parent sends
+ * 'vibecode:select:start', this component activates selection mode:
+ *
+ * - Hovering an element highlights it (blue outline)
+ * - Clicking an element locks it as selected (green outline) and notifies parent
+ * - Cmd/Ctrl + click for multi-select
+ * - Parent confirms via 'vibecode:select:confirm' to finalize
+ * - Parent can cancel via 'vibecode:select:cancel'
+ *
+ * Only one selection session can be active at a time.
+ * All event listeners use capture phase to intercept before the app.
+ */
+export declare function VibeSelect(): null;
+//# sourceMappingURL=Select.web.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.web.d.ts","sourceRoot":"","sources":["../../src/dev/Select.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA2RH,wBAAgB,UAAU,SAiBzB"}

package/dist/dev/Select.web.js

@@ -0,0 +1,464 @@
+/**
+ * Element Selection Module (Web)
+ *
+ * Enables visual element selection within the iframe. When the parent sends
+ * 'vibecode:select:start', this component activates selection mode:
+ *
+ * - Hovering an element highlights it (blue outline)
+ * - Clicking an element locks it as selected (green outline) and notifies parent
+ * - Cmd/Ctrl + click for multi-select
+ * - Parent confirms via 'vibecode:select:confirm' to finalize
+ * - Parent can cancel via 'vibecode:select:cancel'
+ *
+ * Only one selection session can be active at a time.
+ * All event listeners use capture phase to intercept before the app.
+ */
+import { useEffect } from 'react';
+const HOVERED_ATTR = 'data-vibecode-hovered';
+const SELECTED_ATTR = 'data-vibecode-selected';
+const CHILD_ATTR = 'data-vibecode-child';
+/** Cleanup function for the active selection session */
+let activeSession = null;
+/** Confirm handler for the active session */
+let confirmHandler = null;
+/**
+ * Extract React fiber info if available.
+ */
+function getReactInfo(el) {
+    try {
+        const fiberKey = Object.keys(el).find((key) => key.startsWith('__reactFiber') || key.startsWith('__reactInternalInstance'));
+        if (!fiberKey)
+            return null;
+        const fiber = el[fiberKey];
+        if (!fiber)
+            return null;
+        let componentName = null;
+        const fiberType = fiber.type;
+        if (fiberType && typeof fiberType === 'object') {
+            componentName = fiberType.displayName || fiberType.name || null;
+        }
+        else if (typeof fiberType === 'string') {
+            componentName = fiberType;
+        }
+        const source = fiber._debugSource;
+        // Map to sourceInfo format to align with webapp
+        if (source?.fileName) {
+            return {
+                fileName: source.fileName,
+                lineNumber: source.lineNumber || null,
+                columnNumber: source.columnNumber || null,
+                displayName: el.tagName.toLowerCase(),
+                componentName,
+            };
+        }
+        return null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Extract inline styles from element.
+ */
+function getInlineStyles(el) {
+    const htmlEl = el;
+    const result = {};
+    if (htmlEl.style) {
+        for (let i = 0; i < htmlEl.style.length; i++) {
+            const prop = htmlEl.style[i];
+            result[prop] = htmlEl.style.getPropertyValue(prop);
+        }
+    }
+    return result;
+}
+/**
+ * Get classes as array from element.
+ */
+function getClasses(el) {
+    const className = el.className && typeof el.className === 'string' ? el.className : '';
+    return className.trim() ? className.trim().split(/\s+/) : [];
+}
+/**
+ * Get ancestor hierarchy up to maxDepth levels.
+ */
+function getAncestors(el, maxDepth = 5) {
+    const ancestors = [];
+    let current = el.parentElement;
+    let depth = 0;
+    while (current && current !== document.documentElement && depth < maxDepth) {
+        ancestors.push({
+            tagName: current.tagName.toLowerCase(),
+            id: current.id || null,
+            classes: getClasses(current),
+        });
+        current = current.parentElement;
+        depth++;
+    }
+    return ancestors;
+}
+/**
+ * Get direct children summary.
+ */
+function getChildren(el, maxCount = 10) {
+    return Array.from(el.children)
+        .slice(0, maxCount)
+        .map((child) => ({
+        tagName: child.tagName.toLowerCase(),
+        id: child.id || null,
+        classes: getClasses(child),
+    }));
+}
+/**
+ * Extract comprehensive metadata from an element.
+ */
+function getElementMetadata(el) {
+    const rect = el.getBoundingClientRect();
+    const htmlEl = el;
+    const inputEl = el;
+    const anchorEl = el;
+    const imgEl = el;
+    // Attributes (excluding class - use classes array instead)
+    const attributes = {};
+    for (let i = 0; i < el.attributes.length; i++) {
+        const attr = el.attributes[i];
+        if (attr.name !== 'class') {
+            attributes[attr.name] = attr.value;
+        }
+    }
+    // Computed styles
+    const styles = getComputedStyle(el);
+    const computedStyles = {
+        color: styles.color,
+        fontSize: styles.fontSize,
+        fontWeight: styles.fontWeight,
+        fontFamily: styles.fontFamily,
+        lineHeight: styles.lineHeight,
+        textAlign: styles.textAlign,
+        backgroundColor: styles.backgroundColor,
+        display: styles.display,
+        position: styles.position,
+        width: styles.width,
+        height: styles.height,
+        padding: styles.padding,
+        margin: styles.margin,
+        border: styles.border,
+        borderRadius: styles.borderRadius,
+        opacity: styles.opacity,
+        zIndex: styles.zIndex,
+    };
+    // Form element info
+    const isFormElement = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON'].includes(el.tagName);
+    const inputInfo = isFormElement
+        ? {
+            type: inputEl.type || null,
+            name: inputEl.name || null,
+            placeholder: inputEl.placeholder || null,
+            value: inputEl.value || null,
+        }
+        : null;
+    // Media element info
+    const isMediaElement = ['IMG', 'VIDEO', 'AUDIO', 'SOURCE'].includes(el.tagName);
+    const mediaInfo = isMediaElement
+        ? {
+            src: imgEl.src || null,
+            alt: imgEl.alt || null,
+            srcset: imgEl.srcset || null,
+        }
+        : null;
+    // Link element info
+    const isLinkElement = el.tagName === 'A';
+    const linkInfo = isLinkElement
+        ? {
+            href: anchorEl.href || null,
+            target: anchorEl.target || null,
+        }
+        : null;
+    return {
+        tagName: el.tagName.toLowerCase(),
+        id: el.id || null,
+        classes: getClasses(el),
+        textContent: el.textContent?.trim().slice(0, 100) || null,
+        selector: generateSelector(el),
+        rect: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },
+        attributes,
+        dataset: htmlEl.dataset ? { ...htmlEl.dataset } : {},
+        inlineStyles: getInlineStyles(el),
+        computedStyles,
+        innerHTML: el.innerHTML.slice(0, 500),
+        outerHTML: el.outerHTML.slice(0, 1000),
+        ancestors: getAncestors(el),
+        children: getChildren(el),
+        // Use sourceInfo (aligned with webapp) instead of reactInfo
+        sourceInfo: getReactInfo(el),
+        inputInfo,
+        mediaInfo,
+        linkInfo,
+    };
+}
+/**
+ * Generate a unique CSS selector for an element.
+ */
+function generateSelector(el) {
+    if (el.id)
+        return `#${el.id}`;
+    const parts = [];
+    let current = el;
+    while (current && current !== document.body && current !== document.documentElement) {
+        let selector = current.tagName.toLowerCase();
+        const parent = current.parentElement;
+        if (parent) {
+            const sameTagSiblings = Array.from(parent.children).filter((child) => child.tagName === current.tagName);
+            const index = sameTagSiblings.indexOf(current) + 1;
+            selector += `:nth-of-type(${index})`;
+        }
+        parts.unshift(selector);
+        if (current.parentElement?.id) {
+            parts.unshift(`#${current.parentElement.id}`);
+            break;
+        }
+        current = current.parentElement;
+    }
+    return parts.join(' > ');
+}
+/**
+ * Create and inject the highlight styles.
+ */
+function createHighlightStyles() {
+    const style = document.createElement('style');
+    style.setAttribute('data-vibecode-styles', 'true');
+    style.textContent = `
+		[${HOVERED_ATTR}] {
+			outline: 2px solid #0066ff !important;
+			outline-offset: 2px !important;
+			border-radius: 2px;
+		}
+		[${CHILD_ATTR}] {
+			outline: 1px dashed rgba(0, 102, 255, 0.5) !important;
+			outline-offset: 1px !important;
+		}
+		[${SELECTED_ATTR}] {
+			outline: 2px solid rgb(0, 204, 146) !important;
+			outline-offset: 2px !important;
+			border-radius: 0 2px 2px 2px;
+		}
+	`;
+    document.head.appendChild(style);
+    return style;
+}
+export function VibeSelect() {
+    useEffect(() => {
+        const handleMessage = (event) => {
+            if (event.data?.type === 'vibecode:select:start') {
+                startSelection(event.data.requestId);
+            }
+            else if (event.data?.type === 'vibecode:select:confirm') {
+                confirmHandler?.();
+            }
+            else if (event.data?.type === 'vibecode:select:cancel') {
+                activeSession?.();
+            }
+        };
+        window.addEventListener('message', handleMessage);
+        return () => window.removeEventListener('message', handleMessage);
+    }, []);
+    return null;
+}
+function startSelection(requestId) {
+    activeSession?.();
+    const selectedElements = new Set();
+    const tooltips = new Map();
+    let hoveredElement = null;
+    // Inject highlight styles
+    const styleElement = createHighlightStyles();
+    function createTooltip(el) {
+        const tooltip = document.createElement('div');
+        tooltip.textContent = el.tagName.toLowerCase();
+        tooltip.style.cssText = `
+			position: fixed;
+			pointer-events: none;
+			background: rgb(0, 204, 146);
+			color: white;
+			font-size: 11px;
+			font-weight: 600;
+			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+			padding: 2px 6px;
+			border-radius: 3px 3px 0 0;
+			z-index: 2147483646;
+		`;
+        document.body.appendChild(tooltip);
+        updateTooltipPosition(el, tooltip);
+        return { tooltip };
+    }
+    function updateTooltipPosition(el, tooltip) {
+        const rect = el.getBoundingClientRect();
+        tooltip.style.left = `${rect.left - 4}px`;
+        tooltip.style.top = `${rect.top - 24}px`;
+    }
+    function updateAllTooltips() {
+        for (const [el, entry] of tooltips.entries()) {
+            if (document.contains(el)) {
+                updateTooltipPosition(el, entry.tooltip);
+            }
+        }
+    }
+    function removeTooltip(entry) {
+        entry.tooltip.remove();
+    }
+    function clearChildHighlights() {
+        document.querySelectorAll(`[${CHILD_ATTR}]`).forEach((el) => {
+            el.removeAttribute(CHILD_ATTR);
+        });
+    }
+    function showChildHighlights(parent) {
+        clearChildHighlights();
+        Array.from(parent.children).forEach((child) => {
+            child.setAttribute(CHILD_ATTR, '');
+        });
+    }
+    function notifySelection() {
+        const elements = Array.from(selectedElements).map(getElementMetadata);
+        window.parent.postMessage({
+            type: 'vibecode:select:selected',
+            requestId,
+            elements,
+        }, '*');
+    }
+    const onMouseOver = (e) => {
+        const target = e.target;
+        if (!target || target === document.body || target === document.documentElement) {
+            return;
+        }
+        // Don't show hover on selected elements
+        if (selectedElements.has(target)) {
+            if (hoveredElement) {
+                hoveredElement.removeAttribute(HOVERED_ATTR);
+            }
+            clearChildHighlights();
+            hoveredElement = null;
+            return;
+        }
+        // Remove hover from previous element
+        if (hoveredElement && hoveredElement !== target) {
+            hoveredElement.removeAttribute(HOVERED_ATTR);
+        }
+        hoveredElement = target;
+        target.setAttribute(HOVERED_ATTR, '');
+        // Show child highlights if element has children
+        if (target.children.length > 0) {
+            showChildHighlights(target);
+        }
+        else {
+            clearChildHighlights();
+        }
+    };
+    const onMouseOut = (e) => {
+        const relatedTarget = e.relatedTarget;
+        // Only clear if leaving the document entirely
+        if (!relatedTarget || relatedTarget === document.documentElement) {
+            if (hoveredElement) {
+                hoveredElement.removeAttribute(HOVERED_ATTR);
+                hoveredElement = null;
+            }
+            clearChildHighlights();
+        }
+    };
+    const onClick = (e) => {
+        const el = hoveredElement || document.elementFromPoint(e.clientX, e.clientY);
+        if (!el || el === document.body || el === document.documentElement) {
+            return;
+        }
+        e.preventDefault();
+        e.stopPropagation();
+        const isMultiSelect = e.metaKey || e.ctrlKey;
+        if (isMultiSelect) {
+            // Toggle selection
+            if (selectedElements.has(el)) {
+                el.removeAttribute(SELECTED_ATTR);
+                selectedElements.delete(el);
+                const entry = tooltips.get(el);
+                if (entry) {
+                    removeTooltip(entry);
+                    tooltips.delete(el);
+                }
+            }
+            else {
+                el.setAttribute(SELECTED_ATTR, '');
+                selectedElements.add(el);
+                tooltips.set(el, createTooltip(el));
+            }
+        }
+        else {
+            // Single select - clear others
+            for (const selectedEl of selectedElements) {
+                selectedEl.removeAttribute(SELECTED_ATTR);
+                const entry = tooltips.get(selectedEl);
+                if (entry) {
+                    removeTooltip(entry);
+                }
+            }
+            selectedElements.clear();
+            tooltips.clear();
+            el.setAttribute(SELECTED_ATTR, '');
+            selectedElements.add(el);
+            tooltips.set(el, createTooltip(el));
+        }
+        // Remove hover highlight from clicked element
+        if (hoveredElement) {
+            hoveredElement.removeAttribute(HOVERED_ATTR);
+            hoveredElement = null;
+        }
+        clearChildHighlights();
+        notifySelection();
+    };
+    const onConfirm = () => {
+        const elements = Array.from(selectedElements).map(getElementMetadata);
+        window.parent.postMessage({
+            type: 'vibecode:select:result',
+            requestId,
+            elements,
+        }, '*');
+        cleanup();
+    };
+    // MutationObserver to update tooltip positions on DOM changes
+    const mutationObserver = new MutationObserver(() => {
+        requestAnimationFrame(updateAllTooltips);
+    });
+    mutationObserver.observe(document.body, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        characterData: true,
+    });
+    const onResize = () => {
+        requestAnimationFrame(updateAllTooltips);
+    };
+    window.addEventListener('resize', onResize);
+    const cleanup = () => {
+        styleElement.remove();
+        if (hoveredElement) {
+            hoveredElement.removeAttribute(HOVERED_ATTR);
+        }
+        clearChildHighlights();
+        for (const el of selectedElements) {
+            el.removeAttribute(SELECTED_ATTR);
+        }
+        selectedElements.clear();
+        for (const entry of tooltips.values()) {
+            removeTooltip(entry);
+        }
+        tooltips.clear();
+        document.removeEventListener('mouseover', onMouseOver, true);
+        document.removeEventListener('mouseout', onMouseOut, true);
+        document.removeEventListener('click', onClick, true);
+        window.removeEventListener('resize', onResize);
+        mutationObserver.disconnect();
+        activeSession = null;
+        confirmHandler = null;
+    };
+    document.addEventListener('mouseover', onMouseOver, true);
+    document.addEventListener('mouseout', onMouseOut, true);
+    document.addEventListener('click', onClick, true);
+    activeSession = cleanup;
+    confirmHandler = onConfirm;
+}
+//# sourceMappingURL=Select.web.js.map

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

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

package/dist/dev/VibeDevWrapper.d.ts

@@ -5,6 +5,7 @@
  * Currently includes VibeSafeInsets for safe area handling on web.
  * VibeErrorBoundary for error reporting on web.
  * VibeScreenshot for screenshot capture on web.
+ * VibeSelect for element selection 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;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAK9C,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAS7D"}
+{"version":3,"file":"VibeDevWrapper.d.ts","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAM9C,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAU7D"}

package/dist/dev/VibeDevWrapper.js

@@ -2,7 +2,8 @@ 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';
+import { VibeSelect } from './Select';
 export function VibeDevWrapper({ children }) {
-    return (_jsx(VibeErrorBoundary, { children: _jsxs(VibeSafeInsets, { children: [_jsx(VibeScreenshot, {}), children] }) }));
+    return (_jsx(VibeErrorBoundary, { children: _jsxs(VibeSafeInsets, { children: [_jsx(VibeScreenshot, {}), _jsx(VibeSelect, {}), 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":";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"}
+{"version":3,"file":"VibeDevWrapper.js","sourceRoot":"","sources":["../../src/dev/VibeDevWrapper.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAqB;IAC7D,OAAO,CACN,KAAC,iBAAiB,cACjB,MAAC,cAAc,eACd,KAAC,cAAc,KAAG,EAClB,KAAC,UAAU,KAAG,EACb,QAAQ,IACO,GACE,CACpB,CAAA;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vibecodeapp/sdk",
-	"version": "0.4.7",
+	"version": "0.4.9",
 	"description": "SDK for Vibecodeapp.com - Web polyfills and Metro configuration for React Native",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -37,11 +37,12 @@
 	},
 	"dependencies": {
 		"@blazejkustra/react-native-alert": "^1.0.0",
-		"@teovilla/react-native-web-maps": "^0.9.5",
 		"@stardazed/streams-text-encoding": "^1.0.2",
+		"@teovilla/react-native-web-maps": "^0.9.5",
 		"assert": "^2.1.0",
-		"html2canvas": "^1.4.1",
+		"cosmiconfig": "^8.3.6",
 		"html-to-image": "^1.11.11",
+		"html2canvas": "^1.4.1",
 		"p-limit": "^3.1.0"
 	},
 	"devDependencies": {