Method connectedCallback

runtime/src/element.js:9–37

()

export class EdgePythonElement extends HTMLElement { 
    async connectedCallback() {
        const file = this.getAttribute('entry');
        const pkg = this.getAttribute('packages');

        // host -> main-thread modules (lazy: name -> url, imported on first use), imports -> worker .py/.wasm modules
        const hostModules = {};
        let imports;
        if (pkg) {
            const base = new URL(pkg, location.href);
            const manifest = await fetch(base).then(r => r.json());
            for (const [name, url] of Object.entries(manifest.host ?? {})) {
                hostModules[name] = new URL(url, base).href;
            }
            if (manifest.imports) {
                imports = {};
                for (const [name, url] of Object.entries(manifest.imports)) imports[name] = new URL(url, base).href;
            }
        }

        // Kept on the element so callers can drive the same worker after the declarative run.
        this.worker = await createWorker({
            wasmUrl: "https://cdn.edgepython.com/compiler.wasm",
            hostModules,
            imports,
        });
        // `entry` is optional: omit it to just spin up the worker and drive it via run().
        if (file) await this.worker.run(await fetch(file).then(r => r.text()));
        this.dispatchEvent(new Event("ready"));
    }

    // Run a Python source string on the element's worker. Resolves with { out, ms }.
    run(src, opts) { return this.worker.run(src, opts); }