@rindo/core 4.18.0 → 4.18.2

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Rindo Hydrate Platform v4.18.0 | MIT Licensed | https://rindojs.web.app
+ Rindo Hydrate Platform v4.18.2 | MIT Licensed | https://rindojs.web.app
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -822,7 +822,7 @@ var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
-  var _a, _b, _c, _d;
+  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
@@ -874,13 +874,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if ((BUILD10.shadowDom || BUILD10.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
-    if (BUILD10.scoped) {
-      const rootScopeId = ((_a = newParentVNode.$elm$) == null ? void 0 : _a["s-rsc"]) || ((_b = newParentVNode.$elm$) == null ? void 0 : _b["s-si"]) || ((_c = newParentVNode.$elm$) == null ? void 0 : _c["s-sc"]);
-      if (rootScopeId) {
-        elm["s-rsc"] = rootScopeId;
-        !elm.classList.contains(rootScopeId) && elm.classList.add(rootScopeId);
-      }
-    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2, elm);
@@ -903,7 +896,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
       elm["s-sr"] = true;
       elm["s-cr"] = contentRef;
       elm["s-sn"] = newVNode2.$name$ || "";
-      elm["s-rf"] = (_d = newVNode2.$attrs$) == null ? void 0 : _d.ref;
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         if (BUILD10.experimentalSlotFixes) {
@@ -924,7 +917,7 @@ var relocateToHostRoot = (parentElm) => {
     const childNodeArray = Array.from(parentElm.childNodes);
     for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
       if (childNode["s-sh"] != null) {
-        host.insertBefore(childNode, contentRefNode != null ? contentRefNode : null);
+        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
         childNode["s-sh"] = void 0;
         checkSlotRelocate = true;
       }
@@ -946,7 +939,7 @@ var putBackInOriginalLocation = (parentElm, recursive) => {
   for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
     const childNode = oldSlotChildNodes[i2];
     if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
-      parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+      insertBefore(parentReferenceNode(childNode), childNode, referenceNode(childNode));
       childNode["s-ol"].remove();
       childNode["s-ol"] = void 0;
       childNode["s-sh"] = void 0;
@@ -969,7 +962,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx, parentElm);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        containerElm.insertBefore(childNode, BUILD10.slotRelocation ? referenceNode(before) : before);
+        insertBefore(containerElm, childNode, BUILD10.slotRelocation ? referenceNode(before) : before);
       }
     }
   }
@@ -1029,7 +1022,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
       }
       patch(oldStartVnode, newEndVnode, isInitialRender);
-      parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
@@ -1037,7 +1030,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
       }
       patch(oldEndVnode, newStartVnode, isInitialRender);
-      parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
       newStartVnode = newCh[++newStartIdx];
     } else {
@@ -1066,9 +1059,9 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         if (BUILD10.slotRelocation) {
-          parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+          insertBefore(parentReferenceNode(oldStartVnode.$elm$), node, referenceNode(oldStartVnode.$elm$));
         } else {
-          oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
         }
       }
     }
@@ -1239,6 +1232,28 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var insertBefore = (parent, newNode, reference) => {
+  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  if (BUILD10.scoped) {
+    setParentScopeIdAsClassName(newNode, parent);
+  }
+  return inserted;
+};
+var findParentScopeId = (element) => {
+  return element ? element["s-rsc"] || element["s-si"] || element["s-sc"] || findParentScopeId(element.parentElement) : void 0;
+};
+var setParentScopeIdAsClassName = (element, parent) => {
+  var _a, _b, _c;
+  if (element && parent) {
+    const oldRootScopeId = element["s-rsc"];
+    const newRootScopeId = findParentScopeId(parent);
+    oldRootScopeId && ((_a = element.classList) == null ? void 0 : _a.contains(oldRootScopeId)) && element.classList.remove(oldRootScopeId);
+    if (newRootScopeId) {
+      element["s-rsc"] = newRootScopeId;
+      !((_b = element.classList) == null ? void 0 : _b.contains(newRootScopeId)) && ((_c = element.classList) == null ? void 0 : _c.add(newRootScopeId));
+    }
+  }
+};
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   var _a, _b, _c, _d, _e;
   const hostElm = hostRef.$hostElement$;
