@rangka/client 0.0.1

package/.claude/skills/add-widget/SKILL.md

@@ -0,0 +1,101 @@
+---
+name: add-widget
+description: Adding a new widget component to packages/client. Use when creating any new widget type.
+---
+
+## Before you write any code
+
+1. Read an existing widget that is closest to what you are building:
+   - Input widget → `src/widgets/components/InputWidget.tsx`
+   - Display widget → `src/widgets/components/TextWidget.tsx`
+   - Container widget → `src/widgets/components/GroupWidget.tsx`
+   - Data widget → `src/widgets/components/DataWidget.tsx`
+   - Form widget → `src/widgets/form/FormWidget.tsx`
+
+2. Read the shared hooks you MUST use:
+   - `src/widgets/hooks/useBind.ts` — binding resolution
+   - `src/widgets/hooks/useAction.ts` — trigger handlers
+   - `src/widgets/types.ts` — WidgetProps interface
+
+3. Check if the logic you need already exists:
+   - Data fetching → `src/widgets/data/useModelRecord.ts` or `src/widgets/data/useModelQuery.ts`
+   - Form state → `src/widgets/form/FormContext.ts`
+   - Page state → `src/widgets/hooks/usePageState.ts`
+   - Expressions → `src/widgets/hooks/useExpression.ts`
+
+## Widget file template
+
+Every widget follows this exact structure:
+
+```typescript
+import React from 'react';
+import type { WidgetProps } from '../types.js';
+
+export function MyWidget({ props, bind, on, children }: WidgetProps) {
+  // Read props (typed from schema below)
+  const label = (props.label as string) ?? bind.meta?.label ?? '';
+
+  // Read bound value (ALWAYS via bind, never via useWidgetContext)
+  const value = bind.value;
+
+  // Write via bind.setValue (ALWAYS, never direct state)
+  const handleChange = (newVal: unknown) => {
+    bind.setValue?.(newVal);
+    on.change?.(newVal);  // fire trigger if applicable
+  };
+
+  // Read error from bind (comes from FormContext automatically)
+  const error = bind.error;
+
+  return (
+    <div>
+      {/* widget markup */}
+      {error && <p className="text-xs text-destructive mt-1">{error}</p>}
+    </div>
+  );
+}
+
+MyWidget.widgetMeta = {
+  name: 'my-widget',
+  label: 'My Widget',
+  category: 'input' as const,  // input | display | layout | action | data
+  schema: {
+    label: { type: 'string' as const },
+    // ... prop definitions
+  },
+  binding: 'field' as const,   // none | field | expression | record | model
+  triggers: ['change'],        // events this widget fires via on.*
+  container: false,            // true only if it renders children
+};
+```
+
+## Registration
+
+After creating the widget file, register it in `src/widgets/components/register.ts`:
+
+1. Add the import at the end of the import block
+2. Add the component to the `builtInWidgets` array
+
+## Rules
+
+- Props come from `props` (page definition config), NEVER from custom React props
+- Bound value comes from `bind.value`, NEVER from `useWidgetContext().record` directly
+- Writing goes through `bind.setValue`, which automatically handles form state integration
+- Triggers fire through `on.triggerName?.()`, NEVER by calling `dispatch` directly
+- Container widgets that provide new context use `childNodes` + `WidgetRenderer`, not `children`
+- All widgets use the `WidgetProps` interface unchanged. If you need a new field, update the shared type and ALL consumers
+- Use shadcn components from `src/components/ui/` for UI primitives
+- Use Tailwind classes, never inline styles
+- Error display pattern: `{bind.error && <p className="text-xs text-destructive mt-1">{bind.error}</p>}`
+
+## Checklist before done
+
+- [ ] Widget accepts only `WidgetProps` (no custom props)
+- [ ] Uses `bind.value` / `bind.setValue` for data (not custom state)
+- [ ] Fires triggers via `on.*` (not dispatch)
+- [ ] Has `widgetMeta` with all fields
+- [ ] Registered in `register.ts`
+- [ ] If container: renders via `childNodes` + `WidgetRenderer` when providing new context
+- [ ] If input: displays `bind.error` below the field
+- [ ] No new hooks that duplicate existing ones (useBind, useModelRecord, etc.)
+- [ ] Builds successfully: `pnpm --filter @rangka/client build`

