@shellui/sdk 0.0.2 → 0.0.4

package/README.md

@@ -13,11 +13,12 @@ npm install @shellui/sdk
 ```javascript
 import { init, getVersion } from '@shellui/sdk';
 
-const sdk = init({ /* config */ });
+const sdk = init({
+  /* config */
+});
 console.log(getVersion());
 ```
 
 ## License
 
 MIT
-

package/dist/actions/closeDrawer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Closes the drawer.
+ * If inside an iframe, sends a message to the parent to close the drawer.
+ */
+export declare function closeDrawer(): void;
+//# sourceMappingURL=closeDrawer.d.ts.map

package/dist/actions/closeDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"closeDrawer.d.ts","sourceRoot":"","sources":["../../src/actions/closeDrawer.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAelC"}

package/dist/actions/closeDrawer.js

@@ -0,0 +1,19 @@
+/**
+ * Closes the drawer.
+ * If inside an iframe, sends a message to the parent to close the drawer.
+ */
+export function closeDrawer() {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const message = {
+        type: 'SHELLUI_CLOSE_DRAWER',
+        payload: {},
+    };
+    if (window.parent !== window) {
+        window.parent.postMessage(message, '*');
+    }
+    else {
+        window.postMessage(message, '*');
+    }
+}

package/dist/actions/dialog.d.ts

@@ -0,0 +1,9 @@
+import type { DialogOptions } from '../types.js';
+/**
+ * Shows a dialog
+ * If inside an iframe, sends a message to the parent to show the dialog
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ * @returns The dialog ID if created, void if updating or in SSR
+ */
+export declare function dialog(options?: DialogOptions): string | void;
+//# sourceMappingURL=dialog.d.ts.map

package/dist/actions/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/actions/dialog.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,IAAI,CA+C7D"}

package/dist/actions/dialog.js

@@ -0,0 +1,51 @@
+import { shellui } from '../index.js';
+import { generateUuid } from '../utils/uuid.js';
+/**
+ * Shows a dialog
+ * If inside an iframe, sends a message to the parent to show the dialog
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ * @returns The dialog ID if created, void if updating or in SSR
+ */
+export function dialog(options) {
+    if (typeof window === 'undefined' || !options) {
+        return;
+    }
+    const dialogId = options.id ?? generateUuid();
+    if (options.onOk || options.onCancel || options.secondaryButton?.onClick) {
+        shellui.callbackRegistry.register(dialogId, {
+            action: options.onOk,
+            cancel: options.onCancel,
+            secondary: options.secondaryButton?.onClick,
+        });
+    }
+    const messageType = options.id ? 'SHELLUI_DIALOG_UPDATE' : 'SHELLUI_DIALOG';
+    const message = {
+        type: messageType,
+        payload: {
+            id: dialogId,
+            title: options.title,
+            description: options.description,
+            mode: options.mode ?? 'ok',
+            okLabel: options.okLabel,
+            cancelLabel: options.cancelLabel,
+            size: options.size,
+            position: options.position,
+            secondaryButton: options.secondaryButton
+                ? {
+                    label: options.secondaryButton.label,
+                    onClick: undefined,
+                }
+                : undefined,
+            icon: options.icon,
+            onOk: undefined,
+            onCancel: undefined,
+        },
+    };
+    if (window.parent !== window) {
+        window.parent.postMessage(message, '*');
+    }
+    else {
+        window.postMessage(message, '*');
+    }
+    return options.id ? undefined : dialogId;
+}

package/dist/actions/openDrawer.d.ts

@@ -0,0 +1,8 @@
+import type { OpenDrawerOptions } from '../types.js';
+/**
+ * Opens the drawer with optional url, position (top, bottom, left, right), and size (e.g. "400px", "80vh", "50vw").
+ * Size is height for top/bottom drawers, width for left/right drawers.
+ * If inside an iframe, sends a message to the parent to open the drawer.
+ */
+export declare function openDrawer(options?: OpenDrawerOptions): void;
+//# sourceMappingURL=openDrawer.d.ts.map

package/dist/actions/openDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openDrawer.d.ts","sourceRoot":"","sources":["../../src/actions/openDrawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,OAAO,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAuB5D"}

package/dist/actions/openDrawer.js

