@stencil/core 5.0.0-alpha.8 → 5.0.0-alpha.9

package/dist/runtime/server/index.mjs

@@ -1,5 +1,5 @@
-import { BUILD, BUILD as BUILD$1, Env, NAMESPACE, NAMESPACE as NAMESPACE$1 } from "@stencil/core/runtime/app-data";
-import { globalScripts, globalStyles } from "@stencil/core/runtime/app-globals";
+import { BUILD, BUILD as BUILD$1, Env, NAMESPACE, NAMESPACE as NAMESPACE$1 } from "@stencil/core/app-data";
+import { globalScripts, globalStyles } from "@stencil/core/app-globals";
 import { effect, effect as effect$1, signal } from "@preact/signals-core";
 const MEMBER_FLAGS = {
 	String: 1,
@@ -4503,6 +4503,20 @@ function hasKeys(obj) {
 	return false;
 }
 //#endregion
+//#region src/server/platform/h-async.ts
+const hAsync = (nodeName, vnodeData, ...children) => {
+	if (Array.isArray(children) && children.length > 0) {
+		const flatChildren = children.flat(Infinity);
+		if (flatChildren.some((child) => child instanceof Promise)) return Promise.all(flatChildren).then((resolvedChildren) => {
+			return h(nodeName, vnodeData, ...resolvedChildren);
+		}).catch((err) => {
+			return h(nodeName, vnodeData);
+		});
+		return h(nodeName, vnodeData, ...flatChildren);
+	}
+	return h(nodeName, vnodeData);
+};
+//#endregion
 //#region src/runtime/vdom/vdom-annotations.ts
 /**
 * Updates the DOM generated on the server with annotations such as node attributes and
@@ -4658,20 +4672,6 @@ const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, in
 	}
 };
 //#endregion
-//#region src/server/platform/h-async.ts
-const hAsync = (nodeName, vnodeData, ...children) => {
-	if (Array.isArray(children) && children.length > 0) {
-		const flatChildren = children.flat(Infinity);
-		if (flatChildren.some((child) => child instanceof Promise)) return Promise.all(flatChildren).then((resolvedChildren) => {
-			return h(nodeName, vnodeData, ...resolvedChildren);
-		}).catch((err) => {
-			return h(nodeName, vnodeData);
-		});
-		return h(nodeName, vnodeData, ...flatChildren);
-	}
-	return h(nodeName, vnodeData);
-};
-//#endregion
 //#region src/server/platform/proxy-host-element.ts
 function proxyHostElement(elm, cstr) {
 	const cmpMeta = cstr.cmpMeta;

package/dist/runtime/server/runner.mjs

@@ -1,5 +1,5 @@
 import { ssrFactory } from "@stencil/core/runtime/server/ssr-factory";
-import { BUILD } from "@stencil/core/runtime/app-data";
+import { BUILD } from "@stencil/core/app-data";
 import "@preact/signals-core";
 //#region ../../node_modules/.pnpm/parse5@8.0.1/node_modules/parse5/dist/common/unicode.js
 const UNDEFINED_CODE_POINTS = new Set([

package/dist/signals/index.js

@@ -16,7 +16,7 @@ import { batch, computed, effect, signal, untracked } from "@preact/signals-core
 * }
 * ```
 *
-* `virtual:app-data`, the module that `BUILD` is imported from, is an alias for the `@stencil/core/runtime/app-data`, and is
+* `virtual:app-data`, the module that `BUILD` is imported from, is an alias for `@stencil/core/app-data`, and is
 * partially referenced by {@link STENCIL_APP_DATA_ID}. The `src/compiler/bundle/app-data-plugin.ts` references
 * `STENCIL_APP_DATA_ID` uses it to replace these defaults with {@link BuildConditionals} that are derived from a
 * Stencil project's contents (i.e. metadata from the components). This replacement happens at a Stencil project's

package/dist/sys/node/index.d.mts

@@ -1,4 +1,4 @@
-import { ei as Logger, vr as CompilerSystem } from "../../index-CVhWFUM0.mjs";
+import { ei as Logger, vr as CompilerSystem } from "../../index-vY35H18z.mjs";
 
 //#region src/sys/node/logger/index.d.ts
 /**

package/dist/sys/node/index.mjs

@@ -1,2 +1,2 @@
-import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-10UamZmn.mjs";
+import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node--akYC-sG.mjs";
 export { createNodeLogger, createNodeSys, setupNodeProcess };

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-B3pUYg_P.mjs";
-import { t as createNodeSys } from "../../node-10UamZmn.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-C0qmPoKu.mjs";
+import { t as createNodeSys } from "../../node--akYC-sG.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing

package/dist/testing/index.d.mts

@@ -1,5 +1,5 @@
-import { $r as LogLevel, B as ComponentCompilerMeta, Br as Diagnostic, Dt as HostRef, E as CompilerCtx, Et as HostElement, Nt as Module, Rt as NewSpecPageOptions, Zn as Compiler, Zr as LoadConfigInit, a as BuildCtx, aa as ValidatedConfig, cn as RuntimeRef, ei as Logger, fa as RafCallback, ha as UserBuildConditionals, ia as UnvalidatedConfig, kr as Config, mt as ComponentRuntimeMeta, ni as LoggerTimeSpan, pn as SpecPage, ua as ErrorHandler, vr as CompilerSystem } from "../index-CVhWFUM0.mjs";
-import { a as h, b as Env, d as getMode, g as getElement, h as createEvent, i as Host, m as Fragment, o as forceUpdate, p as Mixin, s as getRenderingRef, v as getAssetPath, y as setAssetPath } from "../index-ch-cf-bZ.mjs";
+import { $r as LogLevel, B as ComponentCompilerMeta, Br as Diagnostic, Dt as HostRef, E as CompilerCtx, Et as HostElement, Nt as Module, Rt as NewSpecPageOptions, Zn as Compiler, Zr as LoadConfigInit, a as BuildCtx, aa as ValidatedConfig, cn as RuntimeRef, ei as Logger, fa as RafCallback, ha as UserBuildConditionals, ia as UnvalidatedConfig, kr as Config, mt as ComponentRuntimeMeta, ni as LoggerTimeSpan, pn as SpecPage, ua as ErrorHandler, vr as CompilerSystem } from "../index-vY35H18z.mjs";
+import { a as h, b as Env, d as getMode, g as getElement, h as createEvent, i as Host, m as Fragment, o as forceUpdate, p as Mixin, s as getRenderingRef, v as getAssetPath, y as setAssetPath } from "../index-BvkyxSY6.mjs";
 import { Mock } from "vitest";
 
 //#region src/testing/testing-logger.d.ts

package/dist/testing/index.mjs

@@ -1,8 +1,8 @@
-import { C as setAssetPath, S as getAssetPath, U as BUILD, W as Env, _ as getRenderingRef, b as getElement, c as Mixin, d as getMode, g as forceUpdate, h, k as reWireGetterSetter, l as Fragment, m as Host, t as insertVdomAnnotations, u as bootstrapLazy, v as renderVdom, y as createEvent } from "../client-Dd-NB5Ei.mjs";
+import { A as HYDRATE_ID, C as setAssetPath, D as DEFAULT_DOC_DATA, F as reWireGetterSetter, M as STENCIL_DOC_DATA, P as getHostRef$1, S as getAssetPath, X as Env, Y as BUILD, _ as insertBefore, b as getElement, c as Fragment, g as getRenderingRef, h as forceUpdate, j as NODE_TYPE, k as HYDRATE_CHILD_ID, l as bootstrapLazy, m as h, p as Host, s as Mixin, u as getMode, v as renderVdom, y as createEvent } from "../client-aTQ7xHxx.mjs";
 import { L as EVENT_FLAGS, h as noop, w as CMP_FLAGS } from "../regular-expression-CFVJOTUh.mjs";
-import { _ as getBuildFeatures, c as createWorkerContext, g as BuildContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler } from "../compiler-B3pUYg_P.mjs";
+import { _ as getBuildFeatures, c as createWorkerContext, g as BuildContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler } from "../compiler-C0qmPoKu.mjs";
 import { wt as formatLazyBundleRuntimeMeta } from "../validation-ByxKj8bC.mjs";
-import { o as buildEvents } from "../node-10UamZmn.mjs";
+import { o as buildEvents } from "../node--akYC-sG.mjs";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -285,6 +285,7 @@ function mockValidatedConfig(overrides = {}) {
 		srcDir: "/src",
 		srcIndexHtml: "src/index.html",
 		suppressReservedPublicNameWarnings: false,
+		suppressReservedEventNameWarnings: false,
 		sys: createTestingSystem(),
 		transformAliasedImportPaths: true,
 		rolldownConfig: {},
@@ -325,6 +326,7 @@ function mockConfig(overrides = {}) {
 		rootDir,
 		sourceMap: true,
 		suppressReservedPublicNameWarnings: false,
+		suppressReservedEventNameWarnings: false,
 		sys,
 		validateTypes: false,
 		...overrides
@@ -962,6 +964,161 @@ function registerModule(bundleId, Cstr) {
 	moduleLoaded.set(bundleId, Cstr);
 }
 //#endregion
+//#region src/runtime/vdom/vdom-annotations.ts
+/**
+* Updates the DOM generated on the server with annotations such as node attributes and
+* comment nodes to facilitate future client-side hydration. These annotations are used for things
+* like moving elements back to their original hosts if using Shadow DOM on the client, and for quickly
+* reconstructing the vNode representations of the DOM.
+*
+* @param doc The DOM generated by the server.
+* @param staticComponents Any components that should be considered static and do not need client-side hydration.
+*/
+const insertVdomAnnotations = (doc, staticComponents) => {
+	if (doc != null) {
+		/**
+		* Initiated `docData` object from the document if it exists to ensure we
+		* maintain the same `docData` object across multiple hydration hydration runs.
+		*/
+		const docData = "_stencilDocData" in doc ? doc[STENCIL_DOC_DATA] : { ...DEFAULT_DOC_DATA };
+		docData.staticComponents = new Set(staticComponents);
+		const orgLocationNodes = [];
+		parseVNodeAnnotations(doc, doc.body, docData, orgLocationNodes);
+		orgLocationNodes.forEach((orgLocationNode) => {
+			if (orgLocationNode != null && orgLocationNode["s-nr"]) {
+				const nodeRef = orgLocationNode["s-nr"];
+				let hostId = nodeRef["s-host-id"];
+				let nodeId = nodeRef["s-node-id"];
+				let childId = `${hostId}.${nodeId}`;
+				if (hostId == null) {
+					hostId = 0;
+					docData.rootLevelIds++;
+					nodeId = docData.rootLevelIds;
+					childId = `${hostId}.${nodeId}`;
+					if (nodeRef.nodeType === NODE_TYPE.ElementNode) {
+						nodeRef.setAttribute(HYDRATE_CHILD_ID, childId);
+						if (typeof nodeRef["s-sn"] === "string" && !nodeRef.getAttribute("slot")) nodeRef.setAttribute("s-sn", nodeRef["s-sn"]);
+					} else if (nodeRef.nodeType === NODE_TYPE.TextNode) {
+						if (hostId === 0) {
+							if (nodeRef.nodeValue?.trim() === "") {
+								orgLocationNode.remove();
+								return;
+							}
+						}
+						const commentBeforeTextNode = doc.createComment(childId);
+						commentBeforeTextNode.nodeValue = `t.${childId}`;
+						insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
+					} else if (nodeRef.nodeType === NODE_TYPE.CommentNode) {
+						const commentBeforeTextNode = doc.createComment(childId);
+						commentBeforeTextNode.nodeValue = `c.${childId}`;
+						nodeRef.parentNode.insertBefore(commentBeforeTextNode, nodeRef);
+					}
+				}
+				let orgLocationNodeId = `o.${childId}`;
+				const orgLocationParentNode = orgLocationNode.parentElement;
+				if (orgLocationParentNode) {
+					if (orgLocationParentNode["s-en"] === "") orgLocationNodeId += `.`;
+					else if (orgLocationParentNode["s-en"] === "c") orgLocationNodeId += `.c`;
+				}
+				orgLocationNode.nodeValue = orgLocationNodeId;
+			}
+		});
+	}
+};
+/**
+* Recursively parses a node generated by the server and its children to set host and child id
+* attributes read during client-side hydration. This function also tracks whether each node is
+* an original location reference node meaning that a node has been moved via slot relocation.
+*
+* @param doc The DOM generated by the server.
+* @param node The node to parse.
+* @param docData An object containing metadata about the document.
+* @param orgLocationNodes An array of nodes that have been moved via slot relocation.
+*/
+const parseVNodeAnnotations = (doc, node, docData, orgLocationNodes) => {
+	if (node == null) return;
+	if (node["s-nr"] != null) orgLocationNodes.push(node);
+	if (node.nodeType === NODE_TYPE.ElementNode) [...Array.from(node.childNodes), ...Array.from(node.shadowRoot?.childNodes || [])].forEach((childNode) => {
+		const hostRef = getHostRef$1(childNode);
+		if (hostRef != null && !docData.staticComponents.has(childNode.nodeName.toLowerCase())) insertVNodeAnnotations(doc, childNode, hostRef.$vnode$, docData, { nodeIds: 0 });
+		parseVNodeAnnotations(doc, childNode, docData, orgLocationNodes);
+	});
+};
+/**
+* Insert attribute annotations on an element for its host ID and, potentially, its child ID.
+* Also makes calls to insert annotations on the element's children, keeping track of the depth of
+* the component tree.
+*
+* @param doc The DOM generated by the server.
+* @param hostElm The element to insert annotations for.
+* @param vnode The vNode representation of the element.
+* @param docData An object containing metadata about the document.
+* @param cmpData An object containing metadata about the component.
+*/
+const insertVNodeAnnotations = (doc, hostElm, vnode, docData, cmpData) => {
+	if (vnode != null) {
+		const hostId = ++docData.hostIds;
+		hostElm.setAttribute(HYDRATE_ID, hostId);
+		if (hostElm["s-cr"] != null) hostElm["s-cr"].nodeValue = `r.${hostId}`;
+		if (vnode.$children$ != null) {
+			const depth = 0;
+			vnode.$children$.forEach((vnodeChild, index) => {
+				insertChildVNodeAnnotations(doc, vnodeChild, cmpData, hostId, depth, index);
+			});
+		}
+		if (hostElm && vnode && vnode.$elm$ && !hostElm.hasAttribute("c-id")) {
+			const parent = hostElm.parentElement;
+			if (parent && parent.childNodes) {
+				const parentChildNodes = Array.from(parent.childNodes);
+				const comment = parentChildNodes.find((node) => node.nodeType === NODE_TYPE.CommentNode && node["s-sr"]);
+				if (comment) {
+					const index = parentChildNodes.indexOf(hostElm) - 1;
+					vnode.$elm$.setAttribute(HYDRATE_CHILD_ID, `${comment["s-host-id"]}.${comment["s-node-id"]}.0.${index}`);
+				}
+			}
+		}
+	}
+};
+/**
+* Recursively analyzes the type of a child vNode and inserts annotations on the vNodes's element based on its type.
+* Element nodes receive a child ID attribute, text nodes have a comment with the child ID inserted before them,
+* and comment nodes representing a slot have their node value set to a slot node ID containing the child ID.
+*
+* @param doc The DOM generated by the server.
+* @param vnodeChild The vNode to insert annotations for.
+* @param cmpData An object containing metadata about the component.
+* @param hostId The host ID of this element's parent.
+* @param depth How deep this element sits in the component tree relative to its parent.
+* @param index The index of this element in its parent's children array.
+*/
+const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, index) => {
+	const childElm = vnodeChild.$elm$;
+	if (childElm == null) return;
+	const nodeId = cmpData.nodeIds++;
+	const childId = `${hostId}.${nodeId}.${depth}.${index}`;
+	childElm["s-host-id"] = hostId;
+	childElm["s-node-id"] = nodeId;
+	if (childElm.nodeType === NODE_TYPE.ElementNode) {
+		childElm.setAttribute(HYDRATE_CHILD_ID, childId);
+		if (typeof childElm["s-sn"] === "string" && !childElm.getAttribute("slot")) childElm.setAttribute("s-sn", childElm["s-sn"]);
+	} else if (childElm.nodeType === NODE_TYPE.TextNode) {
+		const parentNode = childElm.parentNode;
+		const nodeName = parentNode?.nodeName;
+		if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
+			const textNodeId = `t.${childId}`;
+			insertBefore(parentNode, doc.createComment(textNodeId), childElm);
+		}
+	} else if (childElm.nodeType === NODE_TYPE.CommentNode) {
+		if (childElm["s-sr"]) childElm.nodeValue = `s.${childId}.${childElm["s-sn"] || ""}`;
+	}
+	if (vnodeChild.$children$ != null) {
+		const childDepth = depth + 1;
+		vnodeChild.$children$.forEach((vnode, childIndex) => {
+			insertChildVNodeAnnotations(doc, vnode, cmpData, hostId, childDepth, childIndex);
+		});
+	}
+};
+//#endregion
 //#region src/testing/platform/index.ts
 const setMode = (handler) => {
 	modeResolutionChain.length = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-alpha.8",
+  "version": "5.0.0-alpha.9",
   "description": "A Compiler for Web Components and Progressive Web Apps",
   "keywords": [
     "components",
@@ -64,13 +64,13 @@
       "types": "./dist/runtime/index.d.ts",
       "import": "./dist/runtime/index.js"
     },
-    "./runtime/app-data": {
-      "types": "./dist/runtime/app-data/index.d.ts",
-      "import": "./dist/runtime/app-data/index.js"
+    "./app-data": {
+      "types": "./dist/app-data/index.d.ts",
+      "import": "./dist/app-data/index.js"
     },
-    "./runtime/app-globals": {
-      "types": "./dist/runtime/app-globals/index.d.ts",
-      "import": "./dist/runtime/app-globals/index.js"
+    "./app-globals": {
+      "types": "./dist/app-globals/index.d.ts",
+      "import": "./dist/app-globals/index.js"
     },
     "./runtime/client": {
       "types": "./dist/runtime/client/runtime.d.ts",
@@ -121,9 +121,9 @@
     "terser": "^5.0.0",
     "tinyglobby": "^0.2.0",
     "typescript": ">4.0.0 <7.0.0",
-    "@stencil/mock-doc": "5.0.0-alpha.8",
-    "@stencil/dev-server": "5.0.0-alpha.8",
-    "@stencil/cli": "5.0.0-alpha.8"
+    "@stencil/cli": "5.0.0-alpha.9",
+    "@stencil/dev-server": "5.0.0-alpha.9",
+    "@stencil/mock-doc": "5.0.0-alpha.9"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",

package/dist/runtime/app-data/index.d.ts

@@ -1,2 +0,0 @@
-import { n as Env, r as NAMESPACE, t as BUILD } from "../../index-BuveMLxy.js";
-export { BUILD, Env, NAMESPACE };