@xmachines/docs 7.0.0 → 7.2.0

package/examples/@xmachines/play-svelte-demo/variables/App.md

@@ -1,9 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-svelte-demo](../README.md) / App
-
-# Variable: App
-
-```ts
-const App: LegacyComponentType;
-```
-
-Defined in: `svelte`

package/examples/@xmachines/play-svelte-demo/variables/authCatalog.md

@@ -1,197 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-svelte-demo](../README.md) / authCatalog
-
-# Variable: authCatalog
-
-```ts
-const authCatalog: Catalog<{
-  catalog: SchemaType<"object", {
-     actions: SchemaType<"map", {
-        description: SchemaType<"string", unknown>;
-        params: SchemaType<"zod", unknown>;
-     }>;
-     components: SchemaType<"map", {
-        description: SchemaType<"string", unknown>;
-        example: SchemaType<"any", unknown>;
-        props: SchemaType<"zod", unknown>;
-        slots: SchemaType<"array", SchemaType<"string", unknown>>;
-     }>;
-  }>;
-  spec: SchemaType<"object", {
-     elements: SchemaType<"record", SchemaType<"object", {
-        children: SchemaType<"array", SchemaType<"string", unknown>>;
-        props: SchemaType<"propsOf", string>;
-        repeat: {
-           inner?: unknown;
-           kind: "any";
-           optional: true;
-        };
-        slots: {
-           inner?: SchemaType<"array", SchemaType<..., ...>>;
-           kind: "record";
-           optional: true;
-        };
-        type: SchemaType<"ref", string>;
-        visible: {
-           inner?: unknown;
-           kind: "any";
-           optional: true;
-        };
-     }>>;
-     root: SchemaType<"string", unknown>;
-  }>;
-}, {
-  actions: {
-     addTask: {
-        description: "Add a task (sends task.add to the machine)";
-        params: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-     completeTask: {
-        description: "Mark a task done (sends task.complete to the machine)";
-        params: ZodObject<{
-           id: ZodString;
-        }, $strip>;
-     };
-     login: {
-        description: "Login with username";
-        params: ZodObject<{
-           username: ZodString;
-        }, $strip>;
-     };
-     logout: {
-        description: "Logout and return to home";
-     };
-     removeTask: {
-        description: "Remove a task (sends task.remove to the machine)";
-        params: ZodObject<{
-           id: ZodString;
-        }, $strip>;
-     };
-     resetForm: {
-        description: "Reset a demo form to its defaults (confirm-gated in the spec)";
-        params: ZodObject<{
-           form: ZodString;
-        }, $strip>;
-     };
-     route: {
-        description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')";
-        params: ZodObject<{
-           params: ZodOptional<ZodRecord<ZodString, ZodString>>;
-           to: ZodString;
-        }, $strip>;
-     };
-     submitForm: {
-        description: "Submit a demo form; rejects when the form did not pass validation";
-        params: ZodObject<{
-           form: ZodString;
-           valid: ZodOptional<ZodNullable<ZodBoolean>>;
-        }, $strip>;
-     };
-  };
-  components: {
-     About: {
-        props: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-     Button: {
-        props: ZodObject<{
-           disabled: ZodOptional<ZodBoolean>;
-           label: ZodString;
-           testId: ZodOptional<ZodString>;
-           variant: ZodOptional<ZodEnum<{
-              danger: "danger";
-              primary: "primary";
-              secondary: "secondary";
-           }>>;
-        }, $strip>;
-     };
-     Contact: {
-        props: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-     Dashboard: {
-        props: ZodObject<{
-           username: ZodString;
-           welcome: ZodBoolean;
-        }, $strip>;
-     };
-     Field: {
-        props: ZodObject<{
-           checks: ZodOptional<ZodArray<ZodCustom<ValidationCheck, ValidationCheck>>>;
-           formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<ZodString>>>;
-           inputType: ZodOptional<ZodEnum<{
-              email: "email";
-              text: "text";
-              textarea: "textarea";
-           }>>;
-           label: ZodString;
-           placeholder: ZodOptional<ZodString>;
-           testId: ZodOptional<ZodString>;
-           value: ZodOptional<ZodString>;
-        }, $strip>;
-     };
-     Home: {
-        props: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-     Login: {
-        props: ZodObject<{
-           title: ZodString;
-           username: ZodOptional<ZodString>;
-        }, $strip>;
-     };
-     NavBar: {
-        props: ZodObject<{
-           isAuthenticated: ZodBoolean;
-           username: ZodNullable<ZodString>;
-        }, $strip>;
-     };
-     Navigation: {
-        props: ZodObject<{
-           currentPath: ZodString;
-           isAuthenticated: ZodBoolean;
-        }, $strip>;
-     };
-     Overview: {
-        props: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-     Panel: {
-        props: ZodObject<{
-           note: ZodOptional<ZodUnion<readonly [ZodString, ZodNumber, ZodBoolean, ZodNull]>>;
-           testId: ZodOptional<ZodString>;
-           title: ZodOptional<ZodUnion<readonly [ZodString, ZodNumber]>>;
-           tone: ZodOptional<ZodEnum<{
-              danger: "danger";
-              default: "default";
-              muted: "muted";
-              success: "success";
-           }>>;
-        }, $strip>;
-     };
-     Profile: {
-        props: ZodObject<{
-           username: ZodString;
-        }, $strip>;
-     };
-     Settings: {
-        props: ZodObject<{
-           section: ZodOptional<ZodString>;
-           username: ZodString;
-        }, $strip>;
-     };
-     Stats: {
-        props: ZodObject<{
-           title: ZodString;
-        }, $strip>;
-     };
-  };
-}>;
-```
-
-Defined in: [packages/play-svelte/examples/demo/src/catalog.ts:5](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/catalog.ts#L5)

package/examples/@xmachines/play-svelte-demo/variables/demoComponents.md

@@ -1,30 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-svelte-demo](../README.md) / demoComponents
-
-# Variable: demoComponents
-
-```ts
-const demoComponents: object;
-```
-
-Defined in: [packages/play-svelte/examples/demo/src/components/demo-components.ts:20](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L20)
-
-demoComponents — the full catalog component map, shared with the router demos.
-
-## Type Declaration
-
-| Name                                          | Type                  | Default value | Defined in                                                                                                                                                                                                   |
-| --------------------------------------------- | --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| <a id="property-about"></a> `About`           | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:22](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L22) |
-| <a id="property-button"></a> `Button`         | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:34](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L34) |
-| <a id="property-contact"></a> `Contact`       | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:23](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L23) |
-| <a id="property-dashboard"></a> `Dashboard`   | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:25](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L25) |
-| <a id="property-field"></a> `Field`           | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:33](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L33) |
-| <a id="property-home"></a> `Home`             | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:21](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L21) |
-| <a id="property-login"></a> `Login`           | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:24](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L24) |
-| <a id="property-navbar"></a> `NavBar`         | `LegacyComponentType` | `NavBarView`  | [packages/play-svelte/examples/demo/src/components/demo-components.ts:31](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L31) |
-| <a id="property-navigation"></a> `Navigation` | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:30](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L30) |
-| <a id="property-overview"></a> `Overview`     | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:26](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L26) |
-| <a id="property-panel"></a> `Panel`           | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:32](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L32) |
-| <a id="property-profile"></a> `Profile`       | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:28](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L28) |
-| <a id="property-settings"></a> `Settings`     | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:29](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L29) |
-| <a id="property-stats"></a> `Stats`           | `LegacyComponentType` | -             | [packages/play-svelte/examples/demo/src/components/demo-components.ts:27](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-svelte/examples/demo/src/components/demo-components.ts#L27) |

package/examples/@xmachines/play-vue-demo/README.md

@@ -1,159 +0,0 @@
-[Examples](../../README.md) / @xmachines/play-vue-demo
-
-# @xmachines/play-vue-demo
-
-Vue 3 renderer demo for [`@xmachines/play-vue`](../../../api/@xmachines/play-vue/README.md) — actor + `PlayRenderer` without a router.
-
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-## What This Demonstrates
-
-- Shared auth machine reused without framework-specific business logic
-- `PlayRenderer` rendering actor-projected views with a typed `defineRegistry` catalog
-- Auth machine states drive view switching via `auth.login` / `auth.logout` events only — no URL routing
-- Vue Composition API mapping to atoms lifecycle
-- Non-browser invariant tests plus browser renderer coverage
-- Stately inspector attached at creation via `options.inspect` — the debug panel's **Show Inspector** button opens the live machine in its own window
-- json-render 0.20 showcase pages driven purely by spec:
-    - **Overview** — two data planes side by side: `/context/tasks` (machine context via the read-only `/context` projection; `repeat` + `key`, `$item`-filtered lists, per-row actions sending inspectable machine events) next to ephemeral store state (`pushState`/`removeState`/`setState` built-ins driving filter chips and toggles that survive context updates)
-    - **Stats** — nested repeats (`repeat.statePath: { $item: "members" }`) over `/context/teams`
-    - **Settings** — declarative field validation, the `validateForm` built-in, a confirm-gated `resetForm` host action, and `onSuccess`/`onError` chains
-    - **Contact** — a chained named action: submit validates, then routes home on success or writes `"$error.message"` to state on failure
-
-## Running the Demo
-
-From the repository root:
-
-```bash
-pnpm install
-pnpm --filter @xmachines/play-vue-demo run dev
-```
-
-Then open `http://localhost:3004`.
-
-## Step-by-Step Code Flow
-
-Use this order to understand the implementation:
-
-1. `src/main.ts` creates the page's inspector with `createDemoInspector()`, calls `definePlayer({ machine: authMachine, options: { inspect: inspector.inspect } })`, starts the actor, provides both `actor` and `inspector` to the app, and mounts it.
-2. The actor is provided to all components via `app.provide("actor", actor)`.
-3. `src/App.vue` injects the actor and builds the `registryResult` inside `computed` with `defineRegistry(authCatalog, { components: demoComponents, actions: createAuthActionHandlers(typedActor) })` — the component map lives once in `src/components/demo-components.ts` (shared with the router demos) and the handlers dispatch to `actor.send()`.
-4. `<PlayUIProvider :actor="typedActor" :registryResult="registryResult"><PlayRenderer /></PlayUIProvider>` observes `actor.currentView` and renders the active spec.
-5. A `NavBar` SFC observes `actor` atoms directly for nav visibility.
-6. `<DebugPanel :actor="typedActor" :inspector="inspector" />` shows live state, auth status, and current route, plus the **Show Inspector** button.
-7. HMR cleanup calls `actor.stop()` via `import.meta.hot.dispose`.
-8. Browser tests in `test/browser/` validate startup and interaction behavior.
-
-```ts fragment
-// src/main.ts
-const inspector = createDemoInspector();
-const createPlayer = definePlayer({
-	machine: authMachine,
-	options: { inspect: inspector.inspect },
-	actor: compose(PlayerActor, withRouting, withView),
-});
-const actor = createPlayer();
-actor.start();
-
-const app = createApp(App);
-app.provide("actor", actor);
-app.provide("inspector", inspector);
-app.mount("#app");
-```
-
-```vue
-<!-- src/App.vue -->
-<script setup lang="ts">
-import type { ComponentsMap } from "@xmachines/play-vue";
-import type { ActionFn } from "@xmachines/json-render-vue";
-
-const typedActor = assertNonNullable(inject<AuthActor>("actor"), "actor");
-const inspector = assertNonNullable(inject<DemoInspector>("inspector"), "inspector");
-
-const registryResult = computed(() =>
-	defineRegistry(authCatalog, {
-		components: demoComponents, // one shared map — Home…NavBar plus the 0.20 Panel/Field/Button leaves
-		actions: createAuthActionHandlers(typedActor), // login/logout/route + task events + form actions
-	}),
-);
-</script>
-
-<template>
-	<div class="demo-app" data-demo-shell>
-		<header class="demo-header">
-			<h1 class="demo-title">XMachines Play Vue Demo</h1>
-			<NavBar :actor="typedActor" />
-		</header>
-		<main class="demo-content" data-demo-content>
-			<PlayUIProvider :actor="typedActor" :registryResult="registryResult">
-				<PlayRenderer />
-			</PlayUIProvider>
-		</main>
-		<DebugPanel :actor="typedActor" :inspector="inspector" />
-	</div>
-</template>
-```
-
-## Key Files
-
-- `src/main.ts` - actor creation/start and Vue app mount with actor injection
-- `src/App.vue` - typed `ComponentsMap` declaration, registry construction, and `PlayUIProvider` + `PlayRenderer` composition
-- `src/catalog.ts` - `authCatalog` built via `defineCatalog` with the `@xmachines/json-render-vue` schema
-- `src/components/` - demo view components bound to catalog component keys (Home, Login, Dashboard, Profile, etc.)
-- `src/index.ts` - re-exports all components and catalog for library-pattern testing
-- `test/library-pattern.test.ts` - architecture boundary and invariant assertions
-- `test/browser/renderer-demo.browser.test.ts` - browser-mode renderer coverage
-
-## State Machine & Architecture Details
-
-The demo utilizes XMachines architectural invariants:
-
-1. **Actor Authority:** View components dispatch `auth.login` and `auth.logout` events to the actor. The actor evaluates guards and transitions — Vue never decides which view to render.
-2. **Passive Infrastructure:** `PlayRenderer` observes `actor.currentView` atoms only. It holds no business state and makes no routing decisions.
-3. **Atom-Only Reactivity:** The bridge leverages Vue's reactivity model internally to react precisely when actor atoms update, without polluting the component tree with reactive refs holding business state.
-
-## Watcher Lifecycle and Cleanup Contract
-
-This demo follows the canonical watcher lifecycle used across all `@xmachines` framework adapters:
-
-1. The atom notifies the subscription, synchronously, from the `set` that changed it
-2. `watchAtom` queues one microtask, and it drops each duplicate notification of that batch
-3. The microtask reads the actor atoms and syncs Vue-local render state
-
-One subscription lives for the whole watch, and no caller arms a watcher again. Cleanup is explicit: `actor.stop()` is called during HMR disposal, and `PlayRenderer` handles internal watcher teardown natively on component unmount.
-
-## Adapter Boundaries
-
-`PlayRenderer` and `defineRegistry` stay passive infrastructure. Business validity remains actor-owned. The registry maps catalog component keys to Vue SFC implementations — the actor owns which key is active. The demo intentionally omits URL routing to isolate the renderer contract.
-
-## Available Scripts
-
-These commands are defined in `package.json`:
-
-| Command                                                   | Description                                    |
-| --------------------------------------------------------- | ---------------------------------------------- |
-| `pnpm --filter @xmachines/play-vue-demo run dev`          | Start Vite dev server (http://localhost:3004/) |
-| `pnpm --filter @xmachines/play-vue-demo run build`        | Build production bundle                        |
-| `pnpm --filter @xmachines/play-vue-demo run preview`      | Preview built bundle                           |
-| `pnpm --filter @xmachines/play-vue-demo run test`         | Run Vitest test suite                          |
-| `pnpm --filter @xmachines/play-vue-demo run test:browser` | Run browser-focused Vitest suite               |
-
-## Learn More
-
-- [Vue](../../../api/@xmachines/play-vue/README.md)
-- [Vue Router](../play-vue-router-demo/README.md)
-- [Inspecting a Running Actor](../../../guides/inspector.md)
-
-## Type Aliases
-
-- [AuthCatalog](type-aliases/AuthCatalog.md)
-
-## Variables
-
-- [App](variables/App.md)
-- [authCatalog](variables/authCatalog.md)
-- [demoComponents](variables/demoComponents.md)
-
-## Functions
-
-- [createAuthActionHandlers](functions/createAuthActionHandlers.md)

package/examples/@xmachines/play-vue-demo/functions/createAuthActionHandlers.md

@@ -1,35 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-vue-demo](../README.md) / createAuthActionHandlers
-
-# Function: createAuthActionHandlers()
-
-```ts
-function createAuthActionHandlers(actor): object;
-```
-
-Defined in: [packages/play-actor/examples/shared/src/actions.ts:48](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L48)
-
-Build the demo action handler map for one actor.
-
-Returned functions use the `(params, setState) => Promise<void>` shape every
-framework's `defineRegistry` accepts; spread the result into its `actions`.
-
-## Parameters
-
-| Parameter | Type        |
-| --------- | ----------- |
-| `actor`   | `AuthActor` |
-
-## Returns
-
-`object`
-
-| Name             | Type                                                    | Defined in                                                                                                                                                               |
-| ---------------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `addTask()`      | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:65](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L65) |
-| `completeTask()` | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:72](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L72) |
-| `login()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:50](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L50) |
-| `logout()`       | () => `Promise`\<`void`\>                               | [packages/play-actor/examples/shared/src/actions.ts:54](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L54) |
-| `removeTask()`   | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:81](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L81) |
-| `resetForm()`    | (`params`, `setState`) => `Promise`\<`void`\>           | [packages/play-actor/examples/shared/src/actions.ts:99](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L99) |
-| `route()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:55](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L55) |
-| `submitForm()`   | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:92](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L92) |

