added working Py2JS converter for future changes

Author: WebReflection

test/raw/converter.js

@@ -0,0 +1,53 @@
+import { symbol } from 'https://esm.run/@ungap/serialization-registry';
+
+const { construct } = Reflect;
+const { defineProperty, fromEntries } = Object;
+
+const name = '#Py2JS:Proxy';
+const patch = Symbol.for(name);
+const patched = patch in globalThis;
+
+// pyodide
+const toJsOptions = { dict_converter: fromEntries };
+
+export const converter = patched ? globalThis[patch] : [
+  // pyodide
+  target => {
+    if ('toJs' in target)
+      return target.toJs(toJsOptions);
+  },
+
+  // micropython
+  target => {
+    const { constructor } = target;
+    if (constructor && 'toJs' in constructor)
+      return constructor.toJs(target);
+  },
+];
+
+if (!patched) {
+  defineProperty(globalThis, patch, { value: converter });
+  defineProperty(globalThis, 'Proxy', {
+    value: new Proxy(Proxy, {
+      construct(target, args, newTarget) {
+        const original = args[1]?.get;
+        if (original && !original.name !== name) {
+          args[1].get = defineProperty(
+            function (target, prop, receiver) {
+              if (prop === symbol) {
+                for (let value, i = 0; i < converter.length; i++) {
+                  value = converter[i](target);
+                  if (value) return value;
+                }
+              }
+              return original.call(this, target, prop, receiver);
+            },
+            'name',
+            { value: name }
+          );
+        }
+        return construct(target, args, newTarget);
+      }
+    })
+  });
+}

test/raw/micropython/index.html

@@ -4,6 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <script type="module">
+      import { serialize } from 'https://esm.run/@ungap/serialization-registry';
+      import '../converter.js';
+
+      globalThis.test = arg => {
+        console.log(...serialize(arg));
+      };
+
       const base = 'https://cdn.jsdelivr.net/npm/@micropython/micropython-webassembly-pyscript@latest';
       const { loadMicroPython } = await import(`${base}/micropython.mjs`);
       const interpreter = await loadMicroPython({ url: `${base}/micropython.wasm` });
@@ -12,7 +19,7 @@
     </script>
     <script type="micropython" async>
       import js
-      js.document.body.textContent = "MicroPython"
+      js.test([{'a': 123}, {'a': 456}])
     </script>
   </head>
 </html>

test/raw/pyodide/index.html

@@ -4,6 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <script type="module">
+      import { serialize } from 'https://esm.run/@ungap/serialization-registry';
+      import '../converter.js';
+
+      globalThis.test = arg => {
+        console.log(...serialize(arg));
+      };
+
       const base = 'https://cdn.jsdelivr.net/npm/pyodide@latest';
       const { loadPyodide } = await import(`${base}/pyodide.mjs`);
       const interpreter = await loadPyodide();
@@ -12,7 +19,7 @@
     </script>
     <script type="pyodide" async>
       import js
-      js.document.body.textContent = "Pyodide"
+      js.test([{'a': 123}, {'a': 456}])
     </script>
   </head>
 </html>