@valbuild/shared 0.150.10 → 0.150.12

package/dist/getSitemapTree-b6161fd8.esm.js

@@ -1,717 +0,0 @@
-import { _ as _typeof, a as _objectSpread2, b as _toConsumableArray, c as _createForOfIteratorHelper } from './createForOfIteratorHelper-666a6d17.esm.js';
-import { Internal, tanStackSegmentsOfRoutePath } from '@valbuild/core';
-
-var VAL_CONFIG_SESSION_STORAGE_KEY = "val-config";
-var VAL_THEME_SESSION_STORAGE_KEY = "val-theme";
-var VAL_AI_SESSION_STORAGE_KEY = "val-ai-session";
-
-/**
- * The protocol between the studio's canvas and the page inside it.
- *
- * The canvas shows the running site in a frame. That frame is a different
- * document — the customer's app, rendered by their components — so the studio
- * cannot reach into it, and it cannot reach out. Everything they say to each
- * other goes through `postMessage`, and this is the vocabulary.
- *
- * It lives in `shared` because both halves have to agree on it: the page half
- * ships in `@valbuild/next`, the studio half in `@valbuild/ui`, and a message
- * shape defined twice is a message shape that will differ once.
- *
- * ## Why a query parameter turns it on
- *
- * The frame has to render the page as Val sees it — draft content, with
- * `data-val-path` on every element Val tracks — while *not* showing Val's own
- * overlay, because the studio is already the UI. Nothing about the cookies can
- * express that: they are per-origin, and the studio and the page share an
- * origin, so a cookie would change the customer's own tabs too. A parameter on
- * the frame's URL is scoped to exactly the one document that needs it.
- */
-
-/** Marks a page load as the studio's canvas frame. */
-var VAL_CANVAS_PARAM = "val_canvas";
-
-/**
- * Every message is tagged with this, and the tag is checked on receipt.
- *
- * A window receives messages from anything that has a handle on it —
- * extensions, embeds, other frames — and `event.data` is whatever they chose to
- * send. Checking a discriminator before reading anything else is what keeps a
- * stray message from being read as a canvas instruction.
- */
-var VAL_CANVAS_MESSAGE = "val-canvas";
-
-/** One element on the page that Val has a path for. */
-
-/**
- * The colours Val outlines the page's content in, when nobody has said
- * otherwise.
- *
- * They mirror `--bg-page-selection` and `--bg-page-selection-soft` in
- * `packages/ui/spa/index.css`, and they are literals here because the page the
- * bridge runs in has none of Val's stylesheet — no `:host`, no tokens, nothing
- * to inherit. A CSS custom property genuinely cannot reach across that
- * boundary, which is why the colours are SENT (see the `theme` message below)
- * rather than derived.
- *
- * They live beside the protocol rather than with the theme code on purpose:
- * `@valbuild/shared/client` is what the bridge imports, and it exists to keep
- * production bundles small (see the docblock on that entrypoint). Two strings
- * cost nothing; the accent generator that produces the non-default values is
- * ~350 lines of colour maths that no visitor to a Val site should download.
- *
- * `canvasSelectionDefaults.test.ts` holds them equal to the stylesheet.
- */
-var DEFAULT_CANVAS_SELECTION = "#079455";
-var DEFAULT_CANVAS_SELECTION_SOFT = "rgba(7, 148, 85, 0.4)";
-
-/** What the page tells the studio. */
-
-/** What the studio tells the page. */
-
-/** Narrow an unknown `event.data` to a message from the page. */
-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" || message.type === "elements" || message.type === "clicked" || message.type === "pinch" || message.type === "zoom" || message.type === "refreshing" || message.type === "elementPickingStopped" || message.type === "elementPicked" && isPickedElement(data.element);
-}
-function isPickedElement(value) {
-  if (_typeof(value) !== "object" || value === null) return false;
-  var element = value;
-  return typeof element.tag === "string" && typeof element.text === "string" && typeof element.selector === "string" && Array.isArray(element.classes) && element.classes.every(function (item) {
-    return typeof item === "string";
-  }) && (element.valPath === undefined || typeof element.valPath === "string");
-}
-var PICK_MODIFIERS = ["alt", "meta", "shift", "ctrl"];
-
-/**
- * Whether a value is a colour a `theme` message may carry.
- *
- * A whitelist rather than an escape, and the reason is where these two strings
- * end up: the bridge writes them into a `<style>` element in the CUSTOMER's
- * document with `dangerouslySetInnerHTML`, so a value containing `</style>` is
- * a script tag away from running in someone else's page. A page can be
- * `postMessage`d by any window holding a handle on it, and this guard is the
- * only thing between such a message and that sink.
- *
- * The two shapes are exactly what `themeCustomProperties` produces — a hex, and
- * the `rgba()` it derives the soft outline as. Narrowing the contract is easier
- * to keep true than sanitising an open one, and a forged message that passes
- * this can do no more than pick a different colour.
- */
-var CANVAS_SELECTION_COLOR = /^(?:#[0-9a-f]{3,8}|rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(?:,\s*(?:0|1|0?\.\d+)\s*)?\))$/i;
-function isCanvasSelectionColor(value) {
-  return typeof value === "string" && CANVAS_SELECTION_COLOR.test(value);
-}
-
-/** Narrow an unknown `event.data` to a message from the studio. */
-function isValCanvasStudioMessage(data) {
-  if (_typeof(data) !== "object" || data === null) return false;
-  var message = data;
-  if (message.val !== VAL_CANVAS_MESSAGE) return false;
-  if (message.type === "theme") {
-    // Checked here and not in the bridge: a rejected message is never applied
-    // at all, and there is one guard rather than one per framework binding.
-    return isCanvasSelectionColor(message.selection) && isCanvasSelectionColor(message.selectionSoft);
-  }
-  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 message.type === "rescan" || message.type === "highlight" || message.type === "setPicking" || message.type === "sourceUpdate" || message.type === "sourcesSynced";
-}
-
-/**
- * Whether this document is showing in the studio's canvas frame.
- *
- * The parameter marks the document the studio LOADED, and that is not always
- * the document the frame ends up holding. A frame navigates on its own: a site
- * with a login of its own redirects a signed-out canvas to its sign-in page,
- * and the sign-in sends it back to wherever the site chooses. Each of those is
- * a new document without the parameter, and it used to render Val's whole
- * overlay inside the canvas — a studio in the studio, which never told the
- * canvas it was there, so the canvas never went live again until reloaded.
- *
- * So where the frame SITS answers too: a document whose parent is the studio
- * is in the canvas, whatever its own address says. `parentPathname` is that
- * parent's path: `null` for a top-level document, and for a parent on another
- * origin, whose `location` cannot be read and which is not the studio anyway.
- */
-function isValCanvasFrame(search) {
-  var parentPathname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  if (parentPathname !== null && isValStudioPathname(parentPathname)) {
-    return true;
-  }
-  try {
-    return new URLSearchParams(search).get(VAL_CANVAS_PARAM) !== null;
-  } catch (_unused) {
-    return false;
-  }
-}
-
-/** Whether a path is the studio's own route, where the canvas lives. */
-function isValStudioPathname(pathname) {
-  return pathname === "/val" || pathname.startsWith("/val/");
-}
-
-/** Add the canvas marker to a page URL. */
-function withValCanvasParam(url) {
-  var separator = url.includes("?") ? "&" : "?";
-  return "".concat(url).concat(separator).concat(VAL_CANVAS_PARAM, "=1");
-}
-
-/**
- * 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`).
- *
- * ANY element, not only what Val marks. The design tab 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.
- *
- * Picking is on while a MODIFIER is held, so the page stays a page: links
- * follow, menus open, and nothing has to be switched back off. `active`
- * turns it on without one, for a Select button or a touch screen.
- *
- * 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
- * `PickedElement` crosses the frame (`valCanvasProtocol.ts`).
- */
-
-var TEXT_LENGTH = 80;
-var CLASSES = 6;
-function describeElement(element, root) {
-  var _element$textContent, _element$closest$getA, _element$closest;
-  var text = ((_element$textContent = element.textContent) !== null && _element$textContent !== void 0 ? _element$textContent : "").replace(/\s+/g, " ").trim();
-  var valPath = (_element$closest$getA = (_element$closest = element.closest("[data-val-path]")) === null || _element$closest === void 0 ? void 0 : _element$closest.getAttribute("data-val-path")) !== null && _element$closest$getA !== void 0 ? _element$closest$getA : undefined;
-  return _objectSpread2({
-    tag: element.tagName.toLowerCase(),
-    text: text.length > TEXT_LENGTH ? "".concat(text.slice(0, TEXT_LENGTH - 1), "\u2026") : text,
-    classes: Array.from(element.classList).slice(0, CLASSES),
-    selector: selectorOf(element, root)
-  }, valPath !== undefined ? {
-    valPath: valPath
-  } : {});
-}
-function selectorOf(element, root) {
-  var parts = [];
-  var at = element;
-  while (at !== null && at !== root) {
-    var tag = at.tagName.toLowerCase();
-    if (at.id !== "") {
-      parts.unshift("".concat(tag, "#").concat(at.id));
-      break;
-    }
-    var parent = at.parentElement;
-    var same = parent === null ? [] : Array.from(parent.children).filter(function (sibling) {
-      var _at;
-      return sibling.tagName === ((_at = at) === null || _at === void 0 ? void 0 : _at.tagName);
-    });
-    parts.unshift(same.length > 1 ? "".concat(tag, ":nth-of-type(").concat(same.indexOf(at) + 1, ")") : tag);
-    at = parent;
-  }
-  return parts.join(" > ");
-}
-
-/** What a person is told to hold, on their own keyboard. */
-function modifierLabel(modifier, mac) {
-  switch (modifier) {
-    case "alt":
-      return mac ? "⌥" : "Alt";
-    case "meta":
-      return mac ? "⌘" : "Win";
-    case "shift":
-      return mac ? "⇧" : "Shift";
-    case "ctrl":
-      return mac ? "⌃" : "Ctrl";
-  }
-}
-function held(event, modifier) {
-  switch (modifier) {
-    case "alt":
-      return event.altKey;
-    case "meta":
-      return event.metaKey;
-    case "shift":
-      return event.shiftKey;
-    case "ctrl":
-      return event.ctrlKey;
-  }
-}
-/**
- * Listens on `root` (capturing, so the page's own handlers never see a pick)
- * and returns what stops it.
- */
-function attachElementPicker(root, options) {
-  var win = root.ownerDocument.defaultView;
-  var last = null;
-  var picking = function picking(event) {
-    return options.active() || held(event, options.modifier);
-  };
-  var target = function target(event) {
-    return event.target instanceof Element && root.contains(event.target) ? event.target : null;
-  };
-  var onMove = function onMove(event) {
-    last = {
-      x: event.clientX,
-      y: event.clientY
-    };
-    options.onHover(picking(event) ? target(event) : null);
-  };
-  var onClick = function onClick(event) {
-    if (!picking(event)) return;
-    var element = target(event);
-    if (element === null) return;
-    event.preventDefault();
-    event.stopPropagation();
-    options.onPick(element);
-  };
-  // Pressing the modifier with the pointer still: outline what is under it
-  // now, rather than after the next move.
-  var onKey = function onKey(event) {
-    if (!picking(event)) {
-      options.onHover(null);
-      return;
-    }
-    if (last === null) return;
-    var under = root.ownerDocument.elementFromPoint(last.x, last.y);
-    options.onHover(under !== null && root.contains(under) ? under : null);
-  };
-  var onLeave = function onLeave() {
-    last = null;
-    options.onHover(null);
-  };
-  root.addEventListener("mousemove", onMove, true);
-  root.addEventListener("click", onClick, true);
-  root.addEventListener("mouseleave", onLeave);
-  win === null || win === void 0 || win.addEventListener("keydown", onKey, true);
-  win === null || win === void 0 || win.addEventListener("keyup", onKey, true);
-  return function () {
-    root.removeEventListener("mousemove", onMove, true);
-    root.removeEventListener("click", onClick, true);
-    root.removeEventListener("mouseleave", onLeave);
-    win === null || win === void 0 || win.removeEventListener("keydown", onKey, true);
-    win === null || win === void 0 || win.removeEventListener("keyup", onKey, true);
-  };
-}
-
-/**
- * The outlines over the page while picking: the element under the pointer,
- * named, and the one picked.
- *
- * Boxes `position: fixed` on top of everything, with `pointer-events: none`,
- * appended to the page's body -- not outlines on the elements themselves.
- * The canvas's field outlines are a stylesheet so they cannot disturb the
- * page's layout (`ValCanvasBridge`); a fixed box is out of the flow, so it
- * cannot either, and it is the one way to put a NAME beside any element, which
- * a selector cannot reach.
- *
- * In a shadow root of one host element: the bridge re-measures the page on
- * every `style` change under `body`, and a box that follows the pointer
- * changes its style every frame. Inside a shadow root those changes are not
- * the page's, so the host's one insertion is all the bridge sees.
- */
-
-var TOP = "2147483647";
-function createPickerOverlay(doc, initialColor) {
-  var color = initialColor;
-  var shown = {
-    hover: null,
-    picked: null
-  };
-  var host = doc.createElement("div");
-  host.setAttribute("data-val-picker", "");
-  var shadow = host.attachShadow({
-    mode: "open"
-  });
-  doc.body.appendChild(host);
-  var box = function box(kind) {
-    var el = doc.createElement("div");
-    el.setAttribute("data-kind", kind);
-    Object.assign(el.style, {
-      position: "fixed",
-      pointerEvents: "none",
-      zIndex: TOP,
-      boxSizing: "border-box",
-      display: "none"
-    });
-    shadow.appendChild(el);
-    return el;
-  };
-  var boxes = {
-    hover: box("hover"),
-    picked: box("picked")
-  };
-  var label = doc.createElement("span");
-  Object.assign(label.style, {
-    position: "absolute",
-    left: "-2px",
-    padding: "1px 4px",
-    borderRadius: "2px",
-    font: "500 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace",
-    color: "#fff",
-    whiteSpace: "nowrap"
-  });
-  boxes.hover.appendChild(label);
-  // The pointer says it is picking, and a link under it is not a link.
-  var cursor = doc.createElement("style");
-  cursor.textContent = "[data-val-picking] * { cursor: crosshair !important; }";
-  doc.head.appendChild(cursor);
-  var place = function place(kind) {
-    var element = shown[kind];
-    var el = boxes[kind];
-    if (element === null || !element.isConnected) {
-      el.style.display = "none";
-      return;
-    }
-    var rect = element.getBoundingClientRect();
-    Object.assign(el.style, {
-      display: "block",
-      top: "".concat(rect.top - 2, "px"),
-      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)
-    });
-    if (kind === "hover") {
-      label.textContent = elementLabel(element);
-      label.style.background = color;
-      // Above the box, unless that is off the top of the window.
-      if (rect.top >= 18) {
-        label.style.top = "";
-        label.style.bottom = "100%";
-      } else {
-        label.style.bottom = "";
-        label.style.top = "100%";
-      }
-    }
-  };
-  var frame = null;
-  var win = doc.defaultView;
-  var reposition = function reposition() {
-    if (frame !== null || win === null) return;
-    frame = win.requestAnimationFrame(function () {
-      frame = null;
-      place("hover");
-      place("picked");
-    });
-  };
-  win === null || win === void 0 || win.addEventListener("scroll", reposition, true);
-  win === null || win === void 0 || win.addEventListener("resize", reposition);
-  return {
-    show: function show(kind, element) {
-      shown[kind] = element;
-      if (kind === "hover") {
-        if (element !== null) {
-          doc.documentElement.setAttribute("data-val-picking", "");
-        } else {
-          doc.documentElement.removeAttribute("data-val-picking");
-        }
-      }
-      place(kind);
-    },
-    setColor: function setColor(next) {
-      color = next;
-      place("hover");
-      place("picked");
-    },
-    destroy: function destroy() {
-      if (frame !== null) win === null || win === void 0 || win.cancelAnimationFrame(frame);
-      win === null || win === void 0 || win.removeEventListener("scroll", reposition, true);
-      win === null || win === void 0 || win.removeEventListener("resize", reposition);
-      host.remove();
-      cursor.remove();
-      doc.documentElement.removeAttribute("data-val-picking");
-    }
-  };
-}
-
-/** `h2.mb-6.text-2xl`: what the hover box is named. */
-function elementLabel(element) {
-  var classes = Array.from(element.classList).slice(0, 2);
-  return [element.tagName.toLowerCase()].concat(_toConsumableArray(classes)).join(".");
-}
-/**
- * Picking on a page, whole: the listeners, the outlines, and Esc to stop
- * picking without the modifier. What a canvas bridge mounts.
- */
-function startElementPicking(root, options) {
-  var _doc$defaultView;
-  var doc = root.ownerDocument;
-  var overlay = createPickerOverlay(doc, options.color);
-  var detach = attachElementPicker(root, {
-    modifier: options.modifier,
-    active: options.active,
-    onHover: function onHover(element) {
-      return overlay.show("hover", element);
-    },
-    onPick: function onPick(element) {
-      overlay.show("hover", null);
-      overlay.show("picked", element);
-      options.onPick(describeElement(element, root));
-    }
-  });
-  var onKey = function onKey(event) {
-    if (event.key === "Escape" && options.active()) options.onStop();
-  };
-  (_doc$defaultView = doc.defaultView) === null || _doc$defaultView === void 0 || _doc$defaultView.addEventListener("keydown", onKey);
-  return {
-    clearPicked: function clearPicked() {
-      return overlay.show("picked", null);
-    },
-    setColor: overlay.setColor,
-    stop: function stop() {
-      var _doc$defaultView2;
-      (_doc$defaultView2 = doc.defaultView) === null || _doc$defaultView2 === void 0 || _doc$defaultView2.removeEventListener("keydown", onKey);
-      detach();
-      overlay.destroy();
-    }
-  };
-}
-
-function parseRoutePattern(pattern) {
-  if (pattern === "" || pattern === "/") {
-    return [];
-  }
-  var p = pattern.startsWith("/") ? pattern.slice(1) : pattern;
-  return p.split("/").map(function (part) {
-    var isOptionalParam = part.startsWith("[[") && part.endsWith("]]");
-    var isNonOptionalParam = part.startsWith("[") && part.endsWith("]");
-    var nameStart = isOptionalParam ? 2 : isNonOptionalParam ? 1 : 0;
-    var nameEnd = part.indexOf("]", nameStart);
-    var isArrayParam = part.slice(nameStart, nameStart + 3) === "...";
-    var paramName = part.slice(nameStart + (isArrayParam ? 3 : 0), nameEnd);
-    if (isOptionalParam || isNonOptionalParam) {
-      if (isArrayParam) {
-        return {
-          type: "array-param",
-          paramName: paramName,
-          optional: isOptionalParam
-        };
-      } else {
-        return {
-          type: "string-param",
-          paramName: paramName,
-          optional: isOptionalParam
-        };
-      }
-    }
-    return {
-      type: "literal",
-      name: part
-    };
-  });
-}
-
-/**
- * A parsed pattern written back as segments: the inverse of
- * {@link parseRoutePattern}, in the vocabulary core's `matchRoutePattern`
- * reads.
- */
-function formatRoutePattern(pattern) {
-  return pattern.map(function (part) {
-    if (part.type === "literal") {
-      return part.name;
-    }
-    var inner = part.type === "string-param" ? part.paramName : "...".concat(part.paramName);
-    return part.optional ? "[[".concat(inner, "]]") : "[".concat(inner, "]");
-  });
-}
-
-function getNextAppRouterSourceFolder(moduleFilePath) {
-  if (moduleFilePath.startsWith("/app")) {
-    return "/app";
-  } else if (moduleFilePath.startsWith("/src/app")) {
-    return "/src/app";
-  }
-  return null;
-}
-
-/**
- * The folder a TanStack Router app keeps its route files in.
- *
- * The same question as above for the other convention: `routes/` at the project
- * root, or under `src/`. A Val module for a route lives beside the route file
- * and is named the same way, so this is the prefix to strip before reading the
- * route pattern out of the rest.
- */
-function getTanStackRouterSourceFolder(moduleFilePath) {
-  if (moduleFilePath.startsWith("/routes/")) {
-    return "/routes";
-  } else if (moduleFilePath.startsWith("/src/routes/")) {
-    return "/src/routes";
-  }
-  return null;
-}
-
-/**
- * The route folder of whichever page router this module belongs to.
- *
- * The two conventions have disjoint prefixes — `app/` versus `routes/` — so a
- * module file path answers this on its own, which is what the Studio needs: it
- * walks every schema in the project and has no framework to ask.
- */
-function getPageRouterSourceFolder(moduleFilePath) {
-  var _getNextAppRouterSour;
-  return (_getNextAppRouterSour = getNextAppRouterSourceFolder(moduleFilePath)) !== null && _getNextAppRouterSour !== void 0 ? _getNextAppRouterSour : getTanStackRouterSourceFolder(moduleFilePath);
-}
-
-/**
- * Whether a route folder is a TanStack Router one.
- *
- * Exported so the pattern derivation and the source-folder detection cannot
- * drift apart about what `/src/routes` means.
- */
-function isTanStackRoutesFolder(srcFolder) {
-  return srcFolder === "/routes" || srcFolder === "/src/routes";
-}
-
-// Strictly speaking this should be in the framework packages but it's shared,
-// because we want to use it in the ui package. We want to resolve that somehow.
-//
-// It is one function for both page routers because the tree it builds is made
-// of URL paths, which is the same thing in either: only `srcFolder` and the
-// pattern derivation differ, and both of those are arguments (or the one call
-// below).
-function getPageRouterSitemapTree(srcFolder, paths) {
-  var root = {
-    type: "node",
-    name: "/",
-    children: []
-  };
-  var _iterator = _createForOfIteratorHelper(paths),
-    _step;
-  try {
-    var _loop = function _loop() {
-        var path = _step.value;
-        var urlPath = path.urlPath,
-          moduleFilePathS = path.moduleFilePath;
-        var moduleFilePath = moduleFilePathS;
-        if (!urlPath.startsWith("/")) {
-          Internal.log.error("urlPath must start with /: ".concat(urlPath));
-          return 0; // continue
-        }
-        var pattern = getPatternFromModuleFilePath(moduleFilePath, srcFolder);
-        if (urlPath === "/") {
-          var fullPath = "/";
-          root.pattern = getPatternFromModuleFilePath(moduleFilePath, srcFolder);
-          root.page = {
-            fullPath: fullPath
-          };
-          root.sourcePath = Internal.joinModuleFilePathAndModulePath(moduleFilePath, "\"".concat(fullPath, "\""));
-          root.moduleFilePath = moduleFilePath;
-          return 0; // continue
-        }
-        var pathParts = urlPath.split("/").slice(1).filter(Boolean);
-        var currentNode = root;
-        pathParts.forEach(function (part, index) {
-          var hasChildren = index < pathParts.length - 1;
-          var isLast = index === pathParts.length - 1;
-          var fullPath = "/" + pathParts.slice(0, index + 1).join("/");
-          var sourcePath = Internal.joinModuleFilePathAndModulePath(moduleFilePath, "\"".concat(fullPath, "\""));
-          var node = hasChildren ? _objectSpread2(_objectSpread2({
-            type: "node",
-            name: part,
-            pattern: pattern,
-            moduleFilePath: moduleFilePath
-          }, isLast ? {
-            page: {
-              fullPath: fullPath
-            },
-            sourcePath: sourcePath
-          } : {}), {}, {
-            children: []
-          }) : {
-            type: "leaf",
-            name: part,
-            pattern: pattern,
-            fullPath: fullPath,
-            moduleFilePath: moduleFilePath,
-            sourcePath: sourcePath,
-            children: []
-          };
-          var existingNodeIndex = currentNode.children.findIndex(function (node) {
-            return node.name === part;
-          });
-          if (existingNodeIndex === -1) {
-            currentNode.children.push(node);
-            if (currentNode.type === "node") {
-              currentNode.isLinear = true;
-              if (currentNode.children.length > 1) {
-                delete currentNode.isLinear;
-              }
-            }
-            currentNode = node;
-          } else {
-            var existingNode = currentNode.children[existingNodeIndex];
-            if (existingNode.type === "leaf" && hasChildren) {
-              var _sourcePath = existingNode.sourcePath;
-              // convert leaf to node
-              currentNode.children[existingNodeIndex] = {
-                type: "node",
-                name: part,
-                pattern: pattern,
-                page: {
-                  fullPath: fullPath
-                },
-                sourcePath: _sourcePath,
-                children: existingNode.children,
-                moduleFilePath: moduleFilePath
-              };
-              currentNode = currentNode.children[existingNodeIndex];
-            } else if (existingNode.type === "node" && isLast) {
-              // add page, source path and module file path
-              existingNode.page = {
-                fullPath: fullPath
-              };
-              existingNode.sourcePath = sourcePath;
-              existingNode.moduleFilePath = moduleFilePath;
-              existingNode.pattern = pattern;
-            } else {
-              currentNode = currentNode.children[existingNodeIndex];
-            }
-          }
-        });
-      },
-      _ret;
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _ret = _loop();
-      if (_ret === 0) continue;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return root;
-}
-
-/**
- * The route pattern a page-router module serves, e.g. `/blogs/[blog]`.
- *
- * Written in Next's vocabulary for both routers on purpose: the pattern is read
- * by `parseRoutePattern`, the sitemap and the Studio's key inputs, none of which
- * should have to know which framework the project uses. The TanStack branch
- * translates that framework's conventions into it; see
- * `tanStackSegmentsOfRoutePath` in `@valbuild/core` for the rules.
- */
-function getPatternFromModuleFilePath(moduleFilePath, srcFolder) {
-  if (isTanStackRoutesFolder(srcFolder)) {
-    var routePath = moduleFilePath.slice(srcFolder.length).replace(/\.val\.[tj]sx?$/, "");
-    var segments = tanStackSegmentsOfRoutePath(routePath);
-    // "" rather than "/" for the root, so it matches what the Next branch
-    // returns for `/app/page.val.ts` — `parseRoutePattern` reads both as [].
-    return segments.length === 0 ? "" : "/".concat(segments.join("/"));
-  }
-  return moduleFilePath.replace(srcFolder, "")
-  // TODO: hacky!
-  // remove route groups
-  .replace(/\/\([^/]+\)/g, "") // not sure we want to do this?
-  .replace("/page.val.ts", "").replace("/page.val.js", "");
-}
-
-export { DEFAULT_CANVAS_SELECTION as D, 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, formatRoutePattern as n, getNextAppRouterSourceFolder as o, parseRoutePattern as p, getTanStackRouterSourceFolder as q, getPageRouterSourceFolder as r, startElementPicking as s, isTanStackRoutesFolder as t, getPageRouterSitemapTree as u, getPatternFromModuleFilePath as v, withValCanvasParam as w };