@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/mapping-value-type-pane-view.js

@@ -0,0 +1,253 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { ConfigTile } from '../atoms/config-tile';
+import { MappingInput } from '../atoms/mapping-input';
+const VALUE_CONFIG_TILES = [
+    {
+        key: 'key',
+        label: 'Key',
+        description: 'Property path',
+    },
+    {
+        key: 'value',
+        label: 'Value',
+        description: 'Static value',
+    },
+    {
+        key: 'fn',
+        label: 'Fn',
+        description: 'Custom function',
+    },
+    {
+        key: 'map',
+        label: 'Map',
+        description: 'Transform object',
+    },
+    {
+        key: 'loop',
+        label: 'Loop',
+        description: 'Array iteration',
+    },
+    {
+        key: 'set',
+        label: 'Set',
+        description: 'Multiple values',
+    },
+    {
+        key: 'consent',
+        label: 'Consent',
+        description: 'Required states',
+    },
+    {
+        key: 'validate',
+        label: 'Validate',
+        description: 'Check function',
+    },
+];
+/**
+ * ValueType Pane - Edit ValueType (string | ValueConfig)
+ *
+ * Simple logic:
+ * - String mode: Quick Value input edits the string directly
+ * - Object mode: Quick Value input ALWAYS edits the 'key' property
+ * - Input is NEVER disabled
+ * - Quick Value and Key tile are always synced
+ *
+ * Smart Conversions:
+ * - Clicking any tile in String mode converts to { key: "string value" }
+ * - All tiles (including Key) are clickable and open their respective editors
+ * - Conversion happens automatically before opening the editor
+ */
+export function MappingValueTypePaneView({ path, mappingState, navigation, className = '', title = 'Value Configuration', description = 'Configure how to extract or transform data', hideNavigation = false, }) {
+    const value = mappingState.actions.getValue(path);
+    // Determine current mode
+    const isString = typeof value === 'string';
+    const isValueConfig = typeof value === 'object' && value !== null;
+    const valueConfig = isValueConfig ? value : {};
+    // Display value for the input
+    // - If string: show the string value
+    // - If object: show the key property value (or empty if no key)
+    const displayValue = isString
+        ? value
+        : typeof valueConfig.key === 'string'
+            ? valueConfig.key
+            : '';
+    const handleStringChange = (newValue) => {
+        if (isString || value === undefined) {
+            // String mode or undefined: set as string value
+            mappingState.actions.setValue(path, newValue);
+        }
+        else if (isValueConfig) {
+            // ValueConfig mode: update the key property using the sub-path
+            // This works whether it's key-only or has multiple properties
+            mappingState.actions.setValue([...path, 'key'], newValue);
+        }
+    };
+    const handleTileClick = (tileKey) => {
+        // If in string mode, convert to ValueConfig first (for all tiles)
+        // This preserves the string value as the 'key' property
+        if (isString && displayValue) {
+            mappingState.actions.setValue(path, { key: displayValue });
+        }
+        else if (value === undefined) {
+            // If value is undefined, initialize as empty object so tile properties can be set
+            mappingState.actions.setValue(path, {});
+        }
+        // Determine the appropriate nodeType based on the property
+        // Properties that hold primitives get dedicated editors
+        // Properties that hold ValueConfig objects get the generic valueConfig editor
+        let nodeType;
+        switch (tileKey) {
+            case 'key':
+                nodeType = 'key'; // Key property editor
+                break;
+            case 'value':
+                nodeType = 'value'; // Primitive value editor
+                break;
+            case 'fn':
+                nodeType = 'fn'; // Function editor (placeholder for now)
+                break;
+            case 'validate':
+                nodeType = 'validate'; // Validate function editor (placeholder for now)
+                break;
+            case 'condition':
+                nodeType = 'condition'; // Condition function editor (already implemented)
+                break;
+            case 'consent':
+                nodeType = 'consent'; // Consent editor (already implemented)
+                break;
+            case 'map':
+                nodeType = 'map'; // Map editor (placeholder for now)
+                break;
+            case 'loop':
+                nodeType = 'loop'; // Loop editor (placeholder for now)
+                break;
+            case 'set':
+                nodeType = 'set'; // Set editor (placeholder for now)
+                break;
+            default:
+                nodeType = 'valueConfig'; // Fallback to generic editor
+        }
+        navigation.openTab([...path, tileKey], nodeType);
+    };
+    const getTileStatus = (tileKey) => {
+        // For 'key' tile: only enabled if we have a ValueConfig with a key property
+        if (tileKey === 'key') {
+            if (isString) {
+                // In string mode, there is no ValueConfig and no key property
+                return { enabled: false, text: 'Not set' };
+            }
+            else if (isValueConfig) {
+                // In ValueConfig mode, show the key property status
+                const keyValue = valueConfig.key;
+                return typeof keyValue === 'string' && keyValue
+                    ? { enabled: true, text: keyValue }
+                    : { enabled: false, text: 'Not set' };
+            }
+        }
+        // For all other tiles, only show status if in ValueConfig mode
+        if (!isValueConfig) {
+            return { enabled: false, text: 'Not set' };
+        }
+        const configValue = valueConfig[tileKey];
+        switch (tileKey) {
+            case 'key':
+                // Already handled above
+                return { enabled: false, text: 'Not set' };
+            case 'value':
+                if (configValue !== undefined) {
+                    let displayText;
+                    if (typeof configValue === 'string') {
+                        displayText = configValue;
+                    }
+                    else if (typeof configValue === 'number') {
+                        displayText = String(configValue);
+                    }
+                    else if (typeof configValue === 'boolean') {
+                        displayText = String(configValue);
+                    }
+                    else if (configValue === null) {
+                        displayText = 'null';
+                    }
+                    else if (Array.isArray(configValue)) {
+                        displayText = `[${configValue.length} items]`;
+                    }
+                    else if (typeof configValue === 'object') {
+                        // Show only values, not keys
+                        const values = Object.values(configValue);
+                        displayText = values
+                            .map((v) => (typeof v === 'string' ? v : JSON.stringify(v)))
+                            .join(', ');
+                    }
+                    else {
+                        displayText = String(configValue);
+                    }
+                    // Truncate if too long
+                    const preview = displayText.length > 40
+                        ? displayText.substring(0, 40) + '...'
+                        : displayText;
+                    return { enabled: true, text: preview };
+                }
+                return { enabled: false, text: 'Not set' };
+            case 'fn':
+                if (typeof configValue === 'string' && configValue) {
+                    // Show preview of function (first 40 chars)
+                    const preview = configValue.length > 40
+                        ? configValue.substring(0, 40) + '...'
+                        : configValue;
+                    return { enabled: true, text: preview };
+                }
+                return { enabled: false, text: 'Not set' };
+            case 'map':
+                if (!configValue)
+                    return { enabled: false, text: 'Not set' };
+                const mapCount = Object.keys(configValue).length;
+                return mapCount > 0
+                    ? {
+                        enabled: true,
+                        text: `${mapCount} ${mapCount === 1 ? 'property' : 'properties'}`,
+                    }
+                    : { enabled: false, text: 'Not set' };
+            case 'loop':
+                if (Array.isArray(configValue) && configValue.length >= 1) {
+                    // Show the source array path
+                    const source = String(configValue[0] || 'nested');
+                    return { enabled: true, text: `Source: ${source}` };
+                }
+                return { enabled: false, text: 'Not set' };
+            case 'set':
+                return Array.isArray(configValue) && configValue.length > 0
+                    ? {
+                        enabled: true,
+                        text: `${configValue.length} ${configValue.length === 1 ? 'value' : 'values'}`,
+                    }
+                    : { enabled: false, text: 'Not set' };
+            case 'consent':
+                if (!configValue)
+                    return { enabled: false, text: 'Not set' };
+                const consentCount = Object.keys(configValue).length;
+                return consentCount > 0
+                    ? {
+                        enabled: true,
+                        text: `${consentCount} ${consentCount === 1 ? 'state' : 'states'}`,
+                    }
+                    : { enabled: false, text: 'Not set' };
+            case 'validate':
+                if (typeof configValue === 'string' && configValue) {
+                    // Show preview of validation function (first 40 chars)
+                    const preview = configValue.length > 40
+                        ? configValue.substring(0, 40) + '...'
+                        : configValue;
+                    return { enabled: true, text: preview };
+                }
+                return { enabled: false, text: 'Not set' };
+            default:
+                return { enabled: false, text: 'Not set' };
+        }
+    };
+    // Input is ALWAYS enabled
+    const inputPlaceholder = 'e.g., data.productId, user.email';
+    const inputTitle = 'Enter a property path to extract data from the event';
+    return (_jsxs(BaseMappingPane, { title: title, description: description, navigation: navigation, hideNavigation: hideNavigation, className: className, children: [_jsxs("div", { className: "elb-mapping-value-type-quick-section", children: [_jsx("div", { className: "elb-mapping-value-type-section-title", children: "Dynamic Value" }), _jsx(MappingInput, { value: displayValue, onChange: handleStringChange, placeholder: inputPlaceholder, title: inputTitle }), _jsx("div", { className: "elb-mapping-value-type-hint", children: isString ? (_jsx("span", { children: "Property path to extract data from the event" })) : (_jsx("span", { className: "is-info", children: "Editing property path - synced with Key tile" })) })] }), _jsxs("div", { className: "elb-mapping-value-type-advanced-section", children: [_jsx("div", { className: "elb-mapping-value-type-section-title", children: "Advanced Configuration" }), _jsx("div", { className: "elb-mapping-value-type-tiles-grid", children: VALUE_CONFIG_TILES.map((tile) => (_jsx(ConfigTile, { label: tile.label, description: tile.description, status: getTileStatus(tile.key), onClick: () => handleTileClick(tile.key) }, tile.key))) })] })] }));
+}
+//# sourceMappingURL=mapping-value-type-pane-view.js.map

