hypercrm 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+export interface WidgetOptions {
+    apiUrl?: string;
+    apiKey?: string;
+    orgId?: string;
+    mount?: HTMLElement | string;
+    theme?: Record<string, string>;
+    colorMode?: 'light' | 'dark' | 'auto';
+    position?: 'left' | 'right';
+    autoOpen?: boolean;
+    debug?: boolean;
+    scriptUrl?: string;
+}
+export declare const initWidget: (options?: WidgetOptions) => Promise<any>;
+export declare const destroyWidget: () => void;
+export declare const setWidgetTheme: (theme: Record<string, string>) => Promise<void>;
+export declare const setWidgetColorMode: (mode: "light" | "dark" | "auto") => Promise<void>;
+export declare const setWidgetPosition: (position: "left" | "right") => Promise<void>;
+declare const _default: {
+    init: (options?: WidgetOptions) => Promise<any>;
+    destroy: () => void;
+    setTheme: (theme: Record<string, string>) => Promise<void>;
+    setColorMode: (mode: "light" | "dark" | "auto") => Promise<void>;
+    setPosition: (position: "left" | "right") => Promise<void>;
+};
+export default _default;
+declare global {
+    interface Window {
+        HyperCRMWidget: {
+            init: (options?: WidgetOptions) => any;
+            destroy: () => void;
+            setTheme: (theme?: Record<string, string>) => void;
+            setColorMode: (mode: 'light' | 'dark' | 'auto') => void;
+            setPosition: (position: 'left' | 'right') => void;
+            open: () => void;
+            close: () => void;
+            toggle: () => void;
+            openLightbox: (url: string) => void;
+            closeLightbox: () => void;
+        };
+    }
+}

package/dist/index.js

@@ -0,0 +1,104 @@
+const promiseCache = new Map();
+const buildScriptCandidates = (options) => {
+    const urls = [];
+    const push = (url) => {
+        if (!url)
+            return;
+        if (!urls.includes(url))
+            urls.push(url);
+    };
+    if (options.scriptUrl)
+        push(options.scriptUrl);
+    if (options.apiUrl) {
+        try {
+            const api = new URL(options.apiUrl);
+            push(`${api.protocol}//${api.host}/widget/widget.js`);
+        }
+        catch (_) { }
+    }
+    if (typeof window !== 'undefined' && window.location) {
+        push(`${window.location.origin}/widget/widget.js`);
+    }
+    push('/widget/widget.js');
+    return urls;
+};
+const loadScript = (url) => {
+    if (promiseCache.has(url))
+        return promiseCache.get(url);
+    const existing = document.querySelector(`script[data-hypercrm-widget="${url}"]`);
+    if (existing) {
+        const promise = new Promise((resolve, reject) => {
+            existing.addEventListener('load', () => resolve(), { once: true });
+            existing.addEventListener('error', () => reject(new Error(`Failed to load HyperCRM widget script: ${url}`)), { once: true });
+        });
+        promiseCache.set(url, promise);
+        return promise;
+    }
+    const promise = new Promise((resolve, reject) => {
+        const script = document.createElement('script');
+        script.src = url;
+        script.async = true;
+        script.dataset.hypercrmWidget = url;
+        script.onload = () => resolve();
+        script.onerror = () => {
+            script.remove();
+            promiseCache.delete(url);
+            reject(new Error(`Failed to load HyperCRM widget script: ${url}`));
+        };
+        document.head.appendChild(script);
+    });
+    promiseCache.set(url, promise);
+    return promise;
+};
+const ensureScriptLoaded = async (options = {}) => {
+    if (typeof window === 'undefined') {
+        throw new Error('HyperCRM widget can only be initialized in the browser');
+    }
+    if (window.HyperCRMWidget)
+        return;
+    const candidates = buildScriptCandidates(options);
+    let lastError = null;
+    for (const candidate of candidates) {
+        try {
+            await loadScript(candidate);
+            return;
+        }
+        catch (err) {
+            if (options.debug) {
+                console.warn(`[HyperCRMWidget] Failed to load script candidate ${candidate}`, err);
+            }
+            lastError = err;
+        }
+    }
+    if (lastError)
+        throw lastError;
+    throw new Error('Failed to load HyperCRM widget script');
+};
+export const initWidget = async (options = {}) => {
+    await ensureScriptLoaded(options);
+    return window.HyperCRMWidget.init(options);
+};
+export const destroyWidget = () => {
+    if (typeof window === 'undefined' || !window.HyperCRMWidget)
+        return;
+    window.HyperCRMWidget.destroy();
+};
+export const setWidgetTheme = async (theme) => {
+    await ensureScriptLoaded();
+    window.HyperCRMWidget.setTheme(theme);
+};
+export const setWidgetColorMode = async (mode) => {
+    await ensureScriptLoaded();
+    window.HyperCRMWidget.setColorMode(mode);
+};
+export const setWidgetPosition = async (position) => {
+    await ensureScriptLoaded();
+    window.HyperCRMWidget.setPosition(position);
+};
+export default {
+    init: initWidget,
+    destroy: destroyWidget,
+    setTheme: setWidgetTheme,
+    setColorMode: setWidgetColorMode,
+    setPosition: setWidgetPosition,
+};