package/.turbo/turbo-build.log

@@ -0,0 +1,29 @@
+
+> @rangka/client@0.0.1 build /home/runner/work/rangka-framework/rangka-framework/packages/client
+> tsc --build && vite build --outDir dist/shell
+
+vite v6.4.3 building for production...
+transforming...
+✓ 3086 modules transformed.
+rendering chunks...
+[plugin vite:reporter] 
+(!) /home/runner/work/rangka-framework/rangka-framework/packages/client/src/widgets/condition/evaluator.ts is dynamically imported by /home/runner/work/rangka-framework/rangka-framework/packages/client/src/widgets/action/dispatcher.ts but also statically imported by /home/runner/work/rangka-framework/rangka-framework/packages/client/src/widgets/condition/index.ts, dynamic import will not move module into another chunk.
+
+computing gzip size...
+dist/shell/index.html                                                0.39 kB │ gzip:   0.26 kB
+dist/shell/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2       10.25 kB
+dist/shell/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2        11.23 kB
+dist/shell/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2         18.75 kB
+dist/shell/assets/inter-greek-wght-normal-CkhJZR-_.woff2            19.00 kB
+dist/shell/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2     25.96 kB
+dist/shell/assets/inter-latin-wght-normal-Dx4kXJAl.woff2            48.26 kB
+dist/shell/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2        85.07 kB
+dist/shell/assets/index-COLmoPYo.css                               164.49 kB │ gzip:  24.29 kB
+dist/shell/assets/index-Ck_eod9F.js                                  2.90 kB │ gzip:   1.13 kB
+dist/shell/assets/index--35CAvcP.js                              1,559.64 kB │ gzip: 373.20 kB
+
+(!) Some chunks are larger than 500 kB after minification. Consider:
+- Using dynamic import() to code-split the application
+- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
+- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
+✓ built in 5.11s

package/CLAUDE.md

