juxscript 1.1.401 → 1.1.402

package/dist/services/rdsService.d.ts

@@ -0,0 +1,64 @@
+import type { ApiGateway } from '../components/gateway.js';
+export interface RdsServiceOptions {
+    serverUrl?: string;
+    apiKey?: string;
+    gateway?: ApiGateway;
+}
+/**
+ * Standalone client for the jux-server rds-service (Amazon RDS / Aurora / PostgreSQL / MySQL).
+ * Can authenticate via a live ApiGateway session (JWT) or a static API key.
+ */
+export declare class RdsService {
+    id: string;
+    options: RdsServiceOptions;
+    private _value;
+    private _loading;
+    private _error;
+    constructor(id: string, options?: RdsServiceOptions);
+    serverUrl(value: string): this;
+    apiKey(value: string): this;
+    setServerUrl(value: string): void;
+    getServerUrl(): string | undefined;
+    setApiKey(value: string): void;
+    getApiKey(): string | undefined;
+    getValue(): any;
+    getLoading(): boolean;
+    getError(): string | null;
+    /** Returns the reactive pageState proxy for this service. */
+    get state(): any;
+    private _request;
+    /**
+     * Run a SELECT query against Amazon RDS.
+     * @example
+     * const rows = await rds.query('SELECT * FROM orders WHERE status = :status', { status: 'open' });
+     */
+    query(sql: string, params?: any[] | Record<string, any>): Promise<any>;
+    /**
+     * Run a write statement (INSERT / UPDATE / DELETE / DDL) against Amazon RDS.
+     * @example
+     * await rds.execute('UPDATE orders SET status = :status WHERE id = :id', { status: 'closed', id: 42 });
+     */
+    execute(sql: string, params?: any[] | Record<string, any>): Promise<any>;
+}
+/**
+ * Create a client for the jux-server rds-service (Amazon RDS / Aurora).
+ *
+ * Authenticate via an existing `ApiGateway` session or with a static API key.
+ *
+ * @example
+ * // Via gateway (JWT)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ * const rds = await jux.rdsService('rds', { gateway: gw });
+ *
+ * // Via API key
+ * const rds = await jux.rdsService('rds', {
+ *     serverUrl: 'https://api.example.com',
+ *     apiKey: 'my-api-key',
+ * });
+ *
+ * const rows = await rds.query('SELECT * FROM products WHERE active = true');
+ * await rds.execute('DELETE FROM sessions WHERE expires_at < NOW()');
+ */
+export declare function rdsService(id: string, options?: RdsServiceOptions): Promise<RdsService>;
+//# sourceMappingURL=rdsService.d.ts.map

package/dist/services/rdsService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rdsService.d.ts","sourceRoot":"","sources":["../../lib/services/rdsService.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,iBAAiB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC;CACxB;AAED;;;GAGG;AACH,qBAAa,UAAU;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAuB;gBAEzB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB;IAQvD,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC9B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IACjC,YAAY,IAAI,MAAM,GAAG,SAAS;IAClC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC9B,SAAS,IAAI,MAAM,GAAG,SAAS;IAI/B,QAAQ,IAAI,GAAG;IACf,UAAU,IAAI,OAAO;IACrB,QAAQ,IAAI,MAAM,GAAG,IAAI;IAEzB,6DAA6D;IAC7D,IAAI,KAAK,IAAI,GAAG,CAA+B;YAIjC,QAAQ;IAyBtB;;;;OAIG;IACG,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,OAAO,CAAC,GAAG,CAAC;IAoBhF;;;;OAIG;IACG,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,OAAO,CAAC,GAAG,CAAC;CAmBrF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAsB,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,UAAU,CAAC,CAIjG"}

package/dist/services/rdsService.js

