@syntrologie/runtime-sdk 0.2.21 → 1.0.0

package/dist/apps/examples/gamification-app.example.js

@@ -0,0 +1,329 @@
+var _a;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { z } from 'zod';
+// ============================================================================
+// CONFIG SCHEMA
+// ============================================================================
+/**
+ * Badge configuration.
+ */
+const BadgeSchema = z.object({
+    id: z.string(),
+    name: z.string(),
+    description: z.string().optional(),
+    icon: z.string(), // URL or emoji
+    trigger: z.object({
+        event: z.string(),
+        count: z.number().optional(),
+    }),
+});
+/**
+ * App config schema - defines what config this app expects.
+ */
+export const configSchema = z.object({
+    badges: z.array(BadgeSchema).default([]),
+    showProgress: z.boolean().default(true),
+    celebrationStyle: z.enum(['confetti', 'toast', 'modal']).default('toast'),
+});
+// ============================================================================
+// ACTION SCHEMAS
+// ============================================================================
+/**
+ * Action: Award a badge to the user.
+ */
+const AwardBadgeSchema = z.object({
+    kind: z.literal('gamification:award_badge'),
+    badgeId: z.string(),
+    showCelebration: z.boolean().default(true),
+    label: z.string().optional(),
+});
+/**
+ * Action: Show the progress widget.
+ */
+const ShowProgressSchema = z.object({
+    kind: z.literal('gamification:show_progress'),
+    slot: z.string().default('overlay_corner_br'),
+    label: z.string().optional(),
+});
+// ============================================================================
+// ACTION EXECUTORS
+// ============================================================================
+/**
+ * Award badge executor.
+ */
+async function executeAwardBadge(action, context) {
+    const { badgeId, showCelebration: _showCelebration } = action;
+    // Emit event for tracking
+    context.publishEvent('gamification:badge_awarded', {
+        badgeId,
+        timestamp: Date.now(),
+    });
+    // Return cleanup function
+    return {
+        cleanup: () => {
+            // Badge awards are permanent, no cleanup
+        },
+    };
+}
+/**
+ * Show progress executor.
+ */
+async function executeShowProgress(action, context) {
+    // This would mount the progress widget
+    // For now, just emit an event
+    context.publishEvent('gamification:progress_shown', {
+        slot: action.slot,
+    });
+    return {
+        cleanup: () => { },
+    };
+}
+// ============================================================================
+// WIDGETS
+// ============================================================================
+/**
+ * Badge display widget.
+ */
+const BadgeWidget = {
+    mount(container, config) {
+        container.innerHTML = `
+      <div style="
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 12px;
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        border-radius: 8px;
+        color: white;
+        font-family: system-ui, sans-serif;
+      ">
+        <span style="font-size: 24px;">${(config === null || config === void 0 ? void 0 : config.icon) || '🏆'}</span>
+        <div>
+          <div style="font-weight: 600; font-size: 14px;">${(config === null || config === void 0 ? void 0 : config.name) || 'Badge'}</div>
+          <div style="font-size: 12px; opacity: 0.8;">Unlocked!</div>
+        </div>
+      </div>
+    `;
+        return () => {
+            container.innerHTML = '';
+        };
+    },
+};
+/**
+ * Progress tracker widget.
+ */
+const ProgressWidget = {
+    mount(container, config) {
+        const progress = (config === null || config === void 0 ? void 0 : config.progress) || 0;
+        const total = (config === null || config === void 0 ? void 0 : config.total) || 100;
+        const percentage = Math.round((progress / total) * 100);
+        container.innerHTML = `
+      <div style="
+        padding: 16px;
+        background: rgba(0, 0, 0, 0.8);
+        border-radius: 12px;
+        color: white;
+        font-family: system-ui, sans-serif;
+        min-width: 200px;
+      ">
+        <div style="font-size: 12px; opacity: 0.7; margin-bottom: 8px;">Progress</div>
+        <div style="font-size: 24px; font-weight: 700; margin-bottom: 8px;">${percentage}%</div>
+        <div style="
+          height: 4px;
+          background: rgba(255,255,255,0.2);
+          border-radius: 2px;
+          overflow: hidden;
+        ">
+          <div style="
+            height: 100%;
+            width: ${percentage}%;
+            background: linear-gradient(90deg, #667eea, #764ba2);
+            transition: width 0.3s ease;
+          "></div>
+        </div>
+      </div>
+    `;
+        return () => {
+            container.innerHTML = '';
+        };
+    },
+};
+/**
+ * Gamification editor component.
+ */
+function GamificationEditor({ config, onChange, editor }) {
+    const typedConfig = config;
+    const badges = typedConfig.badges || [];
+    const handleAddBadge = () => {
+        const newBadge = {
+            id: `badge-${Date.now()}`,
+            name: 'New Badge',
+            icon: '🏆',
+            trigger: { event: 'page_view', count: 1 },
+        };
+        onChange({
+            ...config,
+            badges: [...badges, newBadge],
+        });
+        editor.setDirty(true);
+    };
+    const handleRemoveBadge = (id) => {
+        onChange({
+            ...config,
+            badges: badges.filter((b) => b.id !== id),
+        });
+        editor.setDirty(true);
+    };
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100%' }, children: [_jsxs("div", { style: {
+                    padding: '16px',
+                    borderBottom: '1px solid #334155',
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '12px',
+                }, children: [_jsx("button", { onClick: () => editor.navigateHome(), style: {
+                            padding: '6px 12px',
+                            borderRadius: '6px',
+                            border: 'none',
+                            backgroundColor: 'rgba(255,255,255,0.05)',
+                            color: '#94a3b8',
+                            fontSize: '13px',
+                            cursor: 'pointer',
+                        }, children: "\u2190 Back" }), _jsxs("div", { children: [_jsx("h2", { style: { margin: 0, fontSize: '15px', fontWeight: 600, color: '#f8fafc' }, children: "Gamification" }), _jsx("p", { style: { margin: '2px 0 0 0', fontSize: '11px', color: '#64748b' }, children: "Badges, rewards, and engagement" })] })] }), _jsxs("div", { style: { flex: 1, overflow: 'auto', padding: '16px' }, children: [_jsx("button", { onClick: handleAddBadge, style: {
+                            width: '100%',
+                            padding: '12px',
+                            borderRadius: '8px',
+                            border: '1px dashed rgba(139, 92, 246, 0.3)',
+                            background: 'rgba(139, 92, 246, 0.05)',
+                            color: '#8b5cf6',
+                            fontSize: '13px',
+                            fontWeight: 600,
+                            cursor: 'pointer',
+                            marginBottom: '16px',
+                        }, children: "+ Add Badge" }), badges.map((badge) => (_jsxs("div", { style: {
+                            padding: '12px',
+                            borderRadius: '8px',
+                            border: '1px solid rgba(255,255,255,0.08)',
+                            background: 'rgba(255,255,255,0.02)',
+                            marginBottom: '8px',
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '12px',
+                        }, children: [_jsx("span", { style: { fontSize: '24px' }, children: badge.icon }), _jsxs("div", { style: { flex: 1 }, children: [_jsx("div", { style: { fontSize: '14px', fontWeight: 500, color: '#f8fafc' }, children: badge.name }), _jsxs("div", { style: { fontSize: '12px', color: '#64748b' }, children: ["Trigger: ", badge.trigger.event, badge.trigger.count && ` × ${badge.trigger.count}`] })] }), _jsx("button", { onClick: () => handleRemoveBadge(badge.id), style: {
+                                    padding: '4px 8px',
+                                    borderRadius: '4px',
+                                    border: 'none',
+                                    background: 'rgba(239, 68, 68, 0.1)',
+                                    color: '#ef4444',
+                                    fontSize: '12px',
+                                    cursor: 'pointer',
+                                }, children: "Remove" })] }, badge.id))), badges.length === 0 && (_jsx("div", { style: {
+                            textAlign: 'center',
+                            padding: '32px 16px',
+                            color: '#64748b',
+                            fontSize: '13px',
+                        }, children: "No badges configured. Click the button above to add one." }))] }), _jsxs("div", { style: {
+                    padding: '12px 16px',
+                    borderTop: '1px solid #334155',
+                    display: 'flex',
+                    gap: '8px',
+                }, children: [_jsx("button", { onClick: () => editor.save(), style: {
+                            flex: 1,
+                            padding: '10px',
+                            borderRadius: '8px',
+                            border: 'none',
+                            background: 'rgba(59, 130, 246, 0.15)',
+                            color: '#3b82f6',
+                            fontSize: '13px',
+                            fontWeight: 600,
+                            cursor: 'pointer',
+                        }, children: "Save Draft" }), _jsx("button", { onClick: () => editor.publish(), style: {
+                            flex: 1,
+                            padding: '10px',
+                            borderRadius: '8px',
+                            border: 'none',
+                            background: '#22c55e',
+                            color: 'white',
+                            fontSize: '13px',
+                            fontWeight: 600,
+                            cursor: 'pointer',
+                        }, children: "Publish" })] })] }));
+}
+// ============================================================================
+// APP MANIFEST
+// ============================================================================
+/**
+ * The complete app manifest.
+ * This is what gets registered with the AppRegistry.
+ */
+export const manifest = {
+    id: 'gamification',
+    version: '1.0.0',
+    name: 'Gamification',
+    description: 'Badges, rewards, and engagement mechanics',
+    runtime: {
+        actions: [
+            {
+                kind: 'gamification:award_badge',
+                schema: AwardBadgeSchema,
+                executor: executeAwardBadge,
+            },
+            {
+                kind: 'gamification:show_progress',
+                schema: ShowProgressSchema,
+                executor: executeShowProgress,
+            },
+        ],
+        widgets: [
+            {
+                id: 'gamification:badge',
+                component: BadgeWidget,
+                metadata: { name: 'Badge Display', icon: '🏆' },
+            },
+            {
+                id: 'gamification:progress',
+                component: ProgressWidget,
+                metadata: { name: 'Progress Tracker', icon: '📊' },
+            },
+        ],
+        events: [
+            {
+                names: ['page_view', 'button_click'],
+                handler: (event, _ctx) => {
+                    // Check badge triggers
+                    console.log('[Gamification] Event received:', event.name);
+                },
+            },
+        ],
+    },
+    configSchema,
+    editor: {
+        component: GamificationEditor,
+        panel: {
+            title: 'Gamification',
+            icon: '🎮',
+            description: 'Badges, rewards, and engagement',
+        },
+    },
+    metadata: {
+        author: 'Syntro',
+        tags: ['gamification', 'badges', 'rewards', 'engagement'],
+    },
+};
+// ============================================================================
+// SELF-REGISTRATION (for UMD bundles)
+// ============================================================================
+/**
+ * Auto-register when loaded as a script tag.
+ * This looks for a global SynOS.appRegistry and registers the manifest.
+ */
+if (typeof window !== 'undefined') {
+    const global = window;
+    if ((_a = global.SynOS) === null || _a === void 0 ? void 0 : _a.appRegistry) {
+        global.SynOS.appRegistry.register(manifest);
+    }
+}
+// ============================================================================
+// MODULE EXPORT (for ES modules)
+// ============================================================================
+export default manifest;
+//# sourceMappingURL=gamification-app.example.js.map