@@ -0,0 +1,236 @@
+# CLAUDE.md — @rangka/client
+
+## Package overview
+
+The Rangka client shell — a pre-built SPA that serves as the runtime UI for all Rangka applications. It fetches metadata from the server (models, pages, navigation, permissions) and renders a complete admin interface without user code. Custom views/fields/cards are loaded as async chunks from `.rangka/`.
+
+## Tech stack
+
+- React 19, TypeScript 5
+- Tailwind CSS v4 (via `@tailwindcss/vite`)
+- TanStack Router (dynamic route building from page definitions)
+- TanStack React Query (data fetching, caching, mutations)
+- shadcn/ui — local component primitives in `src/components/ui/`
+- `@rangka/shared` — shared types (PageDefinition, WidgetNode, LayoutProps, etc.)
+
+## Project structure
+
+```
+src/
+├── api/          — HTTP client, auth, token, boot payload fetch
+├── auth/         — Login form, session expired screen
+├── boot/         — Boot state machine (BootProvider, BootGate, useBoot)
+├── components/
+│   └── ui/       — Local shadcn components (Collapsible, ResizablePanel, ScrollArea, etc.)
+├── context/      — React contexts (Meta, Permissions, User, ShellProviders)
+├── data/         — Data hooks (useSource, useRecord, useMutation, QueryProvider)
+├── router/       — Dynamic router (createShellRouter, buildRouteTree, hooks)
+├── shell/        — Shell layout (ShellLayout, Sidebar, PageOutlet, etc.)
+├── widgets/
+│   ├── action/     — Action dispatcher and handler types
+│   ├── binding/    — Binding resolver (field, expression, model)
+│   ├── components/ — Widget implementations (one file per widget)
+│   ├── context/    — WidgetContext type and builder
+│   ├── data/       — Shared data hooks (useModelRecord, useModelQuery)
+│   ├── form/       — FormWidget, FormContext, form state/validation/submit
+│   ├── hooks/      — Shared widget hooks (useBind, useAction, useCondition, etc.)
+│   ├── lib/        — Layout prop resolver, spacing maps
+│   ├── renderer/   — WidgetRenderer (resolves props, applies layout wrapper)
+│   └── state/      — Page-level state store (magic variables: $filter, $sort, $page, $search)
+├── App.tsx       — Root component
+├── main.tsx      — Entry point
+└── index.ts      — Public exports
+```
+
+## Widget system internals
+
+Every widget follows the same architecture. Understand this before creating or modifying any widget.
+
+### WidgetProps contract
+
+All widgets receive a single `WidgetProps` object. This is the public API. Never add custom props outside this interface.
+
+```typescript
+interface WidgetProps {
+  props: Record<string, unknown>; // widget-specific config from page definition
+  bind: {
+    value: unknown; // resolved binding value
+    setValue?: (val: unknown) => void; // setter (only for input widgets)
+    meta?: FieldMeta; // field metadata from model
+    error?: string; // validation error from FormContext
+    id?: string; // resolved record ID
+  };
+  on: Record<string, (...args: unknown[]) => void>; // trigger handlers
+  context: { record; model; mode; index }; // parent widget context
+  childNodes?: WidgetNode[]; // raw children for container widgets
+  children?: ReactNode; // pre-rendered children
+}
+```
+
+### Shared hooks (MUST reuse, never recreate)
+
+| Hook                               | Location                            | Purpose                                                                             |
+| ---------------------------------- | ----------------------------------- | ----------------------------------------------------------------------------------- |
+| `useBind`                          | `widgets/hooks/useBind.ts`          | Resolves binding to value/setValue/meta. Integrates with FormContext automatically. |
+| `useAction` / `useTriggerHandlers` | `widgets/hooks/useAction.ts`        | Dispatches actions. Merges form handlers when inside FormContext.                   |
+| `useWidgetContext`                 | `widgets/hooks/useWidgetContext.ts` | Access current WidgetContext (record, model, mode).                                 |
+| `useCondition`                     | `widgets/hooks/useCondition.ts`     | Evaluates visibility conditions.                                                    |
+| `useModelRecord`                   | `widgets/data/useModelRecord.ts`    | Fetch single record by model + id. Uses TanStack Query.                             |
+| `useModelQuery`                    | `widgets/data/useModelQuery.ts`     | Fetch list with pagination/sort/filter. Reads magic variables from StateStore.      |
+| `useDataQuery`                     | `widgets/hooks/useDataQuery.ts`     | Low-level hook for magic variable integration. Used by useModelQuery.               |
+| `usePageState`                     | `widgets/hooks/usePageState.ts`     | Access page-level StateStore for $filter, $sort, $page, $search.                    |
+| `useFormContext`                   | `widgets/form/FormContext.ts`       | Access form state. Returns null when not inside a FormProvider.                     |
+
+### Binding resolution flow
+
+1. `WidgetRenderer` calls `useBind(node.bind, fieldMeta, setValue)`
+2. `useBind` calls `resolveBinding()` which handles field/expression/model bindings
+3. If inside a `FormProvider` and bind has a field, `useBind` overrides with form-backed value/setValue/error
+4. The resolved `BindingResult` is passed to the widget via `widgetProps.bind`
+
+Widgets never call `resolveBinding` directly. They read from `bind.value` and write via `bind.setValue`.
+
+### Action dispatch flow
+
+1. `WidgetRenderer` calls `useTriggerHandlers(node.on, handlers, boundField)`
+2. Each trigger wraps actions in a function that calls `dispatch(action, context, handlers)`
+3. If inside a FormProvider, `form.submit` and `form.reset` handlers are merged automatically
+4. Widgets receive the final handlers via `widgetProps.on`
+
+Widgets fire triggers by calling `on.change?.(value)`, `on.click?.()`, etc. They never call `dispatch` directly.
+
+### Widget registration pattern
+
+Every widget file exports a component + static `widgetMeta`:
+
+```typescript
+export function MyWidget({ props, bind, on }: WidgetProps) { ... }
+
+MyWidget.widgetMeta = {
+  name: 'my-widget',           // unique type key (used in page definitions)
+  label: 'My Widget',
+  category: 'input' | 'display' | 'layout' | 'action' | 'data',
+  schema: { ... },             // prop definitions
+  binding: 'none' | 'field' | 'expression' | 'record' | 'model',
+  triggers: ['change', ...],   // events this widget can fire
+  container: false,            // true if it renders children
+};
+```
+
+Then add the import + entry in `widgets/components/register.ts`.
+
+### WidgetContext hierarchy
+
+- `WidgetContext` holds `record`, `model`, `mode`, `parent`
+- Container widgets (data, form, table, repeat) provide a new WidgetContext via `WidgetContextProvider`
+- Child widgets read their nearest context via `useWidgetContext()`
+- `buildContext(node, parentCtx)` in `widgets/context/builder.ts` derives child context from parent
+
+### Container widgets that render children
+
+Two patterns exist:
+
+1. **Render `children` prop directly** (most layout widgets: group, grid, section, card, split)
+2. **Render `childNodes` via WidgetRenderer** (data, form, repeat, table). Use this when the widget provides a new WidgetContext that children must inherit.
+
+Pattern 2 avoids context shadowing. If you render pre-built `children`, they already have their own WidgetContextProvider from the renderer. Use `childNodes` + manual WidgetRenderer when your widget needs to inject context.
+
+## Skills available
+
+- **`add-widget`** — step-by-step for creating any new widget type with checklist
+
+Read this skill before writing any new widget.
+
+## Rules
+
+### Layout widgets render Tailwind directly
+
+Layout widgets (Group, Grid, Split, Section, Spacer, ScrollArea, Stack) render Tailwind utility classes directly.
+
+- Group/Grid/Section/Spacer/Stack emit plain `<div>` elements with Tailwind classes
+- Split uses shadcn ResizablePanelGroup from `src/components/ui/resizable.tsx`
+- ScrollArea uses shadcn ScrollArea from `src/components/ui/scroll-area.tsx`
+- Section uses shadcn Collapsible from `src/components/ui/collapsible.tsx`
+
+### Universal layout props
+
+Any widget can accept layout props (`flex`, `span`, `rowSpan`, `align`, `width`, `height`, `minWidth`, `maxWidth`, `minHeight`, `maxHeight`, `scroll`, `padding`, `paddingX`, `paddingY`, `margin`, `marginX`, `marginY`, `hidden`). These are defined in the flat `props` field alongside widget-specific props.
+
+The WidgetRenderer extracts layout props and wraps the widget in a layout div when present. The resolver lives in `src/widgets/lib/layout-props.ts`.
+
+### Spacing tokens
+
+All spacing uses a 7-token scale on a 4px base grid:
+
+| Token | Value | Tailwind |
+| ----- | ----- | -------- |
+| none  | 0     | 0        |
+| xs    | 4px   | 1        |
+| sm    | 8px   | 2        |
+| md    | 16px  | 4        |
+| lg    | 24px  | 6        |
+| xl    | 32px  | 8        |
+| 2xl   | 48px  | 12       |
+
+### Always refer to the design system
+
+All visual decisions must follow `.interface-design/system.md` at the repo root. This includes:
+
+- Color tokens (use semantic names: `text`, `text-muted`, `surface`, `border`, etc.)
+- Spacing (4px grid via Tailwind utilities)
+- Typography (`text-sm` as default body, `text-xs` for labels)
+- Radius (`rounded-sm` for most elements)
+- Transitions (`duration-fast` for hover/focus)
+
+Never hardcode colors, shadows, or radii. Use the token system.
+
+### Styling
+
+- Use Tailwind utility classes exclusively — no inline styles, no CSS modules
+- Dark mode via `[data-theme="dark"]` attribute
+
+### Component patterns
+
+- Layout widgets render Tailwind directly
+- Non-layout widgets use local shadcn components from `src/components/ui/`
+- Keep shell components focused — one concern per file
+- Use the `useShell()` hook for toast, overlay, panel, and navigate actions
+
+### Data flow
+
+- All data comes from the server via `/api/meta/boot` (metadata) and `/api/{module}/{model}` (records)
+- `useSource` for lists with pagination/sort/filter
+- `useRecord` for single records
+- `useMutation` for create/update/delete
+- Never make raw fetch calls in components — use the data hooks
+
+### Custom view loading
+
+- Custom views are loaded via dynamic `import()` from the manifest at `/_rangka/manifest.json`
+- The shell resolves view names: custom views take priority over built-in views
+- Custom views receive `ViewProps` (source, config, shell, modelMeta)
+
+## Commands
+
+```bash
+pnpm dev:client              # Vite dev server on port 5173 (proxy to API on 3000)
+pnpm playground              # Start API server on port 3000
+pnpm --filter @rangka/client build   # Build shell → dist/shell/
+pnpm --filter @rangka/client test    # Run tests
+```
+
+## Don'ts
+
+- Don't hardcode colors or spacing — use tokens
+- Don't use inline styles — use Tailwind classes
+- Don't fetch data without hooks — use useSource/useRecord/useMutation
+- Don't import from `@rangka/core` — this is a browser package, core is server-only
+- Don't add direct DOM manipulation — use React patterns and `rangka:*` events for cross-panel communication
+- Don't create new data-fetching logic — use `useModelRecord` or `useModelQuery` from `widgets/data/`
+- Don't bypass `useBind` — every widget reads data through `bind.value` and writes through `bind.setValue`
+- Don't call `dispatch` directly from widgets — use the `on` handlers from WidgetProps
+- Don't add props outside the `WidgetProps` interface — extend `props` or `bind` in the shared types if needed
+- Don't create a new hook that duplicates `useBind`, `useAction`, `useModelRecord`, or `useModelQuery`
+- Don't read `useWidgetContext()` for field values — use `bind.value` which already resolves context + form state
+- Don't modify the `WidgetProps` interface without checking every existing widget that consumes it
+- Don't register a widget without `widgetMeta` — the registry depends on it

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Rangka
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,68 @@
+# @rangka/client
+
+Frontend application shell for the Rangka framework.
+
+## How it works
+
+A pre-built React SPA that renders the entire Rangka admin interface from server metadata. It fetches models, pages, navigation, and permissions from the boot API, then dynamically renders widgets without per-screen code. Custom views and fields are loaded as async chunks.
+
+## Architecture
+
+```
+src/
+├── api/          — HTTP client, auth headers, token refresh
+├── auth/         — Login form, session expired screen
+├── boot/         — Boot state machine (fetches metadata, gates rendering)
+├── components/
+│   └── ui/       — Local shadcn primitives (Collapsible, Input, ScrollArea, etc.)
+├── context/      — React contexts (Meta, Permissions, User, ShellProviders)
+├── data/         — Data hooks (useSource, useRecord, useMutation, QueryProvider)
+├── router/       — Dynamic TanStack Router (builds route tree from page definitions)
+├── shell/        — Shell layout (sidebar, panels, page outlet)
+├── widgets/
+│   ├── action/     — Action dispatcher and handler types
+│   ├── binding/    — Binding resolver (field → value, expression, model)
+│   ├── components/ — Widget implementations (one file per widget, ~35 widgets)
+│   ├── context/    — WidgetContext type and builder
+│   ├── data/       — Shared data hooks (useModelRecord, useModelQuery)
+│   ├── form/       — FormWidget, FormContext, form state/validation/submit
+│   ├── hooks/      — Shared widget hooks (useBind, useAction, useCondition, etc.)
+│   ├── lib/        — Layout prop resolver, spacing maps
+│   ├── renderer/   — WidgetRenderer (resolves props, binding, layout wrapper)
+│   └── state/      — Page-level state store (magic variables)
+├── App.tsx       — Root component
+├── main.tsx      — Entry point
+└── index.ts      — Public exports
+```
+
+## Key internal systems
+
+| System          | Entry point                           | Purpose                                                    |
+| --------------- | ------------------------------------- | ---------------------------------------------------------- |
+| Widget Renderer | `widgets/renderer/WidgetRenderer.tsx` | Resolves binding, props, triggers, renders widget          |
+| Binding         | `widgets/hooks/useBind.ts`            | Resolves field/expression/model binding + form integration |
+| Actions         | `widgets/hooks/useAction.ts`          | Trigger dispatch, form handler merging                     |
+| Widget Context  | `widgets/context/builder.ts`          | Builds hierarchical context per widget                     |
+| Data hooks      | `widgets/data/`                       | useModelRecord, useModelQuery (TanStack Query)             |
+| Form system     | `widgets/form/`                       | FormContext, state, validation, submit                     |
+| Registration    | `widgets/components/register.ts`      | Maps widget type names to components                       |
+| State store     | `widgets/state/`                      | Magic variables ($filter, $sort, $page, $search)           |
+
+## Commands
+
+```bash
+pnpm --filter @rangka/client build   # Build shell → dist/
+pnpm --filter @rangka/client test    # Run tests
+pnpm dev:client                      # Vite dev server (port 5173)
+```
+
+## Contributing
+
+- All widgets receive `WidgetProps` (defined in `widgets/types.ts`). Never add custom props outside this interface.
+- All widgets read data through `bind.value` and write through `bind.setValue`. Never bypass `useBind`.
+- All triggers fire through `on.triggerName?.()`. Never call `dispatch` directly from a widget.
+- Shared hooks (`useBind`, `useAction`, `useModelRecord`, `useModelQuery`) must be reused. Never create parallel implementations.
+- Container widgets that inject new context use `childNodes` + `WidgetRenderer`, not pre-built `children`.
+- Every widget has a static `widgetMeta` and is registered in `register.ts`.
+- This package imports from `@rangka/shared` only. Never import from `@rangka/core` (browser vs server boundary).
+- Use Tailwind classes exclusively. Use shadcn components from `src/components/ui/`.

