@valbuild/shared 0.148.3 → 0.148.7

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @valbuild/shared
 
+## 0.148.7
+
+### Patch Changes
+
+- Updated dependencies [[`fb2eed8`](https://github.com/valbuild/val/commit/fb2eed8b51092cc2ad5c812bdf88b528913c824a)]:
+  - @valbuild/core@0.148.7
+
+## 0.148.6
+
+### Patch Changes
+
+- [#902](https://github.com/valbuild/val/pull/902) [`b580292`](https://github.com/valbuild/val/commit/b580292ac3c335b055f5ed5f18d6a12d075169c7) Thanks [@freekh](https://github.com/freekh)! - The demo has a script: `<ValApp demo={{ tours, audiences }}>`. Instead of a tour that opens by itself, the demo card asks "What brings you here?" and lists short tours for the answer, each ticked off once done. `/val?tour=<id>` starts one from a link.
+
+  A tour can start on a page of its own (`start`). A step can ask for a new page (`moveOn: { newPage }`), write any value or add one (`moveOn: { edit, value, add }`), and show the code behind what it is about (`code`).
+
 ## 0.148.3
 
 ### Patch Changes

package/dist/declarations/src/internal/demo.d.ts

@@ -1,3 +1,4 @@
+import type { JSONValue } from "@valbuild/core/patch";
 /**
  * A Val demo, as the page hands it to the Studio.
  *
@@ -28,6 +29,10 @@ export type ValDemoRuntime = {
      * `ValDemoTourStep`. Absent: the Studio's.
      */
     tour?: ValDemoTourStep[];
+    /** The demo script. See `ValDemoOptions.tours`. */
+    tours?: ValDemoTour[];
+    /** "What brings you here?". See `ValDemoOptions.audiences`. */
+    audiences?: ValDemoAudience[];
 };
 /**
  * What the site starts the demo with: `<ValApp demo={{ tour }}>`.
@@ -35,7 +40,55 @@ export type ValDemoRuntime = {
  * `demo` alone (`true`) is the same with nothing given.
  */
 export type ValDemoOptions = {
+    /**
+     * One tour, behind the demo card's Tour button, opened on a first visit.
+     * `tours` replaces it: given both, `tours` is used.
+     */
     tour?: ValDemoTourStep[];
+    /**
+     * The demo script: short tours the visitor picks from on the demo card,
+     * each ticked off once done. A tour can be started from a link too:
+     * `/val?tour=<id>`.
+     */
+    tours?: ValDemoTour[];
+    /**
+     * What the demo card asks first, "What brings you here?": each answer is a
+     * list of `tours`, by id, and the card shows the list for the answer. With
+     * two or more, the Studio adds "Show me everything", all of them in order.
+     * Absent: every tour, in the order given.
+     */
+    audiences?: ValDemoAudience[];
+};
+/** One item of the demo script. */
+export type ValDemoTour = {
+    /** Stable: the answer's list names it, and `?tour=` starts it. */
+    id: string;
+    title: string;
+    /** How long it takes, as the card says it: "30 s", "1 min". */
+    duration?: string;
+    /**
+     * Where the tour starts, as a source path: a page of the site (a page
+     * router's module and the page's key). The Studio goes there first, so a
+     * tour about the home page is not started on whatever page the last one
+     * left open.
+     */
+    start?: string;
+    steps: ValDemoTourStep[];
+};
+/**
+ * An answer to "What brings you here?".
+ *
+ * The first tour of its list is the one the card offers first, with a
+ * button of its own: the one to start with.
+ */
+export type ValDemoAudience = {
+    id: string;
+    /** "I write and edit content". */
+    title: string;
+    /** What the list has in it, in a line: "Pages, photos, languages". */
+    description?: string;
+    /** Tours by id, in order. */
+    tours: string[];
 };
 /**
  * A control of the Studio's a step can point at.
@@ -44,7 +97,7 @@ export type ValDemoOptions = {
  * screen (the rail on a phone) leaves the card on its own, so a step's words
  * must work without the arrow: never "this button here".
  */
-export type ValDemoTourTarget = "canvas" | "pages" | "media" | "data" | "review" | "preview" | "publish" | "ai" | "locale" | "demo" | "utility";
+export type ValDemoTourTarget = "canvas" | "pages" | "media" | "data" | "review" | "preview" | "publish" | "ai" | "locale" | "demo" | "utility" | "new-page";
 /** A panel a step opens, so what it is about is on screen behind the card. */
 export type ValDemoTourPanel = "pages" | "media" | "data" | "settings" | "ai";
 /**
@@ -55,8 +108,13 @@ export type ValDemoTourPanel = "pages" | "media" | "data" | "settings" | "ai";
  *
  * - `open`: a field at or below this source path is opened -- by clicking it
  *   on the page, or anywhere else. Do it for me opens it.
- * - `edit`: a change is made. Do it for me writes `value` at `path`; without
- *   them, it is offered nowhere and the step waits for the visitor.
+ * - `edit`: a change is made. Do it for me writes `value` at `path` --
+ *   replacing what is there, or with `add: true` adding it, as a new entry of
+ *   a record or a new item of a list at that index; without them, it is
+ *   offered nowhere and the step waits for the visitor.
+ * - `newPage`: a page is added. Do it for me adds the page this source path
+ *   names (a page router's module and the new page's key, `?p="/journal/x"`)
+ *   the way the New page form does, empty, and opens it.
  * - `panel`: that panel is opened. Do it for me opens it.
  * - `locale`: the language shown is changed. Do it for me picks the next one.
  */
@@ -65,7 +123,10 @@ export type ValDemoTourMoveOn = {
 } | {
     edit: true;
     path?: string;
-    value?: string;
+    value?: JSONValue;
+    add?: boolean;
+} | {
+    newPage: string;
 } | {
     panel: ValDemoTourPanel;
 } | {
@@ -99,6 +160,15 @@ export type ValDemoTourStep = {
     page?: string;
     panel?: ValDemoTourPanel;
     moveOn?: ValDemoTourMoveOn;
+    /**
+     * Code to show in the card: the line of a `.val.ts` behind what the step is
+     * about, for a visitor who builds sites. Written by the site, so it has to
+     * be kept the same as the file; `file` says which one.
+     */
+    code?: {
+        file: string;
+        text: string;
+    };
 };
 declare global {
     var __VAL_DEMO__: ValDemoRuntime | undefined;

package/internal/dist/valbuild-shared-internal.cjs.dev.js

@@ -4162,6 +4162,15 @@ function isRetryable(error) {
  * `demo` alone (`true`) is the same with nothing given.
  */
 
+/** One item of the demo script. */
+
+/**
+ * An answer to "What brings you here?".
+ *
+ * The first tour of its list is the one the card offers first, with a
+ * button of its own: the one to start with.
+ */
+
 /**
  * A control of the Studio's a step can point at.
  *
@@ -4180,8 +4189,13 @@ function isRetryable(error) {
  *
  * - `open`: a field at or below this source path is opened -- by clicking it
  *   on the page, or anywhere else. Do it for me opens it.
- * - `edit`: a change is made. Do it for me writes `value` at `path`; without
- *   them, it is offered nowhere and the step waits for the visitor.
+ * - `edit`: a change is made. Do it for me writes `value` at `path` --
+ *   replacing what is there, or with `add: true` adding it, as a new entry of
+ *   a record or a new item of a list at that index; without them, it is
+ *   offered nowhere and the step waits for the visitor.
+ * - `newPage`: a page is added. Do it for me adds the page this source path
+ *   names (a page router's module and the new page's key, `?p="/journal/x"`)
+ *   the way the New page form does, empty, and opens it.
  * - `panel`: that panel is opened. Do it for me opens it.
  * - `locale`: the language shown is changed. Do it for me picks the next one.
  */

package/internal/dist/valbuild-shared-internal.cjs.prod.js

@@ -4162,6 +4162,15 @@ function isRetryable(error) {
  * `demo` alone (`true`) is the same with nothing given.
  */
 
+/** One item of the demo script. */
+
+/**
+ * An answer to "What brings you here?".
+ *
+ * The first tour of its list is the one the card offers first, with a
+ * button of its own: the one to start with.
+ */
+
 /**
  * A control of the Studio's a step can point at.
  *
@@ -4180,8 +4189,13 @@ function isRetryable(error) {
  *
  * - `open`: a field at or below this source path is opened -- by clicking it
  *   on the page, or anywhere else. Do it for me opens it.
- * - `edit`: a change is made. Do it for me writes `value` at `path`; without
- *   them, it is offered nowhere and the step waits for the visitor.
+ * - `edit`: a change is made. Do it for me writes `value` at `path` --
+ *   replacing what is there, or with `add: true` adding it, as a new entry of
+ *   a record or a new item of a list at that index; without them, it is
+ *   offered nowhere and the step waits for the visitor.
+ * - `newPage`: a page is added. Do it for me adds the page this source path
+ *   names (a page router's module and the new page's key, `?p="/journal/x"`)
+ *   the way the New page form does, empty, and opens it.
  * - `panel`: that panel is opened. Do it for me opens it.
  * - `locale`: the language shown is changed. Do it for me picks the next one.
  */

package/internal/dist/valbuild-shared-internal.esm.js

@@ -4155,6 +4155,15 @@ function isRetryable(error) {
  * `demo` alone (`true`) is the same with nothing given.
  */
 
+/** One item of the demo script. */
+
+/**
+ * An answer to "What brings you here?".
+ *
+ * The first tour of its list is the one the card offers first, with a
+ * button of its own: the one to start with.
+ */
+
 /**
  * A control of the Studio's a step can point at.
  *
@@ -4173,8 +4182,13 @@ function isRetryable(error) {
  *
  * - `open`: a field at or below this source path is opened -- by clicking it
  *   on the page, or anywhere else. Do it for me opens it.
- * - `edit`: a change is made. Do it for me writes `value` at `path`; without
- *   them, it is offered nowhere and the step waits for the visitor.
+ * - `edit`: a change is made. Do it for me writes `value` at `path` --
+ *   replacing what is there, or with `add: true` adding it, as a new entry of
+ *   a record or a new item of a list at that index; without them, it is
+ *   offered nowhere and the step waits for the visitor.
+ * - `newPage`: a page is added. Do it for me adds the page this source path
+ *   names (a page router's module and the new page's key, `?p="/journal/x"`)
+ *   the way the New page form does, empty, and opens it.
  * - `panel`: that panel is opened. Do it for me opens it.
  * - `locale`: the language shown is changed. Do it for me picks the next one.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/shared",
-  "version": "0.148.3",
+  "version": "0.148.7",
   "private": false,
   "description": "Val shared types and utilities",
   "repository": {
@@ -37,7 +37,7 @@
     "flexsearch": "^0.8.212",
     "zod": "^4.4.3",
     "zod-validation-error": "^5.0.0",
-    "@valbuild/core": "0.148.2"
+    "@valbuild/core": "0.148.7"
   },
   "files": [
     "CHANGELOG.md",