@rangka/client 0.0.1

package/dist/widgets/shell/useActionHandlers.js

@@ -0,0 +1,123 @@
+import { useCallback, useMemo } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import { apiClient } from '../../api/client.js';
+import { modelToPath } from '../../api/paths.js';
+import { useNavigate } from '../../router/hooks.js';
+export function useActionHandlers(options = {}) {
+    const navigate = useNavigate();
+    const queryClient = useQueryClient();
+    const handleNavigate = useCallback((path) => {
+        navigate(path);
+    }, [navigate]);
+    const handleService = useCallback(async (name, params) => {
+        const response = await apiClient(`/api/services/${name}`, {
+            method: 'POST',
+            body: JSON.stringify(params),
+        });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'Service call failed' }));
+            throw new Error(err.message ?? 'Service call failed');
+        }
+        return response.json();
+    }, []);
+    const handleRefreshSource = useCallback(() => {
+        if (options.sourceQueryKey) {
+            queryClient.invalidateQueries({ queryKey: options.sourceQueryKey });
+        }
+        else if (options.model) {
+            queryClient.invalidateQueries({ queryKey: ['model', options.model] });
+        }
+    }, [queryClient, options.sourceQueryKey, options.model]);
+    const handleFocus = useCallback((field) => {
+        const el = document.querySelector(`[data-field="${field}"]`);
+        el?.focus();
+    }, []);
+    const handleValidate = useCallback(async (_fields) => {
+        return true;
+    }, []);
+    const handleModelCreate = useCallback(async (model, data) => {
+        const path = modelToPath(model);
+        const response = await apiClient(path, {
+            method: 'POST',
+            body: JSON.stringify(data),
+        });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'Create failed' }));
+            throw new Error(err.message ?? 'Create failed');
+        }
+        const result = await response.json();
+        queryClient.invalidateQueries({ queryKey: ['model', model] });
+        return result;
+    }, [queryClient]);
+    const handleModelUpdate = useCallback(async (model, id, data) => {
+        const path = `${modelToPath(model)}/${id}`;
+        const response = await apiClient(path, {
+            method: 'PUT',
+            body: JSON.stringify(data),
+        });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'Update failed' }));
+            throw new Error(err.message ?? 'Update failed');
+        }
+        const result = await response.json();
+        queryClient.invalidateQueries({ queryKey: ['model', model] });
+        return result;
+    }, [queryClient]);
+    const handleModelDelete = useCallback(async (model, id) => {
+        const path = `${modelToPath(model)}/${id}`;
+        const response = await apiClient(path, { method: 'DELETE' });
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'Delete failed' }));
+            throw new Error(err.message ?? 'Delete failed');
+        }
+        queryClient.invalidateQueries({ queryKey: ['model', model] });
+    }, [queryClient]);
+    const handleModelFetch = useCallback(async (model, id) => {
+        const path = `${modelToPath(model)}/${id}`;
+        const response = await apiClient(path);
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'Fetch failed' }));
+            throw new Error(err.message ?? 'Fetch failed');
+        }
+        return response.json();
+    }, []);
+    const handleModelList = useCallback(async (model, filters) => {
+        const url = new URL(modelToPath(model), window.location.origin);
+        if (filters) {
+            for (const [key, value] of Object.entries(filters)) {
+                url.searchParams.set(`filter[${key}]`, String(value));
+            }
+        }
+        const response = await apiClient(url.pathname + url.search);
+        if (!response.ok) {
+            const err = await response.json().catch(() => ({ message: 'List failed' }));
+            throw new Error(err.message ?? 'List failed');
+        }
+        const result = await response.json();
+        return Array.isArray(result) ? result : (result.data ?? []);
+    }, []);
+    return useMemo(() => ({
+        navigate: handleNavigate,
+        service: handleService,
+        refreshSource: handleRefreshSource,
+        focus: handleFocus,
+        validate: handleValidate,
+        modelCreate: handleModelCreate,
+        modelUpdate: handleModelUpdate,
+        modelDelete: handleModelDelete,
+        modelFetch: handleModelFetch,
+        modelList: handleModelList,
+    }), [
+        handleNavigate,
+        handleService,
+        handleRefreshSource,
+        handleFocus,
+        handleValidate,
+        handleModelCreate,
+        handleModelUpdate,
+        handleModelDelete,
+        handleModelFetch,
+        handleModelList,
+    ]);
+}
+//# sourceMappingURL=useActionHandlers.js.map

package/dist/widgets/shell/useActionHandlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActionHandlers.js","sourceRoot":"","sources":["../../../src/widgets/shell/useActionHandlers.ts"],"names":[],"mappings":"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"}

package/dist/widgets/state/index.d.ts

@@ -0,0 +1,3 @@
+export { StateStore } from './store.js';
+export type { Subscriber } from './store.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/widgets/state/index.js

