@syntrologie/adapt-nav 2.8.0-canary.31 → 2.8.0-canary.310

package/dist/NavWidget.js

@@ -1,491 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Adaptive Nav - NavWidget Component
- *
- * React component that renders a collapsible navigation tips accordion
- * with per-item conditional visibility based on triggerWhen decision strategies.
- *
- * Demonstrates the compositional action pattern where child actions
- * (nav:tip) serve as configuration data for the parent widget.
- */
-import { purple, slateGrey } from '@syntro/design-system/tokens';
-import React, { useCallback, useEffect, useMemo, useReducer, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-// ============================================================================
-// Emoji → Lucide SVG inline mapping (no lucide-react dependency)
-// ============================================================================
-const EMOJI_SVG_MAP = {
-    '💵': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>',
-    '🏛️': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="22" y2="22"/><line x1="6" x2="6" y1="18" y2="11"/><line x1="10" x2="10" y1="18" y2="11"/><line x1="14" x2="14" y1="18" y2="11"/><line x1="18" x2="18" y1="18" y2="11"/><polygon points="12 2 20 7 4 7"/></svg>',
-    '⏭️': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 4 15 12 5 20 5 4"/><line x1="19" x2="19" y1="5" y2="19"/></svg>',
-    '➡️': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',
-    '💡': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>',
-    '💰': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="12" x="2" y="6" rx="2"/><circle cx="12" cy="12" r="2"/><path d="M6 12h.01M18 12h.01"/></svg>',
-    '📋': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><path d="M12 11h4"/><path d="M12 16h4"/><path d="M8 11h.01"/><path d="M8 16h.01"/></svg>',
-    '✅': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="m9 11 3 3L22 4"/></svg>',
-    '⚠️': '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>',
-};
-function renderIcon(emoji) {
-    return EMOJI_SVG_MAP[emoji] ?? escapeHtml(emoji);
-}
-// ============================================================================
-// Sanitization
-// ============================================================================
-function escapeHtml(str) {
-    return str
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
-// ============================================================================
-// Styles
-// ============================================================================
-const baseStyles = {
-    container: {
-        fontFamily: 'var(--sc-font-family, system-ui, -apple-system, sans-serif)',
-        maxWidth: '100%',
-        overflow: 'hidden',
-    },
-    accordion: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 'var(--sc-content-item-gap, 6px)',
-    },
-    item: {
-        borderRadius: 'var(--sc-content-border-radius, 8px)',
-        overflow: 'hidden',
-        transition: 'box-shadow 0.2s ease',
-    },
-    header: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px',
-        width: '100%',
-        padding: 'var(--sc-content-item-padding, 12px 16px)',
-        border: 'none',
-        cursor: 'pointer',
-        fontSize: 'var(--sc-content-item-font-size, 15px)',
-        fontWeight: 500,
-        fontFamily: 'inherit',
-        textAlign: 'left',
-        transition: 'background-color 0.15s ease',
-    },
-    chevron: {
-        fontSize: '20px',
-        transition: 'transform 0.2s ease',
-        marginLeft: 'auto',
-        flexShrink: 0,
-        color: 'var(--sc-content-chevron-color, currentColor)',
-    },
-    icon: {
-        fontSize: '16px',
-        flexShrink: 0,
-    },
-    body: {
-        overflow: 'hidden',
-        transition: 'max-height 0.25s ease, padding-bottom 0.25s ease',
-        padding: 'var(--sc-content-body-padding, 0 16px 12px 16px)',
-    },
-    description: {
-        fontSize: 'var(--sc-content-body-font-size, 14px)',
-        lineHeight: '1.5',
-        margin: 0,
-    },
-    linkButton: {
-        display: 'inline-flex',
-        alignItems: 'center',
-        gap: '4px',
-        marginTop: '10px',
-        padding: '6px 12px',
-        borderRadius: '6px',
-        textDecoration: 'none',
-        fontSize: '13px',
-        fontWeight: 500,
-        cursor: 'pointer',
-        border: 'none',
-        transition: 'background-color 0.15s ease',
-    },
-    categoryHeader: {
-        fontSize: 'var(--sc-content-category-font-size, 12px)',
-        fontWeight: 600,
-        textTransform: 'uppercase',
-        letterSpacing: '0.05em',
-        padding: 'var(--sc-content-category-padding, 8px 4px 4px 4px)',
-    },
-    emptyState: {
-        fontSize: '13px',
-        padding: '16px',
-        textAlign: 'center',
-    },
-};
-const themeStyles = {
-    light: {
-        container: {
-            backgroundColor: 'transparent',
-            color: 'inherit',
-        },
-        item: {
-            backgroundColor: 'var(--sc-content-background)',
-            border: 'var(--sc-content-border)',
-        },
-        itemExpanded: {
-            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.08)',
-        },
-        header: {
-            backgroundColor: 'transparent',
-            color: 'var(--sc-content-text-color)',
-        },
-        headerHover: {
-            backgroundColor: 'var(--sc-content-background-hover)',
-        },
-        body: {
-            color: 'var(--sc-content-text-secondary-color)',
-        },
-        linkButton: {
-            backgroundColor: 'var(--sc-color-primary, #6366f1)',
-            color: '#ffffff',
-        },
-        categoryHeader: {
-            color: slateGrey[7],
-        },
-        emptyState: {
-            color: slateGrey[8],
-        },
-    },
-    dark: {
-        container: {
-            backgroundColor: 'transparent',
-            color: 'inherit',
-        },
-        item: {
-            backgroundColor: 'var(--sc-content-background)',
-            border: 'var(--sc-content-border)',
-        },
-        itemExpanded: {
-            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
-        },
-        header: {
-            backgroundColor: 'transparent',
-            color: 'var(--sc-content-text-color)',
-        },
-        headerHover: {
-            backgroundColor: 'var(--sc-content-background-hover)',
-        },
-        body: {
-            color: 'var(--sc-content-text-secondary-color)',
-        },
-        linkButton: {
-            backgroundColor: 'var(--sc-color-primary, #6366f1)',
-            color: '#ffffff',
-        },
-        categoryHeader: {
-            color: slateGrey[8],
-        },
-        emptyState: {
-            color: slateGrey[7],
-        },
-    },
-};
-// ============================================================================
-// Helpers
-// ============================================================================
-/** Check if any of the given routes match the current page pathname */
-function routeMatchesCurrent(routes) {
-    if (typeof window === 'undefined')
-        return false;
-    const current = window.location.pathname;
-    return routes.some((route) => {
-        // Strip query/hash from route if present
-        const routePath = route.split('?')[0].split('#')[0];
-        // Exact match or glob pattern (** suffix)
-        if (routePath.endsWith('/**')) {
-            return current.startsWith(routePath.slice(0, -3));
-        }
-        return current === routePath;
-    });
-}
-/** Apply a brief pulse animation to an element, then remove it */
-function pulseElement(el) {
-    const keyframes = [
-        { boxShadow: '0 0 0 0 rgba(13, 148, 136, 0.5)' },
-        { boxShadow: '0 0 0 8px rgba(13, 148, 136, 0)' },
-    ];
-    el.animate(keyframes, { duration: 600, iterations: 3, easing: 'ease-out' });
-}
-function NavTipItem({ item, isExpanded, isLast, onToggle, onNavigate, onFocusAnchor, theme, }) {
-    const [isHovered, setIsHovered] = useState(false);
-    const colors = themeStyles[theme];
-    const { title, description, href, icon, external, anchor } = item.config;
-    const itemStyle = {
-        ...baseStyles.item,
-        ...colors.item,
-        ...(isExpanded ? colors.itemExpanded : {}),
-        ...(!isLast ? { borderBottom: 'var(--sc-content-item-divider, none)' } : {}),
-    };
-    const headerStyle = {
-        ...baseStyles.header,
-        ...colors.header,
-        ...(isHovered ? colors.headerHover : {}),
-    };
-    const chevronStyle = {
-        ...baseStyles.chevron,
-        transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
-    };
-    const bodyStyle = {
-        ...baseStyles.body,
-        ...colors.body,
-        maxHeight: isExpanded ? '500px' : '0',
-        paddingBottom: isExpanded ? '16px' : '0',
-    };
-    // Determine the effective navigation target from anchor or legacy href
-    const effectiveHref = anchor
-        ? Array.isArray(anchor.route)
-            ? anchor.route[0]
-            : anchor.route
-        : href;
-    // Same-page check: anchor exists, selector is meaningful, and route matches current page
-    const isSamePage = anchor
-        ? routeMatchesCurrent(Array.isArray(anchor.route) ? anchor.route : [anchor.route])
-        : effectiveHref
-            ? routeMatchesCurrent([effectiveHref])
-            : false;
-    const hasSelector = anchor?.selector && anchor.selector !== '*';
-    const isFocusAction = isSamePage && hasSelector;
-    const hasAction = !!effectiveHref || isFocusAction;
-    const handleLinkClick = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (isFocusAction && anchor) {
-            onFocusAnchor(anchor);
-        }
-        else if (effectiveHref) {
-            onNavigate(effectiveHref, external ?? false);
-        }
-    };
-    // CTA label
-    const ctaLabel = isFocusAction ? `Focus \u2192` : external ? `Go \u2197` : `Go \u2192`;
-    return (_jsxs("div", { style: itemStyle, "data-nav-tip-id": item.config.id, children: [_jsxs("button", { type: "button", style: headerStyle, onClick: onToggle, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), "aria-expanded": isExpanded, children: [icon && (
-                    // biome-ignore lint/security/noDangerouslySetInnerHtml: renderIcon returns sanitized SVG from EMOJI_SVG_MAP or escapeHtml
-                    _jsx("span", { style: baseStyles.icon, dangerouslySetInnerHTML: { __html: renderIcon(icon) } })), _jsx("span", { children: title }), _jsx("span", { style: chevronStyle, children: '\u203A' })] }), _jsxs("div", { style: bodyStyle, "aria-hidden": !isExpanded, children: [_jsx("p", { style: baseStyles.description, children: description }), hasAction && (_jsx("a", { href: effectiveHref || '#', onClick: handleLinkClick, style: { ...baseStyles.linkButton, ...colors.linkButton }, target: external ? '_blank' : undefined, rel: external ? 'noopener noreferrer' : undefined, children: ctaLabel }))] })] }));
-}
-// ============================================================================
-// NavWidget Component
-// ============================================================================
-/**
- * NavWidget - Renders a collapsible navigation tips accordion.
- *
- * This component demonstrates the compositional action pattern:
- * - Parent (NavWidget) receives `config.actions` array
- * - Each action has optional `triggerWhen` for per-item visibility
- * - Parent evaluates triggerWhen 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/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(() => {
-            forceUpdate();
-        });
-        return unsubscribe;
-    }, [runtime.context]);
-    // Subscribe to accumulator changes for event_count-based triggerWhen
-    useEffect(() => {
-        if (!runtime.accumulator?.subscribe)
-            return;
-        return runtime.accumulator.subscribe(() => {
-            forceUpdate();
-        });
-    }, [runtime.accumulator]);
-    // Filter visible tips based on per-item triggerWhen
-    // biome-ignore lint/correctness/useExhaustiveDependencies: renderTick is intentionally included to force re-evaluation when the runtime's mutable context changes (subscribed above via forceUpdate)
-    const visibleTips = useMemo(() => config.actions.filter((tip) => {
-        if (!tip.triggerWhen)
-            return true;
-        try {
-            const result = runtime.evaluateSync(tip.triggerWhen);
-            return result.value;
-        }
-        catch {
-            // If strategy evaluation fails, hide the tip (fail-closed)
-            return false;
-        }
-    }), [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 && config.theme !== 'auto')
-            return config.theme;
-        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) => {
-        // 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(),
-        });
-        if (external) {
-            window.open(href, '_blank', 'noopener,noreferrer');
-        }
-        else {
-            // SPA navigation: pushState updates the URL, then popstate tells the
-            // host app's router (e.g. React Router) to render the new page.
-            // Cleanup functions in revertAll() are resilient to detached DOM nodes,
-            // so no timing hack is needed between pushState and popstate.
-            const url = new URL(href, window.location.origin);
-            url.search = window.location.search;
-            window.history.pushState(null, '', url.toString());
-            window.dispatchEvent(new PopStateEvent('popstate'));
-        }
-    }, [runtime.events, instanceId]);
-    // Handle same-page anchor focus: scroll + pulse + focus
-    const handleFocusAnchor = useCallback((anchor) => {
-        const el = document.querySelector(anchor.selector);
-        if (!(el instanceof HTMLElement))
-            return;
-        runtime.events.publish('nav:tip_focused', {
-            instanceId,
-            selector: anchor.selector,
-            route: anchor.route,
-            timestamp: Date.now(),
-        });
-        el.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        pulseElement(el);
-        // Focus after scroll completes
-        setTimeout(() => el.focus(), 400);
-    }, [runtime.events, instanceId]);
-    // 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, index) => (_jsx(NavTipItem, { item: tip, isExpanded: expandedIds.has(tip.config.id), isLast: index === items.length - 1, onToggle: () => handleToggle(tip.config.id), onNavigate: handleNavigate, onFocusAnchor: handleFocusAnchor, theme: resolvedTheme }, tip.config.id)));
-    // Empty state
-    if (visibleTips.length === 0) {
-        return (_jsx("div", { style: containerStyle, "data-adaptive-id": instanceId, "data-adaptive-type": "adaptive-nav", children: _jsx("div", { style: emptyStateStyle, children: "You're all set for now! We'll share helpful tips here when they're relevant to what you're doing." }) }));
-    }
-    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
-// ============================================================================
-/**
- * Mountable widget interface for the runtime's WidgetRegistry.
- */
-export const NavMountableWidget = {
-    mount(container, config) {
-        const { runtime, instanceId = 'nav-widget', ...navConfig } = config || {
-            expandBehavior: 'single',
-            theme: 'auto',
-            actions: [],
-        };
-        // 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>${renderIcon(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 = '';
-        };
-    },
-};
-export default NavWidget;

package/dist/cdn.d.ts

@@ -1,62 +0,0 @@
-/**
- * CDN Entry Point for Adaptive Nav
- *
- * 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.
- */
-export declare const manifest: {
-    id: string;
-    version: string;
-    name: string;
-    description: string;
-    runtime: {
-        actions: {
-            kind: "navigation:scrollTo" | "navigation:navigate";
-            executor: import("packages/sdk-contracts/dist").ActionExecutor<import("./types").ScrollToAction> | import("packages/sdk-contracts/dist").ActionExecutor<import("./types").NavigateAction>;
-        }[];
-        widgets: {
-            id: string;
-            component: {
-                mount(container: HTMLElement, config?: import("./types").NavConfig & {
-                    runtime?: import("./types").NavWidgetRuntime;
-                    instanceId?: string;
-                }): () => void;
-            };
-            metadata: {
-                name: string;
-                description: string;
-                icon: string;
-            };
-        }[];
-        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;
-    };
-};
-export default manifest;
-//# sourceMappingURL=cdn.d.ts.map

package/dist/cdn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,SAA0B,MAAM,UAAU,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;2BAsCgmmB,CAAC;8BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAtB1nmB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;;;;CAQjD,CAAC;AAaF,eAAe,QAAQ,CAAC"}

package/dist/cdn.js

@@ -1,48 +0,0 @@
-/**
- * CDN Entry Point for Adaptive Nav
- *
- * This module is bundled for CDN delivery and self-registers with the global
- * SynOS app registry when loaded dynamically via the AppLoader.
- */
-import NavEditor, { editorPanel } from './editor';
-import { executors, runtime } from './runtime';
-/**
- * App manifest for registry registration.
- * Follows the AppManifest interface expected by AppLoader/AppRegistry.
- */
-export const manifest = {
-    id: 'adaptive-nav',
-    version: runtime.version,
-    name: runtime.name,
-    description: runtime.description,
-    runtime: {
-        actions: executors.map(({ kind, executor }) => ({
-            kind,
-            executor,
-        })),
-        widgets: runtime.widgets,
-        notifyWatchers: runtime.notifyWatchers,
-    },
-    editor: {
-        component: NavEditor,
-        panel: editorPanel,
-        getActionLabel(action) {
-            const config = action.config || {};
-            return config.title || action.kind || 'nav:tip';
-        },
-    },
-    metadata: {
-        isBuiltIn: false,
-    },
-};
-/**
- * Self-register with global registry if available.
- * This happens when loaded via script tag (UMD).
- */
-if (typeof window !== 'undefined') {
-    const registry = window.SynOS?.appRegistry;
-    if (registry && typeof registry.register === 'function') {
-        registry.register(manifest);
-    }
-}
-export default manifest;