package/dist/components/molecules/mapping-value-type-pane-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-value-type-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-value-type-pane-view.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/options-pane.d.ts

@@ -0,0 +1,28 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Options Pane - Edit root-level destination config options
+ *
+ * Handles config properties like:
+ * - id: Destination ID
+ * - loadScript: Whether to auto-load external scripts
+ * - queue: Enable event queuing
+ * - verbose: Enable verbose logging
+ *
+ * Uses RJSF for form generation with toggle switches and inputs.
+ *
+ * @example
+ * <OptionsPane
+ *   path={['options']}
+ *   mappingState={configState}
+ *   navigation={navigation}
+ * />
+ */
+export interface OptionsPaneProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function OptionsPane({ path, mappingState, navigation, className, }: OptionsPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=options-pane.d.ts.map

package/dist/components/molecules/options-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/options-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAKnF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,gBAAgB,2CAgGlB"}

package/dist/components/molecules/options-pane.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingFormWrapper } from '../forms/mapping-form-wrapper';
+export function OptionsPane({ path, mappingState, navigation, className = '', }) {
+    // Get root config (path is ['options'], but we need root values)
+    const rootConfig = mappingState.config;
+    const currentOptions = {
+        id: rootConfig.id,
+        loadScript: rootConfig.loadScript,
+        queue: rootConfig.queue,
+        verbose: rootConfig.verbose,
+    };
+    // Schema for options
+    const schema = {
+        type: 'object',
+        title: 'Options',
+        properties: {
+            id: {
+                type: 'string',
+                title: 'Destination ID',
+                description: 'Unique identifier for this destination instance',
+            },
+            loadScript: {
+                type: 'boolean',
+                title: 'Load Script',
+                description: 'Automatically load required external scripts',
+            },
+            queue: {
+                type: 'boolean',
+                title: 'Enable Queue',
+                description: 'Queue events when destination is not ready',
+            },
+            verbose: {
+                type: 'boolean',
+                title: 'Verbose Logging',
+                description: 'Enable detailed console logging for debugging',
+            },
+        },
+    };
+    const uiSchema = {
+        id: {
+            'ui:placeholder': 'e.g., meta-pixel, ga4-analytics',
+            'ui:help': 'Optional identifier for logging and debugging',
+        },
+        loadScript: {
+            'ui:widget': 'MappingBooleanWidget',
+            'ui:help': 'When enabled, the destination will load its tracking script automatically',
+        },
+        queue: {
+            'ui:widget': 'MappingBooleanWidget',
+            'ui:help': 'Events will be queued until the destination is initialized',
+        },
+        verbose: {
+            'ui:widget': 'MappingBooleanWidget',
+            'ui:help': 'Shows detailed logs for event processing and API calls',
+        },
+        'ui:order': ['id', 'loadScript', 'queue', 'verbose'],
+    };
+    const handleChange = (newOptions) => {
+        if (newOptions && typeof newOptions === 'object') {
+            const options = newOptions;
+            // Update root-level properties
+            Object.entries(options).forEach(([key, value]) => {
+                if (value !== undefined) {
+                    mappingState.actions.setValue([key], value);
+                }
+                else {
+                    // Remove undefined values
+                    mappingState.actions.deleteValue([key]);
+                }
+            });
+        }
+    };
+    return (_jsx(BaseMappingPane, { title: "Options", description: "Configure destination behavior and runtime options", navigation: navigation, className: className, children: _jsx(MappingFormWrapper, { schema: schema, uiSchema: uiSchema, formData: currentOptions, onChange: handleChange, formContext: {
+                navigation,
+                mappingState,
+                path,
+            } }) }));
+}
+//# sourceMappingURL=options-pane.js.map