@@ -0,0 +1,2 @@
+export { StateStore } from './store.js';
+//# sourceMappingURL=index.js.map

package/dist/widgets/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/widgets/state/store.d.ts

@@ -0,0 +1,20 @@
+export type Subscriber = (value: unknown) => void;
+export type StoreListener = () => void;
+export declare class StateStore {
+    private state;
+    private subscribers;
+    private listeners;
+    private version;
+    get(key: string): unknown;
+    set(key: string, value: unknown): void;
+    setMany(entries: Record<string, unknown>): void;
+    subscribe(key: string, fn: Subscriber): () => void;
+    onchange(fn: StoreListener): () => void;
+    getVersion(): number;
+    clear(): void;
+    keys(): string[];
+    snapshot(): Record<string, unknown>;
+    private notify;
+    private notifyListeners;
+}
+//# sourceMappingURL=store.d.ts.map

package/dist/widgets/state/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/widgets/state/store.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC;AAEvC,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAmC;IAChD,OAAO,CAAC,WAAW,CAA2C;IAC9D,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,OAAO,CAAK;IAEpB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAIzB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IAStC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAkB/C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,GAAG,MAAM,IAAI;IAelD,QAAQ,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,IAAI;IAOvC,UAAU,IAAI,MAAM;IAIpB,KAAK,IAAI,IAAI;IAOb,IAAI,IAAI,MAAM,EAAE;IAIhB,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAInC,OAAO,CAAC,MAAM;IASd,OAAO,CAAC,eAAe;CAKxB"}

package/dist/widgets/state/store.js

@@ -0,0 +1,84 @@
+export class StateStore {
+    state = new Map();
+    subscribers = new Map();
+    listeners = new Set();
+    version = 0;
+    get(key) {
+        return this.state.get(key);
+    }
+    set(key, value) {
+        const prev = this.state.get(key);
+        if (prev === value)
+            return;
+        this.state.set(key, value);
+        this.version++;
+        this.notify(key, value);
+        this.notifyListeners();
+    }
+    setMany(entries) {
+        const changed = [];
+        for (const [key, value] of Object.entries(entries)) {
+            const prev = this.state.get(key);
+            if (prev !== value) {
+                this.state.set(key, value);
+                changed.push([key, value]);
+            }
+        }
+        if (changed.length > 0) {
+            this.version++;
+            for (const [key, value] of changed) {
+                this.notify(key, value);
+            }
+            this.notifyListeners();
+        }
+    }
+    subscribe(key, fn) {
+        let subs = this.subscribers.get(key);
+        if (!subs) {
+            subs = new Set();
+            this.subscribers.set(key, subs);
+        }
+        subs.add(fn);
+        return () => {
+            subs.delete(fn);
+            if (subs.size === 0) {
+                this.subscribers.delete(key);
+            }
+        };
+    }
+    onchange(fn) {
+        this.listeners.add(fn);
+        return () => {
+            this.listeners.delete(fn);
+        };
+    }
+    getVersion() {
+        return this.version;
+    }
+    clear() {
+        this.state.clear();
+        this.subscribers.clear();
+        this.listeners.clear();
+        this.version = 0;
+    }
+    keys() {
+        return [...this.state.keys()];
+    }
+    snapshot() {
+        return Object.fromEntries(this.state);
+    }
+    notify(key, value) {
+        const subs = this.subscribers.get(key);
+        if (subs) {
+            for (const fn of subs) {
+                fn(value);
+            }
+        }
+    }
+    notifyListeners() {
+        for (const fn of this.listeners) {
+            fn();
+        }
+    }
+}
+//# sourceMappingURL=store.js.map

package/dist/widgets/state/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/widgets/state/store.ts"],"names":[],"mappings":"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"}

