@stencil/core 5.0.0-alpha.27 → 5.0.0-alpha.29

package/dist/signals/index.d.ts

@@ -1,4 +1,6 @@
 import { ReadonlySignal, ReadonlySignal as ReadonlySignal$1, Signal, batch, computed, effect, signal, untracked } from "@preact/signals-core";
+import "rolldown";
+import "typescript";
 //#region src/runtime/signals.d.ts
 declare const STENCIL_SIGNALS_SYMBOL: unique symbol;
 //#endregion

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

@@ -1,5 +1,4 @@
-import { ti as Logger, yr as CompilerSystem } from "../../index-F3IidHM1.mjs";
-
+import { ni as Logger, yr as CompilerSystem } from "../../index-BHj3EBl2.mjs";
 //#region src/sys/node/logger/index.d.ts
 /**
  * Create a logger to run in a Node environment

package/dist/sys/node/index.mjs

@@ -1,2 +1,2 @@
-import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-DKVq_Ud0.mjs";
+import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-BQR4L-TG.mjs";
 export { createNodeLogger, createNodeSys, setupNodeProcess };

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

@@ -1 +1 @@
-export { };
+export {}

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-D43Ied7R.mjs";
-import { t as createNodeSys } from "../../node-DKVq_Ud0.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-BbS9TDF_.mjs";
+import { t as createNodeSys } from "../../node-BQR4L-TG.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing
@@ -42,7 +42,10 @@ const initNodeWorkerThread = (process, msgHandler) => {
 		errorHandler(-1, e);
 	});
 };
-const msgHandler = createWorkerMessageHandler(createNodeSys({ process }));
+//#endregion
+//#region src/sys/node/worker.ts
+const nodeSys = createNodeSys({ process });
+const msgHandler = createWorkerMessageHandler(nodeSys);
 initNodeWorkerThread(process, msgHandler);
 //#endregion
 export {};

package/dist/testing/index.d.mts

@@ -1,7 +1,7 @@
-import { Ar as Config, B as ComponentCompilerMeta, Dt as HostRef, E as CompilerCtx, Et as HostElement, Nt as Module, Qn as Compiler, Qr as LoadConfigInit, Rt as NewSpecPageOptions, Vr as Diagnostic, a as BuildCtx, aa as UnvalidatedConfig, cn as RuntimeRef, da as ErrorHandler, ei as LogLevel, ga as UserBuildConditionals, mt as ComponentRuntimeMeta, oa as ValidatedConfig, pa as RafCallback, pn as SpecPage, ri as LoggerTimeSpan, ti as Logger, yr as CompilerSystem } from "../index-F3IidHM1.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-3fu7WQs4.mjs";
+import { $r as LoadConfigInit, Ar as Config, B as ComponentCompilerMeta, Dt as HostRef, E as CompilerCtx, Et as HostElement, Nt as Module, Qn as Compiler, Rt as NewSpecPageOptions, Sa as UserBuildConditionals, Vr as Diagnostic, a as BuildCtx, ca as UnvalidatedConfig, cn as RuntimeRef, ha as ErrorHandler, ii as LoggerTimeSpan, la as ValidatedConfig, mt as ComponentRuntimeMeta, ni as Logger, pn as SpecPage, ti as LogLevel, va as RafCallback, yr as CompilerSystem } from "../index-BHj3EBl2.mjs";
+import { _ as Env, a as h, d as getMode, h as getElement, i as Host, m as createEvent, o as forceUpdate, p as Fragment, s as getRenderingRef } from "../index-VK8okIiF.mjs";
+import { i as setAssetPath, n as Mixin, r as getAssetPath, t as ReactiveControllerHost } from "../reactive-controller-BdCpSAQP.mjs";
 import { Mock } from "vitest";
-
 //#region src/testing/testing-logger.d.ts
 declare class TestingLogger implements Logger {
   private isEnabled;
@@ -251,11 +251,6 @@ interface ConsoleMocker {
   };
   teardownConsoleMocks: () => void;
 }
-/**
- * the callback that `withSilentWarn` expects to receive. Basically receives a mock
- * as its argument and returns a `Promise`, the value of which is returned by `withSilentWarn`
- * as well.
- */
 //#endregion
 //#region src/testing/platform/testing-build.d.ts
 declare const Build: UserBuildConditionals;
