@wix/astro 2.11.0 → 2.13.0

package/build/integration/{chunk-OJIGUJIG.js → chunk-AT5HXBVK.js}

@@ -175,10 +175,10 @@ var require_is_extglob = __commonJS({
       if (typeof str !== "string" || str === "") {
         return false;
       }
-      var match;
-      while (match = /(\\).|([@?!+*]\(.*\))/g.exec(str)) {
-        if (match[2]) return true;
-        str = str.slice(match.index + match[0].length);
+      var match2;
+      while (match2 = /(\\).|([@?!+*]\(.*\))/g.exec(str)) {
+        if (match2[2]) return true;
+        str = str.slice(match2.index + match2[0].length);
       }
       return false;
     };
@@ -1657,8 +1657,8 @@ var require_utils2 = __commonJS({
     exports.escapeRegex = (str) => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, "\\$1");
     exports.toPosixSlashes = (str) => str.replace(REGEX_BACKSLASH, "/");
     exports.removeBackslashes = (str) => {
-      return str.replace(REGEX_REMOVE_BACKSLASH, (match) => {
-        return match === "\\" ? "" : match;
+      return str.replace(REGEX_REMOVE_BACKSLASH, (match2) => {
+        return match2 === "\\" ? "" : match2;
       });
     };
     exports.supportsLookbehinds = () => {
@@ -2281,10 +2281,10 @@ var require_parse2 = __commonJS({
             push({ type: "text", value });
             continue;
           }
-          const match = /^\\+/.exec(remaining());
+          const match2 = /^\\+/.exec(remaining());
           let slashes = 0;
-          if (match && match[0].length > 2) {
-            slashes = match[0].length;
+          if (match2 && match2[0].length > 2) {
+            slashes = match2[0].length;
             state.index += slashes;
             if (slashes % 2 !== 0) {
               value += "\\";
@@ -2572,10 +2572,10 @@ var require_parse2 = __commonJS({
           if (value === "$" || value === "^") {
             value = `\\${value}`;
           }
-          const match = REGEX_NON_SPECIAL_CHARS.exec(remaining());
-          if (match) {
-            value += match[0];
-            state.index += match[0].length;
+          const match2 = REGEX_NON_SPECIAL_CHARS.exec(remaining());
+          if (match2) {
+            value += match2[0];
+            state.index += match2[0].length;
           }
           push({ type: "text", value });
           continue;
@@ -2786,11 +2786,11 @@ var require_parse2 = __commonJS({
           case "**/.*":
             return `(?:${nodot}${globstar(opts)}${SLASH_LITERAL})?${DOT_LITERAL}${ONE_CHAR}${star}`;
           default: {
-            const match = /^(.*?)\.(\w+)$/.exec(str);
-            if (!match) return;
-            const source2 = create(match[1]);
+            const match2 = /^(.*?)\.(\w+)$/.exec(str);
+            if (!match2) return;
+            const source2 = create(match2[1]);
             if (!source2) return;
-            return source2 + DOT_LITERAL + match[2];
+            return source2 + DOT_LITERAL + match2[2];
           }
         }
       };
@@ -2843,8 +2843,8 @@ var require_picomatch = __commonJS({
         isIgnored = picomatch(opts.ignore, ignoreOpts, returnState);
       }
       const matcher = (input, returnObject = false) => {
-        const { isMatch, match, output } = picomatch.test(input, regex, options, { glob, posix });
-        const result = { glob, state, regex, posix, input, output, match, isMatch };
+        const { isMatch, match: match2, output } = picomatch.test(input, regex, options, { glob, posix });
+        const result = { glob, state, regex, posix, input, output, match: match2, isMatch };
         if (typeof opts.onResult === "function") {
           opts.onResult(result);
         }
@@ -2878,20 +2878,20 @@ var require_picomatch = __commonJS({
       }
       const opts = options || {};
       const format = opts.format || (posix ? utils.toPosixSlashes : null);
-      let match = input === glob;
-      let output = match && format ? format(input) : input;
-      if (match === false) {
+      let match2 = input === glob;
+      let output = match2 && format ? format(input) : input;
+      if (match2 === false) {
         output = format ? format(input) : input;
-        match = output === glob;
+        match2 = output === glob;
       }
-      if (match === false || opts.capture === true) {
+      if (match2 === false || opts.capture === true) {
         if (opts.matchBase === true || opts.basename === true) {
-          match = picomatch.matchBase(input, regex, options, posix);
+          match2 = picomatch.matchBase(input, regex, options, posix);
         } else {
-          match = regex.exec(output);
+          match2 = regex.exec(output);
         }
       }
-      return { isMatch: Boolean(match), match, output };
+      return { isMatch: Boolean(match2), match: match2, output };
     };
     picomatch.matchBase = (input, glob, options, posix = utils.isWindows(options)) => {
       const regex = glob instanceof RegExp ? glob : picomatch.makeRe(glob, options);
@@ -2989,8 +2989,8 @@ var require_micromatch = __commonJS({
         if (negated) negatives++;
         for (let item of list) {
           let matched = isMatch(item, true);
-          let match = negated ? !matched.isMatch : matched.isMatch;
-          if (!match) continue;
+          let match2 = negated ? !matched.isMatch : matched.isMatch;
+          if (!match2) continue;
           if (negated) {
             omit.add(matched.output);
           } else {
@@ -3086,9 +3086,9 @@ var require_micromatch = __commonJS({
     micromatch.capture = (glob, input, options) => {
       let posix = utils.isWindows(options);
       let regex = picomatch.makeRe(String(glob), { ...options, capture: true });
-      let match = regex.exec(posix ? utils.toPosixSlashes(input) : input);
-      if (match) {
-        return match.slice(1).map((v) => v === void 0 ? "" : v);
+      let match2 = regex.exec(posix ? utils.toPosixSlashes(input) : input);
+      if (match2) {
+        return match2.slice(1).map((v) => v === void 0 ? "" : v);
       }
     };
     micromatch.makeRe = (...args) => picomatch.makeRe(...args);
@@ -5017,7 +5017,7 @@ var require_partial = __commonJS({
           if (!pattern.complete && levels > section.length) {
             return true;
           }
-          const match = parts.every((part, index) => {
+          const match2 = parts.every((part, index) => {
             const segment = pattern.segments[index];
             if (segment.dynamic && segment.patternRe.test(part)) {
               return true;
@@ -5027,7 +5027,7 @@ var require_partial = __commonJS({
             }
             return false;
           });
-          if (match) {
+          if (match2) {
             return true;
           }
         }
@@ -5643,7 +5643,7 @@ var require_ignore = __commonJS({
     var RETURN_FALSE = () => false;
     var sanitizeRange = (range) => range.replace(
       REGEX_REGEXP_RANGE,
-      (match, from, to) => from.charCodeAt(0) <= to.charCodeAt(0) ? match : EMPTY
+      (match2, from, to) => from.charCodeAt(0) <= to.charCodeAt(0) ? match2 : EMPTY
     );
     var cleanRangeBackSlash = (slashes) => {
       const { length: length3 } = slashes;
@@ -5695,7 +5695,7 @@ var require_ignore = __commonJS({
       // > These special characters are often called "metacharacters".
       [
         /[\\$.|*+(){^]/g,
-        (match) => `\\${match}`
+        (match2) => `\\${match2}`
       ],
       [
         // > a question mark (?) matches a single character
@@ -5777,7 +5777,7 @@ var require_ignore = __commonJS({
         // > can be used to match one of the characters in a range.
         // `\` is escaped by step 3
         /(\\)?\[([^\]/]*?)(\\*)($|\])/g,
-        (match, leadEscape, range, endEscape, close) => leadEscape === ESCAPE ? `\\[${range}${cleanRangeBackSlash(endEscape)}${close}` : close === "]" ? endEscape.length % 2 === 0 ? `[${sanitizeRange(range)}${endEscape}]` : "[]" : "[]"
+        (match2, leadEscape, range, endEscape, close) => leadEscape === ESCAPE ? `\\[${range}${cleanRangeBackSlash(endEscape)}${close}` : close === "]" ? endEscape.length % 2 === 0 ? `[${sanitizeRange(range)}${endEscape}]` : "[]" : "[]"
       ],
       // ending
       [
@@ -5794,7 +5794,7 @@ var require_ignore = __commonJS({
         // 'js*' will not match 'a.js'
         // 'js/' will not match 'a.js'
         // 'js' will match 'a.js' and 'a.js/'
-        (match) => /\/$/.test(match) ? `${match}$` : `${match}(?=$|\\/$)`
+        (match2) => /\/$/.test(match2) ? `${match2}$` : `${match2}(?=$|\\/$)`
       ]
     ];
     var REGEX_REPLACE_TRAILING_WILDCARD = /(^|\\\/)?\\\*$/;
@@ -6205,14 +6205,14 @@ var require_common3 = __commonJS({
           return rewriteCookieProperty(headerElement, config, property);
         });
       }
-      return header.replace(new RegExp("(;\\s*" + property + "=)([^;]+)", "i"), (match, prefix, previousValue) => {
+      return header.replace(new RegExp("(;\\s*" + property + "=)([^;]+)", "i"), (match2, prefix, previousValue) => {
         let newValue;
         if (previousValue in config) {
           newValue = config[previousValue];
         } else if ("*" in config) {
           newValue = config["*"];
         } else {
-          return match;
+          return match2;
         }
         if (newValue) {
           return prefix + newValue;
@@ -6435,14 +6435,14 @@ var require_ms = __commonJS({
       if (str.length > 100) {
         return;
       }
-      var match = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+      var match2 = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
         str
       );
-      if (!match) {
+      if (!match2) {
         return;
       }
-      var n2 = parseFloat(match[1]);
-      var type = (match[2] || "ms").toLowerCase();
+      var n2 = parseFloat(match2[1]);
+      var type = (match2[2] || "ms").toLowerCase();
       switch (type) {
         case "years":
         case "year":
@@ -6575,19 +6575,19 @@ var require_common4 = __commonJS({
             args.unshift("%O");
           }
           let index = 0;
-          args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
-            if (match === "%%") {
+          args[0] = args[0].replace(/%([a-zA-Z%])/g, (match2, format) => {
+            if (match2 === "%%") {
               return "%";
             }
             index++;
             const formatter = createDebug.formatters[format];
             if (typeof formatter === "function") {
               const val = args[index];
-              match = formatter.call(self, val);
+              match2 = formatter.call(self, val);
               args.splice(index, 1);
               index--;
             }
-            return match;
+            return match2;
           });
           createDebug.formatArgs.call(self, args);
           const logFn = self.log || createDebug.log;
@@ -6824,12 +6824,12 @@ var require_browser = __commonJS({
       args.splice(1, 0, c, "color: inherit");
       let index = 0;
       let lastC = 0;
-      args[0].replace(/%[a-zA-Z%]/g, (match) => {
-        if (match === "%%") {
+      args[0].replace(/%[a-zA-Z%]/g, (match2) => {
+        if (match2 === "%%") {
           return;
         }
         index++;
-        if (match === "%c") {
+        if (match2 === "%c") {
           lastC = index;
         }
       });
@@ -10836,6 +10836,362 @@ var require_lib2 = __commonJS({
   }
 });
 
+// ../../node_modules/path-to-regexp/dist/index.js
+var require_dist = __commonJS({
+  "../../node_modules/path-to-regexp/dist/index.js"(exports) {
+    "use strict";
+    init_esm_shims();
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.PathError = exports.TokenData = void 0;
+    exports.parse = parse5;
+    exports.compile = compile;
+    exports.match = match2;
+    exports.pathToRegexp = pathToRegexp;
+    exports.stringify = stringify;
+    var DEFAULT_DELIMITER = "/";
+    var NOOP_VALUE = (value) => value;
+    var ID_START = /^[$_\p{ID_Start}]$/u;
+    var ID_CONTINUE = /^[$\u200c\u200d\p{ID_Continue}]$/u;
+    var SIMPLE_TOKENS = {
+      // Groups.
+      "{": "{",
+      "}": "}",
+      // Reserved.
+      "(": "(",
+      ")": ")",
+      "[": "[",
+      "]": "]",
+      "+": "+",
+      "?": "?",
+      "!": "!"
+    };
+    function escapeText2(str) {
+      return str.replace(/[{}()\[\]+?!:*\\]/g, "\\$&");
+    }
+    function escape(str) {
+      return str.replace(/[.+*?^${}()[\]|/\\]/g, "\\$&");
+    }
+    var TokenData = class {
+      constructor(tokens, originalPath) {
+        this.tokens = tokens;
+        this.originalPath = originalPath;
+      }
+    };
+    exports.TokenData = TokenData;
+    var PathError = class extends TypeError {
+      constructor(message, originalPath) {
+        let text = message;
+        if (originalPath)
+          text += `: ${originalPath}`;
+        text += `; visit https://git.new/pathToRegexpError for info`;
+        super(text);
+        this.originalPath = originalPath;
+      }
+    };
+    exports.PathError = PathError;
+    function parse5(str, options = {}) {
+      const { encodePath = NOOP_VALUE } = options;
+      const chars2 = [...str];
+      const tokens = [];
+      let index = 0;
+      let pos = 0;
+      function name() {
+        let value = "";
+        if (ID_START.test(chars2[index])) {
+          do {
+            value += chars2[index++];
+          } while (ID_CONTINUE.test(chars2[index]));
+        } else if (chars2[index] === '"') {
+          let quoteStart = index;
+          while (index++ < chars2.length) {
+            if (chars2[index] === '"') {
+              index++;
+              quoteStart = 0;
+              break;
+            }
+            if (chars2[index] === "\\")
+              index++;
+            value += chars2[index];
+          }
+          if (quoteStart) {
+            throw new PathError(`Unterminated quote at index ${quoteStart}`, str);
+          }
+        }
+        if (!value) {
+          throw new PathError(`Missing parameter name at index ${index}`, str);
+        }
+        return value;
+      }
+      while (index < chars2.length) {
+        const value = chars2[index];
+        const type = SIMPLE_TOKENS[value];
+        if (type) {
+          tokens.push({ type, index: index++, value });
+        } else if (value === "\\") {
+          tokens.push({ type: "escape", index: index++, value: chars2[index++] });
+        } else if (value === ":") {
+          tokens.push({ type: "param", index: index++, value: name() });
+        } else if (value === "*") {
+          tokens.push({ type: "wildcard", index: index++, value: name() });
+        } else {
+          tokens.push({ type: "char", index: index++, value });
+        }
+      }
+      tokens.push({ type: "end", index, value: "" });
+      function consumeUntil(endType) {
+        const output = [];
+        while (true) {
+          const token = tokens[pos++];
+          if (token.type === endType)
+            break;
+          if (token.type === "char" || token.type === "escape") {
+            let path5 = token.value;
+            let cur = tokens[pos];
+            while (cur.type === "char" || cur.type === "escape") {
+              path5 += cur.value;
+              cur = tokens[++pos];
+            }
+            output.push({
+              type: "text",
+              value: encodePath(path5)
+            });
+            continue;
+          }
+          if (token.type === "param" || token.type === "wildcard") {
+            output.push({
+              type: token.type,
+              name: token.value
+            });
+            continue;
+          }
+          if (token.type === "{") {
+            output.push({
+              type: "group",
+              tokens: consumeUntil("}")
+            });
+            continue;
+          }
+          throw new PathError(`Unexpected ${token.type} at index ${token.index}, expected ${endType}`, str);
+        }
+        return output;
+      }
+      return new TokenData(consumeUntil("end"), str);
+    }
+    function compile(path5, options = {}) {
+      const { encode: encode2 = encodeURIComponent, delimiter = DEFAULT_DELIMITER } = options;
+      const data2 = typeof path5 === "object" ? path5 : parse5(path5, options);
+      const fn = tokensToFunction(data2.tokens, delimiter, encode2);
+      return function path6(params = {}) {
+        const [path7, ...missing] = fn(params);
+        if (missing.length) {
+          throw new TypeError(`Missing parameters: ${missing.join(", ")}`);
+        }
+        return path7;
+      };
+    }
+    function tokensToFunction(tokens, delimiter, encode2) {
+      const encoders = tokens.map((token) => tokenToFunction(token, delimiter, encode2));
+      return (data2) => {
+        const result = [""];
+        for (const encoder of encoders) {
+          const [value, ...extras] = encoder(data2);
+          result[0] += value;
+          result.push(...extras);
+        }
+        return result;
+      };
+    }
+    function tokenToFunction(token, delimiter, encode2) {
+      if (token.type === "text")
+        return () => [token.value];
+      if (token.type === "group") {
+        const fn = tokensToFunction(token.tokens, delimiter, encode2);
+        return (data2) => {
+          const [value, ...missing] = fn(data2);
+          if (!missing.length)
+            return [value];
+          return [""];
+        };
+      }
+      const encodeValue = encode2 || NOOP_VALUE;
+      if (token.type === "wildcard" && encode2 !== false) {
+        return (data2) => {
+          const value = data2[token.name];
+          if (value == null)
+            return ["", token.name];
+          if (!Array.isArray(value) || value.length === 0) {
+            throw new TypeError(`Expected "${token.name}" to be a non-empty array`);
+          }
+          return [
+            value.map((value2, index) => {
+              if (typeof value2 !== "string") {
+                throw new TypeError(`Expected "${token.name}/${index}" to be a string`);
+              }
+              return encodeValue(value2);
+            }).join(delimiter)
+          ];
+        };
+      }
+      return (data2) => {
+        const value = data2[token.name];
+        if (value == null)
+          return ["", token.name];
+        if (typeof value !== "string") {
+          throw new TypeError(`Expected "${token.name}" to be a string`);
+        }
+        return [encodeValue(value)];
+      };
+    }
+    function match2(path5, options = {}) {
+      const { decode = decodeURIComponent, delimiter = DEFAULT_DELIMITER } = options;
+      const { regexp, keys } = pathToRegexp(path5, options);
+      const decoders = keys.map((key) => {
+        if (decode === false)
+          return NOOP_VALUE;
+        if (key.type === "param")
+          return decode;
+        return (value) => value.split(delimiter).map(decode);
+      });
+      return function match3(input) {
+        const m2 = regexp.exec(input);
+        if (!m2)
+          return false;
+        const path6 = m2[0];
+        const params = /* @__PURE__ */ Object.create(null);
+        for (let i = 1; i < m2.length; i++) {
+          if (m2[i] === void 0)
+            continue;
+          const key = keys[i - 1];
+          const decoder = decoders[i - 1];
+          params[key.name] = decoder(m2[i]);
+        }
+        return { path: path6, params };
+      };
+    }
+    function pathToRegexp(path5, options = {}) {
+      const { delimiter = DEFAULT_DELIMITER, end = true, sensitive = false, trailing = true } = options;
+      const keys = [];
+      const flags = sensitive ? "" : "i";
+      const sources = [];
+      for (const input of pathsToArray(path5, [])) {
+        const data2 = typeof input === "object" ? input : parse5(input, options);
+        for (const tokens of flatten(data2.tokens, 0, [])) {
+          sources.push(toRegExpSource(tokens, delimiter, keys, data2.originalPath));
+        }
+      }
+      let pattern = `^(?:${sources.join("|")})`;
+      if (trailing)
+        pattern += `(?:${escape(delimiter)}$)?`;
+      pattern += end ? "$" : `(?=${escape(delimiter)}|$)`;
+      const regexp = new RegExp(pattern, flags);
+      return { regexp, keys };
+    }
+    function pathsToArray(paths, init2) {
+      if (Array.isArray(paths)) {
+        for (const p of paths)
+          pathsToArray(p, init2);
+      } else {
+        init2.push(paths);
+      }
+      return init2;
+    }
+    function* flatten(tokens, index, init2) {
+      if (index === tokens.length) {
+        return yield init2;
+      }
+      const token = tokens[index];
+      if (token.type === "group") {
+        for (const seq of flatten(token.tokens, 0, init2.slice())) {
+          yield* flatten(tokens, index + 1, seq);
+        }
+      } else {
+        init2.push(token);
+      }
+      yield* flatten(tokens, index + 1, init2);
+    }
+    function toRegExpSource(tokens, delimiter, keys, originalPath) {
+      let result = "";
+      let backtrack = "";
+      let isSafeSegmentParam = true;
+      for (const token of tokens) {
+        if (token.type === "text") {
+          result += escape(token.value);
+          backtrack += token.value;
+          isSafeSegmentParam || (isSafeSegmentParam = token.value.includes(delimiter));
+          continue;
+        }
+        if (token.type === "param" || token.type === "wildcard") {
+          if (!isSafeSegmentParam && !backtrack) {
+            throw new PathError(`Missing text before "${token.name}" ${token.type}`, originalPath);
+          }
+          if (token.type === "param") {
+            result += `(${negate(delimiter, isSafeSegmentParam ? "" : backtrack)}+)`;
+          } else {
+            result += `([\\s\\S]+)`;
+          }
+          keys.push(token);
+          backtrack = "";
+          isSafeSegmentParam = false;
+          continue;
+        }
+      }
+      return result;
+    }
+    function negate(delimiter, backtrack) {
+      if (backtrack.length < 2) {
+        if (delimiter.length < 2)
+          return `[^${escape(delimiter + backtrack)}]`;
+        return `(?:(?!${escape(delimiter)})[^${escape(backtrack)}])`;
+      }
+      if (delimiter.length < 2) {
+        return `(?:(?!${escape(backtrack)})[^${escape(delimiter)}])`;
+      }
+      return `(?:(?!${escape(backtrack)}|${escape(delimiter)})[\\s\\S])`;
+    }
+    function stringifyTokens(tokens) {
+      let value = "";
+      let i = 0;
+      function name(value2) {
+        const isSafe = isNameSafe(value2) && isNextNameSafe(tokens[i]);
+        return isSafe ? value2 : JSON.stringify(value2);
+      }
+      while (i < tokens.length) {
+        const token = tokens[i++];
+        if (token.type === "text") {
+          value += escapeText2(token.value);
+          continue;
+        }
+        if (token.type === "group") {
+          value += `{${stringifyTokens(token.tokens)}}`;
+          continue;
+        }
+        if (token.type === "param") {
+          value += `:${name(token.name)}`;
+          continue;
+        }
+        if (token.type === "wildcard") {
+          value += `*${name(token.name)}`;
+          continue;
+        }
+        throw new TypeError(`Unknown token type: ${token.type}`);
+      }
+      return value;
+    }
+    function stringify(data2) {
+      return stringifyTokens(data2.tokens);
+    }
+    function isNameSafe(name) {
+      const [first, ...rest] = name;
+      return ID_START.test(first) && rest.every((char) => ID_CONTINUE.test(char));
+    }
+    function isNextNameSafe(token) {
+      if (token && token.type === "text")
+        return !ID_CONTINUE.test(token.value[0]);
+      return true;
+    }
+  }
+});
+
 // ../astro-backend-extensions/src/integration.ts
 init_esm_shims();
 import { ok as ok2 } from "assert";
@@ -10843,6 +11199,7 @@ import { fileURLToPath as fileURLToPath4 } from "url";
 
 // ../fs-utils/src/index.ts
 init_esm_shims();
+import { randomBytes } from "crypto";
 import {
   access,
   readFile as fsReadFile,
@@ -10850,8 +11207,8 @@ import {
   mkdir,
   rm
 } from "fs/promises";
-import { EOL } from "os";
-import { dirname } from "path";
+import { EOL, tmpdir } from "os";
+import { dirname, join } from "path";
 async function clearDir(dir) {
   await rm(dir, { recursive: true });
   await mkdir(dir);
@@ -10873,21 +11230,17 @@ async function writeJson(filePath, object, opts = { spaces: 2 }) {
   await writeFile(filePath, toJsonString(object, opts));
 }
 
-// ../astro-backend-extensions/src/build-components/buildComponents.ts
-init_esm_shims();
-import { join as join4 } from "path";
-
-// ../astro-backend-extensions/src/build-components/buildServicePluginComponent.ts
-init_esm_shims();
-import { writeFile as writeFile2 } from "fs/promises";
-import { join as join2 } from "path";
-
 // ../vite-utils/src/index.ts
 init_esm_shims();
 import { ok } from "assert";
-import { join } from "path";
+import { join as join2 } from "path";
 import { fileURLToPath as fileURLToPath2 } from "url";
-import { normalizePath as originalNormalizePath } from "vite";
+import {
+  createServer,
+  mergeConfig,
+  build as viteBuild,
+  normalizePath as viteNormalizePath
+} from "vite";
 function appendToDevServerUrl(devServerUrl, relativePath) {
   const url = new URL(
     relativePath.replace(/^[\\/]/, "./"),
@@ -10895,33 +11248,111 @@ function appendToDevServerUrl(devServerUrl, relativePath) {
   );
   return url.toString();
 }
+async function build(config) {
+  const buildOutput = await viteBuild(config);
+  return viteBuildOutputToRollupOutputs(buildOutput);
+}
+async function buildAll(configs) {
+  const buildOutput = [];
+  for (const config of configs) {
+    const result = await viteBuild(config);
+    if (Array.isArray(result)) {
+      buildOutput.push(...result);
+    } else if ("output" in result) {
+      buildOutput.push(result);
+    }
+  }
+  return viteBuildOutputToRollupOutputs(buildOutput);
+}
+async function createTemporaryViteServer(viteConfig) {
+  const server = await createServer(
+    mergeConfig(viteConfig, {
+      logLevel: "silent",
+      optimizeDeps: { noDiscovery: true },
+      server: {
+        middlewareMode: true,
+        ws: false
+      }
+    })
+  );
+  return server;
+}
+function getAssetForModuleId({
+  buildOutput,
+  moduleId
+}) {
+  const asset = buildOutput.filter((x) => x.type === "asset").find((x) => x.fileName === moduleId);
+  ok(asset);
+  return asset;
+}
+function getAssetForName({
+  name,
+  buildOutput
+}) {
+  const asset = buildOutput.filter((x) => x.type === "asset").find((x) => x.names.includes(name));
+  ok(asset);
+  return asset;
+}
 function getAssetUrlForModuleId({
   baseUrl,
   devServer,
   moduleId
 }) {
-  const pathWithBase = join(devServer.config.base, "@id", `${moduleId}?import`);
+  const pathWithBase = join2(devServer.config.base, "@id", `${moduleId}?import`);
   return appendToDevServerUrl(baseUrl, pathWithBase);
 }
+function getChunkForEntryName({
+  buildOutput,
+  entryName
+}) {
+  const chunk = buildOutput.filter((x) => x.type === "chunk").find((x) => x.isEntry && x.name === entryName);
+  ok(chunk);
+  return chunk;
+}
+function getChunkForModuleId({
+  buildOutput,
+  moduleId
+}) {
+  const chunk = buildOutput.filter((x) => x.type === "chunk").find((x) => x.facadeModuleId === moduleId);
+  ok(chunk);
+  return chunk;
+}
+function getCssFileNameFromChunk(chunk) {
+  return chunk.viteMetadata?.importedCss.values().next().value;
+}
 function getLocalDevServerUrl(server) {
   const [devServerUrl] = server.resolvedUrls?.local ?? [];
   ok(devServerUrl != null);
   return devServerUrl;
 }
+async function loadFileWithVite(filename, server) {
+  const module2 = await server.ssrLoadModule(filename).catch((error) => {
+    if (error != null && typeof error === "object" && "code" in error && error.code === "ERR_LOAD_URL") {
+      return null;
+    }
+    throw error;
+  });
+  return module2;
+}
 function viteBuildOutputToRollupOutputs(viteBuildOutput) {
-  const result = [];
-  if (Array.isArray(viteBuildOutput)) {
-    result.push(...viteBuildOutput);
-  } else if ("output" in viteBuildOutput) {
-    result.push(viteBuildOutput);
-  }
-  return result;
+  const isValidRollupOutput = "output" in viteBuildOutput || Array.isArray(viteBuildOutput);
+  ok(isValidRollupOutput);
+  return Array.isArray(viteBuildOutput) ? viteBuildOutput.flatMap((output) => output.output) : viteBuildOutput.output;
 }
 function normalizePath(id) {
   const filePath = typeof id === "string" ? id : fileURLToPath2(id);
-  return originalNormalizePath(filePath);
+  return viteNormalizePath(filePath);
 }
 
+// ../astro-backend-extensions/src/build-components/buildComponents.ts
+init_esm_shims();
+import { join as join5 } from "path";
+
+// ../astro-backend-extensions/src/build-components/buildServicePluginComponent.ts
+init_esm_shims();
+import { writeFile as writeFile2 } from "fs/promises";
+import { join as join3 } from "path";
+
 // ../../node_modules/outdent/lib-module/index.js
 init_esm_shims();
 function noop() {
@@ -10967,9 +11398,9 @@ var reDetectIndentation = /(?:\r\n|\r|\n)([ \t]*)(?:[^ \t\r\n]|$)/;
 var reOnlyWhitespaceWithAtLeastOneNewline = /^[ \t]*[\r\n][ \t\r\n]*$/;
 function _outdentArray(strings, firstInterpolatedValueSetsIndentationLevel, options) {
   var indentationLevel = 0;
-  var match = strings[0].match(reDetectIndentation);
-  if (match) {
-    indentationLevel = match[1].length;
+  var match2 = strings[0].match(reDetectIndentation);
+  if (match2) {
+    indentationLevel = match2[1].length;
   }
   var reSource = "(\\r\\n|\\r|\\n).{0," + indentationLevel + "}";
   var reMatchIndent = new RegExp(reSource, "g");
@@ -11067,10 +11498,10 @@ async function buildServicePluginComponent({
   entryFileName,
   srcDir
 }) {
-  const directory = join2(codegenDir, compId);
+  const directory = join3(codegenDir, compId);
   await outputDir(directory);
-  const entrypoint = join2(directory, `entry.ts`);
-  const entryFilePath = join2(srcDir, entryFileName);
+  const entrypoint = join3(directory, `entry.ts`);
+  const entryFilePath = join3(srcDir, entryFileName);
   await writeFile2(
     entrypoint,
     defaultOutdent`
@@ -11086,7 +11517,7 @@ async function buildServicePluginComponent({
 // ../astro-backend-extensions/src/build-components/buildWebhookComponent.ts
 init_esm_shims();
 import { writeFile as writeFile3 } from "fs/promises";
-import { join as join3 } from "path";
+import { join as join4 } from "path";
 var setupWebhookUrl = new URL(
   "../dependencies/astro-backend-extensions/backend-runtime/runtime/setupWebhook.js",
   import.meta.url
@@ -11097,10 +11528,10 @@ async function buildWebhookComponent({
   entryFileName,
   srcDir
 }) {
-  const directory = join3(codegenDir, compId);
+  const directory = join4(codegenDir, compId);
   await outputDir(directory);
-  const entrypoint = join3(directory, `entry.ts`);
-  const entryFilePath = join3(srcDir, entryFileName);
+  const entrypoint = join4(directory, `entry.ts`);
+  const entryFilePath = join4(srcDir, entryFileName);
   await writeFile3(
     entrypoint,
     defaultOutdent`
@@ -11119,8 +11550,8 @@ async function buildComponents({
   extensions,
   srcDir
 }) {
-  const webhooksCodegenDir = join4(codegenDir, "webhooks");
-  const servicePluginsCodegenDir = join4(codegenDir, "service-plugins");
+  const webhooksCodegenDir = join5(codegenDir, "webhooks");
+  const servicePluginsCodegenDir = join5(codegenDir, "service-plugins");
   for (const extension of extensions) {
     switch (extension.type) {
       case "EcomAdditionalFees": {
@@ -11192,11 +11623,91 @@ async function buildComponents({
 
 // ../astro-backend-extensions/src/utils/createExtensionManifest.ts
 init_esm_shims();
-function createExtensionManifest(extension, baseUrl) {
+
+// ../astro-backend-extensions/src/utils/legacyWebhookMap.ts
+init_esm_shims();
+var mapping = {
+  AppInstalled: "APP_PROVISIONED_WEBHOOK",
+  AppRemoved: "APP_REMOVED_WEBHOOK",
+  "com.wix.bookings.api.v1.BookingNotification": "BOOKINGS.BOOKING.EVENTS",
+  "com.wix.bookings.schedules.api.v1.ScheduleNotification": "BOOKINGS.SCHEDULES.EVENTS",
+  "com.wix.ecommerce.cart.abandonment.api.v1.CartAbandonedEvent": "STORES_CART_ABANDONED_CART_WEBHOOK",
+  "com.wix.ecommerce.cart.abandonment.api.v1.CartRecoveredEvent": "STORES_CART_RECOVERED_WEBHOOK",
+  "com.wix.ecommerce.cart.api.v1.CartCompletedEvent": "STORES_CART_COMPLETED_WEBHOOK",
+  "com.wix.ecommerce.cart.api.v1.CartCreatedEvent": "STORES_CART_CREATED_WEBHOOK",
+  "com.wix.ecommerce.catalog.api.v1.CollectionChanged": "STORES_COLLECTION_CHANGED",
+  "com.wix.ecommerce.catalog.api.v1.CollectionCreated": "STORES_COLLECTION_CREATED",
+  "com.wix.ecommerce.catalog.api.v1.CollectionDeleted": "STORES_COLLECTION_DELETED",
+  "com.wix.ecommerce.catalog.api.v1.ProductChanged": "STORES_PRODUCT_CHANGED",
+  "com.wix.ecommerce.catalog.api.v1.ProductCreated": "STORES_PRODUCT_CREATED",
+  "com.wix.ecommerce.catalog.api.v1.ProductDeleted": "STORES_PRODUCT_DELETED",
+  "com.wix.ecommerce.catalog.api.v1.VariantsChanged": "STORES_VARIANTS_CHANGED",
+  "com.wix.ecommerce.inventory.api.v1.InventoryItemChanged": "STORES_INVENTORY_ITEM_CHANGED",
+  "com.wix.ecommerce.inventory.api.v1.InventoryVariantsChanged": "STORES_INVENTORY_VARIANTS_CHANGED",
+  "com.wix.ecommerce.orders.api.v2.OrderEvent": "STORES_NEW_ORDER_WEBHOOK",
+  "com.wix.payment.api.pay.v3.PaymentEvent": "CASHIER_PAYMENT_EVENT_WEBHOOK",
+  "com.wixpress.bookings.resources.core.api.v1.resource.ResourceNotification": "BOOKINGS.RESOURCES.EVENTS",
+  "com.wixpress.bookings.services.api.v1.CategoryNotification": "BOOKINGS.CATEGORIES.EVENTS",
+  "com.wixpress.bookings.services.api.v1.FormNotification": "BOOKINGS.FORMS.EVENTS",
+  "com.wixpress.bookings.services.api.v1.ServiceNotification": "BOOKINGS.SERVICES.EVENTS",
+  "com.wixpress.emailsubscriptions.v1.EmailSubscriptionChanged": "EMAIL_SUBSCRIPTION_CHANGED",
+  "com.wixpress.formbuilder.api.v1.FormSubmittedEvent": "CRM_FORM_SUBMITTED",
+  FulfillmentCreated: "STORES_FULFILLMENT_CREATED",
+  FulfillmentDeleted: "STORES_FULFILLMENT_DELETED",
+  FulfillmentUpdated: "STORES_FULFILLMENT_UPDATED",
+  NewMessageReceived: "WIX_CHAT_NEW_MESSAGE",
+  OneTimePurchasesChanged: "wix.stores.v1.subscription_option_one_time_purcahse_changed",
+  OrderCanceled: "STORES_ORDER_CANCEL_WEBHOOK",
+  OrderPaid: "STORES_ORDER_PAID_WEBHOOK",
+  OrderRefunded: "STORES_ORDER_REFUND_WEBHOOK",
+  PaidPlanAutoRenewalCancelled: "APP_SUBSCRIPTION_CANCELLED_WEBHOOK",
+  PaidPlanChanged: "APP_SUBSCRIPTION_CHANGED_WEBHOOK",
+  PaidPlanPurchased: "APP_SUBSCRIPTION_CREATED_WEBHOOK",
+  PlanConvertedToPaid: "APP-SUBSCRIPTION-CONVERTED-TO-PAID-WEBHOOK",
+  PlanReactivated: "APP_SUBSCRIPTION_REACTIVATED_WEBHOOK",
+  PlanTransferred: "APP_SUBSCRIPTION_TRANSFERRED_WEBHOOK",
+  SitePropertiesUpdated: "SITE_PROPERTIES_UPDATED",
+  SubscriptionOptionsAssignmentChangedForProduct: "wix.stores.v1.subscription_option_assigned",
+  "wix.blog.v3.category_created": "wix.blog.category_created",
+  "wix.blog.v3.category_deleted": "wix.blog.category_deleted",
+  "wix.blog.v3.category_updated": "wix.blog.category_updated",
+  "wix.blog.v3.post_created": "wix.blog.post_created",
+  "wix.blog.v3.post_deleted": "wix.blog.post_deleted",
+  "wix.blog.v3.post_liked": "wix.blog.post_liked",
+  "wix.blog.v3.post_unliked": "wix.blog.post_unliked",
+  "wix.events.events.EventCanceled": "EVENTS_EVENT_CANCELED_WEBHOOK",
+  "wix.events.events.EventCreated": "EVENTS_EVENT_CREATED_WEBHOOK",
+  "wix.events.events.EventDeleted": "EVENTS_EVENT_DELETED_WEBHOOK",
+  "wix.events.events.EventEnded": "EVENTS_EVENT_ENDED_WEBHOOK",
+  "wix.events.events.EventReminder": "EVENTS_EVENT_REMINDER",
+  "wix.events.events.EventStarted": "EVENTS_EVENT_STARTED_WEBHOOK",
+  "wix.events.events.EventUpdated": "EVENTS_EVENT_UPDATED_WEBHOOK",
+  "wix.events.rsvp.events.RsvpCreated": "EVENTS_RSVP_CREATED_WEBHOOK",
+  "wix.events.rsvp.events.RsvpDeleted": "EVENTS_RSVP_DELETED_WEBHOOK",
+  "wix.events.rsvp.events.RsvpUpdated": "EVENTS_RSVP_UPDATED_WEBHOOK",
+  "wix.events.ticketing.events.OrderConfirmed": "EVENTS_TICKETING_ORDER_CONFIRMED_WEBHOOK",
+  "wix.events.ticketing.events.OrderDeleted": "EVENTS_TICKETING_ORDER_DELETED_WEBHOOK",
+  "wix.events.ticketing.events.OrderInitiated": "EVENTS_TICKETING_ORDER_INITIATED_WEBHOOK",
+  "wix.events.ticketing.events.OrderUpdated": "EVENTS_TICKETING_ORDER_UPDATED_WEBHOOK",
+  "wix.events.ticketing.events.ReservationCreated": "EVENTS_TICKETING_RESERVATION_CREATED_WEBHOOK",
+  "wix.events.ticketing.events.ReservationUpdated": "EVENTS_TICKETING_RESERVATION_UPDATED_WEBHOOK",
+  "wix.events.ticketing.events.TicketDefinitionCreated": "EVENTS_TICKETING_TICKET_DEFINITION_CREATED_WEBHOOK",
+  "wix.events.ticketing.events.TicketDefinitionDeleted": "EVENTS_TICKETING_TICKET_DEFINITION_DELETED_WEBHOOK",
+  "wix.events.ticketing.events.TicketDefinitionUpdated": "EVENTS_TICKETING_TICKET_DEFINITION_UPDATED_WEBHOOK"
+};
+var legacyWebhookMap = new Map(Object.entries(mapping));
+
+// ../astro-backend-extensions/src/utils/createExtensionManifest.ts
+async function createExtensionManifest({
+  baseUrl,
+  extension,
+  temporaryViteServer
+}) {
   switch (extension.type) {
     case "EcomAdditionalFees": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "ECOM_ADDITIONAL_FEES",
         compData: {
           ecomAdditionalFees: {
@@ -11211,6 +11722,7 @@ function createExtensionManifest(extension, baseUrl) {
     case "EcomDiscountsTrigger": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "ECOM_DISCOUNTS_TRIGGER",
         compData: {
           ecomDiscountsTrigger: {
@@ -11225,6 +11737,7 @@ function createExtensionManifest(extension, baseUrl) {
     case "EcomGiftCardsProvider": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "GIFT_CARDS_PROVIDER",
         compData: {
           giftCardsProvider: {
@@ -11239,13 +11752,15 @@ function createExtensionManifest(extension, baseUrl) {
     case "EcomPaymentSettings": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "ECOM_PAYMENT_SETTINGS",
         compData: {
           ecomPaymentSettings: {
             deploymentUri: appendToDevServerUrl(
               baseUrl,
               `/_wix/extensions/service-plugins/${extension.options.id}`
-            )
+            ),
+            fallbackValueForRequires3dSecure: extension.options.fallbackValueForRequires3dSecure
           }
         }
       };
@@ -11253,14 +11768,20 @@ function createExtensionManifest(extension, baseUrl) {
     case "EcomShippingRates": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "ECOM_SHIPPING_RATES",
         compData: {
           ecomShippingRates: {
             name: extension.options.name,
+            dashboardUrl: extension.options.dashboardUrl,
             deploymentUri: appendToDevServerUrl(
               baseUrl,
               `/_wix/extensions/service-plugins/${extension.options.id}`
-            )
+            ),
+            description: extension.options.description,
+            fallbackDefinitionMandatory: extension.options.fallbackDefinitionMandatory,
+            learnMoreUrl: extension.options.learnMoreUrl,
+            thumbnailUrl: extension.options.thumbnailUrl
           }
         }
       };
@@ -11268,20 +11789,37 @@ function createExtensionManifest(extension, baseUrl) {
     case "EcomValidations": {
       return {
         compId: extension.options.id,
+        compName: extension.options.name,
         compType: "ECOM_VALIDATIONS",
         compData: {
           ecomValidations: {
             deploymentUri: appendToDevServerUrl(
               baseUrl,
               `/_wix/extensions/service-plugins/${extension.options.id}`
-            )
+            ),
+            validateInCart: extension.options.validateInCart
           }
         }
       };
     }
     case "Webhook": {
+      const module2 = await loadFileWithVite(
+        extension.options.source,
+        temporaryViteServer
+      );
+      if (!isValidEventFileExport(module2)) {
+        throw new Error(
+          [
+            `Invalid export for event source at \`${extension.options.source}\`.`,
+            `Expected event listener call to be the default export.`
+          ].join("\n")
+        );
+      }
+      const { slug } = module2.default();
+      const webhookSlug = legacyWebhookMap.get(slug) ?? slug;
       return {
         compId: extension.options.id,
+        compName: webhookSlug,
         compType: "WEBHOOK",
         compData: {
           webhook: {
@@ -11289,13 +11827,25 @@ function createExtensionManifest(extension, baseUrl) {
               baseUrl,
               `/_wix/extensions/webhooks/${extension.options.id}`
             ),
-            webhookSlug: extension.options.slug
+            webhookSlug
           }
         }
       };
     }
   }
 }
+function isValidEventFileExport(module2) {
+  if (typeof module2 !== "object" || module2 == null) {
+    return false;
+  }
+  if (!("default" in module2)) {
+    return false;
+  }
+  if (typeof module2.default !== "function") {
+    return false;
+  }
+  return true;
+}
 
 // ../astro-backend-extensions/src/utils/filterSupportedExtensions.ts
 init_esm_shims();
@@ -11719,11 +12269,11 @@ var normalizePathForDirectoryGlob = (filePath, cwd) => {
   return nodePath.isAbsolute(path5) ? path5 : nodePath.join(cwd, path5);
 };
 var shouldExpandGlobstarDirectory = (pattern) => {
-  const match = pattern?.match(/\*\*\/([^/]+)$/);
-  if (!match) {
+  const match2 = pattern?.match(/\*\*\/([^/]+)$/);
+  if (!match2) {
     return false;
   }
-  const dirname3 = match[1];
+  const dirname3 = match2[1];
   const hasWildcards = /[*?[\]{}]/.test(dirname3);
   const hasExtension = nodePath.extname(dirname3) && !dirname3.startsWith(".");
   return !hasWildcards && !hasExtension;
@@ -11937,6 +12487,7 @@ async function removeUnusedCodegenFiles({
 var createIntegration = () => {
   let srcDir = null;
   let codegenDir = null;
+  let temporaryViteServer = null;
   return {
     name: "@wix/astro/backend-extensions",
     hooks: {
@@ -11974,15 +12525,33 @@ var createIntegration = () => {
         await removeUnusedCodegenFiles({ codegenDir, extensions });
         await buildComponents({ codegenDir, extensions, srcDir });
       },
-      "wix:app-manifest:setup"({
+      async "astro:server:done"() {
+        await temporaryViteServer?.close();
+      },
+      async "wix:app-manifest:setup"({
         model,
         serverUrlPlaceholder: serverUrlPlaceholder2,
         updateAppManifest
       }) {
+        ok2(srcDir != null);
+        temporaryViteServer ??= await createTemporaryViteServer({
+          root: srcDir,
+          // this makes the temporary vite server have its own, separate, copy
+          // of `@wix/sdk-context`, which means it runs in an isolated context
+          // than that of the dev server.
+          ssr: { noExternal: true }
+        });
         const extensions = model.extensions.filter(filterSupportedExtensions);
         updateAppManifest({
-          components: extensions.map(
-            (extension) => createExtensionManifest(extension, serverUrlPlaceholder2)
+          components: await Promise.all(
+            extensions.map(async (extension) => {
+              ok2(temporaryViteServer);
+              return createExtensionManifest({
+                baseUrl: serverUrlPlaceholder2,
+                extension,
+                temporaryViteServer
+              });
+            })
           )
         });
       }
@@ -12063,12 +12632,12 @@ import { fileURLToPath as fileURLToPath5 } from "url";
 
 // ../astro-backoffice-extensions/src/build-components/buildComponents.ts
 init_esm_shims();
-import { join as join6 } from "path";
+import { join as join7 } from "path";
 
 // ../astro-backoffice-extensions/src/build-components/buildBackofficeComponent.ts
 init_esm_shims();
 import { writeFile as writeFile4 } from "fs/promises";
-import { join as join5 } from "path";
+import { join as join6 } from "path";
 var wrapComponentUrl = new URL(
   "../dependencies/astro-backoffice-extensions/browser-runtime/wrapComponent.js",
   import.meta.url
@@ -12079,10 +12648,10 @@ async function buildBackofficeComponent({
   entryFileName,
   srcDir
 }) {
-  const directory = join5(codegenDir, compId);
+  const directory = join6(codegenDir, compId);
   await outputDir(directory);
-  const entryFilePath = join5(srcDir, entryFileName);
-  const HocEntrypoint = join5(directory, `wrapper.tsx`);
+  const entryFilePath = join6(srcDir, entryFileName);
+  const HocEntrypoint = join6(directory, `wrapper.tsx`);
   await writeFile4(
     HocEntrypoint,
     defaultOutdent`
@@ -12092,7 +12661,7 @@ async function buildBackofficeComponent({
       export const WrappedComponent = wrapComponent(Component);
     `
   );
-  const entrypoint = join5(directory, `entry.astro`);
+  const entrypoint = join6(directory, `entry.astro`);
   await writeFile4(
     entrypoint,
     defaultOutdent`
@@ -12118,7 +12687,7 @@ async function buildComponents2({
   extensions,
   srcDir
 }) {
-  const backofficeCodegenDir = join6(codegenDir, "backoffice");
+  const backofficeCodegenDir = join7(codegenDir, "backoffice");
   for (const extension of extensions) {
     switch (extension.type) {
       case "BackofficeExtensionMenuPlugin": {
@@ -12166,10 +12735,17 @@ function createExtensionManifest2(extension, baseUrl) {
     case "BackofficeExtensionMenuPlugin": {
       return {
         compId: extension.options.id,
+        compName: extension.options.title,
         compType: "BACK_OFFICE_EXTENSION_MENU_ITEM",
         compData: {
           backOfficeExtensionMenuItem: {
-            iframeUrl
+            action: extension.options.action,
+            description: extension.options.description,
+            extends: extension.options.extends,
+            hostingPlatform: "BUSINESS_MANAGER",
+            iconKey: extension.options.iconKey,
+            subtitle: extension.options.subtitle,
+            title: extension.options.title
           }
         }
       };
@@ -12177,10 +12753,16 @@ function createExtensionManifest2(extension, baseUrl) {
     case "BackofficeExtensionWidget": {
       return {
         compId: extension.options.id,
+        compName: extension.options.title,
         compType: "BACK_OFFICE_EXTENSION_WIDGET",
         compData: {
           backOfficeExtensionWidget: {
-            iframeUrl
+            description: extension.options.description,
+            extends: extension.options.extends,
+            height: extension.options.height,
+            hostingPlatform: "BUSINESS_MANAGER",
+            iframeUrl,
+            title: extension.options.title
           }
         }
       };
@@ -12188,10 +12770,16 @@ function createExtensionManifest2(extension, baseUrl) {
     case "BackofficeModal": {
       return {
         compId: extension.options.id,
+        compName: extension.options.title,
         compType: "BACK_OFFICE_MODAL",
         compData: {
           backOfficeModal: {
-            iframeUrl
+            height: extension.options.height,
+            hostingPlatform: "BUSINESS_MANAGER",
+            iconKey: extension.options.iconKey,
+            iframeUrl,
+            title: extension.options.title,
+            width: extension.options.width
           }
         }
       };
@@ -12199,6 +12787,7 @@ function createExtensionManifest2(extension, baseUrl) {
     case "BackofficePage": {
       return {
         compId: extension.options.id,
+        compName: extension.options.title,
         compType: "BACK_OFFICE_PAGE",
         compData: {
           backOfficePage: {
@@ -12331,7 +12920,7 @@ init_esm_shims();
 // ../astro-core/src/integration.ts
 init_esm_shims();
 import { ok as ok5 } from "assert";
-import { join as join8 } from "path";
+import { join as join9 } from "path";
 import { fileURLToPath as fileURLToPath7 } from "url";
 import { envField, passthroughImageService } from "astro/config";
 
@@ -12505,8 +13094,8 @@ function getLocalDevServerRootUrl(server) {
 init_esm_shims();
 import { ok as ok4 } from "assert";
 import { createHash } from "crypto";
-import { join as join7 } from "path";
-import { mergeConfig } from "vite";
+import { join as join8 } from "path";
+import { mergeConfig as mergeConfig2 } from "vite";
 function createExtensionViteConfigFactory({
   command,
   config: astroConfig,
@@ -12514,16 +13103,16 @@ function createExtensionViteConfigFactory({
 }) {
   let initialServerPort = 6001;
   return (integrationName) => {
-    return ({ name: extensionName, config: extensionConfig }) => {
+    return ({ name: extensionName2, config: extensionConfig }) => {
       ok4(astroConfig.build?.outDir != null);
       const hash = createShortHash(integrationName);
-      const extensionId = `${hash}-${extensionName}`;
+      const extensionId = `${hash}-${extensionName2}`;
       const outputDir2 = `_wix_${extensionId}`;
       const commandConfig = {};
       if (command === "serve") {
         commandConfig.base = `${EXTENSION_PROXY_BASE}/${extensionId}/`;
       }
-      return mergeConfig(
+      return mergeConfig2(
         {
           build: {
             assetsDir: outputDir2,
@@ -12532,20 +13121,20 @@ function createExtensionViteConfigFactory({
             rollupOptions: {
               output: {
                 assetFileNames: normalizePath(
-                  join7(outputDir2, `[name]-[hash][extname]`)
+                  join8(outputDir2, `[name]-[hash][extname]`)
                 ),
                 chunkFileNames: normalizePath(
-                  join7(outputDir2, `[name]-[hash].js`)
+                  join8(outputDir2, `[name]-[hash].js`)
                 ),
                 entryFileNames: normalizePath(
-                  join7(outputDir2, `[name]-[hash].js`)
+                  join8(outputDir2, `[name]-[hash].js`)
                 ),
                 format: "esm"
               }
             },
             target: astroConfig.build.target
           },
-          cacheDir: join7("node_modules", ".vite-wix", extensionId),
+          cacheDir: join8("node_modules", ".vite-wix", extensionId),
           clearScreen: false,
           configFile: false,
           customLogger: astroConfig.customLogger,
@@ -12571,7 +13160,6 @@ function createShortHash(str) {
 // ../astro-core/src/utils/createModel.ts
 init_esm_shims();
 import EventEmitter from "events";
-import { createServer, mergeConfig as mergeConfig2 } from "vite";
 
 // ../astro-core/src/utils/loadEnvVars.ts
 init_esm_shims();
@@ -13084,7 +13672,7 @@ function loadEnvVars({
   logger,
   rootDir
 }) {
-  const env2 = loadEnv("development", rootDir, "");
+  const env2 = loadEnv("production", rootDir, "");
   const appId = env2[wixClientIdEnvVar];
   if (appId == null) {
     logger.error(
@@ -13144,10 +13732,9 @@ async function createModel({
   srcDir
 }) {
   const { appId, env: env2 } = loadEnvVars({ logger, rootDir });
-  const server = await getTempViteServer({
-    viteConfig: {
-      root: srcDir
-    }
+  const server = await createTemporaryViteServer({
+    root: srcDir,
+    ssr: { external: [] }
   });
   const extensions = await loadExtensions(server);
   const model = new Model({
@@ -13159,33 +13746,9 @@ async function createModel({
   });
   return model;
 }
-async function getTempViteServer({
-  viteConfig
-}) {
-  const tempViteServer = await createServer(
-    mergeConfig2(viteConfig, {
-      logLevel: "silent",
-      optimizeDeps: { noDiscovery: true },
-      server: {
-        middlewareMode: true,
-        ws: false
-      },
-      ssr: { external: [] }
-    })
-  );
-  return tempViteServer;
-}
 async function loadExtensions(server) {
-  const mod = await server.ssrLoadModule("/extensions.ts").catch((error) => {
-    if (error != null && typeof error === "object" && "code" in error && error.code === "ERR_LOAD_URL") {
-      return null;
-    }
-    throw error;
-  });
-  if (mod) {
-    return mod.default.extensions;
-  }
-  return [];
+  const module2 = await loadFileWithVite("/extensions.ts", server);
+  return module2 ? module2.default.extensions : [];
 }
 
 // ../astro-core/src/utils/generateBuildMetadata.ts
@@ -13216,7 +13779,7 @@ var createIntegration3 = ({
   let astroServer;
   const devServersToProxy = /* @__PURE__ */ new Set();
   return {
-    name: "@wix/astro/core",
+    name: "@wix/astro",
     hooks: {
       async "astro:config:setup"({
         config: astroConfig,
@@ -13251,7 +13814,6 @@ var createIntegration3 = ({
             domains: ["static.wixstatic.com"],
             service: passthroughImageService()
           },
-          integrations,
           vite: {
             optimizeDeps: {
               include: [
@@ -13348,8 +13910,8 @@ var createIntegration3 = ({
         ok5(model);
         const rootDir = fileURLToPath7(config.root);
         const outDir = fileURLToPath7(config.outDir);
-        const buildMetadataPath = join8(rootDir, ".wix/build-metadata.json");
-        const appManifestPath = join8(outDir, "_wix/app-manifest.json");
+        const buildMetadataPath = join9(rootDir, ".wix/build-metadata.json");
+        const appManifestPath = join9(outDir, "_wix/app-manifest.json");
         const buildMetadata = await generateBuildMetadata(
           appManifestPath,
           config
@@ -13391,7 +13953,7 @@ init_esm_shims();
 init_esm_shims();
 import { ok as ok7 } from "assert";
 import { fileURLToPath as fileURLToPath8 } from "url";
-import { build, createServer as createServer2 } from "vite";
+import { createServer as createServer2 } from "vite";
 
 // ../astro-custom-elements-extensions/src/utils/filterSupportedExtensions.ts
 init_esm_shims();
@@ -13401,15 +13963,14 @@ function filterSupportedExtensions3(extension) {
 
 // ../astro-custom-elements-extensions/src/utils/getAssetUrl.ts
 init_esm_shims();
-import { ok as ok6 } from "assert";
-import { join as join9 } from "path";
+import { join as join10 } from "path";
 function getAssetUrl({
   buildOutput,
   fileName,
   viteDevServer
 }) {
   if (buildOutput) {
-    return getChunkUrlForBuildOutput({ buildOutput, fileName });
+    return getAssetForModuleId({ buildOutput, moduleId: fileName }).fileName;
   }
   if (viteDevServer) {
     return getAssetUrlForDevServer({ fileName, viteDevServer });
@@ -13420,20 +13981,41 @@ function getAssetUrlForDevServer({
   fileName,
   viteDevServer
 }) {
-  return join9(viteDevServer.config.base, "@id", `${fileName}?import`);
+  return join10(viteDevServer.config.base, fileName);
+}
+
+// ../astro-custom-elements-extensions/src/utils/getChunkUrl.ts
+init_esm_shims();
+import { join as join11 } from "path";
+function getChunkUrl({
+  buildOutput,
+  fileName,
+  viteDevServer
+}) {
+  if (buildOutput) {
+    return getChunkUrlForBuildOutput({ buildOutput, fileName });
+  }
+  if (viteDevServer) {
+    return getChunkUrlForDevServer({ fileName, viteDevServer });
+  }
+  throw new Error("Unknown error: no build output or vite dev server");
 }
 function getChunkUrlForBuildOutput({
   buildOutput,
   fileName
 }) {
-  const asset = buildOutput.output.filter((x) => x.type === "chunk").find((x) => x.facadeModuleId === normalizePath(fileName));
-  ok6(asset);
-  return asset.fileName;
+  return getChunkForModuleId({ buildOutput, moduleId: fileName }).fileName;
+}
+function getChunkUrlForDevServer({
+  fileName,
+  viteDevServer
+}) {
+  return join11(viteDevServer.config.base, "@id", `${fileName}?import`);
 }
 
 // ../astro-custom-elements-extensions/src/vite/getViteConfig.ts
 init_esm_shims();
-import { join as join11 } from "path";
+import { join as join13 } from "path";
 
 // ../../node_modules/vite-plugin-externals/dist/es/src/index.js
 init_esm_shims();
@@ -13933,12 +14515,12 @@ MagicString.prototype.indent = function indent(indentStr, options) {
     });
   }
   var shouldIndentNextCharacter = options.indentStart !== false;
-  var replacer = function(match) {
+  var replacer = function(match2) {
     if (shouldIndentNextCharacter) {
-      return "" + indentStr + match;
+      return "" + indentStr + match2;
     }
     shouldIndentNextCharacter = true;
-    return match;
+    return match2;
   };
   this.intro = this.intro.replace(pattern, replacer);
   var charIndex = 0;
@@ -14560,8 +15142,8 @@ Bundle.prototype.indent = function indent2(indentStr) {
     trailingNewline = source.content.lastChar() === "\n";
   });
   if (this.intro) {
-    this.intro = indentStr + this.intro.replace(/^[^\n]/gm, function(match, index) {
-      return index > 0 ? indentStr + match : match;
+    this.intro = indentStr + this.intro.replace(/^[^\n]/gm, function(match2, index) {
+      return index > 0 ? indentStr + match2 : match2;
     });
   }
   return this;
@@ -15278,17 +15860,17 @@ pp$9.strictDirective = function(start) {
   for (; ; ) {
     skipWhiteSpace.lastIndex = start;
     start += skipWhiteSpace.exec(this.input)[0].length;
-    var match = literal.exec(this.input.slice(start));
-    if (!match) {
+    var match2 = literal.exec(this.input.slice(start));
+    if (!match2) {
       return false;
     }
-    if ((match[1] || match[2]) === "use strict") {
-      skipWhiteSpace.lastIndex = start + match[0].length;
+    if ((match2[1] || match2[2]) === "use strict") {
+      skipWhiteSpace.lastIndex = start + match2[0].length;
       var spaceAfter = skipWhiteSpace.exec(this.input), end = spaceAfter.index + spaceAfter[0].length;
       var next = this.input.charAt(end);
       return next === ";" || next === "}" || lineBreak.test(spaceAfter[0]) && !(/[(`.[+\-/*%<>=,?^&]/.test(next) || next === "!" && this.input.charAt(end + 1) === "=");
     }
-    start += match[0].length;
+    start += match2[0].length;
     skipWhiteSpace.lastIndex = start;
     start += skipWhiteSpace.exec(this.input)[0].length;
     if (this.input[start] === ";") {
@@ -20530,43 +21112,158 @@ function compatSsrInOptions(options) {
 
 // ../astro-custom-elements-extensions/src/vite/viteWrapCustomElementPlugin.ts
 init_esm_shims();
-import { join as join10, parse as parse4 } from "path";
-var runtimeUrl = normalizePath(
+import React from "react";
+import ReactDOM from "react-dom";
+import { ok as ok6 } from "assert";
+import { join as join12, parse as parse4 } from "path";
+import { send } from "vite";
+var wrapCustomElementPath = normalizePath(
   new URL(
-    "../dependencies/astro-custom-elements-extensions/browser-runtime/index.js",
+    "../dependencies/astro-custom-elements-extensions/browser-runtime/wrapCustomElement.js",
     import.meta.url
   )
 );
-function viteWrapCustomElementPlugin({
-  getExtensions,
-  srcDir
-}) {
-  const getExtensionForModuleId = (id) => {
-    const { name: baseId } = parse4(id);
-    const result = getExtensions().find(
+var renderSettingsPanelPath = normalizePath(
+  new URL(
+    "../dependencies/astro-custom-elements-extensions/browser-runtime/renderSettingsPanel.js",
+    import.meta.url
+  )
+);
+var reactHmrPath = normalizePath(
+  new URL(
+    "../dependencies/astro-custom-elements-extensions/browser-runtime/reactHmr.js",
+    import.meta.url
+  )
+);
+var customElementHmrPath = normalizePath(
+  new URL(
+    "../dependencies/astro-custom-elements-extensions/browser-runtime/customElementHmr.js",
+    import.meta.url
+  )
+);
+function viteWrapCustomElementPlugin({
+  getExtensions,
+  srcDir
+}) {
+  const getExtensionForModuleId = (baseId) => {
+    const result = getExtensions().find(
       (extension) => extension.options.id === baseId
     );
     return result;
   };
+  const htmlTemplate = ({
+    dev,
+    setupCode
+  }) => {
+    const reactFileSuffix = dev ? "development.js" : "production.min.js";
+    const reactTemplate = defaultOutdent`
+    <script crossorigin src="https://static.parastorage.com/unpkg/react@${React.version}/umd/react.${reactFileSuffix}"></script>
+    <script crossorigin src="https://static.parastorage.com/unpkg/react-dom@${ReactDOM.version}/umd/react-dom.${reactFileSuffix}"></script>
+  `;
+    return defaultOutdent`
+      <!DOCTYPE html>
+        <html>
+          <head>
+            <meta charset="UTF-8" />
+            <title>Settings Panel</title>
+          </head>
+          <body style="margin: 0">
+            <div id="root"></div>
+            ${reactTemplate}
+            <script type="module">
+              ${setupCode}
+            </script>
+          </body>
+        </html>
+    `;
+  };
   return {
     name: "vite-wrap-custom-element-plugin",
+    configureServer: async (server) => {
+      server.middlewares.use(async (req, res, next) => {
+        ok6(req.url != null);
+        const parsedId = parseId(req.url.replace(server.config.base, ""));
+        if (parsedId == null) {
+          return next();
+        }
+        const { baseId, extension } = parsedId;
+        if (extension === ".html") {
+          const customElement2 = getExtensionForModuleId(baseId);
+          if (customElement2?.options.settings != null) {
+            const filePath = join12(srcDir, customElement2.options.settings);
+            const transformedHtml = await server.transformIndexHtml(
+              baseId,
+              htmlTemplate({
+                dev: true,
+                setupCode: defaultOutdent`
+                  import { createComponentHmrWrapper } from '${reactHmrPath}';
+                  import { renderSettingsPanel } from '${renderSettingsPanelPath}';
+                  import SettingsPanel from '${normalizePath(filePath)}';
+
+                  let WrappedComponent = SettingsPanel;
+
+                  if (import.meta.hot) {
+                    import.meta.hot.accept('${normalizePath(filePath)}', (newModule) => {
+                      if (newModule?.default) {
+                        import.meta.hot.data.setComponent?.(newModule?.default);
+                      }
+                    });
+
+                    WrappedComponent = createComponentHmrWrapper(SettingsPanel, import.meta.hot.data);
+                  }
+
+                  renderSettingsPanel(WrappedComponent);
+                `
+              })
+            );
+            return send(req, res, transformedHtml, "html", {
+              headers: server.config.server.headers
+            });
+          }
+          throw new Error("Unexpected configuration");
+        }
+        return next();
+      });
+    },
     load: {
       handler(id) {
-        const extension = getExtensionForModuleId(id);
-        if (extension) {
-          const filePath = join10(srcDir, extension.options.element);
+        const parsedId = parseId(id);
+        if (parsedId == null) {
+          return;
+        }
+        const { baseId, extension } = parsedId;
+        if (extension === ".html") {
+          const customElement3 = getExtensionForModuleId(baseId);
+          if (customElement3?.options.settings != null) {
+            const filePath = join12(srcDir, customElement3.options.settings);
+            return htmlTemplate({
+              dev: false,
+              setupCode: defaultOutdent`
+                import { renderSettingsPanel } from '${renderSettingsPanelPath}';
+                import SettingsPanel from '${normalizePath(filePath)}';
+
+                renderSettingsPanel(SettingsPanel);
+              `
+            });
+          }
+          throw new Error("Unexpected configuration");
+        }
+        const customElement2 = getExtensionForModuleId(baseId);
+        if (customElement2) {
+          const filePath = join12(srcDir, customElement2.options.element);
           return defaultOutdent`
             import CustomElement from '${normalizePath(filePath)}';
-            import { wrapCustomElement, handleHmr } from '${runtimeUrl}';
+            import { wrapCustomElement } from '${wrapCustomElementPath}';
+            import { customElementHmr } from '${customElementHmrPath}';
 
             if (import.meta.hot) {
               import.meta.hot.accept(() => {});
               import.meta.hot.accept(
                 '${normalizePath(filePath)}',
                 function({ default: NewCustomElement }) {
-                  handleHmr({
+                  customElementHmr({
                     customElement: NewCustomElement,
-                    tagName: '${extension.options.tagName}',
+                    tagName: '${customElement2.options.tagName}',
                   });
                 }
               );
@@ -20574,7 +21271,7 @@ function viteWrapCustomElementPlugin({
 
             wrapCustomElement({
               customElement: CustomElement,
-              tagName: '${extension.options.tagName}',
+              tagName: '${customElement2.options.tagName}',
             });
           `;
         }
@@ -20583,7 +21280,8 @@ function viteWrapCustomElementPlugin({
       order: "pre"
     },
     resolveId(id) {
-      const extension = getExtensionForModuleId(id);
+      const { name: baseId } = parse4(id);
+      const extension = getExtensionForModuleId(baseId);
       if (extension) {
         return id;
       }
@@ -20591,18 +21289,38 @@ function viteWrapCustomElementPlugin({
     }
   };
 }
+function parseId(id) {
+  const [rawId, query] = id.split("?");
+  const params = new URLSearchParams(query);
+  if (params.get("index") != null) {
+    return null;
+  }
+  ok6(rawId != null);
+  const { name: baseId, ext: extension } = parse4(rawId);
+  return {
+    baseId,
+    extension
+  };
+}
 
 // ../astro-custom-elements-extensions/src/vite/getViteConfig.ts
 function getViteConfig({
   createExtensionViteConfig,
   getExtensions,
+  rootDir,
   srcDir
 }) {
-  const input = getExtensions().map(
-    (extension) => `${extension.options.id}.js`
-  );
+  const input = getExtensions().flatMap((extension) => {
+    const entries = [`${extension.options.id}.js`];
+    if (extension.options.settings != null) {
+      entries.push(
+        join13(rootDir, `custom-element-panels/${extension.options.id}.html`)
+      );
+    }
+    return entries;
+  });
   const extensionsPaths = getExtensions().map((extension) => {
-    return join11(srcDir, extension.options.element);
+    return join13(srcDir, extension.options.element);
   });
   return createExtensionViteConfig({
     name: "custom-elements",
@@ -20613,7 +21331,13 @@ function getViteConfig({
         }
       },
       optimizeDeps: {
-        entries: [runtimeUrl, ...extensionsPaths]
+        entries: [
+          customElementHmrPath,
+          wrapCustomElementPath,
+          reactHmrPath,
+          renderSettingsPanelPath,
+          ...extensionsPaths
+        ]
       },
       plugins: [
         viteWrapCustomElementPlugin({ getExtensions, srcDir }),
@@ -20656,10 +21380,12 @@ var createIntegration4 = () => {
       }) {
         ok7(extensions);
         ok7(srcDir != null);
+        ok7(rootDir != null);
         customDevServer = await createServer2(
           getViteConfig({
             createExtensionViteConfig,
             getExtensions,
+            rootDir,
             srcDir
           })
         );
@@ -20676,16 +21402,15 @@ var createIntegration4 = () => {
           return;
         }
         ok7(srcDir != null);
-        const buildOutput = await build(
+        ok7(rootDir != null);
+        customBuildOutput = await build(
           getViteConfig({
             createExtensionViteConfig,
             getExtensions,
+            rootDir,
             srcDir
           })
         );
-        const [clientOutput] = viteBuildOutputToRollupOutputs(buildOutput);
-        ok7(clientOutput);
-        customBuildOutput = clientOutput;
       },
       async "wix:app-manifest:setup"({
         staticsUrlPlaceholder: staticsUrlPlaceholder2,
@@ -20698,7 +21423,7 @@ var createIntegration4 = () => {
         for (const extension of extensions) {
           const scriptUrl = appendToDevServerUrl(
             staticsUrlPlaceholder2,
-            getAssetUrl({
+            getChunkUrl({
               buildOutput: customBuildOutput,
               fileName: `${extension.options.id}.js`,
               viteDevServer: customDevServer
@@ -20710,12 +21435,37 @@ var createIntegration4 = () => {
             compType: "CUSTOM_ELEMENT_WIDGET",
             compData: {
               customElementWidget: {
-                base: extension.options.base,
-                behaviors: extension.options.behaviors,
-                dependencies: extension.options.dependencies,
-                installation: extension.options.installation,
+                base: {
+                  name: extension.options.name
+                },
+                behaviors: {
+                  ...extension.options.behaviors,
+                  ...extension.options.settings != null ? {
+                    settings: {
+                      settingsUrl: appendToDevServerUrl(
+                        staticsUrlPlaceholder2,
+                        getAssetUrl({
+                          buildOutput: customBuildOutput,
+                          fileName: `custom-element-panels/${extension.options.id}.html`,
+                          viteDevServer: customDevServer
+                        })
+                      )
+                    }
+                  } : {}
+                },
+                dependencies: [],
+                // TODO: frontend dependencies
+                installation: {
+                  base: {
+                    autoAdd: extension.options.installation.autoAdd,
+                    essential: extension.options.installation.essential
+                  }
+                },
                 presets: extension.options.presets ?? [],
-                size: extension.options.size,
+                size: {
+                  height: extension.options.height,
+                  width: extension.options.width
+                },
                 widgetData: {
                   scriptType: "ES_MODULE",
                   scriptUrl,
@@ -20751,7 +21501,7 @@ import { ok as ok10 } from "assert";
 import {
   dirname as dirname2,
   isAbsolute as isAbsolutePath,
-  join as join14,
+  join as join16,
   relative
 } from "path";
 import { fileURLToPath as fileURLToPath11 } from "url";
@@ -28620,15 +29370,15 @@ var getCodePoint = (
 );
 function getEscaper(regex, map) {
   return function escape(data2) {
-    let match;
+    let match2;
     let lastIndex = 0;
     let result = "";
-    while (match = regex.exec(data2)) {
-      if (lastIndex !== match.index) {
-        result += data2.substring(lastIndex, match.index);
+    while (match2 = regex.exec(data2)) {
+      if (lastIndex !== match2.index) {
+        result += data2.substring(lastIndex, match2.index);
       }
-      result += map.get(match[0].charCodeAt(0));
-      lastIndex = match.index + 1;
+      result += map.get(match2[0].charCodeAt(0));
+      lastIndex = match2.index + 1;
     }
     return result + data2.substring(lastIndex);
   };
@@ -28766,7 +29516,7 @@ function parseFragment(fragmentContext, html, options) {
 }
 
 // ../astro-embedded-scripts-extensions/src/integration.ts
-import { build as build2, createServer as createServer3 } from "vite";
+import { createServer as createServer3 } from "vite";
 
 // ../astro-embedded-scripts-extensions/src/utils/filterSupportedExtensions.ts
 init_esm_shims();
@@ -28803,46 +29553,130 @@ function getAssetContentFromBuildOutput({
   buildOutput,
   fileName
 }) {
-  const asset = buildOutput.output.filter((x) => x.type === "asset").find((x) => x.fileName === normalizePath(fileName));
+  const asset = buildOutput.filter((x) => x.type === "asset").find((x) => x.fileName === normalizePath(fileName));
   ok8(asset);
   return asset.source.toString();
 }
 
 // ../astro-embedded-scripts-extensions/src/utils/getViteConfig.ts
 init_esm_shims();
-import { join as join13 } from "path";
+import { join as join15 } from "path";
 import { fileURLToPath as fileURLToPath10 } from "url";
 
 // ../astro-embedded-scripts-extensions/src/utils/viteSdkSupportPlugin.ts
 init_esm_shims();
 import { ok as ok9 } from "assert";
-import { join as join12 } from "path";
+import { join as join14 } from "path";
 import { fileURLToPath as fileURLToPath9 } from "url";
+
+// ../astro-embedded-scripts-extensions/src/utils/htmlUtils.ts
+init_esm_shims();
+function traverseModuleElements(node, visitor) {
+  traverseNodes(node, (child) => {
+    if (nodeIsElement(child) && child.nodeName === "script" && // only modules
+    child.attrs.some(
+      (attr) => attr.name === "type" && attr.value === "module"
+    ) && // no inline scripts
+    child.attrs.some((attr) => attr.name === "src")) {
+      visitor(child);
+    }
+    if (nodeIsElement(child) && child.nodeName === "link" && // only modules
+    child.attrs.some(
+      (attr) => attr.name === "rel" && attr.value === "modulepreload"
+    )) {
+      visitor(child);
+    }
+  });
+}
+function traverseModuleScripts(node, visitor) {
+  traverseNodes(node, (child) => {
+    if (nodeIsElement(child) && child.nodeName === "script" && // only modules
+    child.attrs.some(
+      (attr) => attr.name === "type" && attr.value === "module"
+    )) {
+      visitor(child);
+    }
+  });
+}
+function nodeIsElement(node) {
+  return node.nodeName[0] !== "#";
+}
+function traverseNodes(node, visitor) {
+  if (node.nodeName === "template") {
+    node = node.content;
+  }
+  visitor(node);
+  if (nodeIsElement(node) || node.nodeName === "#document" || node.nodeName === "#document-fragment") {
+    for (const childNode of node.childNodes) {
+      traverseNodes(childNode, visitor);
+    }
+  }
+}
+
+// ../astro-embedded-scripts-extensions/src/utils/viteSdkSupportPlugin.ts
 var setupContextUrl = new URL(
   "../dependencies/astro-embedded-scripts-extensions/browser-runtime/setupContext.js",
   import.meta.url
 );
+var setupContextPath = normalizePath(setupContextUrl);
 function viteSdkSupportPlugin() {
-  return {
-    name: "vite-sdk-support-plugin",
-    transformIndexHtml: {
-      handler(html, { bundle, server }) {
-        const scriptPath = resolveRuntimeScriptPath({ bundle, server });
-        return defaultOutdent`
+  return [
+    {
+      name: "vite-sdk-add-context-import",
+      transform(code, id) {
+        const [, query] = id.split("?");
+        const params = new URLSearchParams(query);
+        if (params.get("add-sdk-context-setup") != null) {
+          return defaultOutdent`
+            import '${setupContextPath}';
+            ${code}
+          `;
+        }
+        return code;
+      },
+      transformIndexHtml: {
+        handler(html) {
+          const fragment = parseFragment(html);
+          traverseModuleScripts(fragment, (script) => {
+            const src = script.attrs.find((attr) => attr.name === "src");
+            if (src) {
+              src.value = `${src.value}?add-sdk-context-setup`;
+            } else {
+              const textNode = script.childNodes[0];
+              if (textNode && defaultTreeAdapter.isTextNode(textNode)) {
+                textNode.value = defaultOutdent`
+                  import '${setupContextPath}';
+                  ${textNode.value};
+                `;
+              }
+            }
+          });
+          return serialize(fragment);
+        },
+        order: "pre"
+      }
+    },
+    {
+      name: "vite-sdk-add-accesstoken-script",
+      transformIndexHtml: {
+        handler(html, { bundle, server }) {
+          const scriptPath = resolveRuntimeScriptPath({ bundle, server });
+          return defaultOutdent`
           <script type="module" accesstoken="true" crossorigin src="${scriptPath}"></script>
           ${html}
         `;
-      },
-      order: "post"
+        },
+        order: "post"
+      }
     }
-  };
+  ];
 }
 function resolveRuntimeScriptPath({
   bundle,
   server
 }) {
   if (server) {
-    return join12(server.config.base, "/@fs", fileURLToPath9(setupContextUrl));
+    return join14(server.config.base, "/@fs", fileURLToPath9(setupContextUrl));
   }
   if (bundle) {
     const runtimeChunk = Object.values(bundle).find(
@@ -28871,7 +29705,7 @@ function getViteConfig2({
   const input = [
     setupContextUrl2,
     ...extensions.map(
-      (embeddedScript2) => join13(srcDir, embeddedScript2.options.source)
+      (embeddedScript2) => join15(srcDir, embeddedScript2.options.source)
     )
   ];
   return createExtensionViteConfig({
@@ -28891,40 +29725,6 @@ function getViteConfig2({
   });
 }
 
-// ../astro-embedded-scripts-extensions/src/utils/htmlUtils.ts
-init_esm_shims();
-function traverseModuleScripts(node, visitor) {
-  traverseNodes(node, (child) => {
-    if (nodeIsElement(child) && child.nodeName === "script" && // only modules
-    child.attrs.some(
-      (attr) => attr.name === "type" && attr.value === "module"
-    ) && // no inline scripts
-    child.attrs.some((attr) => attr.name === "src")) {
-      visitor(child);
-    }
-    if (nodeIsElement(child) && child.nodeName === "link" && // only modules
-    child.attrs.some(
-      (attr) => attr.name === "rel" && attr.value === "modulepreload"
-    )) {
-      visitor(child);
-    }
-  });
-}
-function nodeIsElement(node) {
-  return node.nodeName[0] !== "#";
-}
-function traverseNodes(node, visitor) {
-  if (node.nodeName === "template") {
-    node = node.content;
-  }
-  visitor(node);
-  if (nodeIsElement(node) || node.nodeName === "#document" || node.nodeName === "#document-fragment") {
-    for (const childNode of node.childNodes) {
-      traverseNodes(childNode, visitor);
-    }
-  }
-}
-
 // ../astro-embedded-scripts-extensions/src/utils/isAbsoluteUrl.ts
 init_esm_shims();
 function isAbsoluteUrl(url) {
@@ -28981,16 +29781,13 @@ var createIntegration5 = () => {
           return;
         }
         ok10(srcDir != null);
-        const buildOutput = await build2(
+        customBuildOutput = await build(
           getViteConfig2({
             createExtensionViteConfig,
             extensions,
             srcDir
           })
         );
-        const [clientOutput] = viteBuildOutputToRollupOutputs(buildOutput);
-        ok10(clientOutput);
-        customBuildOutput = clientOutput;
       },
       async "wix:app-manifest:setup"({
         staticsUrlPlaceholder: staticsUrlPlaceholder2,
@@ -29003,7 +29800,7 @@ var createIntegration5 = () => {
         for (const extension of extensions) {
           const fileName = relative(
             rootDir,
-            join14(srcDir, extension.options.source)
+            join16(srcDir, extension.options.source)
           );
           const html = await getAssetContent({
             buildOutput: customBuildOutput,
@@ -29011,7 +29808,7 @@ var createIntegration5 = () => {
             viteDevServer: customDevServer
           });
           const fragment = parseFragment(html);
-          traverseModuleScripts(fragment, (script) => {
+          traverseModuleElements(fragment, (script) => {
             const srcAttr = script.attrs.find(
               (x) => x.name === "src" || x.name === "href"
             );
@@ -29019,7 +29816,7 @@ var createIntegration5 = () => {
             if (srcAttr.value.startsWith("//") || isAbsoluteUrl(srcAttr.value)) {
               return;
             }
-            const normalizedValue = isAbsolutePath(srcAttr.value) ? srcAttr.value : join14(
+            const normalizedValue = isAbsolutePath(srcAttr.value) ? srcAttr.value : join16(
               customDevServer?.config.base ?? "",
               dirname2(fileName),
               srcAttr.value
@@ -29029,6 +29826,7 @@ var createIntegration5 = () => {
           });
           components.push({
             compId: extension.options.id,
+            compName: extension.options.name,
             compType: "EMBEDDED_SCRIPT",
             compData: {
               embeddedScriptComponentData: {
@@ -29036,6 +29834,7 @@ var createIntegration5 = () => {
                 allowedForFreeSite: true,
                 connectArticleUrl: "",
                 dependencies: [],
+                // TODO: frontend dependencies
                 embedCategory: extension.options.scriptType,
                 loadOnce: true,
                 pages: "NONE_PAGES",
@@ -29067,12 +29866,11 @@ init_esm_shims();
 
 // ../astro-site-component-panels-extensions/src/integration.ts
 init_esm_shims();
-import { ok as ok13 } from "assert";
-import { build as build3, createServer as createServer4 } from "vite";
+import { ok as ok12 } from "assert";
+import { createServer as createServer4 } from "vite";
 
 // ../astro-site-component-panels-extensions/src/utils/getComponentResources.ts
 init_esm_shims();
-import { ok as ok12 } from "assert";
 
 // ../astro-site-component-panels-extensions/src/vite/extensionPlugin.ts
 init_esm_shims();
@@ -29080,7 +29878,7 @@ import { ok as ok11 } from "assert";
 
 // ../astro-site-component-panels-extensions/src/utils/getSupportedExtensions.ts
 init_esm_shims();
-import { join as join15 } from "path";
+import { join as join17 } from "path";
 function getSupportedExtensions({
   extensions,
   srcDir
@@ -29090,7 +29888,7 @@ function getSupportedExtensions({
   );
   return siteComponentPanelExtensions.map((extension) => ({
     ...extension,
-    componentPath: join15(srcDir, extension.options.component)
+    componentPath: join17(srcDir, extension.options.component)
   }));
 }
 
@@ -29204,13 +30002,12 @@ function getResourcesBuild({
   extension
 }) {
   const moduleId = getVirtualModuleIdForComponent(extension.options.id);
-  const chunk = buildOutput.output.filter((x) => x.type === "chunk").find((x) => x.facadeModuleId === moduleId);
-  ok12(chunk);
-  const componentUrl = chunk.fileName;
-  const cssUrl = chunk.viteMetadata?.importedCss.values().next().value;
+  const chunk = getChunkForModuleId({ buildOutput, moduleId });
+  const componentFileName = chunk.fileName;
+  const cssFileName = getCssFileNameFromChunk(chunk);
   return {
-    bundleUrl: appendToDevServerUrl(baseUrl, componentUrl),
-    cssUrl: cssUrl != null ? appendToDevServerUrl(baseUrl, cssUrl) : void 0
+    bundleUrl: appendToDevServerUrl(baseUrl, componentFileName),
+    cssUrl: cssFileName != null ? appendToDevServerUrl(baseUrl, cssFileName) : void 0
   };
 }
 function getResourcesDev({
@@ -29344,7 +30141,7 @@ var createIntegration6 = () => {
         createExtensionViteConfig,
         setupExtensionProxy
       }) {
-        ok13(model);
+        ok12(model);
         devServer = await createServer4(
           getViteConfig3({
             createExtensionViteConfig,
@@ -29355,27 +30152,24 @@ var createIntegration6 = () => {
         setupExtensionProxy(devServer);
       },
       async "astro:server:done"() {
-        ok13(devServer);
+        ok12(devServer);
         await devServer.close();
       },
       async "wix:build:setup"({ createExtensionViteConfig }) {
-        ok13(model);
+        ok12(model);
         const extensions = getSupportedExtensions(model);
         if (extensions.length === 0) {
           return;
         }
-        const viteOutput = await build3(
+        buildOutput = await build(
           getViteConfig3({ createExtensionViteConfig, model })
         );
-        const [clientOutput] = viteBuildOutputToRollupOutputs(viteOutput);
-        ok13(clientOutput);
-        buildOutput = clientOutput;
       },
       async "wix:app-manifest:setup"({
         staticsUrlPlaceholder: staticsUrlPlaceholder2,
         updateAppManifest
       }) {
-        ok13(model);
+        ok12(model);
         const extensions = getSupportedExtensions(model);
         const components = [];
         for (const extension of extensions) {
@@ -29419,84 +30213,146 @@ init_esm_shims();
 
 // ../astro-site-components-extensions/src/integration.ts
 init_esm_shims();
-import { ok as ok16 } from "assert";
-import { build as build4, createServer as createServer5 } from "vite";
+import { ok as ok14 } from "assert";
+import { createServer as createServer5 } from "vite";
 
-// ../astro-site-components-extensions/src/utils/getComponentResources.ts
+// ../astro-site-components-extensions/src/utils/getPresets.ts
 init_esm_shims();
-import { ok as ok15 } from "assert";
+import { join as join20 } from "path";
 
-// ../astro-site-components-extensions/src/vite/siteComponentPlugin.ts
+// ../astro-site-components-extensions/src/vite/client/build-config.ts
 init_esm_shims();
-import { ok as ok14 } from "assert";
+import { join as join19 } from "path";
 
-// ../astro-site-components-extensions/src/utils/getSupportedExtensions.ts
+// ../astro-site-components-extensions/src/vite/shared.ts
 init_esm_shims();
-import { join as join16 } from "path";
-function getSupportedExtensions2({
-  extensions,
-  srcDir
-}) {
-  const siteComponentExtensions = extensions.filter(filterSiteComponents);
-  return siteComponentExtensions.map((extension) => ({
-    ...extension,
-    componentPath: join16(srcDir, extension.options.resources.client.component)
-  }));
-}
-function filterSiteComponents(extension) {
-  return extension.type === "SiteComponent";
-}
+var extensionName = "site-components";
+var externalDeps2 = [
+  "react",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "react-dom",
+  "@wix/services-manager-react"
+];
 
-// ../astro-site-components-extensions/src/vite/siteComponentPlugin.ts
-var sdkRuntimePath2 = normalizePath(
-  new URL(
-    "../dependencies/astro-site-components-extensions/browser-runtime/sdk.js",
-    import.meta.url
-  )
-);
-var hmrRuntimePath2 = normalizePath(
-  new URL(
-    "../dependencies/astro-site-components-extensions/browser-runtime/hmr.js",
-    import.meta.url
-  )
-);
-var componentVirtualModuleIdPrefix2 = "wix/component/";
-function getVirtualModuleIdForComponent2(componentId) {
-  return `${componentVirtualModuleIdPrefix2}${componentId}`;
+// ../astro-site-components-extensions/src/vite/virtual-modules-plugin.ts
+init_esm_shims();
+
+// ../vite-virtual-router-plugin/src/index.ts
+init_esm_shims();
+var import_path_to_regexp = __toESM(require_dist(), 1);
+import { ok as ok13 } from "assert";
+var RESOLVED_PREFIX = "\0";
+function createVirtualRouter() {
+  const routes = [];
+  return {
+    route(path5, handler) {
+      const matcher = (0, import_path_to_regexp.match)(path5);
+      routes.push({
+        handler,
+        matcher
+      });
+      return this;
+    },
+    get routes() {
+      return routes;
+    }
+  };
 }
-function siteComponentPlugin({ model }) {
+function viteVirtualRouterPlugin({ name, router }) {
   let config = null;
   return {
-    name: "wix:site-component-plugin",
+    name,
     configResolved(resolvedConfig) {
       config = resolvedConfig;
     },
-    load(id) {
-      if (id.startsWith(componentVirtualModuleIdPrefix2)) {
-        const extensionId = id.slice(componentVirtualModuleIdPrefix2.length);
-        const extension = getSupportedExtensions2(model).find(
-          (ext) => ext.options.id === extensionId
-        );
-        if (extension) {
-          ok14(config);
-          const componentPath = normalizePath(extension.componentPath);
-          if (config.command === "build") {
-            return getBuildTemplate2(componentPath);
+    load(rawId) {
+      if (rawId.startsWith(RESOLVED_PREFIX)) {
+        const id = rawId.replace(RESOLVED_PREFIX, "");
+        for (const route of router.routes) {
+          const result = route.matcher(id);
+          if (result !== false) {
+            ok13(config);
+            return route.handler(result.params, {
+              command: config.command,
+              resolvedId: id
+            });
           }
-          return getServeTemplate2(componentPath);
         }
       }
       return null;
     },
     resolveId(id) {
-      if (id.startsWith(componentVirtualModuleIdPrefix2)) {
-        return id;
+      for (const route of router.routes) {
+        if (route.matcher(id) !== false) {
+          return `${RESOLVED_PREFIX}${id}`;
+        }
       }
       return null;
     }
   };
 }
-function getBuildTemplate2(componentPath) {
+
+// ../astro-site-components-extensions/src/vite/client/virtual-module.ts
+init_esm_shims();
+
+// ../astro-site-components-extensions/src/runtime/index.ts
+init_esm_shims();
+var sdkRuntimePath2 = normalizePath(
+  new URL(
+    "../dependencies/astro-site-components-extensions/browser-runtime/sdk.js",
+    import.meta.url
+  )
+);
+var hmrRuntimePath2 = normalizePath(
+  new URL(
+    "../dependencies/astro-site-components-extensions/browser-runtime/hmr.js",
+    import.meta.url
+  )
+);
+
+// ../astro-site-components-extensions/src/utils/getSiteComponent.ts
+init_esm_shims();
+
+// ../astro-site-components-extensions/src/utils/getSupportedExtensions.ts
+init_esm_shims();
+import { join as join18 } from "path";
+function getSupportedExtensions2({
+  extensions,
+  srcDir
+}) {
+  const siteComponentExtensions = extensions.filter(filterSiteComponents);
+  return siteComponentExtensions.map((extension) => {
+    const componentPresets = Object.entries(
+      extension.options.editorElement.presets ?? {}
+    ).map(([name, { source, ...config }]) => ({
+      name,
+      config,
+      path: join18(srcDir, source),
+      source
+    }));
+    return {
+      ...extension,
+      componentPath: join18(srcDir, extension.options.resources.client.component),
+      componentPresets,
+      editorPreviewPath: extension.options.resources.editor?.component != null ? join18(srcDir, extension.options.resources.editor.component) : null,
+      sdkPath: extension.options.resources.sdk != null ? join18(srcDir, extension.options.resources.sdk) : null
+    };
+  });
+}
+function filterSiteComponents(extension) {
+  return extension.type === "SiteComponent";
+}
+
+// ../astro-site-components-extensions/src/utils/getSiteComponent.ts
+function getSiteComponent(model, id) {
+  return getSupportedExtensions2(model).find(
+    (ext) => ext.options.id === id
+  );
+}
+
+// ../astro-site-components-extensions/src/vite/client/virtual-module.ts
+function getClientComponentBuildTemplate(componentPath) {
   return defaultOutdent`
     import { createContext } from '${sdkRuntimePath2}';
 
@@ -29505,7 +30361,7 @@ function getBuildTemplate2(componentPath) {
     export { default } from '${componentPath}';
   `;
 }
-function getServeTemplate2(componentPath) {
+function getClientComponentServeTemplate(componentPath) {
   return defaultOutdent`
     import { createContext } from '${sdkRuntimePath2}';
     import { createComponentHmrWrapper } from '${hmrRuntimePath2}';
@@ -29528,89 +30384,531 @@ function getServeTemplate2(componentPath) {
     export default WrappedComponent;
   `;
 }
-
-// ../astro-site-components-extensions/src/utils/getComponentResources.ts
-function getComponentResources({
-  baseUrl,
-  buildOutput,
-  devServer,
-  extension
+function getVirtualModuleIdForClientComponent(componentId) {
+  return `wix/component/${componentId}`;
+}
+function registerClientVirtualRoute({
+  model,
+  router
+}) {
+  router.route(
+    getVirtualModuleIdForClientComponent(":id"),
+    ({ id }, { command }) => {
+      const extension = getSiteComponent(model, id);
+      if (extension) {
+        const componentPath = normalizePath(extension.componentPath);
+        if (command === "build") {
+          return getClientComponentBuildTemplate(componentPath);
+        }
+        return getClientComponentServeTemplate(componentPath);
+      }
+      return null;
+    }
+  );
+}
+
+// ../astro-site-components-extensions/src/vite/editor/virtual-module.ts
+init_esm_shims();
+function getVirtualModuleIdForEditorComponent(componentId) {
+  return `wix/component-editor/${componentId}`;
+}
+function registerEditorVirtualRoute({
+  model,
+  router
+}) {
+  router.route(
+    getVirtualModuleIdForEditorComponent(":id"),
+    ({ id }, { command }) => {
+      const extension = getSiteComponent(model, id);
+      if (extension?.editorPreviewPath != null) {
+        const componentPath = normalizePath(extension.editorPreviewPath);
+        if (command === "build") {
+          return getClientComponentBuildTemplate(componentPath);
+        }
+        return getClientComponentServeTemplate(componentPath);
+      }
+      return null;
+    }
+  );
+}
+
+// ../astro-site-components-extensions/src/vite/sdk/virtual-module.ts
+init_esm_shims();
+function getVirtualModuleIdForSdk(componentId) {
+  return `wix/component-sdk/${componentId}`;
+}
+function registerSdkVirtualRoute({
+  model,
+  router
+}) {
+  router.route(
+    getVirtualModuleIdForSdk(":id"),
+    ({ id }, { command }) => {
+      const extension = getSiteComponent(model, id);
+      if (extension?.sdkPath != null) {
+        const sdkPath = normalizePath(extension.sdkPath);
+        if (command === "build") {
+          return getBuildTemplate2(sdkPath);
+        }
+        return getServeTemplate2(sdkPath);
+      }
+      return null;
+    }
+  );
+}
+function getBuildTemplate2(sdkPath) {
+  return defaultOutdent`
+    export { default } from '${sdkPath}';
+  `;
+}
+function getServeTemplate2(sdkPath) {
+  return defaultOutdent`
+    if (import.meta.hot) {
+      import.meta.hot.accept((_) => {});
+    }
+
+    export { default } from '${sdkPath}';
+  `;
+}
+
+// ../astro-site-components-extensions/src/vite/virtual-modules-plugin.ts
+function virtualModulesPlugin({ model }) {
+  const router = createVirtualRouter();
+  registerClientVirtualRoute({ model, router });
+  registerEditorVirtualRoute({ model, router });
+  registerSdkVirtualRoute({ model, router });
+  return viteVirtualRouterPlugin({
+    name: "wix:site-component-virtual-modules-plugin",
+    router
+  });
+}
+
+// ../astro-site-components-extensions/src/vite/client/build-config.ts
+function getEntryNameForClientComponent(componentId) {
+  return `component-${componentId}`;
+}
+function getEntryNameForPreset(componentId, presetName) {
+  return `component-${componentId}-preset-${presetName}.css`;
+}
+var getClientBuildConfig = ({
+  createExtensionViteConfig,
+  extension: {
+    componentPresets,
+    options: { id }
+  },
+  model
+}) => {
+  const input = {
+    [getEntryNameForClientComponent(id)]: getVirtualModuleIdForClientComponent(id)
+  };
+  for (const { name, path: path5 } of componentPresets) {
+    input[getEntryNameForPreset(id, name)] = path5;
+  }
+  return createExtensionViteConfig({
+    name: join19(extensionName, "client"),
+    config: {
+      build: {
+        rollupOptions: {
+          external: externalDeps2,
+          input,
+          preserveEntrySignatures: "strict"
+        }
+      },
+      plugins: [virtualModulesPlugin({ model })]
+    }
+  });
+};
+
+// ../astro-site-components-extensions/src/utils/getPresets.ts
+function getPresets({
+  baseUrl,
+  buildOutput,
+  devServer,
+  extension
+}) {
+  if (buildOutput) {
+    return getPresetsBuild({ baseUrl, buildOutput, extension });
+  }
+  if (devServer) {
+    return getPresetsDev({ baseUrl, devServer, extension });
+  }
+  throw new Error("Unknown error: no build output or vite dev server");
+}
+function getPresetsBuild({
+  baseUrl,
+  buildOutput,
+  extension
+}) {
+  return extension.componentPresets.reduce((acc, { name, config }) => {
+    const { fileName } = getAssetForName({
+      name: getEntryNameForPreset(extension.options.id, name),
+      buildOutput
+    });
+    const cssUrl = appendToDevServerUrl(baseUrl, fileName);
+    acc[name] = {
+      ...config,
+      cssUrl,
+      presetCssUrl: cssUrl
+    };
+    return acc;
+  }, {});
+}
+function getPresetsDev({
+  baseUrl,
+  devServer,
+  extension
+}) {
+  return extension.componentPresets.reduce((acc, { name, config, path: path5 }) => {
+    const cssUrl = appendToDevServerUrl(
+      baseUrl,
+      join20(devServer.config.base, "@fs", path5)
+    );
+    acc[name] = {
+      ...config,
+      cssUrl,
+      presetCssUrl: cssUrl
+    };
+    return acc;
+  }, {});
+}
+
+// ../astro-site-components-extensions/src/utils/getResources.ts
+init_esm_shims();
+
+// ../astro-site-components-extensions/src/utils/getClientResource.ts
+init_esm_shims();
+function getClientResource({
+  baseUrl,
+  buildOutput,
+  devServer,
+  extension
 }) {
   if (buildOutput) {
-    return getComponentResourcesBuild({ baseUrl, buildOutput, extension });
+    return getClientResourceBuild({ baseUrl, buildOutput, extension });
   }
   if (devServer) {
-    return getComponentResourcesDev({ baseUrl, devServer, extension });
+    return getClientResourceDev({ baseUrl, devServer, extension });
   }
   throw new Error("Unknown error: no build output or vite dev server");
 }
-function getComponentResourcesBuild({
+function getClientResourceBuild({
   baseUrl,
   buildOutput,
   extension
 }) {
-  const moduleId = getVirtualModuleIdForComponent2(extension.options.id);
-  const chunk = buildOutput.output.filter((x) => x.type === "chunk").find((x) => x.facadeModuleId === moduleId);
-  ok15(chunk);
-  const componentUrl = chunk.fileName;
-  const cssUrl = chunk.viteMetadata?.importedCss.values().next().value;
+  const entryName = getEntryNameForClientComponent(extension.options.id);
+  const chunk = getChunkForEntryName({ buildOutput, entryName });
+  const componentFileName = chunk.fileName;
+  const cssFileName = getCssFileNameFromChunk(chunk);
   return {
-    client: {
-      componentUrl: appendToDevServerUrl(baseUrl, componentUrl),
-      cssUrl: cssUrl != null ? appendToDevServerUrl(baseUrl, cssUrl) : void 0
-    }
+    componentUrl: appendToDevServerUrl(baseUrl, componentFileName),
+    cssUrl: cssFileName != null ? appendToDevServerUrl(baseUrl, cssFileName) : void 0
   };
 }
-function getComponentResourcesDev({
+function getClientResourceDev({
   baseUrl,
   devServer,
   extension
 }) {
-  const moduleId = getVirtualModuleIdForComponent2(extension.options.id);
+  const moduleId = getVirtualModuleIdForClientComponent(extension.options.id);
   return {
-    client: {
-      componentUrl: getAssetUrlForModuleId({ baseUrl, devServer, moduleId })
-    }
+    componentUrl: getAssetUrlForModuleId({ baseUrl, devServer, moduleId })
   };
 }
 
-// ../astro-site-components-extensions/src/vite/getConfig.ts
+// ../astro-site-components-extensions/src/utils/getEditorResource.ts
 init_esm_shims();
-var externalDeps2 = [
-  "react",
-  "react/jsx-runtime",
-  "react/jsx-dev-runtime",
-  "react-dom",
-  "@wix/services-manager-react"
-];
-function getViteConfig4({
+
+// ../astro-site-components-extensions/src/vite/editor/build-config.ts
+init_esm_shims();
+import { join as join21 } from "path";
+function getEntryNameForEditorComponent(componentId) {
+  return `component-${componentId}-editor`;
+}
+var getEditorBuildConfig = ({
   createExtensionViteConfig,
+  extensionId,
   model
-}) {
-  const extensions = getSupportedExtensions2(model);
-  const input = extensions.map(
-    (extension) => [
-      `component-${extension.options.id}`,
-      getVirtualModuleIdForComponent2(extension.options.id)
-    ]
-  );
+}) => {
   return createExtensionViteConfig({
-    name: "site-components",
+    name: join21(extensionName, "editor"),
     config: {
       build: {
         rollupOptions: {
           external: externalDeps2,
-          input: Object.fromEntries(input),
-          // TODO: investigate lib mode instead
+          input: {
+            [getEntryNameForEditorComponent(extensionId)]: getVirtualModuleIdForEditorComponent(extensionId)
+          },
           preserveEntrySignatures: "strict"
         }
       },
+      plugins: [virtualModulesPlugin({ model })]
+    }
+  });
+};
+
+// ../astro-site-components-extensions/src/utils/getEditorResource.ts
+function getEditorResource({
+  baseUrl,
+  buildOutput,
+  devServer,
+  extension
+}) {
+  if (extension.editorPreviewPath == null) {
+    return;
+  }
+  if (buildOutput) {
+    return getEditorResourceBuild({ baseUrl, buildOutput, extension });
+  }
+  if (devServer) {
+    return getEditorResourceDev({ baseUrl, devServer, extension });
+  }
+  throw new Error("Unknown error: no build output or vite dev server");
+}
+function getEditorResourceBuild({
+  baseUrl,
+  buildOutput,
+  extension
+}) {
+  const entryName = getEntryNameForEditorComponent(extension.options.id);
+  const chunk = getChunkForEntryName({ buildOutput, entryName });
+  const componentFileName = chunk.fileName;
+  const cssFileName = getCssFileNameFromChunk(chunk);
+  return {
+    componentUrl: appendToDevServerUrl(baseUrl, componentFileName),
+    cssUrl: cssFileName != null ? appendToDevServerUrl(baseUrl, cssFileName) : void 0
+  };
+}
+function getEditorResourceDev({
+  baseUrl,
+  devServer,
+  extension
+}) {
+  const moduleId = getVirtualModuleIdForEditorComponent(extension.options.id);
+  return {
+    componentUrl: getAssetUrlForModuleId({ baseUrl, devServer, moduleId })
+  };
+}
+
+// ../astro-site-components-extensions/src/utils/getSdkResource.ts
+init_esm_shims();
+
+// ../astro-site-components-extensions/src/vite/sdk/build-config.ts
+init_esm_shims();
+import { join as join22 } from "path";
+function getEntryNameForSdk(componentId) {
+  return `component-${componentId}-sdk`;
+}
+var getSdkBuildConfig = ({
+  createExtensionViteConfig,
+  extensionId,
+  model
+}) => {
+  return createExtensionViteConfig({
+    name: join22(extensionName, "sdk"),
+    config: {
+      build: {
+        rollupOptions: {
+          input: {
+            [getEntryNameForSdk(extensionId)]: getVirtualModuleIdForSdk(extensionId)
+          },
+          output: {
+            inlineDynamicImports: true
+          }
+        },
+        ssr: true
+      },
+      plugins: [virtualModulesPlugin({ model })],
+      ssr: {
+        noExternal: true,
+        target: "webworker"
+      }
+    }
+  });
+};
+
+// ../astro-site-components-extensions/src/utils/getSdkResource.ts
+function getSdkResource({
+  baseUrl,
+  buildOutput,
+  devServer,
+  extension
+}) {
+  if (extension.sdkPath == null) {
+    return;
+  }
+  if (buildOutput) {
+    return getSdkResourceBuild({ baseUrl, buildOutput, extension });
+  }
+  if (devServer) {
+    return getSdkResourceDev({ baseUrl, devServer, extension });
+  }
+  throw new Error("Unknown error: no build output or vite dev server");
+}
+function getSdkResourceBuild({
+  baseUrl,
+  buildOutput,
+  extension
+}) {
+  const entryName = getEntryNameForSdk(extension.options.id);
+  const chunk = getChunkForEntryName({ buildOutput, entryName });
+  const sdkFileName = chunk.fileName;
+  return {
+    url: appendToDevServerUrl(baseUrl, sdkFileName)
+  };
+}
+function getSdkResourceDev({
+  baseUrl,
+  devServer,
+  extension
+}) {
+  const moduleId = getVirtualModuleIdForSdk(extension.options.id);
+  return {
+    url: getAssetUrlForModuleId({ baseUrl, devServer, moduleId })
+  };
+}
+
+// ../astro-site-components-extensions/src/utils/getServerResource.ts
+init_esm_shims();
+
+// ../astro-site-components-extensions/src/vite/server/build-config.ts
+init_esm_shims();
+import { join as join23 } from "path";
+function getEntryNameForServerComponent(componentId) {
+  return `component-${componentId}-server`;
+}
+var getServerBuildConfig = ({
+  createExtensionViteConfig,
+  extensionId,
+  model
+}) => {
+  return createExtensionViteConfig({
+    name: join23(extensionName, "server"),
+    config: {
+      build: {
+        rollupOptions: {
+          external: externalDeps2,
+          input: {
+            [getEntryNameForServerComponent(extensionId)]: getVirtualModuleIdForClientComponent(extensionId)
+          },
+          output: {
+            inlineDynamicImports: true
+          }
+        },
+        ssr: true
+      },
+      plugins: [virtualModulesPlugin({ model })],
+      ssr: {
+        noExternal: true,
+        target: "node"
+      }
+    }
+  });
+};
+
+// ../astro-site-components-extensions/src/utils/getServerResource.ts
+function getServerResource({
+  baseUrl,
+  buildOutput,
+  devServer,
+  extension
+}) {
+  if (buildOutput) {
+    return getServerResourceBuild({ baseUrl, buildOutput, extension });
+  }
+  if (devServer) {
+    return;
+  }
+  throw new Error("Unknown error: no build output or vite dev server");
+}
+function getServerResourceBuild({
+  baseUrl,
+  buildOutput,
+  extension
+}) {
+  const entryName = getEntryNameForServerComponent(extension.options.id);
+  const chunk = getChunkForEntryName({ buildOutput, entryName });
+  const componentFileName = chunk.fileName;
+  return {
+    url: appendToDevServerUrl(baseUrl, componentFileName)
+  };
+}
+
+// ../astro-site-components-extensions/src/utils/getResources.ts
+function getResources2(buildContext) {
+  const { extension } = buildContext;
+  return {
+    ...extension.options.resources,
+    client: getClientResource(buildContext),
+    editor: getEditorResource(buildContext),
+    sdk: getSdkResource(buildContext),
+    server: getServerResource(buildContext)
+  };
+}
+
+// ../astro-site-components-extensions/src/vite/configs/build.ts
+init_esm_shims();
+function getBuildViteConfigs({
+  createExtensionViteConfig,
+  model
+}) {
+  const extensions = getSupportedExtensions2(model);
+  return extensions.reduce((acc, extension) => {
+    const {
+      editorPreviewPath,
+      options: { id: extensionId },
+      sdkPath
+    } = extension;
+    acc.push(
+      getClientBuildConfig({
+        createExtensionViteConfig,
+        extension,
+        model
+      }),
+      getServerBuildConfig({
+        createExtensionViteConfig,
+        extensionId,
+        model
+      })
+    );
+    if (editorPreviewPath != null) {
+      acc.push(
+        getEditorBuildConfig({
+          createExtensionViteConfig,
+          extensionId,
+          model
+        })
+      );
+    }
+    if (sdkPath != null) {
+      acc.push(
+        getSdkBuildConfig({
+          createExtensionViteConfig,
+          extensionId,
+          model
+        })
+      );
+    }
+    return acc;
+  }, []);
+}
+
+// ../astro-site-components-extensions/src/vite/configs/dev.ts
+init_esm_shims();
+function getDevViteConfig({
+  createExtensionViteConfig,
+  model
+}) {
+  const extensionEntries = getSupportedExtensions2(model).map((ext) => [
+    ext.componentPath,
+    ...ext.sdkPath != null ? [ext.sdkPath] : [],
+    ...ext.editorPreviewPath != null ? [ext.editorPreviewPath] : []
+  ]).flat();
+  return createExtensionViteConfig({
+    name: extensionName,
+    config: {
       optimizeDeps: {
-        entries: [
-          ...extensions.map((ext) => ext.componentPath),
-          sdkRuntimePath2,
-          hmrRuntimePath2
-        ]
+        entries: [...extensionEntries, sdkRuntimePath2, hmrRuntimePath2]
       },
       plugins: [
         m({
@@ -29618,7 +30916,7 @@ function getViteConfig4({
             (external) => new RegExp(`^${external}$`)
           )
         }),
-        siteComponentPlugin({ model })
+        virtualModulesPlugin({ model })
       ]
     }
   });
@@ -29639,44 +30937,41 @@ var createIntegration7 = () => {
         createExtensionViteConfig,
         setupExtensionProxy
       }) {
-        ok16(model);
+        ok14(model);
         customDevServer = await createServer5(
-          getViteConfig4({ createExtensionViteConfig, model })
+          getDevViteConfig({ createExtensionViteConfig, model })
         );
         await customDevServer.listen();
         setupExtensionProxy(customDevServer);
       },
       async "astro:server:done"() {
-        ok16(customDevServer);
+        ok14(customDevServer);
         await customDevServer.close();
       },
       async "wix:build:setup"({ createExtensionViteConfig }) {
-        ok16(model);
+        ok14(model);
         const extensions = getSupportedExtensions2(model);
         if (extensions.length === 0) {
           return;
         }
-        const buildOutput = await build4(
-          getViteConfig4({ createExtensionViteConfig, model })
+        customBuildOutput = await buildAll(
+          getBuildViteConfigs({ createExtensionViteConfig, model })
         );
-        const [clientOutput] = viteBuildOutputToRollupOutputs(buildOutput);
-        ok16(clientOutput);
-        customBuildOutput = clientOutput;
       },
       async "wix:app-manifest:setup"({
         staticsUrlPlaceholder: staticsUrlPlaceholder2,
         updateAppManifest
       }) {
-        ok16(model);
+        ok14(model);
         const extensions = getSupportedExtensions2(model);
         const components = [];
         for (const extension of extensions) {
-          const resources = getComponentResources({
+          const buildContext = {
             baseUrl: staticsUrlPlaceholder2,
             buildOutput: customBuildOutput,
             devServer: customDevServer,
             extension
-          });
+          };
           components.push({
             compId: extension.options.id,
             compType: "EDITOR_REACT_COMPONENT",
@@ -29684,8 +30979,11 @@ var createIntegration7 = () => {
               editorReactComponent: {
                 type: extension.options.type,
                 description: extension.options.description,
-                editorElement: extension.options.editorElement,
-                resources
+                editorElement: {
+                  ...extension.options.editorElement,
+                  presets: getPresets(buildContext)
+                },
+                resources: getResources2(buildContext)
               }
             }
           });
@@ -29730,7 +31028,11 @@ var createIntegration8 = () => {
             compType: "WIDGET_PLUGIN",
             compData: {
               widgetPlugin: {
-                installation: sitePlugin2.options.installation,
+                installation: {
+                  base: {
+                    autoAdd: sitePlugin2.options.installation.autoAdd
+                  }
+                },
                 marketData: sitePlugin2.options.marketData,
                 placements: sitePlugin2.options.placements,
                 referenceComponentId: sitePlugin2.options.referenceComponentId
@@ -29837,4 +31139,4 @@ queue-microtask/index.js:
 run-parallel/index.js:
   (*! run-parallel. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> *)
 */
-//# sourceMappingURL=chunk-OJIGUJIG.js.map
+//# sourceMappingURL=chunk-AT5HXBVK.js.map