package/dist/widgets/types.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+import type { WidgetNode } from '@rangka/shared';
+export interface WidgetProps {
+    props: Record<string, unknown>;
+    bind: {
+        value: unknown;
+        setValue?: (val: unknown) => void;
+        meta?: {
+            type: string;
+            label: string;
+            required: boolean;
+            options?: unknown[];
+            readOnly: boolean;
+        };
+        error?: string;
+        id?: string;
+    };
+    on: Record<string, (...args: unknown[]) => void>;
+    context: {
+        record: Record<string, unknown>;
+        model: string;
+        mode: 'view' | 'edit';
+        index?: number;
+    };
+    childNodes?: WidgetNode[];
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/widgets/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/widgets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC;QACf,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;QAClC,IAAI,CAAC,EAAE;YACL,IAAI,EAAE,MAAM,CAAC;YACb,KAAK,EAAE,MAAM,CAAC;YACd,QAAQ,EAAE,OAAO,CAAC;YAClB,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;YACpB,QAAQ,EAAE,OAAO,CAAC;SACnB,CAAC;QACF,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC;IACjD,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/widgets/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/widgets/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/widgets/types.ts"],"names":[],"mappings":""}

package/dist/widgets/validation/index.d.ts

@@ -0,0 +1,3 @@
+export { validateWidgetTree } from './validator.js';
+export type { ValidationError } from './validator.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/validation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widgets/validation/index.js

@@ -0,0 +1,2 @@
+export { validateWidgetTree } from './validator.js';
+//# sourceMappingURL=index.js.map

package/dist/widgets/validation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/widgets/validation/validator.d.ts

@@ -0,0 +1,7 @@
+import type { WidgetNode, WidgetDefinitionMeta } from '@rangka/shared';
+export interface ValidationError {
+    path: string;
+    message: string;
+}
+export declare function validateWidgetTree(nodes: WidgetNode[], registry: Map<string, WidgetDefinitionMeta>, parentPath?: string): ValidationError[];
+//# sourceMappingURL=validator.d.ts.map

package/dist/widgets/validation/validator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validator.d.ts","sourceRoot":"","sources":["../../../src/widgets/validation/validator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,EAAE,EACnB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,EAC3C,UAAU,GAAE,MAAW,GACtB,eAAe,EAAE,CAsGnB"}

package/dist/widgets/validation/validator.js

@@ -0,0 +1,125 @@
+export function validateWidgetTree(nodes, registry, parentPath = '') {
+    const errors = [];
+    nodes.forEach((node, index) => {
+        const path = parentPath ? `${parentPath}[${index}]` : `[${index}]`;
+        const def = registry.get(node.type);
+        if (!def) {
+            errors.push({ path, message: `Unknown widget type: '${node.type}'` });
+            return;
+        }
+        if (node.children && node.children.length > 0) {
+            if (!def.container) {
+                errors.push({ path, message: `Widget '${node.type}' is not a container but has children` });
+            }
+            else if (def.accepts) {
+                for (let i = 0; i < node.children.length; i++) {
+                    const child = node.children[i];
+                    if (!def.accepts.includes(child.type)) {
+                        errors.push({
+                            path: `${path}.children[${i}]`,
+                            message: `Widget '${node.type}' does not accept child type '${child.type}'. Allowed: ${def.accepts.join(', ')}`,
+                        });
+                    }
+                }
+            }
+        }
+        if (node.props) {
+            for (const [key, value] of Object.entries(node.props)) {
+                const propDef = def.schema[key];
+                if (!propDef) {
+                    errors.push({
+                        path: `${path}.props.${key}`,
+                        message: `Unknown prop '${key}' on widget '${node.type}'`,
+                    });
+                    continue;
+                }
+                if (typeof value === 'string' && value.includes('{{')) {
+                    continue;
+                }
+                if (!validatePropType(value, propDef.type, propDef.options)) {
+                    errors.push({
+                        path: `${path}.props.${key}`,
+                        message: `Invalid value for prop '${key}': expected ${propDef.type}${propDef.options ? ` (${propDef.options.join(' | ')})` : ''}`,
+                    });
+                }
+            }
+            for (const [key, propDef] of Object.entries(def.schema)) {
+                if (propDef.required && !(key in node.props) && propDef.default === undefined) {
+                    errors.push({
+                        path: `${path}.props`,
+                        message: `Missing required prop '${key}' on widget '${node.type}'`,
+                    });
+                }
+            }
+        }
+        else {
+            for (const [key, propDef] of Object.entries(def.schema)) {
+                if (propDef.required && propDef.default === undefined) {
+                    errors.push({
+                        path: `${path}.props`,
+                        message: `Missing required prop '${key}' on widget '${node.type}'`,
+                    });
+                }
+            }
+        }
+        if (node.on) {
+            for (const trigger of Object.keys(node.on)) {
+                if (!def.triggers.includes(trigger)) {
+                    errors.push({
+                        path: `${path}.on.${trigger}`,
+                        message: `Unknown trigger '${trigger}' on widget '${node.type}'. Available: ${def.triggers.join(', ') || 'none'}`,
+                    });
+                }
+            }
+        }
+        if (node.bind) {
+            const bindMode = getBindMode(node.bind);
+            if (bindMode !== def.binding && def.binding !== 'none') {
+                if (bindMode !== def.binding) {
+                    errors.push({
+                        path: `${path}.bind`,
+                        message: `Widget '${node.type}' expects binding mode '${def.binding}' but got '${bindMode}'`,
+                    });
+                }
+            }
+            else if (def.binding === 'none' && bindMode !== 'none') {
+                errors.push({
+                    path: `${path}.bind`,
+                    message: `Widget '${node.type}' does not support data binding`,
+                });
+            }
+        }
+        if (node.children) {
+            errors.push(...validateWidgetTree(node.children, registry, `${path}.children`));
+        }
+    });
+    return errors;
+}
+function getBindMode(bind) {
+    if (bind.field)
+        return 'field';
+    if (bind.expression)
+        return 'expression';
+    if (bind.model)
+        return 'model';
+    return 'none';
+}
+function validatePropType(value, type, options) {
+    switch (type) {
+        case 'string':
+            return typeof value === 'string';
+        case 'number':
+            return typeof value === 'number';
+        case 'boolean':
+            return typeof value === 'boolean';
+        case 'enum':
+            return typeof value === 'string' && (options ? options.includes(value) : true);
+        case 'object':
+            return typeof value === 'object' && value !== null;
+        case 'array':
+            return Array.isArray(value);
+        default:
+            return true;
+    }
+}
+//# sourceMappingURL=validator.js.map

package/dist/widgets/validation/validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validator.js","sourceRoot":"","sources":["../../../src/widgets/validation/validator.ts"],"names":[],"mappings":"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"}

package/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rangka</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@rangka/client",
+  "version": "0.0.1",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@tanstack/react-query": "^5.62.0",
+    "@tanstack/react-router": "^1.95.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.4.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^1.17.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.5.0",
+    "react": "^19.1.0",
+    "react-day-picker": "^10.0.1",
+    "react-dom": "^19.1.0",
+    "react-resizable-panels": "^4.11.2",
+    "recharts": "3.8.0",
+    "shadcn": "^4.11.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^2.6.1",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2",
+    "@rangka/shared": "0.0.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@vitejs/plugin-react": "^4.4.0",
+    "jsdom": "^25.0.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "^5.8.0",
+    "vite": "^6.3.0",
+    "vitest": "^4.1.8"
+  },
+  "scripts": {
+    "build": "tsc --build && vite build --outDir dist/shell",
+    "dev": "vite",
+    "test": "vitest run",
+    "lint": "eslint src/"
+  }
+}