package/components.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "radix-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": false,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "bold",
+  "registries": {}
+}

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+export declare function App(): import("react").JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,GAAG,gCAMlB"}

package/dist/App.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 (_jsx(BootGate, { children: state.status === 'ready' && router && (_jsx(ShellProviders, { data: state.data, children: _jsx(QueryProvider, { client: queryClient, children: _jsx(RouterProvider, { router: router }) }) })) }));
+}
+export function App() {
+    return (_jsx(BootProvider, { children: _jsx(AppInner, {}) }));
+}
+//# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,SAAS,QAAQ;IACf,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzD,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,EAC7C,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,EAAE,CAAC;YAC7B,OAAO,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,QAAQ,cACN,KAAK,CAAC,MAAM,KAAK,OAAO,IAAI,MAAM,IAAI,CACrC,KAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,YAC9B,KAAC,aAAa,IAAC,MAAM,EAAE,WAAW,YAChC,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACpB,GACD,CAClB,GACQ,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG;IACjB,OAAO,CACL,KAAC,YAAY,cACX,KAAC,QAAQ,KAAG,GACC,CAChB,CAAC;AACJ,CAAC"}

package/dist/api/auth.d.ts

@@ -0,0 +1,12 @@
+export interface LoginCredentials {
+    email: string;
+    password: string;
+}
+export interface SetupCredentials {
+    name: string;
+    email: string;
+    password: string;
+}
+export declare function login(credentials: LoginCredentials): Promise<Response>;
+export declare function setup(credentials: SetupCredentials): Promise<Response>;
+//# sourceMappingURL=auth.d.ts.map