package/dist/apps/examples/gamification-app.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gamification-app.example.js","sourceRoot":"","sources":["../../../src/apps/examples/gamification-app.example.tsx"],"names":[],"mappings":"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"}

package/dist/apps/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Apps Module
+ *
+ * SynOS app system for extensible runtime and editor modules.
+ */
+export { AppRegistry, appRegistry } from './AppRegistry';
+export type { AppRegistryEventCallback } from './AppRegistry';
+export { createAppContext, cleanupAppContext } from './AppContext';
+export type { CreateAppContextOptions } from './AppContext';
+export { createAppLoader, isCoreActionKind, getAppIdFromActionKind, getAppIdFromWidgetId, } from './AppLoader';
+export type { AppLoader, AppLoaderOptions, AppLoadResult, CanvasConfigForLoader, } from './AppLoader';
+export { runtime as contentRuntime } from '@syntrologie/adapt-content/runtime';
+export { runtime as overlaysRuntime } from '@syntrologie/adapt-overlays/runtime';
+export type { AppManifest, AppRegistration, AppLifecycleState, AppContext, AppRuntimeExtensions, AppActionDefinition, AppWidgetDefinition, AppEventHandler, AppEventContext, EditorPanelProps, EditorPanelConfig, AppEditorModule, AppRegistryEvent, } from './types';

