@syntrologie/adapt-nav 2.1.0-canary.8 → 2.1.0

package/dist/NavWidget.d.ts

@@ -1,23 +1,23 @@
 /**
  * Adaptive Nav - NavWidget Component
  *
- * React component that renders a navigation link list with per-item
- * conditional visibility based on showWhen decision strategies.
+ * React component that renders a collapsible navigation tips accordion
+ * with per-item conditional visibility based on showWhen decision strategies.
  *
  * Demonstrates the compositional action pattern where child actions
- * (nav:link) serve as configuration data for the parent widget.
+ * (nav:tip) serve as configuration data for the parent widget.
  */
 import type { NavWidgetProps, NavConfig, NavWidgetRuntime } from './types';
 /**
- * NavWidget - Renders a navigation link list with per-item activation.
+ * NavWidget - Renders a collapsible navigation tips accordion.
  *
  * This component demonstrates the compositional action pattern:
  * - Parent (NavWidget) receives `config.actions` array
  * - Each action has optional `showWhen` for per-item visibility
- * - Parent evaluates showWhen and filters visible links
- * - Parent manages re-rendering on context changes
+ * - Parent evaluates showWhen and filters visible tips
+ * - Parent manages expand state and re-rendering on context changes
  */
-export declare function NavWidget({ config, runtime, instanceId }: NavWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function NavWidget({ config, runtime, instanceId }: NavWidgetProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Mountable widget interface for the runtime's WidgetRegistry.
  */

package/dist/NavWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavWidget.d.ts","sourceRoot":"","sources":["../src/NavWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAiB,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA8G1F;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,kDAkFxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CAsC3E,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"NavWidget.d.ts","sourceRoot":"","sources":["../src/NavWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,OAAO,KAAK,EAAE,cAAc,EAAgB,SAAS,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA2PzF;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,cAAc,2CAuOxE;AAMD;;GAEG;AACH,eAAO,MAAM,kBAAkB;qBAEhB,WAAW,WACb,SAAS,GAAG;QAAE,OAAO,CAAC,EAAE,gBAAgB,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;CAiD3E,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/NavWidget.js

@@ -2,101 +2,225 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Adaptive Nav - NavWidget Component
  *
- * React component that renders a navigation link list with per-item
- * conditional visibility based on showWhen decision strategies.
+ * React component that renders a collapsible navigation tips accordion
+ * with per-item conditional visibility based on showWhen decision strategies.
  *
  * Demonstrates the compositional action pattern where child actions
- * (nav:link) serve as configuration data for the parent widget.
+ * (nav:tip) serve as configuration data for the parent widget.
  */
-import React, { useEffect, useReducer, useMemo, useCallback } from 'react';
+import { base, slateGrey, purple } from '@syntro/design-system/tokens';
+import React, { useEffect, useReducer, useMemo, useCallback, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+// ============================================================================
+// Sanitization
+// ============================================================================
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
 // ============================================================================
 // Styles
 // ============================================================================
 const baseStyles = {
-    nav: {
+    container: {
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+        padding: '8px',
+        maxWidth: '100%',
+        overflow: 'hidden',
+    },
+    accordion: {
         display: 'flex',
+        flexDirection: 'column',
         gap: '4px',
-        padding: '8px',
-        fontFamily: 'system-ui, -apple-system, sans-serif',
     },
-    link: {
+    item: {
+        borderRadius: '8px',
+        overflow: 'hidden',
+        transition: 'box-shadow 0.2s ease',
+    },
+    header: {
         display: 'flex',
         alignItems: 'center',
-        gap: '6px',
-        padding: '8px 12px',
+        gap: '8px',
+        width: '100%',
+        padding: '12px 16px',
+        border: 'none',
+        cursor: 'pointer',
+        fontSize: '14px',
+        fontWeight: 500,
+        fontFamily: 'inherit',
+        textAlign: 'left',
+        transition: 'background-color 0.15s ease',
+    },
+    chevron: {
+        fontSize: '10px',
+        transition: 'transform 0.2s ease',
+        marginLeft: 'auto',
+        flexShrink: 0,
+    },
+    icon: {
+        fontSize: '16px',
+        flexShrink: 0,
+    },
+    body: {
+        overflow: 'hidden',
+        transition: 'max-height 0.25s ease, padding-bottom 0.25s ease',
+        padding: '0 16px',
+    },
+    description: {
+        fontSize: '13px',
+        lineHeight: '1.5',
+        margin: 0,
+    },
+    linkButton: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '4px',
+        marginTop: '10px',
+        padding: '6px 12px',
         borderRadius: '6px',
         textDecoration: 'none',
-        fontSize: '14px',
+        fontSize: '13px',
         fontWeight: 500,
-        transition: 'background-color 0.15s ease, color 0.15s ease',
         cursor: 'pointer',
         border: 'none',
-        background: 'transparent',
+        transition: 'background-color 0.15s ease',
     },
-    icon: {
-        fontSize: '16px',
+    categoryHeader: {
+        fontSize: '11px',
+        fontWeight: 600,
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        padding: '12px 4px 4px',
     },
-    externalIcon: {
-        fontSize: '12px',
-        opacity: 0.6,
+    emptyState: {
+        fontSize: '13px',
+        padding: '16px',
+        textAlign: 'center',
     },
 };
 const themeStyles = {
     light: {
-        nav: {
-            backgroundColor: '#ffffff',
+        container: {
+            backgroundColor: base.white,
+            color: slateGrey[1],
+        },
+        item: {
+            backgroundColor: slateGrey[12],
+            border: `1px solid ${slateGrey[11]}`,
+        },
+        itemExpanded: {
+            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.08)',
         },
-        link: {
-            color: '#374151',
+        header: {
+            backgroundColor: 'transparent',
+            color: slateGrey[1],
         },
-        linkHover: {
-            backgroundColor: '#f3f4f6',
-            color: '#111827',
+        headerHover: {
+            backgroundColor: slateGrey[12],
+        },
+        body: {
+            color: slateGrey[6],
+        },
+        linkButton: {
+            backgroundColor: purple[8],
+            color: purple[2],
+        },
+        categoryHeader: {
+            color: slateGrey[7],
+        },
+        emptyState: {
+            color: slateGrey[8],
         },
     },
     dark: {
-        nav: {
-            backgroundColor: '#1f2937',
+        container: {
+            backgroundColor: slateGrey[1],
+            color: slateGrey[12],
+        },
+        item: {
+            backgroundColor: slateGrey[3],
+            border: `1px solid ${slateGrey[5]}`,
+        },
+        itemExpanded: {
+            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
+        },
+        header: {
+            backgroundColor: 'transparent',
+            color: slateGrey[12],
         },
-        link: {
-            color: '#d1d5db',
+        headerHover: {
+            backgroundColor: slateGrey[5],
         },
-        linkHover: {
-            backgroundColor: '#374151',
-            color: '#f9fafb',
+        body: {
+            color: slateGrey[8],
+        },
+        linkButton: {
+            backgroundColor: purple[0],
+            color: purple[6],
+        },
+        categoryHeader: {
+            color: slateGrey[8],
+        },
+        emptyState: {
+            color: slateGrey[7],
         },
     },
 };
-function NavLinkComponent({ link, theme, onNavigate }) {
-    const [isHovered, setIsHovered] = React.useState(false);
-    const { label, href, icon, external } = link.config;
+function NavTipItem({ item, isExpanded, onToggle, onNavigate, theme }) {
+    const [isHovered, setIsHovered] = useState(false);
     const colors = themeStyles[theme];
-    const style = {
-        ...baseStyles.link,
-        ...colors.link,
-        ...(isHovered ? colors.linkHover : {}),
+    const { title, description, href, icon, external } = item.config;
+    const itemStyle = {
+        ...baseStyles.item,
+        ...colors.item,
+        ...(isExpanded ? colors.itemExpanded : {}),
+    };
+    const headerStyle = {
+        ...baseStyles.header,
+        ...colors.header,
+        ...(isHovered ? colors.headerHover : {}),
     };
-    const handleClick = (e) => {
+    const chevronStyle = {
+        ...baseStyles.chevron,
+        transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',
+    };
+    const bodyStyle = {
+        ...baseStyles.body,
+        ...colors.body,
+        maxHeight: isExpanded ? '500px' : '0',
+        paddingBottom: isExpanded ? '16px' : '0',
+    };
+    const handleLinkClick = (e) => {
         e.preventDefault();
-        onNavigate(href, external ?? false);
+        e.stopPropagation();
+        if (href) {
+            onNavigate(href, external ?? false);
+        }
     };
-    return (_jsxs("a", { href: href, onClick: handleClick, style: style, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), target: external ? '_blank' : undefined, rel: external ? 'noopener noreferrer' : undefined, children: [icon && _jsx("span", { style: baseStyles.icon, children: icon }), _jsx("span", { children: label }), external && _jsx("span", { style: baseStyles.externalIcon, children: "\u2197" })] }));
+    return (_jsxs("div", { style: itemStyle, "data-nav-tip-id": item.config.id, children: [_jsxs("button", { style: headerStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [icon && _jsx("span", { style: baseStyles.icon, children: icon }), _jsx("span", { children: title }), _jsx("span", { style: chevronStyle, children: '\u25BC' })] }), _jsxs("div", { style: bodyStyle, "aria-hidden": !isExpanded, children: [_jsx("p", { style: baseStyles.description, children: description }), href && (_jsxs("a", { href: href, onClick: handleLinkClick, style: { ...baseStyles.linkButton, ...colors.linkButton }, target: external ? '_blank' : undefined, rel: external ? 'noopener noreferrer' : undefined, children: ["Go ", external ? '\u2197' : '\u2192'] }))] })] }));
 }
 // ============================================================================
 // NavWidget Component
 // ============================================================================
 /**
- * NavWidget - Renders a navigation link list with per-item activation.
+ * NavWidget - Renders a collapsible navigation tips accordion.
  *
  * This component demonstrates the compositional action pattern:
  * - Parent (NavWidget) receives `config.actions` array
  * - Each action has optional `showWhen` for per-item visibility
- * - Parent evaluates showWhen and filters visible links
- * - Parent manages re-rendering on context changes
+ * - Parent evaluates showWhen and filters visible tips
+ * - Parent manages expand state and re-rendering on context changes
  */
 export function NavWidget({ config, runtime, instanceId }) {
-    // Force re-render when context changes
-    const [, forceUpdate] = useReducer((x) => x + 1, 0);
+    // Force re-render when context/accumulator changes.
+    const [renderTick, forceUpdate] = useReducer((x) => x + 1, 0);
+    // Track expanded tip IDs
+    const [expandedIds, setExpandedIds] = useState(new Set());
     // Subscribe to context changes for reactive updates
     useEffect(() => {
         const unsubscribe = runtime.context.subscribe(() => {
@@ -104,35 +228,141 @@ export function NavWidget({ config, runtime, instanceId }) {
         });
         return unsubscribe;
     }, [runtime.context]);
-    // Filter visible links based on per-item showWhen
-    const visibleLinks = useMemo(() => config.actions.filter((link) => {
-        // No showWhen = always visible
-        if (!link.showWhen)
+    // Subscribe to accumulator changes for event_count-based showWhen
+    useEffect(() => {
+        if (!runtime.accumulator?.subscribe)
+            return;
+        return runtime.accumulator.subscribe(() => {
+            forceUpdate();
+        });
+    }, [runtime.accumulator]);
+    // Register accumulator predicates from scope config
+    useEffect(() => {
+        if (!config.scope || !runtime.accumulator?.register)
+            return;
+        const { events: eventNames, urlContains, props: propFilters } = config.scope;
+        // Scan showWhen conditions for event_count keys
+        const keys = new Set();
+        for (const action of config.actions) {
+            if (action.showWhen?.type === 'rules') {
+                for (const rule of action.showWhen.rules) {
+                    for (const cond of rule.conditions) {
+                        if (cond.type === 'event_count' && cond.key) {
+                            keys.add(cond.key);
+                        }
+                    }
+                }
+            }
+        }
+        for (const key of keys) {
+            runtime.accumulator.register(key, (event) => {
+                if (!eventNames.includes(event.name))
+                    return false;
+                if (urlContains) {
+                    const pathname = String(event.props?.pathname ?? '');
+                    if (!pathname.includes(urlContains))
+                        return false;
+                }
+                if (propFilters) {
+                    for (const [k, v] of Object.entries(propFilters)) {
+                        if (event.props?.[k] !== v)
+                            return false;
+                    }
+                }
+                return true;
+            });
+        }
+    }, [config.scope, config.actions, runtime.accumulator]);
+    // Filter visible tips based on per-item showWhen
+    const visibleTips = useMemo(() => config.actions.filter((tip) => {
+        if (!tip.showWhen)
             return true;
-        // Evaluate the decision strategy
-        const result = runtime.evaluateSync(link.showWhen);
-        return result.value;
-    }), [config.actions, runtime]);
+        try {
+            const result = runtime.evaluateSync(tip.showWhen);
+            return result.value;
+        }
+        catch {
+            // If strategy evaluation fails, hide the tip (fail-closed)
+            return false;
+        }
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [config.actions, runtime, renderTick]);
+    // Group by category
+    const categoryGroups = useMemo(() => {
+        const groups = new Map();
+        for (const tip of visibleTips) {
+            const cat = tip.config.category;
+            if (!groups.has(cat)) {
+                groups.set(cat, []);
+            }
+            groups.get(cat).push(tip);
+        }
+        return groups;
+    }, [visibleTips]);
+    // Check if any items have categories
+    const hasCategories = useMemo(() => visibleTips.some((t) => t.config.category), [visibleTips]);
     // Resolve theme (auto → detect system preference)
     const resolvedTheme = useMemo(() => {
         if (config.theme !== 'auto')
             return config.theme;
-        // Check system preference (SSR-safe)
         if (typeof window !== 'undefined') {
             return window.matchMedia?.('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
         }
         return 'light';
     }, [config.theme]);
+    // Handle tip toggle
+    const handleToggle = useCallback((id) => {
+        setExpandedIds((prev) => {
+            const wasExpanded = prev.has(id);
+            let next;
+            if (config.expandBehavior === 'single') {
+                // In single mode, emit collapse events for any previously-expanded tips
+                for (const prevId of prev) {
+                    if (prevId !== id) {
+                        runtime.events.publish('nav:toggled', {
+                            instanceId,
+                            tipId: prevId,
+                            expanded: false,
+                            timestamp: Date.now(),
+                        });
+                    }
+                }
+                next = wasExpanded ? new Set() : new Set([id]);
+            }
+            else {
+                next = new Set(prev);
+                if (wasExpanded) {
+                    next.delete(id);
+                }
+                else {
+                    next.add(id);
+                }
+            }
+            // Emit event for the clicked tip using fresh state from the updater
+            runtime.events.publish('nav:toggled', {
+                instanceId,
+                tipId: id,
+                expanded: !wasExpanded,
+                timestamp: Date.now(),
+            });
+            return next;
+        });
+    }, [config.expandBehavior, runtime.events, instanceId]);
     // Handle navigation with event publishing
     const handleNavigate = useCallback((href, external) => {
-        // Publish navigation event for analytics
-        runtime.events.publish('nav:click', {
+        // Reject dangerous URIs to prevent XSS
+        const normalizedHref = href.trim().toLowerCase();
+        if (normalizedHref.startsWith('javascript:') ||
+            normalizedHref.startsWith('data:')) {
+            return;
+        }
+        runtime.events.publish('nav:tip_clicked', {
             instanceId,
             href,
             external,
             timestamp: Date.now(),
         });
-        // Perform navigation
         if (external) {
             window.open(href, '_blank', 'noopener,noreferrer');
         }
@@ -140,17 +370,28 @@ export function NavWidget({ config, runtime, instanceId }) {
             window.location.href = href;
         }
     }, [runtime.events, instanceId]);
-    // Compute nav styles
-    const navStyle = {
-        ...baseStyles.nav,
-        ...themeStyles[resolvedTheme].nav,
-        flexDirection: config.layout === 'vertical' ? 'column' : 'row',
+    // Compute container styles
+    const containerStyle = {
+        ...baseStyles.container,
+        ...themeStyles[resolvedTheme].container,
+    };
+    const categoryHeaderStyle = {
+        ...baseStyles.categoryHeader,
+        ...themeStyles[resolvedTheme].categoryHeader,
+    };
+    const emptyStateStyle = {
+        ...baseStyles.emptyState,
+        ...themeStyles[resolvedTheme].emptyState,
     };
+    // Render a list of nav tip items
+    const renderItems = (items) => items.map((tip) => (_jsx(NavTipItem, { item: tip, isExpanded: expandedIds.has(tip.config.id), onToggle: () => handleToggle(tip.config.id), onNavigate: handleNavigate, theme: resolvedTheme }, tip.config.id)));
     // Empty state
-    if (visibleLinks.length === 0) {
-        return null;
+    if (visibleTips.length === 0) {
+        return (_jsx("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: _jsx("div", { style: emptyStateStyle, children: "No navigation tips available." }) }));
     }
-    return (_jsx("nav", { style: navStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: visibleLinks.map((link, index) => (_jsx(NavLinkComponent, { link: link, theme: resolvedTheme, onNavigate: handleNavigate }, link.config.href + index))) }));
+    return (_jsx("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: _jsx("div", { style: baseStyles.accordion, children: hasCategories
+                ? Array.from(categoryGroups.entries()).map(([category, items]) => (_jsxs(React.Fragment, { children: [category && (_jsx("div", { style: categoryHeaderStyle, "data-category-header": category, children: category })), renderItems(items)] }, category ?? '__ungrouped')))
+                : renderItems(visibleTips) }) }));
 }
 // ============================================================================
 // Mountable Widget Interface
@@ -160,29 +401,38 @@ export function NavWidget({ config, runtime, instanceId }) {
  */
 export const NavMountableWidget = {
     mount(container, config) {
-        // This is a simplified mount for non-React environments
-        // In practice, the runtime handles React rendering
-        const { runtime, instanceId: _instanceId = 'nav-widget', ...navConfig } = config || {
-            layout: 'horizontal',
+        const { runtime, instanceId = 'nav-widget', ...navConfig } = config || {
+            expandBehavior: 'single',
             theme: 'auto',
             actions: [],
         };
-        // Create simple HTML fallback if no runtime
-        if (!runtime) {
-            const links = navConfig.actions || [];
-            container.innerHTML = `
-        <nav style="display: flex; gap: 8px; padding: 8px; font-family: system-ui;">
-          ${links
-                .map((link) => `
-            <a href="${link.config.href}" style="padding: 8px 12px; text-decoration: none; color: #374151;">
-              ${link.config.icon ? `<span>${link.config.icon}</span>` : ''}
-              ${link.config.label}
-            </a>
-          `)
-                .join('')}
-        </nav>
-      `;
+        // React rendering when runtime + ReactDOM are available
+        if (runtime && typeof createRoot === 'function') {
+            const root = createRoot(container);
+            root.render(React.createElement(NavWidget, {
+                config: navConfig,
+                runtime: runtime,
+                instanceId,
+            }));
+            return () => {
+                root.unmount();
+            };
         }
+        // HTML fallback for non-React environments
+        const tips = navConfig.actions || [];
+        container.innerHTML = `
+      <div style="font-family: system-ui; max-width: 100%;">
+        ${tips
+            .map((tip) => `
+          <div style="margin-bottom: 4px; padding: 12px 16px; background: ${slateGrey[12]}; border-radius: 8px;">
+            ${tip.config.icon ? `<span>${escapeHtml(tip.config.icon)}</span> ` : ''}<strong>${escapeHtml(tip.config.title)}</strong>
+            <p style="margin-top: 8px; color: ${slateGrey[6]}; font-size: 13px;">${escapeHtml(tip.config.description)}</p>
+            ${tip.config.href ? `<a href="${escapeHtml(tip.config.href)}" style="color: ${purple[2]}; font-size: 13px;">Go &rarr;</a>` : ''}
+          </div>
+        `)
+            .join('')}
+      </div>
+    `;
         return () => {
             container.innerHTML = '';
         };

package/dist/cdn.d.ts

@@ -4,6 +4,7 @@
  * This module is bundled for CDN delivery and self-registers with the global
  * SynOS app registry when loaded dynamically via the AppLoader.
  */
+import NavEditor from './editor';
 /**
  * App manifest for registry registration.
  * Follows the AppManifest interface expected by AppLoader/AppRegistry.
@@ -14,7 +15,10 @@ export declare const manifest: {
     name: string;
     description: string;
     runtime: {
-        actions: never[];
+        actions: {
+            kind: "navigation:scrollTo" | "navigation:navigate";
+            executor: import("./types").ActionExecutor<import("./types").ScrollToAction> | import("./types").ActionExecutor<import("./types").NavigateAction>;
+        }[];
         widgets: {
             id: string;
             component: {
@@ -29,6 +33,31 @@ export declare const manifest: {
                 icon: string;
             };
         }[];
+        /**
+         * Extract notify watcher entries from tile config props.
+         * The runtime evaluates these continuously (even with drawer closed)
+         * and publishes nav:tip_revealed when showWhen transitions false → true.
+         */
+        notifyWatchers(props: Record<string, unknown>): {
+            id: string;
+            strategy: import("./types").DecisionStrategy<boolean>;
+            eventName: string;
+            eventProps: {
+                tipId: string;
+                title: string | undefined;
+                body: string | undefined;
+                icon: string | undefined;
+            };
+        }[];
+    };
+    editor: {
+        component: typeof NavEditor;
+        panel: {
+            title: string;
+            icon: string;
+            description: string;
+        };
+        getActionLabel(action: Record<string, unknown>): string;
     };
     metadata: {
         isBuiltIn: boolean;

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;2BA2B4jK,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;CAdhnK,CAAC;AAaF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,SAA0B,MAAM,UAAU,CAAC;AAIlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;2BA0DukY,CAAC;8BAA8B,CAAC;;;;;;;;;QA/CxnY;;;;WAIG;8BACmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;;;;;;;;;;;;;;;+BAoBtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;CAQjD,CAAC;AAaF,eAAe,QAAQ,CAAC"}