@stencil/core 5.0.0-beta.3 → 5.0.0-beta.31

package/dist/runtime/server/runner.d.mts

@@ -139,7 +139,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    * Note that this is "approximate", in that HTML may often not be able
    * to be split at an exact line width. Additionally, new lines created
    * is where HTML naturally already has whitespace, such as before an
-   * attribute or spaces between words. Defaults to `100`.
+   * attribute or spaces between words. Defaults to no wrapping (`100` when prerendering).
    */
   approximateLineWidth?: number;
   /**
@@ -157,12 +157,12 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
   prettyHtml?: boolean;
   /**
    * Remove quotes from attribute values when possible.
-   * Defaults to `true`.
+   * Defaults to `false` (`true` when prerendering).
    */
   removeAttributeQuotes?: boolean;
   /**
    * Remove the `=""` from standardized `boolean` attributes,
-   * such as `hidden` or `checked`. Defaults to `true`.
+   * such as `hidden` or `checked`. Defaults to `false` (`true` when prerendering).
    */
   removeBooleanAttributeQuotes?: boolean;
   /**
@@ -171,7 +171,7 @@ interface SerializeDocumentOptions extends SsrDocumentOptions {
    */
   removeEmptyAttributes?: boolean;
   /**
-   * Remove HTML comments. Defaults to `true`.
+   * Remove HTML comments. Defaults to `false` (`true` when prerendering).
    */
   removeHtmlComments?: boolean;
   /**

package/dist/runtime/server/runner.mjs

@@ -8047,10 +8047,12 @@ var MockTokenList = class {
 		token = String(token);
 		return getItems(this.elm, this.attr).includes(token);
 	}
-	toggle(token) {
+	toggle(token, force) {
 		token = String(token);
-		if (this.contains(token) === true) this.remove(token);
-		else this.add(token);
+		const shouldAdd = force === void 0 ? !this.contains(token) : !!force;
+		if (shouldAdd) this.add(token);
+		else this.remove(token);
+		return shouldAdd;
 	}
 	get length() {
 		return getItems(this.elm, this.attr).length;
@@ -11927,11 +11929,14 @@ function resetWindow(win) {
 		if (win.document != null) try {
 			win.document.defaultView = win;
 		} catch {}
-		win.fetch = null;
-		win.Headers = null;
-		win.Request = null;
-		win.Response = null;
-		win.FetchError = null;
+		const windowDestroyed = () => {
+			throw new Error("MockWindow was already destroyed");
+		};
+		win.fetch = windowDestroyed;
+		win.Headers = windowDestroyed;
+		win.Request = windowDestroyed;
+		win.Response = windowDestroyed;
+		win.FetchError = windowDestroyed;
 	}
 }
 function resetWindowDimensions(win) {
@@ -12254,39 +12259,6 @@ function createWindowFromHtml(templateHtml, uniqueId) {
 	return cloneWindow(templateWindow);
 }
 //#endregion
-//#region src/runtime/runtime-constants.ts
-const HYDRATED_STYLE_ID = "sty-id";
-const STENCIL_DOC_DATA = "_stencilDocData";
-//#endregion
-//#region src/utils/helpers.ts
-const isString = (v) => typeof v === "string";
-//#endregion
-//#region src/runtime/mode.ts
-const setMode = (handler) => modeResolutionChain.push(handler);
-BUILD.lazyLoad || globalThis.HTMLElement;
-//#endregion
-//#region src/runtime/tag-transform.ts
-let tagTransformer = void 0;
-/**
-* Transforms a tag name using the current tag transformer
-* @param tag - the tag to transform e.g. `my-tag`
-* @returns the transformed tag e.g. `new-my-tag`
-*/
-function transformTag(tag) {
-	if (!tagTransformer) return tag;
-	return tagTransformer(tag);
-}
-/**
-* Sets the tag transformer to be used when rendering custom elements
-* @param transformer the transformer function to use. Must return a string
-*/
-function setTagTransformer(transformer) {
-	tagTransformer = transformer;
-}
-//#endregion
-//#region src/server/platform/index.ts
-const modeResolutionChain = [];
-//#endregion
 //#region src/compiler/html/canonical-link.ts
 const updateCanonicalLink = (doc, href) => {
 	let canonicalLinkElm = doc.head.querySelector("link[rel=\"canonical\"]");
@@ -12313,6 +12285,9 @@ const relocateMetaCharset = (doc) => {
 	head.insertBefore(charsetElm, head.firstChild);
 };
 //#endregion
+//#region src/utils/helpers.ts
+const isString = (v) => typeof v === "string";
+//#endregion
 //#region src/utils/message-utils.ts
 /**
 * Builds a diagnostic from an `Error`, appends it to the `diagnostics` parameter, and returns the created diagnostic
@@ -12355,6 +12330,39 @@ const TASK_CANCELED_MSG = `task canceled`;
 //#endregion
 //#region src/compiler/style/css-parser/parse-css.ts
 /**
+* Splits a selector list on top-level commas in a single pass: a comma only
+* splits when it's outside a quoted string and at paren depth 0, so commas in
+* `:is(:a,:has(:b))` or `[title="a,b"]` aren't treated as separators.
+* Backslash escapes (inside or outside a string) are skipped so they can't shift state,
+* so e.g. `[title="a\,b"]` is treated as a single selector.
+* @param selectors The selector list to split
+* @returns An array of selectors, with whitespace trimmed from each selector
+*/
+const splitSelectorList = (selectors) => {
+	const parts = [];
+	let depth = 0;
+	let quote = null;
+	let start = 0;
+	for (let i = 0; i < selectors.length; i++) {
+		const ch = selectors[i];
+		if (quote) {
+			if (ch === "\\") i++;
+			else if (ch === quote) quote = null;
+			continue;
+		}
+		if (ch === "\"" || ch === "'") quote = ch;
+		else if (ch === "\\") i++;
+		else if (ch === "(") depth++;
+		else if (ch === ")") depth = Math.max(0, depth - 1);
+		else if (ch === "," && depth === 0) {
+			parts.push(selectors.slice(start, i));
+			start = i + 1;
+		}
+	}
+	parts.push(selectors.slice(start));
+	return parts.map((s) => s.trim());
+};
+/**
 * Parses CSS string input into an AST representation.
 * Used for minification, finding & resolving URLs and during SSR / prerendering, removing unused selectors.
 *
@@ -12479,11 +12487,8 @@ const parseCss = (css, filePath) => {
 	const selector = () => {
 		const m = match(/^([^{]+)/);
 		if (!m) return null;
-		return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(str) {
-			return str.replace(/,/g, "‌");
-		}).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
-			return s.replace(/\u200C/g, ",");
-		});
+		const cleaned = trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "");
+		return splitSelectorList(cleaned);
 	};
 	const declaration = () => {
 		const pos = position();
@@ -13103,6 +13108,37 @@ const removeUnusedStyleText = (usedSelectors, diagnostics, styleElm) => {
 	}
 };
 //#endregion
+//#region src/runtime/runtime-constants.ts
+const HYDRATED_STYLE_ID = "sty-id";
+const STENCIL_DOC_DATA = "_stencilDocData";
+const SERVER_BUILD_FLAGS = {
+	isBrowser: false,
+	isServer: true,
+	isDev: false,
+	isTesting: false
+};
+//#endregion
+//#region src/runtime/tag-transform.ts
+let tagTransformer = void 0;
+/**
+* Transforms a tag name using the current tag transformer
+* @param tag - the tag to transform e.g. `my-tag`
+* @returns the transformed tag e.g. `new-my-tag`
+*/
+function transformTag(tag) {
+	if (!tagTransformer) return tag;
+	return tagTransformer(tag);
+}
+/**
+* Sets the tag transformer to be used when rendering custom elements
+* @param transformer the transformer function to use. Must return a string
+*/
+function setTagTransformer(transformer) {
+	tagTransformer = transformer;
+}
+({ ...SERVER_BUILD_FLAGS });
+BUILD.lazyLoad || globalThis.HTMLElement;
+//#endregion
 //#region src/server/runner/inspect-element.ts
 function inspectElement(results, elm, depth) {
 	const children = [...Array.from(elm.children), ...Array.from(elm.shadowRoot ? elm.shadowRoot.children : [])];
@@ -13513,14 +13549,6 @@ async function render(win, opts, results) {
 	try {
 		await Promise.resolve(beforeHydrateFn(win.document));
 		return new Promise((resolve) => {
-			if (Array.isArray(opts.modes)) {
-				/**
-				* Reset the mode resolution chain as we expect every `renderToString` call to render
-				* the components in new environment/document.
-				*/
-				modeResolutionChain.length = 0;
-				opts.modes.forEach((mode) => setMode(mode));
-			}
 			return ssrFactory(win, opts, results, afterSsr, resolve);
 		});
 	} catch (e) {

package/dist/signals/index.d.ts

@@ -1,6 +1,15 @@
-import { ReadonlySignal, ReadonlySignal as ReadonlySignal$1, Signal, batch, computed, effect, signal, untracked } from "@preact/signals-core";
+import * as SignalsCore from "@preact/signals-core";
+import { ReadonlySignal, Signal } from "@preact/signals-core";
 import "rolldown";
 import "typescript";
+//#region src/runtime/signals-core.d.ts
+declare const batch: typeof SignalsCore.batch;
+declare const computed: typeof SignalsCore.computed;
+declare const effect: typeof SignalsCore.effect;
+declare const untracked: typeof SignalsCore.untracked;
+declare function signal<T>(value: T, options?: SignalsCore.SignalOptions<T>): SignalsCore.Signal<T>;
+declare function signal<T = undefined>(): SignalsCore.Signal<T | undefined>;
+//#endregion
 //#region src/runtime/signals.d.ts
 declare const STENCIL_SIGNALS_SYMBOL: unique symbol;
 //#endregion
@@ -22,7 +31,7 @@ declare const STENCIL_SIGNALS_SYMBOL: unique symbol;
  * @param prop - the `@Prop` member name
  * @returns the `ReadonlySignal` for the prop, or `null` if not found / not signal-backed
  */
-declare const getSignal: <T = unknown>(elm: Element, prop: string) => ReadonlySignal$1<T> | null;
+declare const getSignal: <T = unknown>(elm: Element, prop: string) => ReadonlySignal<T> | null;
 /**
  * Marks a class method as a reactive effect. Wraps the method in `effect()` after
  * signal initialization and registers cleanup on disconnect. Dependencies are

package/dist/signals/index.js

@@ -1,4 +1,4 @@
-import { batch, computed, effect, signal, untracked } from "@preact/signals-core";
+import * as SignalsCore from "@preact/signals-core";
 //#region src/app-data/index.ts
 /**
 * A collection of default build flags for a Stencil project.
@@ -102,36 +102,6 @@ const BUILD = {
 	asyncLoading: true,
 	asyncQueue: false
 };
-BUILD.isDev, BUILD.isTesting;
-const MEMBER_FLAGS = {
-	String: 1,
-	Number: 2,
-	Boolean: 4,
-	Any: 8,
-	Unknown: 16,
-	State: 32,
-	Method: 64,
-	Event: 128,
-	Element: 256,
-	ReflectAttr: 512,
-	Mutable: 1024,
-	Getter: 2048,
-	Setter: 4096,
-	Prop: 31,
-	HasAttribute: 31,
-	PropLike: 63
-};
-//#endregion
-//#region src/client/client-host-ref.ts
-/**
-* Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
-*
-* @param ref the runtime ref of interest
-* @returns the Host reference (if found) or undefined
-*/
-const getHostRef = (ref) => {
-	if (ref.__s_ghr) return ref.__s_ghr();
-};
 //#endregion
 //#region src/client/client-log.ts
 const STENCIL_DEV_MODE = BUILD.isTesting ? ["STENCIL:"] : ["%cstencil", "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"];
@@ -140,6 +110,16 @@ const consoleDevWarn = (...m) => console.warn(...STENCIL_DEV_MODE, ...m);
 (typeof window !== "undefined" ? window : {}).HTMLElement;
 BUILD.constructableCSS;
 //#endregion
+//#region src/runtime/signals-core.ts
+const getCore = () => globalThis[Symbol.for("stencil.preact-signals-core")] ??= SignalsCore;
+const batch = (fn) => getCore().batch(fn);
+const computed = (fn, options) => getCore().computed(fn, options);
+const effect = (fn, options) => getCore().effect(fn, options);
+const untracked = (fn) => getCore().untracked(fn);
+function signal(value, options) {
+	return getCore().signal(value, options);
+}
+//#endregion
 //#region src/runtime/signals.ts
 const STENCIL_SIGNALS_SYMBOL = Symbol.for("stencil.signals");
 BUILD.lazyLoad || globalThis.HTMLElement;
@@ -163,13 +143,12 @@ BUILD.lazyLoad || globalThis.HTMLElement;
 * @returns the `ReadonlySignal` for the prop, or `null` if not found / not signal-backed
 */
 const getSignal = (elm, prop) => {
-	const hostRef = getHostRef(elm);
-	if (!hostRef?.$signalValues$) {
+	const signals = elm[STENCIL_SIGNALS_SYMBOL];
+	if (!signals) {
 		if (BUILD.isDev) consoleDevWarn(`getSignal('${prop}'): element <${elm.tagName.toLowerCase()}> is not signal-backed. Ensure signalBacking is true in stencil.config.ts.`);
 		return null;
 	}
-	if (!((hostRef.$cmpMeta$?.$members$?.[prop]?.[0] ?? 0) & MEMBER_FLAGS.Prop)) return null;
-	return hostRef.$signalValues$.get(prop) ?? null;
+	return signals.get(prop) ?? null;
 };
 /**
 * Marks a class method as a reactive effect. Wraps the method in `effect()` after

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

@@ -1,4 +1,4 @@
-import { J as CompilerSystem, jt as Logger } from "../../index-BopBfjPu.mjs";
+import { Bt as Logger, nt as CompilerSystem } from "../../index-BogZpjP2.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-75gQKkFz.mjs";
+import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-D-21Ykxi.mjs";
 export { createNodeLogger, createNodeSys, setupNodeProcess };

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-BPgV6bA4.mjs";
-import { t as createNodeSys } from "../../node-75gQKkFz.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-BI12oAIV.mjs";
+import { t as createNodeSys } from "../../node-D-21Ykxi.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing