@valbuild/shared 0.152.0 → 0.153.0

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

@@ -27,12 +27,11 @@ var VAL_AI_SESSION_STORAGE_KEY = "val-ai-session";
 
 /**
  * A quick preview: a proposal's page, running the proposal's CLIENT code
- * built in the design tab, without a build being uploaded or served
- * (valbuild/home `docs/design-tab.md`).
+ * built in the Studio, without a build being uploaded or served.
  *
  * A full build of a proposal bundles the app for the server and the browser,
  * uploads it, and has the platform render every page before it is served --
- * minutes. Most of what the design tab changes is components and styles,
+ * minutes. Most of what the assistant changes is components and styles,
  * which the browser half alone shows. So the tab bundles the app in its
  * builder worker, and a service worker on the proposal's address hands the
  * page that bundle instead of the served one:
@@ -50,7 +49,7 @@ var VAL_AI_SESSION_STORAGE_KEY = "val-ai-session";
  * 4. It takes it over by RENDERING it, not by hydrating it. Hydration keeps
  *    the markup the server sent wherever only an attribute differs -- React
  *    mends text, never a `className` -- so a change to classes and props,
- *    which is most of what the design tab changes, hydrated into the old
+ *    which is most of what the assistant changes, hydrated into the old
  *    page and showed nothing. The worker adds a script to the end of that
  *    document's `<body>` ({@link QUICK_PREVIEW_RENDER_SCRIPT}) that takes the
  *    server's markup out before the app's scripts run, so hydration finds
@@ -205,114 +204,6 @@ function withQuickPreviewParam(url, id) {
   return parsed.toString();
 }
 
-/**
- * The one origin allowed to send this page a quick preview: the site's, where
- * the design tab is, as this page's own Val server says it (the proposals
- * list's `siteUrl`). `null` when it does not say.
- *
- * A quick preview is code that runs on this address, so the bridge takes one
- * only from its parent, and only when that parent is the site: a page that
- * framed this one could otherwise post a script into the worker and open
- * the frame on it.
- */
-function quickPreviewSiteOrigin(_x4) {
-  return _quickPreviewSiteOrigin.apply(this, arguments);
-}
-
-/** The site's origin, as this page's server named it: asked once per page. */
-function _quickPreviewSiteOrigin() {
-  _quickPreviewSiteOrigin = createForOfIteratorHelper._asyncToGenerator(/*#__PURE__*/createForOfIteratorHelper._regenerator().m(function _callee2(api) {
-    var fetchImpl,
-      res,
-      body,
-      siteUrl,
-      _args2 = arguments;
-    return createForOfIteratorHelper._regenerator().w(function (_context2) {
-      while (1) switch (_context2.p = _context2.n) {
-        case 0:
-          fetchImpl = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : fetch;
-          _context2.n = 1;
-          return fetchImpl("".concat(api.replace(/\/+$/, ""), "/proposals-api"), {
-            credentials: "same-origin",
-            headers: {
-              Accept: "application/json"
-            }
-          });
-        case 1:
-          res = _context2.v;
-          if (res.ok) {
-            _context2.n = 2;
-            break;
-          }
-          return _context2.a(2, null);
-        case 2:
-          _context2.n = 3;
-          return res.json();
-        case 3:
-          body = _context2.v;
-          if (!(createForOfIteratorHelper._typeof(body) !== "object" || body === null || !("siteUrl" in body))) {
-            _context2.n = 4;
-            break;
-          }
-          return _context2.a(2, null);
-        case 4:
-          siteUrl = body.siteUrl;
-          if (!(typeof siteUrl !== "string")) {
-            _context2.n = 5;
-            break;
-          }
-          return _context2.a(2, null);
-        case 5:
-          _context2.p = 5;
-          return _context2.a(2, new URL(siteUrl).origin);
-        case 6:
-          _context2.p = 6;
-          _context2.v;
-          return _context2.a(2, null);
-      }
-    }, _callee2, null, [[5, 6]]);
-  }));
-  return _quickPreviewSiteOrigin.apply(this, arguments);
-}
-var siteOriginOnce = null;
-
-/**
- * Whether `origin` may ask this page for what only the design tab should
- * have -- what is on it (`readPage`), or code to run (`quickPreview`): this
- * page's own origin (the Studio's canvas), or the site's, where the design
- * tab is ({@link quickPreviewSiteOrigin}). Asked of the server once, and
- * again only while it has not said.
- */
-function isDesignTabOrigin(_x5, _x6) {
-  return _isDesignTabOrigin.apply(this, arguments);
-}
-function _isDesignTabOrigin() {
-  _isDesignTabOrigin = createForOfIteratorHelper._asyncToGenerator(/*#__PURE__*/createForOfIteratorHelper._regenerator().m(function _callee3(origin, options) {
-    var site;
-    return createForOfIteratorHelper._regenerator().w(function (_context3) {
-      while (1) switch (_context3.n) {
-        case 0:
-          if (!(origin === options.own)) {
-            _context3.n = 1;
-            break;
-          }
-          return _context3.a(2, true);
-        case 1:
-          siteOriginOnce !== null && siteOriginOnce !== void 0 ? siteOriginOnce : siteOriginOnce = quickPreviewSiteOrigin(options.api, options.fetchImpl)["catch"](function () {
-            return null;
-          });
-          _context3.n = 2;
-          return siteOriginOnce;
-        case 2:
-          site = _context3.v;
-          if (site === null) siteOriginOnce = null;
-          return _context3.a(2, site !== null && site === origin);
-      }
-    }, _callee3);
-  }));
-  return _isDesignTabOrigin.apply(this, arguments);
-}
-
 /** Marks a page load as the studio's canvas frame. */
 var VAL_CANVAS_PARAM = "val_canvas";
 
@@ -359,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";
 }
 
 /** `holdsVersions` on `ready`: absent, or a version per module path. */
@@ -422,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;
@@ -485,9 +376,9 @@ function withValCanvasParam(url) {
 /**
  * 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
- * which (valbuild/home `docs/design-tab.md`).
+ * which.
  *
- * ANY element, not only what Val marks. The design tab changes code, and the
+ * ANY element, not only what Val marks. The assistant changes code, and the
  * thing a person wants changed is as often a wrapper, a gap or a button as a
  * field -- so a field's path is extra information when there is one
  * (`valPath`), never the condition for picking.
@@ -498,9 +389,8 @@ function withValCanvasParam(url) {
  *
  * Plain DOM, nothing of React's or the Studio's, and in `shared` because
  * both halves need it: the canvas bridge (`@valbuild/next`,
- * `@valbuild/tanstack`) runs it inside the proposal's page, which is another
- * origin than the design tab and the only place the page's elements can be
- * reached; the Studio's stories run it on a page of their own. Only the
+ * `@valbuild/tanstack`) runs it inside the page, the only place the page's
+ * elements can be reached; the Studio's stories run it on a page of their own. Only the
  * `PickedElement` crosses the frame (`valCanvasProtocol.ts`).
  */
 
@@ -581,8 +471,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 = {
@@ -643,8 +540,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;
@@ -746,7 +642,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);
@@ -817,6 +715,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);
     },
@@ -1199,9 +1098,8 @@ function selectorOf(element, root) {
  * `screenshot_page`, so it can see a change it made rather than only read it
  * (`read_page` gives the words and the boxes).
  *
- * Taken HERE because nothing else can: the design tab is another origin than
- * the proposal's page in its frame, and a browser lets no page photograph a
- * frame of another origin. So the bridge renders its own document --
+ * Taken HERE, in the page: a browser lets no page photograph a frame, so
+ * the bridge renders its own document --
  * `modern-screenshot` draws the DOM, with its computed styles, fonts and
  * same-origin images, into a canvas -- and hands back a JPEG.
  *
@@ -1589,7 +1487,7 @@ exports.getPageRouterSitemapTree = getPageRouterSitemapTree;
 exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
-exports.isDesignTabOrigin = isDesignTabOrigin;
+exports.isCanvasSelectionColor = isCanvasSelectionColor;
 exports.isQuickPreviewFiles = isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
 exports.isValCanvasFrame = isValCanvasFrame;
@@ -1598,7 +1496,6 @@ exports.isValCanvasStudioMessage = isValCanvasStudioMessage;
 exports.modifierLabel = modifierLabel;
 exports.pageLocationOf = pageLocationOf;
 exports.parseRoutePattern = parseRoutePattern;
-exports.quickPreviewSiteOrigin = quickPreviewSiteOrigin;
 exports.readPageSnapshot = readPageSnapshot;
 exports.restoreScroll = restoreScroll;
 exports.screenshotPage = screenshotPage;

package/dist/{getSitemapTree-6b9024d1.cjs.prod.js → getSitemapTree-a4738117.cjs.prod.js}

@@ -27,12 +27,11 @@ var VAL_AI_SESSION_STORAGE_KEY = "val-ai-session";
 
 /**
  * A quick preview: a proposal's page, running the proposal's CLIENT code
- * built in the design tab, without a build being uploaded or served
- * (valbuild/home `docs/design-tab.md`).
+ * built in the Studio, without a build being uploaded or served.
  *
  * A full build of a proposal bundles the app for the server and the browser,
  * uploads it, and has the platform render every page before it is served --
- * minutes. Most of what the design tab changes is components and styles,
+ * minutes. Most of what the assistant changes is components and styles,
  * which the browser half alone shows. So the tab bundles the app in its
  * builder worker, and a service worker on the proposal's address hands the
  * page that bundle instead of the served one:
@@ -50,7 +49,7 @@ var VAL_AI_SESSION_STORAGE_KEY = "val-ai-session";
  * 4. It takes it over by RENDERING it, not by hydrating it. Hydration keeps
  *    the markup the server sent wherever only an attribute differs -- React
  *    mends text, never a `className` -- so a change to classes and props,
- *    which is most of what the design tab changes, hydrated into the old
+ *    which is most of what the assistant changes, hydrated into the old
  *    page and showed nothing. The worker adds a script to the end of that
  *    document's `<body>` ({@link QUICK_PREVIEW_RENDER_SCRIPT}) that takes the
  *    server's markup out before the app's scripts run, so hydration finds
@@ -205,114 +204,6 @@ function withQuickPreviewParam(url, id) {
   return parsed.toString();
 }
 
-/**
- * The one origin allowed to send this page a quick preview: the site's, where
- * the design tab is, as this page's own Val server says it (the proposals
- * list's `siteUrl`). `null` when it does not say.
- *
- * A quick preview is code that runs on this address, so the bridge takes one
- * only from its parent, and only when that parent is the site: a page that
- * framed this one could otherwise post a script into the worker and open
- * the frame on it.
- */
-function quickPreviewSiteOrigin(_x4) {
-  return _quickPreviewSiteOrigin.apply(this, arguments);
-}
-
-/** The site's origin, as this page's server named it: asked once per page. */
-function _quickPreviewSiteOrigin() {
-  _quickPreviewSiteOrigin = createForOfIteratorHelper._asyncToGenerator(/*#__PURE__*/createForOfIteratorHelper._regenerator().m(function _callee2(api) {
-    var fetchImpl,
-      res,
-      body,
-      siteUrl,
-      _args2 = arguments;
-    return createForOfIteratorHelper._regenerator().w(function (_context2) {
-      while (1) switch (_context2.p = _context2.n) {
-        case 0:
-          fetchImpl = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : fetch;
-          _context2.n = 1;
-          return fetchImpl("".concat(api.replace(/\/+$/, ""), "/proposals-api"), {
-            credentials: "same-origin",
-            headers: {
-              Accept: "application/json"
-            }
-          });
-        case 1:
-          res = _context2.v;
-          if (res.ok) {
-            _context2.n = 2;
-            break;
-          }
-          return _context2.a(2, null);
-        case 2:
-          _context2.n = 3;
-          return res.json();
-        case 3:
-          body = _context2.v;
-          if (!(createForOfIteratorHelper._typeof(body) !== "object" || body === null || !("siteUrl" in body))) {
-            _context2.n = 4;
-            break;
-          }
-          return _context2.a(2, null);
-        case 4:
-          siteUrl = body.siteUrl;
-          if (!(typeof siteUrl !== "string")) {
-            _context2.n = 5;
-            break;
-          }
-          return _context2.a(2, null);
-        case 5:
-          _context2.p = 5;
-          return _context2.a(2, new URL(siteUrl).origin);
-        case 6:
-          _context2.p = 6;
-          _context2.v;
-          return _context2.a(2, null);
-      }
-    }, _callee2, null, [[5, 6]]);
-  }));
-  return _quickPreviewSiteOrigin.apply(this, arguments);
-}
-var siteOriginOnce = null;
-
-/**
- * Whether `origin` may ask this page for what only the design tab should
- * have -- what is on it (`readPage`), or code to run (`quickPreview`): this
- * page's own origin (the Studio's canvas), or the site's, where the design
- * tab is ({@link quickPreviewSiteOrigin}). Asked of the server once, and
- * again only while it has not said.
- */
-function isDesignTabOrigin(_x5, _x6) {
-  return _isDesignTabOrigin.apply(this, arguments);
-}
-function _isDesignTabOrigin() {
-  _isDesignTabOrigin = createForOfIteratorHelper._asyncToGenerator(/*#__PURE__*/createForOfIteratorHelper._regenerator().m(function _callee3(origin, options) {
-    var site;
-    return createForOfIteratorHelper._regenerator().w(function (_context3) {
-      while (1) switch (_context3.n) {
-        case 0:
-          if (!(origin === options.own)) {
-            _context3.n = 1;
-            break;
-          }
-          return _context3.a(2, true);
-        case 1:
-          siteOriginOnce !== null && siteOriginOnce !== void 0 ? siteOriginOnce : siteOriginOnce = quickPreviewSiteOrigin(options.api, options.fetchImpl)["catch"](function () {
-            return null;
-          });
-          _context3.n = 2;
-          return siteOriginOnce;
-        case 2:
-          site = _context3.v;
-          if (site === null) siteOriginOnce = null;
-          return _context3.a(2, site !== null && site === origin);
-      }
-    }, _callee3);
-  }));
-  return _isDesignTabOrigin.apply(this, arguments);
-}
-
 /** Marks a page load as the studio's canvas frame. */
 var VAL_CANVAS_PARAM = "val_canvas";
 
@@ -359,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";
 }
 
 /** `holdsVersions` on `ready`: absent, or a version per module path. */
