@ashley-shrok/viewmodel-shell 0.3.2 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ashley-shrok/viewmodel-shell",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic — a .NET reference backend ships with the repo, but any language can produce the JSON contract.",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -190,11 +190,15 @@ export interface ShellOptions {
   onLoading?: (loading: boolean) => void;
   /** Called before each dispatch — merge the returned headers into every POST request. */
   getRequestHeaders?: () => Record<string, string> | Promise<Record<string, string>>;
+  /** Called when the server responds with a redirect URL. Defaults to window.location.href = url. */
+  onRedirect?: (url: string) => void;
 }
 
 export interface ShellResponse {
   vm: ViewNode;
   state: unknown;
+  /** When set, the shell navigates to this URL instead of re-rendering. */
+  redirect?: string;
 }
 
 export class ViewModelShell {
@@ -254,6 +258,14 @@ export class ViewModelShell {
       });
       if (!res.ok) throw new Error(`Action '${action.name}' failed: ${res.status}`);
       const body = (await res.json()) as ShellResponse;
+      if (body.redirect) {
+        if (this.options.onRedirect) {
+          this.options.onRedirect(body.redirect);
+        } else {
+          window.location.href = body.redirect;
+        }
+        return;
+      }
       this.currentVm = body.vm;
       this.currentState = body.state;
       adapter.render(body.vm, (a) => this.dispatch(a));

package/styles/default.css

@@ -34,8 +34,9 @@
   --vms-info:          #4a9eff;
   --vms-radius:      10px;
   --vms-radius-sm:   6px;
-  --vms-font-body:   ui-monospace, 'DM Mono', 'Fira Mono', Menlo, monospace;
-  --vms-font-head:   'DM Serif Display', Georgia, serif;
+  --vms-font-body:   system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --vms-font-head:   system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --vms-font-mono:   ui-monospace, 'Cascadia Code', 'Fira Code', Menlo, Consolas, 'Liberation Mono', monospace;
   --vms-t:           0.15s ease;
   --vms-color-scheme: dark;
 }
@@ -56,7 +57,7 @@ body {
 .vms-page__title {
   font-family: var(--vms-font-head);
   font-size: 2.25rem;
-  font-weight: 400;
+  font-weight: 600;
   letter-spacing: -0.02em;
   padding-bottom: 0.75rem;
   border-bottom: 1px solid var(--vms-border);
@@ -114,7 +115,7 @@ select.vms-field__input  { cursor: pointer; padding-right: 2.25rem; }
 /* Code editor field — monospaced, tab-aware, no spell-check chrome.
    Apps add syntax highlighting via .vms-field--code-{language} hooks. */
 .vms-field__input--code {
-  font-family: var(--vms-font-body);
+  font-family: var(--vms-font-mono);
   font-size: 13px;
   line-height: 1.5;
   tab-size: 2;
@@ -279,7 +280,7 @@ select.vms-field__input  { cursor: pointer; padding-right: 2.25rem; }
 .vms-text--muted         { color: var(--vms-text-muted); font-size: 12px; }
 .vms-text--strikethrough { color: var(--vms-done-text); text-decoration: line-through; }
 .vms-text--error         { color: var(--vms-error); font-size: 13px; }
-.vms-text--pre           { font-family: var(--vms-font-body); white-space: pre; }
+.vms-text--pre           { font-family: var(--vms-font-mono); white-space: pre; }
 
 /* ── Link ── */
 .vms-link {