package/examples/@xmachines/play-vue-demo/type-aliases/AuthCatalog.md

@@ -1,9 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-vue-demo](../README.md) / AuthCatalog
-
-# Type Alias: AuthCatalog
-
-```ts
-type AuthCatalog = typeof authCatalog;
-```
-
-Defined in: [packages/play-vue/examples/demo/src/catalog.ts:6](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-vue/examples/demo/src/catalog.ts#L6)

package/examples/@xmachines/play-vue-demo/variables/App.md

@@ -1,9 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-vue-demo](../README.md) / App
-
-# Variable: App
-
-```ts
-const App: DefineComponent<{}, {}, unknown>;
-```
-
-Defined in: [packages/play-vue/examples/demo/src/env.d.ts:5](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-vue/examples/demo/src/env.d.ts#L5)

package/examples/@xmachines/play-vue-demo/variables/demoComponents.md

@@ -1,11 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-vue-demo](../README.md) / demoComponents
-
-# Variable: demoComponents
-
-```ts
-const demoComponents: ComponentsMap<typeof authCatalog>;
-```
-
-Defined in: [packages/play-vue/examples/demo/src/components/demo-components.ts:22](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-vue/examples/demo/src/components/demo-components.ts#L22)
-
-demoComponents — the full catalog component map, shared with the router demos.