@qwik.dev/core 2.0.0-beta.16 → 2.0.0-beta.17

package/dist/server.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core/server 2.0.0-beta.16-dev+a83ccf3
+ * @qwik.dev/core/server 2.0.0-beta.17-dev+c34c237
  * Copyright QwikDev. All Rights Reserved.
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/QwikDev/qwik/blob/main/LICENSE
@@ -195,7 +195,7 @@ See https://qwik.dev/docs/core/tasks/#use-method-rules`,
       // 30
       "WrappedSignal is read-only",
       // 31
-      "Attribute value is unsafe for SSR",
+      "Attribute value is unsafe for SSR {{0}}",
       // 32
       "SerializerSymbol function returned rejected promise",
       // 33
@@ -229,264 +229,6 @@ var SYNC_QRL = "<sync>";
 // packages/qwik/src/core/shared/types.ts
 var DEBUG_TYPE = "q:type";
 
-// packages/qwik/src/core/shared/utils/character-escaping.ts
-function escapeHTML(html) {
-  let escapedHTML = "";
-  const length = html.length;
-  let idx = 0;
-  let lastIdx = idx;
-  for (; idx < length; idx++) {
-    const ch = html.charCodeAt(idx);
-    if (ch === 60) {
-      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
-    } else if (ch === 62) {
-      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
-    } else if (ch === 38) {
-      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
-    } else if (ch === 34) {
-      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
-    } else if (ch === 39) {
-      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
-    } else {
-      continue;
-    }
-    lastIdx = idx + 1;
-  }
-  if (lastIdx === 0) {
-    return html;
-  } else {
-    return escapedHTML + html.substring(lastIdx);
-  }
-}
-
-// packages/qwik/src/core/shared/utils/markers.ts
-var OnRenderProp = "q:renderFn";
-var QSlot = "q:slot";
-var QSlotParent = "q:sparent";
-var QStyle = "q:style";
-var QStyleSelector = "style[q\\:style]";
-var QStyleSSelector = "style[q\\:sstyle]";
-var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
-var QScopedStyle = "q:sstyle";
-var QCtxAttr = "q:ctx";
-var QBackRefs = "q:brefs";
-var QRenderAttr = "q:render";
-var QRuntimeAttr = "q:runtime";
-var QVersionAttr = "q:version";
-var QBaseAttr = "q:base";
-var QLocaleAttr = "q:locale";
-var QManifestHashAttr = "q:manifest-hash";
-var QInstanceAttr = "q:instance";
-var QContainerIsland = "q:container-island";
-var QContainerIslandEnd = "/" + QContainerIsland;
-var QIgnore = "q:ignore";
-var QIgnoreEnd = "/" + QIgnore;
-var QContainerAttr = "q:container";
-var QContainerAttrEnd = "/" + QContainerAttr;
-var QTemplate = "q:template";
-var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
-var QDefaultSlot = "";
-var ELEMENT_ID = "q:id";
-var ELEMENT_KEY = "q:key";
-var ELEMENT_PROPS = "q:props";
-var ELEMENT_SEQ = "q:seq";
-var ELEMENT_SEQ_IDX = "q:seqIdx";
-var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
-var NON_SERIALIZABLE_MARKER_PREFIX = ":";
-var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
-var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
-var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
-var FLUSH_COMMENT = "qkssr-f";
-var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
-var STREAM_BLOCK_END_COMMENT = "qkssr-po";
-var Q_PROPS_SEPARATOR = ":";
-var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
-
-// packages/qwik/src/core/shared/utils/promises.ts
-import { isDev as isDev2, isServer } from "@qwik.dev/core/build";
-var MAX_RETRY_ON_PROMISE_COUNT = 100;
-var isPromise = (value) => {
-  return !!value && typeof value == "object" && typeof value.then === "function";
-};
-var maybeThen = (valueOrPromise, thenFn) => {
-  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn, shouldNotError) : thenFn(valueOrPromise);
-};
-var shouldNotError = (reason) => {
-  throwErrorAndStop(reason);
-};
-function retryOnPromise(fn, retryCount = 0) {
-  const retryOrThrow = (e) => {
-    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
-      return e.then(retryOnPromise.bind(null, fn, retryCount++));
-    }
-    throw e;
-  };
-  try {
-    const result = fn();
-    if (isPromise(result)) {
-      return result.catch((e) => retryOrThrow(e));
-    }
-    return result;
-  } catch (e) {
-    if (isDev2 && isServer && e instanceof ReferenceError && e.message.includes("window")) {
-      e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
-      throw e;
-    }
-    return retryOrThrow(e);
-  }
-}
-
-// packages/qwik/src/core/shared/utils/scoped-styles.ts
-function isClassAttr(key) {
-  return key === "class" || key === "className";
-}
-function convertStyleIdsToString(scopedStyleIds) {
-  return Array.from(scopedStyleIds).join(" ");
-}
-
-// packages/qwik/src/core/shared/utils/event-names.ts
-function isPreventDefault(key) {
-  return key.startsWith("preventdefault:");
-}
-
-// packages/qwik/src/core/shared/utils/unitless_number.ts
-var unitlessNumbers = /* @__PURE__ */ new Set([
-  "animationIterationCount",
-  "aspectRatio",
-  "borderImageOutset",
-  "borderImageSlice",
-  "borderImageWidth",
-  "boxFlex",
-  "boxFlexGroup",
-  "boxOrdinalGroup",
-  "columnCount",
-  "columns",
-  "flex",
-  "flexGrow",
-  "flexShrink",
-  "gridArea",
-  "gridRow",
-  "gridRowEnd",
-  "gridRowStart",
-  "gridColumn",
-  "gridColumnEnd",
-  "gridColumnStart",
-  "fontWeight",
-  "lineClamp",
-  "lineHeight",
-  "opacity",
-  "order",
-  "orphans",
-  "scale",
-  "tabSize",
-  "widows",
-  "zIndex",
-  "zoom",
-  "MozAnimationIterationCount",
-  // Known Prefixed Properties
-  "MozBoxFlex",
-  // TODO: Remove these since they shouldn't be used in modern code
-  "msFlex",
-  "msFlexPositive",
-  "WebkitAnimationIterationCount",
-  "WebkitBoxFlex",
-  "WebkitBoxOrdinalGroup",
-  "WebkitColumnCount",
-  "WebkitColumns",
-  "WebkitFlex",
-  "WebkitFlexGrow",
-  "WebkitFlexShrink",
-  "WebkitLineClamp"
-]);
-var isUnitlessNumber = (name) => {
-  return unitlessNumbers.has(name);
-};
-
-// packages/qwik/src/core/shared/utils/styles.ts
-var serializeClass = (obj) => {
-  if (!obj) {
-    return "";
-  }
-  if (isString(obj)) {
-    return obj.trim();
-  }
-  const classes = [];
-  if (isArray(obj)) {
-    for (const o of obj) {
-      const classList = serializeClass(o);
-      if (classList) {
-        classes.push(classList);
-      }
-    }
-  } else {
-    for (const [key, value] of Object.entries(obj)) {
-      if (value) {
-        classes.push(key.trim());
-      }
-    }
-  }
-  return classes.join(" ");
-};
-var fromCamelToKebabCaseWithDash = (text) => {
-  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
-};
-var stringifyStyle = (obj) => {
-  if (obj == null) {
-    return "";
-  }
-  if (typeof obj == "object") {
-    if (isArray(obj)) {
-      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
-    } else {
-      const chunks = [];
-      for (const key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          const value = obj[key];
-          if (value != null && typeof value !== "function") {
-            if (key.startsWith("--")) {
-              chunks.push(key + ":" + value);
-            } else {
-              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
-            }
-          }
-        }
-      }
-      return chunks.join(";");
-    }
-  }
-  return String(obj);
-};
-var serializeBooleanOrNumberAttribute = (value) => {
-  return value != null ? String(value) : null;
-};
-function serializeAttribute(key, value, styleScopedId) {
-  if (isClassAttr(key)) {
-    const serializedClass = serializeClass(value);
-    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
-  } else if (key === "style") {
-    value = stringifyStyle(value);
-  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
-    value = serializeBooleanOrNumberAttribute(value);
-  } else if (value === false || value == null) {
-    value = null;
-  } else if (value === true && isPreventDefault(key)) {
-    value = "";
-  }
-  return value;
-}
-function isEnumeratedBooleanAttribute(key) {
-  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
-}
-var setValueForStyle = (styleName, value) => {
-  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
-    return value + "px";
-  }
-  return value;
-};
-function isAriaAttribute(prop) {
-  return prop.startsWith("aria-");
-}
-
 // packages/qwik/src/core/shared/vnode-data-types.ts
 var VNodeDataSeparator = {
   REFERENCE_CH: (
@@ -640,140 +382,415 @@ var VNodeDataSeparator = {
   )
   // `.` is vNodeData separator skipping 4096.
 };
-var VNodeDataChar = {
-  OPEN: (
-    /* ************** */
-    123
-  ),
-  // `{` is the start of the VNodeData for a virtual element.
-  OPEN_CHAR: (
-    /* ****** */
-    "{"
-  ),
-  CLOSE: (
-    /* ************* */
-    125
-  ),
-  // `}` is the end of the VNodeData for a virtual element.
-  CLOSE_CHAR: (
-    /* ***** */
-    "}"
-  ),
-  SCOPED_STYLE: (
-    /* ******* */
-    59
-  ),
-  // `;` - `q:sstyle` - Style attribute.
-  SCOPED_STYLE_CHAR: (
-    /* */
-    ";"
-  ),
-  RENDER_FN: (
-    /* ********** */
-    60
-  ),
-  // `<` - `q:renderFn' - Component QRL render function (body)
-  RENDER_FN_CHAR: (
-    /* ** */
-    "<"
-  ),
-  ID: (
-    /* ***************** */
-    61
-  ),
-  // `=` - `q:id` - ID of the element.
-  ID_CHAR: (
-    /* ********* */
-    "="
-  ),
-  PROPS: (
-    /* ************** */
-    62
-  ),
-  // `>` - `q:props' - Component Props
-  PROPS_CHAR: (
-    /* ****** */
-    ">"
-  ),
-  SLOT_PARENT: (
-    /* ******** */
-    63
-  ),
-  // `?` - `q:sparent` - Slot parent.
-  SLOT_PARENT_CHAR: (
-    /*  */
-    "?"
-  ),
-  KEY: (
-    /* **************** */
-    64
-  ),
-  // `@` - `q:key` - Element key.
-  KEY_CHAR: (
-    /* ******** */
-    "@"
-  ),
-  SEQ: (
-    /* **************** */
-    91
-  ),
-  // `[` - `q:seq' - Seq value from `useSequentialScope()`
-  SEQ_CHAR: (
-    /* ******** */
-    "["
-  ),
-  DON_T_USE: (
-    /* ********** */
-    92
-  ),
-  // `\` - SKIP because `\` is used as escaping
-  DON_T_USE_CHAR: "\\",
-  CONTEXT: (
-    /* ************ */
-    93
-  ),
-  // `]` - `q:ctx' - Component context/props
-  CONTEXT_CHAR: (
-    /* **** */
-    "]"
-  ),
-  SEQ_IDX: (
-    /* ************ */
-    94
-  ),
-  // `^` - `q:seqIdx' - Sequential scope id
-  SEQ_IDX_CHAR: (
-    /* **** */
-    "^"
-  ),
-  BACK_REFS: (
-    /* ********** */
-    96
-  ),
-  // '`' - `q:brefs' - Effect dependencies/subscriptions
-  BACK_REFS_CHAR: (
-    /* ** */
-    "`"
-  ),
-  SEPARATOR: (
-    /* ********* */
-    124
-  ),
-  // `|` - Separator char to encode any key/value pairs.
-  SEPARATOR_CHAR: (
-    /* ** */
-    "|"
-  ),
-  SLOT: (
-    /* ************** */
-    126
-  ),
-  // `~` - `q:slot' - Slot name
-  SLOT_CHAR: (
-    /* ******* */
-    "~"
-  )
+var VNodeDataChar = {
+  OPEN: (
+    /* ************** */
+    123
+  ),
+  // `{` is the start of the VNodeData for a virtual element.
+  OPEN_CHAR: (
+    /* ****** */
+    "{"
+  ),
+  CLOSE: (
+    /* ************* */
+    125
+  ),
+  // `}` is the end of the VNodeData for a virtual element.
+  CLOSE_CHAR: (
+    /* ***** */
+    "}"
+  ),
+  SCOPED_STYLE: (
+    /* ******* */
+    59
+  ),
+  // `;` - `q:sstyle` - Style attribute.
+  SCOPED_STYLE_CHAR: (
+    /* */
+    ";"
+  ),
+  RENDER_FN: (
+    /* ********** */
+    60
+  ),
+  // `<` - `q:renderFn' - Component QRL render function (body)
+  RENDER_FN_CHAR: (
+    /* ** */
+    "<"
+  ),
+  ID: (
+    /* ***************** */
+    61
+  ),
+  // `=` - `q:id` - ID of the element.
+  ID_CHAR: (
+    /* ********* */
+    "="
+  ),
+  PROPS: (
+    /* ************** */
+    62
+  ),
+  // `>` - `q:props' - Component Props
+  PROPS_CHAR: (
+    /* ****** */
+    ">"
+  ),
+  SLOT_PARENT: (
+    /* ******** */
+    63
+  ),
+  // `?` - `q:sparent` - Slot parent.
+  SLOT_PARENT_CHAR: (
+    /*  */
+    "?"
+  ),
+  KEY: (
+    /* **************** */
+    64
+  ),
+  // `@` - `q:key` - Element key.
+  KEY_CHAR: (
+    /* ******** */
+    "@"
+  ),
+  SEQ: (
+    /* **************** */
+    91
+  ),
+  // `[` - `q:seq' - Seq value from `useSequentialScope()`
+  SEQ_CHAR: (
+    /* ******** */
+    "["
+  ),
+  DON_T_USE: (
+    /* ********** */
+    92
+  ),
+  // `\` - SKIP because `\` is used as escaping
+  DON_T_USE_CHAR: "\\",
+  CONTEXT: (
+    /* ************ */
+    93
+  ),
+  // `]` - `q:ctx' - Component context/props
+  CONTEXT_CHAR: (
+    /* **** */
+    "]"
+  ),
+  SEQ_IDX: (
+    /* ************ */
+    94
+  ),
+  // `^` - `q:seqIdx' - Sequential scope id
+  SEQ_IDX_CHAR: (
+    /* **** */
+    "^"
+  ),
+  BACK_REFS: (
+    /* ********** */
+    96
+  ),
+  // '`' - `q:brefs' - Effect dependencies/subscriptions
+  BACK_REFS_CHAR: (
+    /* ** */
+    "`"
+  ),
+  SEPARATOR: (
+    /* ********* */
+    124
+  ),
+  // `|` - Separator char to encode any key/value pairs.
+  SEPARATOR_CHAR: (
+    /* ** */
+    "|"
+  ),
+  SLOT: (
+    /* ************** */
+    126
+  ),
+  // `~` - `q:slot' - Slot name
+  SLOT_CHAR: (
+    /* ******* */
+    "~"
+  )
+};
+
+// packages/qwik/src/core/shared/utils/character-escaping.ts
+function escapeHTML(html) {
+  let escapedHTML = "";
+  const length = html.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = html.charCodeAt(idx);
+    if (ch === 60) {
+      escapedHTML += html.substring(lastIdx, idx) + "&lt;";
+    } else if (ch === 62) {
+      escapedHTML += html.substring(lastIdx, idx) + "&gt;";
+    } else if (ch === 38) {
+      escapedHTML += html.substring(lastIdx, idx) + "&amp;";
+    } else if (ch === 34) {
+      escapedHTML += html.substring(lastIdx, idx) + "&quot;";
+    } else if (ch === 39) {
+      escapedHTML += html.substring(lastIdx, idx) + "&#39;";
+    } else {
+      continue;
+    }
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return html;
+  } else {
+    return escapedHTML + html.substring(lastIdx);
+  }
+}
+function encodeVNodeDataString(str) {
+  let escapedHTML = "";
+  const length = str.length;
+  let idx = 0;
+  let lastIdx = idx;
+  for (; idx < length; idx++) {
+    const ch = str.charCodeAt(idx);
+    if (ch >= VNodeDataSeparator.ADVANCE_1 && ch <= VNodeDataSeparator.ADVANCE_8192) {
+      escapedHTML += str.substring(lastIdx, idx) + "\\" + str.charAt(idx);
+    } else {
+      continue;
+    }
+    lastIdx = idx + 1;
+  }
+  if (lastIdx === 0) {
+    return str;
+  } else {
+    return escapedHTML + str.substring(lastIdx);
+  }
+}
+
+// packages/qwik/src/core/shared/utils/markers.ts
+var OnRenderProp = "q:renderFn";
+var QSlot = "q:slot";
+var QSlotParent = "q:sparent";
+var QStyle = "q:style";
+var QStyleSelector = "style[q\\:style]";
+var QStyleSSelector = "style[q\\:sstyle]";
+var QStylesAllSelector = QStyleSelector + "," + QStyleSSelector;
+var QScopedStyle = "q:sstyle";
+var QCtxAttr = "q:ctx";
+var QBackRefs = "q:brefs";
+var QRenderAttr = "q:render";
+var QRuntimeAttr = "q:runtime";
+var QVersionAttr = "q:version";
+var QBaseAttr = "q:base";
+var QLocaleAttr = "q:locale";
+var QManifestHashAttr = "q:manifest-hash";
+var QInstanceAttr = "q:instance";
+var QContainerIsland = "q:container-island";
+var QContainerIslandEnd = "/" + QContainerIsland;
+var QIgnore = "q:ignore";
+var QIgnoreEnd = "/" + QIgnore;
+var QContainerAttr = "q:container";
+var QContainerAttrEnd = "/" + QContainerAttr;
+var QTemplate = "q:template";
+var QContainerSelector = "[q\\:container]:not([q\\:container=" + "html" /* HTML */ + "]):not([q\\:container=" + "text" /* TEXT */ + "])";
+var QDefaultSlot = "";
+var ELEMENT_ID = "q:id";
+var ELEMENT_KEY = "q:key";
+var ELEMENT_PROPS = "q:props";
+var ELEMENT_SEQ = "q:seq";
+var ELEMENT_SEQ_IDX = "q:seqIdx";
+var ELEMENT_BACKPATCH_DATA = "qwik/backpatch";
+var NON_SERIALIZABLE_MARKER_PREFIX = ":";
+var USE_ON_LOCAL = NON_SERIALIZABLE_MARKER_PREFIX + "on";
+var USE_ON_LOCAL_SEQ_IDX = NON_SERIALIZABLE_MARKER_PREFIX + "onIdx";
+var USE_ON_LOCAL_FLAGS = NON_SERIALIZABLE_MARKER_PREFIX + "onFlags";
+var FLUSH_COMMENT = "qkssr-f";
+var STREAM_BLOCK_START_COMMENT = "qkssr-pu";
+var STREAM_BLOCK_END_COMMENT = "qkssr-po";
+var Q_PROPS_SEPARATOR = ":";
+var dangerouslySetInnerHTML = "dangerouslySetInnerHTML";
+
+// packages/qwik/src/core/shared/utils/promises.ts
+import { isDev as isDev2, isServer } from "@qwik.dev/core/build";
+var MAX_RETRY_ON_PROMISE_COUNT = 100;
+var isPromise = (value) => {
+  return !!value && typeof value == "object" && typeof value.then === "function";
+};
+var maybeThen = (valueOrPromise, thenFn) => {
+  return isPromise(valueOrPromise) ? valueOrPromise.then(thenFn) : thenFn(valueOrPromise);
+};
+function retryOnPromise(fn, retryCount = 0) {
+  const retryOrThrow = (e) => {
+    if (isPromise(e) && retryCount < MAX_RETRY_ON_PROMISE_COUNT) {
+      return e.then(retryOnPromise.bind(null, fn, retryCount++));
+    }
+    throw e;
+  };
+  try {
+    const result = fn();
+    if (isPromise(result)) {
+      return result.catch((e) => retryOrThrow(e));
+    }
+    return result;
+  } catch (e) {
+    if (isDev2 && isServer && e instanceof ReferenceError && e.message.includes("window")) {
+      e.message = 'It seems like you forgot to add "if (isBrowser) {...}" here:' + e.message;
+      throw e;
+    }
+    return retryOrThrow(e);
+  }
+}
+
+// packages/qwik/src/core/shared/utils/scoped-styles.ts
+function isClassAttr(key) {
+  return key === "class";
+}
+function convertStyleIdsToString(scopedStyleIds) {
+  return Array.from(scopedStyleIds).join(" ");
+}
+
+// packages/qwik/src/core/shared/utils/event-names.ts
+function isPreventDefault(key) {
+  return key.startsWith("preventdefault:");
+}
+
+// packages/qwik/src/core/shared/utils/unitless_number.ts
+var unitlessNumbers = /* @__PURE__ */ new Set([
+  "animationIterationCount",
+  "aspectRatio",
+  "borderImageOutset",
+  "borderImageSlice",
+  "borderImageWidth",
+  "boxFlex",
+  "boxFlexGroup",
+  "boxOrdinalGroup",
+  "columnCount",
+  "columns",
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "gridArea",
+  "gridRow",
+  "gridRowEnd",
+  "gridRowStart",
+  "gridColumn",
+  "gridColumnEnd",
+  "gridColumnStart",
+  "fontWeight",
+  "lineClamp",
+  "lineHeight",
+  "opacity",
+  "order",
+  "orphans",
+  "scale",
+  "tabSize",
+  "widows",
+  "zIndex",
+  "zoom",
+  "MozAnimationIterationCount",
+  // Known Prefixed Properties
+  "MozBoxFlex",
+  // TODO: Remove these since they shouldn't be used in modern code
+  "msFlex",
+  "msFlexPositive",
+  "WebkitAnimationIterationCount",
+  "WebkitBoxFlex",
+  "WebkitBoxOrdinalGroup",
+  "WebkitColumnCount",
+  "WebkitColumns",
+  "WebkitFlex",
+  "WebkitFlexGrow",
+  "WebkitFlexShrink",
+  "WebkitLineClamp"
+]);
+var isUnitlessNumber = (name) => {
+  return unitlessNumbers.has(name);
+};
+
+// packages/qwik/src/core/shared/utils/styles.ts
+var serializeClass = (obj) => {
+  if (!obj) {
+    return "";
+  }
+  if (isString(obj)) {
+    return obj.trim();
+  }
+  const classes = [];
+  if (isArray(obj)) {
+    for (const o of obj) {
+      const classList = serializeClass(o);
+      if (classList) {
+        classes.push(classList);
+      }
+    }
+  } else {
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key.trim());
+      }
+    }
+  }
+  return classes.join(" ");
+};
+var fromCamelToKebabCaseWithDash = (text) => {
+  return text.replace(/([A-Z])/g, "-$1").toLowerCase();
+};
+var stringifyStyle = (obj) => {
+  if (obj == null) {
+    return "";
+  }
+  if (typeof obj == "object") {
+    if (isArray(obj)) {
+      throw qError(0 /* stringifyClassOrStyle */, [obj, "style"]);
+    } else {
+      const chunks = [];
+      for (const key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          const value = obj[key];
+          if (value != null && typeof value !== "function") {
+            if (key.startsWith("--")) {
+              chunks.push(key + ":" + value);
+            } else {
+              chunks.push(fromCamelToKebabCaseWithDash(key) + ":" + setValueForStyle(key, value));
+            }
+          }
+        }
+      }
+      return chunks.join(";");
+    }
+  }
+  return String(obj);
+};
+var serializeBooleanOrNumberAttribute = (value) => {
+  return value != null ? String(value) : null;
+};
+function serializeAttribute(key, value, styleScopedId) {
+  if (isClassAttr(key)) {
+    const serializedClass = serializeClass(value);
+    value = styleScopedId ? styleScopedId + (serializedClass.length ? " " + serializedClass : serializedClass) : serializedClass;
+  } else if (key === "style") {
+    value = stringifyStyle(value);
+  } else if (isEnumeratedBooleanAttribute(key) || typeof value === "number") {
+    value = serializeBooleanOrNumberAttribute(value);
+  } else if (value === false || value == null) {
+    value = null;
+  } else if (value === true && isPreventDefault(key)) {
+    value = "";
+  }
+  return value;
+}
+function isEnumeratedBooleanAttribute(key) {
+  return isAriaAttribute(key) || ["spellcheck", "draggable", "contenteditable"].includes(key);
+}
+var setValueForStyle = (styleName, value) => {
+  if (typeof value === "number" && value !== 0 && !isUnitlessNumber(styleName)) {
+    return value + "px";
+  }
+  return value;
 };
