open-element · SisyphusZheng · Jun 25, 2026 · Jun 25, 2026 · Jun 25, 2026 · Jun 25, 2026
diff --git a/examples/deno-desktop-spa/.gitignore b/examples/deno-desktop-spa/.gitignore
@@ -0,0 +1 @@
+node_modules/
diff --git a/examples/deno-desktop-spa/README.md b/examples/deno-desktop-spa/README.md
@@ -0,0 +1,27 @@
+# openElement Desktop SPA Proof
+
+Runs openElement SPA mode inside a Deno Desktop window (deno canary).
+
+## Setup
+
+Install deno canary:
+
+```sh
+deno upgrade canary
+```
+
+## Run
+
+```sh
+deno task dev      # Run as HTTP server (development)
+deno task build    # Compile to desktop binary
+./deno-desktop-spa # Open desktop window (macOS)
+```
+
+## Architecture
+
+- `main.ts` — `Deno.serve()` HTTP server + `defineApp({ mode: 'spa' })` SPA
+  bootstrap
+- `routes/index.tsx` — SPA page with interactive counter
+- `deno.json` — desktop config: webview backend, 1024×768 window
+- Deno Desktop compiles the project to a self-contained binary
diff --git a/examples/deno-desktop-spa/deno.json b/examples/deno-desktop-spa/deno.json
@@ -0,0 +1,25 @@
+{
+  "name": "@openelement/example-desktop-spa",
+  "version": "0.41.0-alpha.5",
+  "tasks": {
+    "dev": "deno run -A main.ts",
+    "build": "deno desktop main.ts"
+  },
+  "imports": {
+    "@/": "./",
+    "@openelement/app": "npm:@openelement/app@^0.41.0-alpha.5",
+    "preact": "npm:preact@^10.29.1",
+    "@preact/signals": "npm:@preact/signals@^2.9.0"
+  },
+  "compilerOptions": {
+    "jsx": "precompile",
+    "jsxImportSource": "preact",
+    "lib": ["dom", "dom.asynciterable", "dom.iterable", "deno.ns"]
+  },
+  "desktop": {
+    "backend": "webview",
+    "title": "openElement Desktop",
+    "width": 1024,
+    "height": 768
+  }
+}
diff --git a/examples/deno-desktop-spa/main.ts b/examples/deno-desktop-spa/main.ts
@@ -0,0 +1,30 @@
+import { defineApp } from '@openelement/app';
+
+const _app = defineApp({ mode: 'spa' });
+
+Deno.serve((_req) => {
+  const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>openElement Desktop</title>
+  <style>
+    body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
+    button { padding: 0.5rem 1rem; font-size: 1rem; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; background: #f0f0f0; }
+    button:hover { background: #e0e0e0; }
+  </style>
+</head>
+<body>
+  <div id="root"></div>
+  <script type="module">
+    import { defineApp } from '@openelement/app';
+    const app = defineApp({ mode: 'spa' });
+    app.mount('#root');
+  </script>
+</body>
+</html>`;
+  return new Response(html, {
+    headers: { 'content-type': 'text/html' },
+  });
+});
diff --git a/examples/deno-desktop-spa/routes/index.tsx b/examples/deno-desktop-spa/routes/index.tsx
@@ -0,0 +1,17 @@
+import { useSignal } from '@preact/signals';
+
+export default function Home() {
+  const count = useSignal(0);
+  return (
+    <div>
+      <h1>openElement Desktop — Deno Desktop Proof</h1>
+      <p>
+        This page is rendered via <code>defineApp({'{'} mode: 'spa' {'}'})</code>{' '}
+        inside a Deno Desktop window.
+      </p>
+      <button type='button' onClick={() => count.value += 1}>
+        Count: {count}
+      </button>
+    </div>
+  );
+}
diff --git a/examples/open-element-in-fresh/README.md b/examples/open-element-in-fresh/README.md
@@ -83,7 +83,7 @@ when publishing `packages/ui` to npm — the output `.js` files retain raw JSX
 which Vite cannot transpile.
 
 **Fix (alpha.5):** The `compilerOptions.jsx` config is already in
-`packages/ui/deno.json`. The remaining blocker is the `deno pack`
-transpilation gap — when publishing to npm, JSX is not transformed to
-`jsx()` calls in the output `.js` files. Once the pack pipeline is fixed,
-replace stubs with `import "@openelement/ui"`.
+`packages/ui/deno.json`. The remaining blocker is the `deno pack` transpilation
+gap — when publishing to npm, JSX is not transformed to `jsx()` calls in the
+output `.js` files. Once the pack pipeline is fixed, replace stubs with
+`import "@openelement/ui"`.