generator-white-label 5.0.0 → 8.0.0

package/dist/app/assets/script/tasks/TaskRouter.d.ts

@@ -0,0 +1,12 @@
+import Router from 'white-label-router';
+import type { TaskFilter } from '../../view/examples/tasks/task-state.js';
+import type { TaskMediator } from './TaskMediator.js';
+/** Normalize URL input at the routing boundary before it reaches domain state. */
+export declare function normalizeTaskFilter(value: string | undefined): TaskFilter;
+/**
+ * Router translates URL state into an application event.
+ *
+ * It does not update the Model or DOM directly. That separation keeps routing
+ * usable in different applications and makes browser navigation easy to test.
+ */
+export declare function createTaskRouter(documentRoot: Document, mediator: TaskMediator): Router;

package/dist/app/assets/script/tasks/TaskRouter.js

@@ -0,0 +1,28 @@
+import Router from 'white-label-router';
+const taskFilters = new Set(['all', 'active', 'completed']);
+/** Normalize URL input at the routing boundary before it reaches domain state. */
+export function normalizeTaskFilter(value) {
+    return value && taskFilters.has(value) ? value : 'all';
+}
+/**
+ * Router translates URL state into an application event.
+ *
+ * It does not update the Model or DOM directly. That separation keeps routing
+ * usable in different applications and makes browser navigation easy to test.
+ */
+export function createTaskRouter(documentRoot, mediator) {
+    const router = new Router();
+    router.scope = documentRoot.querySelector('main');
+    router.mediator = mediator;
+    const route = (_scope, location) => {
+        const filter = normalizeTaskFilter(location.data.query.tasks);
+        const restoreFocus = documentRoot.activeElement?.hasAttribute('data-task-filter') === true;
+        mediator.emit('task:filter', filter);
+        if (restoreFocus) {
+            documentRoot.querySelector(`[data-task-filter="${filter}"]`).focus();
+        }
+    };
+    router.routes = { '/': route, defaultRoute: route };
+    return router.initialize();
+}
+//# sourceMappingURL=TaskRouter.js.map

package/dist/app/assets/script/tasks/TaskRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskRouter.js","sourceRoot":"","sources":["../../../../../app/assets/script/tasks/TaskRouter.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAIxC,MAAM,WAAW,GAAG,IAAI,GAAG,CAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AAExE,kFAAkF;AAClF,MAAM,UAAU,mBAAmB,CAAC,KAAyB;IACzD,OAAO,KAAK,IAAI,WAAW,CAAC,GAAG,CAAC,KAAmB,CAAC,CAAC,CAAC,CAAC,KAAmB,CAAC,CAAC,CAAC,KAAK,CAAC;AACvF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,YAAsB,EAAE,QAAsB;IAC3E,MAAM,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,MAAsB,EAAE,QAAiD,EAAQ,EAAE;QAC9F,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9D,MAAM,YAAY,GAAG,YAAY,CAAC,aAAa,EAAE,YAAY,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;QAC3F,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACrC,IAAI,YAAY,EAAE,CAAC;YAAA,YAAY,CAAC,aAAa,CAAoB,sBAAsB,MAAM,IAAI,CAAE,CAAC,KAAK,EAAE,CAAC;QAAA,CAAC;IACjH,CAAC,CAAC;IACF,MAAM,CAAC,MAAM,GAAG,EAAC,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;AAC/B,CAAC","sourcesContent":["import Router from 'white-label-router';\nimport type {TaskFilter} from '../../view/examples/tasks/task-state.js';\nimport type {TaskMediator} from './TaskMediator.js';\n\nconst taskFilters = new Set<TaskFilter>(['all', 'active', 'completed']);\n\n/** Normalize URL input at the routing boundary before it reaches domain state. */\nexport function normalizeTaskFilter(value: string | undefined): TaskFilter {\n    return value && taskFilters.has(value as TaskFilter) ? value as TaskFilter : 'all';\n}\n\n/**\n * Router translates URL state into an application event.\n *\n * It does not update the Model or DOM directly. That separation keeps routing\n * usable in different applications and makes browser navigation easy to test.\n */\nexport function createTaskRouter(documentRoot: Document, mediator: TaskMediator): Router {\n    const router = new Router();\n    router.scope = documentRoot.querySelector('main');\n    router.mediator = mediator;\n    const route = (_scope: Element | null, location: {data: {query: Record<string, string>}}): void => {\n        const filter = normalizeTaskFilter(location.data.query.tasks);\n        const restoreFocus = documentRoot.activeElement?.hasAttribute('data-task-filter') === true;\n        mediator.emit('task:filter', filter);\n        if (restoreFocus) {documentRoot.querySelector<HTMLAnchorElement>(`[data-task-filter=\"${filter}\"]`)!.focus();}\n    };\n    router.routes = {'/': route, defaultRoute: route};\n    return router.initialize();\n}\n"]}

package/dist/app/assets/script/tasks/TaskView.d.ts

@@ -0,0 +1,9 @@
+import View from 'white-label-view';
+import type TaskModel from './TaskModel.js';
+/**
+ * View owns rendering, but not application decisions.
+ *
+ * Passing the already-rendered task root lets View adopt useful static HTML
+ * instead of replacing the document merely because JavaScript has started.
+ */
+export declare function createTaskView(parentElement: HTMLElement, model: TaskModel): View;

package/dist/app/assets/script/tasks/TaskView.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "white-label-view/jsx-runtime";
+import View from 'white-label-view';
+import TaskExample from '../../view/examples/tasks/TaskExample.js';
+/**
+ * View owns rendering, but not application decisions.
+ *
+ * Passing the already-rendered task root lets View adopt useful static HTML
+ * instead of replacing the document merely because JavaScript has started.
+ */
+export function createTaskView(parentElement, model) {
+    const element = parentElement.querySelector('[data-task-app]');
+    if (!element) {
+        throw new TypeError('Task example requires its static task-app root');
+    }
+    return new View({
+        element,
+        model,
+        parentElement,
+        template(data) {
+            return _jsx(TaskExample, { state: data });
+        }
+    }).initialize();
+}
+//# sourceMappingURL=TaskView.js.map

package/dist/app/assets/script/tasks/TaskView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskView.js","sourceRoot":"","sources":["../../../../../app/assets/script/tasks/TaskView.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,WAAW,MAAM,0CAA0C,CAAC;AAInE;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,aAA0B,EAAE,KAAgB;IACvE,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAC;IAC5E,IAAI,CAAC,OAAO,EAAE,CAAC;QAAA,MAAM,IAAI,SAAS,CAAC,gDAAgD,CAAC,CAAC;IAAA,CAAC;IAEtF,OAAO,IAAI,IAAI,CAAC;QACZ,OAAO;QACP,KAAK;QACL,aAAa;QACb,QAAQ,CAAC,IAAI;YACT,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,IAAiB,GAAI,CAAC;QACrD,CAAC;KACJ,CAAC,CAAC,UAAU,EAAE,CAAC;AACpB,CAAC","sourcesContent":["import View from 'white-label-view';\nimport TaskExample from '../../view/examples/tasks/TaskExample.js';\nimport type {TaskState} from '../../view/examples/tasks/task-state.js';\nimport type TaskModel from './TaskModel.js';\n\n/**\n * View owns rendering, but not application decisions.\n *\n * Passing the already-rendered task root lets View adopt useful static HTML\n * instead of replacing the document merely because JavaScript has started.\n */\nexport function createTaskView(parentElement: HTMLElement, model: TaskModel): View {\n    const element = parentElement.querySelector<HTMLElement>('[data-task-app]');\n    if (!element) {throw new TypeError('Task example requires its static task-app root');}\n\n    return new View({\n        element,\n        model,\n        parentElement,\n        template(data) {\n            return <TaskExample state={data as TaskState} />;\n        }\n    }).initialize();\n}\n"]}

