dolphin-client 1.0.0

package/dist/dom.d.ts

@@ -0,0 +1 @@
+export declare function attachDOMBinding(clientProto: any): void;

package/dist/dom.js

@@ -0,0 +1,316 @@
+export function attachDOMBinding(clientProto) {
+    clientProto.getClosestContext = function (element, key) {
+        let current = element;
+        while (current) {
+            if (current._rtContext) {
+                const ctx = current._rtContext;
+                if (key)
+                    return ctx[key];
+                return ctx;
+            }
+            current = current.parentElement;
+        }
+        return null;
+    };
+    /** @private */
+    clientProto._initDOMBinding = function () {
+        if (this._domInitialized)
+            return;
+        this._domInitialized = true;
+        // 1. Listen for inputs and value changes across multiple events (input, change, keyup, etc.)
+        const PUSH_EVENTS = ['input', 'change', 'keyup', 'paste', 'blur'];
+        PUSH_EVENTS.forEach(evtName => {
+            document.addEventListener(evtName, (e) => {
+                if (!e.target || !e.target.getAttribute)
+                    return;
+                const topic = e.target.getAttribute('data-rt-push');
+                if (topic) {
+                    const payload = { name: e.target.name, value: e.target.value };
+                    this.pubPush(topic, payload);
+                }
+            });
+        });
+        // 2. Listen for form submits (RT + API) - Serializes whole form data
+        document.addEventListener('submit', async (e) => {
+            if (!e.target || !e.target.getAttribute)
+                return;
+            const rtTopic = e.target.getAttribute('data-rt-submit');
+            const apiTarget = e.target.getAttribute('data-api-submit');
+            const parentCtx = this.getClosestContext(e.target) || {};
+            if (rtTopic || apiTarget) {
+                e.preventDefault();
+                const formData = new FormData(e.target);
+                const data = Object.fromEntries(formData.entries());
+                if (rtTopic) {
+                    let resolvedTopic = rtTopic;
+                    for (const k in parentCtx) {
+                        resolvedTopic = resolvedTopic.replace(new RegExp(`\\{\\{${k}\\}\\}`, 'g'), parentCtx[k] !== undefined && parentCtx[k] !== null ? parentCtx[k] : '');
+                    }
+                    this.publish(resolvedTopic, data);
+                }
+                else if (apiTarget) {
+                    let resolvedTarget = apiTarget;
+                    for (const k in parentCtx) {
+                        resolvedTarget = resolvedTarget.replace(new RegExp(`\\{\\{${k}\\}\\}`, 'g'), parentCtx[k] !== undefined && parentCtx[k] !== null ? parentCtx[k] : '');
+                    }
+                    const parts = resolvedTarget.trim().split(' ');
+                    const method = parts.length > 1 ? parts[0].toUpperCase() : 'POST';
+                    const path = parts.length > 1 ? parts[1] : parts[0];
+                    try {
+                        const result = await this.api.request(method, path, data);
+                        const resultBind = e.target.getAttribute('data-api-result');
+                        if (resultBind)
+                            this._updateDOM(resultBind, result);
+                        // Auto Navigation (Hookless Routing)
+                        const redirect = e.target.getAttribute('data-api-redirect');
+                        if (redirect)
+                            window.location.href = redirect;
+                        if (e.target.hasAttribute('data-api-reload'))
+                            window.location.reload();
+                    }
+                    catch (err) {
+                        console.error('[Dolphin] API Submit Error:', err);
+                    }
+                }
+            }
+        });
+        // 3. Unified listener for custom interaction events (click, change, keydown, keyup, dblclick, etc.)
+        const INTERACTION_EVENTS = ['click', 'change', 'submit', 'input', 'keydown', 'keyup', 'dblclick', 'focus', 'blur', 'mouseenter', 'mouseleave'];
+        INTERACTION_EVENTS.forEach(evtName => {
+            document.addEventListener(evtName, async (e) => {
+                if (!e.target || !e.target.closest)
+                    return;
+                const rtBtn = e.target.closest(`[data-rt-${evtName}]`);
+                const apiBtn = e.target.closest(`[data-api-${evtName}]`);
+                if (rtBtn) {
+                    if (evtName === 'submit')
+                        e.preventDefault();
+                    const topic = rtBtn.getAttribute(`data-rt-${evtName}`);
+                    const actionData = rtBtn.getAttribute('data-rt-payload');
+                    const parentCtx = this.getClosestContext(rtBtn) || {};
+                    let payload = {};
+                    if (actionData) {
+                        let resolvedDataStr = actionData;
+                        for (const k in parentCtx) {
+                            resolvedDataStr = resolvedDataStr.replace(new RegExp(`\\{\\{${k}\\}\\}`, 'g'), parentCtx[k] !== undefined && parentCtx[k] !== null ? parentCtx[k] : '');
+                        }
+                        try {
+                            payload = JSON.parse(resolvedDataStr);
+                        }
+                        catch {
+                            payload = {};
+                        }
+                    }
+                    this.publish(topic, payload);
+                }
+                if (apiBtn) {
+                    if (evtName === 'submit')
+                        e.preventDefault();
+                    const apiTarget = apiBtn.getAttribute(`data-api-${evtName}`);
+                    const actionData = apiBtn.getAttribute('data-api-payload');
+                    const parentCtx = this.getClosestContext(apiBtn) || {};
+                    const parts = apiTarget.trim().split(' ');
+                    const method = parts.length > 1 ? parts[0].toUpperCase() : 'POST';
+                    const path = parts.length > 1 ? parts[1] : parts[0];
+                    let payload = null;
+                    if (actionData) {
+                        let resolvedDataStr = actionData;
+                        for (const k in parentCtx) {
+                            resolvedDataStr = resolvedDataStr.replace(new RegExp(`\\{\\{${k}\\}\\}`, 'g'), parentCtx[k] !== undefined && parentCtx[k] !== null ? parentCtx[k] : '');
+                        }
+                        try {
+                            payload = JSON.parse(resolvedDataStr);
+                        }
+                        catch {
+                            payload = null;
+                        }
+                    }
+                    try {
+                        const result = await this.api.request(method, path, payload);
+                        const resultBind = apiBtn.getAttribute('data-api-result');
+                        if (resultBind)
+                            this._updateDOM(resultBind, result);
+                        // Auto Navigation (Hookless Routing)
+                        const redirect = apiBtn.getAttribute('data-api-redirect');
+                        if (redirect)
+                            window.location.href = redirect;
+                        if (apiBtn.hasAttribute('data-api-reload'))
+                            window.location.reload();
+                    }
+                    catch (err) {
+                        console.error(`[Dolphin] API ${evtName} Error:`, err);
+                    }
+                }
+            });
+        });
+        // 4. Update DOM when RT data arrives
+        // Note: Subscribe to all topics ('#') to auto-update DOM bindings
+        this.subscribe('#', (payload, topic) => {
+            this._updateDOM(topic, payload);
+        });
+        // 5. Auto-fetch API GET bindings
+        this._scanAndFetchAPIBinds();
+    };
+    /** @private */
+    clientProto._scanAndFetchAPIBinds = async function () {
+        if (typeof document === 'undefined')
+            return;
+        const elements = document.querySelectorAll('[data-api-get]');
+        for (const el of Array.from(elements)) {
+            const path = el.getAttribute('data-api-get');
+            if (!path)
+                continue;
+            try {
+                const result = await this.api.get(path);
+                const rtBind = el.getAttribute('data-rt-bind');
+                if (rtBind) {
+                    // Route initial HTTP result through the _updateDOM renderer for full template/context support
+                    this._updateDOM(rtBind, result);
+                }
+                else {
+                    const template = el.getAttribute('data-rt-template');
+                    if (template && typeof result === 'object' && result !== null) {
+                        if (Array.isArray(result)) {
+                            let combinedHTML = '';
+                            for (const item of result) {
+                                let finalItemHTML = template;
+                                for (let key in item) {
+                                    finalItemHTML = finalItemHTML.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), item[key] !== undefined && item[key] !== null ? item[key] : '');
+                                }
+                                combinedHTML += finalItemHTML;
+                            }
+                            el.innerHTML = combinedHTML;
+                        }
+                        else {
+                            let finalHTML = template;
+                            for (let key in result) {
+                                finalHTML = finalHTML.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), result[key] !== undefined && result[key] !== null ? result[key] : '');
+                            }
+                            el.innerHTML = finalHTML;
+                        }
+                    }
+                    else {
+                        if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
+                            el.value = typeof result === 'object' ? (result.value !== undefined ? result.value : '') : result;
+                        }
+                        else {
+                            el.innerHTML = typeof result === 'object' ? (result.html || result.text || JSON.stringify(result)) : result;
+                        }
+                    }
+                }
+            }
+            catch (e) {
+                console.error('[Dolphin] API Get Error:', e);
+            }
+        }
+    };
+    /** @private */
+    clientProto._updateDOM = function (topic, payload) {
+        if (typeof document === 'undefined')
+            return;
+        const elements = document.querySelectorAll(`[data-rt-bind="${topic}"]`);
+        elements.forEach(el => {
+            if (el.getAttribute('data-rt-type') === 'context' && typeof payload === 'object' && payload !== null) {
+                el._rtContext = payload; // Store context on DOM element
+                const processNode = (node) => {
+                    if (node.hasAttribute('data-rt-text')) {
+                        const key = node.getAttribute('data-rt-text');
+                        if (key && payload[key] !== undefined && payload[key] !== null)
+                            node.textContent = payload[key];
+                    }
+                    if (node.hasAttribute('data-rt-html')) {
+                        const key = node.getAttribute('data-rt-html');
+                        if (key && payload[key] !== undefined && payload[key] !== null)
+                            node.innerHTML = payload[key];
+                    }
+                    if (node.hasAttribute('data-rt-attr')) {
+                        const attrStr = node.getAttribute('data-rt-attr');
+                        if (attrStr) {
+                            attrStr.split(',').forEach(b => {
+                                const parts = b.split(':');
+                                if (parts.length === 2) {
+                                    const attrName = parts[0].trim();
+                                    const key = parts[1].trim();
+                                    if (attrName && key && payload[key] !== undefined && payload[key] !== null) {
+                                        node.setAttribute(attrName, payload[key]);
+                                    }
+                                }
+                            });
+                        }
+                    }
+                    if (node.hasAttribute('data-rt-class')) {
+                        const classStr = node.getAttribute('data-rt-class');
+                        if (classStr) {
+                            classStr.split(',').forEach(b => {
+                                const parts = b.split(':');
+                                if (parts.length === 2) {
+                                    const className = parts[0].trim();
+                                    const key = parts[1].trim();
+                                    if (payload[key]) {
+                                        node.classList.add(className);
+                                    }
+                                    else {
+                                        node.classList.remove(className);
+                                    }
+                                }
+                            });
+                        }
+                    }
+                    if (node.hasAttribute('data-rt-if')) {
+                        const key = node.getAttribute('data-rt-if');
+                        if (key) {
+                            if (payload[key]) {
+                                node.style.display = '';
+                            }
+                            else {
+                                node.style.display = 'none';
+                            }
+                        }
+                    }
+                    if (node.hasAttribute('data-rt-hide')) {
+                        const key = node.getAttribute('data-rt-hide');
+                        if (key) {
+                            if (payload[key]) {
+                                node.style.display = 'none';
+                            }
+                            else {
+                                node.style.display = '';
+                            }
+                        }
+                    }
+                };
+                processNode(el);
+                el.querySelectorAll('[data-rt-text], [data-rt-html], [data-rt-attr], [data-rt-class], [data-rt-if], [data-rt-hide]').forEach(processNode);
+                return;
+            }
+            const template = el.getAttribute('data-rt-template');
+            if (template && typeof payload === 'object' && payload !== null) {
+                if (Array.isArray(payload)) {
+                    let combinedHTML = '';
+                    for (const item of payload) {
+                        let finalItemHTML = template;
+                        for (let key in item) {
+                            finalItemHTML = finalItemHTML.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), item[key] !== undefined && item[key] !== null ? item[key] : '');
+                        }
+                        combinedHTML += finalItemHTML;
+                    }
+                    el.innerHTML = combinedHTML;
+                }
+                else {
+                    let finalHTML = template;
+                    for (let key in payload) {
+                        finalHTML = finalHTML.replace(new RegExp(`\\{\\{${key}\\}\\}`, 'g'), payload[key] !== undefined && payload[key] !== null ? payload[key] : '');
+                    }
+                    el.innerHTML = finalHTML;
+                }
+                return;
+            }
+            if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') {
+                el.value = typeof payload === 'object' ? (payload.value !== undefined ? payload.value : '') : payload;
+            }
+            else {
+                el.innerHTML = typeof payload === 'object' ? (payload.html || payload.text || JSON.stringify(payload)) : payload;
+            }
+        });
+    };
+}

package/dist/dragdrop.d.ts

@@ -0,0 +1 @@
+export declare function attachDragDrop(clientProto: any): void;

package/dist/i18n.d.ts

@@ -0,0 +1 @@
+export declare function attachI18n(clientProto: any): void;