@@ -300,4 +295,4 @@ declare function readTask(cb: RafCallback): void;
 //#region src/testing/platform/index.d.ts
 declare const setMode: (handler: (elm: any) => string | undefined | null) => void;
 //#endregion
-export { Build, type CreateTestCompilerOptions, Env, Fragment, Host, Mixin, type PreparedTestCompiler, type SpecPage, type TestCompilerResult, createEvent, createTestCompiler, createTestingSystem, forceUpdate, getAssetPath, getElement, getHostRef, getMode, getRenderingRef, h, mockBuildCtx, mockCompilerCtx, mockCompilerSystem, mockComponentMeta, mockConfig, mockDocument, mockLoadConfigInit, mockLogger, mockModule, mockValidatedConfig, mockWindow, newSpecPage, prepareTestCompiler, readTask, registerHost, registerInstance, setAssetPath, setErrorHandler, setMode, setupConsoleMocker, shuffleArray, writeTask };
+export { Build, type CreateTestCompilerOptions, Env, Fragment, Host, Mixin, type PreparedTestCompiler, ReactiveControllerHost, type SpecPage, type TestCompilerResult, createEvent, createTestCompiler, createTestingSystem, forceUpdate, getAssetPath, getElement, getHostRef, getMode, getRenderingRef, h, mockBuildCtx, mockCompilerCtx, mockCompilerSystem, mockComponentMeta, mockConfig, mockDocument, mockLoadConfigInit, mockLogger, mockModule, mockValidatedConfig, mockWindow, newSpecPage, prepareTestCompiler, readTask, registerHost, registerInstance, setAssetPath, setErrorHandler, setMode, setupConsoleMocker, shuffleArray, writeTask };

package/dist/testing/index.mjs

@@ -1,12 +1,13 @@
-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-CvcvHKz4.mjs";
-import { L as EVENT_FLAGS, h as noop, w as CMP_FLAGS } from "../regular-expression-CFVJOTUh.mjs";
-import { b as getBuildFeatures, c as createWorkerContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler, v as BuildContext } from "../compiler-D43Ied7R.mjs";
-import { wt as formatLazyBundleRuntimeMeta } from "../validation-ByxKj8bC.mjs";
-import { o as buildEvents } from "../node-DKVq_Ud0.mjs";
+import { A as HYDRATE_ID, C as setAssetPath, D as DEFAULT_DOC_DATA, F as reWireGetterSetter, L as BUILD, M as STENCIL_DOC_DATA, P as getHostRef$1, R as Env, S as getAssetPath, _ as insertBefore, b as getElement, c as Mixin, 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 ReactiveControllerHost, u as getMode, v as renderVdom, y as createEvent } from "../client-D1MsT-Rp.mjs";
+import { R as EVENT_FLAGS, h as noop, w as CMP_FLAGS } from "../regular-expression-XqU5zmPp.mjs";
+import { t as Fragment } from "../fragment-Di1hWOC8.mjs";
+import { b as getBuildFeatures, c as createWorkerContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler, v as BuildContext } from "../compiler-BbS9TDF_.mjs";
+import { C as formatLazyBundleRuntimeMeta } from "../validation-Dd3g77T5.mjs";
+import { o as buildEvents } from "../node-BQR4L-TG.mjs";
 import fs from "node:fs";
-import path from "node:path";
+import nodePath from "node:path";
 import { fileURLToPath } from "node:url";
-import path$1 from "path";
+import path from "path";
 import { MockWindow, setupGlobal } from "@stencil/mock-doc";
 import { createHash } from "crypto";
 import { afterAll, vi } from "vitest";
