@stencil/core 4.40.1-dev.1767330502.42ebdfa → 4.41.0-dev.1767590127.4bb24de

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.40.1-dev.1767330502.42ebdfa",
+  "version": "4.41.0-dev.1767590127.4bb24de",
   "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/jsx-dev-runtime.cjs

@@ -0,0 +1,7 @@
+// Export automatic JSX development runtime (CommonJS)
+// Note: This requires the client platform to be built
+const client = require('../client/index.js');
+module.exports = {
+  jsxDEV: client.jsxDEV,
+  Fragment: client.Fragment,
+};

package/internal/stencil-core/jsx-dev-runtime.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Automatic JSX Development Runtime type definitions for Stencil
+ *
+ * This module provides TypeScript type definitions for the automatic JSX development runtime.
+ * When using "jsx": "react-jsxdev" in tsconfig.json with "jsxImportSource": "@stencil/core",
+ * TypeScript will automatically import from this module in development mode.
+ */
+
+import type { VNode } from '../stencil-public-runtime';
+
+export { Fragment } from '../stencil-public-runtime';
+
+/**
+ * JSX development runtime function for creating elements with debug info.
+ */
+export function jsxDEV(
+  type: any,
+  props: any,
+  key?: string | number,
+  isStaticChildren?: boolean,
+  source?: any,
+  self?: any,
+): VNode;

package/internal/stencil-core/jsx-dev-runtime.js

@@ -0,0 +1,2 @@
+// Re-export from the client platform (same pattern as index.js)
+export { jsxDEV, Fragment } from '../client/index.js';

package/internal/stencil-core/jsx-runtime.cjs

@@ -0,0 +1,8 @@
+// Export automatic JSX runtime (CommonJS)
+// Note: This requires the client platform to be built
+const client = require('../client/index.js');
+module.exports = {
+  jsx: client.jsx,
+  jsxs: client.jsxs,
+  Fragment: client.Fragment,
+};

package/internal/stencil-core/jsx-runtime.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Automatic JSX Runtime type definitions for Stencil
+ *
+ * This module provides TypeScript type definitions for the automatic JSX runtime.
+ * When using "jsx": "react-jsx" or "jsx": "react-jsxdev" in tsconfig.json with
+ * "jsxImportSource": "@stencil/core", TypeScript will automatically import from
+ * these modules instead of requiring manual `h` imports.
+ */
+
+import type { VNode } from '../stencil-public-runtime';
+
+export { Fragment } from '../stencil-public-runtime';
+
+/**
+ * JSX runtime function for creating elements in production mode.
+ */
+export function jsx(type: any, props: any, key?: string): VNode;
+
+/**
+ * JSX runtime function for creating elements with static children.
+ */
+export function jsxs(type: any, props: any, key?: string): VNode;

package/internal/stencil-core/jsx-runtime.js

@@ -0,0 +1,2 @@
+// Re-export from the client platform (same pattern as index.js)
+export { jsx, jsxs, Fragment } from '../client/index.js';

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

@@ -673,6 +673,35 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node

package/internal/testing/index.js

@@ -281,6 +281,9 @@ __export(index_exports, {
   h: () => h,
   insertVdomAnnotations: () => insertVdomAnnotations,
   isMemberInElement: () => isMemberInElement,
+  jsx: () => jsx,
+  jsxDEV: () => jsxDEV,
+  jsxs: () => jsxs,
   loadModule: () => loadModule,
   modeResolutionChain: () => modeResolutionChain,
   needsScopedSSR: () => needsScopedSSR,
@@ -6153,6 +6156,44 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const { children, ...rest } = props;
+  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
+  if (Array.isArray(children)) {
+    return h(type, vnodeData, ...children);
+  } else if (children !== void 0) {
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6336,6 +6377,9 @@ var scopedSSR = false;
   h,
   insertVdomAnnotations,
   isMemberInElement,
+  jsx,
+  jsxDEV,
+  jsxs,
   loadModule,
   modeResolutionChain,
   needsScopedSSR,

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.40.1-dev.1767330502.42ebdfa",
+  "version": "4.41.0-dev.1767590127.4bb24de",
   "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.40.1-dev.1767330502.42ebdfa | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.41.0-dev.1767590127.4bb24de | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.40.1-dev.1767330502.42ebdfa | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.41.0-dev.1767590127.4bb24de | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.40.1-dev.1767330502.42ebdfa",
+  "version": "4.41.0-dev.1767590127.4bb24de",
   "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.40.1-dev.1767330502.42ebdfa",
+  "version": "4.41.0-dev.1767590127.4bb24de",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -28,6 +28,16 @@
       "import": "./internal/stencil-core/index.js",
       "require": "./internal/stencil-core/index.cjs"
     },
+    "./jsx-runtime": {
+      "types": "./internal/stencil-core/jsx-runtime.d.ts",
+      "import": "./internal/stencil-core/jsx-runtime.js",
+      "require": "./internal/stencil-core/jsx-runtime.cjs"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./internal/stencil-core/jsx-dev-runtime.d.ts",
+      "import": "./internal/stencil-core/jsx-dev-runtime.js",
+      "require": "./internal/stencil-core/jsx-dev-runtime.cjs"
+    },
     "./cli": {
       "import": "./cli/index.js",
       "require": "./cli/index.cjs"

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.40.1-dev.1767330502.42ebdfa | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.41.0-dev.1767590127.4bb24de | 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.40.1-dev.1767330502.42ebdfa",
+  "version": "4.41.0-dev.1767590127.4bb24de",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.40.1-dev.1767330502.42ebdfa | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.41.0-dev.1767590127.4bb24de | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;