+function isAriaAttribute(prop) {
+  return prop.startsWith("aria-");
+}
 
 // packages/qwik/src/core/preloader/queue.ts
 import { isBrowser as isBrowser3 } from "@qwik.dev/core/build";
@@ -1154,7 +1171,7 @@ function getBuildBase(opts) {
   return `${import.meta.env.BASE_URL || "/"}build/`;
 }
 var versions = {
-  qwik: "2.0.0-beta.16-dev+a83ccf3",
+  qwik: "2.0.0-beta.17-dev+c34c237",
   qwikDom: "2.1.19"
 };
 
@@ -1163,6 +1180,7 @@ import { isDev as isDev5 } from "@qwik.dev/core/build";
 import {
   _SubscriptionData as SubscriptionData,
   _SharedContainer,
+  _executeSsrChores,
   _jsxSorted,
   _jsxSplit,
   _walkJSX,
@@ -1483,6 +1501,7 @@ var SsrNode = class {
      */
     __publicField(this, "id");
     __publicField(this, "flags");
+    __publicField(this, "dirty", 0 /* NONE */);
     __publicField(this, "children", null);
     __publicField(this, "attrs");
     /** Local props which don't serialize; */
@@ -2096,7 +2115,7 @@ var StringBufferWriter = class {
 var EMPTY_OBJ = {};
 var SSRContainer = class extends _SharedContainer {
   constructor(opts) {
-    super(() => null, opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
+    super(opts.renderOptions.serverData ?? EMPTY_OBJ, opts.locale);
     __publicField(this, "tag");
     __publicField(this, "isHtml");
     __publicField(this, "writer");
@@ -2255,14 +2274,14 @@ var SSRContainer = class extends _SharedContainer {
       },
       []
     );
-    this.openElement(this.tag, containerAttributeArray);
+    this.openElement(this.tag, null, containerAttributeArray);
   }
   /** Renders closing tag for current container */
   closeContainer() {
     return this.closeElement();
   }
   /** Renders opening tag for DOM element */
-  openElement(elementName, varAttrs, constAttrs, currentFile) {
+  openElement(elementName, key, varAttrs, constAttrs, currentFile) {
     const isQwikStyle = isQwikStyleElement(elementName, varAttrs) || isQwikStyleElement(elementName, constAttrs);
     if (
       // don't append qwik loader before qwik style elements
@@ -2289,7 +2308,11 @@ var SSRContainer = class extends _SharedContainer {
       innerHTML = this.writeAttrs(elementName, varAttrs, false, currentFile);
     }
     this.write(" " + Q_PROPS_SEPARATOR);
-    isDev5 && this.write('=""');
+    if (key !== null) {
+      this.write(`="${key}"`);
+    } else if (isDev5) {
+      this.write('=""');
+    }
     if (constAttrs && constAttrs.length) {
       innerHTML = this.writeAttrs(elementName, constAttrs, true, currentFile) || innerHTML;
     }
@@ -2444,6 +2467,12 @@ var SSRContainer = class extends _SharedContainer {
     }
     return this.lastNode;
   }
+  executeChores() {
+    if (!this.lastNode) {
+      return;
+    }
+    return _executeSsrChores(this, this.lastNode);
+  }
   addUnclaimedProjection(frame, name, children) {
     this.unclaimedProjections.push(frame, null, name, children);
   }
@@ -2488,7 +2517,7 @@ var SSRContainer = class extends _SharedContainer {
     }
   }
   _styleNode(styleId, content) {
-    this.openElement("style", [QStyle, styleId]);
+    this.openElement("style", null, [QStyle, styleId]);
     this.write(content);
     this.closeElement();
   }
@@ -2532,7 +2561,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/vnode"]);
+    this.openElement("script", null, ["type", "qwik/vnode"]);
     const vNodeAttrsStack = [];
     const vNodeData = this.vNodeDatas;
     let lastSerializedIdx = 0;
@@ -2564,9 +2593,11 @@ var SSRContainer = class extends _SharedContainer {
               this.write(VNodeDataChar.CLOSE_CHAR);
             } else if (value === WRITE_ELEMENT_ATTRS) {
               if (fragmentAttrs && fragmentAttrs.length) {
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
                 this.writeFragmentAttrs(fragmentAttrs);
                 this.write(VNodeDataChar.SEPARATOR_CHAR);
+                this.write(VNodeDataChar.SEPARATOR_CHAR);
                 fragmentAttrs = vNodeAttrsStack.pop();
               }
             } else if (value >= 0) {
@@ -2635,12 +2666,14 @@ var SSRContainer = class extends _SharedContainer {
         case QSlot:
           this.write(VNodeDataChar.SLOT_CHAR);
           break;
-        default:
+        default: {
+          encodeValue = true;
           this.write(VNodeDataChar.SEPARATOR_CHAR);
-          this.write(key);
+          this.write(encodeVNodeDataString(key));
           this.write(VNodeDataChar.SEPARATOR_CHAR);
+        }
       }
-      const encodedValue = encodeValue ? encodeURI(value) : value;
+      const encodedValue = encodeVNodeDataString(encodeValue ? encodeURI(value) : value);
       const isEncoded = encodeValue ? encodedValue !== value : false;
       if (isEncoded) {
         this.write(VNodeDataChar.SEPARATOR_CHAR);
@@ -2655,7 +2688,7 @@ var SSRContainer = class extends _SharedContainer {
     if (!this.serializationCtx.$roots$.length) {
       return;
     }
-    this.openElement("script", ["type", "qwik/state"]);
+    this.openElement("script", null, ["type", "qwik/state"]);
     return maybeThen(this.serializationCtx.$serialize$(), () => {
       this.closeElement();
     });
@@ -2667,7 +2700,7 @@ var SSRContainer = class extends _SharedContainer {
       if (this.renderOptions.serverData?.nonce) {
         scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(Q_FUNCS_PREFIX.replace("HASH", this.$instanceHash$));
       this.write("[");
       this.writeArray(fns, ",");
@@ -2689,7 +2722,7 @@ var SSRContainer = class extends _SharedContainer {
       if (this.renderOptions.serverData?.nonce) {
         scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(JSON.stringify(patches));
       this.closeElement();
     }
@@ -2702,7 +2735,7 @@ var SSRContainer = class extends _SharedContainer {
     if (this.renderOptions.serverData?.nonce) {
       scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
     }
-    this.openElement("script", scriptAttrs);
+    this.openElement("script", null, scriptAttrs);
     const backpatchScript = getQwikBackpatchExecutorScript({ debug: isDev5 });
     this.write(backpatchScript);
     this.closeElement();
@@ -2722,13 +2755,13 @@ var SSRContainer = class extends _SharedContainer {
       if (nonce) {
         linkAttrs.push("nonce", nonce);
       }
-      this.openElement("link", linkAttrs);
+      this.openElement("link", null, linkAttrs);
       this.closeElement();
       const scriptAttrs = ["async", true, "type", "module", "src", qwikLoaderBundle];
       if (nonce) {
         scriptAttrs.push("nonce", nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.closeElement();
     }
   }
@@ -2739,7 +2772,7 @@ var SSRContainer = class extends _SharedContainer {
     if (this.renderOptions.serverData?.nonce) {
       scriptAttrs.push("nonce", this.renderOptions.serverData.nonce);
     }
-    this.openElement("script", scriptAttrs);
+    this.openElement("script", null, scriptAttrs);
     this.write(qwikLoaderScript);
     this.closeElement();
   }
@@ -2758,7 +2791,7 @@ var SSRContainer = class extends _SharedContainer {
       if (nonce) {
         scriptAttrs.push("nonce", nonce);
       }
-      this.openElement("script", scriptAttrs);
+      this.openElement("script", null, scriptAttrs);
       this.write(`(window.qwikevents||(window.qwikevents=[])).push(`);
       this.writeArray(eventNames, ", ");
       this.write(")");
@@ -2770,7 +2803,7 @@ var SSRContainer = class extends _SharedContainer {
     if (unclaimedProjections.length) {
       const previousCurrentComponentNode = this.currentComponentNode;
       try {
-        this.openElement(QTemplate, ["hidden", true, "aria-hidden", "true"], null);
+        this.openElement(QTemplate, null, ["hidden", true, "aria-hidden", "true"], null);
         let idx = 0;
         let ssrComponentNode = null;
         let ssrComponentFrame = null;
@@ -2923,7 +2956,7 @@ var SSRContainer = class extends _SharedContainer {
         let styleScopedId = null;
         if (isSSRUnsafeAttr(key)) {
           if (isDev5) {
-            throw qError(32 /* unsafeAttr */);
+            throw qError(32 /* unsafeAttr */, [key]);
           }
           continue;
         }
@@ -3082,7 +3115,7 @@ var renderToStream = async (jsx, opts) => {
   });
   await setServerPlatform(opts, resolvedManifest);
   await ssrContainer.render(jsx);
-  await ssrContainer.$scheduler$(255 /* WAIT_FOR_QUEUE */).$returnValue$;
+  await ssrContainer.$renderPromise$;
   flush();
   const snapshotResult = getSnapshotResult(ssrContainer);
   const isDynamic = snapshotResult.resources.some((r) => r._cache !== Infinity);