package/dist/api/auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../src/api/auth.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAsB,KAAK,CAAC,WAAW,EAAE,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAY5E;AAED,wBAAsB,KAAK,CAAC,WAAW,EAAE,gBAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAY5E"}

package/dist/api/auth.js

@@ -0,0 +1,25 @@
+import { apiClient } from './client.js';
+import { setToken } from './token.js';
+export async function login(credentials) {
+    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) {
+    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;
+}
+//# sourceMappingURL=auth.js.map

package/dist/api/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/api/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAatC,MAAM,CAAC,KAAK,UAAU,KAAK,CAAC,WAA6B;IACvD,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,mBAAmB,EAAE;QACpD,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;KAClC,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,KAAK,CAAC,WAA6B;IACvD,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,iBAAiB,EAAE;QAClD,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;KAClC,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;QAChB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/api/boot.d.ts

@@ -0,0 +1,3 @@
+import type { BootResponse } from '@rangka/shared';
+export declare function fetchBoot(): Promise<BootResponse>;
+//# sourceMappingURL=boot.d.ts.map

package/dist/api/boot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../src/api/boot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,wBAAsB,SAAS,IAAI,OAAO,CAAC,YAAY,CAAC,CAMvD"}

package/dist/api/boot.js

@@ -0,0 +1,9 @@
+import { apiClient } from './client.js';
+export async function fetchBoot() {
+    const response = await apiClient('/api/meta/boot');
+    if (!response.ok) {
+        throw response;
+    }
+    return response.json();
+}
+//# sourceMappingURL=boot.js.map