package/dist/apps/index.js

@@ -0,0 +1,16 @@
+/**
+ * Apps Module
+ *
+ * SynOS app system for extensible runtime and editor modules.
+ */
+// App Registry
+export { AppRegistry, appRegistry } from './AppRegistry';
+// App Context
+export { createAppContext, cleanupAppContext } from './AppContext';
+// App Loader
+export { createAppLoader, isCoreActionKind, getAppIdFromActionKind, getAppIdFromWidgetId, } from './AppLoader';
+// Core app runtime modules (bundled with runtime SDK)
+// These executors are available immediately without CDN loading.
+export { runtime as contentRuntime } from '@syntrologie/adapt-content/runtime';
+export { runtime as overlaysRuntime } from '@syntrologie/adapt-overlays/runtime';
+//# sourceMappingURL=index.js.map

package/dist/apps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/apps/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAe;AACf,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGzD,cAAc;AACd,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGnE,aAAa;AACb,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAQrB,sDAAsD;AACtD,iEAAiE;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/apps/types.d.ts

@@ -0,0 +1,231 @@
+/**
+ * App Types
+ *
+ * Defines the types for the SynOS app system.
+ * Apps provide runtime extensions (actions, widgets, events) and editor modules.
+ */
+import type { ZodSchema } from 'zod';
+import type { ActionExecutor } from '../actions/types';
+import type { NormalizedEvent } from '../events/types';
+import type { MountableWidget } from '../widgets/WidgetRegistry';
+/**
+ * Action definition provided by an app.
+ */
+export interface AppActionDefinition {
+    /** Action kind (e.g., "gamification:awardBadge") */
+    kind: string;
+    /** Zod schema for validation */
+    schema?: ZodSchema;
+    /** Executor function */
+    executor: ActionExecutor<any>;
+}
+/**
+ * Widget definition provided by an app.
+ */
+export interface AppWidgetDefinition {
+    /** Widget ID (e.g., "gamification:leaderboard") */
+    id: string;
+    /** The widget component */
+    component: MountableWidget;
+    /** Optional metadata */
+    metadata?: {
+        name?: string;
+        description?: string;
+        icon?: string;
+    };
+}
+/**
+ * Context passed to app event handlers.
+ */
+export interface AppEventContext {
+    /** The app ID */
+    appId: string;
+    /** Access to state store */
+    state: {
+        get: (key: string) => unknown;
+        set: (key: string, value: unknown) => void;
+    };
+    /** Emit telemetry events */
+    telemetry?: {
+        emit: (eventName: string, props?: Record<string, unknown>) => void;
+    };
+    /** Access to surfaces */
+    surfaces?: {
+        mount: (slot: string, content: unknown, opts?: unknown) => {
+            unmount: () => void;
+        };
+    };
+}
+/**
+ * Event handler definition provided by an app.
+ */
+export interface AppEventHandler {
+    /** Event names to listen for */
+    names: string[];
+    /** Handler function */
+    handler: (event: NormalizedEvent, ctx: AppEventContext) => void | Promise<void>;
+}
+/**
+ * Runtime extensions provided by an app.
+ */
+export interface AppRuntimeExtensions {
+    /** Custom action kinds */
+    actions?: AppActionDefinition[];
+    /** Widget components */
+    widgets?: AppWidgetDefinition[];
+    /** Event handlers */
+    events?: AppEventHandler[];
+}
+/**
+ * Props passed to editor panel components.
+ */
+export interface EditorPanelProps {
+    /** The current config for this app's portion */
+    config: Record<string, unknown>;
+    /** Callback when config changes */
+    onChange: (config: Record<string, unknown>) => void;
+    /** Editor utilities */
+    editor: {
+        /** Mark the editor as dirty (has unsaved changes) */
+        setDirty: (dirty: boolean) => void;
+        /** Navigate back to home */
+        navigateHome: () => Promise<boolean>;
+        /** Save the current config */
+        save: () => Promise<void>;
+        /** Publish the current config */
+        publish: (captureScreenshot?: boolean) => Promise<void>;
+    };
+    /** Platform client for API calls (optional) */
+    platformClient?: unknown;
+}
+/**
+ * Editor panel configuration.
+ */
+export interface EditorPanelConfig {
+    /** Panel title */
+    title: string;
+    /** Panel icon (emoji or icon key) */
+    icon: string;
+    /** Panel description */
+    description: string;
+}
+/**
+ * Editor module provided by an app.
+ */
+export interface AppEditorModule {
+    /** React component for the editor panel */
+    component: React.ComponentType<EditorPanelProps>;
+    /** Panel configuration */
+    panel: EditorPanelConfig;
+}
+/**
+ * App manifest - the complete definition of a SynOS app.
+ */
+export interface AppManifest {
+    /** Unique app identifier (e.g., "adaptive-gamification") */
+    id: string;
+    /** App version (semver) */
+    version: string;
+    /** Human-readable app name */
+    name: string;
+    /** App description */
+    description?: string;
+    /** Runtime extensions */
+    runtime?: AppRuntimeExtensions;
+    /** Zod schema for this app's config portion */
+    configSchema?: ZodSchema;
+    /** Editor module (optional - apps without editors are runtime-only) */
+    editor?: AppEditorModule;
+    /** App dependencies (other app IDs that must be loaded first) */
+    dependencies?: string[];
+    /** App metadata */
+    metadata?: {
+        /** Author name or organization */
+        author?: string;
+        /** Homepage URL */
+        homepage?: string;
+        /** License identifier */
+        license?: string;
+        /** Tags for categorization */
+        tags?: string[];
+        /** Whether this is a built-in app (bundled with runtime) */
+        isBuiltIn?: boolean;
+    };
+}
+/**
+ * App lifecycle state.
+ */
+export type AppLifecycleState = 'registered' | 'activating' | 'active' | 'deactivating' | 'inactive' | 'error';
+/**
+ * App registration - tracked state for a registered app.
+ */
+export interface AppRegistration {
+    /** The app manifest */
+    manifest: AppManifest;
+    /** Current lifecycle state */
+    state: AppLifecycleState;
+    /** When the app was registered */
+    registeredAt: number;
+    /** When the app was last activated */
+    activatedAt?: number;
+    /** Error message if state is "error" */
+    error?: string;
+    /** Cleanup function to deactivate the app */
+    cleanup?: () => void | Promise<void>;
+}
+/**
+ * Sandboxed runtime context provided to apps.
+ */
+export interface AppContext {
+    /** The app ID */
+    appId: string;
+    /** State store (scoped to app namespace) */
+    state: {
+        get: (key: string) => unknown;
+        set: (key: string, value: unknown) => void;
+        remove: (key: string) => void;
+    };
+    /** Telemetry (if available) */
+    telemetry?: {
+        emit: (eventName: string, props?: Record<string, unknown>) => void;
+        getSessionId: () => string | undefined;
+    };
+    /** Surfaces access */
+    surfaces: {
+        mount: (slot: string, content: unknown, opts?: unknown) => {
+            unmount: () => void;
+            update: (content: unknown) => void;
+        };
+        canMount: (slot: string, priority?: number) => boolean;
+    };
+    /** Event subscription */
+    events: {
+        subscribe: (callback: (event: NormalizedEvent) => void) => () => void;
+        publish: (name: string, props?: Record<string, unknown>) => void;
+    };
+    /** Register app-provided actions */
+    registerAction: (definition: AppActionDefinition) => void;
+    /** Register app-provided widgets */
+    registerWidget: (definition: AppWidgetDefinition) => void;
+}
+/**
+ * Events emitted by the app registry.
+ */
+export type AppRegistryEvent = {
+    type: 'app:registered';
+    appId: string;
+    manifest: AppManifest;
+} | {
+    type: 'app:activated';
+    appId: string;
+} | {
+    type: 'app:deactivated';
+    appId: string;
+} | {
+    type: 'app:error';
+    appId: string;
+    error: string;
+} | {
+    type: 'app:unregistered';
+    appId: string;
+};

package/dist/apps/types.js

@@ -0,0 +1,8 @@
+/**
+ * App Types
+ *
+ * Defines the types for the SynOS app system.
+ * Apps provide runtime extensions (actions, widgets, events) and editor modules.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/apps/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/apps/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/blocks/data/ComparisonBlock.d.ts

@@ -1,4 +1,4 @@
-import type { ComparisonContent } from "../../types";
+import type { ComparisonContent } from '../../types';
 interface ComparisonBlockProps {
     content: ComparisonContent;
     accentColor?: string;