%sveltekit.body%
+
+
diff --git a/app/src/lib/agent.svelte.ts b/app/src/lib/agent.svelte.ts
new file mode 100644
index 0000000..2822891
--- /dev/null
+++ b/app/src/lib/agent.svelte.ts
@@ -0,0 +1,87 @@
+// Connection to the framemate-agent on the Frame. Holds the latest state pushed over
+// `/api/ws` and reconnects on its own. Settings live in localStorage.
+
+import type { AgentState } from "./types";
+
+const STORAGE_KEY = "framemate.connection";
+const DEFAULT_PORT = 7380;
+const RETRY_MS = 3000;
+
+export interface ConnectionSettings {
+ /** Hostname or IP, optionally with `:port`. */
+ host: string;
+ token: string;
+}
+
+export type ConnectionStatus = "unconfigured" | "connecting" | "connected" | "offline";
+
+function loadSettings(): ConnectionSettings {
+ try {
+ const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) ?? "null");
+ if (saved?.host !== undefined && saved?.token !== undefined) return saved;
+ } catch {}
+ return { host: "frame.local", token: "" };
+}
+
+class Agent {
+ settings = $state
+ {#if failed}
+ 
(failed = true)} />
+ {/if}
+
+
+
diff --git a/app/src/lib/components/Icon.svelte b/app/src/lib/components/Icon.svelte
new file mode 100644
index 0000000..abd688b
--- /dev/null
+++ b/app/src/lib/components/Icon.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
diff --git a/app/src/lib/components/Progress.svelte b/app/src/lib/components/Progress.svelte
new file mode 100644
index 0000000..3c9b43f
--- /dev/null
+++ b/app/src/lib/components/Progress.svelte
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
diff --git a/app/src/lib/components/Row.svelte b/app/src/lib/components/Row.svelte
new file mode 100644
index 0000000..dcb0392
--- /dev/null
+++ b/app/src/lib/components/Row.svelte
@@ -0,0 +1,33 @@
+
+
+
+ {label}
+
+ {#if children}{@render children()}{:else}{value ?? "–"}{/if}
+
+
+
+
diff --git a/app/src/lib/components/Section.svelte b/app/src/lib/components/Section.svelte
new file mode 100644
index 0000000..76c1a8a
--- /dev/null
+++ b/app/src/lib/components/Section.svelte
@@ -0,0 +1,32 @@
+
+
+{title}
+ {@render aside?.()} +
+
+ 
+ FrameMate
+
+ {#if battery}
+
+ {Math.round(battery.level * 100)}%
+
+
+
+ {@render children()}
+
+
+
+
+
+
diff --git a/app/src/routes/+layout.ts b/app/src/routes/+layout.ts
new file mode 100644
index 0000000..9d24899
--- /dev/null
+++ b/app/src/routes/+layout.ts
@@ -0,0 +1,5 @@
+// Tauri doesn't have a Node.js server to do proper SSR
+// so we use adapter-static with a fallback to index.html to put the site in SPA mode
+// See: https://svelte.dev/docs/kit/single-page-apps
+// See: https://v2.tauri.app/start/frontend/sveltekit/ for more info
+export const ssr = false;
diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte
new file mode 100644
index 0000000..63a56e5
--- /dev/null
+++ b/app/src/routes/+page.svelte
@@ -0,0 +1,176 @@
+
+
+{#if !agent.state}
+
+ FrameMate
+
+ {#if battery}
+
+ {Math.round(battery.level * 100)}%
+ + {agent.status === "unconfigured" ? "Set up the connection in Settings." : "Connecting to your Frame…"} +
+{:else} +
+
+
+ {#if battery}
+
+
+ {percent(battery.level)}
+
+
+ {charging
+ ? `Charging · full in ${duration(battery.seconds_remaining)}`
+ : `About ${duration(battery.seconds_remaining)} left`}
+
+ {:else}
+ –
+ {/if}
+
+ {hmdActivity(topics?.vr_state?.hmd_activity)}
+ {#if kernel?.power_w != null}· {Math.abs(kernel.power_w).toFixed(1)} W{/if}
+
+
+ {#each controllers as c (c.path)}
+
+
+
+ {/each}
+
+
+
+ {controllerName(c.model)}
+
+ {percent(c.battery)}
+ {c.charging ? "· charging" : c.connected ? "" : "· asleep"}
+
+
+
+ {/each}
+ {:else}
+ {app.name ?? app.appid}
+ Nothing running
+ {/if} +
+
+ {:else}
+
+
+
+ {download.name ?? download.appid}{download.is_workshop ? " · Workshop" : ""}
+ {download.percent ?? 0}%
+
+
+
+ {download.paused ? "Paused" : `${bytes(download.bytes_per_sec)}/s`}
+ {download.eta_sec ? `${duration(download.eta_sec)} left` : ""}
+
+ No active downloads
+ {/if} +
+
+ {/each}
+ {:else}
+
+
+
+ {item.name ?? item.appid}
+ {live?.percent ?? item.percent ?? 0}%
+
+
+
+
+ {#if item.error}Error: {item.error}
+ {:else if item.paused}Paused
+ {:else if live}{bytes(live.bytes_per_sec)}/s
+ {:else}Queued{/if}
+
+ {live?.eta_sec ? `${duration(live.eta_sec)} left` : ""}
+
+ Nothing queued
+ {/if} +
+
+ {/each}
+
+ {item.name ?? item.appid}
+ Updated {finishedAgo(item.completed_time)}
+
+ Not connected
+{/if} diff --git a/app/src/routes/view/+page.svelte b/app/src/routes/view/+page.svelte new file mode 100644 index 0000000..808718f --- /dev/null +++ b/app/src/routes/view/+page.svelte @@ -0,0 +1,188 @@ + + +
+
+ {#if status}{/if}
+ {#if fullscreen}
+
+ {:else}
+
+ {/if}
+
+
+The headset only renders this view while someone watches. A sleeping headset shows black frames.
+ + diff --git a/app/static/favicon.svg b/app/static/favicon.svg new file mode 100644 index 0000000..3afc621 --- /dev/null +++ b/app/static/favicon.svg @@ -0,0 +1,95 @@ + + diff --git a/app/svelte.config.js b/app/svelte.config.js new file mode 100644 index 0000000..a7830ea --- /dev/null +++ b/app/svelte.config.js @@ -0,0 +1,18 @@ +// Tauri doesn't have a Node.js server to do proper SSR +// so we use adapter-static with a fallback to index.html to put the site in SPA mode +// See: https://svelte.dev/docs/kit/single-page-apps +// See: https://v2.tauri.app/start/frontend/sveltekit/ for more info +import adapter from "@sveltejs/adapter-static"; +import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"; + +/** @type {import('@sveltejs/kit').Config} */ +const config = { + preprocess: vitePreprocess(), + kit: { + adapter: adapter({ + fallback: "index.html", + }), + }, +}; + +export default config; diff --git a/app/tsconfig.json b/app/tsconfig.json new file mode 100644 index 0000000..f4d0a0e --- /dev/null +++ b/app/tsconfig.json @@ -0,0 +1,19 @@ +{ + "extends": "./.svelte-kit/tsconfig.json", + "compilerOptions": { + "allowJs": true, + "checkJs": true, + "esModuleInterop": true, + "forceConsistentCasingInFileNames": true, + "resolveJsonModule": true, + "skipLibCheck": true, + "sourceMap": true, + "strict": true, + "moduleResolution": "bundler" + } + // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias + // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files + // + // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes + // from the referenced tsconfig.json - TypeScript does not merge them in +} diff --git a/app/vite.config.js b/app/vite.config.js new file mode 100644 index 0000000..482f745 --- /dev/null +++ b/app/vite.config.js @@ -0,0 +1,32 @@ +import { defineConfig } from "vite"; +import { sveltekit } from "@sveltejs/kit/vite"; +// @ts-expect-error type error without @types/node package +import process from "node:process"; +const host = process.env.TAURI_DEV_HOST; + +// https://vite.dev/config/ +export default defineConfig(() => ({ + plugins: [sveltekit()], + + // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build` + // + // 1. prevent Vite from obscuring rust errors + clearScreen: false, + // 2. tauri expects a fixed port, fail if that port is not available + server: { + port: 1420, + strictPort: true, + host: host || "127.0.0.1", + hmr: host + ? { + protocol: "ws", + host, + port: 1421, + } + : undefined, + watch: { + // 3. tell Vite to ignore watching `src-tauri` + ignored: ["**/src-tauri/**"], + }, + }, +})); diff --git a/assets/framemate-black.png b/assets/framemate-black.png new file mode 100644 index 0000000..316a691 Binary files /dev/null and b/assets/framemate-black.png differ diff --git a/assets/framemate-black.svg b/assets/framemate-black.svg new file mode 100644 index 0000000..3afc621 --- /dev/null +++ b/assets/framemate-black.svg @@ -0,0 +1,95 @@ + + diff --git a/assets/framemate-white.png b/assets/framemate-white.png new file mode 100644 index 0000000..1b001ef Binary files /dev/null and b/assets/framemate-white.png differ diff --git a/assets/framemate-white.svg b/assets/framemate-white.svg new file mode 100644 index 0000000..581239b --- /dev/null +++ b/assets/framemate-white.svg @@ -0,0 +1,94 @@ + + diff --git a/assets/logo.png b/assets/logo.png deleted file mode 100644 index 28ef5a7..0000000 Binary files a/assets/logo.png and /dev/null differ diff --git a/assets/logo.svg b/assets/logo.svg deleted file mode 100644 index f9f3889..0000000 --- a/assets/logo.svg +++ /dev/null @@ -1,69 +0,0 @@ - - diff --git a/crates/agent/src/config.rs b/crates/agent/src/config.rs index 6221602..003baf3 100644 --- a/crates/agent/src/config.rs +++ b/crates/agent/src/config.rs @@ -29,6 +29,7 @@ impl Config { Ok(token) if !token.is_empty() => token, _ => load_or_create_token()?, }; + let token = normalize_token(&token); Ok(Self { listen, cdp_url: env_or("FRAMEMATE_CDP", "http://127.0.0.1:8080"), @@ -56,18 +57,48 @@ fn config_dir() -> anyhow::Result