npm - juxscript - Versions diffs - 1.1.393 → 1.1.395 - Mend

juxscript 1.1.393 → 1.1.395

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/bin/cli.js +9 -9
package/dist/components/barChart.d.ts +103 -0
package/dist/components/barChart.d.ts.map +1 -0
package/dist/components/barChart.js +520 -0
package/dist/components/barChart.js.map +1 -0
package/dist/components/c.d.ts.map +1 -1
package/dist/components/c.js +16 -12
package/dist/components/c.js.map +1 -1
package/dist/components/g.d.ts +21 -0
package/dist/components/g.d.ts.map +1 -0
package/dist/components/g.js +52 -0
package/dist/components/g.js.map +1 -0
package/dist/components/gateway.d.ts +97 -0
package/dist/components/gateway.d.ts.map +1 -0
package/dist/components/gateway.js +188 -0
package/dist/components/gateway.js.map +1 -0
package/dist/components/lineChart.d.ts +87 -0
package/dist/components/lineChart.d.ts.map +1 -0
package/dist/components/lineChart.js +330 -0
package/dist/components/lineChart.js.map +1 -0
package/dist/components/pieChart.d.ts +86 -0
package/dist/components/pieChart.d.ts.map +1 -0
package/dist/components/pieChart.js +300 -0
package/dist/components/pieChart.js.map +1 -0
package/dist/index.d.ts +15 -0
package/dist/index.d.ts.map +1 -1
package/dist/index.js +16 -1
package/dist/index.js.map +1 -1
package/dist/primitives/button.d.ts +53 -0
package/dist/primitives/button.d.ts.map +1 -0
package/dist/primitives/button.js +170 -0
package/dist/primitives/button.js.map +1 -0
package/dist/primitives/c.d.ts +53 -0
package/dist/primitives/c.d.ts.map +1 -0
package/dist/primitives/c.js +127 -0
package/dist/primitives/c.js.map +1 -0
package/dist/primitives/checkbox.d.ts +92 -0
package/dist/primitives/checkbox.d.ts.map +1 -0
package/dist/primitives/checkbox.js +217 -0
package/dist/primitives/checkbox.js.map +1 -0
package/dist/primitives/data.d.ts +58 -0
package/dist/primitives/data.d.ts.map +1 -0
package/dist/primitives/data.js +131 -0
package/dist/primitives/data.js.map +1 -0
package/dist/primitives/grid.d.ts +58 -0
package/dist/primitives/grid.d.ts.map +1 -0
package/dist/primitives/grid.js +128 -0
package/dist/primitives/grid.js.map +1 -0
package/dist/primitives/include.d.ts +86 -0
package/dist/primitives/include.d.ts.map +1 -0
package/dist/primitives/include.js +239 -0
package/dist/primitives/include.js.map +1 -0
package/dist/primitives/indexDb.d.ts +80 -0
package/dist/primitives/indexDb.d.ts.map +1 -0
package/dist/primitives/indexDb.js +253 -0
package/dist/primitives/indexDb.js.map +1 -0
package/dist/primitives/input.d.ts +88 -0
package/dist/primitives/input.d.ts.map +1 -0
package/dist/primitives/input.js +216 -0
package/dist/primitives/input.js.map +1 -0
package/dist/primitives/link.d.ts +51 -0
package/dist/primitives/link.d.ts.map +1 -0
package/dist/primitives/link.js +178 -0
package/dist/primitives/link.js.map +1 -0
package/dist/primitives/list.d.ts +66 -0
package/dist/primitives/list.d.ts.map +1 -0
package/dist/primitives/list.js +233 -0
package/dist/primitives/list.js.map +1 -0
package/dist/primitives/nav.d.ts +64 -0
package/dist/primitives/nav.d.ts.map +1 -0
package/dist/primitives/nav.js +236 -0
package/dist/primitives/nav.js.map +1 -0
package/dist/primitives/radio.d.ts +58 -0
package/dist/primitives/radio.d.ts.map +1 -0
package/dist/primitives/radio.js +135 -0
package/dist/primitives/radio.js.map +1 -0
package/dist/primitives/routes.d.ts +15 -0
package/dist/primitives/routes.d.ts.map +1 -0
package/dist/primitives/routes.js +34 -0
package/dist/primitives/routes.js.map +1 -0
package/dist/primitives/select.d.ts +67 -0
package/dist/primitives/select.d.ts.map +1 -0
package/dist/primitives/select.js +160 -0
package/dist/primitives/select.js.map +1 -0
package/dist/primitives/style.d.ts +27 -0
package/dist/primitives/style.d.ts.map +1 -0
package/dist/primitives/style.js +53 -0
package/dist/primitives/style.js.map +1 -0
package/dist/primitives/table.d.ts +83 -0
package/dist/primitives/table.d.ts.map +1 -0
package/dist/primitives/table.js +264 -0
package/dist/primitives/table.js.map +1 -0
package/dist/primitives/tabs.d.ts +75 -0
package/dist/primitives/tabs.d.ts.map +1 -0
package/dist/primitives/tabs.js +263 -0
package/dist/primitives/tabs.js.map +1 -0
package/dist/primitives/tag.d.ts +92 -0
package/dist/primitives/tag.d.ts.map +1 -0
package/dist/primitives/tag.js +151 -0
package/dist/primitives/tag.js.map +1 -0
package/dist/services/db.d.ts +44 -0
package/dist/services/db.d.ts.map +1 -0
package/dist/services/db.js +59 -0
package/dist/services/db.js.map +1 -0
package/dist/services/email.d.ts +50 -0
package/dist/services/email.d.ts.map +1 -0
package/dist/services/email.js +60 -0
package/dist/services/email.js.map +1 -0
package/dist/services/s3.d.ts +61 -0
package/dist/services/s3.d.ts.map +1 -0
package/dist/services/s3.js +79 -0
package/dist/services/s3.js.map +1 -0
package/juxconfig.example.js +7 -0
package/machinery/build3.js +2 -1
package/machinery/compiler4.js +2 -0
package/machinery/serve.js +6 -26
package/machinery/validate-jux.js +4 -0
package/package.json +2 -2
/package/{presets → components}/calendar/calendar-usage.jux +0 -0
/package/{presets → components}/calendar/calendar.jux +0 -0
/package/{presets → components}/sidebar/index.jux +0 -0
/package/{presets → components}/sidebar/usage.jux +0 -0

