@valbuild/shared 0.150.10 → 0.150.12

package/dist/getSitemapTree-873f7266.cjs.prod.js

@@ -1,743 +0,0 @@
-'use strict';
-
-var createForOfIteratorHelper = require('./createForOfIteratorHelper-fef4fa7d.cjs.prod.js');
-var core = require('@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 (createForOfIteratorHelper._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 (createForOfIteratorHelper._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 (createForOfIteratorHelper._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 createForOfIteratorHelper._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(createForOfIteratorHelper._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._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("/")) {
-          core.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 = core.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 = core.Internal.joinModuleFilePathAndModulePath(moduleFilePath, "\"".concat(fullPath, "\""));
-          var node = hasChildren ? createForOfIteratorHelper._objectSpread2(createForOfIteratorHelper._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 = core.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", "");
-}
-
-exports.DEFAULT_CANVAS_SELECTION = DEFAULT_CANVAS_SELECTION;
-exports.DEFAULT_CANVAS_SELECTION_SOFT = DEFAULT_CANVAS_SELECTION_SOFT;
-exports.VAL_AI_SESSION_STORAGE_KEY = VAL_AI_SESSION_STORAGE_KEY;
-exports.VAL_CANVAS_MESSAGE = VAL_CANVAS_MESSAGE;
-exports.VAL_CANVAS_PARAM = VAL_CANVAS_PARAM;
-exports.VAL_CONFIG_SESSION_STORAGE_KEY = VAL_CONFIG_SESSION_STORAGE_KEY;
-exports.VAL_THEME_SESSION_STORAGE_KEY = VAL_THEME_SESSION_STORAGE_KEY;
-exports.attachElementPicker = attachElementPicker;
-exports.createPickerOverlay = createPickerOverlay;
-exports.describeElement = describeElement;
-exports.elementLabel = elementLabel;
-exports.formatRoutePattern = formatRoutePattern;
-exports.getNextAppRouterSourceFolder = getNextAppRouterSourceFolder;
-exports.getPageRouterSitemapTree = getPageRouterSitemapTree;
-exports.getPageRouterSourceFolder = getPageRouterSourceFolder;
-exports.getPatternFromModuleFilePath = getPatternFromModuleFilePath;
-exports.getTanStackRouterSourceFolder = getTanStackRouterSourceFolder;
-exports.isTanStackRoutesFolder = isTanStackRoutesFolder;
-exports.isValCanvasFrame = isValCanvasFrame;
-exports.isValCanvasPageMessage = isValCanvasPageMessage;
-exports.isValCanvasStudioMessage = isValCanvasStudioMessage;
-exports.modifierLabel = modifierLabel;
-exports.parseRoutePattern = parseRoutePattern;
-exports.startElementPicking = startElementPicking;
-exports.withValCanvasParam = withValCanvasParam;