@@ -88,7 +89,7 @@ const createTestingSystem = () => {
 	let diskReads = 0;
 	let diskWrites = 0;
 	const sys = createSystem();
-	sys.platformPath = path$1;
+	sys.platformPath = path;
 	sys.generateContentHash = (content, length) => {
 		let hash = createHash("sha1").update(content).digest("hex").toLowerCase();
 		if (typeof length === "number") hash = hash.slice(0, length);
@@ -229,6 +230,7 @@ const mockComponentMeta = (overrides = {}) => ({
 	hasWatchCallback: false,
 	htmlAttrNames: [],
 	htmlParts: [],
+	htmlSlots: [],
 	htmlTagNames: [],
 	internal: false,
 	isCollectionDependency: false,
@@ -264,13 +266,16 @@ const mockComponentMeta = (overrides = {}) => ({
 */
 function mockValidatedConfig(overrides = {}) {
 	const baseConfig = mockConfig(overrides);
-	const rootDir = path.resolve("/");
+	const rootDir = nodePath.resolve("/");
 	return {
 		...baseConfig,
 		cacheDir: ".stencil",
 		devMode: true,
 		devServer: {},
-		compat: {},
+		compat: {
+			suppressPublicNameWarnings: false,
+			suppressEventNameWarnings: false
+		},
 		fsNamespace: "testing",
 		hydratedFlag: null,
 		logLevel: "info",
@@ -279,13 +284,11 @@ function mockValidatedConfig(overrides = {}) {
 		minifyJs: false,
 		namespace: "Testing",
 		outputTargets: baseConfig.outputTargets ?? [],
-		packageJsonFilePath: path.join(rootDir, "package.json"),
+		packageJsonFilePath: nodePath.join(rootDir, "package.json"),
 		rootDir,
 		sourceMap: true,
 		srcDir: "/src",
 		srcIndexHtml: "src/index.html",
-		suppressReservedPublicNameWarnings: false,
-		suppressReservedEventNameWarnings: false,
 		sys: createTestingSystem(),
 		transformAliasedImportPaths: true,
 		rolldownConfig: {},
@@ -300,7 +303,7 @@ function mockValidatedConfig(overrides = {}) {
 * @returns the mock Stencil configuration
 */
 function mockConfig(overrides = {}) {
-	const rootDir = path.resolve("/");
+	const rootDir = nodePath.resolve("/");
 	let { sys } = overrides;
 	if (!sys) sys = createTestingSystem();
 	sys.getCurrentDirectory = () => rootDir;
@@ -310,7 +313,10 @@ function mockConfig(overrides = {}) {
 		bundles: null,
 		devMode: true,
 		enableCache: false,
-		compat: {},
+		compat: {
+			suppressPublicNameWarnings: false,
+			suppressEventNameWarnings: false
+		},
 		globalScript: null,
 		logger: new TestingLogger(),
 		maxConcurrentWorkers: 0,
@@ -325,8 +331,6 @@ function mockConfig(overrides = {}) {
 		},
 		rootDir,
 		sourceMap: true,
-		suppressReservedPublicNameWarnings: false,
-		suppressReservedEventNameWarnings: false,
 		sys,
 		validateTypes: false,
 		...overrides
@@ -401,7 +405,8 @@ function mockCompilerCtx(config) {
 }
 function mockBuildCtx(config, compilerCtx) {
 	const validatedConfig = config || mockValidatedConfig();
-	return new BuildContext(validatedConfig, compilerCtx || mockCompilerCtx(validatedConfig));
+	const validatedCompilerCtx = compilerCtx || mockCompilerCtx(validatedConfig);
+	return new BuildContext(validatedConfig, validatedCompilerCtx);
 }
 function mockCache(config, compilerCtx) {
 	config.enableCache = true;
@@ -453,6 +458,7 @@ const mockModule = (mod = {}) => ({
 	htmlAttrNames: [],
 	htmlTagNames: [],
 	htmlParts: [],
+	htmlSlots: [],
 	isCollectionDependency: false,
 	isLegacy: false,
 	jsFilePath: "",
@@ -482,8 +488,8 @@ const mockModule = (mod = {}) => ({
 });
 //#endregion
 //#region src/testing/create-test-compiler.ts
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const TESTING_TSCONFIG = path.resolve(__dirname, "fixtures/tsconfig.testing.json");
+const __dirname = nodePath.dirname(fileURLToPath(import.meta.url));
+const TESTING_TSCONFIG = nodePath.resolve(__dirname, "fixtures/tsconfig.testing.json");
 /**
 * Builds a patched sys that falls through to real disk for TypeScript lib files.
 *
@@ -538,7 +544,7 @@ const createPatchedSys = () => {
 			return mem;
 		}
 	};
-	sys.getCompilerExecutingPath = () => path.resolve(__dirname, "../../dist/compiler/index.mjs");
+	sys.getCompilerExecutingPath = () => nodePath.resolve(__dirname, "../../dist/compiler/index.mjs");
 	return sys;
 };
 /**
@@ -562,18 +568,19 @@ const createPatchedSys = () => {
 const prepareTestCompiler = async (options = {}) => {
 	const sys = createPatchedSys();
 	const tsconfigPath = options.tsconfig ?? TESTING_TSCONFIG;
+	const userConfig = {
+		devMode: true,
+		sourceMap: false,
+		enableCache: false,
+		minifyJs: false,
+		minifyCss: false,
+		namespace: "Testing",
+		tsconfig: tsconfigPath,
+		...options.config
+	};
 	const { config: validatedConfig } = await loadConfig({
 		sys,
-		config: {
-			devMode: true,
-			sourceMap: false,
-			enableCache: false,
-			minifyJs: false,
-			minifyCss: false,
-			namespace: "Testing",
-			tsconfig: tsconfigPath,
-			...options.config
-		}
+		config: userConfig
 	});
 	return {
 		_validatedConfig: validatedConfig,
@@ -613,18 +620,19 @@ const createTestCompiler = async (options = {}) => {
 	} else {
 		const sys = createPatchedSys();
 		tsconfigPath = options.tsconfig ?? TESTING_TSCONFIG;
+		const userConfig = {
+			devMode: true,
+			sourceMap: false,
+			enableCache: false,
+			minifyJs: false,
+			minifyCss: false,
+			namespace: "Testing",
+			tsconfig: tsconfigPath,
+			...options.config
+		};
 		const { config } = await loadConfig({
 			sys,
-			config: {
-				devMode: true,
-				sourceMap: false,
-				enableCache: false,
-				minifyJs: false,
-				minifyCss: false,
-				namespace: "Testing",
-				tsconfig: tsconfigPath,
-				...options.config
-			}
+			config: userConfig
 		});
 		validatedConfig = config;
 	}
@@ -634,7 +642,7 @@ const createTestCompiler = async (options = {}) => {
 		...tsconfigObj,
 		include: [validatedConfig.srcDir]
 	}));
-	await compiler.fs.writeFile(path.join(validatedConfig.srcDir, "components.d.ts"), "");
+	await compiler.fs.writeFile(nodePath.join(validatedConfig.srcDir, "components.d.ts"), "");
 	return {
 		compiler,
 		config: validatedConfig,
@@ -1106,7 +1114,8 @@ const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, in
 		const nodeName = parentNode?.nodeName;
 		if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
 			const textNodeId = `t.${childId}`;
-			insertBefore(parentNode, doc.createComment(textNodeId), childElm);
+			const commentBeforeTextNode = doc.createComment(textNodeId);
+			insertBefore(parentNode, commentBeforeTextNode, childElm);
 		}
 	} else if (childElm.nodeType === NODE_TYPE.CommentNode) {
 		if (childElm["s-sr"]) childElm.nodeValue = `s.${childId}.${childElm["s-sn"] || ""}`;
@@ -1221,7 +1230,13 @@ async function newSpecPage(opts) {
 		/**
 		* just pass through functional components that don't have styles nor any other metadata
 		*/
-		if (Cstr.COMPILER_META == null) return formatLazyBundleRuntimeMeta(`fc.${generateRandBundleId()}`, []);
+		if (Cstr.COMPILER_META == null) {
+			/**
+			* the bundleId can be arbitrary, but must be unique
+			*/
+			const arbitraryBundleId = `fc.${generateRandBundleId()}`;
+			return formatLazyBundleRuntimeMeta(arbitraryBundleId, []);
+		}
 		cmpTags.add(Cstr.COMPILER_META.tagName);
 		Cstr.isProxied = false;
 		proxyComponentLifeCycles(Cstr);
@@ -1239,7 +1254,8 @@ async function newSpecPage(opts) {
 		registerModule(bundleId, Cstr);
 		return formatLazyBundleRuntimeMeta(bundleId, [Cstr.COMPILER_META]);
 	});
-	const cmpBuild = getBuildFeatures(opts.components.filter((Cstr) => Cstr.COMPILER_META != null).map((Cstr) => Cstr.COMPILER_META));
+	const cmpCompilerMeta = opts.components.filter((Cstr) => Cstr.COMPILER_META != null).map((Cstr) => Cstr.COMPILER_META);
+	const cmpBuild = getBuildFeatures(cmpCompilerMeta);
 	if (opts.strictBuild) Object.assign(BUILD, cmpBuild);
 	else Object.keys(cmpBuild).forEach((key) => {
 		if (cmpBuild[key] === true) BUILD[key] = true;
@@ -1270,17 +1286,19 @@ async function newSpecPage(opts) {
 		for (const [, cmps] of lazyBundles) for (const cmp of cmps) if (cmp[0] & CMP_FLAGS.shadowDomEncapsulation) cmp[0] |= CMP_FLAGS.shadowNeedsScopedCss;
 	}
 	bootstrapLazy(lazyBundles);
-	if (typeof opts.template === "function") renderVdom({
-		$ancestorComponent$: void 0,
-		$flags$: 0,
-		$modeName$: void 0,
-		$cmpMeta$: {
+	if (typeof opts.template === "function") {
+		const ref = {
+			$ancestorComponent$: void 0,
 			$flags$: 0,
-			$tagName$: "body"
-		},
-		$hostElement$: page.body
-	}, opts.template());
-	else if (typeof opts.html === "string") page.body.innerHTML = opts.html;
+			$modeName$: void 0,
+			$cmpMeta$: {
+				$flags$: 0,
+				$tagName$: "body"
+			},
+			$hostElement$: page.body
+		};
+		renderVdom(ref, opts.template());
+	} else if (typeof opts.html === "string") page.body.innerHTML = opts.html;
 	if (opts.flushQueue !== false) await page.waitForChanges();
 	let rootComponent = null;
 	Object.defineProperty(page, "root", { get() {
@@ -1474,4 +1492,4 @@ function setupConsoleMocker() {
 	};
 }
 //#endregion
-export { Build, Env, Fragment, Host, Mixin, createEvent, createTestCompiler, createTestingSystem, forceUpdate, getAssetPath, getElement, getHostRef, getMode, getRenderingRef, h, mockBuildCtx, mockCompilerCtx, mockCompilerSystem, mockComponentMeta, mockConfig, mockDocument, mockLoadConfigInit, mockLogger, mockModule, mockValidatedConfig, mockWindow, newSpecPage, prepareTestCompiler, readTask, registerHost, registerInstance, setAssetPath, setErrorHandler, setMode, setupConsoleMocker, shuffleArray, writeTask };
+export { Build, Env, Fragment, Host, Mixin, ReactiveControllerHost, createEvent, createTestCompiler, createTestingSystem, forceUpdate, getAssetPath, getElement, getHostRef, getMode, getRenderingRef, h, mockBuildCtx, mockCompilerCtx, mockCompilerSystem, mockComponentMeta, mockConfig, mockDocument, mockLoadConfigInit, mockLogger, mockModule, mockValidatedConfig, mockWindow, newSpecPage, prepareTestCompiler, readTask, registerHost, registerInstance, setAssetPath, setErrorHandler, setMode, setupConsoleMocker, shuffleArray, writeTask };