package/dist/primitives/include.d.ts ADDED Viewed

@@ -0,0 +1,86 @@
+/**
+ * Include - Simplified resource injection for bundled and external resources
+ * Supports page-specific scoping and cleanup
+ */
+type ResourceType = 'css' | 'js' | 'module';
+interface IncludeOptions {
+    type?: ResourceType;
+    target?: string;
+    async?: boolean;
+    defer?: boolean;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    integrity?: string;
+    pageScoped?: boolean;
+}
+export declare class Include {
+    private url;
+    private options;
+    private element;
+    private pageId;
+    constructor(url: string, options?: IncludeOptions);
+    css(): this;
+    js(): this;
+    module(): this;
+    async(): this;
+    defer(): this;
+    /**
+     * Inject into specific container instead of <head>
+     * Useful for page-specific styles
+     *
+     * @example
+     * jux.include('/css/page1.css').into('#page1-container');
+     */
+    into(selector: string): this;
+    /**
+     * Mark as page-scoped for automatic cleanup
+     *
+     * @example
+     * jux.include('/css/dashboard.css').forPage('dashboard');
+     * // Later: Include.cleanupPage('dashboard');
+     */
+    forPage(pageId: string): this;
+    render(): this;
+    private createStylesheet;
+    private createScript;
+    private getContainer;
+    private isAlreadyLoaded;
+    remove(): this;
+    /**
+     * Remove all resources for a specific page
+     *
+     * @example
+     * Include.cleanupPage('dashboard');
+     */
+    static cleanupPage(pageId: string): void;
+    /**
+     * Remove all page-scoped resources
+     */
+    static cleanupAll(): void;
+}
+/**
+ * Factory function - simplified usage
+ *
+ * Usage:
+ *   // Basic (auto-detects from extension)
+ *   jux.include('/css/styles.css');
+ *   jux.include('/js/app.js');
+ *
+ *   // Page-specific with cleanup
+ *   jux.include('/css/dashboard.css').forPage('dashboard');
+ *   jux.include('/js/dashboard.js').forPage('dashboard');
+ *
+ *   // Later cleanup:
+ *   Include.cleanupPage('dashboard');
+ *
+ *   // Inject into specific container
+ *   jux.include('/css/widget.css').into('#widget-container');
+ *
+ *   // External CDN
+ *   jux.include('https://cdn.tailwindcss.com').js();
+ *
+ *   // Module
+ *   jux.include('/js/app.mjs').module();
+ */
+export declare function include(url: string, options?: IncludeOptions): Include;
+export {};
+//# sourceMappingURL=include.d.ts.map