@@ -1295,7 +1310,7 @@ render() {
         if (!nodeToRelocate["s-ol"]) {
           const orgLocationNode = BUILD10.isDebug || BUILD10.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          nodeToRelocate.parentNode.insertBefore(nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
         }
       }
       for (const relocateData of relocateNodes) {
@@ -1326,7 +1341,7 @@ render() {
               if (!BUILD10.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
                 nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
               }
-              parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
                 nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
               }
@@ -1390,6 +1405,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = BUILD11.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  if (!instance) {
+    throw new Error(
+      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Rindo runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://rindojs.web.app/docs/custom-elements#externalruntime`
+    );
+  }
   let maybePromise;
   if (isInitialLoad) {
     if (BUILD11.lazyLoad && BUILD11.hostListener) {
@@ -1620,7 +1640,10 @@ var emitLifecycleEvent = (elm, lifecycleName) => {
     });
   }
 };
-var addHydratedFlag = (elm) => BUILD11.hydratedClass ? elm.classList.add("hydrated") : BUILD11.hydratedAttribute ? elm.setAttribute("hydrated", "") : void 0;
+var addHydratedFlag = (elm) => {
+  var _a, _b;
+  return BUILD11.hydratedClass ? elm.classList.add((_a = BUILD11.hydratedSelectorName) != null ? _a : "hydrated") : BUILD11.hydratedAttribute ? elm.setAttribute((_b = BUILD11.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+};
 var serverSideConnected = (elm) => {
   const children = elm.children;
   if (children != null) {
@@ -1638,6 +1661,11 @@ var serverSideConnected = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (BUILD12.lazyLoad && !hostRef) {
+    throw new Error(
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Rindo runtime. This usually happens when integrating a 3rd party Rindo component with another Rindo component or application.`
+    );
+  }
   const elm = BUILD12.lazyLoad ? hostRef.$hostElement$ : ref;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
@@ -1819,16 +1847,18 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
     const bundleId = cmpMeta.$lazyBundleId$;
     if ((BUILD14.lazyLoad || BUILD14.hydrateClientSide) && bundleId) {
-      Cstr = loadModule(cmpMeta, hostRef, hmrVersionId);
-      if (Cstr.then) {
+      const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+      if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
           `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
           `[Rindo] Load module for <${cmpMeta.$tagName$}>`
         );
-        Cstr = await Cstr;
+        Cstr = await CstrImport;
         endLoad();
+      } else {
+        Cstr = CstrImport;
       }
-      if ((BUILD14.isDev || BUILD14.isDebug) && !Cstr) {
+      if (!Cstr) {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (BUILD14.member && !Cstr.isProxied) {
@@ -1857,12 +1887,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
-      customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (BUILD14.style && Cstr.style) {
+    if (BUILD14.style && Cstr && Cstr.style) {
       let style = Cstr.style;
       if (BUILD14.mode && typeof style !== "string") {
-        style = style[hostRef.$modeName$ = computeMode(elm)];
+        hostRef.$modeName$ = computeMode(elm);
+        if (hostRef.$modeName$) {
+          style = style[hostRef.$modeName$];
+        }
         if (BUILD14.hydrateServerSide && hostRef.$modeName$) {
           elm.setAttribute("s-mode", hostRef.$modeName$);
         }
@@ -1960,7 +1994,7 @@ var setContentReference = (elm) => {
     BUILD15.isDebug ? `content-ref (host=${elm.localName})` : ""
   );
   contentRefElm["s-cn"] = true;
-  elm.insertBefore(contentRefElm, elm.firstChild);
+  insertBefore(elm, contentRefElm, elm.firstChild);
 };
 
 // src/runtime/disconnected-callback.ts
@@ -2029,7 +2063,8 @@ var patchCloneNode = (HostElementPrototype) => {
         "s-ol",
         "s-nr",
         "s-si",
-        "s-rf"
+        "s-rf",
+        "s-rsc"
       ];
       for (; i2 < srcNode.childNodes.length; i2++) {
         slotted = srcNode.childNodes[i2]["s-nr"];
@@ -2057,7 +2092,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
     if (slotNode) {
       const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
       const appendAfter = slotChildNodes[slotChildNodes.length - 1];
-      const insertedNode = appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
+      const insertedNode = insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
       updateFallbackSlotVisibility(this);
       return insertedNode;
     }
@@ -2098,7 +2133,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
         newChild["s-ol"] = slotPlaceholder;
         const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
         const appendAfter = slotChildNodes[0];
-        return appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
+        return insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
       }
       if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
         newChild.hidden = true;
@@ -2196,7 +2231,7 @@ var patchTextContent = (hostElementPrototype) => {
           if (node["s-sn"] === "") {
             const textNode = this.ownerDocument.createTextNode(value);
             textNode["s-sn"] = "";
-            node.parentElement.insertBefore(textNode, node.nextSibling);
+            insertBefore(node.parentElement, textNode, node.nextSibling);
           } else {
             node.remove();
           }
@@ -2227,7 +2262,7 @@ var patchTextContent = (hostElementPrototype) => {
           this.__textContent = value;
           const contentRefElm = this["s-cr"];
           if (contentRefElm) {
-            this.insertBefore(contentRefElm, this.firstChild);
+            insertBefore(this, contentRefElm, this.firstChild);
           }
         }
       }
@@ -2621,14 +2656,10 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (elm, flags) => {
-  if (BUILD20.hostListenerTargetDocument && flags & 4 /* TargetDocument */)
-    return doc;
-  if (BUILD20.hostListenerTargetWindow && flags & 8 /* TargetWindow */)
-    return win;
-  if (BUILD20.hostListenerTargetBody && flags & 16 /* TargetBody */)
-    return doc.body;
-  if (BUILD20.hostListenerTargetParent && flags & 32 /* TargetParent */)
-    return elm.parentElement;
+  if (BUILD20.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
+  if (BUILD20.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
+  if (BUILD20.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
+  if (BUILD20.hostListenerTargetParent && flags & 32 /* TargetParent */) return elm.parentElement;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
@@ -2650,7 +2681,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
     const orgLocationNodes = [];
     parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
-      var _a, _b;
+      var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
         const nodeRef = orgLocationNode["s-nr"];
         let hostId = nodeRef["s-host-id"];
@@ -2673,7 +2704,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
             }
             const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
-            (_b = nodeRef.parentNode) == null ? void 0 : _b.insertBefore(commentBeforeTextNode, nodeRef);
+            insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           }
         }
         let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
@@ -2758,7 +2789,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
       const commentBeforeTextNode = doc2.createComment(textNodeId);
-      parentNode == null ? void 0 : parentNode.insertBefore(commentBeforeTextNode, childElm);
+      insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
     if (childElm["s-sr"]) {

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rindo/core/internal/hydrate",
-  "version": "4.18.0",
+  "version": "4.18.2",
   "description": "Rindo internal hydrate platform to be imported by the Rindo Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true