@druid-ui/host 1.0.0-next.1

package/dist/ui.js

@@ -0,0 +1,571 @@
+import {init as $k5Hkl$init, classModule as $k5Hkl$classModule, propsModule as $k5Hkl$propsModule, styleModule as $k5Hkl$styleModule, eventListenersModule as $k5Hkl$eventListenersModule, h as $k5Hkl$h} from "snabbdom";
+import $k5Hkl$hyperid from "hyperid";
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+// Re-export everything for easy access
+var $7ecf692fb720ca8d$exports = {};
+
+$parcel$export($7ecf692fb720ca8d$exports, "log", () => $7ecf692fb720ca8d$export$bef1f36f5486a6a3);
+$parcel$export($7ecf692fb720ca8d$exports, "DruidUI", () => $7ecf692fb720ca8d$export$6874335aa33ac2fe);
+var $4195f124d99f64a1$exports = {};
+
+$parcel$export($4195f124d99f64a1$exports, "HttpFileLoader", () => $4195f124d99f64a1$export$c104e8094d57b0fc);
+class $4195f124d99f64a1$export$c104e8094d57b0fc {
+    constructor(baseUrl, authOptions, defaultHeaders){
+        this.baseUrl = baseUrl;
+        this.authOptions = authOptions;
+        this.defaultHeaders = defaultHeaders;
+    }
+    async loadHttp(path, options) {
+        const headers = {
+            ...this.defaultHeaders,
+            ...options?.headers
+        };
+        // Use instance auth options if no options provided, or merge with provided options
+        const authToUse = options?.auth || this.authOptions;
+        // Add authentication headers
+        if (authToUse) switch(authToUse.type){
+            case "bearer":
+                if (authToUse.token) headers["Authorization"] = `Bearer ${authToUse.token}`;
+                break;
+            case "basic":
+                if (authToUse.username && authToUse.password) {
+                    const credentials = btoa(`${authToUse.username}:${authToUse.password}`);
+                    headers["Authorization"] = `Basic ${credentials}`;
+                }
+                break;
+            case "api-key":
+                if (authToUse.apiKey) {
+                    const headerName = authToUse.apiKeyHeader || "X-API-Key";
+                    headers[headerName] = authToUse.apiKey;
+                }
+                break;
+        }
+        const res = await fetch(path, {
+            headers: headers,
+            cache: options?.cache === false ? "no-store" : "default"
+        });
+        if (!res.ok) throw new Error(`Failed to load file: ${path}, status: ${res.status}`);
+        // Extract all fetch-specific data
+        const text = await res.arrayBuffer();
+        const responseHeaders = {};
+        // Handle both real Headers object and mocked headers
+        if (res.headers && typeof res.headers.forEach === "function") res.headers.forEach((value, key)=>{
+            responseHeaders[key] = value;
+        });
+        const contentType = res.headers.get("Content-Type");
+        return {
+            buffer: text,
+            headers: responseHeaders,
+            contentType: contentType
+        };
+    }
+    async load(path, options) {
+        const filePath = this.baseUrl ? `${this.baseUrl}/${path}` : path;
+        const response = await this.loadHttp(filePath, options);
+        return response;
+    }
+}
+
+
+
+const $7705509af6e2b475$export$b76953f99ab2be78 = (0, $k5Hkl$init)([
+    // Init patch function with chosen modules
+    (0, $k5Hkl$classModule),
+    (0, $k5Hkl$propsModule),
+    (0, $k5Hkl$styleModule),
+    (0, $k5Hkl$eventListenersModule)
+]);
+
+
+var $47d6f20d5f21b2bd$exports = {};
+
+$parcel$export($47d6f20d5f21b2bd$exports, "HistoryRoutingStrategy", () => $47d6f20d5f21b2bd$export$ec331118eb897269);
+$parcel$export($47d6f20d5f21b2bd$exports, "CustomRoutingStrategy", () => $47d6f20d5f21b2bd$export$943a5be802561a9a);
+$parcel$export($47d6f20d5f21b2bd$exports, "createRoutingStrategy", () => $47d6f20d5f21b2bd$export$df70df7318f5f0f3);
+class $47d6f20d5f21b2bd$export$ec331118eb897269 {
+    getCurrentPath() {
+        return window.location.pathname;
+    }
+    navigateTo(path) {
+        window.history.pushState({}, "", path);
+    }
+}
+class $47d6f20d5f21b2bd$export$943a5be802561a9a {
+    getCurrentPath() {
+        return this.currentPath;
+    }
+    navigateTo(path) {
+        this.currentPath = path;
+    }
+    constructor(){
+        this.currentPath = "/";
+    }
+}
+const $47d6f20d5f21b2bd$export$df70df7318f5f0f3 = (mode)=>{
+    if (mode === "custom") return new $47d6f20d5f21b2bd$export$943a5be802561a9a();
+    else return new $47d6f20d5f21b2bd$export$ec331118eb897269();
+};
+
+
+var $afa3b9af1178429b$exports = {};
+
+$parcel$export($afa3b9af1178429b$exports, "loadTranspile", () => $afa3b9af1178429b$export$76f430ef6626d809);
+const $afa3b9af1178429b$var$CACHE_KEY_PREFIX = "transpile_cache_";
+// Helper functions for localStorage caching
+const $afa3b9af1178429b$var$getCachedEntry = (file)=>{
+    try {
+        const cached = localStorage.getItem($afa3b9af1178429b$var$CACHE_KEY_PREFIX + file);
+        if (cached) return JSON.parse(cached);
+    } catch (e) {
+        console.warn("Failed to read from cache:", e);
+    }
+    return null;
+};
+const $afa3b9af1178429b$var$setCachedEntry = (file, entry)=>{
+    try {
+        localStorage.setItem($afa3b9af1178429b$var$CACHE_KEY_PREFIX + file, JSON.stringify(entry));
+    } catch (e) {
+        console.warn("Failed to write to cache:", e);
+    }
+};
+const $afa3b9af1178429b$var$transpileInWorker = async (buffer, name)=>{
+    return new Promise((resolve, reject)=>{
+        const worker = new Worker(new URL("transpile.worker.bc75f4c9.js", import.meta.url), {
+            type: "module"
+        });
+        worker.onmessage = (event)=>{
+            worker.terminate();
+            if (event.data.success) resolve(event.data.data);
+            else reject(new Error(event.data.error));
+        };
+        worker.onerror = (error)=>{
+            worker.terminate();
+            reject(error);
+        };
+        // Transfer the buffer ownership to the worker (zero-copy)
+        worker.postMessage({
+            buffer: buffer,
+            name: name
+        }, [
+            buffer
+        ]);
+    });
+};
+const $afa3b9af1178429b$export$76f430ef6626d809 = async (file, fileLoader)=>{
+    // Check cache first
+    const cached = $afa3b9af1178429b$var$getCachedEntry(file);
+    if (cached) // Verify URLs are still valid
+    try {
+        await fetch(cached.jsUrl, {
+            method: "HEAD"
+        });
+        return [
+            cached.jsUrl,
+            async (filename)=>{
+                const url = cached.fileUrls[filename];
+                if (!url) throw new Error(`File ${filename} not found in transpiled output.`);
+                const wasmResponse = await fetch(url);
+                const wasmBuffer = await wasmResponse.arrayBuffer();
+                return await WebAssembly.compile(wasmBuffer);
+            }
+        ];
+    } catch (e) {
+        // Cache is stale, proceed with transpilation
+        console.warn("Cached URLs are stale, re-transpiling");
+    }
+    const response = await fileLoader.load(file);
+    if (!response) throw new Error(`Failed to load file: ${file}`);
+    const files = {};
+    const t = await $afa3b9af1178429b$var$transpileInWorker(response.buffer, "test");
+    for (const file of t.files){
+        const [f, content] = file;
+        let blob = null;
+        if (f.endsWith(".js")) blob = new Blob([
+            new Uint8Array(content)
+        ], {
+            type: "application/javascript"
+        });
+        else if (f.endsWith(".wasm")) blob = new Blob([
+            new Uint8Array(content)
+        ], {
+            type: "application/wasm"
+        });
+        if (blob) {
+            const url = URL.createObjectURL(blob);
+            files[f] = url;
+        }
+    }
+    const jsFileEntry = Object.entries(files).find(([filename])=>filename.endsWith(".js"));
+    if (!jsFileEntry) throw new Error("No JavaScript file found in transpiled output.");
+    // Cache the result
+    const cacheEntry = {
+        jsUrl: jsFileEntry[1],
+        fileUrls: files
+    };
+    $afa3b9af1178429b$var$setCachedEntry(file, cacheEntry);
+    return [
+        jsFileEntry[1],
+        async (filename)=>{
+            const url = files[filename];
+            if (!url) throw new Error(`File ${filename} not found in transpiled output.`);
+            const wasmResponse = await fetch(url);
+            const wasmBuffer = await wasmResponse.arrayBuffer();
+            return await WebAssembly.compile(wasmBuffer);
+        }
+    ];
+};
+
+
+
+
+var $3f177c34ffa911f6$exports = {};
+
+$parcel$export($3f177c34ffa911f6$exports, "Event", () => $3f177c34ffa911f6$export$d61e24a684f9e51);
+class $3f177c34ffa911f6$export$d61e24a684f9e51 {
+    constructor(_value = "", _checked = false){
+        this._value = _value;
+        this._checked = _checked;
+    }
+    preventDefault() {}
+    stopPropagation() {}
+    value() {
+        return this._value;
+    }
+    checked() {
+        return this._checked;
+    }
+}
+
+
+const $0e97ad6bdcaa9a3e$var$nodes = new Map();
+function $0e97ad6bdcaa9a3e$export$5833d9be8010042a(id, callback) {
+    console.debug(`Setting hook for id ${id} with callback ${callback}`);
+    const node = $0e97ad6bdcaa9a3e$var$nodes.get(id);
+    if (node) {
+        node.hooks = node.hooks || [];
+        node.hooks.push(callback);
+    } else console.warn(`setHook: No node found for id ${id}`);
+}
+function $0e97ad6bdcaa9a3e$export$2bfbd9808f953be9(element, props, children) {
+    console.debug("Creating DOM node:", element, props, children);
+    const id = (0, $k5Hkl$hyperid)();
+    $0e97ad6bdcaa9a3e$var$nodes.set(id.uuid, {
+        element: element,
+        props: props,
+        children: children
+    });
+    return id.uuid;
+}
+function $0e97ad6bdcaa9a3e$export$f570cabd7d9ab9b(msg) {
+    console.debug("UI LOG:", msg);
+}
+function $0e97ad6bdcaa9a3e$export$431694b633b87558(id, rerender, emitEvent, navigate) {
+    const node = $0e97ad6bdcaa9a3e$var$nodes.get(id);
+    //it is a bit strange to do it like that, in theory we want to better distinguish between text nodes and element nodes
+    if (!node) {
+        console.debug("Creating text node for id:", id);
+        return id;
+    }
+    const data = {};
+    // Set properties
+    if (node.props) {
+        data.props = {};
+        for (const prop of node.props.prop)data.props[prop.key] = prop.value;
+        data.on = {};
+        for (const eventType of node.props.on)data.on[eventType] = (e)=>{
+            console.debug("Emitting event:", id, eventType, e);
+            emitEvent(id, eventType, new (0, $3f177c34ffa911f6$export$d61e24a684f9e51)(e?.currentTarget?.value, e?.currentTarget?.checked));
+            rerender();
+        };
+        const href = data.props["href"];
+        if (href && !data.on["click"]) {
+            if (navigate) data.on.click = (e)=>{
+                e.preventDefault();
+                navigate(href);
+            };
+        }
+        if (node.hooks) {
+            data.hook = {};
+            for (const hookName of node.hooks)data.hook[hookName] = ()=>{
+                emitEvent(id, hookName, new (0, $3f177c34ffa911f6$export$d61e24a684f9e51)());
+            };
+        }
+    }
+    const ch = [];
+    if (node.children) for (const childId of node.children){
+        const childEl = $0e97ad6bdcaa9a3e$export$431694b633b87558(childId, rerender, emitEvent, navigate);
+        ch.push(childEl);
+    }
+    return (0, $k5Hkl$h)(node.element, data, ch);
+}
+
+
+
+var $36561bb1074897e9$exports = {};
+
+$parcel$export($36561bb1074897e9$exports, "setCb", () => $36561bb1074897e9$export$f4651a9718246ed1);
+$parcel$export($36561bb1074897e9$exports, "PromiseToResult", () => $36561bb1074897e9$export$e36240994a645832);
+
+let $36561bb1074897e9$var$cb;
+const $36561bb1074897e9$var$pending = [];
+const $36561bb1074897e9$var$dispatch = (id, result)=>{
+    if ($36561bb1074897e9$var$cb) {
+        $36561bb1074897e9$var$cb(id, result);
+        return;
+    }
+    $36561bb1074897e9$var$pending.push({
+        id: id,
+        result: result
+    });
+};
+const $36561bb1074897e9$export$f4651a9718246ed1 = (callback)=>{
+    $36561bb1074897e9$var$cb = callback;
+    if ($36561bb1074897e9$var$pending.length === 0) return;
+    // Flush any results that arrived before the callback was registered.
+    while($36561bb1074897e9$var$pending.length > 0){
+        const { id: id, result: result } = $36561bb1074897e9$var$pending.shift();
+        $36561bb1074897e9$var$cb(id, result);
+    }
+};
+const $36561bb1074897e9$export$e36240994a645832 = (promiseFn)=>{
+    return (...args)=>{
+        const id = (0, $k5Hkl$hyperid)().uuid;
+        promiseFn(...args).then((result)=>{
+            $36561bb1074897e9$var$dispatch(id, {
+                tag: "ok",
+                val: result
+            });
+        }).catch((error)=>{
+            $36561bb1074897e9$var$dispatch(id, {
+                tag: "err",
+                val: error instanceof Error ? error.message : String(error)
+            });
+        });
+        return id;
+    };
+};
+
+
+function $7ecf692fb720ca8d$export$bef1f36f5486a6a3(msg) {
+    // Reuse internal logfunc for consistent labeling.
+    (0, $0e97ad6bdcaa9a3e$export$f570cabd7d9ab9b)(msg);
+}
+class $7ecf692fb720ca8d$export$6874335aa33ac2fe extends HTMLElement {
+    connectedCallback() {
+        this._connected = true;
+        if (this.rootComponent) {
+            this.rerender();
+            return;
+        }
+        this.reloadComponent();
+    }
+    disconnectedCallback() {
+        this._connected = false;
+    }
+    reloadComponent() {
+        if (!this._connected) {
+            console.warn("Component not connected, skipping reload.");
+            return;
+        }
+        const entrypoint = this._entrypoint;
+        if (!entrypoint) {
+            console.warn("No entrypoint attribute set.");
+            return;
+        }
+        if (!this.loader) {
+            console.warn("No file loader set.");
+            return;
+        }
+        if (this._sandbox) (0, $afa3b9af1178429b$export$76f430ef6626d809)(entrypoint, this.loader).then(([moduleUrl, compile])=>{
+            this.loadEntrypointFromWasmUrl(moduleUrl, compile);
+        });
+        else this.loadEntrypointFromJavaScriptUrl(entrypoint);
+    }
+    getWrapper() {
+        return this.wrapperEl;
+    }
+    set fileloader(loader) {
+        this.loader = loader;
+        this.reloadComponent();
+    }
+    set extensionObject(obj) {
+        this._extensionObject = obj;
+    }
+    set entrypoint(entrypoint) {
+        this._entrypoint = entrypoint;
+        this.reloadComponent();
+    }
+    set sandbox(sandbox) {
+        this._sandbox = sandbox;
+        this.reloadComponent();
+    }
+    set routeStrategy(strategy) {
+        this._routeStrategy = strategy;
+        this.rerender();
+    }
+    static get observedAttributes() {
+        return [
+            "entrypoint",
+            "path",
+            "profile",
+            "css",
+            "style",
+            "no-sandbox"
+        ];
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch(name){
+            case "no-sandbox":
+                this._sandbox = newValue !== "true";
+                break;
+            case "entrypoint":
+                this.entrypoint = newValue;
+                break;
+            case "path":
+                if (oldValue) this.rerender();
+                break;
+            case "profile":
+                this.profile = newValue === "true";
+                break;
+            case "style":
+                const htmlString = newValue;
+                const styleEl = document.createElement("style");
+                styleEl.textContent = htmlString.trim();
+                // Insert style after all link elements
+                const lastLink = Array.from(this.shadow.querySelectorAll('link[rel="stylesheet"]')).pop();
+                //clear previous style elements
+                const existingStyles = this.shadow.querySelectorAll("style");
+                existingStyles.forEach((style)=>style.remove());
+                if (lastLink) this.shadow.insertBefore(styleEl, lastLink.nextSibling);
+                else this.shadow.insertBefore(styleEl, this.shadowRoot?.firstChild || null);
+                break;
+            case "css":
+                const css = newValue.split(",");
+                //clear previous css links
+                const existingLinks = this.shadow.querySelectorAll('link[rel="stylesheet"]');
+                existingLinks.forEach((link)=>link.remove());
+                for (const comp of css){
+                    const link = document.createElement("link");
+                    link.rel = "stylesheet";
+                    link.href = comp;
+                    this.shadow.insertBefore(link, this.shadowRoot?.firstChild || null);
+                }
+                break;
+        }
+    }
+    constructor(){
+        super(), this.profile = false, this.currentVNode = null, this._routeStrategy = new (0, $47d6f20d5f21b2bd$export$ec331118eb897269)(), this.loader = new (0, $4195f124d99f64a1$export$c104e8094d57b0fc)(), this._sandbox = true, this._extensionObject = {}, this._connected = false;
+        this.shadow = this.attachShadow({
+            mode: "open"
+        });
+        this.wrapperEl = document.createElement("div");
+        this.wrapperEl.classList.add("druid-wrapper");
+        this.mountEl = document.createElement("div");
+        this.mountEl.classList.add("druid-mount");
+        this.mountEl.innerText = "Transpiling...";
+        this.wrapperEl.appendChild(this.mountEl);
+        this.shadow.appendChild(this.wrapperEl);
+    }
+    getExtensionObject() {
+        return {
+            "druid:ui/ui": {
+                d: (element, props, children)=>{
+                    return (0, $0e97ad6bdcaa9a3e$export$2bfbd9808f953be9)(element, props, children);
+                },
+                log: (msg)=>{
+                    (0, $0e97ad6bdcaa9a3e$export$f570cabd7d9ab9b)(msg);
+                },
+                rerender: ()=>{
+                    setTimeout(()=>this.rerender(), 0);
+                },
+                setHook: (0, $0e97ad6bdcaa9a3e$export$5833d9be8010042a)
+            },
+            "druid:ui/utils": {
+                Event: (0, $3f177c34ffa911f6$export$d61e24a684f9e51)
+            },
+            ...this._extensionObject
+        };
+    }
+    async loadEntrypointFromJavaScriptUrl(entrypoint) {
+        window["druid-ui"] = {
+            d: (0, $0e97ad6bdcaa9a3e$export$2bfbd9808f953be9)
+        };
+        window["druid-extension"] = this.getExtensionObject();
+        const response = await this.loader.load(entrypoint);
+        const bundleContent = response.buffer;
+        //load bundleContent as a module
+        const blob = new Blob([
+            bundleContent
+        ], {
+            type: "application/javascript"
+        });
+        const moduleUrl = URL.createObjectURL(blob);
+        const t = await import(/* @vite-ignore */ moduleUrl);
+        (0, $36561bb1074897e9$export$f4651a9718246ed1)(t.component.asyncComplete);
+        this.rootComponent = t;
+        this.rerender();
+        URL.revokeObjectURL(moduleUrl);
+    }
+    async loadEntrypointFromWasmUrl(entrypoint, loadCompile) {
+        const t = await import(/* @vite-ignore */ entrypoint);
+        URL.revokeObjectURL(entrypoint);
+        const i = await t.instantiate(loadCompile, this.getExtensionObject());
+        (0, $36561bb1074897e9$export$f4651a9718246ed1)(i.component.asyncComplete);
+        this.rootComponent = i;
+        this.rerender();
+    }
+    rerender() {
+        if (!this.rootComponent) {
+            console.warn("Root component not initialized yet.");
+            return;
+        }
+        let renderStart;
+        if (this.profile) // Start profiling
+        renderStart = performance.now();
+        const rootId = this.rootComponent.component.init({
+            path: this._routeStrategy.getCurrentPath()
+        });
+        if (this.profile) {
+            const initEnd = performance.now();
+            console.debug(`Init completed in ${(initEnd - renderStart).toFixed(2)} ms`);
+        }
+        this.mountEl.innerHTML = "";
+        const dom = (0, $0e97ad6bdcaa9a3e$export$431694b633b87558)(rootId, this.rerender.bind(this), (nodeId, eventType, e)=>{
+            this.rootComponent.component.emit(nodeId, eventType, e);
+        }, (href)=>{
+            this._routeStrategy.navigateTo(href);
+            this.rerender();
+        });
+        if (dom instanceof String) {
+            console.warn("Root DOM is a string, cannot render:", dom);
+            return;
+        }
+        if (this.currentVNode) (0, $7705509af6e2b475$export$b76953f99ab2be78)(this.currentVNode, dom);
+        else (0, $7705509af6e2b475$export$b76953f99ab2be78)(this.mountEl, dom);
+        this.currentVNode = dom;
+        if (this.profile) {
+            const renderEnd = performance.now();
+            console.debug(`Render completed in ${(renderEnd - renderStart).toFixed(2)} ms`);
+        }
+    }
+}
+customElements.define("druid-ui", $7ecf692fb720ca8d$export$6874335aa33ac2fe);
+
+
+
+
+
+
+
+// Augment the Window interface to include 'druid'.
+// We define a lightweight shape for better intellisense; extend as needed.
+
+
+
+
+export {$7ecf692fb720ca8d$export$bef1f36f5486a6a3 as log, $7ecf692fb720ca8d$export$6874335aa33ac2fe as DruidUI, $3f177c34ffa911f6$export$d61e24a684f9e51 as Event, $4195f124d99f64a1$export$c104e8094d57b0fc as HttpFileLoader, $47d6f20d5f21b2bd$export$ec331118eb897269 as HistoryRoutingStrategy, $47d6f20d5f21b2bd$export$943a5be802561a9a as CustomRoutingStrategy, $47d6f20d5f21b2bd$export$df70df7318f5f0f3 as createRoutingStrategy, $afa3b9af1178429b$export$76f430ef6626d809 as loadTranspile, $36561bb1074897e9$export$f4651a9718246ed1 as setCb, $36561bb1074897e9$export$e36240994a645832 as PromiseToResult};
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/host/src/index.ts","packages/host/src/ui.ts","packages/host/src/file-loader.ts","packages/host/src/setup-snabbdom.ts","packages/host/src/routing-strategy.ts","packages/host/src/transpile.ts","packages/host/src/host-functions.ts","packages/host/src/types.ts","packages/host/src/utils.ts","packages/host/src/window.ts"],"sourcesContent":["// Re-export everything for easy access\nexport * from \"./ui\";\nexport * from \"./types\";\nexport * from \"./file-loader\";\nexport * from \"./routing-strategy\";\nexport * from \"./transpile\";\nexport * from \"./utils\";\n\n// Global Window augmentation (side-effect import for declaration output)\nimport \"./window\";\n","import { HttpFileLoader } from \"./file-loader\";\nimport { patch } from \"./setup-snabbdom\";\nimport { type VNode } from \"snabbdom\";\nimport {\n  HistoryRoutingStrategy,\n  type RoutingStrategy,\n} from \"./routing-strategy\";\nimport { loadTranspile } from \"./transpile\";\nimport { createDomFromIdRec, dfunc, logfunc, setHook } from \"./host-functions\";\nimport { Event } from \"./types\";\nimport { setCb } from \"./utils\";\n\nexport interface Props {\n  prop: { key: string; value: any }[];\n  on: string[]; // [eventType, fnid]\n}\n\n// Dev-time log function exposed for components importing from \"druid:ui/ui\".\nexport function log(msg: string) {\n  // Reuse internal logfunc for consistent labeling.\n  logfunc(msg);\n}\n\nexport class DruidUI extends HTMLElement {\n  private shadow: ShadowRoot;\n  private wrapperEl: HTMLElement;\n  private mountEl: HTMLElement;\n  private profile: boolean = false;\n  private currentVNode: VNode | null = null;\n  private _routeStrategy: RoutingStrategy = new HistoryRoutingStrategy();\n  private loader = new HttpFileLoader();\n  private _sandbox: boolean = true;\n  private _extensionObject: object = {};\n  private _entrypoint?: string;\n  private rootComponent: any;\n  private _connected: boolean = false;\n\n  public connectedCallback() {\n    this._connected = true;\n    if (this.rootComponent) {\n      this.rerender();\n      return;\n    }\n    this.reloadComponent();\n  }\n\n  public disconnectedCallback() {\n    this._connected = false;\n  }\n\n  public reloadComponent() {\n    if (!this._connected) {\n      console.warn(\"Component not connected, skipping reload.\");\n      return;\n    }\n    const entrypoint = this._entrypoint;\n    if (!entrypoint) {\n      console.warn(\"No entrypoint attribute set.\");\n      return;\n    }\n    if (!this.loader) {\n      console.warn(\"No file loader set.\");\n      return;\n    }\n    if (this._sandbox) {\n      loadTranspile(entrypoint, this.loader).then(([moduleUrl, compile]) => {\n        this.loadEntrypointFromWasmUrl(moduleUrl, compile);\n      });\n    } else {\n      this.loadEntrypointFromJavaScriptUrl(entrypoint);\n    }\n  }\n\n  public getWrapper(): HTMLElement {\n    return this.wrapperEl;\n  }\n  set fileloader(loader: HttpFileLoader) {\n    this.loader = loader;\n    this.reloadComponent();\n  }\n\n  set extensionObject(obj: object) {\n    this._extensionObject = obj;\n  }\n  set entrypoint(entrypoint: string) {\n    this._entrypoint = entrypoint;\n    this.reloadComponent();\n  }\n\n  set sandbox(sandbox: boolean) {\n    this._sandbox = sandbox;\n    this.reloadComponent();\n  }\n\n  set routeStrategy(strategy: RoutingStrategy) {\n    this._routeStrategy = strategy;\n    this.rerender();\n  }\n\n  static get observedAttributes() {\n    return [\"entrypoint\", \"path\", \"profile\", \"css\", \"style\", \"no-sandbox\"];\n  }\n\n  attributeChangedCallback(\n    name: string,\n    oldValue: string | null,\n    newValue: string\n  ) {\n    switch (name) {\n      case \"no-sandbox\":\n        this._sandbox = newValue !== \"true\";\n        break;\n      case \"entrypoint\":\n        this.entrypoint = newValue;\n        break;\n      case \"path\":\n        if (oldValue) {\n          this.rerender();\n        }\n        break;\n      case \"profile\":\n        this.profile = newValue === \"true\";\n        break;\n      case \"style\":\n        const htmlString = newValue;\n        const styleEl = document.createElement(\"style\");\n        styleEl.textContent = htmlString.trim();\n\n        // Insert style after all link elements\n        const lastLink = Array.from(\n          this.shadow.querySelectorAll('link[rel=\"stylesheet\"]')\n        ).pop();\n        //clear previous style elements\n        const existingStyles = this.shadow.querySelectorAll(\"style\");\n        existingStyles.forEach((style) => style.remove());\n\n        if (lastLink) {\n          this.shadow.insertBefore(styleEl, lastLink.nextSibling);\n        } else {\n          this.shadow.insertBefore(\n            styleEl,\n            this.shadowRoot?.firstChild || null\n          );\n        }\n        break;\n      case \"css\":\n        const css = newValue.split(\",\");\n        //clear previous css links\n        const existingLinks = this.shadow.querySelectorAll(\n          'link[rel=\"stylesheet\"]'\n        );\n        existingLinks.forEach((link) => link.remove());\n\n        for (const comp of css) {\n          const link = document.createElement(\"link\");\n          link.rel = \"stylesheet\";\n          link.href = comp;\n          this.shadow.insertBefore(link, this.shadowRoot?.firstChild || null);\n        }\n        break;\n    }\n  }\n\n  constructor() {\n    super();\n    this.shadow = this.attachShadow({ mode: \"open\" });\n\n    this.wrapperEl = document.createElement(\"div\");\n    this.wrapperEl.classList.add(\"druid-wrapper\");\n    this.mountEl = document.createElement(\"div\");\n    this.mountEl.classList.add(\"druid-mount\");\n    this.mountEl.innerText = \"Transpiling...\";\n\n    this.wrapperEl.appendChild(this.mountEl);\n    this.shadow.appendChild(this.wrapperEl);\n  }\n\n  private getExtensionObject() {\n    return {\n      \"druid:ui/ui\": {\n        d: (element: string, props: Props, children: string[]) => {\n          return dfunc(element, props, children);\n        },\n        log: (msg: string) => {\n          logfunc(msg);\n        },\n        rerender: () => {\n          setTimeout(() => this.rerender(), 0);\n        },\n        setHook: setHook,\n      },\n      \"druid:ui/utils\": {\n        Event: Event,\n      },\n      ...this._extensionObject,\n    };\n  }\n\n  async loadEntrypointFromJavaScriptUrl(entrypoint: string) {\n    window[\"druid-ui\"] = {\n      d: dfunc,\n    };\n\n    window[\"druid-extension\"] = this.getExtensionObject();\n\n    const response = await this.loader.load(entrypoint);\n\n    const bundleContent = response.buffer;\n\n    //load bundleContent as a module\n    const blob = new Blob([bundleContent], { type: \"application/javascript\" });\n    const moduleUrl = URL.createObjectURL(blob);\n    const t = await import(/* @vite-ignore */ moduleUrl);\n\n    setCb(t.component.asyncComplete);\n    this.rootComponent = t;\n    this.rerender();\n    URL.revokeObjectURL(moduleUrl);\n  }\n\n  async loadEntrypointFromWasmUrl(\n    entrypoint: string,\n    loadCompile?: (file: string) => Promise<WebAssembly.Module>\n  ) {\n    const t = await import(/* @vite-ignore */ entrypoint!);\n\n    URL.revokeObjectURL(entrypoint);\n\n    const i = await t.instantiate(loadCompile, this.getExtensionObject());\n    setCb(i.component.asyncComplete);\n\n    this.rootComponent = i;\n    this.rerender();\n  }\n\n  rerender() {\n    if (!this.rootComponent) {\n      console.warn(\"Root component not initialized yet.\");\n      return;\n    }\n    let renderStart;\n    if (this.profile) {\n      // Start profiling\n      renderStart = performance.now();\n    }\n\n    const rootId = this.rootComponent.component.init({\n      path: this._routeStrategy.getCurrentPath(),\n    });\n\n    if (this.profile) {\n      const initEnd = performance.now();\n      console.debug(\n        `Init completed in ${(initEnd - renderStart!).toFixed(2)} ms`\n      );\n    }\n\n    this.mountEl.innerHTML = \"\";\n    const dom = createDomFromIdRec(\n      rootId,\n      this.rerender.bind(this),\n      (nodeId, eventType, e) => {\n        this.rootComponent.component.emit(nodeId, eventType, e);\n      },\n      (href: string) => {\n        this._routeStrategy.navigateTo(href);\n        this.rerender();\n      }\n    );\n\n    if (dom instanceof String) {\n      console.warn(\"Root DOM is a string, cannot render:\", dom);\n      return;\n    }\n    if (this.currentVNode) {\n      patch(this.currentVNode, dom);\n    } else {\n      patch(this.mountEl, dom);\n    }\n    this.currentVNode = dom;\n    if (this.profile) {\n      const renderEnd = performance.now();\n      console.debug(\n        `Render completed in ${(renderEnd - renderStart!).toFixed(2)} ms`\n      );\n    }\n  }\n}\n\ncustomElements.define(\"druid-ui\", DruidUI);\n","interface AuthOptions {\n  type: \"bearer\" | \"basic\" | \"api-key\";\n  token?: string;\n  username?: string;\n  password?: string;\n  apiKey?: string;\n  apiKeyHeader?: string;\n}\n\ninterface FileLoaderOptions {\n  auth?: AuthOptions;\n  headers?: Record<string, string>;\n  cache?: boolean;\n}\n\ninterface HttpResponse {\n  buffer: ArrayBuffer;\n  headers: Record<string, string>;\n  contentType: string | null;\n}\n\nexport interface FileLoader {\n  load(path: string, options?: FileLoaderOptions): Promise<HttpResponse>;\n}\n\nexport class HttpFileLoader {\n  private authOptions?: AuthOptions | undefined;\n  private defaultHeaders?: Record<string, string> | undefined;\n\n  private baseUrl?: string | undefined;\n\n  constructor(\n    baseUrl?: string,\n    authOptions?: AuthOptions,\n    defaultHeaders?: Record<string, string>\n  ) {\n    this.baseUrl = baseUrl;\n    this.authOptions = authOptions;\n    this.defaultHeaders = defaultHeaders;\n  }\n\n  protected async loadHttp(\n    path: string,\n    options?: FileLoaderOptions\n  ): Promise<HttpResponse> {\n    const headers: Record<string, string> = {\n      ...this.defaultHeaders,\n      ...options?.headers,\n    };\n\n    // Use instance auth options if no options provided, or merge with provided options\n    const authToUse = options?.auth || this.authOptions;\n\n    // Add authentication headers\n    if (authToUse) {\n      switch (authToUse.type) {\n        case \"bearer\":\n          if (authToUse.token) {\n            headers[\"Authorization\"] = `Bearer ${authToUse.token}`;\n          }\n          break;\n        case \"basic\":\n          if (authToUse.username && authToUse.password) {\n            const credentials = btoa(\n              `${authToUse.username}:${authToUse.password}`\n            );\n            headers[\"Authorization\"] = `Basic ${credentials}`;\n          }\n          break;\n        case \"api-key\":\n          if (authToUse.apiKey) {\n            const headerName = authToUse.apiKeyHeader || \"X-API-Key\";\n            headers[headerName] = authToUse.apiKey;\n          }\n          break;\n      }\n    }\n\n    const res = await fetch(path, {\n      headers,\n      cache: options?.cache === false ? \"no-store\" : \"default\",\n    });\n\n    if (!res.ok) {\n      throw new Error(`Failed to load file: ${path}, status: ${res.status}`);\n    }\n\n    // Extract all fetch-specific data\n    const text = await res.arrayBuffer();\n\n    const responseHeaders: Record<string, string> = {};\n    // Handle both real Headers object and mocked headers\n    if (res.headers && typeof res.headers.forEach === \"function\") {\n      res.headers.forEach((value, key) => {\n        responseHeaders[key] = value;\n      });\n    }\n\n    const contentType = res.headers.get(\"Content-Type\");\n\n    return {\n      buffer: text,\n      headers: responseHeaders,\n      contentType,\n    };\n  }\n\n  async load(path: string, options?: FileLoaderOptions) {\n    const filePath = this.baseUrl ? `${this.baseUrl}/${path}` : path;\n    const response = await this.loadHttp(filePath, options);\n    return response;\n  }\n}\n","import {\n  init,\n  classModule,\n  propsModule,\n  styleModule,\n  eventListenersModule,\n} from \"snabbdom\";\n\nexport const patch = init([\n  // Init patch function with chosen modules\n  classModule, // makes it easy to toggle classes\n  propsModule, // for setting properties on DOM elements\n  styleModule, // handles styling on elements with support for animations\n  eventListenersModule, // attaches event listeners\n]);\n","export interface RoutingStrategy {\n  getCurrentPath(): string;\n  navigateTo(path: string): void;\n}\n\nexport class HistoryRoutingStrategy implements RoutingStrategy {\n  getCurrentPath(): string {\n    return window.location.pathname;\n  }\n\n  navigateTo(path: string): void {\n    window.history.pushState({}, \"\", path);\n  }\n}\n\nexport class CustomRoutingStrategy implements RoutingStrategy {\n  private currentPath: string = \"/\";\n\n  getCurrentPath(): string {\n    return this.currentPath;\n  }\n\n  navigateTo(path: string): void {\n    this.currentPath = path;\n  }\n}\n\nexport const createRoutingStrategy = (\n  mode: \"history\" | \"custom\"\n): RoutingStrategy => {\n  if (mode === \"custom\") {\n    return new CustomRoutingStrategy();\n  } else {\n    return new HistoryRoutingStrategy();\n  }\n};\n","import type { FileLoader } from \"./file-loader\";\n\ninterface TranspileResult {\n  files: Array<[string, Uint8Array]>;\n}\n\ninterface CacheEntry {\n  jsUrl: string;\n  fileUrls: Record<string, string>;\n}\n\nconst CACHE_KEY_PREFIX = \"transpile_cache_\";\n\n// Helper functions for localStorage caching\nconst getCachedEntry = (file: string): CacheEntry | null => {\n  try {\n    const cached = localStorage.getItem(CACHE_KEY_PREFIX + file);\n    if (cached) {\n      return JSON.parse(cached);\n    }\n  } catch (e) {\n    console.warn(\"Failed to read from cache:\", e);\n  }\n  return null;\n};\n\nconst setCachedEntry = (file: string, entry: CacheEntry): void => {\n  try {\n    localStorage.setItem(CACHE_KEY_PREFIX + file, JSON.stringify(entry));\n  } catch (e) {\n    console.warn(\"Failed to write to cache:\", e);\n  }\n};\n\nconst transpileInWorker = async (\n  buffer: ArrayBuffer,\n  name: string,\n): Promise<TranspileResult> => {\n  return new Promise((resolve, reject) => {\n    const worker = new Worker(\n      new URL(\"./transpile.worker.ts\", import.meta.url),\n      { type: \"module\" },\n    );\n\n    worker.onmessage = (event: MessageEvent) => {\n      worker.terminate();\n      if (event.data.success) {\n        resolve(event.data.data);\n      } else {\n        reject(new Error(event.data.error));\n      }\n    };\n\n    worker.onerror = (error) => {\n      worker.terminate();\n      reject(error);\n    };\n\n    // Transfer the buffer ownership to the worker (zero-copy)\n    worker.postMessage({ buffer, name }, [buffer]);\n  });\n};\n\nexport const loadTranspile = async (\n  file: string,\n  fileLoader: FileLoader,\n): Promise<[string, (filename: string) => Promise<WebAssembly.Module>]> => {\n  // Check cache first\n  const cached = getCachedEntry(file);\n  if (cached) {\n    // Verify URLs are still valid\n    try {\n      await fetch(cached.jsUrl, { method: \"HEAD\" });\n      return [\n        cached.jsUrl,\n        async (filename: string) => {\n          const url = cached.fileUrls[filename];\n          if (!url) {\n            throw new Error(`File ${filename} not found in transpiled output.`);\n          }\n          const wasmResponse = await fetch(url);\n          const wasmBuffer = await wasmResponse.arrayBuffer();\n          return await WebAssembly.compile(wasmBuffer);\n        },\n      ];\n    } catch (e) {\n      // Cache is stale, proceed with transpilation\n      console.warn(\"Cached URLs are stale, re-transpiling\");\n    }\n  }\n\n  const response = await fileLoader.load(file);\n  if (!response) {\n    throw new Error(`Failed to load file: ${file}`);\n  }\n  const files: Record<string, string> = {};\n  const t = await transpileInWorker(response.buffer, \"test\");\n\n  for (const file of t.files) {\n    const [f, content] = file as [string, Uint8Array];\n\n    let blob: Blob | null = null;\n    if (f.endsWith(\".js\")) {\n      blob = new Blob([new Uint8Array(content)], {\n        type: \"application/javascript\",\n      });\n    } else if (f.endsWith(\".wasm\")) {\n      blob = new Blob([new Uint8Array(content)], {\n        type: \"application/wasm\",\n      });\n    }\n    if (blob) {\n      const url = URL.createObjectURL(blob);\n      files[f] = url;\n    }\n  }\n  const jsFileEntry = Object.entries(files).find(([filename]) =>\n    filename.endsWith(\".js\"),\n  );\n  if (!jsFileEntry) {\n    throw new Error(\"No JavaScript file found in transpiled output.\");\n  }\n\n  // Cache the result\n  const cacheEntry: CacheEntry = {\n    jsUrl: jsFileEntry[1],\n    fileUrls: files,\n  };\n  setCachedEntry(file, cacheEntry);\n\n  return [\n    jsFileEntry[1],\n    async (filename: string) => {\n      const url = files[filename];\n      if (!url) {\n        throw new Error(`File ${filename} not found in transpiled output.`);\n      }\n      const wasmResponse = await fetch(url);\n      const wasmBuffer = await wasmResponse.arrayBuffer();\n      return await WebAssembly.compile(wasmBuffer);\n    },\n  ];\n};\n","import hyperid from \"hyperid\";\nimport type { Props } from \"druid:ui/ui\";\nimport { h, type VNode, type VNodeChildren, type VNodeData } from \"snabbdom\";\nimport { Event } from \"./types\";\n\nconst nodes = new Map<\n  string,\n  {\n    element: string;\n    props?: Props;\n    children?: Array<string>;\n    hooks?: string[];\n  }\n>();\n\nexport function setHook(id: string, callback: string) {\n  console.debug(`Setting hook for id ${id} with callback ${callback}`);\n  const node = nodes.get(id);\n  if (node) {\n    node.hooks = node.hooks || [];\n    node.hooks.push(callback);\n  } else {\n    console.warn(`setHook: No node found for id ${id}`);\n  }\n}\n\nexport function dfunc(element: string, props: Props, children: string[]) {\n  console.debug(\"Creating DOM node:\", element, props, children);\n  const id = hyperid();\n\n  nodes.set(id.uuid, { element, props, children });\n  return id.uuid;\n}\n\nexport function logfunc(msg: string) {\n  console.debug(\"UI LOG:\", msg);\n}\n\nexport function createDomFromIdRec(\n  id: string,\n  rerender: () => void,\n  emitEvent: (id: string, eventType: string, event: Event) => void,\n  navigate?: (href: string) => void\n): VNode | String {\n  const node = nodes.get(id);\n  //it is a bit strange to do it like that, in theory we want to better distinguish between text nodes and element nodes\n  if (!node) {\n    console.debug(\"Creating text node for id:\", id);\n    return id;\n  }\n\n  const data: VNodeData = {};\n\n  // Set properties\n  if (node.props) {\n    data.props = {};\n    for (const prop of node.props.prop) {\n      data.props[prop.key] = prop.value;\n    }\n    data.on = {};\n    for (const eventType of node.props.on) {\n      data.on[eventType] = (e) => {\n        console.debug(\"Emitting event:\", id, eventType, e);\n        emitEvent(\n          id,\n          eventType,\n          new Event(e?.currentTarget?.value, e?.currentTarget?.checked)\n        );\n        rerender();\n      };\n    }\n    const href = data.props[\"href\"];\n    if (href && !data.on[\"click\"]) {\n      if (navigate) {\n        data.on.click = (e) => {\n          e.preventDefault();\n          navigate(href);\n        };\n      }\n    }\n\n    if (node.hooks) {\n      data.hook = {};\n      for (const hookName of node.hooks) {\n        data.hook[hookName as keyof typeof data.hook] = () => {\n          emitEvent(id, hookName, new Event());\n        };\n      }\n    }\n  }\n\n  const ch: VNodeChildren = [];\n  if (node.children) {\n    for (const childId of node.children) {\n      const childEl = createDomFromIdRec(\n        childId,\n        rerender,\n        emitEvent,\n        navigate\n      );\n      ch.push(childEl);\n    }\n  }\n\n  return h(node.element, data, ch);\n}\n","export class Event {\n  private _value: string;\n  private _checked: boolean;\n\n  constructor(_value: string = \"\", _checked: boolean = false) {\n    this._value = _value;\n    this._checked = _checked;\n  }\n\n  preventDefault() {}\n  stopPropagation() {}\n  value() {\n    return this._value;\n  }\n  checked() {\n    return this._checked;\n  }\n}\n","import hyperid from \"hyperid\";\n\ntype Callback = (id: string, result: { tag: \"ok\" | \"err\"; val: any }) => void;\n\nlet cb: Callback | undefined;\n\nconst pending: Array<{ id: string; result: Parameters<Callback>[1] }> = [];\n\nconst dispatch = (id: string, result: Parameters<Callback>[1]) => {\n  if (cb) {\n    cb(id, result);\n    return;\n  }\n\n  pending.push({ id, result });\n};\nexport const setCb = (\n  callback: (id: string, result: { tag: \"ok\" | \"err\"; val: any }) => void\n) => {\n  cb = callback;\n\n  if (pending.length === 0) {\n    return;\n  }\n\n  // Flush any results that arrived before the callback was registered.\n  while (pending.length > 0) {\n    const { id, result } = pending.shift()!;\n    cb(id, result);\n  }\n};\n\nexport const PromiseToResult = <T>(\n  promiseFn: (...args: any[]) => Promise<T>\n) => {\n  return (...args: any[]) => {\n    const id = hyperid().uuid;\n    promiseFn(...args)\n      .then((result) => {\n        dispatch(id, {\n          tag: \"ok\",\n          val: result,\n        });\n      })\n      .catch((error) => {\n        dispatch(id, {\n          tag: \"err\",\n          val: error instanceof Error ? error.message : String(error),\n        });\n      });\n    return id;\n  };\n};\n","// Augment the Window interface to include 'druid'.\n// We define a lightweight shape for better intellisense; extend as needed.\n\ntype DruidAPI = Record<string, any>;\n\ndeclare global {\n  interface Window {\n    \"druid-ui\": {\n      d: (...args: any[]) => any;\n    };\n    \"druid-extension\"?: DruidAPI;\n  }\n}\n\n// Mark this file as a module so global augmentation is always applied reliably.\nexport {};\n"],"names":[],"version":3,"file":"ui.js.map"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@druid-ui/host",
+  "version": "1.0.0-next.1",
+  "type": "module",
+  "main": "./dist/ui.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/ui.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "browserslist": [
+    "last 1 Chrome version"
+  ],
+  "scripts": {
+    "build": "parcel build src/index.ts"
+  },
+  "dependencies": {
+    "@bytecodealliance/jco": "^1.16.1",
+    "hyperid": "^3.3.0",
+    "jsdom": "^26.1.0",
+    "snabbdom": "^3.6.2"
+  },
+  "devDependencies": {
+    "parcel": "^2.16.1",
+    "typescript": "~5.8.3"
+  }
+}