package/dist/components/molecules/options-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-pane.js","sourceRoot":"","sources":["../../../src/components/molecules/options-pane.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AA4BnE,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,EAAE,GACG;IACjB,iEAAiE;IACjE,MAAM,UAAU,GAAG,YAAY,CAAC,MAAiC,CAAC;IAElE,MAAM,cAAc,GAAG;QACrB,EAAE,EAAE,UAAU,CAAC,EAAE;QACjB,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,OAAO,EAAE,UAAU,CAAC,OAAO;KAC5B,CAAC;IAEF,qBAAqB;IACrB,MAAM,MAAM,GAAe;QACzB,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE;YACV,EAAE,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,gBAAgB;gBACvB,WAAW,EAAE,iDAAiD;aAC/D;YACD,UAAU,EAAE;gBACV,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,aAAa;gBACpB,WAAW,EAAE,8CAA8C;aAC5D;YACD,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,4CAA4C;aAC1D;YACD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,iBAAiB;gBACxB,WAAW,EAAE,+CAA+C;aAC7D;SACF;KACF,CAAC;IAEF,MAAM,QAAQ,GAAa;QACzB,EAAE,EAAE;YACF,gBAAgB,EAAE,iCAAiC;YACnD,SAAS,EAAE,+CAA+C;SAC3D;QACD,UAAU,EAAE;YACV,WAAW,EAAE,sBAAsB;YACnC,SAAS,EACP,2EAA2E;SAC9E;QACD,KAAK,EAAE;YACL,WAAW,EAAE,sBAAsB;YACnC,SAAS,EAAE,4DAA4D;SACxE;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sBAAsB;YACnC,SAAS,EAAE,wDAAwD;SACpE;QACD,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,CAAC;KACrD,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC3C,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;YACjD,MAAM,OAAO,GAAG,UAAqC,CAAC;YAEtD,+BAA+B;YAC/B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;gBAC/C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;oBACxB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;gBAC9C,CAAC;qBAAM,CAAC;oBACN,0BAA0B;oBAC1B,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,oDAAoD,EAChE,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE;gBACX,UAAU;gBACV,YAAY;gBACZ,IAAI;aACL,GACD,GACc,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/molecules/preview.d.ts

