artifactuse 0.1.0

package/dist/vue2/composables.d.ts

@@ -0,0 +1,291 @@
+/**
+ * Create and provide Artifactuse instance
+ *
+ * @param {object} config - Configuration options
+ * @param {string} config.cdnUrl - Base CDN URL for panels
+ * @param {object} config.panels - Panel configuration (add/override/disable)
+ * @param {string} config.theme - Theme: 'dark' | 'light' | 'auto'
+ * @param {object} config.colors - Custom theme colors
+ * @param {object} config.processors - Enable/disable processors
+ * @param {boolean} config.branding - Show branding
+ *
+ * @example
+ * // Basic usage
+ * const { state, processMessage } = provideArtifactuse();
+ *
+ * @example
+ * // With custom panels
+ * const { state } = provideArtifactuse({
+ *   panels: {
+ *     'chart': 'chart-panel',
+ *     'video': 'https://my-cdn.com/video-panel',
+ *     'canvas': null, // disable
+ *   }
+ * });
+ */
+export function provideArtifactuse(config?: {
+    cdnUrl: string;
+    panels: object;
+    theme: string;
+    colors: object;
+    processors: object;
+    branding: boolean;
+}): {
+    instance: {
+        config: any;
+        state: {
+            getState: () => {
+                artifacts: any[];
+                activeArtifactId: any;
+                isPanelOpen: boolean;
+                viewMode: string;
+                isFullscreen: boolean;
+            };
+            subscribe: (callback: any) => () => void;
+            addArtifact: (artifact: any) => void;
+            addArtifacts: (artifacts: any) => void;
+            removeArtifact: (artifactId: any) => void;
+            getArtifact: (artifactId: any) => any;
+            getActiveArtifact: () => any;
+            getArtifactsByMessageId: (messageId: any) => any[];
+            getArtifactsByType: (type: any) => any[];
+            getArtifactCount: () => number;
+            setActiveArtifact: (artifactId: any) => void;
+            clearActiveArtifact: () => void;
+            setPanelOpen: (isOpen: any) => void;
+            setViewMode: (mode: any) => void;
+            setFullscreen: (isFullscreen: any) => void;
+            clear: () => void;
+            batch: (updateFn: any) => void;
+        };
+        getState: () => {
+            artifacts: any[];
+            activeArtifactId: any;
+            isPanelOpen: boolean;
+            viewMode: string;
+            isFullscreen: boolean;
+        };
+        subscribe: (callback: any) => () => void;
+        processMessage: (content: any, messageId: any) => {
+            html: string | Promise<string>;
+            artifacts: any[];
+        };
+        initializeContent: (container?: Document) => Promise<void>;
+        openArtifact: (artifact: any) => void;
+        closePanel: () => void;
+        togglePanel: () => void;
+        toggleFullscreen: () => void;
+        setViewMode: (mode: any) => void;
+        getPanelUrl: (artifact: any, options?: {}) => any;
+        sendToPanel: (action: any, data: any) => void;
+        hasPanel: (artifact: any) => any;
+        registerPanel: (typesOrLang: string | string[], panel: string | object) => void;
+        unregisterPanel: (typesOrLang: string | string[]) => void;
+        getPanelTypes: () => any;
+        panelResolver: any;
+        theme: {
+            readonly current: string;
+            readonly resolved: string;
+            readonly colors: any;
+            getResolvedTheme: () => string;
+            getColors: () => any;
+            getCSSVariables: () => string;
+            getCSS: () => string;
+            apply: (container?: HTMLElement) => void;
+            set: (theme: any) => void;
+            toggle: () => void;
+            setColors: (newColors: any, theme?: any) => void;
+            watchSystemTheme: (callback: any) => () => void;
+        };
+        applyTheme: () => void;
+        setTheme: (newTheme: any) => void;
+        getTheme: () => string;
+        on: (event: any, callback: any) => () => void;
+        off: (event: any, callback: any) => void;
+        emit: (event: any, data: any) => void;
+        bridge: {
+            setIframe: (iframe: any) => void;
+            send: (action: any, data: any, requestId?: any) => any;
+            request: (action: any, data: any, timeout?: number) => Promise<any>;
+            on: (action: any, callback: any) => () => void;
+            off: (action: any, callback: any) => void;
+            loadArtifact: (artifact: any) => any;
+            updateArtifact: (artifactId: any, updates: any) => any;
+            requestSave: () => Promise<any>;
+            requestExport: (format?: string) => Promise<any>;
+            sendAIResponse: (response: any, requestId: any) => any;
+            destroy: () => void;
+            readonly isReady: boolean;
+            readonly iframe: any;
+        };
+        destroy: () => void;
+    };
+    state: {
+        artifacts: any[];
+        activeArtifactId: any;
+        isPanelOpen: boolean;
+        viewMode: string;
+        isFullscreen: boolean;
+    };
+    activeArtifact: import("vue").ComputedRef<any>;
+    artifactCount: import("vue").ComputedRef<number>;
+    hasArtifacts: import("vue").ComputedRef<boolean>;
+    panelTypes: import("vue").ComputedRef<any>;
+    activePanelUrl: import("vue").ComputedRef<any>;
+    processMessage: (content: any, messageId: any) => {
+        html: string | Promise<string>;
+        artifacts: any[];
+    };
+    initializeContent: (container?: Document) => Promise<void>;
+    openArtifact: (artifact: any) => void;
+    closePanel: () => void;
+    togglePanel: () => void;
+    toggleFullscreen: () => void;
+    setViewMode: (mode: any) => void;
+    getPanelUrl: (artifact: any, options?: {}) => any;
+    sendToPanel: (action: any, data: any) => void;
+    hasPanel: (artifact: any) => any;
+    registerPanel: (typesOrLang: string | string[], panel: string | object) => void;
+    unregisterPanel: (typesOrLang: string | string[]) => void;
+    getPanelTypes: () => any;
+    on: (event: any, callback: any) => () => void;
+    off: (event: any, callback: any) => void;
+    applyTheme: () => void;
+    setTheme: (theme: any) => void;
+    getTheme: () => string;
+};
+/**
+ * Use Artifactuse composable
+ */
+export function useArtifactuse(): any;
+/**
+ * Create standalone composable (without provider)
+ */
+export function createArtifactuseComposable(config?: {}): {
+    instance: {
+        config: any;
+        state: {
+            getState: () => {
+                artifacts: any[];
+                activeArtifactId: any;
+                isPanelOpen: boolean;
+                viewMode: string;
+                isFullscreen: boolean;
+            };
+            subscribe: (callback: any) => () => void;
+            addArtifact: (artifact: any) => void;
+            addArtifacts: (artifacts: any) => void;
+            removeArtifact: (artifactId: any) => void;
+            getArtifact: (artifactId: any) => any;
+            getActiveArtifact: () => any;
+            getArtifactsByMessageId: (messageId: any) => any[];
+            getArtifactsByType: (type: any) => any[];
+            getArtifactCount: () => number;
+            setActiveArtifact: (artifactId: any) => void;
+            clearActiveArtifact: () => void;
+            setPanelOpen: (isOpen: any) => void;
+            setViewMode: (mode: any) => void;
+            setFullscreen: (isFullscreen: any) => void;
+            clear: () => void;
+            batch: (updateFn: any) => void;
+        };
+        getState: () => {
+            artifacts: any[];
+            activeArtifactId: any;
+            isPanelOpen: boolean;
+            viewMode: string;
+            isFullscreen: boolean;
+        };
+        subscribe: (callback: any) => () => void;
+        processMessage: (content: any, messageId: any) => {
+            html: string | Promise<string>;
+            artifacts: any[];
+        };
+        initializeContent: (container?: Document) => Promise<void>;
+        openArtifact: (artifact: any) => void;
+        closePanel: () => void;
+        togglePanel: () => void;
+        toggleFullscreen: () => void;
+        setViewMode: (mode: any) => void;
+        getPanelUrl: (artifact: any, options?: {}) => any;
+        sendToPanel: (action: any, data: any) => void;
+        hasPanel: (artifact: any) => any;
+        registerPanel: (typesOrLang: string | string[], panel: string | object) => void;
+        unregisterPanel: (typesOrLang: string | string[]) => void;
+        getPanelTypes: () => any;
+        panelResolver: any;
+        theme: {
+            readonly current: string;
+            readonly resolved: string;
+            readonly colors: any;
+            getResolvedTheme: () => string;
+            getColors: () => any;
+            getCSSVariables: () => string;
+            getCSS: () => string;
+            apply: (container?: HTMLElement) => void;
+            set: (theme: any) => void;
+            toggle: () => void;
+            setColors: (newColors: any, theme?: any) => void;
+            watchSystemTheme: (callback: any) => () => void;
+        };
+        applyTheme: () => void;
+        setTheme: (newTheme: any) => void;
+        getTheme: () => string;
+        on: (event: any, callback: any) => () => void;
+        off: (event: any, callback: any) => void;
+        emit: (event: any, data: any) => void;
+        bridge: {
+            setIframe: (iframe: any) => void;
+            send: (action: any, data: any, requestId?: any) => any;
+            request: (action: any, data: any, timeout?: number) => Promise<any>;
+            on: (action: any, callback: any) => () => void;
+            off: (action: any, callback: any) => void;
+            loadArtifact: (artifact: any) => any;
+            updateArtifact: (artifactId: any, updates: any) => any;
+            requestSave: () => Promise<any>;
+            requestExport: (format?: string) => Promise<any>;
+            sendAIResponse: (response: any, requestId: any) => any;
+            destroy: () => void;
+            readonly isReady: boolean;
+            readonly iframe: any;
+        };
+        destroy: () => void;
+    };
+    state: {
+        artifacts: any[];
+        activeArtifactId: any;
+        isPanelOpen: boolean;
+        viewMode: string;
+        isFullscreen: boolean;
+    };
+    activeArtifact: import("vue").ComputedRef<any>;
+    artifactCount: import("vue").ComputedRef<number>;
+    hasArtifacts: import("vue").ComputedRef<boolean>;
+    panelTypes: import("vue").ComputedRef<any>;
+    activePanelUrl: import("vue").ComputedRef<any>;
+    processMessage: (content: any, messageId: any) => {
+        html: string | Promise<string>;
+        artifacts: any[];
+    };
+    initializeContent: (container?: Document) => Promise<void>;
+    openArtifact: (artifact: any) => void;
+    closePanel: () => void;
+    togglePanel: () => void;
+    toggleFullscreen: () => void;
+    setViewMode: (mode: any) => void;
+    getPanelUrl: (artifact: any, options?: {}) => any;
+    sendToPanel: (action: any, data: any) => void;
+    hasPanel: (artifact: any) => any;
+    registerPanel: (typesOrLang: string | string[], panel: string | object) => void;
+    unregisterPanel: (typesOrLang: string | string[]) => void;
+    getPanelTypes: () => any;
+    on: (event: any, callback: any) => () => void;
+    off: (event: any, callback: any) => void;
+    applyTheme: () => void;
+    setTheme: (theme: any) => void;
+    getTheme: () => string;
+};
+import { defineComponent } from 'vue';
+export const ARTIFACTUSE_KEY: "artifactuse";
+import { DEFAULT_PANELS } from '../core/index.js';
+export { defineComponent, DEFAULT_PANELS };

package/dist/vue2/index.d.ts

@@ -0,0 +1,10 @@
+declare namespace _default {
+    export { provideArtifactuse };
+    export { useArtifactuse };
+    export { createArtifactuseComposable };
+}
+export default _default;
+import { provideArtifactuse } from './composables.js';
+import { useArtifactuse } from './composables.js';
+import { createArtifactuseComposable } from './composables.js';
+export { provideArtifactuse, useArtifactuse, createArtifactuseComposable, defineComponent, ARTIFACTUSE_KEY } from "./composables.js";