package/dist/app/assets/view/CodeBlock.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from 'white-label-view/jsx-runtime';
+export declare const syntax: {
+    keyword: string;
+    type: string;
+    value: string;
+    muted: string;
+};
+/** Render a readable code example with stable line numbers and caller-supplied syntax spans. */
+export default function CodeBlock({ lines }: {
+    lines: JSX.Element[];
+}): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/CodeBlock.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+export const syntax = {
+    keyword: 'code-syntax-keyword',
+    type: 'code-syntax-type',
+    value: 'code-syntax-value',
+    muted: 'code-syntax-muted'
+};
+/** Render a readable code example with stable line numbers and caller-supplied syntax spans. */
+export default function CodeBlock({ lines }) {
+    return (_jsx("pre", { className: "code-block", children: _jsx("code", { children: lines.map((line, index) => (_jsxs("span", { className: "code-block__line", children: [_jsx("span", { "aria-hidden": "true", className: "code-block__number", children: index + 1 }), _jsx("span", { children: line })] }))) }) }));
+}
+//# sourceMappingURL=CodeBlock.js.map

package/dist/app/assets/view/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../app/assets/view/CodeBlock.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,OAAO,EAAE,qBAAqB;IAC9B,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,mBAAmB;IAC1B,KAAK,EAAE,mBAAmB;CAC7B,CAAC;AAEF,gGAAgG;AAChG,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,EAAyB;IAC7D,OAAO,CACH,cAAK,SAAS,EAAC,YAAY,YAAC,yBAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,gBAAM,SAAS,EAAC,kBAAkB,aAAC,8BAAkB,MAAM,EAAC,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAG,CAAC,GAAQ,EAAA,yBAAO,IAAI,GAAQ,IAAO,CAC1I,CAAC,GAAQ,GAAM,CACnB,CAAC;AACN,CAAC","sourcesContent":["import type {JSX} from 'white-label-view/jsx-runtime';\n\nexport const syntax = {\n    keyword: 'code-syntax-keyword',\n    type: 'code-syntax-type',\n    value: 'code-syntax-value',\n    muted: 'code-syntax-muted'\n};\n\n/** Render a readable code example with stable line numbers and caller-supplied syntax spans. */\nexport default function CodeBlock({lines}: {lines: JSX.Element[]}) {\n    return (\n        <pre className=\"code-block\"><code>{lines.map((line, index) => (\n            <span className=\"code-block__line\"><span aria-hidden=\"true\" className=\"code-block__number\">{index + 1}</span><span>{line}</span></span>\n        ))}</code></pre>\n    );\n}\n"]}

package/dist/app/assets/view/examples/tasks/TaskExample.d.ts

