WIP: Bringing PyScript.next PoC to the main project (#1507)

* kill unwrapped_remote (#1490)

* kill unwrapped_remote

* linting

* don't use callKwargs for python plugins

* fix tests and improve types

* Bringing PyScript.next PoC to the main project

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

---------

Co-authored-by: Madhur Tandon <20173739+madhur-tandon@users.noreply.github.com>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

pyscript.core/test/plugins/py-script.js

@@ -0,0 +1,59 @@
+import { registerPlugin } from "@pyscript/core";
+
+// append ASAP CSS to avoid showing content
+document.head.appendChild(document.createElement("style")).textContent = `
+  py-script, py-config {
+    display: none;
+  }
+`;
+
+// create a unique identifier when/if needed
+let id = 0;
+const getID = (prefix = "py-script") => `${prefix}-${id++}`;
+
+let bootstrap = true;
+const sharedPyodide = new Promise((resolve) => {
+    const pyConfig = document.querySelector("py-config");
+    const config = pyConfig?.getAttribute("src") || pyConfig?.textContent;
+    registerPlugin("py-script", {
+        config,
+        type: "pyodide", // or just 'py'
+        async onRuntimeReady(_, pyodide) {
+            // bootstrap the shared runtime once
+            // as each node as plugin gets onRuntimeReady called once
+            // because no custom-element is strictly needed
+            if (bootstrap) {
+                bootstrap = false;
+                pyodide.io.stdout = (message) => {
+                    console.log("🐍", pyodide.type, message);
+                };
+                // do any module / JS injection in here such as
+                // Element, display, and friends ... then:
+                resolve(pyodide);
+            }
+        },
+    });
+});
+
+/** @type {WeakSet<PyScriptElement>} */
+const known = new WeakSet();
+
+class PyScriptElement extends HTMLElement {
+    constructor() {
+        if (!super().id) this.id = getID();
+    }
+    async connectedCallback() {
+        if (!known.has(this)) {
+            known.add(this);
+            // sharedPyodide contains various helpers including run and runAsync
+            const { run } = await sharedPyodide;
+            // do any stuff needed to finalize this element bootstrap
+            // (i.e. check src attribute and so on)
+            this.replaceChildren(run(this.textContent) || "");
+            // reveal the node on the page
+            this.style.display = "block";
+        }
+    }
+}
+
+customElements.define("py-script", PyScriptElement);