initial commit

Jag Talon · Jag Talon · commit 684b2fd63f88 · 2024-12-19T11:06:13.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -10,4 +10,5 @@ dist-xdc
 .vscode/*
 .idea
 .DS_Store
-*~
+*~
+pnpm-lock.yaml
diff --git a/index.html b/index.html
@@ -4,10 +4,40 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="webxdc.js"></script>
+    <style>
+      html, body {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+      }
+
+      body {
+        display: flex;
+      }
+
+      header {
+        width: 100%;
+        height: fit-content;
+        padding: 1rem;
+        text-align: center;
+        font-size: 1rem;
+        font-weight: bold;
+      }
+    </style>
   </head>
   <body>
     <script type="module">
-      window.webxdc.sendUpdate({ payload: "hello world!" }, "");
+        import { h, render } from 'preact';
+        import htm from 'htm';
+
+        const html = htm.bind(h);
+
+        function App (props) {
+          return html`<header>Split Bill</header>`;
+        }
+
+        render(html`<${App} />`, document.body);
     </script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -9,10 +9,14 @@
     "build": "vite build"
   },
   "devDependencies": {
+    "@webxdc/vite-plugins": "latest",
+    "@webxdc/webxdc-dev": "latest",
     "concurrently": "latest",
     "prettier": "latest",
-    "vite": "latest",
-    "@webxdc/webxdc-dev": "latest",
-    "@webxdc/vite-plugins": "latest"
+    "vite": "latest"
+  },
+  "dependencies": {
+    "htm": "^3.1.1",
+    "preact": "^10.25.3"
   }
 }