@@ -0,0 +1,130 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+/**
+ * Standalone client for the jux-server rds-service (Amazon RDS / Aurora / PostgreSQL / MySQL).
+ * Can authenticate via a live ApiGateway session (JWT) or a static API key.
+ */
+export class RdsService {
+    constructor(id, options = {}) {
+        this._value = null;
+        this._loading = false;
+        this._error = null;
+        this.id = id || generateId();
+        const configUrl = (typeof window !== 'undefined' && window.juxConfig?.proxy?.url) || '';
+        this.options = { serverUrl: configUrl, ...options };
+    }
+    // ── Fluent setters ──
+    serverUrl(value) { this.options.serverUrl = value; return this; }
+    apiKey(value) { this.options.apiKey = value; return this; }
+    // ── Setters / getters (for pageState delegation) ──
+    setServerUrl(value) { this.options.serverUrl = value; }
+    getServerUrl() { return this.options.serverUrl; }
+    setApiKey(value) { this.options.apiKey = value; }
+    getApiKey() { return this.options.apiKey; }
+    // ── State accessors ──
+    getValue() { return this._value; }
+    getLoading() { return this._loading; }
+    getError() { return this._error; }
+    /** Returns the reactive pageState proxy for this service. */
+    get state() { return pageState[this.id]; }
+    // ── Internal HTTP ──
+    async _request(path, method = 'POST', body) {
+        if (this.options.gateway) {
+            return this.options.gateway._request(path, method, body);
+        }
+        const base = this.options.serverUrl || '';
+        const url = `${base}${path}`;
+        const headers = { 'Content-Type': 'application/json' };
+        if (this.options.apiKey) {
+            headers['X-Api-Key'] = this.options.apiKey;
+        }
+        const init = { method, headers };
+        if (body !== undefined) {
+            init.body = JSON.stringify(body);
+        }
+        const res = await globalThis.fetch(url, init);
+        const ct = res.headers.get('content-type') || '';
+        const data = ct.includes('application/json') ? await res.json() : await res.text();
+        if (!res.ok) {
+            throw new Error(data?.message || data?.error || `HTTP ${res.status}`);
+        }
+        return data;
+    }
+    // ── rds-service operations ──
+    /**
+     * Run a SELECT query against Amazon RDS.
+     * @example
+     * const rows = await rds.query('SELECT * FROM orders WHERE status = :status', { status: 'open' });
+     */
+    async query(sql, params = []) {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request('/proxy/rds/', 'POST', { action: 'query', sql, params });
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'Query failed';
+            console.error(`❌ jux.rdsService('${this.id}') query error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+    /**
+     * Run a write statement (INSERT / UPDATE / DELETE / DDL) against Amazon RDS.
+     * @example
+     * await rds.execute('UPDATE orders SET status = :status WHERE id = :id', { status: 'closed', id: 42 });
+     */
+    async execute(sql, params = []) {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request('/proxy/rds/', 'POST', { action: 'execute', sql, params });
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'Execute failed';
+            console.error(`❌ jux.rdsService('${this.id}') execute error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+}
+/**
+ * Create a client for the jux-server rds-service (Amazon RDS / Aurora).
+ *
+ * Authenticate via an existing `ApiGateway` session or with a static API key.
+ *
+ * @example
+ * // Via gateway (JWT)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ * const rds = await jux.rdsService('rds', { gateway: gw });
+ *
+ * // Via API key
+ * const rds = await jux.rdsService('rds', {
+ *     serverUrl: 'https://api.example.com',
+ *     apiKey: 'my-api-key',
+ * });
+ *
+ * const rows = await rds.query('SELECT * FROM products WHERE active = true');
+ * await rds.execute('DELETE FROM sessions WHERE expires_at < NOW()');
+ */
+export async function rdsService(id, options = {}) {
+    const s = new RdsService(id, options);
+    pageState.__register(s);
+    return s;
+}
+//# sourceMappingURL=rdsService.js.map

package/dist/services/rdsService.js.map

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

package/dist/services/storageService.d.ts

@@ -0,0 +1,84 @@
+import type { ApiGateway } from '../components/gateway.js';
+export interface StorageServiceOptions {
+    serverUrl?: string;
+    apiKey?: string;
+    gateway?: ApiGateway;
+}
+/**
+ * Standalone client for the jux-server storage-service (Amazon S3).
+ * Can authenticate via a live ApiGateway session (JWT) or a static API key.
+ */
+export declare class StorageService {
+    id: string;
+    options: StorageServiceOptions;
+    private _value;
+    private _loading;
+    private _error;
+    constructor(id: string, options?: StorageServiceOptions);
+    serverUrl(value: string): this;
+    apiKey(value: string): this;
+    setServerUrl(value: string): void;
+    getServerUrl(): string | undefined;
+    setApiKey(value: string): void;
+    getApiKey(): string | undefined;
+    getValue(): any;
+    getLoading(): boolean;
+    getError(): string | null;
+    /** Returns the reactive pageState proxy for this service. */
+    get state(): any;
+    private _request;
+    /**
+     * Upload an object to S3.
+     * @param key - Object key (path) in the bucket, e.g. `'avatars/alice.jpg'`
+     * @param data - The file data to upload
+     * @param contentType - MIME type, defaults to `'application/octet-stream'`
+     * @example
+     * await storage.upload('reports/2024.pdf', pdfBlob, 'application/pdf');
+     */
+    upload(key: string, data: any, contentType?: string): Promise<any>;
+    /**
+     * Download an object from S3 (returns a pre-signed URL or the object data).
+     * @param key - Object key (path) in the bucket
+     * @example
+     * const { url } = await storage.download('avatars/alice.jpg');
+     */
+    download(key: string): Promise<any>;
+    /**
+     * List objects in S3 under a given prefix.
+     * @param prefix - Key prefix to filter by, e.g. `'avatars/'`
+     * @example
+     * const { objects } = await storage.list('uploads/');
+     */
+    list(prefix?: string): Promise<any>;
+    /**
+     * Delete an object from S3.
+     * @param key - Object key (path) to delete
+     * @example
+     * await storage.deleteFile('avatars/old-avatar.jpg');
+     */
+    deleteFile(key: string): Promise<any>;
+}
+/**
+ * Create a client for the jux-server storage-service (Amazon S3).
+ *
+ * Authenticate via an existing `ApiGateway` session or with a static API key.
+ *
+ * @example
+ * // Via gateway (JWT)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ * const storage = await jux.storageService('storage', { gateway: gw });
+ *
+ * // Via API key
+ * const storage = await jux.storageService('storage', {
+ *     serverUrl: 'https://api.example.com',
+ *     apiKey: 'my-api-key',
+ * });
+ *
+ * await storage.upload('avatars/alice.jpg', fileBlob, 'image/jpeg');
+ * const { url } = await storage.download('avatars/alice.jpg');
+ * const { objects } = await storage.list('avatars/');
+ * await storage.deleteFile('avatars/old.jpg');
+ */
+export declare function storageService(id: string, options?: StorageServiceOptions): Promise<StorageService>;
+//# sourceMappingURL=storageService.d.ts.map

package/dist/services/storageService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storageService.d.ts","sourceRoot":"","sources":["../../lib/services/storageService.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,UAAU,CAAC;CACxB;AAED;;;GAGG;AACH,qBAAa,cAAc;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,MAAM,CAAuB;gBAEzB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,qBAA0B;IAQ3D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC9B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI3B,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IACjC,YAAY,IAAI,MAAM,GAAG,SAAS;IAClC,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAC9B,SAAS,IAAI,MAAM,GAAG,SAAS;IAI/B,QAAQ,IAAI,GAAG;IACf,UAAU,IAAI,OAAO;IACrB,QAAQ,IAAI,MAAM,GAAG,IAAI;IAEzB,6DAA6D;IAC7D,IAAI,KAAK,IAAI,GAAG,CAA+B;YAIjC,QAAQ;IAyBtB;;;;;;;OAOG;IACG,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,SAA6B,GAAG,OAAO,CAAC,GAAG,CAAC;IAoB5F;;;;;OAKG;IACG,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC;IAoBzC;;;;;OAKG;IACG,IAAI,CAAC,MAAM,SAAK,GAAG,OAAO,CAAC,GAAG,CAAC;IAuBrC;;;;;OAKG;IACG,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC;CAmB9C;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAsB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,qBAA0B,GAAG,OAAO,CAAC,cAAc,CAAC,CAI7G"}

package/dist/services/storageService.js

@@ -0,0 +1,188 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+/**
+ * Standalone client for the jux-server storage-service (Amazon S3).
+ * Can authenticate via a live ApiGateway session (JWT) or a static API key.
+ */
+export class StorageService {
+    constructor(id, options = {}) {
+        this._value = null;
+        this._loading = false;
+        this._error = null;
+        this.id = id || generateId();
+        const configUrl = (typeof window !== 'undefined' && window.juxConfig?.proxy?.url) || '';
+        this.options = { serverUrl: configUrl, ...options };
+    }
+    // ── Fluent setters ──
+    serverUrl(value) { this.options.serverUrl = value; return this; }
+    apiKey(value) { this.options.apiKey = value; return this; }
+    // ── Setters / getters (for pageState delegation) ──
+    setServerUrl(value) { this.options.serverUrl = value; }
+    getServerUrl() { return this.options.serverUrl; }
+    setApiKey(value) { this.options.apiKey = value; }
+    getApiKey() { return this.options.apiKey; }
+    // ── State accessors ──
+    getValue() { return this._value; }
+    getLoading() { return this._loading; }
+    getError() { return this._error; }
+    /** Returns the reactive pageState proxy for this service. */
+    get state() { return pageState[this.id]; }
+    // ── Internal HTTP ──
+    async _request(path, method = 'GET', body) {
+        if (this.options.gateway) {
+            return this.options.gateway._request(path, method, body);
+        }
+        const base = this.options.serverUrl || '';
+        const url = `${base}${path}`;
+        const headers = { 'Content-Type': 'application/json' };
+        if (this.options.apiKey) {
+            headers['X-Api-Key'] = this.options.apiKey;
+        }
+        const init = { method, headers };
+        if (body !== undefined) {
+            init.body = JSON.stringify(body);
+        }
+        const res = await globalThis.fetch(url, init);
+        const ct = res.headers.get('content-type') || '';
+        const data = ct.includes('application/json') ? await res.json() : await res.text();
+        if (!res.ok) {
+            throw new Error(data?.message || data?.error || `HTTP ${res.status}`);
+        }
+        return data;
+    }
+    // ── storage-service operations ──
+    /**
+     * Upload an object to S3.
+     * @param key - Object key (path) in the bucket, e.g. `'avatars/alice.jpg'`
+     * @param data - The file data to upload
+     * @param contentType - MIME type, defaults to `'application/octet-stream'`
+     * @example
+     * await storage.upload('reports/2024.pdf', pdfBlob, 'application/pdf');
+     */
+    async upload(key, data, contentType = 'application/octet-stream') {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request(`/proxy/storage/${key}`, 'PUT', { data, contentType });
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'Upload failed';
+            console.error(`❌ jux.storageService('${this.id}') upload error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+    /**
+     * Download an object from S3 (returns a pre-signed URL or the object data).
+     * @param key - Object key (path) in the bucket
+     * @example
+     * const { url } = await storage.download('avatars/alice.jpg');
+     */
+    async download(key) {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request(`/proxy/storage/${key}`, 'GET');
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'Download failed';
+            console.error(`❌ jux.storageService('${this.id}') download error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+    /**
+     * List objects in S3 under a given prefix.
+     * @param prefix - Key prefix to filter by, e.g. `'avatars/'`
+     * @example
+     * const { objects } = await storage.list('uploads/');
+     */
+    async list(prefix = '') {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request(`/proxy/storage/?prefix=${encodeURIComponent(prefix)}`, 'GET');
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'List failed';
+            console.error(`❌ jux.storageService('${this.id}') list error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+    /**
+     * Delete an object from S3.
+     * @param key - Object key (path) to delete
+     * @example
+     * await storage.deleteFile('avatars/old-avatar.jpg');
+     */
+    async deleteFile(key) {
+        this._loading = true;
+        this._error = null;
+        pageState.__notify(`${this.id}.loading`);
+        try {
+            this._value = await this._request(`/proxy/storage/${key}`, 'DELETE');
+            this._loading = false;
+            pageState.__notify(`${this.id}.value`);
+            pageState.__notify(`${this.id}.loading`);
+            return this._value;
+        }
+        catch (err) {
+            this._loading = false;
+            this._error = err.message || 'Delete failed';
+            console.error(`❌ jux.storageService('${this.id}') deleteFile error:`, err.message);
+            pageState.__notify(`${this.id}.error`);
+            pageState.__notify(`${this.id}.loading`);
+            throw err;
+        }
+    }
+}
+/**
+ * Create a client for the jux-server storage-service (Amazon S3).
+ *
+ * Authenticate via an existing `ApiGateway` session or with a static API key.
+ *
+ * @example
+ * // Via gateway (JWT)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ * const storage = await jux.storageService('storage', { gateway: gw });
+ *
+ * // Via API key
+ * const storage = await jux.storageService('storage', {
+ *     serverUrl: 'https://api.example.com',
+ *     apiKey: 'my-api-key',
+ * });
+ *
+ * await storage.upload('avatars/alice.jpg', fileBlob, 'image/jpeg');
+ * const { url } = await storage.download('avatars/alice.jpg');
+ * const { objects } = await storage.list('avatars/');
+ * await storage.deleteFile('avatars/old.jpg');
+ */
+export async function storageService(id, options = {}) {
+    const s = new StorageService(id, options);
+    pageState.__register(s);
+    return s;
+}
+//# sourceMappingURL=storageService.js.map

package/dist/services/storageService.js.map

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

package/dist/widgets/canvas.d.ts

@@ -0,0 +1,94 @@
+interface CanvasItem {
+    id: string;
+    type: string;
+    category: 'shapes' | 'widgets' | 'components';
+    label: string;
+    x: number;
+    y: number;
+    code: string;
+}
+interface InventoryEntry {
+    type: string;
+    label: string;
+    category: 'shapes' | 'widgets' | 'components';
+}
+interface CanvasOptions {
+    title?: string;
+    width?: string;
+    height?: string;
+    inventoryWidth?: string;
+    propertiesWidth?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+}
+declare class Canvas {
+    id: string;
+    private _opts;
+    private _el;
+    private _items;
+    private _selectedId;
+    private _activeTab;
+    private _onChange;
+    private _canvasEl;
+    private _inventoryEl;
+    private _propertiesEl;
+    private _counter;
+    constructor(id: string, options?: CanvasOptions);
+    title(val: string): this;
+    width(val: string): this;
+    height(val: string): this;
+    inventoryWidth(val: string): this;
+    propertiesWidth(val: string): this;
+    style(val: string): this;
+    class(val: string): this;
+    onChange(fn: (value: any) => void): this;
+    getValue(): string | null;
+    setValue(val: string): this;
+    getElement(): HTMLElement | null;
+    getTitle(): string;
+    getWidth(): string;
+    getHeight(): string;
+    getInventoryWidth(): string;
+    getPropertiesWidth(): string;
+    getClass(): string;
+    getStyle(): string;
+    getItems(): CanvasItem[];
+    getSelectedItem(): CanvasItem | null;
+    setTitle(val: string): this;
+    setWidth(val: string): this;
+    setHeight(val: string): this;
+    setInventoryWidth(val: string): this;
+    setPropertiesWidth(val: string): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    get state(): any;
+    addItemToCanvas(type: string, category: 'shapes' | 'widgets' | 'components', x?: number, y?: number): this;
+    removeItemFromCanvas(itemId: string): this;
+    updateItemCode(itemId: string, code: string): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    destroy(): void;
+    private _buildDOM;
+    private _buildInventoryPanel;
+    private _buildPropertiesPanel;
+    private _renderCanvasItems;
+    private _selectItem;
+    private _renderProperties;
+    private _renderDesignTab;
+    private _renderCodeTab;
+    private _renderStateTab;
+    private _getPropertiesForType;
+    private _updatePropertyInCode;
+    private _generateFullCode;
+    private _generateInteractionExample;
+    private _injectStyles;
+}
+export declare function canvas(id: string, options?: CanvasOptions): Canvas;
+export { Canvas, CanvasOptions, CanvasItem, InventoryEntry };
+export default canvas;
+//# sourceMappingURL=canvas.d.ts.map

package/dist/widgets/canvas.d.ts.map

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