@@ -0,0 +1,27 @@
+/**
+ * Opens the drawer with optional url, position (top, bottom, left, right), and size (e.g. "400px", "80vh", "50vw").
+ * Size is height for top/bottom drawers, width for left/right drawers.
+ * If inside an iframe, sends a message to the parent to open the drawer.
+ */
+export function openDrawer(options) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const payload = options
+        ? {
+            url: options.url ?? undefined,
+            position: options.position ?? undefined,
+            size: options.size ?? undefined,
+        }
+        : {};
+    const message = {
+        type: 'SHELLUI_OPEN_DRAWER',
+        payload,
+    };
+    if (window.parent !== window) {
+        window.parent.postMessage(message, '*');
+    }
+    else {
+        window.postMessage(message, '*');
+    }
+}

package/dist/actions/openModal.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Opens the settings modal with optional URL
+ * If inside an iframe, sends a message to the parent to open the modal
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ */
+export declare function openModal(url?: string): void;
+//# sourceMappingURL=openModal.d.ts.map

package/dist/actions/openModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openModal.d.ts","sourceRoot":"","sources":["../../src/actions/openModal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAiB5C"}

package/dist/actions/openModal.js

@@ -0,0 +1,22 @@
+/**
+ * Opens the settings modal with optional URL
+ * If inside an iframe, sends a message to the parent to open the modal
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ */
+export function openModal(url) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const message = {
+        type: 'SHELLUI_OPEN_MODAL',
+        payload: {
+            url: url ?? null,
+        },
+    };
+    if (window.parent !== window) {
+        window.parent.postMessage(message, '*');
+    }
+    else {
+        window.postMessage(message, '*');
+    }
+}

package/dist/actions/toast.d.ts

@@ -0,0 +1,9 @@
+import type { ToastOptions } from '../types.js';
+/**
+ * Shows a toast notification
+ * If inside an iframe, sends a message to the parent to show the toast
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ * @returns The toast ID if created, void if updating or in SSR
+ */
+export declare function toast(options?: ToastOptions): string | void;
+//# sourceMappingURL=toast.d.ts.map

package/dist/actions/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/actions/toast.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,OAAO,GAAE,YAAiB,GAAG,MAAM,GAAG,IAAI,CA2C/D"}

package/dist/actions/toast.js

@@ -0,0 +1,47 @@
+import { shellui } from '../index.js';
+import { generateUuid } from '../utils/uuid.js';
+/**
+ * Shows a toast notification
+ * If inside an iframe, sends a message to the parent to show the toast
+ * If not in an iframe, dispatches a custom event that can be handled by the app
+ * @returns The toast ID if created, void if updating or in SSR
+ */
+export function toast(options = {}) {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    const toastId = options.id ?? generateUuid();
+    if (options.action?.onClick || options.cancel?.onClick) {
+        shellui.callbackRegistry.register(toastId, {
+            action: options.action?.onClick,
+            cancel: options.cancel?.onClick,
+        });
+    }
+    const messageType = options.id ? 'SHELLUI_TOAST_UPDATE' : 'SHELLUI_TOAST';
+    const message = {
+        type: messageType,
+        payload: {
+            id: toastId,
+            title: options.title,
+            description: options.description,
+            type: options.type ?? 'default',
+            duration: options.duration,
+            position: options.position,
+            action: {
+                ...options.action,
+                onClick: undefined,
+            },
+            cancel: {
+                ...options.cancel,
+                onClick: undefined,
+            },
+        },
+    };
+    if (window.parent !== window) {
+        window.parent.postMessage(message, '*');
+    }
+    else {
+        window.postMessage(message, '*');
+    }
+    return options.id ? undefined : toastId;
+}

package/dist/index.d.ts