package/dist/api/boot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot.js","sourceRoot":"","sources":["../../src/api/boot.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,KAAK,UAAU,SAAS;IAC7B,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnD,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,QAAQ,CAAC;IACjB,CAAC;IACD,OAAO,QAAQ,CAAC,IAAI,EAA2B,CAAC;AAClD,CAAC"}

package/dist/api/client.d.ts

@@ -0,0 +1,2 @@
+export declare function apiClient(path: string, options?: RequestInit): Promise<Response>;
+//# sourceMappingURL=client.d.ts.map

package/dist/api/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAIA,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,OAAO,CAAC,QAAQ,CAAC,CAqB1F"}

package/dist/api/client.js

@@ -0,0 +1,22 @@
+import { getToken, clearToken } from './token.js';
+const BASE_URL = '';
+export async function apiClient(path, options = {}) {
+    const token = getToken();
+    const headers = {
+        'Content-Type': 'application/json',
+        ...options.headers,
+    };
+    if (token) {
+        headers['Authorization'] = `Bearer ${token}`;
+    }
+    const response = await fetch(`${BASE_URL}${path}`, {
+        ...options,
+        headers,
+    });
+    if (response.status === 401) {
+        clearToken();
+        window.dispatchEvent(new CustomEvent('rangka:session-expired'));
+    }
+    return response;
+}
+//# sourceMappingURL=client.js.map

package/dist/api/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../src/api/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,QAAQ,GAAG,EAAE,CAAC;AAEpB,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,IAAY,EAAE,UAAuB,EAAE;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,OAAO,GAA2B;QACtC,cAAc,EAAE,kBAAkB;QAClC,GAAI,OAAO,CAAC,OAAkC;KAC/C,CAAC;IACF,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,eAAe,CAAC,GAAG,UAAU,KAAK,EAAE,CAAC;IAC/C,CAAC;IAED,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,EAAE;QACjD,GAAG,OAAO;QACV,OAAO;KACR,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QAC5B,UAAU,EAAE,CAAC;QACb,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAClE,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/api/paths.d.ts

@@ -0,0 +1,2 @@
+export declare function modelToPath(model: string): string;
+//# sourceMappingURL=paths.d.ts.map

package/dist/api/paths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/api/paths.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD"}

package/dist/api/paths.js

@@ -0,0 +1,4 @@
+export function modelToPath(model) {
+    return '/api/' + model.replace(/\./g, '/');
+}
+//# sourceMappingURL=paths.js.map

package/dist/api/paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../src/api/paths.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC"}