@daltonr/pathwrite-vue 0.1.1

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2026 Richard Dalton
+
+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,70 @@
+# @daltonr/pathwrite-vue
+
+Vue 3 composable over `@daltonr/pathwrite-core`. Exposes path state as a reactive `shallowRef` that integrates seamlessly with Vue's reactivity system, templates, and `computed()`.
+
+## Setup
+
+```vue
+<script setup lang="ts">
+import { usePath } from "@daltonr/pathwrite-vue";
+import { computed } from "vue";
+
+const { snapshot, start, next, previous, cancel, setData } = usePath({
+  onEvent(event) {
+    console.log(event);
+  }
+});
+
+const currentStep = computed(() => snapshot.value?.stepId ?? null);
+</script>
+
+<template>
+  <div v-if="snapshot">
+    <h2>{{ snapshot.stepTitle ?? snapshot.stepId }}</h2>
+    <p>Step {{ snapshot.stepIndex + 1 }} of {{ snapshot.stepCount }}</p>
+    <button @click="previous" :disabled="snapshot.isNavigating">Back</button>
+    <button @click="next" :disabled="snapshot.isNavigating">
+      {{ snapshot.isLastStep ? "Finish" : "Next" }}
+    </button>
+    <button @click="cancel">Cancel</button>
+  </div>
+  <div v-else>
+    <button @click="start(myPath)">Start Path</button>
+  </div>
+</template>
+```
+
+## `usePath` API
+
+### Options
+
+| Option | Type | Description |
+|--------|------|-------------|
+| `onEvent` | `(event: PathEvent) => void` | Called for every engine event. |
+
+### Return value
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `snapshot` | `DeepReadonly<Ref<PathSnapshot \| null>>` | Current snapshot. `null` when no path is active. Triggers Vue re-renders on change. |
+| `start(definition, data?)` | `function` | Start or re-start a path. |
+| `startSubPath(definition, data?)` | `function` | Push a sub-path. Requires an active path. |
+| `next()` | `function` | Advance one step. Completes the path on the last step. |
+| `previous()` | `function` | Go back one step. Cancels the path from the first step. |
+| `cancel()` | `function` | Cancel the active path (or sub-path). |
+| `goToStep(stepId)` | `function` | Jump directly to a step by ID. Calls `onLeave` / `onEnter` but bypasses guards and `shouldSkip`. |
+| `setData(key, value)` | `function` | Update a single data value; triggers re-render via `stateChanged`. |
+
+## Design notes
+
+- **`shallowRef`** — the snapshot is stored in a `shallowRef` for performance. The engine produces a new snapshot object on every change, so shallow reactivity is sufficient.
+- **`readonly`** — the returned ref is wrapped with `readonly()` to prevent accidental external mutation.
+- **`onScopeDispose`** — the composable automatically unsubscribes from the engine when the calling component's effect scope is disposed (i.e. on unmount).
+- **No RxJS** — unlike the Angular adapter, there is no RxJS dependency. The composable is pure Vue.
+
+## Peer dependencies
+
+| Package | Version |
+|---------|---------|
+| `vue` | `>=3.3.0` |
+

package/dist/index.d.ts

@@ -0,0 +1,150 @@
+import { type Ref, type DeepReadonly, type PropType, type VNode } from "vue";
+import { PathData, PathDefinition, PathEvent, PathSnapshot } from "@daltonr/pathwrite-core";
+export interface UsePathOptions {
+    /** Called for every engine event (stateChanged, completed, cancelled, resumed). */
+    onEvent?: (event: PathEvent) => void;
+}
+export interface UsePathReturn {
+    /** Current path snapshot, or `null` when no path is active. Reactive — triggers Vue re-renders on change. */
+    snapshot: DeepReadonly<Ref<PathSnapshot | null>>;
+    /** Start (or restart) a path. */
+    start: (path: PathDefinition, initialData?: PathData) => Promise<void>;
+    /** Push a sub-path onto the stack. Requires an active path. */
+    startSubPath: (path: PathDefinition, initialData?: PathData) => Promise<void>;
+    /** Advance one step. Completes the path on the last step. */
+    next: () => Promise<void>;
+    /** Go back one step. Cancels the path from the first step. */
+    previous: () => Promise<void>;
+    /** Cancel the active path (or sub-path). */
+    cancel: () => Promise<void>;
+    /** Jump directly to a step by ID. Calls onLeave / onEnter but bypasses guards and shouldSkip. */
+    goToStep: (stepId: string) => Promise<void>;
+    /** Update a single data value; triggers a re-render via stateChanged. */
+    setData: (key: string, value: unknown) => Promise<void>;
+}
+export declare function usePath(options?: UsePathOptions): UsePathReturn;
+export interface PathShellActions {
+    next: () => Promise<void>;
+    previous: () => Promise<void>;
+    cancel: () => Promise<void>;
+    goToStep: (stepId: string) => Promise<void>;
+    setData: (key: string, value: unknown) => Promise<void>;
+}
+/**
+ * `<PathStep>` — slot wrapper that only renders its default slot content
+ * when the current step matches the given `id`.
+ *
+ * Used inside `<PathShell>`.
+ */
+export declare const PathStep: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * `<PathShell>` — default UI shell that renders a progress indicator,
+ * step content, and navigation buttons.
+ *
+ * ```vue
+ * <PathShell :path="myPath" :initial-data="{ name: '' }" @complete="handleDone">
+ *   <PathStep id="details"><DetailsForm /></PathStep>
+ *   <PathStep id="review"><ReviewPanel /></PathStep>
+ * </PathShell>
+ * ```
+ */
+export declare const PathShell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    path: {
+        type: PropType<PathDefinition>;
+        required: true;
+    };
+    initialData: {
+        type: PropType<PathData>;
+        default: () => {};
+    };
+    autoStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("complete" | "cancel" | "event")[], "complete" | "cancel" | "event", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    path: {
+        type: PropType<PathDefinition>;
+        required: true;
+    };
+    initialData: {
+        type: PropType<PathData>;
+        default: () => {};
+    };
+    autoStart: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    backLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    nextLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    finishLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hideProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onEvent?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    initialData: PathData;
+    autoStart: boolean;
+    backLabel: string;
+    nextLabel: string;
+    finishLabel: string;
+    cancelLabel: string;
+    hideCancel: boolean;
+    hideProgress: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/index.js

