@stencil/core 4.29.2-dev.1744261315.9aaccc5 → 4.29.2-dev.1745356698.fd7be97

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.29.2-dev.1744261315.9aaccc5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.29.2-dev.1745356698.fd7be97 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -14417,6 +14417,11 @@ var shouldIgnoreError = (msg) => {
 };
 var TASK_CANCELED_MSG = `task canceled`;
 
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
 // src/utils/remote-value.ts
 var RemoteValue = class _RemoteValue {
   /**
@@ -14631,7 +14636,15 @@ var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
 var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
 var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
 var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
-var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var createSupportsRuleRe = (selector) => {
+  const safeSelector = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector}))(${safeSelector}\\b)`,
+    "g"
+  );
+};
 var _colonSlottedRe = createSupportsRuleRe("::slotted");
 var _colonHostRe = createSupportsRuleRe(":host");
 var _colonHostContextRe = createSupportsRuleRe(":host-context");
@@ -15880,7 +15893,7 @@ function hydrateDocument(doc, options, asStream) {
       opts.destroyDocument = true;
       win2 = new MockWindow(doc);
       if (!asStream) {
-        return render(win2, opts, results).then(() => results);
+        return render2(win2, opts, results).then(() => results);
       }
       return renderStream(win2, opts, results);
     } catch (e) {
@@ -15897,7 +15910,7 @@ function hydrateDocument(doc, options, asStream) {
       opts.destroyDocument = false;
       win2 = patchDomImplementation(doc, opts);
       if (!asStream) {
-        return render(win2, opts, results).then(() => results);
+        return render2(win2, opts, results).then(() => results);
       }
       return renderStream(win2, opts, results);
     } catch (e) {
@@ -15912,7 +15925,7 @@ function hydrateDocument(doc, options, asStream) {
   renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
   return Promise.resolve(results);
 }
-async function render(win2, opts, results) {
+async function render2(win2, opts, results) {
   if ("process" in globalThis && typeof process.on === "function" && !process.__stencilErrors) {
     process.__stencilErrors = true;
     process.on("unhandledRejection", (e) => {
@@ -15937,7 +15950,7 @@ async function render(win2, opts, results) {
 }
 function renderStream(win2, opts, results) {
   async function* processRender() {
-    const renderResult = await render(win2, opts, results);
+    const renderResult = await render2(win2, opts, results);
     yield renderResult.html;
   }
   return Readable.from(processRender());

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.29.2-dev.1744261315.9aaccc5",
+  "version": "4.29.2-dev.1745356698.fd7be97",
   "description": "Stencil internals only to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/stencil-core/index.d.ts

@@ -41,6 +41,7 @@ export {
   Method,
   Prop,
   readTask,
+  render,
   setAssetPath,
   setErrorHandler,
   setMode,

package/internal/stencil-core/index.js

@@ -1,16 +1,17 @@
 export {
   Build,
+  forceUpdate,
   getAssetPath,
   getElement,
   getMode,
   getRenderingRef,
-  forceUpdate,
   h,
   Host,
   readTask,
-  setMode,
+  render,
   setAssetPath,
+  setErrorHandler,
+  setMode,
   setPlatformHelpers,
   writeTask,
-  setErrorHandler,
 } from '../client/index.js';

package/internal/stencil-public-runtime.d.ts

@@ -260,6 +260,25 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
+/**
+ * Method to render a virtual DOM tree to a container element.
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@stencil/core';
+ *
+ * const vnode = (
+ *   <div>
+ *     <h1>Hello, world!</h1>
+ *   </div>
+ * );
+ * render(vnode, document.body);
+ * ```
+ *
+ * @param vnode - The virtual DOM tree to render
+ * @param container - The container element to render the virtual DOM tree to
+ */
+export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct

package/internal/testing/index.js

@@ -61,6 +61,7 @@ __export(index_exports, {
   registerHost: () => registerHost,
   registerInstance: () => registerInstance,
   registerModule: () => registerModule,
+  render: () => render,
   renderVdom: () => renderVdom,
   resetPlatform: () => resetPlatform,
   setAssetPath: () => setAssetPath,
@@ -1831,7 +1832,15 @@ var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
 var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
 var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
 var _polyfillHostRe = /-shadowcsshost/gim;
-var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var createSupportsRuleRe = (selector) => {
+  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
+  return new RegExp(
+    // First capture group: match any context before the selector that's not inside @supports selector()
+    // Using negative lookahead to avoid matching inside @supports selector(...) condition
+    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
+    "g"
+  );
+};
 var _colonSlottedRe = createSupportsRuleRe("::slotted");
 var _colonHostRe = createSupportsRuleRe(":host");
 var _colonHostContextRe = createSupportsRuleRe(":host-context");
@@ -1906,7 +1915,16 @@ var escapeBlocks = (input) => {
   return strEscapedBlocks;
 };
 var insertPolyfillHostInCssText = (cssText) => {
+  const supportsBlocks = [];
+  cssText = cssText.replace(/@supports\s+selector\s*\(\s*([^)]*)\s*\)/g, (_, selectorContent) => {
+    const placeholder = `__supports_${supportsBlocks.length}__`;
+    supportsBlocks.push(selectorContent);
+    return `@supports selector(${placeholder})`;
+  });
   cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
+  supportsBlocks.forEach((originalSelector, index) => {
+    cssText = cssText.replace(`__supports_${index}__`, originalSelector);
+  });
   return cssText;
 };
 var convertColonRule = (cssText, regExp, partReplacer) => {
@@ -2560,7 +2578,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     if (import_app_data12.BUILD.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (import_app_data12.BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
+    if ((import_app_data12.BUILD.scoped || import_app_data12.BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
@@ -2595,7 +2613,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
           putBackInOriginalLocation(oldParentVNode.$elm$, false);
         }
       }
-      if (import_app_data12.BUILD.scoped) {
+      if (import_app_data12.BUILD.scoped || import_app_data12.BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
       }
     }
@@ -4176,6 +4194,20 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 // src/runtime/platform-options.ts
 var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
+// src/runtime/render.ts
+function render(vnode, container) {
+  const cmpMeta = {
+    $flags$: 0,
+    $tagName$: container.tagName
+  };
+  const ref = {
+    $flags$: 0,
+    $cmpMeta$: cmpMeta,
+    $hostElement$: container
+  };
+  renderVdom(ref, vnode);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -4363,6 +4395,7 @@ var insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, inde
   registerHost,
   registerInstance,
   registerModule,
+  render,
   renderVdom,
   resetPlatform,
   setAssetPath,

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.29.2-dev.1744261315.9aaccc5",
+  "version": "4.29.2-dev.1745356698.fd7be97",
   "description": "Stencil internal testing platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v4.29.2-dev.1744261315.9aaccc5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.29.2-dev.1745356698.fd7be97 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.29.2-dev.1744261315.9aaccc5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.29.2-dev.1745356698.fd7be97 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.29.2-dev.1744261315.9aaccc5",
+  "version": "4.29.2-dev.1745356698.fd7be97",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "4.29.2-dev.1744261315.9aaccc5",
+  "version": "4.29.2-dev.1745356698.fd7be97",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.29.2-dev.1744261315.9aaccc5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.29.2-dev.1745356698.fd7be97 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.29.2-dev.1744261315.9aaccc5",
+  "version": "4.29.2-dev.1745356698.fd7be97",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.29.2-dev.1744261315.9aaccc5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.29.2-dev.1745356698.fd7be97 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;