@qwik.dev/core 2.0.0-beta.4 → 2.0.0-beta.6

package/dist/core.prod.cjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.4-dev+9849dcf
+ * @qwik.dev/core 2.0.0-beta.6-dev+c42693f
  * 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
@@ -400,7 +400,7 @@
         set(1));
     };
     const ERROR_CONTEXT = /*#__PURE__*/ createContextId("qk-error");
-    const version = "2.0.0-beta.4-dev+9849dcf";
+    const version = "2.0.0-beta.6-dev+c42693f";
     const EMPTY_ARRAY = [];
     const EMPTY_OBJ = {};
     Object.freeze(EMPTY_ARRAY), Object.freeze(EMPTY_OBJ);
@@ -466,6 +466,28 @@
         }
         return scheduler(2, hostElement, runQrl, args);
     };
+    const mapApp_findIndx = (array, key, start) => {
+        assertTrue();
+        let bottom = start >> 1;
+        let top = array.length - 2 >> 1;
+        for (;bottom <= top; ) {
+            const mid = bottom + (top - bottom >> 1);
+            const midKey = array[mid << 1];
+            if (midKey === key) {
+                return mid << 1;
+            }
+            midKey < key ? bottom = mid + 1 : top = mid - 1;
+        }
+        return ~(bottom << 1);
+    };
+    const mapArray_set = (array, key, value, start) => {
+        const indx = mapApp_findIndx(array, key, start);
+        indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(-1 ^ indx, 0, key, value);
+    };
+    const mapArray_get = (array, key, start) => {
+        const indx = mapApp_findIndx(array, key, start);
+        return indx >= 0 ? array[indx + 1] : null;
+    };
     const _CONST_PROPS = Symbol("CONST");
     const _VAR_PROPS = Symbol("VAR");
     const _IMMUTABLE = Symbol("IMMUTABLE");