package/dist/primitives/include.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"include.d.ts","sourceRoot":"","sources":["../../lib/primitives/include.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,KAAK,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAC;AAE5C,UAAU,cAAc;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAKD,qBAAa,OAAO;IAChB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,MAAM,CAAuB;gBAEzB,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAoBrD,GAAG,IAAI,IAAI;IAKX,EAAE,IAAI,IAAI;IAKV,MAAM,IAAI,IAAI;IAKd,KAAK,IAAI,IAAI;IAKb,KAAK,IAAI,IAAI;IAKb;;;;;;OAMG;IACH,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAK5B;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAU7B,MAAM,IAAI,IAAI;IAoDd,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,eAAe;IAKvB,MAAM,IAAI,IAAI;IAYd;;;;;OAKG;IACH,MAAM,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAYxC;;OAEG;IACH,MAAM,CAAC,UAAU,IAAI,IAAI;CAS5B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAItE"}

package/dist/primitives/include.js ADDED Viewed

@@ -0,0 +1,239 @@
+/**
+ * Include - Simplified resource injection for bundled and external resources
+ * Supports page-specific scoping and cleanup
+ */
+// Global registry for page-scoped resources
+const scopedResources = new Map();
+export class Include {
+    constructor(url, options = {}) {
+        this.element = null;
+        this.pageId = null;
+        this.url = url;
+        this.options = options;
+        // Auto-detect type from extension if not provided
+        if (!options.type) {
+            if (url.endsWith('.css')) {
+                this.options.type = 'css';
+            }
+            else if (url.endsWith('.mjs') || url.endsWith('.module.js')) {
+                this.options.type = 'module';
+            }
+            else {
+                this.options.type = 'js';
+            }
+        }
+    }
+    /* -------------------------
+     * Fluent API
+     * ------------------------- */
+    css() {
+        this.options.type = 'css';
+        return this;
+    }
+    js() {
+        this.options.type = 'js';
+        return this;
+    }
+    module() {
+        this.options.type = 'module';
+        return this;
+    }
+    async() {
+        this.options.async = true;
+        return this;
+    }
+    defer() {
+        this.options.defer = true;
+        return this;
+    }
+    /**
+     * Inject into specific container instead of <head>
+     * Useful for page-specific styles
+     *
+     * @example
+     * jux.include('/css/page1.css').into('#page1-container');
+     */
+    into(selector) {
+        this.options.target = selector;
+        return this;
+    }
+    /**
+     * Mark as page-scoped for automatic cleanup
+     *
+     * @example
+     * jux.include('/css/dashboard.css').forPage('dashboard');
+     * // Later: Include.cleanupPage('dashboard');
+     */
+    forPage(pageId) {
+        this.pageId = pageId;
+        this.options.pageScoped = true;
+        return this;
+    }
+    /* -------------------------
+     * Render
+     * ------------------------- */
+    render() {
+        if (typeof document === 'undefined')
+            return this;
+        try {
+            // Check if already loaded
+            if (this.isAlreadyLoaded()) {
+                console.log(`⚠️  Resource already loaded: ${this.url}`);
+                return this;
+            }
+            // Create element based on type
+            let element;
+            switch (this.options.type) {
+                case 'css':
+                    element = this.createStylesheet();
+                    break;
+                case 'js':
+                case 'module':
+                    element = this.createScript();
+                    break;
+                default:
+                    throw new Error(`Unknown resource type: ${this.options.type}`);
+            }
+            // Get target container
+            const container = this.getContainer();
+            container.appendChild(element);
+            this.element = element;
+            // Register for page cleanup if needed
+            if (this.options.pageScoped && this.pageId) {
+                if (!scopedResources.has(this.pageId)) {
+                    scopedResources.set(this.pageId, new Set());
+                }
+                scopedResources.get(this.pageId).add(element);
+            }
+            console.log(`✓ Loaded ${this.options.type}: ${this.url}`);
+        }
+        catch (error) {
+            console.error(`✗ Failed to load ${this.options.type}: ${this.url}`, error);
+            throw error;
+        }
+        return this;
+    }
+    /* -------------------------
+     * Element Creation
+     * ------------------------- */
+    createStylesheet() {
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = this.url;
+        link.dataset.juxInclude = this.url;
+        if (this.options.crossOrigin)
+            link.crossOrigin = this.options.crossOrigin;
+        if (this.options.integrity)
+            link.integrity = this.options.integrity;
+        link.onload = () => console.log(`✓ Stylesheet loaded: ${this.url}`);
+        link.onerror = () => {
+            throw new Error(`Failed to load stylesheet: ${this.url}`);
+        };
+        return link;
+    }
+    createScript() {
+        const script = document.createElement('script');
+        script.src = this.url;
+        script.dataset.juxInclude = this.url;
+        if (this.options.type === 'module')
+            script.type = 'module';
+        if (this.options.async)
+            script.async = true;
+        if (this.options.defer)
+            script.defer = true;
+        if (this.options.crossOrigin)
+            script.crossOrigin = this.options.crossOrigin;
+        if (this.options.integrity)
+            script.integrity = this.options.integrity;
+        script.onload = () => console.log(`✓ Script loaded: ${this.url}`);
+        script.onerror = () => {
+            throw new Error(`Failed to load script: ${this.url}`);
+        };
+        return script;
+    }
+    /* -------------------------
+     * Helpers
+     * ------------------------- */
+    getContainer() {
+        if (this.options.target) {
+            const container = document.querySelector(this.options.target);
+            if (!container) {
+                throw new Error(`Target container not found: ${this.options.target}`);
+            }
+            return container;
+        }
+        return document.head;
+    }
+    isAlreadyLoaded() {
+        const selector = `[data-jux-include="${this.url}"]`;
+        return document.querySelector(selector) !== null;
+    }
+    remove() {
+        if (this.element?.parentNode) {
+            this.element.parentNode.removeChild(this.element);
+            this.element = null;
+        }
+        return this;
+    }
+    /* -------------------------
+     * Static Page Cleanup
+     * ------------------------- */
+    /**
+     * Remove all resources for a specific page
+     *
+     * @example
+     * Include.cleanupPage('dashboard');
+     */
+    static cleanupPage(pageId) {
+        const resources = scopedResources.get(pageId);
+        if (!resources)
+            return;
+        resources.forEach(element => {
+            element.parentNode?.removeChild(element);
+        });
+        scopedResources.delete(pageId);
+        console.log(`✓ Cleaned up page resources: ${pageId}`);
+    }
+    /**
+     * Remove all page-scoped resources
+     */
+    static cleanupAll() {
+        scopedResources.forEach((resources, pageId) => {
+            resources.forEach(element => {
+                element.parentNode?.removeChild(element);
+            });
+        });
+        scopedResources.clear();
+        console.log('✓ Cleaned up all page-scoped resources');
+    }
+}
+/**
+ * Factory function - simplified usage
+ *
+ * Usage:
+ *   // Basic (auto-detects from extension)
+ *   jux.include('/css/styles.css');
+ *   jux.include('/js/app.js');
+ *
+ *   // Page-specific with cleanup
+ *   jux.include('/css/dashboard.css').forPage('dashboard');
+ *   jux.include('/js/dashboard.js').forPage('dashboard');
+ *
+ *   // Later cleanup:
+ *   Include.cleanupPage('dashboard');
+ *
+ *   // Inject into specific container
+ *   jux.include('/css/widget.css').into('#widget-container');
+ *
+ *   // External CDN
+ *   jux.include('https://cdn.tailwindcss.com').js();
+ *
+ *   // Module
+ *   jux.include('/js/app.mjs').module();
+ */
+export function include(url, options) {
+    const inc = new Include(url, options);
+    inc.render();
+    return inc;
+}
+//# sourceMappingURL=include.js.map

