initial work to rewrite the client in typescript

Author: rmorshea

noxfile.py

@@ -195,21 +195,18 @@ def setup_javascript_checks(session: Session) -> None:
 
 
 @group.session
-def check_javascript_suite(session: Session) -> None:
-    """Run the Javascript-based test suite and ensure it bundles succesfully"""
-    session.run("npm", "run", "test", external=True)
+def check_javascript_tests(session: Session) -> None:
+    session.run("npm", "run", "check:tests", external=True)
 
 
 @group.session
-def check_javascript_build(session: Session) -> None:
-    """Run the Javascript-based test suite and ensure it bundles succesfully"""
-    session.run("npm", "run", "test", external=True)
+def check_javascript_format(session: Session) -> None:
+    session.run("npm", "run", "check:format", external=True)
 
 
 @group.session
-def check_javascript_format(session: Session) -> None:
-    """Check that Javascript style guidelines are being followed"""
-    session.run("npm", "run", "check-format", external=True)
+def check_javascript_types(session: Session) -> None:
+    session.run("npm", "run", "check:types", external=True)
 
 
 @group.session

src/client/package-lock.json

@@ -9,10 +9,11 @@
   },
   "scripts": {
     "build": "vite build",
-    "check-format": "npm --workspaces run check-format",
-    "format": "npm --workspaces run format",
     "publish": "npm --workspaces publish",
-    "test": "npm --workspaces test"
+    "format": "npm --workspaces run format",
+    "check:format": "npm --workspaces run check-format",
+    "check:tests": "npm --workspaces check:tests",
+    "check:types": "npm --workspaces run check:types"
   },
   "version": "1.0.0",
   "workspaces": [

src/client/package.json

@@ -6,19 +6,22 @@
   },
   "description": "A client application for ReactPy implemented in React",
   "devDependencies": {
-    "prettier": "^2.5.1"
+    "prettier": "^2.5.1",
+    "typescript": "^4.9.5",
+    "@types/react-dom": "^18.0.11"
   },
   "license": "MIT",
-  "main": "src/index.js",
+  "main": "src/index.tsx",
   "name": "@reactpy/app",
   "repository": {
     "type": "git",
     "url": "https://github.com/reactive-python/reactpy"
   },
   "scripts": {
-    "check-format": "prettier --check ./src",
     "format": "prettier --write ./src",
-    "test": "echo 'no tests'"
+    "check:format": "prettier --check ./src",
+    "check:tests": "echo 'no tests'",
+    "check:types": "tsc"
   },
   "version": "0.45.0"
 }

src/client/packages/app/package.json

@@ -0,0 +1,14 @@
+import React from "react";
+import { render } from "react-dom";
+import { Layout, SimpleReactPyServer } from "@reactpy/client";
+
+export function mount(root: HTMLElement) {
+  const server = new SimpleReactPyServer({
+    serverApi: {
+      baseUrl: document.location.origin,
+      routePath: document.location.pathname,
+      queryString: document.location.search,
+    },
+  });
+  render(<Layout server={server} />, root);
+}