@@ -970,26 +992,30 @@
         componentFn(props)), jsx => {
             const useOnEvents = container.getHostProp(renderHost, ":on");
             return useOnEvents ? function(jsx, useOnEvents) {
-                const jsxElement = findFirstStringJSX(jsx);
+                const jsxElement = findFirstElementNode(jsx);
                 let jsxResult = jsx;
+                const qVisibleEvent = "onQvisible$";
                 return maybeThen(jsxElement, jsxElement => {
-                    let isInvisibleComponent = !1;
-                    jsxElement || (isInvisibleComponent = !0);
+                    const isHeadless = !jsxElement;
+                    let placeholderElement = null;
                     for (const key in useOnEvents) {
                         if (Object.prototype.hasOwnProperty.call(useOnEvents, key)) {
-                            if (isInvisibleComponent) {
-                                if ("onQvisible$" === key) {
-                                    const [jsxElement, jsx] = addScriptNodeForInvisibleComponents(jsxResult);
-                                    jsxResult = jsx, jsxElement && addUseOnEvent(jsxElement, "document:onQinit$", useOnEvents[key]);
-                                } else if (key.startsWith("document:") || key.startsWith("window:")) {
-                                    const [jsxElement, jsx] = addScriptNodeForInvisibleComponents(jsxResult);
-                                    jsxResult = jsx, jsxElement && addUseOnEvent(jsxElement, key, useOnEvents[key]);
-                                } else {
+                            let targetElement = jsxElement;
+                            let eventKey = key;
+                            if (isHeadless) {
+                                if (key !== qVisibleEvent && !key.startsWith("document:on") && !key.startsWith("window:on")) {
                                     build.isDev && logWarn('You are trying to add an event "' + key + '" using `useOn` hook, but a node to which you can add an event is not found. Please make sure that the component has a valid element node. ');
+                                    continue;
                                 }
-                            } else {
-                                jsxElement && addUseOnEvent(jsxElement, key, useOnEvents[key]);
+                                if (!placeholderElement) {
+                                    const [createdElement, newJsx] = injectPlaceholderElement(jsxResult);
+                                    jsxResult = newJsx, placeholderElement = createdElement;
+                                }
+                                targetElement = placeholderElement;
                             }
+                            targetElement && ("script" === targetElement.type && key === qVisibleEvent && (eventKey = "document:onQinit$", 
+                            logWarn('You are trying to add an event "' + key + '" using `useVisibleTask$` hook, but a node to which you can add an event is not found. Using document:onQinit$ instead.')), 
+                            addUseOnEvent(targetElement, eventKey, useOnEvents[key]));
                         }
                     }
                     return jsxResult;
@@ -1013,7 +1039,7 @@
         void 0 === propValue ? propValue = [] : Array.isArray(propValue) || (propValue = [ propValue ]), 
         propValue.push(...value), props[key] = propValue;
     }
-    function findFirstStringJSX(jsx) {
+    function findFirstElementNode(jsx) {
         const queue = [ jsx ];
         for (;queue.length; ) {
             const jsx = queue.shift();
@@ -1022,33 +1048,41 @@
                     return jsx;
                 }
                 queue.push(jsx.children);
-            } else if (Array.isArray(jsx)) {
+            } else if (isArray(jsx)) {
                 queue.push(...jsx);
             } else {
                 if (isPromise(jsx)) {
-                    return maybeThen(jsx, jsx => findFirstStringJSX(jsx));
+                    return maybeThen(jsx, jsx => findFirstElementNode(jsx));
                 }
                 if (isSignal(jsx)) {
-                    return findFirstStringJSX(untrack(() => jsx.value));
+                    return findFirstElementNode(untrack(() => jsx.value));
                 }
             }
         }
         return null;
     }
-    function addScriptNodeForInvisibleComponents(jsx) {
+    function injectPlaceholderElement(jsx) {
         if (isJSXNode(jsx)) {
-            const jsxElement = new JSXNodeImpl("script", {}, {
-                type: "placeholder",
-                hidden: ""
-            }, null, 3);
-            return jsx.type === Slot ? [ jsxElement, _jsxSorted(Fragment, null, null, [ jsx, jsxElement ], 0, null) ] : (null == jsx.children ? jsx.children = jsxElement : Array.isArray(jsx.children) ? jsx.children.push(jsxElement) : jsx.children = [ jsx.children, jsxElement ], 
-            [ jsxElement, jsx ]);
-        }
-        if (Array.isArray(jsx) && jsx.length) {
-            const [jsxElement, _] = addScriptNodeForInvisibleComponents(jsx[0]);
-            return [ jsxElement, jsx ];
-        }
-        return [ null, null ];
+            const placeholder = createPlaceholderScriptNode();
+            return jsx.type === Slot ? [ placeholder, _jsxSorted(Fragment, null, null, [ jsx, placeholder ], 0, null) ] : (null == jsx.children ? jsx.children = placeholder : isArray(jsx.children) ? jsx.children.push(placeholder) : jsx.children = [ jsx.children, placeholder ], 
+            [ placeholder, jsx ]);
+        }
+        if ("object" != typeof (v = jsx) && "function" != typeof v && null != v) {
+            const placeholder = createPlaceholderScriptNode();
+            return [ placeholder, _jsxSorted(Fragment, null, null, [ jsx, placeholder ], 0, null) ];
+        }
+        var v;
+        if (isArray(jsx) && jsx.length > 0) {
+            const [createdElement, _] = injectPlaceholderElement(jsx[0]);
+            return [ createdElement, jsx ];
+        }
+        return [ null, jsx ];
+    }
+    function createPlaceholderScriptNode() {
+        return new JSXNodeImpl("script", {}, {
+            type: "placeholder",
+            hidden: ""
+        }, null, 3);
     }
     class ParentComponentData {
         $scopedStyle$;
@@ -1468,28 +1502,6 @@
         }
     }
     const directGetPropsProxyProp = (jsx, prop) => jsx.constProps && prop in jsx.constProps ? jsx.constProps[prop] : jsx.varProps[prop];
-    const mapApp_findIndx = (array, key, start) => {
-        assertTrue();
-        let bottom = start >> 1;
-        let top = array.length - 2 >> 1;
-        for (;bottom <= top; ) {
-            const mid = bottom + (top - bottom >> 1);
-            const midKey = array[mid << 1];
-            if (midKey === key) {
-                return mid << 1;
-            }
-            midKey < key ? bottom = mid + 1 : top = mid - 1;
-        }
-        return ~(bottom << 1);
-    };
-    const mapArray_set = (array, key, value, start) => {
-        const indx = mapApp_findIndx(array, key, start);
-        indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(-1 ^ indx, 0, key, value);
-    };
-    const mapArray_get = (array, key, start) => {
-        const indx = mapApp_findIndx(array, key, start);
-        return indx >= 0 ? array[indx + 1] : null;
-    };
     const isForeignObjectElement = elementName => build.isDev ? "foreignobject" === elementName.toLowerCase() : "foreignObject" === elementName;
     function cloneElementWithNamespace(element, elementName, namespace) {
         const newElement = element.ownerDocument.createElementNS(namespace, elementName);
@@ -1588,6 +1600,26 @@
             elementNamespaceFlag
         };
     }
+    function getAttributeNamespace(attributeName) {
+        switch (attributeName) {
+          case "xlink:href":
+          case "xlink:actuate":
+          case "xlink:arcrole":
+          case "xlink:role":
+          case "xlink:show":
+          case "xlink:title":
+          case "xlink:type":
+            return "http://www.w3.org/1999/xlink";
+
+          case "xml:base":
+          case "xml:lang":
+          case "xml:space":
+            return "http://www.w3.org/XML/1998/namespace";
+
+          default:
+            return null;
+        }
+    }
     function escapeHTML(html) {
         let escapedHTML = "";
         const length = html.length;
@@ -1810,7 +1842,16 @@
                     }
                     if ("dangerouslySetInnerHTML" !== key) {
                         if ("textarea" !== elementName || "value" !== key) {
-                            value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value && element.setAttribute(key, String(value));
+                            if (value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value) {
+                                if (64 & vNewNode[0]) {
+                                    const namespace = getAttributeNamespace(key);
+                                    if (namespace) {
+                                        element.setAttributeNS(namespace, key, String(value));
+                                        continue;
+                                    }
+                                }
+                                element.setAttribute(key, String(value));
+                            }
                         } else {
                             if (value && "string" != typeof value) {
                                 if (build.isDev) {
@@ -3817,7 +3858,7 @@
         const idx = mapApp_findIndx(props, key, 0);
         idx >= 0 ? props[idx + 1] = value : null != value && props.splice(-1 ^ idx, 0, key, value);
     };
-    const vnode_getProps = vnode => vnode[(vnode => {
+    const vnode_getPropStartIndex = vnode => {
         const type = 7 & vnode[0];
         if (1 === type) {
             return 8;
@@ -3826,7 +3867,8 @@
             return 6;
         }
         throw qError(26, [ type ]);
-    })(vnode)];
+    };
+    const vnode_getProps = vnode => vnode[vnode_getPropStartIndex(vnode)];
     const vnode_getParent = vnode => vnode[1] || null;
     const vnode_getNode = vnode => null === vnode || vnode_isVirtualVNode(vnode) ? null : vnode_isElementVNode(vnode) ? vnode[6] : (assertTrue(vnode_isTextVNode(vnode)), 
     vnode[4]);
@@ -4300,7 +4342,7 @@
           case 11:
             const vNode = retrieveVNodeOrDocument(container, value);
             if (vnode_isVNode(vNode)) {
-                return vnode_getNode(vNode);
+                return ensureMaterialized(vNode), vnode_getNode(vNode);
             }
             throw qError(17, [ typeof vNode ]);
 
@@ -5557,9 +5599,9 @@
             return iCtx.$event$;
         }
     }, exports._getDomContainer = getDomContainer, exports._getQContainerElement = _getQContainerElement, 
-    exports._isJSXNode = isJSXNode, exports._isStringifiable = function(value) {
+    exports._isJSXNode = isJSXNode, exports._isStore = isStore, exports._isStringifiable = function(value) {
         return null === value || "string" == typeof value || "number" == typeof value || "boolean" == typeof value;
-    }, exports._jsxBranch = input => input, exports._jsxC = (type, mutable, _flags, key) => jsx(type, mutable, key), 
+    }, exports._isTask = isTask, exports._jsxBranch = input => input, exports._jsxC = (type, mutable, _flags, key) => jsx(type, mutable, key), 
     exports._jsxQ = (type, mutable, immutable, children, _flags, key) => jsx(type, {
         ...immutable,
         ...mutable,
@@ -5567,7 +5609,8 @@
     }, key), exports._jsxS = (type, mutable, immutable, _flags, key) => jsx(type, {
         ...immutable,
         ...mutable
-    }, key), exports._jsxSorted = _jsxSorted, exports._jsxSplit = _jsxSplit, exports._noopQrl = _noopQrl, 
+    }, key), exports._jsxSorted = _jsxSorted, exports._jsxSplit = _jsxSplit, exports._mapApp_findIndx = mapApp_findIndx, 
+    exports._mapArray_get = mapArray_get, exports._mapArray_set = mapArray_set, exports._noopQrl = _noopQrl, 
     exports._noopQrlDEV = (symbolName, opts, lexicalScopeCapture = EMPTY_ARRAY) => {
         const newQrl = _noopQrl(symbolName, lexicalScopeCapture);
         return newQrl.dev = opts, newQrl;
@@ -5575,7 +5618,13 @@
         return void 0 === serializedFn && (serializedFn = fn.toString()), fn.serialized = serializedFn, 
         createQRL("", "<sync>", fn, null, null, null);
     }, exports._regSymbol = (symbol, hash) => (void 0 === globalThis.__qwik_reg_symbols && (globalThis.__qwik_reg_symbols = new Map), 
-    globalThis.__qwik_reg_symbols.set(hash, symbol), symbol), exports._restProps = (props, omit, target = {}) => {
+    globalThis.__qwik_reg_symbols.set(hash, symbol), symbol), exports._resolveContextWithoutSequentialScope = context => {
+        const iCtx = getInvokeContext();
+        const hostElement = iCtx.$hostElement$;
+        if (hostElement) {
+            return iCtx.$container$?.resolveContext(hostElement, context);
+        }
+    }, exports._restProps = (props, omit, target = {}) => {
         let constPropsTarget = null;
         const constProps = props[_CONST_PROPS];
         if (constProps) {
@@ -5596,7 +5645,12 @@
             serializationContext.$addRoot$(root);
         }
         return await serializationContext.$serialize$(), serializationContext.$writer$.toString();
-    }, exports._task = scheduleTask, exports._useInvokeContext = useInvokeContext, exports._verifySerializable = verifySerializable, 
+    }, exports._task = scheduleTask, exports._verifySerializable = verifySerializable, 
+    exports._vnode_ensureElementInflated = vnode_ensureElementInflated, exports._vnode_getAttr = vnode_getAttr, 
+    exports._vnode_getAttrKeys = vnode_getAttrKeys, exports._vnode_getFirstChild = vnode_getFirstChild, 
+    exports._vnode_getNextSibling = vnode_getNextSibling, exports._vnode_getPropStartIndex = vnode_getPropStartIndex, 
+    exports._vnode_getProps = vnode_getProps, exports._vnode_isMaterialized = vnode_isMaterialized, 
+    exports._vnode_isTextVNode = vnode_isTextVNode, exports._vnode_isVirtualVNode = vnode_isVirtualVNode, 
     exports._vnode_toString = vnode_toString, exports._waitUntilRendered = elm => {
         const containerEl = _getQContainerElement(elm);
         if (!containerEl) {

package/dist/core.prod.mjs

@@ -1,6 +1,6 @@
 /**
  * @license
- * @qwik.dev/core 2.0.0-beta.4-dev+9849dcf
+ * @qwik.dev/core 2.0.0-beta.6-dev+c42693f
  * 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
@@ -68,6 +68,8 @@ const isString = v => "string" == typeof v;
 
 const isFunction = v => "function" == typeof v;
 
+const isPrimitive = v => "object" != typeof v && "function" != typeof v && null != v;
+
 const codeToText = code => `Code(Q${code}) https://github.com/QwikDev/qwik/blob/main/packages/qwik/src/core/error/error.ts#L${8 + code}`;
 
 const qError = (code, errorMessageArgs = []) => {
@@ -150,6 +152,10 @@ const SVG_NS = "http://www.w3.org/2000/svg";
 
 const MATH_NS = "http://www.w3.org/1998/Math/MathML";
 
+const XLINK_NS = "http://www.w3.org/1999/xlink";
+
+const XML_NS = "http://www.w3.org/XML/1998/namespace";
+
 const ResourceEvent = "qResource";
 
 const RenderEvent = "qRender";
@@ -699,11 +705,19 @@ const validateContext = context => {
     }
 };
 
+const _resolveContextWithoutSequentialScope = context => {
+    const iCtx = getInvokeContext();
+    const hostElement = iCtx.$hostElement$;
+    if (hostElement) {
+        return iCtx.$container$?.resolveContext(hostElement, context);
+    }
+};
+
 const ERROR_CONTEXT = /*#__PURE__*/ createContextId("qk-error");
 
 const isRecoverable = err => !(err && err instanceof Error && "plugin" in err);
 
-const version = "2.0.0-beta.4-dev+9849dcf";
+const version = "2.0.0-beta.6-dev+c42693f";
 
 const EMPTY_ARRAY = [];
 
@@ -799,6 +813,31 @@ const queueQRL = (...args) => {
     return scheduler(2, hostElement, runQrl, args);
 };
 
+const mapApp_findIndx = (array, key, start) => {
+    assertTrue(start % 2 == 0, "Expecting even number.");
+    let bottom = start >> 1;
+    let top = array.length - 2 >> 1;
+    for (;bottom <= top; ) {
+        const mid = bottom + (top - bottom >> 1);
+        const midKey = array[mid << 1];
+        if (midKey === key) {
+            return mid << 1;
+        }
+        midKey < key ? bottom = mid + 1 : top = mid - 1;
+    }
+    return ~(bottom << 1);
+};
+
+const mapArray_set = (array, key, value, start) => {
+    const indx = mapApp_findIndx(array, key, start);
+    indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(-1 ^ indx, 0, key, value);
+};
+
+const mapArray_get = (array, key, start) => {
+    const indx = mapApp_findIndx(array, key, start);
+    return indx >= 0 ? array[indx + 1] : null;
+};
+
 const _CONST_PROPS = Symbol("CONST");
 
 const _VAR_PROPS = Symbol("VAR");
@@ -1439,26 +1478,29 @@ const executeComponent = (container, renderHost, subscriptionHost, componentQRL,
 };
 
 function addUseOnEvents(jsx, useOnEvents) {
-    const jsxElement = findFirstStringJSX(jsx);
+    const jsxElement = findFirstElementNode(jsx);
     let jsxResult = jsx;
     return maybeThen(jsxElement, jsxElement => {
-        let isInvisibleComponent = !1;
-        jsxElement || (isInvisibleComponent = !0);
+        const isHeadless = !jsxElement;
+        let placeholderElement = null;
         for (const key in useOnEvents) {
             if (Object.prototype.hasOwnProperty.call(useOnEvents, key)) {
-                if (isInvisibleComponent) {
-                    if ("onQvisible$" === key) {
-                        const [jsxElement, jsx] = addScriptNodeForInvisibleComponents(jsxResult);
-                        jsxResult = jsx, jsxElement && addUseOnEvent(jsxElement, "document:onQinit$", useOnEvents[key]);
-                    } else if (key.startsWith("document:") || key.startsWith("window:")) {
-                        const [jsxElement, jsx] = addScriptNodeForInvisibleComponents(jsxResult);
-                        jsxResult = jsx, jsxElement && addUseOnEvent(jsxElement, key, useOnEvents[key]);
-                    } else {
+                let targetElement = jsxElement;
+                let eventKey = key;
+                if (isHeadless) {
+                    if ("onQvisible$" !== key && !key.startsWith("document:on") && !key.startsWith("window:on")) {
                         isDev && logWarn('You are trying to add an event "' + key + '" using `useOn` hook, but a node to which you can add an event is not found. Please make sure that the component has a valid element node. ');
+                        continue;
                     }
-                } else {
-                    jsxElement && addUseOnEvent(jsxElement, key, useOnEvents[key]);
+                    if (!placeholderElement) {
+                        const [createdElement, newJsx] = injectPlaceholderElement(jsxResult);
+                        jsxResult = newJsx, placeholderElement = createdElement;
+                    }
+                    targetElement = placeholderElement;
                 }
+                targetElement && ("script" === targetElement.type && "onQvisible$" === key && (eventKey = "document:onQinit$", 
+                logWarn('You are trying to add an event "' + key + '" using `useVisibleTask$` hook, but a node to which you can add an event is not found. Using document:onQinit$ instead.')), 
+                addUseOnEvent(targetElement, eventKey, useOnEvents[key]));
             }
         }
         return jsxResult;
@@ -1473,7 +1515,7 @@ function addUseOnEvent(jsxElement, key, value) {
     propValue.push(...value), props[key] = propValue;
 }
 
-function findFirstStringJSX(jsx) {
+function findFirstElementNode(jsx) {
     const queue = [ jsx ];
     for (;queue.length; ) {
         const jsx = queue.shift();
@@ -1482,34 +1524,42 @@ function findFirstStringJSX(jsx) {
                 return jsx;
             }
             queue.push(jsx.children);
-        } else if (Array.isArray(jsx)) {
+        } else if (isArray(jsx)) {
             queue.push(...jsx);
         } else {
             if (isPromise(jsx)) {
-                return maybeThen(jsx, jsx => findFirstStringJSX(jsx));
+                return maybeThen(jsx, jsx => findFirstElementNode(jsx));
             }
             if (isSignal(jsx)) {
-                return findFirstStringJSX(untrack(() => jsx.value));
+                return findFirstElementNode(untrack(() => jsx.value));
             }
         }
     }
     return null;
 }
 
-function addScriptNodeForInvisibleComponents(jsx) {
+function injectPlaceholderElement(jsx) {
     if (isJSXNode(jsx)) {
-        const jsxElement = new JSXNodeImpl("script", {}, {
-            type: "placeholder",
-            hidden: ""
-        }, null, 3);
-        return jsx.type === Slot ? [ jsxElement, _jsxSorted(Fragment, null, null, [ jsx, jsxElement ], 0, null) ] : (null == jsx.children ? jsx.children = jsxElement : Array.isArray(jsx.children) ? jsx.children.push(jsxElement) : jsx.children = [ jsx.children, jsxElement ], 
-        [ jsxElement, jsx ]);
+        const placeholder = createPlaceholderScriptNode();
+        return jsx.type === Slot ? [ placeholder, _jsxSorted(Fragment, null, null, [ jsx, placeholder ], 0, null) ] : (null == jsx.children ? jsx.children = placeholder : isArray(jsx.children) ? jsx.children.push(placeholder) : jsx.children = [ jsx.children, placeholder ], 
+        [ placeholder, jsx ]);
+    }
+    if (isPrimitive(jsx)) {
+        const placeholder = createPlaceholderScriptNode();
+        return [ placeholder, _jsxSorted(Fragment, null, null, [ jsx, placeholder ], 0, null) ];
     }
-    if (Array.isArray(jsx) && jsx.length) {
-        const [jsxElement, _] = addScriptNodeForInvisibleComponents(jsx[0]);
-        return [ jsxElement, jsx ];
+    if (isArray(jsx) && jsx.length > 0) {
+        const [createdElement, _] = injectPlaceholderElement(jsx[0]);
+        return [ createdElement, jsx ];
     }
-    return [ null, null ];
+    return [ null, jsx ];
+}
+
+function createPlaceholderScriptNode() {
+    return new JSXNodeImpl("script", {}, {
+        type: "placeholder",
+        hidden: ""
+    }, null, 3);
 }
 
 const applyInlineComponent = (ssr, componentHost, inlineComponentFunction, jsx) => {
@@ -1999,31 +2049,6 @@ class PropsProxyHandler {
 
 const directGetPropsProxyProp = (jsx, prop) => jsx.constProps && prop in jsx.constProps ? jsx.constProps[prop] : jsx.varProps[prop];
 
-const mapApp_findIndx = (array, key, start) => {
-    assertTrue(start % 2 == 0, "Expecting even number.");
-    let bottom = start >> 1;
-    let top = array.length - 2 >> 1;
-    for (;bottom <= top; ) {
-        const mid = bottom + (top - bottom >> 1);
-        const midKey = array[mid << 1];
-        if (midKey === key) {
-            return mid << 1;
-        }
-        midKey < key ? bottom = mid + 1 : top = mid - 1;
-    }
-    return ~(bottom << 1);
-};
-
-const mapArray_set = (array, key, value, start) => {
-    const indx = mapApp_findIndx(array, key, start);
-    indx >= 0 ? null == value ? array.splice(indx, 2) : array[indx + 1] = value : null != value && array.splice(-1 ^ indx, 0, key, value);
-};
-
-const mapArray_get = (array, key, start) => {
-    const indx = mapApp_findIndx(array, key, start);
-    return indx >= 0 ? array[indx + 1] : null;
-};
-
 const isForeignObjectElement = elementName => isDev ? "foreignobject" === elementName.toLowerCase() : "foreignObject" === elementName;
 
 const isSvgElement = elementName => "svg" === elementName || isForeignObjectElement(elementName);
@@ -2169,6 +2194,27 @@ function getNewElementNamespaceData(domParentVNode, tagOrVNode) {
     };
 }
 
+function getAttributeNamespace(attributeName) {
+    switch (attributeName) {
+      case "xlink:href":
+      case "xlink:actuate":
+      case "xlink:arcrole":
+      case "xlink:role":
+      case "xlink:show":
+      case "xlink:title":
+      case "xlink:type":
+        return XLINK_NS;
+
+      case "xml:base":
+      case "xml:lang":
+      case "xml:space":
+        return XML_NS;
+
+      default:
+        return null;
+    }
+}
+
 function escapeHTML(html) {
     let escapedHTML = "";
     const length = html.length;
@@ -2392,7 +2438,16 @@ const vnode_diff = (container, jsxNode, vStartNode, scopedStyleIdPrefix) => {
                 }
                 if (key !== dangerouslySetInnerHTML) {
                     if ("textarea" !== elementName || "value" !== key) {
-                        value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value && element.setAttribute(key, String(value));
+                        if (value = serializeAttribute(key, value, scopedStyleIdPrefix), null != value) {
+                            if (64 & vNewNode[0]) {
+                                const namespace = getAttributeNamespace(key);
+                                if (namespace) {
+                                    element.setAttributeNS(namespace, key, String(value));
+                                    continue;
+                                }
+                            }
+                            element.setAttribute(key, String(value));
+                        }
                     } else {
                         if (value && "string" != typeof value) {
                             if (isDev) {
@@ -5111,7 +5166,7 @@ const allocate = (container, typeId, value) => {
       case 11:
         const vNode = retrieveVNodeOrDocument(container, value);
         if (vnode_isVNode(vNode)) {
-            return vnode_getNode(vNode);
+            return ensureMaterialized(vNode), vnode_getNode(vNode);
         }
         throw qError(17, [ typeof vNode ]);
 
@@ -6540,4 +6595,4 @@ const PREFETCH_CODE = /*#__PURE__*/ (c => {
 
 const PrefetchGraph = () => null;
 
-export { $, Fragment, NoSerializeSymbol, PrefetchGraph, PrefetchServiceWorker, RenderOnce, Resource, SSRComment, SSRRaw, SSRStream, SSRStreamBlock, SerializerSymbol, SkipRender, Slot, _CONST_PROPS, DomContainer as _DomContainer, _EFFECT_BACK_REF, EMPTY_ARRAY as _EMPTY_ARRAY, _IMMUTABLE, _SharedContainer, SubscriptionData as _SubscriptionData, _UNINITIALIZED, _VAR_PROPS, _deserialize, dumpState as _dumpState, _fnSignal, _getContextContainer, _getContextElement, _getContextEvent, getDomContainer as _getDomContainer, _getQContainerElement, isJSXNode as _isJSXNode, isStringifiable as _isStringifiable, _jsxBranch, _jsxC, _jsxQ, _jsxS, _jsxSorted, _jsxSplit, _noopQrl, _noopQrlDEV, preprocessState as _preprocessState, _qrlSync, _regSymbol, _restProps, queueQRL as _run, _serializationWeakRef, _serialize, scheduleTask as _task, useInvokeContext as _useInvokeContext, verifySerializable as _verifySerializable, vnode_toString as _vnode_toString, _waitUntilRendered, _walkJSX, _wrapProp, _wrapSignal, component$, componentQrl, createAsyncComputed$, createAsyncComputedSignal as createAsyncComputedQrl, createComputed$, createComputedSignal as createComputedQrl, createContextId, h as createElement, createSerializer$, createSerializerSignal as createSerializerQrl, createSignal, event$, eventQrl, getDomContainer, getLocale, getPlatform, h, implicit$FirstArg, inlinedQrl, inlinedQrlDEV, isSignal, jsx, jsxDEV, jsx as jsxs, noSerialize, qrl, qrlDEV, render, setPlatform, sync$, untrack, unwrapStore, useAsyncComputed$, useAsyncComputedQrl, useComputed$, useComputedQrl, useConstant, useContext, useContextProvider, useErrorBoundary, useId, useLexicalScope, useOn, useOnDocument, useOnWindow, useResource$, useResourceQrl, useSerializer$, useSerializerQrl, useServerData, useSignal, useStore, useStyles$, useStylesQrl, useStylesScoped$, useStylesScopedQrl, useTask$, useTaskQrl, useVisibleTask$, useVisibleTaskQrl, version, withLocale };
+export { $, Fragment, NoSerializeSymbol, PrefetchGraph, PrefetchServiceWorker, RenderOnce, Resource, SSRComment, SSRRaw, SSRStream, SSRStreamBlock, SerializerSymbol, SkipRender, Slot, _CONST_PROPS, DomContainer as _DomContainer, _EFFECT_BACK_REF, EMPTY_ARRAY as _EMPTY_ARRAY, _IMMUTABLE, _SharedContainer, SubscriptionData as _SubscriptionData, _UNINITIALIZED, _VAR_PROPS, _deserialize, dumpState as _dumpState, _fnSignal, _getContextContainer, _getContextElement, _getContextEvent, getDomContainer as _getDomContainer, _getQContainerElement, isJSXNode as _isJSXNode, isStore as _isStore, isStringifiable as _isStringifiable, isTask as _isTask, _jsxBranch, _jsxC, _jsxQ, _jsxS, _jsxSorted, _jsxSplit, mapApp_findIndx as _mapApp_findIndx, mapArray_get as _mapArray_get, mapArray_set as _mapArray_set, _noopQrl, _noopQrlDEV, preprocessState as _preprocessState, _qrlSync, _regSymbol, _resolveContextWithoutSequentialScope, _restProps, queueQRL as _run, _serializationWeakRef, _serialize, scheduleTask as _task, verifySerializable as _verifySerializable, vnode_ensureElementInflated as _vnode_ensureElementInflated, vnode_getAttr as _vnode_getAttr, vnode_getAttrKeys as _vnode_getAttrKeys, vnode_getFirstChild as _vnode_getFirstChild, vnode_getNextSibling as _vnode_getNextSibling, vnode_getPropStartIndex as _vnode_getPropStartIndex, vnode_getProps as _vnode_getProps, vnode_isMaterialized as _vnode_isMaterialized, vnode_isTextVNode as _vnode_isTextVNode, vnode_isVirtualVNode as _vnode_isVirtualVNode, vnode_toString as _vnode_toString, _waitUntilRendered, _walkJSX, _wrapProp, _wrapSignal, component$, componentQrl, createAsyncComputed$, createAsyncComputedSignal as createAsyncComputedQrl, createComputed$, createComputedSignal as createComputedQrl, createContextId, h as createElement, createSerializer$, createSerializerSignal as createSerializerQrl, createSignal, event$, eventQrl, getDomContainer, getLocale, getPlatform, h, implicit$FirstArg, inlinedQrl, inlinedQrlDEV, isSignal, jsx, jsxDEV, jsx as jsxs, noSerialize, qrl, qrlDEV, render, setPlatform, sync$, untrack, unwrapStore, useAsyncComputed$, useAsyncComputedQrl, useComputed$, useComputedQrl, useConstant, useContext, useContextProvider, useErrorBoundary, useId, useLexicalScope, useOn, useOnDocument, useOnWindow, useResource$, useResourceQrl, useSerializer$, useSerializerQrl, useServerData, useSignal, useStore, useStyles$, useStylesQrl, useStylesScoped$, useStylesScopedQrl, useTask$, useTaskQrl, useVisibleTask$, useVisibleTaskQrl, version, withLocale };

package/dist/loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/loader",
-  "version": "2.0.0-beta.4-dev+9849dcf",
+  "version": "2.0.0-beta.6-dev+c42693f",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,