webstudio 0.304.0 → 0.305.0

package/lib/cli.js

@@ -52586,6 +52586,446 @@ const assetQueryResourceConfigurationPatchInput = strictObject({
   output: assetQueryResourceConfigurationInput.shape.output.removeDefault().optional(),
   content: assetQueryResourceConfigurationInput.shape.content.removeDefault().optional()
 });
+/**
+ * @remix-run/router v1.23.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function _extends$3() {
+  _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key2 in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key2)) {
+          target[key2] = source[key2];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$3.apply(this, arguments);
+}
+var Action;
+(function(Action2) {
+  Action2["Pop"] = "POP";
+  Action2["Push"] = "PUSH";
+  Action2["Replace"] = "REPLACE";
+})(Action || (Action = {}));
+function invariant$2(value2, message) {
+  if (value2 === false || value2 === null || typeof value2 === "undefined") {
+    throw new Error(message);
+  }
+}
+function warning$2(cond, message) {
+  if (!cond) {
+    if (typeof console !== "undefined") console.warn(message);
+    try {
+      throw new Error(message);
+    } catch (e2) {
+    }
+  }
+}
+function createPath$1(_ref) {
+  let {
+    pathname = "/",
+    search: search2 = "",
+    hash: hash2 = ""
+  } = _ref;
+  if (search2 && search2 !== "?") pathname += search2.charAt(0) === "?" ? search2 : "?" + search2;
+  if (hash2 && hash2 !== "#") pathname += hash2.charAt(0) === "#" ? hash2 : "#" + hash2;
+  return pathname;
+}
+function parsePath$1(path2) {
+  let parsedPath = {};
+  if (path2) {
+    let hashIndex = path2.indexOf("#");
+    if (hashIndex >= 0) {
+      parsedPath.hash = path2.substr(hashIndex);
+      path2 = path2.substr(0, hashIndex);
+    }
+    let searchIndex = path2.indexOf("?");
+    if (searchIndex >= 0) {
+      parsedPath.search = path2.substr(searchIndex);
+      path2 = path2.substr(0, searchIndex);
+    }
+    if (path2) {
+      parsedPath.pathname = path2;
+    }
+  }
+  return parsedPath;
+}
+var ResultType;
+(function(ResultType2) {
+  ResultType2["data"] = "data";
+  ResultType2["deferred"] = "deferred";
+  ResultType2["redirect"] = "redirect";
+  ResultType2["error"] = "error";
+})(ResultType || (ResultType = {}));
+function matchRoutes$1(routes, locationArg, basename2) {
+  if (basename2 === void 0) {
+    basename2 = "/";
+  }
+  return matchRoutesImpl$1(routes, locationArg, basename2);
+}
+function matchRoutesImpl$1(routes, locationArg, basename2, allowPartial) {
+  let location = typeof locationArg === "string" ? parsePath$1(locationArg) : locationArg;
+  let pathname = stripBasename$1(location.pathname || "/", basename2);
+  if (pathname == null) {
+    return null;
+  }
+  let branches = flattenRoutes$1(routes);
+  rankRouteBranches$1(branches);
+  let matches2 = null;
+  for (let i = 0; matches2 == null && i < branches.length; ++i) {
+    let decoded = decodePath$1(pathname);
+    matches2 = matchRouteBranch$1(branches[i], decoded);
+  }
+  return matches2;
+}
+function convertRouteMatchToUiMatch$1(match, loaderData) {
+  let {
+    route,
+    pathname,
+    params
+  } = match;
+  return {
+    id: route.id,
+    pathname,
+    params,
+    data: loaderData[route.id],
+    handle: route.handle
+  };
+}
+function flattenRoutes$1(routes, branches, parentsMeta, parentPath) {
+  if (branches === void 0) {
+    branches = [];
+  }
+  if (parentsMeta === void 0) {
+    parentsMeta = [];
+  }
+  if (parentPath === void 0) {
+    parentPath = "";
+  }
+  let flattenRoute = (route, index2, relativePath) => {
+    let meta2 = {
+      relativePath: relativePath === void 0 ? route.path || "" : relativePath,
+      caseSensitive: route.caseSensitive === true,
+      childrenIndex: index2,
+      route
+    };
+    if (meta2.relativePath.startsWith("/")) {
+      invariant$2(meta2.relativePath.startsWith(parentPath), 'Absolute route path "' + meta2.relativePath + '" nested under path ' + ('"' + parentPath + '" is not valid. An absolute child route path ') + "must start with the combined path of all its parent routes.");
+      meta2.relativePath = meta2.relativePath.slice(parentPath.length);
+    }
+    let path2 = joinPaths$1([parentPath, meta2.relativePath]);
+    let routesMeta = parentsMeta.concat(meta2);
+    if (route.children && route.children.length > 0) {
+      invariant$2(
+        // Our types know better, but runtime JS may not!
+        // @ts-expect-error
+        route.index !== true,
+        "Index routes must not have child routes. Please remove " + ('all child routes from route path "' + path2 + '".')
+      );
+      flattenRoutes$1(route.children, branches, routesMeta, path2);
+    }
+    if (route.path == null && !route.index) {
+      return;
+    }
+    branches.push({
+      path: path2,
+      score: computeScore$1(path2, route.index),
+      routesMeta
+    });
+  };
+  routes.forEach((route, index2) => {
+    var _route$path;
+    if (route.path === "" || !((_route$path = route.path) != null && _route$path.includes("?"))) {
+      flattenRoute(route, index2);
+    } else {
+      for (let exploded of explodeOptionalSegments$1(route.path)) {
+        flattenRoute(route, index2, exploded);
+      }
+    }
+  });
+  return branches;
+}
+function explodeOptionalSegments$1(path2) {
+  let segments = path2.split("/");
+  if (segments.length === 0) return [];
+  let [first, ...rest] = segments;
+  let isOptional = first.endsWith("?");
+  let required2 = first.replace(/\?$/, "");
+  if (rest.length === 0) {
+    return isOptional ? [required2, ""] : [required2];
+  }
+  let restExploded = explodeOptionalSegments$1(rest.join("/"));
+  let result2 = [];
+  result2.push(...restExploded.map((subpath) => subpath === "" ? required2 : [required2, subpath].join("/")));
+  if (isOptional) {
+    result2.push(...restExploded);
+  }
+  return result2.map((exploded) => path2.startsWith("/") && exploded === "" ? "/" : exploded);
+}
+function rankRouteBranches$1(branches) {
+  branches.sort((a2, b2) => a2.score !== b2.score ? b2.score - a2.score : compareIndexes$1(a2.routesMeta.map((meta2) => meta2.childrenIndex), b2.routesMeta.map((meta2) => meta2.childrenIndex)));
+}
+const paramRe$1 = /^:[\w-]+$/;
+const dynamicSegmentValue$1 = 3;
+const indexRouteValue$1 = 2;
+const emptySegmentValue$1 = 1;
+const staticSegmentValue$1 = 10;
+const splatPenalty$1 = -2;
+const isSplat$1 = (s2) => s2 === "*";
+function computeScore$1(path2, index2) {
+  let segments = path2.split("/");
+  let initialScore = segments.length;
+  if (segments.some(isSplat$1)) {
+    initialScore += splatPenalty$1;
+  }
+  if (index2) {
+    initialScore += indexRouteValue$1;
+  }
+  return segments.filter((s2) => !isSplat$1(s2)).reduce((score, segment) => score + (paramRe$1.test(segment) ? dynamicSegmentValue$1 : segment === "" ? emptySegmentValue$1 : staticSegmentValue$1), initialScore);
+}
+function compareIndexes$1(a2, b2) {
+  let siblings2 = a2.length === b2.length && a2.slice(0, -1).every((n2, i) => n2 === b2[i]);
+  return siblings2 ? (
+    // If two routes are siblings, we should try to match the earlier sibling
+    // first. This allows people to have fine-grained control over the matching
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    a2[a2.length - 1] - b2[b2.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
+}
+function matchRouteBranch$1(branch, pathname, allowPartial) {
+  let {
+    routesMeta
+  } = branch;
+  let matchedParams = {};
+  let matchedPathname = "/";
+  let matches2 = [];
+  for (let i = 0; i < routesMeta.length; ++i) {
+    let meta2 = routesMeta[i];
+    let end = i === routesMeta.length - 1;
+    let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/";
+    let match = matchPath$1({
+      path: meta2.relativePath,
+      caseSensitive: meta2.caseSensitive,
+      end
+    }, remainingPathname);
+    let route = meta2.route;
+    if (!match) {
+      return null;
+    }
+    Object.assign(matchedParams, match.params);
+    matches2.push({
+      // TODO: Can this as be avoided?
+      params: matchedParams,
+      pathname: joinPaths$1([matchedPathname, match.pathname]),
+      pathnameBase: normalizePathname$1(joinPaths$1([matchedPathname, match.pathnameBase])),
+      route
+    });
+    if (match.pathnameBase !== "/") {
+      matchedPathname = joinPaths$1([matchedPathname, match.pathnameBase]);
+    }
+  }
+  return matches2;
+}
+function matchPath$1(pattern, pathname) {
+  if (typeof pattern === "string") {
+    pattern = {
+      path: pattern,
+      caseSensitive: false,
+      end: true
+    };
+  }
+  let [matcher, compiledParams] = compilePath$1(pattern.path, pattern.caseSensitive, pattern.end);
+  let match = pathname.match(matcher);
+  if (!match) return null;
+  let matchedPathname = match[0];
+  let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1");
+  let captureGroups = match.slice(1);
+  let params = compiledParams.reduce((memo, _ref, index2) => {
+    let {
+      paramName,
+      isOptional
+    } = _ref;
+    if (paramName === "*") {
+      let splatValue = captureGroups[index2] || "";
+      pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1");
+    }
+    const value2 = captureGroups[index2];
+    if (isOptional && !value2) {
+      memo[paramName] = void 0;
+    } else {
+      memo[paramName] = (value2 || "").replace(/%2F/g, "/");
+    }
+    return memo;
+  }, {});
+  return {
+    params,
+    pathname: matchedPathname,
+    pathnameBase,
+    pattern
+  };
+}
+function compilePath$1(path2, caseSensitive, end) {
+  if (caseSensitive === void 0) {
+    caseSensitive = false;
+  }
+  if (end === void 0) {
+    end = true;
+  }
+  warning$2(path2 === "*" || !path2.endsWith("*") || path2.endsWith("/*"), 'Route path "' + path2 + '" will be treated as if it were ' + ('"' + path2.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + path2.replace(/\*$/, "/*") + '".'));
+  let params = [];
+  let regexpSource = "^" + path2.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (_2, paramName, isOptional) => {
+    params.push({
+      paramName,
+      isOptional: isOptional != null
+    });
+    return isOptional ? "/?([^\\/]+)?" : "/([^\\/]+)";
+  });
+  if (path2.endsWith("*")) {
+    params.push({
+      paramName: "*"
+    });
+    regexpSource += path2 === "*" || path2 === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
+  } else if (end) {
+    regexpSource += "\\/*$";
+  } else if (path2 !== "" && path2 !== "/") {
+    regexpSource += "(?:(?=\\/|$))";
+  } else ;
+  let matcher = new RegExp(regexpSource, caseSensitive ? void 0 : "i");
+  return [matcher, params];
+}
+function decodePath$1(value2) {
+  try {
+    return value2.split("/").map((v2) => decodeURIComponent(v2).replace(/\//g, "%2F")).join("/");
+  } catch (error) {
+    warning$2(false, 'The URL path "' + value2 + '" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent ' + ("encoding (" + error + ")."));
+    return value2;
+  }
+}
+function stripBasename$1(pathname, basename2) {
+  if (basename2 === "/") return pathname;
+  if (!pathname.toLowerCase().startsWith(basename2.toLowerCase())) {
+    return null;
+  }
+  let startIndex = basename2.endsWith("/") ? basename2.length - 1 : basename2.length;
+  let nextChar = pathname.charAt(startIndex);
+  if (nextChar && nextChar !== "/") {
+    return null;
+  }
+  return pathname.slice(startIndex) || "/";
+}
+function resolvePath$1(to2, fromPathname) {
+  if (fromPathname === void 0) {
+    fromPathname = "/";
+  }
+  let {
+    pathname: toPathname,
+    search: search2 = "",
+    hash: hash2 = ""
+  } = typeof to2 === "string" ? parsePath$1(to2) : to2;
+  let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname$1(toPathname, fromPathname) : fromPathname;
+  return {
+    pathname,
+    search: normalizeSearch$1(search2),
+    hash: normalizeHash$1(hash2)
+  };
+}
+function resolvePathname$1(relativePath, fromPathname) {
+  let segments = fromPathname.replace(/\/+$/, "").split("/");
+  let relativeSegments = relativePath.split("/");
+  relativeSegments.forEach((segment) => {
+    if (segment === "..") {
+      if (segments.length > 1) segments.pop();
+    } else if (segment !== ".") {
+      segments.push(segment);
+    }
+  });
+  return segments.length > 1 ? segments.join("/") : "/";
+}
+function getInvalidPathError$1(char, field, dest, path2) {
+  return "Cannot include a '" + char + "' character in a manually specified " + ("`to." + field + "` field [" + JSON.stringify(path2) + "].  Please separate it out to the ") + ("`to." + dest + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
+}
+function getPathContributingMatches$1(matches2) {
+  return matches2.filter((match, index2) => index2 === 0 || match.route.path && match.route.path.length > 0);
+}
+function getResolveToMatches$1(matches2, v7_relativeSplatPath) {
+  let pathMatches = getPathContributingMatches$1(matches2);
+  if (v7_relativeSplatPath) {
+    return pathMatches.map((match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase);
+  }
+  return pathMatches.map((match) => match.pathnameBase);
+}
+function resolveTo$1(toArg, routePathnames, locationPathname, isPathRelative) {
+  if (isPathRelative === void 0) {
+    isPathRelative = false;
+  }
+  let to2;
+  if (typeof toArg === "string") {
+    to2 = parsePath$1(toArg);
+  } else {
+    to2 = _extends$3({}, toArg);
+    invariant$2(!to2.pathname || !to2.pathname.includes("?"), getInvalidPathError$1("?", "pathname", "search", to2));
+    invariant$2(!to2.pathname || !to2.pathname.includes("#"), getInvalidPathError$1("#", "pathname", "hash", to2));
+    invariant$2(!to2.search || !to2.search.includes("#"), getInvalidPathError$1("#", "search", "hash", to2));
+  }
+  let isEmptyPath2 = toArg === "" || to2.pathname === "";
+  let toPathname = isEmptyPath2 ? "/" : to2.pathname;
+  let from;
+  if (toPathname == null) {
+    from = locationPathname;
+  } else {
+    let routePathnameIndex = routePathnames.length - 1;
+    if (!isPathRelative && toPathname.startsWith("..")) {
+      let toSegments = toPathname.split("/");
+      while (toSegments[0] === "..") {
+        toSegments.shift();
+        routePathnameIndex -= 1;
+      }
+      to2.pathname = toSegments.join("/");
+    }
+    from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
+  }
+  let path2 = resolvePath$1(to2, from);
+  let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/");
+  let hasCurrentTrailingSlash = (isEmptyPath2 || toPathname === ".") && locationPathname.endsWith("/");
+  if (!path2.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {
+    path2.pathname += "/";
+  }
+  return path2;
+}
+const joinPaths$1 = (paths) => paths.join("/").replace(/\/\/+/g, "/");
+const normalizePathname$1 = (pathname) => pathname.replace(/\/+$/, "").replace(/^\/*/, "/");
+const normalizeSearch$1 = (search2) => !search2 || search2 === "?" ? "" : search2.startsWith("?") ? search2 : "?" + search2;
+const normalizeHash$1 = (hash2) => !hash2 || hash2 === "#" ? "" : hash2.startsWith("#") ? hash2 : "#" + hash2;
+class AbortedDeferredError extends Error {
+}
+const validMutationMethodsArr$1 = ["post", "put", "patch", "delete"];
+new Set(validMutationMethodsArr$1);
+const validRequestMethodsArr$1 = ["get", ...validMutationMethodsArr$1];
+new Set(validRequestMethodsArr$1);
+const IDLE_FETCHER$1 = {
+  state: "idle",
+  data: void 0,
+  formMethod: void 0,
+  formAction: void 0,
+  formEncType: void 0,
+  formData: void 0,
+  json: void 0,
+  text: void 0
+};
 const basicLoginErrors = (login) => {
   const issues = [];
   if (login.length === 0) {
@@ -52677,6 +53117,22 @@ const isRecord$1 = (value2) => {
   return typeof value2 === "object" && value2 !== null && Array.isArray(value2) === false;
 };
 const parameterSegment = /^:\w+[?*]?$/;
+const decodeStaticSegment = (segment) => {
+  if (segment.includes("%") === false) {
+    return { path: segment };
+  }
+  try {
+    const decoded = decodeURIComponent(segment);
+    return {
+      // Remix decodes request paths; keep encoded slashes within one segment.
+      path: decoded.replaceAll("/", "%2F"),
+      // These were valid literal segments before route matching used Remix.
+      literal: decoded.startsWith(":") || /[?*%]/.test(decoded)
+    };
+  } catch {
+    return { path: segment, literal: true };
+  }
+};
 const validatePathnamePattern$1 = (route) => {
   if (route.startsWith("/") === false) {
     return 'Route must start with "/"';
@@ -52684,7 +53140,7 @@ const validatePathnamePattern$1 = (route) => {
   if (route === "/") {
     return;
   }
-  if (route !== "/" && route.endsWith("/")) {
+  if (route.endsWith("/")) {
     return 'Route must not end with "/"';
   }
   if (route.includes("//")) {
@@ -52705,6 +53161,9 @@ const validatePathnamePattern$1 = (route) => {
     if (segment.startsWith(":") && parameterSegment.test(segment) === false) {
       return `Invalid route parameter "${segment}"`;
     }
+    if (segment.includes("?") && parameterSegment.test(segment) === false) {
+      return 'Optional marker "?" is only allowed on a named parameter';
+    }
     if (segment.includes("*")) {
       return "Wildcard can only be used as * or :name*";
     }
@@ -52863,38 +53322,75 @@ const createWsAuthResources = ({
     ].join("\n")
   };
 };
-const normalizePathname$2 = (pathname) => {
-  if (pathname === "" || pathname === "/") {
-    return "/";
-  }
-  return pathname.endsWith("/") ? pathname.slice(0, -1) : pathname;
-};
-const matchesPathnamePattern = (route, pathname) => {
-  const routeSegments = normalizePathname$2(route).slice(1).split("/");
-  const pathnameSegments = normalizePathname$2(pathname).slice(1).split("/");
-  const matchSegments = (routeIndex, pathnameIndex) => {
-    const routeSegment = routeSegments[routeIndex];
-    const pathnameSegment = pathnameSegments[pathnameIndex];
-    if (routeSegment === void 0) {
-      return pathnameSegment === void 0;
-    }
-    if (routeSegment === "*" || /^:\w+\*$/.test(routeSegment)) {
-      return routeIndex === routeSegments.length - 1;
+const toRouterPattern = (pattern, literals, decodedPathname) => {
+  const segments = [];
+  for (const segment of (pattern || "/").replace(/:\w+\*$/, "*").split("/")) {
+    if (segment === "*" || segment.startsWith(":")) {
+      segments.push(segment);
+      continue;
     }
-    if (/^:\w+\?$/.test(routeSegment)) {
-      return matchSegments(routeIndex + 1, pathnameIndex) || pathnameSegment !== void 0 && matchSegments(routeIndex + 1, pathnameIndex + 1);
+    const decoded = decodeStaticSegment(segment);
+    if (decoded.literal) {
+      let marker = literals.get(segment);
+      if (marker === void 0) {
+        let index2 = literals.size;
+        marker = `\0${index2}\0`;
+        while (decodedPathname.includes(marker) || Array.from(literals.values()).includes(marker)) {
+          index2 += 1;
+          marker = `\0${index2}\0`;
+        }
+        literals.set(segment, marker);
+      }
+      segments.push(marker);
+      continue;
     }
-    if (pathnameSegment === void 0) {
-      return false;
+    segments.push(decoded.path);
+  }
+  return segments.join("/");
+};
+const matchPathnameRoutes = (routes, pathname) => {
+  const literals = /* @__PURE__ */ new Map();
+  const decodedPathname = pathname.split("/").map((segment) => {
+    try {
+      return decodeURIComponent(segment);
+    } catch {
+      return segment;
     }
-    if (/^:\w+$/.test(routeSegment)) {
-      return matchSegments(routeIndex + 1, pathnameIndex + 1);
+  }).join("/");
+  const routerRoutes = routes.map((route) => ({
+    path: toRouterPattern(route.pattern, literals, decodedPathname),
+    caseSensitive: false,
+    source: route
+  }));
+  const decodedLiterals = Array.from(literals, ([literal2, marker]) => {
+    try {
+      return [marker, decodeURIComponent(literal2)];
+    } catch {
+      return [marker, literal2];
     }
-    return routeSegment === pathnameSegment && matchSegments(routeIndex + 1, pathnameIndex + 1);
+  });
+  const routerPathname = pathname.split("/").map((segment) => literals.get(segment) ?? segment).join("/");
+  const match = matchRoutes$1(routerRoutes, routerPathname)?.at(-1);
+  if (match === void 0) {
+    return;
+  }
+  return {
+    value: match.route.source.value,
+    params: Object.fromEntries(
+      Object.entries(match.params).map(([name2, value2]) => [
+        name2,
+        value2 === void 0 ? value2 : decodedLiterals.reduce(
+          (result2, [marker, literal2]) => result2.replaceAll(marker, literal2),
+          value2
+        )
+      ])
+    )
   };
-  return matchSegments(0, 0);
 };
-const findWsAuthRoute = (authRoutes, pathname) => authRoutes.find(({ route }) => matchesPathnamePattern(route, pathname));
+const matchPathnamePattern = (pattern, pathname) => matchPathnameRoutes([{ pattern, value: true }], pathname)?.params;
+const findWsAuthRoute = (authRoutes, pathname) => authRoutes.find(
+  ({ route }) => matchPathnamePattern(route, pathname) !== void 0
+);
 const platformHeaderNames = /* @__PURE__ */ new Set([
   "x-powered-by",
   "x-content-type-options",
@@ -200634,35 +201130,13 @@ const getSerializedPagePath = (pages2, page2) => joinPath$1(
   page2.path
 );
 const normalizeSerializedPagePath = (path2) => path2 === "/" ? "" : path2;
-const escapeRegExp = (value2) => value2.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-const isSerializedPagePathMatch = (pattern, path2) => {
-  if (pattern === path2) {
-    return true;
-  }
-  const segments = pattern.split("/");
-  const pathSegments = path2.split("/");
-  const regexParts = segments.map((segment, index2) => {
-    if (segment === "*") {
-      return index2 === segments.length - 1 ? ".*" : "[^/]+";
-    }
-    const param = segment.match(/^:(\w+)([?*]?)$/);
-    if (param === null) {
-      return escapeRegExp(segment);
-    }
-    const modifier = param[2];
-    if (modifier === "?") {
-      return "[^/]*";
-    }
-    if (modifier === "*") {
-      return index2 === segments.length - 1 ? ".*" : "[^/]+";
-    }
-    return "[^/]+";
-  });
-  if (segments.length !== pathSegments.length && pattern.endsWith("*") === false) {
-    return false;
-  }
-  return new RegExp(`^${regexParts.join("/")}$`).test(path2);
-};
+const findMatchingSerializedPageByPath = (pages2, path2) => matchPathnameRoutes(
+  pages2.pages.map((page2) => ({
+    pattern: getSerializedPagePath(pages2, page2),
+    value: page2
+  })),
+  normalizeSerializedPagePath(path2)
+)?.value;
 const serializePageSummary = (pages2, page2) => ({
   id: page2.id,
   name: page2.name,
@@ -200699,9 +201173,7 @@ const findSerializedPageByInput = (pages2, input2) => {
     const exactPage = pages2.pages.find(
       (page2) => getSerializedPagePath(pages2, page2) === pagePath2
     );
-    return exactPage ?? pages2.pages.find(
-      (page2) => isSerializedPagePathMatch(getSerializedPagePath(pages2, page2), pagePath2)
-    );
+    return exactPage ?? findMatchingSerializedPageByPath(pages2, pagePath2);
   }
 };
 const findExactSerializedPageByPath = (pages2, path2) => {
@@ -200710,12 +201182,6 @@ const findExactSerializedPageByPath = (pages2, path2) => {
     (page2) => getSerializedPagePath(pages2, page2) === pagePath2
   );
 };
-const findMatchingSerializedPageByPath = (pages2, path2) => {
-  const pagePath2 = normalizeSerializedPagePath(path2);
-  return pages2.pages.find(
-    (page2) => isSerializedPagePathMatch(getSerializedPagePath(pages2, page2), pagePath2)
-  );
-};
 const isSerializedFallbackPage = (pages2, page2) => {
   const path2 = getSerializedPagePath(pages2, page2);
   return page2.meta.status === "404" || path2 === "/*" || path2 === "*";
@@ -205400,31 +205866,7 @@ const generateRemixRoute = (pathname) => {
   const tail = pathname.endsWith("*") ? "" : "._index";
   return `${base2}${tail}`;
 };
-const generateRemixParams = (pathname) => {
-  const name2 = pathname.match(/:(?<name>\w+)\*$/)?.groups?.name;
-  let generated2 = "";
-  generated2 += `type Params = Record<string, string | undefined>;
-`;
-  generated2 += `export const getRemixParams = ({ ...params }: Params): Params => {
-`;
-  if (name2) {
-    generated2 += `  params["${name2}"] = params["*"]
-`;
-    generated2 += `  delete params["*"]
-`;
-  }
-  if (pathname.endsWith("/*")) {
-    generated2 += `  params[0] = params["*"]
-`;
-    generated2 += `  delete params["*"]
-`;
-  }
-  generated2 += `  return params
-`;
-  generated2 += `}
-`;
-  return generated2;
-};
+const generateRemixParams = (pathname) => `export const getRemixParams = (params: Record<string, string | undefined>) => toWebstudioParams(${JSON.stringify(pathname)}, params);`;
 const normalizeProps = ({
   props: props2,
   assetBaseUrl,
@@ -257555,10 +257997,10 @@ function requireParse() {
   Container.registerParse(parse6);
   return parse_1;
 }
-var warning$2;
+var warning$1;
 var hasRequiredWarning;
 function requireWarning() {
-  if (hasRequiredWarning) return warning$2;
+  if (hasRequiredWarning) return warning$1;
   hasRequiredWarning = 1;
   class Warning {
     constructor(text2, opts = {}) {
@@ -257587,9 +258029,9 @@ function requireWarning() {
       return this.text;
     }
   }
-  warning$2 = Warning;
+  warning$1 = Warning;
   Warning.default = Warning;
-  return warning$2;
+  return warning$1;
 }
 var result;
 var hasRequiredResult;
@@ -332824,7 +333266,7 @@ class HandledCliError extends Error {
 }
 const isHandledCliError = (error) => error instanceof HandledCliError;
 const name = "webstudio";
-const version$1 = "0.304.0";
+const version$1 = "0.305.0";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";
@@ -341545,446 +341987,6 @@ const createFrameworkComponentRegistry = ({
   }
   return { components: components2, metas, buildHooks: buildHooks$1 };
 };
-/**
- * @remix-run/router v1.23.0
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-function _extends$3() {
-  _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key2 in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key2)) {
-          target[key2] = source[key2];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$3.apply(this, arguments);
-}
-var Action;
-(function(Action2) {
-  Action2["Pop"] = "POP";
-  Action2["Push"] = "PUSH";
-  Action2["Replace"] = "REPLACE";
-})(Action || (Action = {}));
-function invariant$2(value2, message) {
-  if (value2 === false || value2 === null || typeof value2 === "undefined") {
-    throw new Error(message);
-  }
-}
-function warning$1(cond, message) {
-  if (!cond) {
-    if (typeof console !== "undefined") console.warn(message);
-    try {
-      throw new Error(message);
-    } catch (e2) {
-    }
-  }
-}
-function createPath$1(_ref) {
-  let {
-    pathname = "/",
-    search: search2 = "",
-    hash: hash2 = ""
-  } = _ref;
-  if (search2 && search2 !== "?") pathname += search2.charAt(0) === "?" ? search2 : "?" + search2;
-  if (hash2 && hash2 !== "#") pathname += hash2.charAt(0) === "#" ? hash2 : "#" + hash2;
-  return pathname;
-}
-function parsePath$1(path2) {
-  let parsedPath = {};
-  if (path2) {
-    let hashIndex = path2.indexOf("#");
-    if (hashIndex >= 0) {
-      parsedPath.hash = path2.substr(hashIndex);
-      path2 = path2.substr(0, hashIndex);
-    }
-    let searchIndex = path2.indexOf("?");
-    if (searchIndex >= 0) {
-      parsedPath.search = path2.substr(searchIndex);
-      path2 = path2.substr(0, searchIndex);
-    }
-    if (path2) {
-      parsedPath.pathname = path2;
-    }
-  }
-  return parsedPath;
-}
-var ResultType;
-(function(ResultType2) {
-  ResultType2["data"] = "data";
-  ResultType2["deferred"] = "deferred";
-  ResultType2["redirect"] = "redirect";
-  ResultType2["error"] = "error";
-})(ResultType || (ResultType = {}));
-function matchRoutes$1(routes, locationArg, basename2) {
-  if (basename2 === void 0) {
-    basename2 = "/";
-  }
-  return matchRoutesImpl$1(routes, locationArg, basename2);
-}
-function matchRoutesImpl$1(routes, locationArg, basename2, allowPartial) {
-  let location = typeof locationArg === "string" ? parsePath$1(locationArg) : locationArg;
-  let pathname = stripBasename$1(location.pathname || "/", basename2);
-  if (pathname == null) {
-    return null;
-  }
-  let branches = flattenRoutes$1(routes);
-  rankRouteBranches$1(branches);
-  let matches2 = null;
-  for (let i = 0; matches2 == null && i < branches.length; ++i) {
-    let decoded = decodePath$1(pathname);
-    matches2 = matchRouteBranch$1(branches[i], decoded);
-  }
-  return matches2;
-}
-function convertRouteMatchToUiMatch$1(match, loaderData) {
-  let {
-    route,
-    pathname,
-    params
-  } = match;
-  return {
-    id: route.id,
-    pathname,
-    params,
-    data: loaderData[route.id],
-    handle: route.handle
-  };
-}
-function flattenRoutes$1(routes, branches, parentsMeta, parentPath) {
-  if (branches === void 0) {
-    branches = [];
-  }
-  if (parentsMeta === void 0) {
-    parentsMeta = [];
-  }
-  if (parentPath === void 0) {
-    parentPath = "";
-  }
-  let flattenRoute = (route, index2, relativePath) => {
-    let meta2 = {
-      relativePath: relativePath === void 0 ? route.path || "" : relativePath,
-      caseSensitive: route.caseSensitive === true,
-      childrenIndex: index2,
-      route
-    };
-    if (meta2.relativePath.startsWith("/")) {
-      invariant$2(meta2.relativePath.startsWith(parentPath), 'Absolute route path "' + meta2.relativePath + '" nested under path ' + ('"' + parentPath + '" is not valid. An absolute child route path ') + "must start with the combined path of all its parent routes.");
-      meta2.relativePath = meta2.relativePath.slice(parentPath.length);
-    }
-    let path2 = joinPaths$1([parentPath, meta2.relativePath]);
-    let routesMeta = parentsMeta.concat(meta2);
-    if (route.children && route.children.length > 0) {
-      invariant$2(
-        // Our types know better, but runtime JS may not!
-        // @ts-expect-error
-        route.index !== true,
-        "Index routes must not have child routes. Please remove " + ('all child routes from route path "' + path2 + '".')
-      );
-      flattenRoutes$1(route.children, branches, routesMeta, path2);
-    }
-    if (route.path == null && !route.index) {
-      return;
-    }
-    branches.push({
-      path: path2,
-      score: computeScore$1(path2, route.index),
-      routesMeta
-    });
-  };
-  routes.forEach((route, index2) => {
-    var _route$path;
-    if (route.path === "" || !((_route$path = route.path) != null && _route$path.includes("?"))) {
-      flattenRoute(route, index2);
-    } else {
-      for (let exploded of explodeOptionalSegments$1(route.path)) {
-        flattenRoute(route, index2, exploded);
-      }
-    }
-  });
-  return branches;
-}
-function explodeOptionalSegments$1(path2) {
-  let segments = path2.split("/");
-  if (segments.length === 0) return [];
-  let [first, ...rest] = segments;
-  let isOptional = first.endsWith("?");
-  let required2 = first.replace(/\?$/, "");
-  if (rest.length === 0) {
-    return isOptional ? [required2, ""] : [required2];
-  }
-  let restExploded = explodeOptionalSegments$1(rest.join("/"));
-  let result2 = [];
-  result2.push(...restExploded.map((subpath) => subpath === "" ? required2 : [required2, subpath].join("/")));
-  if (isOptional) {
-    result2.push(...restExploded);
-  }
-  return result2.map((exploded) => path2.startsWith("/") && exploded === "" ? "/" : exploded);
-}
-function rankRouteBranches$1(branches) {
-  branches.sort((a2, b2) => a2.score !== b2.score ? b2.score - a2.score : compareIndexes$1(a2.routesMeta.map((meta2) => meta2.childrenIndex), b2.routesMeta.map((meta2) => meta2.childrenIndex)));
-}
-const paramRe$1 = /^:[\w-]+$/;
-const dynamicSegmentValue$1 = 3;
-const indexRouteValue$1 = 2;
-const emptySegmentValue$1 = 1;
-const staticSegmentValue$1 = 10;
-const splatPenalty$1 = -2;
-const isSplat$1 = (s2) => s2 === "*";
-function computeScore$1(path2, index2) {
-  let segments = path2.split("/");
-  let initialScore = segments.length;
-  if (segments.some(isSplat$1)) {
-    initialScore += splatPenalty$1;
-  }
-  if (index2) {
-    initialScore += indexRouteValue$1;
-  }
-  return segments.filter((s2) => !isSplat$1(s2)).reduce((score, segment) => score + (paramRe$1.test(segment) ? dynamicSegmentValue$1 : segment === "" ? emptySegmentValue$1 : staticSegmentValue$1), initialScore);
-}
-function compareIndexes$1(a2, b2) {
-  let siblings2 = a2.length === b2.length && a2.slice(0, -1).every((n2, i) => n2 === b2[i]);
-  return siblings2 ? (
-    // If two routes are siblings, we should try to match the earlier sibling
-    // first. This allows people to have fine-grained control over the matching
-    // behavior by simply putting routes with identical paths in the order they
-    // want them tried.
-    a2[a2.length - 1] - b2[b2.length - 1]
-  ) : (
-    // Otherwise, it doesn't really make sense to rank non-siblings by index,
-    // so they sort equally.
-    0
-  );
-}
-function matchRouteBranch$1(branch, pathname, allowPartial) {
-  let {
-    routesMeta
-  } = branch;
-  let matchedParams = {};
-  let matchedPathname = "/";
-  let matches2 = [];
-  for (let i = 0; i < routesMeta.length; ++i) {
-    let meta2 = routesMeta[i];
-    let end = i === routesMeta.length - 1;
-    let remainingPathname = matchedPathname === "/" ? pathname : pathname.slice(matchedPathname.length) || "/";
-    let match = matchPath$1({
-      path: meta2.relativePath,
-      caseSensitive: meta2.caseSensitive,
-      end
-    }, remainingPathname);
-    let route = meta2.route;
-    if (!match) {
-      return null;
-    }
-    Object.assign(matchedParams, match.params);
-    matches2.push({
-      // TODO: Can this as be avoided?
-      params: matchedParams,
-      pathname: joinPaths$1([matchedPathname, match.pathname]),
-      pathnameBase: normalizePathname$1(joinPaths$1([matchedPathname, match.pathnameBase])),
-      route
-    });
-    if (match.pathnameBase !== "/") {
-      matchedPathname = joinPaths$1([matchedPathname, match.pathnameBase]);
-    }
-  }
-  return matches2;
-}
-function matchPath$1(pattern, pathname) {
-  if (typeof pattern === "string") {
-    pattern = {
-      path: pattern,
-      caseSensitive: false,
-      end: true
-    };
-  }
-  let [matcher, compiledParams] = compilePath$1(pattern.path, pattern.caseSensitive, pattern.end);
-  let match = pathname.match(matcher);
-  if (!match) return null;
-  let matchedPathname = match[0];
-  let pathnameBase = matchedPathname.replace(/(.)\/+$/, "$1");
-  let captureGroups = match.slice(1);
-  let params = compiledParams.reduce((memo, _ref, index2) => {
-    let {
-      paramName,
-      isOptional
-    } = _ref;
-    if (paramName === "*") {
-      let splatValue = captureGroups[index2] || "";
-      pathnameBase = matchedPathname.slice(0, matchedPathname.length - splatValue.length).replace(/(.)\/+$/, "$1");
-    }
-    const value2 = captureGroups[index2];
-    if (isOptional && !value2) {
-      memo[paramName] = void 0;
-    } else {
-      memo[paramName] = (value2 || "").replace(/%2F/g, "/");
-    }
-    return memo;
-  }, {});
-  return {
-    params,
-    pathname: matchedPathname,
-    pathnameBase,
-    pattern
-  };
-}
-function compilePath$1(path2, caseSensitive, end) {
-  if (caseSensitive === void 0) {
-    caseSensitive = false;
-  }
-  if (end === void 0) {
-    end = true;
-  }
-  warning$1(path2 === "*" || !path2.endsWith("*") || path2.endsWith("/*"), 'Route path "' + path2 + '" will be treated as if it were ' + ('"' + path2.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + path2.replace(/\*$/, "/*") + '".'));
-  let params = [];
-  let regexpSource = "^" + path2.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (_2, paramName, isOptional) => {
-    params.push({
-      paramName,
-      isOptional: isOptional != null
-    });
-    return isOptional ? "/?([^\\/]+)?" : "/([^\\/]+)";
-  });
-  if (path2.endsWith("*")) {
-    params.push({
-      paramName: "*"
-    });
-    regexpSource += path2 === "*" || path2 === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
-  } else if (end) {
-    regexpSource += "\\/*$";
-  } else if (path2 !== "" && path2 !== "/") {
-    regexpSource += "(?:(?=\\/|$))";
-  } else ;
-  let matcher = new RegExp(regexpSource, caseSensitive ? void 0 : "i");
-  return [matcher, params];
-}
-function decodePath$1(value2) {
-  try {
-    return value2.split("/").map((v2) => decodeURIComponent(v2).replace(/\//g, "%2F")).join("/");
-  } catch (error) {
-    warning$1(false, 'The URL path "' + value2 + '" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent ' + ("encoding (" + error + ")."));
-    return value2;
-  }
-}
-function stripBasename$1(pathname, basename2) {
-  if (basename2 === "/") return pathname;
-  if (!pathname.toLowerCase().startsWith(basename2.toLowerCase())) {
-    return null;
-  }
-  let startIndex = basename2.endsWith("/") ? basename2.length - 1 : basename2.length;
-  let nextChar = pathname.charAt(startIndex);
-  if (nextChar && nextChar !== "/") {
-    return null;
-  }
-  return pathname.slice(startIndex) || "/";
-}
-function resolvePath$1(to2, fromPathname) {
-  if (fromPathname === void 0) {
-    fromPathname = "/";
-  }
-  let {
-    pathname: toPathname,
-    search: search2 = "",
-    hash: hash2 = ""
-  } = typeof to2 === "string" ? parsePath$1(to2) : to2;
-  let pathname = toPathname ? toPathname.startsWith("/") ? toPathname : resolvePathname$1(toPathname, fromPathname) : fromPathname;
-  return {
-    pathname,
-    search: normalizeSearch$1(search2),
-    hash: normalizeHash$1(hash2)
-  };
-}
-function resolvePathname$1(relativePath, fromPathname) {
-  let segments = fromPathname.replace(/\/+$/, "").split("/");
-  let relativeSegments = relativePath.split("/");
-  relativeSegments.forEach((segment) => {
-    if (segment === "..") {
-      if (segments.length > 1) segments.pop();
-    } else if (segment !== ".") {
-      segments.push(segment);
-    }
-  });
-  return segments.length > 1 ? segments.join("/") : "/";
-}
-function getInvalidPathError$1(char, field, dest, path2) {
-  return "Cannot include a '" + char + "' character in a manually specified " + ("`to." + field + "` field [" + JSON.stringify(path2) + "].  Please separate it out to the ") + ("`to." + dest + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
-}
-function getPathContributingMatches$1(matches2) {
-  return matches2.filter((match, index2) => index2 === 0 || match.route.path && match.route.path.length > 0);
-}
-function getResolveToMatches$1(matches2, v7_relativeSplatPath) {
-  let pathMatches = getPathContributingMatches$1(matches2);
-  if (v7_relativeSplatPath) {
-    return pathMatches.map((match, idx) => idx === pathMatches.length - 1 ? match.pathname : match.pathnameBase);
-  }
-  return pathMatches.map((match) => match.pathnameBase);
-}
-function resolveTo$1(toArg, routePathnames, locationPathname, isPathRelative) {
-  if (isPathRelative === void 0) {
-    isPathRelative = false;
-  }
-  let to2;
-  if (typeof toArg === "string") {
-    to2 = parsePath$1(toArg);
-  } else {
-    to2 = _extends$3({}, toArg);
-    invariant$2(!to2.pathname || !to2.pathname.includes("?"), getInvalidPathError$1("?", "pathname", "search", to2));
-    invariant$2(!to2.pathname || !to2.pathname.includes("#"), getInvalidPathError$1("#", "pathname", "hash", to2));
-    invariant$2(!to2.search || !to2.search.includes("#"), getInvalidPathError$1("#", "search", "hash", to2));
-  }
-  let isEmptyPath2 = toArg === "" || to2.pathname === "";
-  let toPathname = isEmptyPath2 ? "/" : to2.pathname;
-  let from;
-  if (toPathname == null) {
-    from = locationPathname;
-  } else {
-    let routePathnameIndex = routePathnames.length - 1;
-    if (!isPathRelative && toPathname.startsWith("..")) {
-      let toSegments = toPathname.split("/");
-      while (toSegments[0] === "..") {
-        toSegments.shift();
-        routePathnameIndex -= 1;
-      }
-      to2.pathname = toSegments.join("/");
-    }
-    from = routePathnameIndex >= 0 ? routePathnames[routePathnameIndex] : "/";
-  }
-  let path2 = resolvePath$1(to2, from);
-  let hasExplicitTrailingSlash = toPathname && toPathname !== "/" && toPathname.endsWith("/");
-  let hasCurrentTrailingSlash = (isEmptyPath2 || toPathname === ".") && locationPathname.endsWith("/");
-  if (!path2.pathname.endsWith("/") && (hasExplicitTrailingSlash || hasCurrentTrailingSlash)) {
-    path2.pathname += "/";
-  }
-  return path2;
-}
-const joinPaths$1 = (paths) => paths.join("/").replace(/\/\/+/g, "/");
-const normalizePathname$1 = (pathname) => pathname.replace(/\/+$/, "").replace(/^\/*/, "/");
-const normalizeSearch$1 = (search2) => !search2 || search2 === "?" ? "" : search2.startsWith("?") ? search2 : "?" + search2;
-const normalizeHash$1 = (hash2) => !hash2 || hash2 === "#" ? "" : hash2.startsWith("#") ? hash2 : "#" + hash2;
-class AbortedDeferredError extends Error {
-}
-const validMutationMethodsArr$1 = ["post", "put", "patch", "delete"];
-new Set(validMutationMethodsArr$1);
-const validRequestMethodsArr$1 = ["get", ...validMutationMethodsArr$1];
-new Set(validRequestMethodsArr$1);
-const IDLE_FETCHER$1 = {
-  state: "idle",
-  data: void 0,
-  formMethod: void 0,
-  formAction: void 0,
-  formEncType: void 0,
-  formData: void 0,
-  json: void 0,
-  text: void 0
-};
 /**
  * React Router v6.30.0
  *
@@ -342125,7 +342127,7 @@ function useNavigateUnstable$1() {
     if (options === void 0) {
       options = {};
     }
-    process.env.NODE_ENV !== "production" ? warning$1(activeRef.current, navigateEffectWarning$1) : void 0;
+    process.env.NODE_ENV !== "production" ? warning$2(activeRef.current, navigateEffectWarning$1) : void 0;
     if (!activeRef.current) return;
     if (typeof to2 === "number") {
       navigator2.go(to2);
@@ -342233,7 +342235,7 @@ function useNavigateStable$1() {
     if (options === void 0) {
       options = {};
     }
-    process.env.NODE_ENV !== "production" ? warning$1(activeRef.current, navigateEffectWarning$1) : void 0;
+    process.env.NODE_ENV !== "production" ? warning$2(activeRef.current, navigateEffectWarning$1) : void 0;
     if (!activeRef.current) return;
     if (typeof to2 === "number") {
       router.navigate(to2);
@@ -342427,7 +342429,7 @@ function isFormDataSubmitterSupported$1() {
 const supportedFormEncTypes$1 = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
 function getFormEncType$1(encType) {
   if (encType != null && !supportedFormEncTypes$1.has(encType)) {
-    process.env.NODE_ENV !== "production" ? warning$1(false, '"' + encType + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + defaultEncType$1 + '"')) : void 0;
+    process.env.NODE_ENV !== "production" ? warning$2(false, '"' + encType + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + defaultEncType$1 + '"')) : void 0;
     return null;
   }
   return encType;
@@ -342539,7 +342541,7 @@ const Link$4 = /* @__PURE__ */ reactExports.forwardRef(function LinkWithRef(_ref
           isExternal = true;
         }
       } catch (e2) {
-        process.env.NODE_ENV !== "production" ? warning$1(false, '<Link to="' + to2 + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.') : void 0;
+        process.env.NODE_ENV !== "production" ? warning$2(false, '<Link to="' + to2 + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.') : void 0;
       }
     }
   }
@@ -342921,7 +342923,7 @@ function useScrollRestoration$1(_temp4) {
     try {
       sessionStorage.setItem(storageKey || SCROLL_RESTORATION_STORAGE_KEY$1, JSON.stringify(savedScrollPositions$1));
     } catch (error) {
-      process.env.NODE_ENV !== "production" ? warning$1(false, "Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (" + error + ").") : void 0;
+      process.env.NODE_ENV !== "production" ? warning$2(false, "Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (" + error + ").") : void 0;
     }
     window.history.scrollRestoration = "auto";
   }, [storageKey, getKey2, navigation.state, location, matches2]));
@@ -347958,6 +347960,7 @@ Please check webstudio --help for more details`
 
 
       import type { PageMeta } from "@webstudio-is/sdk";
+      import { toWebstudioParams } from "@webstudio-is/react-sdk";
       ${generateResources({
       scope: scope2,
       // XML generation removes the body wrapper from the instance map.