@@ -0,0 +1,201 @@
+import { ref, shallowRef, readonly, onScopeDispose, defineComponent, h, onMounted } from "vue";
+import { PathEngine } from "@daltonr/pathwrite-core";
+// ---------------------------------------------------------------------------
+// usePath composable
+// ---------------------------------------------------------------------------
+export function usePath(options) {
+    const engine = new PathEngine();
+    const _snapshot = shallowRef(null);
+    const unsubscribe = engine.subscribe((event) => {
+        if (event.type === "stateChanged" || event.type === "resumed") {
+            _snapshot.value = event.snapshot;
+        }
+        else if (event.type === "completed" || event.type === "cancelled") {
+            _snapshot.value = null;
+        }
+        options?.onEvent?.(event);
+    });
+    onScopeDispose(unsubscribe);
+    const snapshot = readonly(_snapshot);
+    const start = (path, initialData = {}) => engine.start(path, initialData);
+    const startSubPath = (path, initialData = {}) => engine.startSubPath(path, initialData);
+    const next = () => engine.next();
+    const previous = () => engine.previous();
+    const cancel = () => engine.cancel();
+    const goToStep = (stepId) => engine.goToStep(stepId);
+    const setData = (key, value) => engine.setData(key, value);
+    return { snapshot, start, startSubPath, next, previous, cancel, goToStep, setData };
+}
+/**
+ * `<PathStep>` — slot wrapper that only renders its default slot content
+ * when the current step matches the given `id`.
+ *
+ * Used inside `<PathShell>`.
+ */
+export const PathStep = defineComponent({
+    name: "PathStep",
+    props: {
+        id: { type: String, required: true }
+    },
+    setup(_props, { slots }) {
+        // PathStep never renders itself — PathShell reads its props and
+        // decides which slot to display. If rendered standalone it shows nothing.
+        return () => null;
+    }
+});
+/**
+ * `<PathShell>` — default UI shell that renders a progress indicator,
+ * step content, and navigation buttons.
+ *
+ * ```vue
+ * <PathShell :path="myPath" :initial-data="{ name: '' }" @complete="handleDone">
+ *   <PathStep id="details"><DetailsForm /></PathStep>
+ *   <PathStep id="review"><ReviewPanel /></PathStep>
+ * </PathShell>
+ * ```
+ */
+export const PathShell = defineComponent({
+    name: "PathShell",
+    props: {
+        path: { type: Object, required: true },
+        initialData: { type: Object, default: () => ({}) },
+        autoStart: { type: Boolean, default: true },
+        backLabel: { type: String, default: "Back" },
+        nextLabel: { type: String, default: "Next" },
+        finishLabel: { type: String, default: "Finish" },
+        cancelLabel: { type: String, default: "Cancel" },
+        hideCancel: { type: Boolean, default: false },
+        hideProgress: { type: Boolean, default: false }
+    },
+    emits: ["complete", "cancel", "event"],
+    setup(props, { slots, emit }) {
+        const pathReturn = usePath({
+            onEvent(event) {
+                emit("event", event);
+                if (event.type === "completed")
+                    emit("complete", event.data);
+                if (event.type === "cancelled")
+                    emit("cancel", event.data);
+            }
+        });
+        const { snapshot, start, next, previous, cancel, goToStep, setData } = pathReturn;
+        const started = ref(false);
+        onMounted(() => {
+            if (props.autoStart && !started.value) {
+                started.value = true;
+                start(props.path, props.initialData);
+            }
+        });
+        const actions = { next, previous, cancel, goToStep, setData };
+        return () => {
+            const snap = snapshot.value;
+            if (!snap) {
+                return h("div", { class: "pw-shell" }, h("div", { class: "pw-shell__empty" }, [
+                    h("p", "No active path."),
+                    !props.autoStart
+                        ? h("button", {
+                            type: "button",
+                            class: "pw-shell__start-btn",
+                            onClick: () => start(props.path, props.initialData)
+                        }, "Start")
+                        : null
+                ]));
+            }
+            // Resolve step content from default slot children
+            const stepContent = resolveVueStepContent(slots, snap);
+            return h("div", { class: "pw-shell" }, [
+                // Header — progress
+                !props.hideProgress && (slots.header
+                    ? slots.header({ snapshot: snap })
+                    : renderVueHeader(snap)),
+                // Body — step content
+                h("div", { class: "pw-shell__body" }, stepContent ?? []),
+                // Footer — navigation
+                slots.footer
+                    ? slots.footer({ snapshot: snap, actions })
+                    : renderVueFooter(snap, actions, props)
+            ]);
+        };
+    }
+});
+// ---------------------------------------------------------------------------
+// Default header (progress indicator)
+// ---------------------------------------------------------------------------
+function renderVueHeader(snapshot) {
+    return h("div", { class: "pw-shell__header" }, [
+        h("div", { class: "pw-shell__steps" }, snapshot.steps.map((step, i) => h("div", {
+            key: step.id,
+            class: ["pw-shell__step", `pw-shell__step--${step.status}`]
+        }, [
+            h("span", { class: "pw-shell__step-dot" }, step.status === "completed" ? "✓" : String(i + 1)),
+            h("span", { class: "pw-shell__step-label" }, step.title ?? step.id)
+        ]))),
+        h("div", { class: "pw-shell__track" }, h("div", {
+            class: "pw-shell__track-fill",
+            style: { width: `${snapshot.progress * 100}%` }
+        }))
+    ]);
+}
+// ---------------------------------------------------------------------------
+// Default footer (navigation buttons)
+// ---------------------------------------------------------------------------
+function renderVueFooter(snapshot, actions, props) {
+    return h("div", { class: "pw-shell__footer" }, [
+        h("div", { class: "pw-shell__footer-left" }, [
+            !snapshot.isFirstStep
+                ? h("button", {
+                    type: "button",
+                    class: "pw-shell__btn pw-shell__btn--back",
+                    disabled: snapshot.isNavigating,
+                    onClick: actions.previous
+                }, props.backLabel)
+                : null
+        ]),
+        h("div", { class: "pw-shell__footer-right" }, [
+            !props.hideCancel
+                ? h("button", {
+                    type: "button",
+                    class: "pw-shell__btn pw-shell__btn--cancel",
+                    disabled: snapshot.isNavigating,
+                    onClick: actions.cancel
+                }, props.cancelLabel)
+                : null,
+            h("button", {
+                type: "button",
+                class: "pw-shell__btn pw-shell__btn--next",
+                disabled: snapshot.isNavigating,
+                onClick: actions.next
+            }, snapshot.isLastStep ? props.finishLabel : props.nextLabel)
+        ])
+    ]);
+}
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+function resolveVueStepContent(slots, snapshot) {
+    // Look for a named slot matching the stepId
+    const namedSlot = slots[snapshot.stepId];
+    if (namedSlot)
+        return namedSlot({ snapshot });
+    // Fall back to scanning default slot children for <PathStep> with matching id
+    const defaultChildren = slots.default?.();
+    if (!defaultChildren)
+        return null;
+    for (const child of defaultChildren) {
+        if (child &&
+            typeof child === "object" &&
+            "type" in child &&
+            child.type === PathStep &&
+            child.props?.id === snapshot.stepId) {
+            // Return the PathStep's own children (its default slot)
+            const stepSlots = child.children?.default;
+            if (typeof stepSlots === "function")
+                return stepSlots();
+            if (Array.isArray(child.children))
+                return child.children;
+            return null;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@daltonr/pathwrite-vue",
+  "version": "0.1.1",
+  "type": "module",
+  "license": "MIT",
+  "description": "Vue 3 adapter for @daltonr/pathwrite-core — composables with reactive refs, and optional <PathShell> default UI.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/richardadalton/pathwrite.git",
+    "directory": "packages/vue-adapter"
+  },
+  "keywords": [
+    "wizard",
+    "stepper",
+    "path",
+    "vue",
+    "vue3",
+    "composable",
+    "multi-step",
+    "workflow"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3.0"
+  },
+  "dependencies": {
+    "@daltonr/pathwrite-core": "^0.1.1"
+  },
+  "devDependencies": {
+    "@vue/test-utils": "^2.4.6",
+    "vue": "^3.5.13"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}