Switch from react to preact

src/js/package.json

@@ -15,6 +15,7 @@
     "@pyscript/core": "^0.6",
     "@reactpy/client": "^0.3.2",
     "event-to-object": "^0.1.2",
-    "morphdom": "^2.7.4"
+    "morphdom": "^2.7.4",
+    "preact": "^10.26.4"
   }
 }

src/js/src/components.ts

@@ -1,6 +1,6 @@
 import { DjangoFormProps, HttpRequestProps } from "./types";
-import React from "react";
-import ReactDOM from "react-dom";
+import React from "preact/compat";
+import ReactDOM from "preact/compat";
 /**
  * Interface used to bind a ReactPy node to React.
  */

src/js/src/mount.tsx

@@ -1,6 +1,5 @@
 import { ReactPyDjangoClient } from "./client";
-import React from "react";
-import ReactDOM from "react-dom";
+import ReactDOM from "preact/compat";
 import { Layout } from "@reactpy/client/src/components";
 
 export function mountComponent(

src/js/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "composite": true,
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "declaration": true,
+    "declarationMap": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "lib": ["DOM", "DOM.Iterable", "esnext"],
+    "noEmitOnError": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": false,
+    "sourceMap": true,
+    "strict": true
+  }
+}

tests/test_app/tests/utils.py

@@ -117,7 +117,16 @@ def start_playwright_client(cls):
         cls.browser = cls.playwright.chromium.launch(headless=bool(headless))
         cls.page = cls.browser.new_page()
         cls.page.set_default_timeout(10000)
-        cls.page.on("console", lambda msg: _logger.error("error: %s", msg.text) if msg.type == "error" else None)
+        cls.page.on("console", cls.playwright_logging)
+
+    @staticmethod
+    def playwright_logging(msg):
+        if msg.type == "error":
+            _logger.error(msg.text)
+        elif msg.type == "warning":
+            _logger.warning(msg.text)
+        elif msg.type == "info":
+            _logger.info(msg.text)
 
     @classmethod
     def shutdown_playwright_client(cls):