@valbuild/shared 0.152.1 → 0.153.1

package/dist/{getSitemapTree-dc61b8b6.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 === "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. */
@@ -313,7 +313,7 @@ function isValCanvasStudioMessage(data) {
   }
   if (message.type === "pickElements") {
     var pick = data;
-    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier);
+    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier) && (pick.fieldsOnly === undefined || typeof pick.fieldsOnly === "boolean") && (pick.color === undefined || isCanvasSelectionColor(pick.color));
   }
   if (message.type === "scrollTo") {
     var scroll = data;
@@ -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
@@ -471,8 +489,15 @@ function attachElementPicker(root, options) {
   var picking = function picking(event) {
     return options.active() || held(event, options.modifier);
   };
+  var pickable = function pickable(element) {
+    var _options$fieldsOnly;
+    if (element === null || !root.contains(element)) return null;
+    if (((_options$fieldsOnly = options.fieldsOnly) === null || _options$fieldsOnly === void 0 ? void 0 : _options$fieldsOnly.call(options)) !== true) return element;
+    var field = element.closest("[data-val-path]");
+    return field !== null && root.contains(field) ? field : null;
+  };
   var target = function target(event) {
-    return event.target instanceof Element && root.contains(event.target) ? event.target : null;
+    return pickable(event.target instanceof Element ? event.target : null);
   };
   var onMove = function onMove(event) {
     last = {
@@ -533,8 +558,7 @@ function attachElementPicker(root, options) {
       return;
     }
     if (last === null) return;
-    var under = root.ownerDocument.elementFromPoint(last.x, last.y);
-    options.onHover(under !== null && root.contains(under) ? under : null);
+    options.onHover(pickable(root.ownerDocument.elementFromPoint(last.x, last.y)));
   };
   var onLeave = function onLeave() {
     last = null;
@@ -636,7 +660,9 @@ function createPickerOverlay(doc, initialColor) {
       left: "".concat(rect.left - 2, "px"),
       width: "".concat(rect.width + 4, "px"),
       height: "".concat(rect.height + 4, "px"),
-      border: "2px ".concat(kind === "hover" ? "solid" : "dashed", " ").concat(color)
+      // Dashed, both: it is what the assistant is pointed at, and the
+      // canvas's own field outlines -- Content's Select -- are solid.
+      border: "2px dashed ".concat(color)
     });
     if (kind === "hover") {
       label.textContent = elementLabel(element);
@@ -707,6 +733,7 @@ function startElementPicking(root, options) {
   var detach = attachElementPicker(root, {
     modifier: options.modifier,
     active: options.active,
+    fieldsOnly: options.fieldsOnly,
     onHover: function onHover(element) {
       return overlay.show("hover", element);
     },
@@ -1455,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;
@@ -1478,6 +1506,8 @@ exports.getPageRouterSitemapTree = getPageRouterSitemapTree;
 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-2b22cf1b.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 === "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. */
@@ -293,7 +293,7 @@ function isValCanvasStudioMessage(data) {
   }
   if (message.type === "pickElements") {
     var pick = data;
-    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier);
+    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier) && (pick.fieldsOnly === undefined || typeof pick.fieldsOnly === "boolean") && (pick.color === undefined || isCanvasSelectionColor(pick.color));
   }
   if (message.type === "scrollTo") {
     var scroll = data;
@@ -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
@@ -451,8 +469,15 @@ function attachElementPicker(root, options) {
   var picking = function picking(event) {
     return options.active() || held(event, options.modifier);
   };
+  var pickable = function pickable(element) {
+    var _options$fieldsOnly;
+    if (element === null || !root.contains(element)) return null;
+    if (((_options$fieldsOnly = options.fieldsOnly) === null || _options$fieldsOnly === void 0 ? void 0 : _options$fieldsOnly.call(options)) !== true) return element;
+    var field = element.closest("[data-val-path]");
+    return field !== null && root.contains(field) ? field : null;
+  };
   var target = function target(event) {
-    return event.target instanceof Element && root.contains(event.target) ? event.target : null;
+    return pickable(event.target instanceof Element ? event.target : null);
   };
   var onMove = function onMove(event) {
     last = {
@@ -513,8 +538,7 @@ function attachElementPicker(root, options) {
       return;
     }
     if (last === null) return;
-    var under = root.ownerDocument.elementFromPoint(last.x, last.y);
-    options.onHover(under !== null && root.contains(under) ? under : null);
+    options.onHover(pickable(root.ownerDocument.elementFromPoint(last.x, last.y)));
   };
   var onLeave = function onLeave() {
     last = null;
@@ -616,7 +640,9 @@ function createPickerOverlay(doc, initialColor) {
       left: "".concat(rect.left - 2, "px"),
       width: "".concat(rect.width + 4, "px"),
       height: "".concat(rect.height + 4, "px"),
-      border: "2px ".concat(kind === "hover" ? "solid" : "dashed", " ").concat(color)
+      // Dashed, both: it is what the assistant is pointed at, and the
+      // canvas's own field outlines -- Content's Select -- are solid.
+      border: "2px dashed ".concat(color)
     });
     if (kind === "hover") {
       label.textContent = elementLabel(element);
@@ -687,6 +713,7 @@ function startElementPicking(root, options) {
   var detach = attachElementPicker(root, {
     modifier: options.modifier,
     active: options.active,
+    fieldsOnly: options.fieldsOnly,
     onHover: function onHover(element) {
       return overlay.show("hover", element);
     },
@@ -1435,4 +1462,4 @@ function getPatternFromModuleFilePath(moduleFilePath, srcFolder) {
   .replace("/page.val.ts", "").replace("/page.val.js", "");
 }
 
-export { storeQuickPreview as A, withQuickPreviewParam as B, parseRoutePattern as C, DEFAULT_CANVAS_SELECTION as D, formatRoutePattern as E, getNextAppRouterSourceFolder as F, getTanStackRouterSourceFolder as G, getPageRouterSourceFolder as H, isTanStackRoutesFolder as I, getPageRouterSitemapTree as J, getPatternFromModuleFilePath as K, 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, isValCanvasStudioMessage as f, isValCanvasFrame as g, describeElement as h, isValCanvasPageMessage as i, attachElementPicker as j, createPickerOverlay as k, elementLabel as l, modifierLabel as m, watchPageLocation as n, readPageSnapshot as o, pageLocationOf as p, findBySelector as q, restoreScroll as r, startElementPicking as s, screenshotPage as t, QUICK_PREVIEW_SERVICE_WORKER_PATH as u, QUICK_PREVIEW_RENDER_SCRIPT as v, withValCanvasParam as w, QUICK_PREVIEW_STORE_MESSAGE as x, isQuickPreviewFiles as y, QUICK_PREVIEW_SERVICE_WORKER_SOURCE 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-d0942fca.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 === "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. */
@@ -313,7 +313,7 @@ function isValCanvasStudioMessage(data) {
   }
   if (message.type === "pickElements") {
     var pick = data;
-    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier);
+    return typeof pick.enabled === "boolean" && typeof pick.active === "boolean" && typeof pick.keepPicked === "boolean" && PICK_MODIFIERS.includes(pick.modifier) && (pick.fieldsOnly === undefined || typeof pick.fieldsOnly === "boolean") && (pick.color === undefined || isCanvasSelectionColor(pick.color));
   }
   if (message.type === "scrollTo") {
     var scroll = data;
@@ -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
@@ -471,8 +489,15 @@ function attachElementPicker(root, options) {
   var picking = function picking(event) {
     return options.active() || held(event, options.modifier);
   };
+  var pickable = function pickable(element) {
+    var _options$fieldsOnly;
+    if (element === null || !root.contains(element)) return null;
+    if (((_options$fieldsOnly = options.fieldsOnly) === null || _options$fieldsOnly === void 0 ? void 0 : _options$fieldsOnly.call(options)) !== true) return element;
+    var field = element.closest("[data-val-path]");
+    return field !== null && root.contains(field) ? field : null;
+  };
   var target = function target(event) {
-    return event.target instanceof Element && root.contains(event.target) ? event.target : null;
+    return pickable(event.target instanceof Element ? event.target : null);
   };
   var onMove = function onMove(event) {
     last = {
@@ -533,8 +558,7 @@ function attachElementPicker(root, options) {
       return;
     }
     if (last === null) return;
-    var under = root.ownerDocument.elementFromPoint(last.x, last.y);
-    options.onHover(under !== null && root.contains(under) ? under : null);
+    options.onHover(pickable(root.ownerDocument.elementFromPoint(last.x, last.y)));
   };
   var onLeave = function onLeave() {
     last = null;
@@ -636,7 +660,9 @@ function createPickerOverlay(doc, initialColor) {
       left: "".concat(rect.left - 2, "px"),
       width: "".concat(rect.width + 4, "px"),
       height: "".concat(rect.height + 4, "px"),
-      border: "2px ".concat(kind === "hover" ? "solid" : "dashed", " ").concat(color)
+      // Dashed, both: it is what the assistant is pointed at, and the
+      // canvas's own field outlines -- Content's Select -- are solid.
+      border: "2px dashed ".concat(color)
     });
     if (kind === "hover") {
       label.textContent = elementLabel(element);
@@ -707,6 +733,7 @@ function startElementPicking(root, options) {
   var detach = attachElementPicker(root, {
     modifier: options.modifier,
     active: options.active,
+    fieldsOnly: options.fieldsOnly,
     onHover: function onHover(element) {
       return overlay.show("hover", element);
     },
@@ -1455,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;
@@ -1478,6 +1506,8 @@ exports.getPageRouterSitemapTree = getPageRouterSitemapTree;
 exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
+exports.isCanvasSelectionColor = isCanvasSelectionColor;
+exports.isCodeChangedDetail = isCodeChangedDetail;
 exports.isQuickPreviewFiles = isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
 exports.isValCanvasFrame = isValCanvasFrame;