@@ -0,0 +1,58 @@
+/**
+ * ShellUI SDK
+ * Handles communication between the iframe content and the ShellUI parent frame.
+ */
+import { FrameRegistry } from './utils/frameRegistry.js';
+import { MessageListenerRegistry } from './utils/messageListenerRegistry.js';
+import { CallbackRegistry } from './utils/callbackRegistry.js';
+import type { ShellUIMessage, ToastOptions, DialogOptions, Settings, OpenDrawerOptions } from './types.js';
+export type { ShellUIMessage, ShellUIUrlPayload, ToastOptions, DialogOptions, DialogMode, AlertDialogSize, DialogPosition, DrawerPosition, OpenDrawerOptions, LoggerInstance, Settings, SettingsNavigationItem, } from './types.js';
+export declare class ShellUISDK {
+    initialized: boolean;
+    currentPath: string;
+    version: string;
+    frameRegistry: FrameRegistry;
+    messageListenerRegistry: MessageListenerRegistry;
+    callbackRegistry: CallbackRegistry;
+    initialSettings: Settings | null;
+    constructor();
+    init(): Promise<this>;
+    private _setupInitialSettings;
+    private _setupCallbackListeners;
+    openModal(url?: string): void;
+    openDrawer(options?: OpenDrawerOptions): void;
+    closeDrawer(): void;
+    navigate(url: string): void;
+    toast(options?: ToastOptions): string | void;
+    dialog(options?: DialogOptions): string | void;
+    getVersion(): string;
+    getUuidByIframe(windowRef: Window): string | undefined;
+    addIframe(iframe: HTMLIFrameElement): string;
+    removeIframe(identifier: string | HTMLIFrameElement): boolean;
+    addMessageListener(messageType: string, listener: (messageData: ShellUIMessage, originalEvent: MessageEvent) => void): () => void;
+    removeMessageListener(messageType: string, listener: (messageData: ShellUIMessage, originalEvent: MessageEvent) => void): boolean;
+    sendMessage(message: ShellUIMessage): number;
+    propagateMessage(message: ShellUIMessage): number;
+    sendMessageToParent(message: ShellUIMessage): boolean;
+}
+declare const sdk: ShellUISDK;
+export declare const init: () => Promise<ShellUISDK>;
+export declare const getVersion: () => string;
+export declare const openModal: (url?: string) => void;
+export declare const openDrawer: (options?: OpenDrawerOptions) => void;
+export declare const closeDrawer: () => void;
+export declare const navigate: (url: string) => void;
+export declare const toast: (options?: ToastOptions) => string | void;
+export declare const dialog: (options?: DialogOptions) => string | void;
+export declare const addIframe: (iframe: HTMLIFrameElement) => string;
+export declare const removeIframe: (identifier: string | HTMLIFrameElement) => boolean;
+export declare const addMessageListener: (messageType: string, listener: (messageData: ShellUIMessage, originalEvent: MessageEvent) => void) => (() => void);
+export declare const removeMessageListener: (messageType: string, listener: (messageData: ShellUIMessage, originalEvent: MessageEvent) => void) => boolean;
+export declare const sendMessage: (message: ShellUIMessage) => number;
+export declare const propagateMessage: (message: ShellUIMessage) => number;
+export declare const sendMessageToParent: (message: ShellUIMessage) => boolean;
+export declare const callbackRegistry: CallbackRegistry;
+export { getLogger } from './logger/logger.js';
+export declare const shellui: ShellUISDK;
+export default sdk;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,198 @@
+/**
+ * ShellUI SDK
+ * Handles communication between the iframe content and the ShellUI parent frame.
+ */
+import { setupUrlMonitoring } from './utils/setupUrlMonitoring.js';
+import { setupKeyListener } from './utils/setupKeyListener.js';
+import { openModal as openModalAction } from './actions/openModal.js';
+import { openDrawer as openDrawerAction } from './actions/openDrawer.js';
+import { closeDrawer as closeDrawerAction } from './actions/closeDrawer.js';
+import { toast as toastAction } from './actions/toast.js';
+import { dialog as dialogAction } from './actions/dialog.js';
+import { getLogger } from './logger/logger.js';
+import { FrameRegistry } from './utils/frameRegistry.js';
+import { MessageListenerRegistry } from './utils/messageListenerRegistry.js';
+import { CallbackRegistry } from './utils/callbackRegistry.js';
+import packageJson from '../package.json';
+const logger = getLogger('shellsdk');
+export class ShellUISDK {
+    constructor() {
+        this.initialized = false;
+        this.currentPath =
+            typeof window !== 'undefined'
+                ? window.location.pathname + window.location.search + window.location.hash
+                : '';
+        this.version = packageJson.version;
+        this.frameRegistry = new FrameRegistry();
+        this.messageListenerRegistry = new MessageListenerRegistry(this.frameRegistry);
+        this.callbackRegistry = new CallbackRegistry();
+        this.initialSettings = null;
+    }
+    async init() {
+        if (this.initialized)
+            return this;
+        await setupUrlMonitoring(this);
+        await this.messageListenerRegistry.setupGlobalListener();
+        await setupKeyListener();
+        await this._setupCallbackListeners();
+        await this._setupInitialSettings();
+        this.initialized = true;
+        logger.info(`ShellUI SDK ${this.version} initialized`);
+        this.sendMessageToParent({
+            type: 'SHELLUI_INITIALIZED',
+            payload: {},
+        });
+        return Promise.resolve(this);
+    }
+    async _setupInitialSettings() {
+        if (window.parent === window) {
+            return;
+        }
+        return new Promise((resolve) => {
+            const cleanup = this.addMessageListener('SHELLUI_SETTINGS', (data) => {
+                const { settings } = data.payload;
+                this.initialSettings = settings;
+                resolve();
+                cleanup();
+            });
+            this.sendMessageToParent({
+                type: 'SHELLUI_SETTINGS_REQUESTED',
+                payload: {},
+            });
+        });
+    }
+    _setupCallbackListeners() {
+        this.addMessageListener('SHELLUI_TOAST_ACTION', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.triggerAction(id);
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_TOAST_ACTION message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_TOAST_CANCEL', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.triggerCancel(id);
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_TOAST_CANCEL message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_TOAST_CLEAR', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_TOAST_CLEAR message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_DIALOG_OK', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.triggerAction(id);
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_DIALOG_OK message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_DIALOG_CANCEL', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.triggerCancel(id);
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_DIALOG_CANCEL message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_DIALOG_SECONDARY', (data) => {
+            const { id } = data.payload ?? {};
+            if (id) {
+                this.callbackRegistry.triggerSecondary(id);
+                this.callbackRegistry.clear(id);
+            }
+            else {
+                logger.warn('SHELLUI_DIALOG_SECONDARY message missing id');
+            }
+        });
+        this.addMessageListener('SHELLUI_REFRESH_PAGE', () => {
+            if (typeof window !== 'undefined' && window.parent === window) {
+                window.location.reload();
+            }
+        });
+    }
+    openModal(url) {
+        openModalAction(url);
+    }
+    openDrawer(options) {
+        openDrawerAction(options);
+    }
+    closeDrawer() {
+        closeDrawerAction();
+    }
+    navigate(url) {
+        this.sendMessageToParent({
+            type: 'SHELLUI_NAVIGATE',
+            payload: { url },
+        });
+    }
+    toast(options) {
+        return toastAction(options);
+    }
+    dialog(options) {
+        return dialogAction(options);
+    }
+    getVersion() {
+        return this.version;
+    }
+    getUuidByIframe(windowRef) {
+        return this.frameRegistry.getUuidByIframe(windowRef);
+    }
+    addIframe(iframe) {
+        return this.frameRegistry.addIframe(iframe);
+    }
+    removeIframe(identifier) {
+        return this.frameRegistry.removeIframe(identifier);
+    }
+    addMessageListener(messageType, listener) {
+        return this.messageListenerRegistry.addMessageListener(messageType, listener);
+    }
+    removeMessageListener(messageType, listener) {
+        return this.messageListenerRegistry.removeMessageListener(messageType, listener);
+    }
+    sendMessage(message) {
+        return this.messageListenerRegistry.sendMessage(message);
+    }
+    propagateMessage(message) {
+        return this.messageListenerRegistry.propagateMessage(message);
+    }
+    sendMessageToParent(message) {
+        return this.messageListenerRegistry.sendMessageToParent(message);
+    }
+}
+const sdk = new ShellUISDK();
+export const init = async () => await sdk.init();
+export const getVersion = () => sdk.getVersion();
+export const openModal = (url) => openModalAction(url);
+export const openDrawer = (options) => openDrawerAction(options);
+export const closeDrawer = () => closeDrawerAction();
+export const navigate = (url) => sdk.navigate(url);
+export const toast = (options) => toastAction(options);
+export const dialog = (options) => dialogAction(options);
+export const addIframe = (iframe) => sdk.addIframe(iframe);
+export const removeIframe = (identifier) => sdk.removeIframe(identifier);
+export const addMessageListener = (messageType, listener) => sdk.addMessageListener(messageType, listener);
+export const removeMessageListener = (messageType, listener) => sdk.removeMessageListener(messageType, listener);
+export const sendMessage = (message) => sdk.sendMessage(message);
+export const propagateMessage = (message) => sdk.propagateMessage(message);
+export const sendMessageToParent = (message) => sdk.sendMessageToParent(message);
+export const callbackRegistry = sdk.callbackRegistry;
+export { getLogger } from './logger/logger.js';
+export const shellui = sdk;
+export default sdk;

package/dist/logger/logger.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Logger utility with namespace support
+ * Reads logging configuration from localStorage settings
+ */
+import type { LoggerInstance } from '../types.js';
+export declare function getLogger(namespace: string): LoggerInstance;
+//# sourceMappingURL=logger.d.ts.map

package/dist/logger/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/logger/logger.ts"],"names":[],"mappings":"AACA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA+JlD,wBAAgB,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CA8C3D"}