package/dist/primitives/include.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"include.js","sourceRoot":"","sources":["../../lib/primitives/include.ts"],"names":[],"mappings":"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"}

package/dist/primitives/indexDb.d.ts ADDED Viewed

@@ -0,0 +1,80 @@
+interface IndexDbStoreOptions {
+    db: string;
+    table: string;
+    version?: number;
+    keyPath?: string;
+    autoIncrement?: boolean;
+    indexes?: Array<{
+        name: string;
+        keyPath: string | string[];
+        unique?: boolean;
+    }>;
+    auto?: boolean;
+}
+declare class IndexDb {
+    id: string;
+    options: IndexDbStoreOptions;
+    _element: HTMLElement;
+    private _db;
+    private _value;
+    private _loading;
+    private _error;
+    private _onChange;
+    private _ready;
+    constructor(id: string, options: IndexDbStoreOptions);
+    private _open;
+    private _tx;
+    private _notifyChange;
+    onChange(fn: (value: any[]) => void): this;
+    getElement(): HTMLElement;
+    getValue(): any[];
+    getLoading(): boolean;
+    getError(): string | null;
+    getCount(): number;
+    setValue(val: any[]): this;
+    getAll(): Promise<any[]>;
+    get(key: IDBValidKey): Promise<any>;
+    query(indexName: string, value: IDBValidKey): Promise<any[]>;
+    put(record: any): Promise<IDBValidKey>;
+    add(record: any): Promise<IDBValidKey>;
+    putMany(records: any[]): Promise<void>;
+    delete(key: IDBValidKey): Promise<void>;
+    clear(): Promise<void>;
+    refresh(): Promise<any[]>;
+    /** Returns the reactive pageState proxy for this component */
+    get state(): any;
+}
+/**
+ * Create a reactive IndexedDB store that integrates with pageState.
+ *
+ * @example
+ * // Basic usage
+ * const todos = await jux.indexDb('todos', { db: 'myapp', table: 'todos' });
+ * // pageState['todos'].value → [{ id: 1, text: 'Buy milk', done: false }, ...]
+ *
+ * // With indexes
+ * const users = await jux.indexDb('users', {
+ *     db: 'myapp',
+ *     table: 'users',
+ *     indexes: [{ name: 'by_email', keyPath: 'email', unique: true }]
+ * });
+ *
+ * // Write
+ * await pageState['todos'].add({ text: 'New item', done: false });
+ * await pageState['todos'].put({ id: 1, text: 'Updated', done: true });
+ * await pageState['todos'].delete(1);
+ *
+ * // Query by index
+ * const results = await pageState['users'].query('by_email', 'alice@example.com');
+ *
+ * // React to changes
+ * pageState.__watch(() => {
+ *     const items = pageState['todos'].value;
+ *     if (items) {
+ *         pageState['count'].content = `${items.length} items`;
+ *     }
+ * });
+ */
+export declare function indexDb(id: string, options: IndexDbStoreOptions): Promise<IndexDb>;
+export { IndexDb, IndexDbStoreOptions };
+//# sourceMappingURL=indexDb.d.ts.map