@@ -0,0 +1,11 @@
+import { type TaskState } from './task-state.js';
+/**
+ * Render the task example from state only.
+ *
+ * The same JSX function is used twice: once while generating the initial HTML
+ * and again by white-label-view in the browser. Sharing one renderer keeps the
+ * static and interactive versions of the example from drifting apart.
+ */
+export default function TaskExample({ state }: {
+    state: TaskState;
+}): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/examples/tasks/TaskExample.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+import { getVisibleTasks } from './task-state.js';
+const filters = ['all', 'active', 'completed'];
+/**
+ * Render the task example from state only.
+ *
+ * The same JSX function is used twice: once while generating the initial HTML
+ * and again by white-label-view in the browser. Sharing one renderer keeps the
+ * static and interactive versions of the example from drifting apart.
+ */
+export default function TaskExample({ state }) {
+    const visibleTasks = getVisibleTasks(state);
+    const completed = state.tasks.filter(task => task.complete).length;
+    return (_jsxs("section", { className: "task-app", "data-task-app": true, "aria-label": "Interactive task example", children: [_jsxs("form", { className: "task-form", "data-task-form": true, action: "#example", method: "get", children: [_jsx("label", { htmlFor: "task-title", children: "New task" }), _jsxs("div", { className: "task-form__controls", children: [_jsx("input", { id: "task-title", name: "task", type: "text", autocomplete: "off", required: true }), _jsx("button", { type: "submit", children: "Add task" })] })] }), _jsx("nav", { className: "task-filters", "aria-label": "Filter tasks", children: filters.map(filter => (_jsxs("a", { href: `/?tasks=${filter}#example`, "data-task-filter": filter, "data-pushstate": true, "aria-current": state.filter === filter ? 'page' : 'false', children: [filter.charAt(0).toUpperCase(), filter.slice(1)] }))) }), _jsx("ul", { className: "task-list", children: visibleTasks.map(task => (_jsx("li", { children: _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: task.complete, "data-task-toggle": true, "data-task-id": task.id }), _jsx("span", { children: task.title })] }) }))) }), _jsxs("dl", { className: "demo__trace", children: [_jsxs("div", { children: [_jsx("dt", { children: "Router" }), _jsxs("dd", { children: ["/?tasks=", state.filter] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Mediator" }), _jsx("dd", { children: "task:* application events" })] }), _jsxs("div", { children: [_jsx("dt", { children: "Model" }), _jsxs("dd", { children: [state.tasks.length, " tasks \u00B7 ", completed, " complete"] })] }), _jsxs("div", { children: [_jsx("dt", { children: "View" }), _jsxs("dd", { children: [visibleTasks.length, " tasks rendered"] })] })] })] }));
+}
+//# sourceMappingURL=TaskExample.js.map

package/dist/app/assets/view/examples/tasks/TaskExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskExample.js","sourceRoot":"","sources":["../../../../../../app/assets/view/examples/tasks/TaskExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAkC,MAAM,iBAAiB,CAAC;AAEjF,MAAM,OAAO,GAAiB,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC;AAE7D;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,KAAK,EAAqB;IAC3D,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;IAEnE,OAAO,CACH,mBAAS,SAAS,EAAC,UAAU,uCAA0B,0BAA0B,aAC7E,gBAAM,SAAS,EAAC,WAAW,0BAAgB,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,KAAK,aACrE,gBAAO,OAAO,EAAC,YAAY,yBAAiB,EAC5C,eAAK,SAAS,EAAC,qBAAqB,aAChC,gBAAO,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,SAAG,EAC7E,iBAAQ,IAAI,EAAC,QAAQ,yBAAkB,IACrC,IACH,EAEP,cAAK,SAAS,EAAC,cAAc,gBAAY,cAAc,YAClD,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACnB,aACI,IAAI,EAAE,WAAW,MAAM,UAAU,sBACf,MAAM,0CAEV,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,aAEvD,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAChD,CACP,CAAC,GACA,EAEN,aAAI,SAAS,EAAC,WAAW,YACpB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,uBACI,4BACI,gBACI,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,QAAQ,4CAER,IAAI,CAAC,EAAE,GACvB,EACF,yBAAO,IAAI,CAAC,KAAK,GAAQ,IACrB,GACP,CACR,CAAC,GACD,EAEL,cAAI,SAAS,EAAC,aAAa,aACvB,0BAAK,kCAAe,EAAA,qCAAa,KAAK,CAAC,MAAM,IAAM,IAAM,EACzD,0BAAK,oCAAiB,EAAA,qDAAkC,IAAM,EAC9D,0BAAK,iCAAc,EAAA,yBAAK,KAAK,CAAC,KAAK,CAAC,MAAM,oBAAW,SAAS,iBAAe,IAAM,EACnF,0BAAK,gCAAa,EAAA,yBAAK,YAAY,CAAC,MAAM,uBAAqB,IAAM,IACpE,IACC,CACb,CAAC;AACN,CAAC","sourcesContent":["import {getVisibleTasks, type TaskFilter, type TaskState} from './task-state.js';\n\nconst filters: TaskFilter[] = ['all', 'active', 'completed'];\n\n/**\n * Render the task example from state only.\n *\n * The same JSX function is used twice: once while generating the initial HTML\n * and again by white-label-view in the browser. Sharing one renderer keeps the\n * static and interactive versions of the example from drifting apart.\n */\nexport default function TaskExample({state}: {state: TaskState}) {\n    const visibleTasks = getVisibleTasks(state);\n    const completed = state.tasks.filter(task => task.complete).length;\n\n    return (\n        <section className=\"task-app\" data-task-app aria-label=\"Interactive task example\">\n            <form className=\"task-form\" data-task-form action=\"#example\" method=\"get\">\n                <label htmlFor=\"task-title\">New task</label>\n                <div className=\"task-form__controls\">\n                    <input id=\"task-title\" name=\"task\" type=\"text\" autocomplete=\"off\" required />\n                    <button type=\"submit\">Add task</button>\n                </div>\n            </form>\n\n            <nav className=\"task-filters\" aria-label=\"Filter tasks\">\n                {filters.map(filter => (\n                    <a\n                        href={`/?tasks=${filter}#example`}\n                        data-task-filter={filter}\n                        data-pushstate\n                        aria-current={state.filter === filter ? 'page' : 'false'}\n                    >\n                        {filter.charAt(0).toUpperCase()}{filter.slice(1)}\n                    </a>\n                ))}\n            </nav>\n\n            <ul className=\"task-list\">\n                {visibleTasks.map(task => (\n                    <li>\n                        <label>\n                            <input\n                                type=\"checkbox\"\n                                checked={task.complete}\n                                data-task-toggle\n                                data-task-id={task.id}\n                            />\n                            <span>{task.title}</span>\n                        </label>\n                    </li>\n                ))}\n            </ul>\n\n            <dl className=\"demo__trace\">\n                <div><dt>Router</dt><dd>/?tasks={state.filter}</dd></div>\n                <div><dt>Mediator</dt><dd>task:* application events</dd></div>\n                <div><dt>Model</dt><dd>{state.tasks.length} tasks · {completed} complete</dd></div>\n                <div><dt>View</dt><dd>{visibleTasks.length} tasks rendered</dd></div>\n            </dl>\n        </section>\n    );\n}\n"]}

package/dist/app/assets/view/examples/tasks/task-state.d.ts

@@ -0,0 +1,22 @@
+/** Shared state shape used by build-time JSX and the browser application. */
+export type TaskFilter = 'all' | 'active' | 'completed';
+export interface TaskItem {
+    complete: boolean;
+    id: number;
+    title: string;
+}
+export interface TaskState extends Record<PropertyKey, unknown> {
+    filter: TaskFilter;
+    tasks: TaskItem[];
+}
+/** Return the tasks visible for the current filter. */
+export declare function getVisibleTasks(state: TaskState): TaskItem[];
+/** Describe the currently rendered task result for assistive technology. */
+export declare function describeTaskStatus(state: TaskState): string;
+/**
+ * Return fresh demo data for each application instance.
+ *
+ * A factory avoids sharing mutable state between tests, pages, or future
+ * server-side renders while keeping the initial HTML deterministic.
+ */
+export declare function createInitialTaskState(): TaskState;

package/dist/app/assets/view/examples/tasks/task-state.js

@@ -0,0 +1,30 @@
+const taskPredicates = {
+    active: task => !task.complete,
+    all: () => true,
+    completed: task => task.complete
+};
+/** Return the tasks visible for the current filter. */
+export function getVisibleTasks(state) {
+    return state.tasks.filter(taskPredicates[state.filter]);
+}
+/** Describe the currently rendered task result for assistive technology. */
+export function describeTaskStatus(state) {
+    const visible = getVisibleTasks(state).length;
+    return `Showing ${visible} ${visible === 1 ? 'task' : 'tasks'} for the ${state.filter} filter.`;
+}
+/**
+ * Return fresh demo data for each application instance.
+ *
+ * A factory avoids sharing mutable state between tests, pages, or future
+ * server-side renders while keeping the initial HTML deterministic.
+ */
+export function createInitialTaskState() {
+    return {
+        filter: 'all',
+        tasks: [
+            { complete: true, id: 1, title: 'Read the architecture' },
+            { complete: false, id: 2, title: 'Build something with White Label' }
+        ]
+    };
+}
+//# sourceMappingURL=task-state.js.map

package/dist/app/assets/view/examples/tasks/task-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-state.js","sourceRoot":"","sources":["../../../../../../app/assets/view/examples/tasks/task-state.ts"],"names":[],"mappings":"AAcA,MAAM,cAAc,GAAoD;IACpE,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ;IAC9B,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI;IACf,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ;CACnC,CAAC;AAEF,uDAAuD;AACvD,MAAM,UAAU,eAAe,CAAC,KAAgB;IAC5C,OAAO,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5D,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,kBAAkB,CAAC,KAAgB;IAC/C,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;IAC9C,OAAO,WAAW,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,YAAY,KAAK,CAAC,MAAM,UAAU,CAAC;AACpG,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB;IAClC,OAAO;QACH,MAAM,EAAE,KAAK;QACb,KAAK,EAAE;YACH,EAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,uBAAuB,EAAC;YACvD,EAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,kCAAkC,EAAC;SACtE;KACJ,CAAC;AACN,CAAC","sourcesContent":["/** Shared state shape used by build-time JSX and the browser application. */\nexport type TaskFilter = 'all' | 'active' | 'completed';\n\nexport interface TaskItem {\n    complete: boolean;\n    id: number;\n    title: string;\n}\n\nexport interface TaskState extends Record<PropertyKey, unknown> {\n    filter: TaskFilter;\n    tasks: TaskItem[];\n}\n\nconst taskPredicates: Record<TaskFilter, (task: TaskItem) => boolean> = {\n    active: task => !task.complete,\n    all: () => true,\n    completed: task => task.complete\n};\n\n/** Return the tasks visible for the current filter. */\nexport function getVisibleTasks(state: TaskState): TaskItem[] {\n    return state.tasks.filter(taskPredicates[state.filter]);\n}\n\n/** Describe the currently rendered task result for assistive technology. */\nexport function describeTaskStatus(state: TaskState): string {\n    const visible = getVisibleTasks(state).length;\n    return `Showing ${visible} ${visible === 1 ? 'task' : 'tasks'} for the ${state.filter} filter.`;\n}\n\n/**\n * Return fresh demo data for each application instance.\n *\n * A factory avoids sharing mutable state between tests, pages, or future\n * server-side renders while keeping the initial HTML deterministic.\n */\nexport function createInitialTaskState(): TaskState {\n    return {\n        filter: 'all',\n        tasks: [\n            {complete: true, id: 1, title: 'Read the architecture'},\n            {complete: false, id: 2, title: 'Build something with White Label'}\n        ]\n    };\n}\n"]}

package/dist/app/assets/view/layout/SiteFooter.d.ts

@@ -0,0 +1,2 @@
+/** A small reusable footer keeps the page template focused on page structure. */
+export default function SiteFooter(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/layout/SiteFooter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+/** A small reusable footer keeps the page template focused on page structure. */
+export default function SiteFooter() {
+    return (_jsx("footer", { className: "site-footer", children: _jsxs("div", { className: "container site-footer__inner", children: [_jsx("p", { children: "White Label. Framework-independent TypeScript building blocks." }), _jsx("a", { href: "#top", children: "Back to top" })] }) }));
+}
+//# sourceMappingURL=SiteFooter.js.map

package/dist/app/assets/view/layout/SiteFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteFooter.js","sourceRoot":"","sources":["../../../../../app/assets/view/layout/SiteFooter.tsx"],"names":[],"mappings":";AAAA,iFAAiF;AACjF,MAAM,CAAC,OAAO,UAAU,UAAU;IAC9B,OAAO,CACH,iBAAQ,SAAS,EAAC,aAAa,YAC3B,eAAK,SAAS,EAAC,8BAA8B,aACzC,yFAAqE,EACrE,YAAG,IAAI,EAAC,MAAM,4BAAgB,IAC5B,GACD,CACZ,CAAC;AACN,CAAC","sourcesContent":["/** A small reusable footer keeps the page template focused on page structure. */\nexport default function SiteFooter() {\n    return (\n        <footer className=\"site-footer\">\n            <div className=\"container site-footer__inner\">\n                <p>White Label. Framework-independent TypeScript building blocks.</p>\n                <a href=\"#top\">Back to top</a>\n            </div>\n        </footer>\n    );\n}\n"]}

package/dist/app/assets/view/layout/SiteHeader.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Static navigation is ordinary HTML first.
+ *
+ * White Label's router enhances only links that opt in with data-pushstate,
+ * so global navigation stays conventional, crawlable, and usable without
+ * client-side JavaScript.
+ */
+export default function SiteHeader(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/layout/SiteHeader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+/**
+ * Static navigation is ordinary HTML first.
+ *
+ * White Label's router enhances only links that opt in with data-pushstate,
+ * so global navigation stays conventional, crawlable, and usable without
+ * client-side JavaScript.
+ */
+export default function SiteHeader() {
+    return (_jsx("header", { className: "site-header", children: _jsxs("div", { className: "container site-header__inner", children: [_jsx("a", { className: "wordmark", href: "#top", children: "White Label" }), _jsxs("nav", { "aria-label": "Primary navigation", children: [_jsx("a", { href: "#example", children: "Example" }), _jsx("a", { href: "#packages", children: "Packages" }), _jsx("a", { href: "#source", children: "Source" }), _jsx("a", { href: "#start", children: "Get started" }), _jsx("a", { href: "https://github.com/bshack/white-label", children: "GitHub" })] })] }) }));
+}
+//# sourceMappingURL=SiteHeader.js.map

package/dist/app/assets/view/layout/SiteHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteHeader.js","sourceRoot":"","sources":["../../../../../app/assets/view/layout/SiteHeader.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;IAC9B,OAAO,CACH,iBAAQ,SAAS,EAAC,aAAa,YAC3B,eAAK,SAAS,EAAC,8BAA8B,aACzC,YAAG,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,4BAAgB,EACnD,6BAAgB,oBAAoB,aAChC,YAAG,IAAI,EAAC,UAAU,wBAAY,EAC9B,YAAG,IAAI,EAAC,WAAW,yBAAa,EAChC,YAAG,IAAI,EAAC,SAAS,uBAAW,EAC5B,YAAG,IAAI,EAAC,QAAQ,4BAAgB,EAChC,YAAG,IAAI,EAAC,uCAAuC,uBAAW,IACxD,IACJ,GACD,CACZ,CAAC;AACN,CAAC","sourcesContent":["/**\n * Static navigation is ordinary HTML first.\n *\n * White Label's router enhances only links that opt in with data-pushstate,\n * so global navigation stays conventional, crawlable, and usable without\n * client-side JavaScript.\n */\nexport default function SiteHeader() {\n    return (\n        <header className=\"site-header\">\n            <div className=\"container site-header__inner\">\n                <a className=\"wordmark\" href=\"#top\">White Label</a>\n                <nav aria-label=\"Primary navigation\">\n                    <a href=\"#example\">Example</a>\n                    <a href=\"#packages\">Packages</a>\n                    <a href=\"#source\">Source</a>\n                    <a href=\"#start\">Get started</a>\n                    <a href=\"https://github.com/bshack/white-label\">GitHub</a>\n                </nav>\n            </div>\n        </header>\n    );\n}\n"]}

package/dist/app/assets/view/page-data.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Build-time data available to every page template.
+ *
+ * Keeping this contract separate from the page component makes the top-level
+ * JSX read like application composition instead of deployment plumbing.
+ */
+export interface PageData {
+    cdn: string;
+    meta: {
+        description: string;
+    };
+    siteUrl: string;
+    structuredData: unknown;
+    title: string;
+    version: string;
+}

package/dist/app/assets/view/page-data.js

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

package/dist/app/assets/view/page-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-data.js","sourceRoot":"","sources":["../../../../app/assets/view/page-data.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Build-time data available to every page template.\n *\n * Keeping this contract separate from the page component makes the top-level\n * JSX read like application composition instead of deployment plumbing.\n */\nexport interface PageData {\n    cdn: string;\n    meta: {description: string};\n    siteUrl: string;\n    structuredData: unknown;\n    title: string;\n    version: string;\n}\n"]}

package/dist/app/assets/view/sections/GettingStartedSection.d.ts

@@ -0,0 +1,2 @@
+/** Keep the shortest path from generator install to a verified local build visible. */
+export default function GettingStartedSection(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/sections/GettingStartedSection.js

@@ -0,0 +1,11 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+import CodeBlock, { syntax } from '../CodeBlock.js';
+/** Keep the shortest path from generator install to a verified local build visible. */
+export default function GettingStartedSection() {
+    return (_jsx("section", { className: "section", id: "start", "aria-labelledby": "start-title", children: _jsxs("div", { className: "container start-grid", children: [_jsxs("div", { className: "section-intro", children: [_jsx("p", { className: "eyebrow", children: "Get started" }), _jsx("h2", { id: "start-title", children: "Create a project with the generator." }), _jsx("p", { children: "The generated project is static-first, TypeScript-first, accessible by default, and ready for application-specific code." })] }), _jsxs("div", { children: [_jsx("p", { className: "code-label", children: "Create a project" }), _jsx(CodeBlock, { lines: [_jsxs(_Fragment, { children: [_jsx("span", { className: syntax.type, children: "npx" }), " generator-white-label"] })] }), _jsx("p", { className: "code-label", children: "Then develop" }), _jsx(CodeBlock, { lines: [
+                                _jsxs(_Fragment, { children: [_jsx("span", { className: syntax.type, children: "npm" }), " ci"] }),
+                                _jsxs(_Fragment, { children: [_jsx("span", { className: syntax.type, children: "npm" }), " test"] }),
+                                _jsxs(_Fragment, { children: [_jsx("span", { className: syntax.type, children: "npm" }), " run build -- --version=", _jsx("span", { className: syntax.value, children: "local" })] })
+                            ] }), _jsx("p", { children: _jsx("a", { href: "https://github.com/bshack/white-label#readme", children: "Read the complete generator documentation" }) })] })] }) }));
+}
+//# sourceMappingURL=GettingStartedSection.js.map

package/dist/app/assets/view/sections/GettingStartedSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GettingStartedSection.js","sourceRoot":"","sources":["../../../../../app/assets/view/sections/GettingStartedSection.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,EAAE,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAElD,uFAAuF;AACvF,MAAM,CAAC,OAAO,UAAU,qBAAqB;IACzC,OAAO,CACH,kBAAS,SAAS,EAAC,SAAS,EAAC,EAAE,EAAC,OAAO,qBAAiB,aAAa,YACjE,eAAK,SAAS,EAAC,sBAAsB,aACjC,eAAK,SAAS,EAAC,eAAe,aAC1B,YAAG,SAAS,EAAC,SAAS,4BAAgB,EACtC,aAAI,EAAE,EAAC,aAAa,qDAA0C,EAC9D,mJAA+H,IAC7H,EACN,0BACI,YAAG,SAAS,EAAC,YAAY,iCAAqB,EAC9C,KAAC,SAAS,IAAC,KAAK,EAAE,CAAC,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,oBAAY,8BAAyB,CAAC,GAAI,EAC3F,YAAG,SAAS,EAAC,YAAY,6BAAiB,EAC1C,KAAC,SAAS,IAAC,KAAK,EAAE;gCACd,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,oBAAY,WAAM;gCAChD,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,oBAAY,aAAQ;gCAClD,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,oBAAY,8BAAwB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,sBAAc,IAAG;6BACnH,GAAI,EACL,sBAAG,YAAG,IAAI,EAAC,8CAA8C,0DAA8C,GAAI,IACzG,IACJ,GACA,CACb,CAAC;AACN,CAAC","sourcesContent":["import CodeBlock, {syntax} from '../CodeBlock.js';\n\n/** Keep the shortest path from generator install to a verified local build visible. */\nexport default function GettingStartedSection() {\n    return (\n        <section className=\"section\" id=\"start\" aria-labelledby=\"start-title\">\n            <div className=\"container start-grid\">\n                <div className=\"section-intro\">\n                    <p className=\"eyebrow\">Get started</p>\n                    <h2 id=\"start-title\">Create a project with the generator.</h2>\n                    <p>The generated project is static-first, TypeScript-first, accessible by default, and ready for application-specific code.</p>\n                </div>\n                <div>\n                    <p className=\"code-label\">Create a project</p>\n                    <CodeBlock lines={[<><span className={syntax.type}>npx</span> generator-white-label</>]} />\n                    <p className=\"code-label\">Then develop</p>\n                    <CodeBlock lines={[\n                        <><span className={syntax.type}>npm</span> ci</>,\n                        <><span className={syntax.type}>npm</span> test</>,\n                        <><span className={syntax.type}>npm</span> run build -- --version=<span className={syntax.value}>local</span></>\n                    ]} />\n                    <p><a href=\"https://github.com/bshack/white-label#readme\">Read the complete generator documentation</a></p>\n                </div>\n            </div>\n        </section>\n    );\n}\n"]}

package/dist/app/assets/view/sections/HeroSection.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Marketing content can stay a plain JSX function.
+ *
+ * White Label does not require every piece of markup to become a stateful
+ * View instance. Use View where lifecycle or observable state is useful;
+ * keep static presentation simple.
+ */
+export default function HeroSection(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/sections/HeroSection.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+/**
+ * Marketing content can stay a plain JSX function.
+ *
+ * White Label does not require every piece of markup to become a stateful
+ * View instance. Use View where lifecycle or observable state is useful;
+ * keep static presentation simple.
+ */
+export default function HeroSection() {
+    return (_jsx("section", { className: "hero", id: "top", "aria-labelledby": "hero-title", children: _jsxs("div", { className: "container hero__inner", children: [_jsxs("h1", { id: "hero-title", children: ["Small pieces.", _jsx("br", {}), "Complete applications."] }), _jsx("p", { className: "hero__lede", children: "Framework-independent TypeScript packages for state, rendering, coordination, routing, and project generation." }), _jsxs("div", { className: "hero__links", children: [_jsx("a", { className: "primary-link", href: "#example", children: "See the example" }), _jsx("a", { href: "#start", children: "Install the generator" })] })] }) }));
+}
+//# sourceMappingURL=HeroSection.js.map

package/dist/app/assets/view/sections/HeroSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.js","sourceRoot":"","sources":["../../../../../app/assets/view/sections/HeroSection.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW;IAC/B,OAAO,CACH,kBAAS,SAAS,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,qBAAiB,YAAY,YAC3D,eAAK,SAAS,EAAC,uBAAuB,aAClC,cAAI,EAAE,EAAC,YAAY,8BAAc,cAAM,8BAA2B,EAClE,YAAG,SAAS,EAAC,YAAY,+HAAmH,EAC5I,eAAK,SAAS,EAAC,aAAa,aACxB,YAAG,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,gCAAoB,EAC/D,YAAG,IAAI,EAAC,QAAQ,sCAA0B,IACxC,IACJ,GACA,CACb,CAAC;AACN,CAAC","sourcesContent":["/**\n * Marketing content can stay a plain JSX function.\n *\n * White Label does not require every piece of markup to become a stateful\n * View instance. Use View where lifecycle or observable state is useful;\n * keep static presentation simple.\n */\nexport default function HeroSection() {\n    return (\n        <section className=\"hero\" id=\"top\" aria-labelledby=\"hero-title\">\n            <div className=\"container hero__inner\">\n                <h1 id=\"hero-title\">Small pieces.<br />Complete applications.</h1>\n                <p className=\"hero__lede\">Framework-independent TypeScript packages for state, rendering, coordination, routing, and project generation.</p>\n                <div className=\"hero__links\">\n                    <a className=\"primary-link\" href=\"#example\">See the example</a>\n                    <a href=\"#start\">Install the generator</a>\n                </div>\n            </div>\n        </section>\n    );\n}\n"]}

package/dist/app/assets/view/sections/LiveExampleSection.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The initial task UI is rendered at build time with the same JSX used later
+ * by white-label-view in the browser. JavaScript adds behavior; it does not
+ * need to invent the initial document.
+ */
+export default function LiveExampleSection(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/sections/LiveExampleSection.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+import TaskExample from '../examples/tasks/TaskExample.js';
+import { createInitialTaskState, describeTaskStatus } from '../examples/tasks/task-state.js';
+/**
+ * The initial task UI is rendered at build time with the same JSX used later
+ * by white-label-view in the browser. JavaScript adds behavior; it does not
+ * need to invent the initial document.
+ */
+export default function LiveExampleSection() {
+    const state = createInitialTaskState();
+    return (_jsx("section", { className: "section", id: "example", "aria-labelledby": "example-title", children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: "section-intro", children: [_jsx("p", { className: "eyebrow", children: "Live example" }), _jsx("h2", { id: "example-title", children: "Four packages. One small application." }), _jsx("p", { children: "Add a task, toggle its state, or change the filter. Router translates the URL into intent, Mediator coordinates actions, Model owns state, and View keeps the interface in sync." })] }), _jsxs("div", { className: "demo", "data-task-example": true, children: [_jsx(TaskExample, { state: state }), _jsx("p", { className: "visually-hidden", role: "status", "aria-live": "polite", "aria-atomic": "true", "data-task-status": true, children: describeTaskStatus(state) })] })] }) }));
+}
+//# sourceMappingURL=LiveExampleSection.js.map

package/dist/app/assets/view/sections/LiveExampleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveExampleSection.js","sourceRoot":"","sources":["../../../../../app/assets/view/sections/LiveExampleSection.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAC,sBAAsB,EAAE,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AAE3F;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACtC,MAAM,KAAK,GAAG,sBAAsB,EAAE,CAAC;IAEvC,OAAO,CACH,kBAAS,SAAS,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,qBAAiB,eAAe,YACrE,eAAK,SAAS,EAAC,WAAW,aACtB,eAAK,SAAS,EAAC,eAAe,aAC1B,YAAG,SAAS,EAAC,SAAS,6BAAiB,EACvC,aAAI,EAAE,EAAC,eAAe,sDAA2C,EACjE,2MAAuL,IACrL,EACN,eAAK,SAAS,EAAC,MAAM,wCACjB,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,EAC7B,YAAG,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,MAAM,sCAC7E,kBAAkB,CAAC,KAAK,CAAC,GAC1B,IACF,IACJ,GACA,CACb,CAAC;AACN,CAAC","sourcesContent":["import TaskExample from '../examples/tasks/TaskExample.js';\nimport {createInitialTaskState, describeTaskStatus} from '../examples/tasks/task-state.js';\n\n/**\n * The initial task UI is rendered at build time with the same JSX used later\n * by white-label-view in the browser. JavaScript adds behavior; it does not\n * need to invent the initial document.\n */\nexport default function LiveExampleSection() {\n    const state = createInitialTaskState();\n\n    return (\n        <section className=\"section\" id=\"example\" aria-labelledby=\"example-title\">\n            <div className=\"container\">\n                <div className=\"section-intro\">\n                    <p className=\"eyebrow\">Live example</p>\n                    <h2 id=\"example-title\">Four packages. One small application.</h2>\n                    <p>Add a task, toggle its state, or change the filter. Router translates the URL into intent, Mediator coordinates actions, Model owns state, and View keeps the interface in sync.</p>\n                </div>\n                <div className=\"demo\" data-task-example>\n                    <TaskExample state={state} />\n                    <p className=\"visually-hidden\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" data-task-status>\n                        {describeTaskStatus(state)}\n                    </p>\n                </div>\n            </div>\n        </section>\n    );\n}\n"]}

package/dist/app/assets/view/sections/PackageDocsSection.d.ts

@@ -0,0 +1,2 @@
+/** Package documentation stays close to the example it describes. */
+export default function PackageDocsSection(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/sections/PackageDocsSection.js

@@ -0,0 +1,31 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+import CodeBlock, { syntax } from '../CodeBlock.js';
+const repositories = {
+    mediator: 'https://github.com/bshack/white-label-mediator',
+    model: 'https://github.com/bshack/white-label-model',
+    router: 'https://github.com/bshack/white-label-router',
+    view: 'https://github.com/bshack/white-label-view'
+};
+/** Package documentation stays close to the example it describes. */
+export default function PackageDocsSection() {
+    return (_jsx("section", { className: "section", id: "packages", "aria-labelledby": "packages-title", children: _jsxs("div", { className: "container", children: [_jsxs("div", { className: "section-intro", children: [_jsx("p", { className: "eyebrow", children: "Documentation" }), _jsx("h2", { id: "packages-title", children: "The core flow stays explicit." }), _jsx("p", { children: "Each package has one job, can be used independently, and stays easy to replace or test because application concerns are not hidden behind a framework." })] }), _jsx("div", { className: "architecture", children: _jsxs("ol", { children: [_jsxs("li", { children: [_jsx("strong", { children: "Router" }), _jsx("span", { children: "turns a URL into application intent" })] }), _jsxs("li", { children: [_jsx("strong", { children: "Mediator" }), _jsx("span", { children: "coordinates that intent between modules" })] }), _jsxs("li", { children: [_jsx("strong", { children: "Model" }), _jsx("span", { children: "stores and publishes application state" })] }), _jsxs("li", { children: [_jsx("strong", { children: "View" }), _jsx("span", { children: "renders the resulting interface" })] })] }) }), _jsxs("div", { className: "docs-grid", children: [_jsxs("article", { children: [_jsx("p", { className: "eyebrow", children: "Model" }), _jsx("h3", { children: "State is observable, not magical." }), _jsx(CodeBlock, { lines: [
+                                        _jsxs(_Fragment, { children: [_jsx("span", { className: syntax.keyword, children: "const" }), " model = ", _jsx("span", { className: syntax.keyword, children: "new" }), " ", _jsx("span", { className: syntax.type, children: "Model" }), "(", '{', "count: 0", '}', ");"] }),
+                                        _jsxs(_Fragment, { children: ["model.on(", _jsx("span", { className: syntax.value, children: "'change'" }), ", state => render(state));"] }),
+                                        _jsxs(_Fragment, { children: ["model.update(", '{', "count: 1", '}', ");"] })
+                                    ] }), _jsx("p", { children: _jsx("a", { href: repositories.model, children: "Model documentation" }) })] }), _jsxs("article", { children: [_jsx("p", { className: "eyebrow", children: "View" }), _jsx("h3", { children: "JSX renders through White Label." }), _jsx(CodeBlock, { lines: [
+                                        _jsxs(_Fragment, { children: [_jsx("span", { className: syntax.keyword, children: "const" }), " view = ", _jsx("span", { className: syntax.keyword, children: "new" }), " ", _jsx("span", { className: syntax.type, children: "View" }), "(", '{'] }),
+                                        _jsx(_Fragment, { children: "  model," }),
+                                        _jsxs(_Fragment, { children: ["  template: state => <p>", '{', "state.count", '}', "</p>"] }),
+                                        _jsxs(_Fragment, { children: ['}', ").initialize();"] })
+                                    ] }), _jsx("p", { children: _jsx("a", { href: repositories.view, children: "View documentation" }) })] }), _jsxs("article", { children: [_jsx("p", { className: "eyebrow", children: "Mediator" }), _jsx("h3", { children: "Modules communicate through events." }), _jsx(CodeBlock, { lines: [
+                                        _jsxs(_Fragment, { children: ["mediator.on(", _jsx("span", { className: syntax.value, children: "'counter:increment'" }), ", increment);"] }),
+                                        _jsxs(_Fragment, { children: ["mediator.emit(", _jsx("span", { className: syntax.value, children: "'counter:increment'" }), ");"] })
+                                    ] }), _jsx("p", { children: _jsx("a", { href: repositories.mediator, children: "Mediator documentation" }) })] }), _jsxs("article", { children: [_jsx("p", { className: "eyebrow", children: "Router" }), _jsx("h3", { children: "Routes describe intent." }), _jsx(CodeBlock, { lines: [
+                                        _jsxs(_Fragment, { children: ["router.routes = ", '{'] }),
+                                        _jsxs(_Fragment, { children: ["  ", _jsx("span", { className: syntax.value, children: "'/'" }), ": (_scope, location) => ", '{'] }),
+                                        _jsxs(_Fragment, { children: ["    mediator.emit(", _jsx("span", { className: syntax.value, children: "'filter:set'" }), ", location.data.query.filter);"] }),
+                                        _jsxs(_Fragment, { children: ["  ", '}'] }),
+                                        _jsxs(_Fragment, { children: ['}', ";"] })
+                                    ] }), _jsx("p", { children: _jsx("a", { href: repositories.router, children: "Router documentation" }) })] })] })] }) }));
+}
+//# sourceMappingURL=PackageDocsSection.js.map

package/dist/app/assets/view/sections/PackageDocsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PackageDocsSection.js","sourceRoot":"","sources":["../../../../../app/assets/view/sections/PackageDocsSection.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,EAAE,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAElD,MAAM,YAAY,GAAG;IACjB,QAAQ,EAAE,gDAAgD;IAC1D,KAAK,EAAE,6CAA6C;IACpD,MAAM,EAAE,8CAA8C;IACtD,IAAI,EAAE,4CAA4C;CACrD,CAAC;AAEF,qEAAqE;AACrE,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACtC,OAAO,CACH,kBAAS,SAAS,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,qBAAiB,gBAAgB,YACvE,eAAK,SAAS,EAAC,WAAW,aACtB,eAAK,SAAS,EAAC,eAAe,aAC1B,YAAG,SAAS,EAAC,SAAS,8BAAkB,EACxC,aAAI,EAAE,EAAC,gBAAgB,8CAAmC,EAC1D,iLAA6J,IAC3J,EACN,cAAK,SAAS,EAAC,cAAc,YAAC,yBAC1B,yBAAI,sCAAuB,EAAA,iEAAgD,IAAK,EAChF,yBAAI,wCAAyB,EAAA,qEAAoD,IAAK,EACtF,yBAAI,qCAAsB,EAAA,oEAAmD,IAAK,EAClF,yBAAI,oCAAqB,EAAA,6DAA4C,IAAK,IACzE,GAAM,EACX,eAAK,SAAS,EAAC,WAAW,aACtB,8BACI,YAAG,SAAS,EAAC,SAAS,sBAAU,EAAA,6DAA0C,EAC1E,KAAC,SAAS,IAAC,KAAK,EAAE;wCACd,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,sBAAc,eAAS,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,oBAAY,OAAC,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,sBAAc,OAAE,GAAG,cAAU,GAAG,UAAM;wCACtK,2CAAW,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,yBAAiB,kCAAgC;wCACzF,+CAAgB,GAAG,cAAU,GAAG,UAAM;qCACzC,GAAI,EACL,sBAAG,YAAG,IAAI,EAAE,YAAY,CAAC,KAAK,oCAAyB,GAAI,IACrD,EACV,8BACI,YAAG,SAAS,EAAC,SAAS,qBAAS,EAAA,4DAAyC,EACxE,KAAC,SAAS,IAAC,KAAK,EAAE;wCACd,8BAAE,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,sBAAc,cAAQ,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,oBAAY,OAAC,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,qBAAa,OAAE,GAAG,IAAI;wCACrJ,yCAAa;wCACb,0DAAoC,GAAG,iBAAa,GAAG,YAAc;wCACrE,8BAAG,GAAG,uBAAmB;qCAC5B,GAAI,EACL,sBAAG,YAAG,IAAI,EAAE,YAAY,CAAC,IAAI,mCAAwB,GAAI,IACnD,EACV,8BACI,YAAG,SAAS,EAAC,SAAS,yBAAa,EAAA,+DAA4C,EAC/E,KAAC,SAAS,IAAC,KAAK,EAAE;wCACd,8CAAc,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,oCAA4B,qBAAgB;wCACvF,gDAAgB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,oCAA4B,UAAK;qCACjF,GAAI,EACL,sBAAG,YAAG,IAAI,EAAE,YAAY,CAAC,QAAQ,uCAA4B,GAAI,IAC3D,EACV,8BACI,YAAG,SAAS,EAAC,SAAS,uBAAW,EAAA,mDAAgC,EACjE,KAAC,SAAS,IAAC,KAAK,EAAE;wCACd,kDAAmB,GAAG,IAAI;wCAC1B,oCAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,oBAAY,8BAA4B,GAAG,IAAI;wCAChF,oDAAoB,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,6BAAqB,sCAAiC;wCACvG,oCAAK,GAAG,IAAI;wCACZ,8BAAG,GAAG,SAAK;qCACd,GAAI,EACL,sBAAG,YAAG,IAAI,EAAE,YAAY,CAAC,MAAM,qCAA0B,GAAI,IACvD,IACR,IACJ,GACA,CACb,CAAC;AACN,CAAC","sourcesContent":["import CodeBlock, {syntax} from '../CodeBlock.js';\n\nconst repositories = {\n    mediator: 'https://github.com/bshack/white-label-mediator',\n    model: 'https://github.com/bshack/white-label-model',\n    router: 'https://github.com/bshack/white-label-router',\n    view: 'https://github.com/bshack/white-label-view'\n};\n\n/** Package documentation stays close to the example it describes. */\nexport default function PackageDocsSection() {\n    return (\n        <section className=\"section\" id=\"packages\" aria-labelledby=\"packages-title\">\n            <div className=\"container\">\n                <div className=\"section-intro\">\n                    <p className=\"eyebrow\">Documentation</p>\n                    <h2 id=\"packages-title\">The core flow stays explicit.</h2>\n                    <p>Each package has one job, can be used independently, and stays easy to replace or test because application concerns are not hidden behind a framework.</p>\n                </div>\n                <div className=\"architecture\"><ol>\n                    <li><strong>Router</strong><span>turns a URL into application intent</span></li>\n                    <li><strong>Mediator</strong><span>coordinates that intent between modules</span></li>\n                    <li><strong>Model</strong><span>stores and publishes application state</span></li>\n                    <li><strong>View</strong><span>renders the resulting interface</span></li>\n                </ol></div>\n                <div className=\"docs-grid\">\n                    <article>\n                        <p className=\"eyebrow\">Model</p><h3>State is observable, not magical.</h3>\n                        <CodeBlock lines={[\n                            <><span className={syntax.keyword}>const</span> model = <span className={syntax.keyword}>new</span> <span className={syntax.type}>Model</span>({'{'}count: 0{'}'});</>,\n                            <>model.on(<span className={syntax.value}>'change'</span>, state =&gt; render(state));</>,\n                            <>model.update({'{'}count: 1{'}'});</>\n                        ]} />\n                        <p><a href={repositories.model}>Model documentation</a></p>\n                    </article>\n                    <article>\n                        <p className=\"eyebrow\">View</p><h3>JSX renders through White Label.</h3>\n                        <CodeBlock lines={[\n                            <><span className={syntax.keyword}>const</span> view = <span className={syntax.keyword}>new</span> <span className={syntax.type}>View</span>({'{'}</>,\n                            <>  model,</>,\n                            <>  template: state =&gt; &lt;p&gt;{'{'}state.count{'}'}&lt;/p&gt;</>,\n                            <>{'}'}).initialize();</>\n                        ]} />\n                        <p><a href={repositories.view}>View documentation</a></p>\n                    </article>\n                    <article>\n                        <p className=\"eyebrow\">Mediator</p><h3>Modules communicate through events.</h3>\n                        <CodeBlock lines={[\n                            <>mediator.on(<span className={syntax.value}>'counter:increment'</span>, increment);</>,\n                            <>mediator.emit(<span className={syntax.value}>'counter:increment'</span>);</>\n                        ]} />\n                        <p><a href={repositories.mediator}>Mediator documentation</a></p>\n                    </article>\n                    <article>\n                        <p className=\"eyebrow\">Router</p><h3>Routes describe intent.</h3>\n                        <CodeBlock lines={[\n                            <>router.routes = {'{'}</>,\n                            <>  <span className={syntax.value}>'/'</span>: (_scope, location) =&gt; {'{'}</>,\n                            <>    mediator.emit(<span className={syntax.value}>'filter:set'</span>, location.data.query.filter);</>,\n                            <>  {'}'}</>,\n                            <>{'}'};</>\n                        ]} />\n                        <p><a href={repositories.router}>Router documentation</a></p>\n                    </article>\n                </div>\n            </div>\n        </section>\n    );\n}\n"]}

package/dist/app/assets/view/sections/SourceGuideSection.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Point learners at the implementation itself.
+ *
+ * The landing page is intentionally organized so each path answers a different
+ * question: composition, rendering, state, coordination, routing, or testing.
+ */
+export default function SourceGuideSection(): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/assets/view/sections/SourceGuideSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+/**
+ * Point learners at the implementation itself.
+ *
+ * The landing page is intentionally organized so each path answers a different
+ * question: composition, rendering, state, coordination, routing, or testing.
+ */
+export default function SourceGuideSection() {
+    return (_jsx("section", { className: "section", id: "source", "aria-labelledby": "source-title", children: _jsxs("div", { className: "container start-grid", children: [_jsxs("div", { className: "section-intro", children: [_jsx("p", { className: "eyebrow", children: "Read the source" }), _jsx("h2", { id: "source-title", children: "This site is part of the documentation." }), _jsx("p", { children: "The landing page is built with the same White Label packages it teaches. Start at the page composition, then follow the imports into the interactive example." })] }), _jsxs("div", { className: "source-paths", children: [_jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: "Page composition" }), _jsx("dd", { children: _jsx("code", { children: "app/index.tsx" }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Static JSX views" }), _jsx("dd", { children: _jsx("code", { children: "app/assets/view/" }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Task application" }), _jsx("dd", { children: _jsx("code", { children: "app/assets/script/tasks/" }) })] }), _jsxs("div", { children: [_jsx("dt", { children: "Integration tests" }), _jsx("dd", { children: _jsx("code", { children: "test/app.test.js" }) })] })] }), _jsx("p", { children: _jsx("a", { href: "https://github.com/bshack/white-label/tree/master/app", children: "Browse the application source" }) })] })] }) }));
+}
+//# sourceMappingURL=SourceGuideSection.js.map

package/dist/app/assets/view/sections/SourceGuideSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SourceGuideSection.js","sourceRoot":"","sources":["../../../../../app/assets/view/sections/SourceGuideSection.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACtC,OAAO,CACH,kBAAS,SAAS,EAAC,SAAS,EAAC,EAAE,EAAC,QAAQ,qBAAiB,cAAc,YACnE,eAAK,SAAS,EAAC,sBAAsB,aACjC,eAAK,SAAS,EAAC,eAAe,aAC1B,YAAG,SAAS,EAAC,SAAS,gCAAoB,EAC1C,aAAI,EAAE,EAAC,cAAc,wDAA6C,EAClE,wLAAoK,IAClK,EACN,eAAK,SAAS,EAAC,cAAc,aACzB,yBACI,0BAAK,4CAAyB,EAAA,uBAAI,2CAA0B,GAAK,IAAM,EACvE,0BAAK,4CAAyB,EAAA,uBAAI,8CAA6B,GAAK,IAAM,EAC1E,0BAAK,4CAAyB,EAAA,uBAAI,sDAAqC,GAAK,IAAM,EAClF,0BAAK,6CAA0B,EAAA,uBAAI,8CAA6B,GAAK,IAAM,IAC1E,EACL,sBAAG,YAAG,IAAI,EAAC,uDAAuD,8CAAkC,GAAI,IACtG,IACJ,GACA,CACb,CAAC;AACN,CAAC","sourcesContent":["/**\n * Point learners at the implementation itself.\n *\n * The landing page is intentionally organized so each path answers a different\n * question: composition, rendering, state, coordination, routing, or testing.\n */\nexport default function SourceGuideSection() {\n    return (\n        <section className=\"section\" id=\"source\" aria-labelledby=\"source-title\">\n            <div className=\"container start-grid\">\n                <div className=\"section-intro\">\n                    <p className=\"eyebrow\">Read the source</p>\n                    <h2 id=\"source-title\">This site is part of the documentation.</h2>\n                    <p>The landing page is built with the same White Label packages it teaches. Start at the page composition, then follow the imports into the interactive example.</p>\n                </div>\n                <div className=\"source-paths\">\n                    <dl>\n                        <div><dt>Page composition</dt><dd><code>app/index.tsx</code></dd></div>\n                        <div><dt>Static JSX views</dt><dd><code>app/assets/view/</code></dd></div>\n                        <div><dt>Task application</dt><dd><code>app/assets/script/tasks/</code></dd></div>\n                        <div><dt>Integration tests</dt><dd><code>test/app.test.js</code></dd></div>\n                    </dl>\n                    <p><a href=\"https://github.com/bshack/white-label/tree/master/app\">Browse the application source</a></p>\n                </div>\n            </div>\n        </section>\n    );\n}\n"]}

package/dist/app/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The page template is intentionally thin.
+ *
+ * Developers learning White Label can start here to see the complete page at
+ * a glance, then follow each import into a focused example. Build-time data is
+ * kept at this boundary while individual views stay reusable and easy to read.
+ */
+export default function IndexPage(data: Record<string, unknown>): import("white-label-view/jsx-runtime").JSXMarkup;

package/dist/app/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "white-label-view/jsx-runtime";
+import { raw } from 'white-label-view/jsx-runtime';
+import SiteFooter from './assets/view/layout/SiteFooter.js';
+import SiteHeader from './assets/view/layout/SiteHeader.js';
+import GettingStartedSection from './assets/view/sections/GettingStartedSection.js';
+import HeroSection from './assets/view/sections/HeroSection.js';
+import LiveExampleSection from './assets/view/sections/LiveExampleSection.js';
+import PackageDocsSection from './assets/view/sections/PackageDocsSection.js';
+import SourceGuideSection from './assets/view/sections/SourceGuideSection.js';
+/**
+ * The page template is intentionally thin.
+ *
+ * Developers learning White Label can start here to see the complete page at
+ * a glance, then follow each import into a focused example. Build-time data is
+ * kept at this boundary while individual views stay reusable and easy to read.
+ */
+export default function IndexPage(data) {
+    const page = data;
+    const structuredData = JSON.stringify(page.structuredData).replaceAll('<', '\\u003c');
+    return (_jsxs("html", { id: "index", lang: "en-US", dir: "ltr", children: [_jsxs("head", { children: [_jsx("meta", { charset: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), _jsx("title", { children: page.title }), _jsx("meta", { name: "description", content: page.meta.description }), _jsx("meta", { name: "robots", content: "index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" }), _jsx("link", { rel: "canonical", href: `${page.siteUrl}/` }), _jsx("meta", { property: "og:title", content: page.title }), _jsx("meta", { property: "og:description", content: page.meta.description }), _jsx("meta", { property: "og:type", content: "website" }), _jsx("meta", { property: "og:url", content: `${page.siteUrl}/` }), _jsx("link", { rel: "stylesheet", href: `${page.cdn}release/${page.version}/assets/style/global.css`, media: "all" }), _jsx("link", { rel: "stylesheet", href: `${page.cdn}release/${page.version}/assets/style/print.css`, media: "print" }), _jsx("script", { type: "application/ld+json", children: raw(structuredData) })] }), _jsxs("body", { itemscope: true, itemtype: "https://schema.org/WebPage", children: [_jsx("a", { className: "skip-link", href: "#main", children: "Skip to content" }), _jsx(SiteHeader, {}), _jsxs("main", { id: "main", tabindex: "-1", children: [_jsx(HeroSection, {}), _jsx(LiveExampleSection, {}), _jsx(PackageDocsSection, {}), _jsx(SourceGuideSection, {}), _jsx(GettingStartedSection, {})] }), _jsx(SiteFooter, {}), _jsx("script", { src: `${page.cdn}release/${page.version}/assets/script/index.compiled.js`, defer: true })] })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../app/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,8BAA8B,CAAC;AACjD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAE5D,OAAO,qBAAqB,MAAM,iDAAiD,CAAC;AACpF,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAC9E,OAAO,kBAAkB,MAAM,8CAA8C,CAAC;AAE9E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAA6B;IAC3D,MAAM,IAAI,GAAG,IAA2B,CAAC;IACzC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEtF,OAAO,CACH,gBAAM,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,KAAK,aACnC,2BACI,eAAM,OAAO,EAAC,OAAO,GAAG,EACxB,eAAM,IAAI,EAAC,UAAU,EAAC,OAAO,EAAC,qCAAqC,GAAG,EACtE,0BAAQ,IAAI,CAAC,KAAK,GAAS,EAC3B,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,GAAI,EAC3D,eAAM,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,0EAA0E,GAAG,EACzG,eAAM,GAAG,EAAC,WAAW,EAAC,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG,GAAI,EAClD,eAAM,QAAQ,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,GAAI,EACjD,eAAM,QAAQ,EAAC,gBAAgB,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,GAAI,EAClE,eAAM,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,GAAG,EAC7C,eAAM,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG,GAAI,EACvD,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,WAAW,IAAI,CAAC,OAAO,0BAA0B,EAAE,KAAK,EAAC,KAAK,GAAG,EACzG,eAAM,GAAG,EAAC,YAAY,EAAC,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,WAAW,IAAI,CAAC,OAAO,yBAAyB,EAAE,KAAK,EAAC,OAAO,GAAG,EAC1G,iBAAQ,IAAI,EAAC,qBAAqB,YAAE,GAAG,CAAC,cAAc,CAAC,GAAU,IAC9D,EACP,gBAAM,SAAS,QAAC,QAAQ,EAAC,4BAA4B,aACjD,YAAG,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,gCAAoB,EACzD,KAAC,UAAU,KAAG,EACd,gBAAM,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,aACzB,KAAC,WAAW,KAAG,EACf,KAAC,kBAAkB,KAAG,EACtB,KAAC,kBAAkB,KAAG,EACtB,KAAC,kBAAkB,KAAG,EACtB,KAAC,qBAAqB,KAAG,IACtB,EACP,KAAC,UAAU,KAAG,EACd,iBAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,WAAW,IAAI,CAAC,OAAO,kCAAkC,EAAE,KAAK,SAAG,IACxF,IACJ,CACV,CAAC;AACN,CAAC","sourcesContent":["import {raw} from 'white-label-view/jsx-runtime';\nimport SiteFooter from './assets/view/layout/SiteFooter.js';\nimport SiteHeader from './assets/view/layout/SiteHeader.js';\nimport type {PageData} from './assets/view/page-data.js';\nimport GettingStartedSection from './assets/view/sections/GettingStartedSection.js';\nimport HeroSection from './assets/view/sections/HeroSection.js';\nimport LiveExampleSection from './assets/view/sections/LiveExampleSection.js';\nimport PackageDocsSection from './assets/view/sections/PackageDocsSection.js';\nimport SourceGuideSection from './assets/view/sections/SourceGuideSection.js';\n\n/**\n * The page template is intentionally thin.\n *\n * Developers learning White Label can start here to see the complete page at\n * a glance, then follow each import into a focused example. Build-time data is\n * kept at this boundary while individual views stay reusable and easy to read.\n */\nexport default function IndexPage(data: Record<string, unknown>) {\n    const page = data as unknown as PageData;\n    const structuredData = JSON.stringify(page.structuredData).replaceAll('<', '\\\\u003c');\n\n    return (\n        <html id=\"index\" lang=\"en-US\" dir=\"ltr\">\n            <head>\n                <meta charset=\"utf-8\" />\n                <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n                <title>{page.title}</title>\n                <meta name=\"description\" content={page.meta.description} />\n                <meta name=\"robots\" content=\"index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1\" />\n                <link rel=\"canonical\" href={`${page.siteUrl}/`} />\n                <meta property=\"og:title\" content={page.title} />\n                <meta property=\"og:description\" content={page.meta.description} />\n                <meta property=\"og:type\" content=\"website\" />\n                <meta property=\"og:url\" content={`${page.siteUrl}/`} />\n                <link rel=\"stylesheet\" href={`${page.cdn}release/${page.version}/assets/style/global.css`} media=\"all\" />\n                <link rel=\"stylesheet\" href={`${page.cdn}release/${page.version}/assets/style/print.css`} media=\"print\" />\n                <script type=\"application/ld+json\">{raw(structuredData)}</script>\n            </head>\n            <body itemscope itemtype=\"https://schema.org/WebPage\">\n                <a className=\"skip-link\" href=\"#main\">Skip to content</a>\n                <SiteHeader />\n                <main id=\"main\" tabindex=\"-1\">\n                    <HeroSection />\n                    <LiveExampleSection />\n                    <PackageDocsSection />\n                    <SourceGuideSection />\n                    <GettingStartedSection />\n                </main>\n                <SiteFooter />\n                <script src={`${page.cdn}release/${page.version}/assets/script/index.compiled.js`} defer />\n            </body>\n        </html>\n    );\n}\n"]}

package/dist/cli/index.d.ts

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+import { createProject } from '../scaffold/index.js';
+export interface CliDependencies {
+    cwd?: () => string;
+    createProject?: typeof createProject;
+    stdout?: Pick<NodeJS.WriteStream, 'write'>;
+    stderr?: Pick<NodeJS.WriteStream, 'write'>;
+    input?: NodeJS.ReadableStream;
+    output?: NodeJS.WritableStream;
+    isInteractive?: boolean;
+}
+export declare function formatCliError(error: unknown): string;
+export declare function runCli(args: readonly string[], dependencies?: CliDependencies): Promise<0 | 1>;