package/dist/summarize.js

@@ -1,51 +0,0 @@
-/**
- * Human-readable summary generation for Nav items.
- * Pure functions — no DOM access, just string formatting.
- */
-const MAX_TITLE_LEN = 30;
-function truncate(text, max) {
-    if (text.length <= max)
-        return text;
-    return `${text.slice(0, max).trimEnd()}...`;
-}
-function isRuleStrategy(s) {
-    return (typeof s === 'object' &&
-        s !== null &&
-        s.type === 'rules' &&
-        Array.isArray(s.rules));
-}
-/**
- * Parse a triggerWhen strategy into a human-readable trigger description.
- */
-export function describeTrigger(triggerWhen) {
-    if (!triggerWhen)
-        return 'All pages';
-    if (!isRuleStrategy(triggerWhen))
-        return 'All pages';
-    const pages = [];
-    const anchors = [];
-    for (const rule of triggerWhen.rules) {
-        for (const condition of rule.conditions) {
-            if (condition.type === 'page_url' && typeof condition.url === 'string') {
-                pages.push(condition.url);
-            }
-            if (condition.type === 'anchor_visible' && typeof condition.anchorId === 'string') {
-                anchors.push(condition.anchorId);
-            }
-        }
-    }
-    const parts = [];
-    if (pages.length > 0)
-        parts.push(pages[0]);
-    if (anchors.length > 0)
-        parts.push(anchors[0]);
-    return parts.length > 0 ? parts.join(' \u00b7 ') : 'All pages';
-}
-/**
- * Generate a one-liner summary for a Nav tip.
- */
-export function summarizeNavItem(item) {
-    const icon = item.config.icon || '\u{1F9ED}';
-    const title = truncate(item.config.title, MAX_TITLE_LEN);
-    return `${icon} ${title}`;
-}

package/dist/types.js

@@ -1,18 +0,0 @@
-/**
- * Adaptive Nav - Types
- *
- * Type definitions for the navigation tips accordion adaptive.
- * Demonstrates compositional action pattern with per-item triggerWhen.
- */
-// ============================================================================
-// Action Namespace
-// ============================================================================
-export const ACTION_NAMESPACES = ['nav', 'navigation'];
-/**
- * Returns true if the action belongs to this adaptive package.
- * Uses prefix matching so new kinds (e.g. nav:dropdown) are automatically included.
- * Covers both `nav:*` (compositional) and `navigation:*` (executor) prefixes.
- */
-export function isOwnAction(action) {
-    return ACTION_NAMESPACES.some((ns) => action.kind.startsWith(`${ns}:`));
-}