package/dist/react.d.ts

@@ -0,0 +1,4 @@
+import type { WidgetOptions } from './index';
+export type HyperCRMWidgetProps = WidgetOptions;
+export declare const useHyperCRMWidget: (options?: HyperCRMWidgetProps) => void;
+export declare const HyperCRMWidget: (props: HyperCRMWidgetProps) => any;

package/dist/react.js

@@ -0,0 +1,65 @@
+import { useEffect, useRef } from 'react';
+import { initWidget, destroyWidget, setWidgetTheme, setWidgetColorMode, setWidgetPosition, } from './index';
+export const useHyperCRMWidget = (options = {}) => {
+    const { apiUrl, apiKey, orgId, mount, theme, colorMode, position, autoOpen, debug, scriptUrl, } = options;
+    const readyRef = useRef(false);
+    const latestRef = useRef({ theme, colorMode, position });
+    useEffect(() => {
+        latestRef.current = { theme, colorMode, position };
+    }, [theme, colorMode, position]);
+    useEffect(() => {
+        let cancelled = false;
+        readyRef.current = false;
+        initWidget({
+            apiUrl,
+            apiKey,
+            orgId,
+            mount,
+            theme: latestRef.current.theme,
+            colorMode: latestRef.current.colorMode,
+            position: latestRef.current.position,
+            autoOpen,
+            debug,
+            scriptUrl,
+        })
+            .then(() => {
+            if (cancelled)
+                return;
+            readyRef.current = true;
+            const latest = latestRef.current;
+            setWidgetTheme(latest.theme || {});
+            if (latest.colorMode)
+                setWidgetColorMode(latest.colorMode);
+            if (latest.position)
+                setWidgetPosition(latest.position);
+        })
+            .catch((err) => {
+            if (debug)
+                console.warn('[HyperCRMWidget]', err);
+        });
+        return () => {
+            cancelled = true;
+            readyRef.current = false;
+            destroyWidget();
+        };
+    }, [apiUrl, apiKey, orgId, mount, autoOpen, debug, scriptUrl]);
+    useEffect(() => {
+        if (!readyRef.current)
+            return;
+        setWidgetTheme(theme || {});
+    }, [theme]);
+    useEffect(() => {
+        if (!readyRef.current || !colorMode)
+            return;
+        setWidgetColorMode(colorMode);
+    }, [colorMode]);
+    useEffect(() => {
+        if (!readyRef.current || !position)
+            return;
+        setWidgetPosition(position);
+    }, [position]);
+};
+export const HyperCRMWidget = (props) => {
+    useHyperCRMWidget(props);
+    return null;
+};

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "hypercrm",
+  "version": "1.0.1",
+  "description": "HyperCRM widget loader with optional React component.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "default": "./dist/react.js"
+    },
+    "./widget.js": "./assets/widget.js"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "hypercrm",
+    "support",
+    "widget"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}