package/src/App.tsx

@@ -0,0 +1,44 @@
+import { useMemo } from 'react';
+import { BootProvider, useBootContext } from './boot/BootProvider.js';
+import { BootGate } from './boot/BootGate.js';
+import { ShellProviders } from './context/ShellProviders.js';
+import { QueryProvider } from './data/QueryProvider.js';
+import { createQueryClient } from './data/queryClient.js';
+import { RouterProvider } from './router/RouterProvider.js';
+import { createShellRouter } from './router/createShellRouter.js';
+
+function AppInner() {
+  const { state, handleSessionExpired } = useBootContext();
+
+  const queryClient = useMemo(
+    () => createQueryClient(handleSessionExpired),
+    [handleSessionExpired],
+  );
+
+  const router = useMemo(() => {
+    if (state.status === 'ready') {
+      return createShellRouter(state.data.pages);
+    }
+    return null;
+  }, [state]);
+
+  return (
+    <BootGate>
+      {state.status === 'ready' && router && (
+        <ShellProviders data={state.data}>
+          <QueryProvider client={queryClient}>
+            <RouterProvider router={router} />
+          </QueryProvider>
+        </ShellProviders>
+      )}
+    </BootGate>
+  );
+}
+
+export function App() {
+  return (
+    <BootProvider>
+      <AppInner />
+    </BootProvider>
+  );
+}

package/src/__tests__/setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/src/api/auth.ts

@@ -0,0 +1,41 @@
+import { apiClient } from './client.js';
+import { setToken } from './token.js';
+
+export interface LoginCredentials {
+  email: string;
+  password: string;
+}
+
+export interface SetupCredentials {
+  name: string;
+  email: string;
+  password: string;
+}
+
+export async function login(credentials: LoginCredentials): Promise<Response> {
+  const response = await apiClient('/api/core/session', {
+    method: 'POST',
+    body: JSON.stringify(credentials),
+  });
+
+  if (response.ok) {
+    const { data } = await response.json();
+    setToken(data.token);
+  }
+
+  return response;
+}
+
+export async function setup(credentials: SetupCredentials): Promise<Response> {
+  const response = await apiClient('/api/core/setup', {
+    method: 'POST',
+    body: JSON.stringify(credentials),
+  });
+
+  if (response.ok) {
+    const { data } = await response.json();
+    setToken(data.token);
+  }
+
+  return response;
+}

package/src/api/boot.ts

@@ -0,0 +1,10 @@
+import type { BootResponse } from '@rangka/shared';
+import { apiClient } from './client.js';
+
+export async function fetchBoot(): Promise<BootResponse> {
+  const response = await apiClient('/api/meta/boot');
+  if (!response.ok) {
+    throw response;
+  }
+  return response.json() as Promise<BootResponse>;
+}