@@ -0,0 +1,22 @@
+import type { WalkerOS } from '@walkeros/core';
+export interface PreviewProps {
+    html: string;
+    css?: string;
+    onEvent?: (event: WalkerOS.Event) => void;
+    label?: string;
+}
+/**
+ * Preview - HTML preview wrapped in a Box with highlight buttons
+ *
+ * Renders HTML in an isolated iframe with highlight buttons footer.
+ * When onEvent is provided, initializes walkerOS browser source in iframe.
+ *
+ * @example
+ * // Read-only preview
+ * <Preview html={html} css={css} label="Preview" />
+ *
+ * // Interactive preview with event capture
+ * <Preview html={html} css={css} onEvent={(event) => console.log(event)} label="Preview" />
+ */
+export declare function Preview({ html, css, onEvent, label, }: PreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=preview.d.ts.map

package/dist/components/molecules/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/preview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAa,MAAM,gBAAgB,CAAC;AAM1D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,GAAQ,EACR,OAAO,EACP,KAAiB,GAClB,EAAE,YAAY,2CAyOd"}

package/dist/components/molecules/preview.js

@@ -0,0 +1,221 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { sourceBrowser } from '@walkeros/web-source-browser';
+import { startFlow } from '@walkeros/collector';
+import { Box } from '../atoms/box';
+import { PreviewFooter } from '../atoms/preview-footer';
+/**
+ * Preview - HTML preview wrapped in a Box with highlight buttons
+ *
+ * Renders HTML in an isolated iframe with highlight buttons footer.
+ * When onEvent is provided, initializes walkerOS browser source in iframe.
+ *
+ * @example
+ * // Read-only preview
+ * <Preview html={html} css={css} label="Preview" />
+ *
+ * // Interactive preview with event capture
+ * <Preview html={html} css={css} onEvent={(event) => console.log(event)} label="Preview" />
+ */
+export function Preview({ html, css = '', onEvent, label = 'Preview', }) {
+    const [highlights, setHighlights] = useState(new Set());
+    const iframeRef = useRef(null);
+    const updateTimeoutRef = useRef(undefined);
+    const onEventRef = useRef(onEvent);
+    const collectorRef = useRef(null);
+    // Keep onEventRef in sync
+    useEffect(() => {
+        onEventRef.current = onEvent;
+    }, [onEvent]);
+    const toggleHighlight = (type) => {
+        setHighlights((prev) => {
+            const next = new Set(prev);
+            if (next.has(type)) {
+                next.delete(type);
+            }
+            else {
+                next.add(type);
+            }
+            return next;
+        });
+    };
+    const autoMarkProperties = useCallback((container) => {
+        const entities = container.querySelectorAll('[data-elb]');
+        entities.forEach((entity) => {
+            const entityName = entity.getAttribute('data-elb');
+            if (!entityName)
+                return;
+            const propertySelector = `[data-elb-${entityName}]`;
+            entity.querySelectorAll(propertySelector).forEach((el) => {
+                el.setAttribute('data-elbproperty', '');
+            });
+        });
+    }, []);
+    useEffect(() => {
+        if (updateTimeoutRef.current) {
+            clearTimeout(updateTimeoutRef.current);
+        }
+        updateTimeoutRef.current = setTimeout(() => {
+            const iframe = iframeRef.current;
+            if (!iframe || !iframe.contentDocument)
+                return;
+            const doc = iframe.contentDocument;
+            const highlightClasses = Array.from(highlights)
+                .map((type) => `highlight-${type}`)
+                .join(' ');
+            doc.open();
+            doc.write(`
+        <!DOCTYPE html>
+        <html>
+          <head>
+            <meta charset="utf-8">
+            <style>
+              /* Reset */
+              * { margin: 0; padding: 0; box-sizing: border-box; }
+              body {
+                padding: 1.5rem;
+                background: #f9fafb;
+                color: #111827;
+                min-height: 100vh;
+              }
+
+              @media (prefers-color-scheme: dark) {
+                body {
+                  background: #1f2937;
+                  color: #e5e7eb;
+                }
+              }
+
+              /* User CSS */
+              ${css}
+
+              /* Highlight CSS - imported from highlight styles */
+              :root {
+                --highlight-globals: #4fc3f7cc;
+                --highlight-context: #ffbd44cc;
+                --highlight-entity: #00ca4ecc;
+                --highlight-property: #ff605ccc;
+                --highlight-action: #9900ffcc;
+              }
+
+              body.elb-highlight.highlight-entity [data-elb] {
+                box-shadow: 0 0 0 2px var(--highlight-entity);
+              }
+
+              body.elb-highlight.highlight-context [data-elbcontext] {
+                box-shadow: 0 0 0 2px var(--highlight-context);
+              }
+
+              body.elb-highlight.highlight-property [data-elbproperty] {
+                box-shadow: 0 0 0 2px var(--highlight-property);
+              }
+
+              body.elb-highlight.highlight-action [data-elbaction] {
+                box-shadow: 0 0 0 2px var(--highlight-action);
+              }
+
+              /* Combined highlights */
+              body.elb-highlight.highlight-entity.highlight-action [data-elb][data-elbaction] {
+                box-shadow: 0 0 0 2px var(--highlight-action), 0 0 0 4px var(--highlight-entity);
+              }
+
+              body.elb-highlight.highlight-entity.highlight-context [data-elb][data-elbcontext] {
+                box-shadow: 0 0 0 2px var(--highlight-entity), 0 0 0 4px var(--highlight-context);
+              }
+
+              body.elb-highlight.highlight-action.highlight-context [data-elbaction][data-elbcontext] {
+                box-shadow: 0 0 0 2px var(--highlight-action), 0 0 0 4px var(--highlight-context);
+              }
+            </style>
+          </head>
+          <body class="elb-highlight ${highlightClasses}">
+            ${html}
+          </body>
+        </html>
+      `);
+            doc.close();
+            autoMarkProperties(doc);
+            // Initialize browser source in iframe
+            if (onEventRef.current &&
+                iframe.contentWindow &&
+                iframe.contentDocument) {
+                setTimeout(async () => {
+                    // Cleanup previous collector instance
+                    if (collectorRef.current) {
+                        try {
+                            // Destroy all sources
+                            for (const source of Object.values(collectorRef.current.sources)) {
+                                await source.destroy?.();
+                            }
+                        }
+                        catch (e) {
+                            // Ignore cleanup errors
+                        }
+                    }
+                    try {
+                        if (!iframe.contentWindow || !iframe.contentDocument)
+                            return;
+                        // Initialize collector with browser source using startFlow
+                        // This properly initializes the source with full context
+                        const { collector, elb } = await startFlow({
+                            sources: {
+                                browser: {
+                                    code: sourceBrowser,
+                                    config: {
+                                        settings: {
+                                            pageview: true,
+                                            session: false,
+                                            prefix: 'data-elb',
+                                            elb: 'elb',
+                                            elbLayer: 'elbLayer',
+                                        },
+                                    },
+                                    env: {
+                                        window: iframe.contentWindow,
+                                        document: iframe.contentDocument,
+                                    },
+                                    primary: true,
+                                },
+                            },
+                            destinations: {
+                                // Capture events and forward to onEvent callback
+                                preview: {
+                                    code: {
+                                        type: 'preview',
+                                        config: {},
+                                        push: async (event) => {
+                                            if (onEventRef.current) {
+                                                onEventRef.current(event);
+                                            }
+                                        },
+                                    },
+                                },
+                            },
+                            run: false,
+                        });
+                        collectorRef.current = collector;
+                        // Browser source auto-initializes load triggers and pageview
+                        // No need to call 'walker init' - it happens in handleRun() during source init
+                    }
+                    catch (error) {
+                        // Browser source initialization failed - silently ignore in preview context
+                        // Error is expected in test/iframe environments
+                    }
+                }, 50);
+            }
+        }, 200);
+        return () => {
+            if (updateTimeoutRef.current) {
+                clearTimeout(updateTimeoutRef.current);
+            }
+            // Cleanup collector and sources
+            if (collectorRef.current) {
+                for (const source of Object.values(collectorRef.current.sources)) {
+                    source.destroy?.();
+                }
+            }
+        };
+    }, [html, css, highlights, autoMarkProperties]);
+    return (_jsx(Box, { header: label, footer: _jsx(PreviewFooter, { highlights: highlights, onToggle: toggleHighlight }), children: _jsx("div", { className: "elb-preview-content", children: _jsx("iframe", { ref: iframeRef, className: "elb-preview-iframe", title: "HTML Preview" }) }) }));
+}
+//# sourceMappingURL=preview.js.map

package/dist/components/molecules/preview.js.map

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