Refactor runtime as a library, client as iframe

* Runtime now exports useful functions and elements * Client package provides just the iframe client
taybenlor · Oct 10, 2021 · bb91154 · bb91154
1 parent f2464ac
commit bb91154
Show file tree

Hide file tree

Showing 21 changed files with 3,026 additions and 98 deletions.
diff --git a/.firebaserc b/.firebaserc
@@ -5,7 +5,7 @@
   "targets": {
     "make-run": {
       "hosting": {
-        "runtime": [
+        "client": [
           "make-run"
         ],
         "website": [
@@ -14,4 +14,4 @@
       }
     }
   }
-}
+}
diff --git a/firebase.json b/firebase.json
@@ -1,8 +1,8 @@
 {
   "hosting": [
     {
-      "target": "runtime",
-      "public": "packages/runtime/dist",
+      "target": "client",
+      "public": "packages/client/dist",
       "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
       "headers": [
         {

diff --git a/package.json b/package.json
@@ -10,13 +10,14 @@
   "scripts": {
     "prepare": "npx husky install",
     "bootstrap": "npx lerna bootstrap",
-    "dev": "npx lerna exec npm run dev",
+    "dev": "echo TODO dev command, for now just use dev in client and website",
     "build:host": "cd packages/host && npm run build",
+    "build:client": "cd packages/client && npm run build",
     "build:wasi": "cd packages/wasi && npm run build",
     "build:terminal": "cd packages/terminal && npm run build",
     "build:runtime": "cd packages/runtime && npm run build",
     "build:website": "cd packages/website && npm run build",
-    "build": "npm run build:host && npm run build:wasi && npm run build:terminal && npm run build:runtime && npm run build:website",
+    "build": "npm run build:host && npm run build:wasi && npm run build:terminal && npm run build:runtime && npm run build:client && npm run build:website",
     "build:deploy": "npm run bootstrap && npx lerna exec npm install && npm run build"
   },
   "eslintConfig": {

diff --git a/packages/client/favicon.svg b/packages/client/favicon.svg
diff --git a/packages/client/index.html b/packages/client/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+    <link rel="stylesheet" type="text/css" href="/src/style.css" />
+
+    <meta name="Description" content="Runs code in your browser" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <title>Runno</title>
+  </head>
+  <body class="fullscreen">
+    <runno-run controls class="fullscreen"></runno-run>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>