@valbuild/shared 0.153.0 → 0.153.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @valbuild/shared
 
+## 0.153.1
+
+### Patch Changes
+
+- [#1031](https://github.com/valbuild/val/pull/1031) [`6ec1a5d`](https://github.com/valbuild/val/commit/6ec1a5d244f0d6e064eca4135f167dfa79744f9a) Thanks [@freekh](https://github.com/freekh)! - A page no longer shows content made for code it does not have yet. When the Studio is ahead of the page (it picked up a code change first, or the browser is still running the previous build), the page keeps showing its own content for the modules whose schema changed, and says "The code changed" with a **Reload** button — in the overlay on your site, and above the page in the Studio. In local development the page usually catches up a moment later by itself, and the notice goes away without a reload.
+
+- [#1027](https://github.com/valbuild/val/pull/1027) [`b14870b`](https://github.com/valbuild/val/commit/b14870bebdc128234bb16e4ea06a0151d18c4771) Thanks [@freekh](https://github.com/freekh)! - The Sketchpad's linked text is gone, and so are its "needs code" badges.
+
+  - **Linked text is removed.** A heading or paragraph can no longer be linked to a content field (`{field: …}`), and typing in a sketchpad never changes the site's content: the sketch is a plan, and **Build** is what changes the pages. A sketch that still has a `{field: …}` from 0.152.0 shows it as plain text, and can be deleted.
+  - **No "needs code" badges.** A box of a kind the site does not have, and a new route the site has no page type for, are no longer marked. A box's kind still suggests the site's own kinds.
+  - **Narrow columns keep their shape.** In a row of several columns, a box's header stays on one line (a long kind is cut short, and shown in full on hover), and a box naming an image the project does not have says so in a few lines, with the file's name on one, instead of breaking the path over many.
+
 ## 0.153.0
 
 ### Minor Changes

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getSitemapTree = require('../../dist/getSitemapTree-32643b50.cjs.dev.js');
+var getSitemapTree = require('../../dist/getSitemapTree-09399379.cjs.dev.js');
 require('../../dist/createForOfIteratorHelper-f2d7ac6d.cjs.dev.js');
 require('@valbuild/core');
 
 
 
+exports.CODE_CHANGED_EVENT = getSitemapTree.CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = getSitemapTree.DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = getSitemapTree.DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = getSitemapTree.QUICK_PREVIEW_PARAM;
@@ -32,6 +33,7 @@ exports.getPageRouterSourceFolder = getSitemapTree.getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getSitemapTree.getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getSitemapTree.getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = getSitemapTree.isCanvasSelectionColor;
+exports.isCodeChangedDetail = getSitemapTree.isCodeChangedDetail;
 exports.isQuickPreviewFiles = getSitemapTree.isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = getSitemapTree.isTanStackRoutesFolder;
 exports.isValCanvasFrame = getSitemapTree.isValCanvasFrame;

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var getSitemapTree = require('../../dist/getSitemapTree-a4738117.cjs.prod.js');
+var getSitemapTree = require('../../dist/getSitemapTree-7ed70b4a.cjs.prod.js');
 require('../../dist/createForOfIteratorHelper-9ca2078d.cjs.prod.js');
 require('@valbuild/core');
 
 
 
+exports.CODE_CHANGED_EVENT = getSitemapTree.CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = getSitemapTree.DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = getSitemapTree.DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = getSitemapTree.QUICK_PREVIEW_PARAM;
@@ -32,6 +33,7 @@ exports.getPageRouterSourceFolder = getSitemapTree.getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getSitemapTree.getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getSitemapTree.getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = getSitemapTree.isCanvasSelectionColor;
+exports.isCodeChangedDetail = getSitemapTree.isCodeChangedDetail;
 exports.isQuickPreviewFiles = getSitemapTree.isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = getSitemapTree.isTanStackRoutesFolder;
 exports.isValCanvasFrame = getSitemapTree.isValCanvasFrame;

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

@@ -1,3 +1,3 @@
-export { D as DEFAULT_CANVAS_SELECTION, e as DEFAULT_CANVAS_SELECTION_SOFT, Q as QUICK_PREVIEW_PARAM, x as QUICK_PREVIEW_RENDER_SCRIPT, v as QUICK_PREVIEW_SERVICE_WORKER_PATH, A as QUICK_PREVIEW_SERVICE_WORKER_SOURCE, y as QUICK_PREVIEW_STORE_MESSAGE, b as VAL_AI_SESSION_STORAGE_KEY, d as VAL_CANVAS_MESSAGE, c as VAL_CANVAS_PARAM, V as VAL_CONFIG_SESSION_STORAGE_KEY, a as VAL_THEME_SESSION_STORAGE_KEY, k as attachElementPicker, l as createPickerOverlay, j as describeElement, n as elementLabel, t as findBySelector, F as formatRoutePattern, G as getNextAppRouterSourceFolder, K as getPageRouterSitemapTree, I as getPageRouterSourceFolder, L as getPatternFromModuleFilePath, H as getTanStackRouterSourceFolder, f as isCanvasSelectionColor, z as isQuickPreviewFiles, J as isTanStackRoutesFolder, h as isValCanvasFrame, i as isValCanvasPageMessage, g as isValCanvasStudioMessage, m as modifierLabel, p as pageLocationOf, E as parseRoutePattern, q as readPageSnapshot, r as restoreScroll, u as screenshotPage, s as startElementPicking, B as storeQuickPreview, o as watchPageLocation, C as withQuickPreviewParam, w as withValCanvasParam } from '../../dist/getSitemapTree-a887fed4.esm.js';
+export { C as CODE_CHANGED_EVENT, D as DEFAULT_CANVAS_SELECTION, e as DEFAULT_CANVAS_SELECTION_SOFT, Q as QUICK_PREVIEW_PARAM, y as QUICK_PREVIEW_RENDER_SCRIPT, x as QUICK_PREVIEW_SERVICE_WORKER_PATH, B as QUICK_PREVIEW_SERVICE_WORKER_SOURCE, z as QUICK_PREVIEW_STORE_MESSAGE, b as VAL_AI_SESSION_STORAGE_KEY, d as VAL_CANVAS_MESSAGE, c as VAL_CANVAS_PARAM, V as VAL_CONFIG_SESSION_STORAGE_KEY, a as VAL_THEME_SESSION_STORAGE_KEY, l as attachElementPicker, n as createPickerOverlay, k as describeElement, o as elementLabel, u as findBySelector, H as formatRoutePattern, I as getNextAppRouterSourceFolder, M as getPageRouterSitemapTree, K as getPageRouterSourceFolder, N as getPatternFromModuleFilePath, J as getTanStackRouterSourceFolder, f as isCanvasSelectionColor, j as isCodeChangedDetail, A as isQuickPreviewFiles, L as isTanStackRoutesFolder, h as isValCanvasFrame, i as isValCanvasPageMessage, g as isValCanvasStudioMessage, m as modifierLabel, p as pageLocationOf, G as parseRoutePattern, t as readPageSnapshot, r as restoreScroll, v as screenshotPage, s as startElementPicking, E as storeQuickPreview, q as watchPageLocation, F as withQuickPreviewParam, w as withValCanvasParam } from '../../dist/getSitemapTree-6d875612.esm.js';
 import '../../dist/createForOfIteratorHelper-9b80f1a2.esm.js';
 import '@valbuild/core';

package/dist/declarations/src/client/index.d.ts

@@ -16,6 +16,7 @@
  */
 export * from "../internal/sessionStorage.js";
 export * from "../internal/valCanvasProtocol.js";
+export * from "../internal/codeChangedEvent.js";
 export * from "../internal/elementPicker.js";
 export * from "../internal/pageInspection.js";
 export * from "../internal/pageScreenshot.js";

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

@@ -0,0 +1,15 @@
+import type { ModuleFilePath } from "@valbuild/core";
+/**
+ * The `val-overlay-spa` event a page sends when what it renders and what the
+ * Studio relays have stopped agreeing about the code: these modules came
+ * made with another schema than this page's build has. The on-site overlay
+ * shows it with a reload; in the Studio's canvas the bridge passes it on
+ * (`codeChanged` in `valCanvasProtocol.ts`). An empty list takes it back.
+ */
+export declare const CODE_CHANGED_EVENT = "codeChanged";
+export type CodeChangedDetail = {
+    type: typeof CODE_CHANGED_EVENT;
+    modules: ModuleFilePath[];
+};
+/** Whether a `val-overlay-spa` event's detail is a {@link CodeChangedDetail}. */
+export declare function isCodeChangedDetail(detail: unknown): detail is CodeChangedDetail;

package/dist/declarations/src/internal/content/version.d.ts

@@ -1,4 +1,4 @@
-import { type ModuleFilePath, type PatchId } from "@valbuild/core";
+import { type ModuleFilePath, type PatchId, type SelectorSource, type ValModule } from "@valbuild/core";
 import { z } from "zod";
 /**
  * What a module's content IS: the schema it is read and patched with, the
@@ -81,6 +81,15 @@ export declare function chainOf(ids: readonly PatchId[]): string;
  * (from what it holds in `SchemaStore`), so the two compare.
  */
 export declare function schemaVersionOf(serializedSchema: unknown): string;
+/**
+ * The version of the schema a reader's own code has for a module: what the
+ * readers hold relayed or drafted content's version against (`layered`'s
+ * schema rule), so content is never read with a schema it was not made for.
+ * The server readers (`fetchVal`) and the page's hooks (`useVal`) alike.
+ * Hashed once per module object, which a build makes once: a load cost, not
+ * a read cost.
+ */
+export declare function readerSchemaVersion(module: ValModule<SelectorSource>): string | null;
 /**
  * A module's base version, from its base source: what the module evaluates
  * to, or what a content version or a publish put in its place. `.jsonValues()`

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

@@ -58,3 +58,4 @@ export * from "./patchSets/selectionClosure.js";
 export * from "./patchSets/schemaTypesOfPath.js";
 export * from "./proposalMerge/trees.js";
 export * from "./selfCheck.js";
+export * from "./codeChangedEvent.js";

package/dist/declarations/src/internal/sketchpad/sketchFormat.d.ts

@@ -5,8 +5,6 @@
  * --- /about                   a route: what follows is the page at /about
  * # Our people                 text (a heading: #, ## or ###)
  * We are 40 people in Oslo.    text (a paragraph)
- * ## Hi {field: /x.val.ts?p="t"}  text linked to a content field: typing
- *                              in it writes the field
  * [image: Team photo]          placeholder: [kind] or [kind: label]
  * [hero: Roof](image: /a.jpg)  a placeholder with an image (or video) in it
  * icon hero M3 5h18v14H3z      how every [hero] box is drawn: SVG path data
@@ -62,13 +60,6 @@ export type SketchText = {
     /** 0 is a paragraph; 1-3 are headings. */
     level: 0 | 1 | 2 | 3;
     text: string;
-    /**
-     * The content field this text is linked to, as a source path
-     * (`/content/home.val.ts?p="hero"."title"`): typing in the block writes
-     * the field. Written `{field: <source path>}` at the end of the line. One
-     * block per field: a second link to the same field is not one.
-     */
-    field?: string;
 };
 export type SketchPlaceholder = {
     type: "placeholder";
@@ -109,7 +100,7 @@ export declare function parseSketch(source: string): ParsedSketch;
  * The line a text block is written as. Line breaks become spaces, and a
  * paragraph that would read as something else is kept as text with `\`.
  */
-export declare function formatSketchText(level: SketchText["level"], text: string, field?: string): string;
+export declare function formatSketchText(level: SketchText["level"], text: string): string;
 /** The line a placeholder is written as. */
 export declare function formatSketchBox(placeholder: Pick<SketchPlaceholder, "kind" | "label" | "media">): string;
 /**
@@ -122,12 +113,6 @@ export declare function formatSketchBox(placeholder: Pick<SketchPlaceholder, "ki
  * it is not on the page.
  */
 export declare function formatSketch(blocks: SketchNode[], icons: Record<string, string>): string;
-/**
- * The text of every block linked to a field, by field: what the Studio
- * writes to the content when a linked block changes. The first block wins,
- * as `formatSketch` keeps only its link.
- */
-export declare function sketchFieldTexts(blocks: SketchNode[]): Map<string, string>;
 /** The pages a sketch is about, in the order it gives them. */
 export declare function sketchRoutes(blocks: SketchNode[]): string[];
 /**

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

@@ -252,6 +252,16 @@ export type ValCanvasPageMessage = {
     type: "quickPreviewStored";
     id: string;
     error?: string;
+} | {
+    /**
+     * Modules the Studio sent made with another schema than this page's
+     * build has: the page shows its bundle's content for them instead, and
+     * the Studio says the code changed, with a reload. An empty list: the
+     * page's code caught up (`CodeChangedDetail`).
+     */
+    val: typeof VAL_CANVAS_MESSAGE;
+    type: "codeChanged";
+    modules: ModuleFilePath[];
 };
 /** What the studio tells the page. */
 export type ValCanvasStudioMessage = {

package/dist/{getSitemapTree-32643b50.cjs.dev.js → getSitemapTree-09399379.cjs.dev.js}

@@ -250,7 +250,7 @@ function isValCanvasPageMessage(data) {
   if (createForOfIteratorHelper._typeof(data) !== "object" || data === null) return false;
   var message = data;
   if (message.val !== VAL_CANVAS_MESSAGE) return false;
-  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string";
+  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string" || message.type === "codeChanged" && Array.isArray(data.modules) && isModulePathList(data.modules);
 }
 
 /** `holdsVersions` on `ready`: absent, or a version per module path. */
@@ -373,6 +373,24 @@ function withValCanvasParam(url) {
   return "".concat(url).concat(separator).concat(VAL_CANVAS_PARAM, "=1");
 }
 
+/**
+ * The `val-overlay-spa` event a page sends when what it renders and what the
+ * Studio relays have stopped agreeing about the code: these modules came
+ * made with another schema than this page's build has. The on-site overlay
+ * shows it with a reload; in the Studio's canvas the bridge passes it on
+ * (`codeChanged` in `valCanvasProtocol.ts`). An empty list takes it back.
+ */
+var CODE_CHANGED_EVENT = "codeChanged";
+/** Whether a `val-overlay-spa` event's detail is a {@link CodeChangedDetail}. */
+function isCodeChangedDetail(detail) {
+  if (createForOfIteratorHelper._typeof(detail) !== "object" || detail === null) return false;
+  if (!("type" in detail) || detail.type !== CODE_CHANGED_EVENT) return false;
+  if (!("modules" in detail) || !Array.isArray(detail.modules)) return false;
+  return detail.modules.every(function (module) {
+    return typeof module === "string" && module.startsWith("/");
+  });
+}
+
 /**
  * Pointing at anything on a page, as Lovable's picker does: hover outlines
  * the element under the pointer, a click picks it, and the assistant is told
@@ -1464,6 +1482,7 @@ function getPatternFromModuleFilePath(moduleFilePath, srcFolder) {
   .replace("/page.val.ts", "").replace("/page.val.js", "");
 }
 
+exports.CODE_CHANGED_EVENT = CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = QUICK_PREVIEW_PARAM;
@@ -1488,6 +1507,7 @@ exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = isCanvasSelectionColor;
+exports.isCodeChangedDetail = isCodeChangedDetail;
 exports.isQuickPreviewFiles = isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
 exports.isValCanvasFrame = isValCanvasFrame;

package/dist/{getSitemapTree-a887fed4.esm.js → getSitemapTree-6d875612.esm.js}

@@ -230,7 +230,7 @@ function isValCanvasPageMessage(data) {
   if (_typeof(data) !== "object" || data === null) return false;
   var message = data;
   if (message.val !== VAL_CANVAS_MESSAGE) return false;
-  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string";
+  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string" || message.type === "codeChanged" && Array.isArray(data.modules) && isModulePathList(data.modules);
 }
 
 /** `holdsVersions` on `ready`: absent, or a version per module path. */
@@ -353,6 +353,24 @@ function withValCanvasParam(url) {
   return "".concat(url).concat(separator).concat(VAL_CANVAS_PARAM, "=1");
 }
 
+/**
+ * The `val-overlay-spa` event a page sends when what it renders and what the
+ * Studio relays have stopped agreeing about the code: these modules came
+ * made with another schema than this page's build has. The on-site overlay
+ * shows it with a reload; in the Studio's canvas the bridge passes it on
+ * (`codeChanged` in `valCanvasProtocol.ts`). An empty list takes it back.
+ */
+var CODE_CHANGED_EVENT = "codeChanged";
+/** Whether a `val-overlay-spa` event's detail is a {@link CodeChangedDetail}. */
+function isCodeChangedDetail(detail) {
+  if (_typeof(detail) !== "object" || detail === null) return false;
+  if (!("type" in detail) || detail.type !== CODE_CHANGED_EVENT) return false;
+  if (!("modules" in detail) || !Array.isArray(detail.modules)) return false;
+  return detail.modules.every(function (module) {
+    return typeof module === "string" && module.startsWith("/");
+  });
+}
+
 /**
  * Pointing at anything on a page, as Lovable's picker does: hover outlines
  * the element under the pointer, a click picks it, and the assistant is told
@@ -1444,4 +1462,4 @@ function getPatternFromModuleFilePath(moduleFilePath, srcFolder) {
   .replace("/page.val.ts", "").replace("/page.val.js", "");
 }
 
-export { QUICK_PREVIEW_SERVICE_WORKER_SOURCE as A, storeQuickPreview as B, withQuickPreviewParam as C, DEFAULT_CANVAS_SELECTION as D, parseRoutePattern as E, formatRoutePattern as F, getNextAppRouterSourceFolder as G, getTanStackRouterSourceFolder as H, getPageRouterSourceFolder as I, isTanStackRoutesFolder as J, getPageRouterSitemapTree as K, getPatternFromModuleFilePath as L, QUICK_PREVIEW_PARAM as Q, VAL_CONFIG_SESSION_STORAGE_KEY as V, VAL_THEME_SESSION_STORAGE_KEY as a, VAL_AI_SESSION_STORAGE_KEY as b, VAL_CANVAS_PARAM as c, VAL_CANVAS_MESSAGE as d, DEFAULT_CANVAS_SELECTION_SOFT as e, isCanvasSelectionColor as f, isValCanvasStudioMessage as g, isValCanvasFrame as h, isValCanvasPageMessage as i, describeElement as j, attachElementPicker as k, createPickerOverlay as l, modifierLabel as m, elementLabel as n, watchPageLocation as o, pageLocationOf as p, readPageSnapshot as q, restoreScroll as r, startElementPicking as s, findBySelector as t, screenshotPage as u, QUICK_PREVIEW_SERVICE_WORKER_PATH as v, withValCanvasParam as w, QUICK_PREVIEW_RENDER_SCRIPT as x, QUICK_PREVIEW_STORE_MESSAGE as y, isQuickPreviewFiles as z };
+export { isQuickPreviewFiles as A, QUICK_PREVIEW_SERVICE_WORKER_SOURCE as B, CODE_CHANGED_EVENT as C, DEFAULT_CANVAS_SELECTION as D, storeQuickPreview as E, withQuickPreviewParam as F, parseRoutePattern as G, formatRoutePattern as H, getNextAppRouterSourceFolder as I, getTanStackRouterSourceFolder as J, getPageRouterSourceFolder as K, isTanStackRoutesFolder as L, getPageRouterSitemapTree as M, getPatternFromModuleFilePath as N, QUICK_PREVIEW_PARAM as Q, VAL_CONFIG_SESSION_STORAGE_KEY as V, VAL_THEME_SESSION_STORAGE_KEY as a, VAL_AI_SESSION_STORAGE_KEY as b, VAL_CANVAS_PARAM as c, VAL_CANVAS_MESSAGE as d, DEFAULT_CANVAS_SELECTION_SOFT as e, isCanvasSelectionColor as f, isValCanvasStudioMessage as g, isValCanvasFrame as h, isValCanvasPageMessage as i, isCodeChangedDetail as j, describeElement as k, attachElementPicker as l, modifierLabel as m, createPickerOverlay as n, elementLabel as o, pageLocationOf as p, watchPageLocation as q, restoreScroll as r, startElementPicking as s, readPageSnapshot as t, findBySelector as u, screenshotPage as v, withValCanvasParam as w, QUICK_PREVIEW_SERVICE_WORKER_PATH as x, QUICK_PREVIEW_RENDER_SCRIPT as y, QUICK_PREVIEW_STORE_MESSAGE as z };

package/dist/{getSitemapTree-a4738117.cjs.prod.js → getSitemapTree-7ed70b4a.cjs.prod.js}

@@ -250,7 +250,7 @@ function isValCanvasPageMessage(data) {
   if (createForOfIteratorHelper._typeof(data) !== "object" || data === null) return false;
   var message = data;
   if (message.val !== VAL_CANVAS_MESSAGE) return false;
-  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string";
+  return message.type === "ready" && isModulePathList(data.holds) && isHeldVersions(data.holdsVersions) || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "pickingStopped" || message.type === "elementPicked" && isPickedElement(data.element) || message.type === "location" && isPageLocation(data) || message.type === "pageRead" && typeof data.requestId === "string" || message.type === "pageScreenshot" && typeof data.requestId === "string" || message.type === "quickPreviewStored" && typeof data.id === "string" || message.type === "codeChanged" && Array.isArray(data.modules) && isModulePathList(data.modules);
 }
 
 /** `holdsVersions` on `ready`: absent, or a version per module path. */
@@ -373,6 +373,24 @@ function withValCanvasParam(url) {
   return "".concat(url).concat(separator).concat(VAL_CANVAS_PARAM, "=1");
 }
 
+/**
+ * The `val-overlay-spa` event a page sends when what it renders and what the
+ * Studio relays have stopped agreeing about the code: these modules came
+ * made with another schema than this page's build has. The on-site overlay
+ * shows it with a reload; in the Studio's canvas the bridge passes it on
+ * (`codeChanged` in `valCanvasProtocol.ts`). An empty list takes it back.
+ */
+var CODE_CHANGED_EVENT = "codeChanged";
+/** Whether a `val-overlay-spa` event's detail is a {@link CodeChangedDetail}. */
+function isCodeChangedDetail(detail) {
+  if (createForOfIteratorHelper._typeof(detail) !== "object" || detail === null) return false;
+  if (!("type" in detail) || detail.type !== CODE_CHANGED_EVENT) return false;
+  if (!("modules" in detail) || !Array.isArray(detail.modules)) return false;
+  return detail.modules.every(function (module) {
+    return typeof module === "string" && module.startsWith("/");
+  });
+}
+
 /**
  * Pointing at anything on a page, as Lovable's picker does: hover outlines
  * the element under the pointer, a click picks it, and the assistant is told
@@ -1464,6 +1482,7 @@ function getPatternFromModuleFilePath(moduleFilePath, srcFolder) {
   .replace("/page.val.ts", "").replace("/page.val.js", "");
 }
 
+exports.CODE_CHANGED_EVENT = CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = QUICK_PREVIEW_PARAM;
@@ -1488,6 +1507,7 @@ exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = isCanvasSelectionColor;
+exports.isCodeChangedDetail = isCodeChangedDetail;
 exports.isQuickPreviewFiles = isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
 exports.isValCanvasFrame = isValCanvasFrame;

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

@@ -10,7 +10,7 @@ var wrapNativeSuper = require('../../dist/wrapNativeSuper-933f991e.cjs.dev.js');
 var zodValidationError = require('zod-validation-error');
 var fp = require('@valbuild/core/fp');
 var patch = require('@valbuild/core/patch');
-var getSitemapTree = require('../../dist/getSitemapTree-32643b50.cjs.dev.js');
+var getSitemapTree = require('../../dist/getSitemapTree-09399379.cjs.dev.js');
 var FlexSearch = require('flexsearch');
 var utils = require('../../dist/utils-d3d8b4b5.cjs.dev.js');
 
@@ -1351,6 +1351,24 @@ function chainOf(ids) {
 function schemaVersionOf(serializedSchema) {
   return sha256Hex("".concat(ENGINE, "\n").concat(JSON.stringify(serializedSchema)));
 }
+var readerSchemaVersions = new WeakMap();
+
+/**
+ * The version of the schema a reader's own code has for a module: what the
+ * readers hold relayed or drafted content's version against (`layered`'s
+ * schema rule), so content is never read with a schema it was not made for.
+ * The server readers (`fetchVal`) and the page's hooks (`useVal`) alike.
+ * Hashed once per module object, which a build makes once: a load cost, not
+ * a read cost.
+ */
+function readerSchemaVersion(module) {
+  var cached = readerSchemaVersions.get(module);
+  if (cached !== undefined) return cached;
+  var schema = core.Internal.getSchema(module);
+  var version = schema === undefined ? null : schemaVersionOf(schema["executeSerialize"]());
+  readerSchemaVersions.set(module, version);
+  return version;
+}
 
 /**
  * A module's base version, from its base source: what the module evaluates
@@ -8229,8 +8247,6 @@ var toolNames = ["get_all_schema", "get_source", "search_content", "validate_con
  * --- /about                   a route: what follows is the page at /about
  * # Our people                 text (a heading: #, ## or ###)
  * We are 40 people in Oslo.    text (a paragraph)
- * ## Hi {field: /x.val.ts?p="t"}  text linked to a content field: typing
- *                              in it writes the field
  * [image: Team photo]          placeholder: [kind] or [kind: label]
  * [hero: Roof](image: /a.jpg)  a placeholder with an image (or video) in it
  * icon hero M3 5h18v14H3z      how every [hero] box is drawn: SVG path data
@@ -8386,27 +8402,7 @@ function parseSketch(source) {
     errors: errors
   };
 }
-
-/** The link to a content field at the end of a text line. */
-var FIELD = / \{field: (\/[^{}]*)\}$/;
-function parseContent(whole, line, errors) {
-  var link = FIELD.exec(whole);
-  if (link) {
-    var node = parseLine(whole.slice(0, link.index), line, errors);
-    if (node.type !== "text") {
-      errors.push({
-        line: line,
-        message: "Only a heading or a paragraph is linked to a field: put {field: ...} at the end of one."
-      });
-      return node;
-    }
-    return createForOfIteratorHelper._objectSpread2(createForOfIteratorHelper._objectSpread2({}, node), {}, {
-      field: link[1].trim()
-    });
-  }
-  return parseLine(whole, line, errors);
-}
-function parseLine(content, line, errors) {
+function parseContent(content, line, errors) {
   // A leading backslash keeps a line that looks like a keyword as text.
   if (content.startsWith("\\")) {
     return {
@@ -8513,19 +8509,13 @@ function parseLine(content, line, errors) {
  * The line a text block is written as. Line breaks become spaces, and a
  * paragraph that would read as something else is kept as text with `\`.
  */
-function formatSketchText(level, text, field) {
+function formatSketchText(level, text) {
   var flat = text.replace(/\s+/g, " ").trim();
-  var path = field === null || field === void 0 ? void 0 : field.replace(/\s+/g, " ").trim();
-  // A source path, and one the line can be read back with: no braces.
-  var link = path && /^\/[^{}]*$/.test(path) ? " {field: ".concat(path, "}") : "";
   if (level > 0) {
-    return "#".repeat(level) + " " + flat + link;
+    return "#".repeat(level) + " " + flat;
   }
-  // Read as the whole line will be, link and all: `icon x M` is text, and
-  // `icon x M {field: ...}` would be an icon.
-  var whole = flat + link;
-  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(whole) || ROUTE.test(whole) || HEADING.test(whole) || ICON.test(whole);
-  return (ambiguous ? "\\" + flat : flat) + link;
+  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(flat) || ROUTE.test(flat) || HEADING.test(flat) || ICON.test(flat);
+  return ambiguous ? "\\" + flat : flat;
 }
 
 /** The line a placeholder is written as. */
@@ -8550,18 +8540,12 @@ function formatSketchBox(placeholder) {
  */
 function formatSketch(blocks, icons) {
   var lines = [];
-  // One block per field: the first keeps the link.
-  var linked = new Set();
   var _walk = function walk(node, depth, inRow) {
     var indent = "  ".repeat(depth);
     switch (node.type) {
       case "text":
         if (node.text) {
-          var field = node.field && !linked.has(node.field) ? node.field : undefined;
-          if (field) {
-            linked.add(field);
-          }
-          lines.push(indent + formatSketchText(node.level, node.text, field));
+          lines.push(indent + formatSketchText(node.level, node.text));
         }
         return;
       case "placeholder":
@@ -8606,26 +8590,6 @@ function formatSketch(blocks, icons) {
   return all.length > 0 ? all.join("\n") + "\n" : "";
 }
 
-/**
- * The text of every block linked to a field, by field: what the Studio
- * writes to the content when a linked block changes. The first block wins,
- * as `formatSketch` keeps only its link.
- */
-function sketchFieldTexts(blocks) {
-  var texts = new Map();
-  var _walk2 = function walk(node) {
-    if (node.type === "text") {
-      if (node.field && node.text && !texts.has(node.field)) {
-        texts.set(node.field, node.text.replace(/\s+/g, " ").trim());
-      }
-    } else if (node.type === "row" || node.type === "col") {
-      node.children.forEach(_walk2);
-    }
-  };
-  blocks.forEach(_walk2);
-  return texts;
-}
-
 /** The pages a sketch is about, in the order it gives them. */
 function sketchRoutes(blocks) {
   return blocks.flatMap(function (block) {
@@ -11821,6 +11785,7 @@ exports.parseStatus = projectSource.parseStatus;
 exports.parseUpdateTarget = projectSource.parseUpdateTarget;
 exports.parseVerify = projectSource.parseVerify;
 exports.publishApiOf = projectSource.publishApiOf;
+exports.CODE_CHANGED_EVENT = getSitemapTree.CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = getSitemapTree.DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = getSitemapTree.DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = getSitemapTree.QUICK_PREVIEW_PARAM;
@@ -11845,6 +11810,7 @@ exports.getPageRouterSourceFolder = getSitemapTree.getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getSitemapTree.getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getSitemapTree.getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = getSitemapTree.isCanvasSelectionColor;
+exports.isCodeChangedDetail = getSitemapTree.isCodeChangedDetail;
 exports.isQuickPreviewFiles = getSitemapTree.isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = getSitemapTree.isTanStackRoutesFolder;
 exports.isValCanvasFrame = getSitemapTree.isValCanvasFrame;
@@ -12045,6 +12011,7 @@ exports.partitionValidationErrors = partitionValidationErrors;
 exports.pathOfModuleKey = pathOfModuleKey;
 exports.performSearch = performSearch;
 exports.proposalCustomProperties = proposalCustomProperties;
+exports.readerSchemaVersion = readerSchemaVersion;
 exports.rebaseContentOp = rebaseContentOp;
 exports.relativeLuminance = relativeLuminance;
 exports.relocateForLocale = relocateForLocale;
@@ -12069,7 +12036,6 @@ exports.selfCheck = selfCheck;
 exports.shouldEncodeWithWasm = shouldEncodeWithWasm;
 exports.sideFiles = sideFiles;
 exports.sideSource = sideSource;
-exports.sketchFieldTexts = sketchFieldTexts;
 exports.sketchRoutes = sketchRoutes;
 exports.sketchTitle = sketchTitle;
 exports.sourcePathOfChild = sourcePathOfChild;

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

@@ -10,7 +10,7 @@ var wrapNativeSuper = require('../../dist/wrapNativeSuper-8673414f.cjs.prod.js')
 var zodValidationError = require('zod-validation-error');
 var fp = require('@valbuild/core/fp');
 var patch = require('@valbuild/core/patch');
-var getSitemapTree = require('../../dist/getSitemapTree-a4738117.cjs.prod.js');
+var getSitemapTree = require('../../dist/getSitemapTree-7ed70b4a.cjs.prod.js');
 var FlexSearch = require('flexsearch');
 var utils = require('../../dist/utils-32bcaca2.cjs.prod.js');
 
@@ -1351,6 +1351,24 @@ function chainOf(ids) {
 function schemaVersionOf(serializedSchema) {
   return sha256Hex("".concat(ENGINE, "\n").concat(JSON.stringify(serializedSchema)));
 }
+var readerSchemaVersions = new WeakMap();
+
+/**
+ * The version of the schema a reader's own code has for a module: what the
+ * readers hold relayed or drafted content's version against (`layered`'s
+ * schema rule), so content is never read with a schema it was not made for.
+ * The server readers (`fetchVal`) and the page's hooks (`useVal`) alike.
+ * Hashed once per module object, which a build makes once: a load cost, not
+ * a read cost.
+ */
+function readerSchemaVersion(module) {
+  var cached = readerSchemaVersions.get(module);
+  if (cached !== undefined) return cached;
+  var schema = core.Internal.getSchema(module);
+  var version = schema === undefined ? null : schemaVersionOf(schema["executeSerialize"]());
+  readerSchemaVersions.set(module, version);
+  return version;
+}
 
 /**
  * A module's base version, from its base source: what the module evaluates
@@ -8229,8 +8247,6 @@ var toolNames = ["get_all_schema", "get_source", "search_content", "validate_con
  * --- /about                   a route: what follows is the page at /about
  * # Our people                 text (a heading: #, ## or ###)
  * We are 40 people in Oslo.    text (a paragraph)
- * ## Hi {field: /x.val.ts?p="t"}  text linked to a content field: typing
- *                              in it writes the field
  * [image: Team photo]          placeholder: [kind] or [kind: label]
  * [hero: Roof](image: /a.jpg)  a placeholder with an image (or video) in it
  * icon hero M3 5h18v14H3z      how every [hero] box is drawn: SVG path data
@@ -8386,27 +8402,7 @@ function parseSketch(source) {
     errors: errors
   };
 }
-
-/** The link to a content field at the end of a text line. */
-var FIELD = / \{field: (\/[^{}]*)\}$/;
-function parseContent(whole, line, errors) {
-  var link = FIELD.exec(whole);
-  if (link) {
-    var node = parseLine(whole.slice(0, link.index), line, errors);
-    if (node.type !== "text") {
-      errors.push({
-        line: line,
-        message: "Only a heading or a paragraph is linked to a field: put {field: ...} at the end of one."
-      });
-      return node;
-    }
-    return createForOfIteratorHelper._objectSpread2(createForOfIteratorHelper._objectSpread2({}, node), {}, {
-      field: link[1].trim()
-    });
-  }
-  return parseLine(whole, line, errors);
-}
-function parseLine(content, line, errors) {
+function parseContent(content, line, errors) {
   // A leading backslash keeps a line that looks like a keyword as text.
   if (content.startsWith("\\")) {
     return {
@@ -8513,19 +8509,13 @@ function parseLine(content, line, errors) {
  * The line a text block is written as. Line breaks become spaces, and a
  * paragraph that would read as something else is kept as text with `\`.
  */
-function formatSketchText(level, text, field) {
+function formatSketchText(level, text) {
   var flat = text.replace(/\s+/g, " ").trim();
-  var path = field === null || field === void 0 ? void 0 : field.replace(/\s+/g, " ").trim();
-  // A source path, and one the line can be read back with: no braces.
-  var link = path && /^\/[^{}]*$/.test(path) ? " {field: ".concat(path, "}") : "";
   if (level > 0) {
-    return "#".repeat(level) + " " + flat + link;
+    return "#".repeat(level) + " " + flat;
   }
-  // Read as the whole line will be, link and all: `icon x M` is text, and
-  // `icon x M {field: ...}` would be an icon.
-  var whole = flat + link;
-  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(whole) || ROUTE.test(whole) || HEADING.test(whole) || ICON.test(whole);
-  return (ambiguous ? "\\" + flat : flat) + link;
+  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(flat) || ROUTE.test(flat) || HEADING.test(flat) || ICON.test(flat);
+  return ambiguous ? "\\" + flat : flat;
 }
 
 /** The line a placeholder is written as. */
@@ -8550,18 +8540,12 @@ function formatSketchBox(placeholder) {
  */
 function formatSketch(blocks, icons) {
   var lines = [];
-  // One block per field: the first keeps the link.
-  var linked = new Set();
   var _walk = function walk(node, depth, inRow) {
     var indent = "  ".repeat(depth);
     switch (node.type) {
       case "text":
         if (node.text) {
-          var field = node.field && !linked.has(node.field) ? node.field : undefined;
-          if (field) {
-            linked.add(field);
-          }
-          lines.push(indent + formatSketchText(node.level, node.text, field));
+          lines.push(indent + formatSketchText(node.level, node.text));
         }
         return;
       case "placeholder":
@@ -8606,26 +8590,6 @@ function formatSketch(blocks, icons) {
   return all.length > 0 ? all.join("\n") + "\n" : "";
 }
 
-/**
- * The text of every block linked to a field, by field: what the Studio
- * writes to the content when a linked block changes. The first block wins,
- * as `formatSketch` keeps only its link.
- */
-function sketchFieldTexts(blocks) {
-  var texts = new Map();
-  var _walk2 = function walk(node) {
-    if (node.type === "text") {
-      if (node.field && node.text && !texts.has(node.field)) {
-        texts.set(node.field, node.text.replace(/\s+/g, " ").trim());
-      }
-    } else if (node.type === "row" || node.type === "col") {
-      node.children.forEach(_walk2);
-    }
-  };
-  blocks.forEach(_walk2);
-  return texts;
-}
-
 /** The pages a sketch is about, in the order it gives them. */
 function sketchRoutes(blocks) {
   return blocks.flatMap(function (block) {
@@ -11821,6 +11785,7 @@ exports.parseStatus = projectSource.parseStatus;
 exports.parseUpdateTarget = projectSource.parseUpdateTarget;
 exports.parseVerify = projectSource.parseVerify;
 exports.publishApiOf = projectSource.publishApiOf;
+exports.CODE_CHANGED_EVENT = getSitemapTree.CODE_CHANGED_EVENT;
 exports.DEFAULT_CANVAS_SELECTION = getSitemapTree.DEFAULT_CANVAS_SELECTION;
 exports.DEFAULT_CANVAS_SELECTION_SOFT = getSitemapTree.DEFAULT_CANVAS_SELECTION_SOFT;
 exports.QUICK_PREVIEW_PARAM = getSitemapTree.QUICK_PREVIEW_PARAM;
@@ -11845,6 +11810,7 @@ exports.getPageRouterSourceFolder = getSitemapTree.getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getSitemapTree.getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getSitemapTree.getTanStackRouterSourceFolder;
 exports.isCanvasSelectionColor = getSitemapTree.isCanvasSelectionColor;
+exports.isCodeChangedDetail = getSitemapTree.isCodeChangedDetail;
 exports.isQuickPreviewFiles = getSitemapTree.isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = getSitemapTree.isTanStackRoutesFolder;
 exports.isValCanvasFrame = getSitemapTree.isValCanvasFrame;
@@ -12045,6 +12011,7 @@ exports.partitionValidationErrors = partitionValidationErrors;
 exports.pathOfModuleKey = pathOfModuleKey;
 exports.performSearch = performSearch;
 exports.proposalCustomProperties = proposalCustomProperties;
+exports.readerSchemaVersion = readerSchemaVersion;
 exports.rebaseContentOp = rebaseContentOp;
 exports.relativeLuminance = relativeLuminance;
 exports.relocateForLocale = relocateForLocale;
@@ -12069,7 +12036,6 @@ exports.selfCheck = selfCheck;
 exports.shouldEncodeWithWasm = shouldEncodeWithWasm;
 exports.sideFiles = sideFiles;
 exports.sideSource = sideSource;
-exports.sketchFieldTexts = sketchFieldTexts;
 exports.sketchRoutes = sketchRoutes;
 exports.sketchTitle = sketchTitle;
 exports.sourcePathOfChild = sourcePathOfChild;

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

@@ -7,7 +7,7 @@ import { a as _createClass, c as _classCallCheck } from '../../dist/wrapNativeSu
 import { fromError } from 'zod-validation-error';
 import { result, array } from '@valbuild/core/fp';
 import { PatchError, deepEqual, parseAndValidateArrayIndex } from '@valbuild/core/patch';
-export { D as DEFAULT_CANVAS_SELECTION, e as DEFAULT_CANVAS_SELECTION_SOFT, Q as QUICK_PREVIEW_PARAM, x as QUICK_PREVIEW_RENDER_SCRIPT, v as QUICK_PREVIEW_SERVICE_WORKER_PATH, A as QUICK_PREVIEW_SERVICE_WORKER_SOURCE, y as QUICK_PREVIEW_STORE_MESSAGE, b as VAL_AI_SESSION_STORAGE_KEY, d as VAL_CANVAS_MESSAGE, c as VAL_CANVAS_PARAM, V as VAL_CONFIG_SESSION_STORAGE_KEY, a as VAL_THEME_SESSION_STORAGE_KEY, k as attachElementPicker, l as createPickerOverlay, j as describeElement, n as elementLabel, t as findBySelector, F as formatRoutePattern, G as getNextAppRouterSourceFolder, K as getPageRouterSitemapTree, I as getPageRouterSourceFolder, L as getPatternFromModuleFilePath, H as getTanStackRouterSourceFolder, f as isCanvasSelectionColor, z as isQuickPreviewFiles, J as isTanStackRoutesFolder, h as isValCanvasFrame, i as isValCanvasPageMessage, g as isValCanvasStudioMessage, m as modifierLabel, p as pageLocationOf, E as parseRoutePattern, q as readPageSnapshot, r as restoreScroll, u as screenshotPage, s as startElementPicking, B as storeQuickPreview, o as watchPageLocation, C as withQuickPreviewParam, w as withValCanvasParam } from '../../dist/getSitemapTree-a887fed4.esm.js';
+export { C as CODE_CHANGED_EVENT, D as DEFAULT_CANVAS_SELECTION, e as DEFAULT_CANVAS_SELECTION_SOFT, Q as QUICK_PREVIEW_PARAM, y as QUICK_PREVIEW_RENDER_SCRIPT, x as QUICK_PREVIEW_SERVICE_WORKER_PATH, B as QUICK_PREVIEW_SERVICE_WORKER_SOURCE, z as QUICK_PREVIEW_STORE_MESSAGE, b as VAL_AI_SESSION_STORAGE_KEY, d as VAL_CANVAS_MESSAGE, c as VAL_CANVAS_PARAM, V as VAL_CONFIG_SESSION_STORAGE_KEY, a as VAL_THEME_SESSION_STORAGE_KEY, l as attachElementPicker, n as createPickerOverlay, k as describeElement, o as elementLabel, u as findBySelector, H as formatRoutePattern, I as getNextAppRouterSourceFolder, M as getPageRouterSitemapTree, K as getPageRouterSourceFolder, N as getPatternFromModuleFilePath, J as getTanStackRouterSourceFolder, f as isCanvasSelectionColor, j as isCodeChangedDetail, A as isQuickPreviewFiles, L as isTanStackRoutesFolder, h as isValCanvasFrame, i as isValCanvasPageMessage, g as isValCanvasStudioMessage, m as modifierLabel, p as pageLocationOf, G as parseRoutePattern, t as readPageSnapshot, r as restoreScroll, v as screenshotPage, s as startElementPicking, E as storeQuickPreview, q as watchPageLocation, F as withQuickPreviewParam, w as withValCanvasParam } from '../../dist/getSitemapTree-6d875612.esm.js';
 import FlexSearch from 'flexsearch';
 import { b as base64DataUrlToUint8Array } from '../../dist/utils-00f3e1df.esm.js';
 
@@ -1344,6 +1344,24 @@ function chainOf(ids) {
 function schemaVersionOf(serializedSchema) {
   return sha256Hex("".concat(ENGINE, "\n").concat(JSON.stringify(serializedSchema)));
 }
+var readerSchemaVersions = new WeakMap();
+
+/**
+ * The version of the schema a reader's own code has for a module: what the
+ * readers hold relayed or drafted content's version against (`layered`'s
+ * schema rule), so content is never read with a schema it was not made for.
+ * The server readers (`fetchVal`) and the page's hooks (`useVal`) alike.
+ * Hashed once per module object, which a build makes once: a load cost, not
+ * a read cost.
+ */
+function readerSchemaVersion(module) {
+  var cached = readerSchemaVersions.get(module);
+  if (cached !== undefined) return cached;
+  var schema = Internal.getSchema(module);
+  var version = schema === undefined ? null : schemaVersionOf(schema["executeSerialize"]());
+  readerSchemaVersions.set(module, version);
+  return version;
+}
 
 /**
  * A module's base version, from its base source: what the module evaluates
@@ -8222,8 +8240,6 @@ var toolNames = ["get_all_schema", "get_source", "search_content", "validate_con
  * --- /about                   a route: what follows is the page at /about
  * # Our people                 text (a heading: #, ## or ###)
  * We are 40 people in Oslo.    text (a paragraph)
- * ## Hi {field: /x.val.ts?p="t"}  text linked to a content field: typing
- *                              in it writes the field
  * [image: Team photo]          placeholder: [kind] or [kind: label]
  * [hero: Roof](image: /a.jpg)  a placeholder with an image (or video) in it
  * icon hero M3 5h18v14H3z      how every [hero] box is drawn: SVG path data
@@ -8379,27 +8395,7 @@ function parseSketch(source) {
     errors: errors
   };
 }
-
-/** The link to a content field at the end of a text line. */
-var FIELD = / \{field: (\/[^{}]*)\}$/;
-function parseContent(whole, line, errors) {
-  var link = FIELD.exec(whole);
-  if (link) {
-    var node = parseLine(whole.slice(0, link.index), line, errors);
-    if (node.type !== "text") {
-      errors.push({
-        line: line,
-        message: "Only a heading or a paragraph is linked to a field: put {field: ...} at the end of one."
-      });
-      return node;
-    }
-    return _objectSpread2(_objectSpread2({}, node), {}, {
-      field: link[1].trim()
-    });
-  }
-  return parseLine(whole, line, errors);
-}
-function parseLine(content, line, errors) {
+function parseContent(content, line, errors) {
   // A leading backslash keeps a line that looks like a keyword as text.
   if (content.startsWith("\\")) {
     return {
@@ -8506,19 +8502,13 @@ function parseLine(content, line, errors) {
  * The line a text block is written as. Line breaks become spaces, and a
  * paragraph that would read as something else is kept as text with `\`.
  */
-function formatSketchText(level, text, field) {
+function formatSketchText(level, text) {
   var flat = text.replace(/\s+/g, " ").trim();
-  var path = field === null || field === void 0 ? void 0 : field.replace(/\s+/g, " ").trim();
-  // A source path, and one the line can be read back with: no braces.
-  var link = path && /^\/[^{}]*$/.test(path) ? " {field: ".concat(path, "}") : "";
   if (level > 0) {
-    return "#".repeat(level) + " " + flat + link;
+    return "#".repeat(level) + " " + flat;
   }
-  // Read as the whole line will be, link and all: `icon x M` is text, and
-  // `icon x M {field: ...}` would be an icon.
-  var whole = flat + link;
-  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(whole) || ROUTE.test(whole) || HEADING.test(whole) || ICON.test(whole);
-  return (ambiguous ? "\\" + flat : flat) + link;
+  var ambiguous = flat.startsWith("\\") || flat.startsWith("[") || CONTAINER.test(flat) || ROUTE.test(flat) || HEADING.test(flat) || ICON.test(flat);
+  return ambiguous ? "\\" + flat : flat;
 }
 
 /** The line a placeholder is written as. */
@@ -8543,18 +8533,12 @@ function formatSketchBox(placeholder) {
  */
 function formatSketch(blocks, icons) {
   var lines = [];
-  // One block per field: the first keeps the link.
-  var linked = new Set();
   var _walk = function walk(node, depth, inRow) {
     var indent = "  ".repeat(depth);
     switch (node.type) {
       case "text":
         if (node.text) {
-          var field = node.field && !linked.has(node.field) ? node.field : undefined;
-          if (field) {
-            linked.add(field);
-          }
-          lines.push(indent + formatSketchText(node.level, node.text, field));
+          lines.push(indent + formatSketchText(node.level, node.text));
         }
         return;
       case "placeholder":
@@ -8599,26 +8583,6 @@ function formatSketch(blocks, icons) {
   return all.length > 0 ? all.join("\n") + "\n" : "";
 }
 
-/**
- * The text of every block linked to a field, by field: what the Studio
- * writes to the content when a linked block changes. The first block wins,
- * as `formatSketch` keeps only its link.
- */
-function sketchFieldTexts(blocks) {
-  var texts = new Map();
-  var _walk2 = function walk(node) {
-    if (node.type === "text") {
-      if (node.field && node.text && !texts.has(node.field)) {
-        texts.set(node.field, node.text.replace(/\s+/g, " ").trim());
-      }
-    } else if (node.type === "row" || node.type === "col") {
-      node.children.forEach(_walk2);
-    }
-  };
-  blocks.forEach(_walk2);
-  return texts;
-}
-
 /** The pages a sketch is about, in the order it gives them. */
 function sketchRoutes(blocks) {
   return blocks.flatMap(function (block) {
@@ -11794,4 +11758,4 @@ var messageOf = function messageOf(error) {
   return error instanceof Error ? error.message : String(error);
 };
 
-export { AA_LARGE, AA_TEXT, AIToolCallSummaries, AnalyticsBeacon, Api, BRAND_CONTRAST_PAIRS, BinaryFileRef, ChainFold, CodeOptions, ColorOptions, DEFAULT_ERROR_MESSAGE, DateOptions, EMPTY_CHAIN, ENCODE_DEFAULTS, ENCODE_MIME_TYPE_OF, ENGINE, FileOptions, HistoricalCommit, HistoricalModule, HistoricalPatchSet, HistoryError, ImageEncodeOption, ImageOptions, JSONValue, JSON_ENTRIES_BATCH_MAX, LOCAL_FILE_IN_REMOTE_PROJECT_HINT, LOCAL_FILE_IN_REMOTE_PROJECT_WARNING, ManifestJson, ModuleComparison, ModuleVersionSchema, NEVER_ENCODED, ParentRef$1 as ParentRef, Patch, PatchBlock, PatchId, PatchJSON, PatchSets, PlanRefusalError, ProjectVersionSchema, RAMP_STEPS, RemirrorBr, RemirrorBulletList, RemirrorHeading, RemirrorImage, RemirrorJSON, RemirrorLinkMark, RemirrorListItem, RemirrorOrderedList, RemirrorParagraph, RemirrorText, RemirrorTextMark, RestoreVerdict, RichTextOptions, SCHEMA_SOURCE_FIXES, SELF_CHECK_VERSION, SESSION_MEDIA_PREFIX, SKETCHPAD_MAX_TEXT_LENGTH, STAGED_SCHEMA_PREFIX, STUDIO_FIXES, SerializedArraySchema, SerializedBooleanSchema, SerializedCodeSchema, SerializedColorSchema, SerializedDateSchema, SerializedDateTimeSchema, SerializedDiscriminatedUnionSchema, SerializedEnumSchema, SerializedFileSchema, SerializedImageSchema, SerializedKeyOfSchema, SerializedLiteralSchema, SerializedLocaleSchema, SerializedNumberSchema, SerializedObjectSchema, SerializedRecordSchema, SerializedRichTextSchema, SerializedRouteSchema, SerializedSchema, SerializedSettingsSchema, SerializedStringSchema, SerializedValViewSchema, SerializedVideoSchema, SharedValConfig, Sketchpad, SketchpadSummary, StatManifest, VAL_CLIENT_HEADER, VAL_ENABLE_COOKIE_NAME, VAL_GREEN_RAMP, VAL_SESSION_COOKIE, VAL_STATE_COOKIE, VAL_STUDIO_HEADER, ValCommit, ValDeployment, VideoOptions, VideoStreamOption, WARNING_FIXES, WASM_ENCODED_MIME_TYPES, accentRamp, applyChain, applyPatchRecord, baseModuleContent, baseVersionOf, buildDuplicatePatch, buildEmptyAtPathPatch, buildFileRefValue, buildImageGalleryPatch, buildRemoveImageGalleryEntryPatch, buildSearchIndex, bundleTier, chainHeadOf, chainOf, checkCompatibility, checkSketch, childSource, chooseEncoded, classifyJsonValuesOp, concatModulePath, contrastRatio, createRegExpFromPattern, createSearchIndex, createValClient, declaredLocales, describeContainerAtPath, emptyOf, engineWork, entryAddress, entryState, enumLocaleTag, expandJsonValuesRootOp, expandJsonValuesRootOpForKey, explainIncompatible, extendChain, fallbackMimeType, filterBlockingValidationErrors, filterRoutesByPatterns, findSimilar, fitWithin, flattenRichText, forEachRichTextImage, formatSketch, formatSketchBox, formatSketchText, getErrorMessageFromUnknownJson, getFilenameFromRef, getInlineImgInfo, getKeyOfRecordAt, getRefParts, getRoutesOf, getRoutesWithModulePaths, getSourceAt, getValDemo, hasLocaleRouteParam, indexModule, isInsidePatchSetPath, isJsonObject, isJsonValuesRootOp, isLocaleSchema, isMimeTypeAccepted, isRemoteSchema, isRepairedOnSave, isSchemaSourceFixError, isSkippedSource, isStudioFix, isValidationWarning, isWarningFix, joinSharedChanges, keyOfRecordPath, levenshtein, localeAt, localeMeantBy, localeOfModuleRoot, localeOfRouteKey, localeParamOfRouteKey, localeScopeAt, memoryTier, moduleKey, newestCommitSha, parseModuleKey, parseSketch, partitionValidationErrors, pathOfModuleKey, performSearch, proposalCustomProperties, rebaseContentOp, relativeLuminance, relocateForLocale, remirrorToRichTextSource, removeModule, resolveEncodeSettings, resolveEntry, resolvePairGround, resolveSchemaSourceFixForError, resolveSchemaSourceFixes, resolveSerializedSchemaAtPath, richTextImageSchema, richTextToRemirror, safeParsePatch, sameEntryVersion, sameModuleVersion, schemaErrorsOf, schemaTypesOfPath, schemaVersionOf, selectionClosure, selfCheck, shouldEncodeWithWasm, sideFiles, sideSource, sketchFieldTexts, sketchRoutes, sketchTitle, sourcePathOfChild, storeWork, themeCustomProperties, tiered, toolNames, traverseSchemaSource, urlOf, valClientHeaders, valModulesEntryFile, valModulesEntryPath, validateRoutePatterns, versionHashCount, wholeEntryKey, withExtension };
+export { AA_LARGE, AA_TEXT, AIToolCallSummaries, AnalyticsBeacon, Api, BRAND_CONTRAST_PAIRS, BinaryFileRef, ChainFold, CodeOptions, ColorOptions, DEFAULT_ERROR_MESSAGE, DateOptions, EMPTY_CHAIN, ENCODE_DEFAULTS, ENCODE_MIME_TYPE_OF, ENGINE, FileOptions, HistoricalCommit, HistoricalModule, HistoricalPatchSet, HistoryError, ImageEncodeOption, ImageOptions, JSONValue, JSON_ENTRIES_BATCH_MAX, LOCAL_FILE_IN_REMOTE_PROJECT_HINT, LOCAL_FILE_IN_REMOTE_PROJECT_WARNING, ManifestJson, ModuleComparison, ModuleVersionSchema, NEVER_ENCODED, ParentRef$1 as ParentRef, Patch, PatchBlock, PatchId, PatchJSON, PatchSets, PlanRefusalError, ProjectVersionSchema, RAMP_STEPS, RemirrorBr, RemirrorBulletList, RemirrorHeading, RemirrorImage, RemirrorJSON, RemirrorLinkMark, RemirrorListItem, RemirrorOrderedList, RemirrorParagraph, RemirrorText, RemirrorTextMark, RestoreVerdict, RichTextOptions, SCHEMA_SOURCE_FIXES, SELF_CHECK_VERSION, SESSION_MEDIA_PREFIX, SKETCHPAD_MAX_TEXT_LENGTH, STAGED_SCHEMA_PREFIX, STUDIO_FIXES, SerializedArraySchema, SerializedBooleanSchema, SerializedCodeSchema, SerializedColorSchema, SerializedDateSchema, SerializedDateTimeSchema, SerializedDiscriminatedUnionSchema, SerializedEnumSchema, SerializedFileSchema, SerializedImageSchema, SerializedKeyOfSchema, SerializedLiteralSchema, SerializedLocaleSchema, SerializedNumberSchema, SerializedObjectSchema, SerializedRecordSchema, SerializedRichTextSchema, SerializedRouteSchema, SerializedSchema, SerializedSettingsSchema, SerializedStringSchema, SerializedValViewSchema, SerializedVideoSchema, SharedValConfig, Sketchpad, SketchpadSummary, StatManifest, VAL_CLIENT_HEADER, VAL_ENABLE_COOKIE_NAME, VAL_GREEN_RAMP, VAL_SESSION_COOKIE, VAL_STATE_COOKIE, VAL_STUDIO_HEADER, ValCommit, ValDeployment, VideoOptions, VideoStreamOption, WARNING_FIXES, WASM_ENCODED_MIME_TYPES, accentRamp, applyChain, applyPatchRecord, baseModuleContent, baseVersionOf, buildDuplicatePatch, buildEmptyAtPathPatch, buildFileRefValue, buildImageGalleryPatch, buildRemoveImageGalleryEntryPatch, buildSearchIndex, bundleTier, chainHeadOf, chainOf, checkCompatibility, checkSketch, childSource, chooseEncoded, classifyJsonValuesOp, concatModulePath, contrastRatio, createRegExpFromPattern, createSearchIndex, createValClient, declaredLocales, describeContainerAtPath, emptyOf, engineWork, entryAddress, entryState, enumLocaleTag, expandJsonValuesRootOp, expandJsonValuesRootOpForKey, explainIncompatible, extendChain, fallbackMimeType, filterBlockingValidationErrors, filterRoutesByPatterns, findSimilar, fitWithin, flattenRichText, forEachRichTextImage, formatSketch, formatSketchBox, formatSketchText, getErrorMessageFromUnknownJson, getFilenameFromRef, getInlineImgInfo, getKeyOfRecordAt, getRefParts, getRoutesOf, getRoutesWithModulePaths, getSourceAt, getValDemo, hasLocaleRouteParam, indexModule, isInsidePatchSetPath, isJsonObject, isJsonValuesRootOp, isLocaleSchema, isMimeTypeAccepted, isRemoteSchema, isRepairedOnSave, isSchemaSourceFixError, isSkippedSource, isStudioFix, isValidationWarning, isWarningFix, joinSharedChanges, keyOfRecordPath, levenshtein, localeAt, localeMeantBy, localeOfModuleRoot, localeOfRouteKey, localeParamOfRouteKey, localeScopeAt, memoryTier, moduleKey, newestCommitSha, parseModuleKey, parseSketch, partitionValidationErrors, pathOfModuleKey, performSearch, proposalCustomProperties, readerSchemaVersion, rebaseContentOp, relativeLuminance, relocateForLocale, remirrorToRichTextSource, removeModule, resolveEncodeSettings, resolveEntry, resolvePairGround, resolveSchemaSourceFixForError, resolveSchemaSourceFixes, resolveSerializedSchemaAtPath, richTextImageSchema, richTextToRemirror, safeParsePatch, sameEntryVersion, sameModuleVersion, schemaErrorsOf, schemaTypesOfPath, schemaVersionOf, selectionClosure, selfCheck, shouldEncodeWithWasm, sideFiles, sideSource, sketchRoutes, sketchTitle, sourcePathOfChild, storeWork, themeCustomProperties, tiered, toolNames, traverseSchemaSource, urlOf, valClientHeaders, valModulesEntryFile, valModulesEntryPath, validateRoutePatterns, versionHashCount, wholeEntryKey, withExtension };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/shared",
-  "version": "0.153.0",
+  "version": "0.153.1",
   "private": false,
   "description": "Val shared types and utilities",
   "repository": {