package/dist/primitives/indexDb.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"indexDb.d.ts","sourceRoot":"","sources":["../../lib/primitives/indexDb.ts"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,cAAM,OAAO;IACT,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,GAAG,CAA4B;IACvC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,MAAM,CAAgB;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB;IA0BpD,OAAO,CAAC,KAAK;IAgCb,OAAO,CAAC,GAAG;IAOX,OAAO,CAAC,aAAa;IAoBrB,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI;IAK1C,UAAU,IAAI,WAAW;IACzB,QAAQ,IAAI,GAAG,EAAE;IACjB,UAAU,IAAI,OAAO;IACrB,QAAQ,IAAI,MAAM,GAAG,IAAI;IACzB,QAAQ,IAAI,MAAM;IAElB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI;IAUpB,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;IAwBxB,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC;IAWnC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAiB5D,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,WAAW,CAAC;IActC,OAAO,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBtC,MAAM,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAcvC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBtB,OAAO,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;IAG/B,8DAA8D;IAC9D,IAAI,KAAK,IAAI,GAAG,CAEf;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAsB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,CAUxF;AAED,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/primitives/indexDb.js ADDED Viewed

@@ -0,0 +1,253 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+class IndexDb {
+    constructor(id, options) {
+        this._db = null;
+        this._value = [];
+        this._loading = false;
+        this._error = null;
+        this._onChange = null;
+        this.id = id || generateId();
+        this.options = {
+            version: 1,
+            keyPath: 'id',
+            autoIncrement: true,
+            auto: true,
+            ...options
+        };
+        // Create a hidden DOM element so pageState can wire events
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.setAttribute('data-jux-indexdb', this.options.table);
+        this._element.setAttribute('data-count', '0');
+        this._element.setAttribute('data-loading', 'false');
+        this._element.style.display = 'none';
+        (document.getElementById('app') || document.body).appendChild(this._element);
+        this._ready = this._open();
+    }
+    // ═══════════════════════════════════════════════════════════
+    // INTERNAL: Open / ensure DB
+    // ═══════════════════════════════════════════════════════════
+    _open() {
+        return new Promise((resolve, reject) => {
+            const req = indexedDB.open(this.options.db, this.options.version);
+            req.onupgradeneeded = (e) => {
+                const db = e.target.result;
+                if (!db.objectStoreNames.contains(this.options.table)) {
+                    const store = db.createObjectStore(this.options.table, {
+                        keyPath: this.options.keyPath,
+                        autoIncrement: this.options.autoIncrement
+                    });
+                    if (this.options.indexes) {
+                        for (const idx of this.options.indexes) {
+                            store.createIndex(idx.name, idx.keyPath, { unique: idx.unique ?? false });
+                        }
+                    }
+                }
+            };
+            req.onsuccess = (e) => {
+                this._db = e.target.result;
+                resolve();
+            };
+            req.onerror = (e) => {
+                this._error = `IndexedDB open failed: ${e.target.error?.message}`;
+                console.error(`❌ jux.indexDb('${this.id}'):`, this._error);
+                reject(new Error(this._error));
+            };
+        });
+    }
+    _tx(mode) {
+        if (!this._db)
+            throw new Error('Database not open');
+        return this._db
+            .transaction(this.options.table, mode)
+            .objectStore(this.options.table);
+    }
+    _notifyChange() {
+        // Update DOM element metadata
+        this._element.setAttribute('data-count', String(this._value.length));
+        this._element.setAttribute('data-loading', String(this._loading));
+        if (this._error) {
+            this._element.setAttribute('data-error', this._error);
+        }
+        else {
+            this._element.removeAttribute('data-error');
+        }
+        if (this._onChange)
+            this._onChange(this._value);
+        // Dispatch a real DOM change event — pageState._wireEvent picks this up
+        this._element.dispatchEvent(new Event('change', { bubbles: false }));
+    }
+    // ═══════════════════════════════════════════════════════════
+    // PAGESTATE INTEGRATION
+    // ═══════════════════════════════════════════════════════════
+    onChange(fn) {
+        this._onChange = fn;
+        return this;
+    }
+    getElement() { return this._element; }
+    getValue() { return this._value; }
+    getLoading() { return this._loading; }
+    getError() { return this._error; }
+    getCount() { return this._value.length; }
+    setValue(val) {
+        this._value = val;
+        this._notifyChange();
+        return this;
+    }
+    // ═══════════════════════════════════════════════════════════
+    // READ
+    // ═══════════════════════════════════════════════════════════
+    async getAll() {
+        await this._ready;
+        this._loading = true;
+        this._error = null;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readonly').getAll();
+            req.onsuccess = () => {
+                this._value = req.result;
+                this._loading = false;
+                this._notifyChange();
+                resolve(this._value);
+            };
+            req.onerror = () => {
+                this._loading = false;
+                this._error = req.error?.message ?? 'getAll failed';
+                this._notifyChange();
+                reject(new Error(this._error));
+            };
+        });
+    }
+    async get(key) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readonly').get(key);
+            req.onsuccess = () => resolve(req.result ?? null);
+            req.onerror = () => reject(new Error(req.error?.message ?? 'get failed'));
+        });
+    }
+    async query(indexName, value) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const store = this._tx('readonly');
+            const index = store.index(indexName);
+            const req = index.getAll(value);
+            req.onsuccess = () => resolve(req.result);
+            req.onerror = () => reject(new Error(req.error?.message ?? 'query failed'));
+        });
+    }
+    // ═══════════════════════════════════════════════════════════
+    // WRITE
+    // ═══════════════════════════════════════════════════════════
+    async put(record) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readwrite').put(record);
+            req.onsuccess = () => {
+                this.getAll().then(() => resolve(req.result));
+            };
+            req.onerror = () => reject(new Error(req.error?.message ?? 'put failed'));
+        });
+    }
+    async add(record) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readwrite').add(record);
+            req.onsuccess = () => {
+                this.getAll().then(() => resolve(req.result));
+            };
+            req.onerror = () => reject(new Error(req.error?.message ?? 'add failed'));
+        });
+    }
+    async putMany(records) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const tx = this._db.transaction(this.options.table, 'readwrite');
+            const store = tx.objectStore(this.options.table);
+            for (const record of records) {
+                store.put(record);
+            }
+            tx.oncomplete = () => {
+                this.getAll().then(() => resolve());
+            };
+            tx.onerror = () => reject(new Error(tx.error?.message ?? 'putMany failed'));
+        });
+    }
+    // ═══════════════════════════════════════════════════════════
+    // DELETE
+    // ═══════════════════════════════════════════════════════════
+    async delete(key) {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readwrite').delete(key);
+            req.onsuccess = () => {
+                this.getAll().then(() => resolve());
+            };
+            req.onerror = () => reject(new Error(req.error?.message ?? 'delete failed'));
+        });
+    }
+    async clear() {
+        await this._ready;
+        return new Promise((resolve, reject) => {
+            const req = this._tx('readwrite').clear();
+            req.onsuccess = () => {
+                this._value = [];
+                this._notifyChange();
+                resolve();
+            };
+            req.onerror = () => reject(new Error(req.error?.message ?? 'clear failed'));
+        });
+    }
+    // ═══════════════════════════════════════════════════════════
+    // REFRESH (alias for getAll, matches data.ts pattern)
+    // ═══════════════════════════════════════════════════════════
+    async refresh() {
+        return this.getAll();
+    }
+    /** Returns the reactive pageState proxy for this component */
+    get state() {
+        return pageState[this.id];
+    }
+}
+/**
+ * Create a reactive IndexedDB store that integrates with pageState.
+ *
+ * @example
+ * // Basic usage
+ * const todos = await jux.indexDb('todos', { db: 'myapp', table: 'todos' });
+ * // pageState['todos'].value → [{ id: 1, text: 'Buy milk', done: false }, ...]
+ *
+ * // With indexes
+ * const users = await jux.indexDb('users', {
+ *     db: 'myapp',
+ *     table: 'users',
+ *     indexes: [{ name: 'by_email', keyPath: 'email', unique: true }]
+ * });
+ *
+ * // Write
+ * await pageState['todos'].add({ text: 'New item', done: false });
+ * await pageState['todos'].put({ id: 1, text: 'Updated', done: true });
+ * await pageState['todos'].delete(1);
+ *
+ * // Query by index
+ * const results = await pageState['users'].query('by_email', 'alice@example.com');
+ *
+ * // React to changes
+ * pageState.__watch(() => {
+ *     const items = pageState['todos'].value;
+ *     if (items) {
+ *         pageState['count'].content = `${items.length} items`;
+ *     }
+ * });
+ */
+export async function indexDb(id, options) {
+    const s = new IndexDb(id, options);
+    pageState.__register(s);
+    if (options.auto !== false) {
+        await s.getAll();
+        pageState.__register(s);
+    }
+    return s;
+}
+export { IndexDb };
+//# sourceMappingURL=indexDb.js.map