@@ -422,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;
@@ -485,9 +376,9 @@ function withValCanvasParam(url) {
 /**
  * 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
- * which (valbuild/home `docs/design-tab.md`).
+ * which.
  *
- * ANY element, not only what Val marks. The design tab changes code, and the
+ * ANY element, not only what Val marks. The assistant changes code, and the
  * thing a person wants changed is as often a wrapper, a gap or a button as a
  * field -- so a field's path is extra information when there is one
  * (`valPath`), never the condition for picking.
@@ -498,9 +389,8 @@ function withValCanvasParam(url) {
  *
  * Plain DOM, nothing of React's or the Studio's, and in `shared` because
  * both halves need it: the canvas bridge (`@valbuild/next`,
- * `@valbuild/tanstack`) runs it inside the proposal's page, which is another
- * origin than the design tab and the only place the page's elements can be
- * reached; the Studio's stories run it on a page of their own. Only the
+ * `@valbuild/tanstack`) runs it inside the page, the only place the page's
+ * elements can be reached; the Studio's stories run it on a page of their own. Only the
  * `PickedElement` crosses the frame (`valCanvasProtocol.ts`).
  */
 
@@ -581,8 +471,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 = {
@@ -643,8 +540,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;
@@ -746,7 +642,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);
@@ -817,6 +715,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);
     },
@@ -1199,9 +1098,8 @@ function selectorOf(element, root) {
  * `screenshot_page`, so it can see a change it made rather than only read it
  * (`read_page` gives the words and the boxes).
  *
- * Taken HERE because nothing else can: the design tab is another origin than
- * the proposal's page in its frame, and a browser lets no page photograph a
- * frame of another origin. So the bridge renders its own document --
+ * Taken HERE, in the page: a browser lets no page photograph a frame, so
+ * the bridge renders its own document --
  * `modern-screenshot` draws the DOM, with its computed styles, fonts and
  * same-origin images, into a canvas -- and hands back a JPEG.
  *
@@ -1589,7 +1487,7 @@ exports.getPageRouterSitemapTree = getPageRouterSitemapTree;
 exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
 exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
 exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
-exports.isDesignTabOrigin = isDesignTabOrigin;
+exports.isCanvasSelectionColor = isCanvasSelectionColor;
 exports.isQuickPreviewFiles = isQuickPreviewFiles;
 exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
 exports.isValCanvasFrame = isValCanvasFrame;
@@ -1598,7 +1496,6 @@ exports.isValCanvasStudioMessage = isValCanvasStudioMessage;
 exports.modifierLabel = modifierLabel;
 exports.pageLocationOf = pageLocationOf;
 exports.parseRoutePattern = parseRoutePattern;
-exports.quickPreviewSiteOrigin = quickPreviewSiteOrigin;
 exports.readPageSnapshot = readPageSnapshot;
 exports.restoreScroll = restoreScroll;
 exports.screenshotPage = screenshotPage;