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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-alpha.3",
+  "version": "5.0.0-alpha.31",
   "description": "A Compiler for Web Components and Progressive Web Apps",
   "keywords": [
     "components",
@@ -44,33 +44,45 @@
       "import": "./dist/compiler/utils/index.mjs"
     },
     "./jsx-runtime": {
-      "types": "./dist/jsx-runtime.d.ts",
-      "import": "./dist/jsx-runtime.js"
+      "types": "./dist/jsx-runtime.d.mts",
+      "import": "./dist/jsx-runtime.mjs"
     },
     "./jsx-dev-runtime": {
-      "types": "./dist/jsx-runtime.d.ts",
-      "import": "./dist/jsx-runtime.js"
+      "types": "./dist/jsx-runtime.d.mts",
+      "import": "./dist/jsx-runtime.mjs"
     },
     "./mock-doc": {
       "types": "./dist/mock-doc.d.mts",
       "import": "./dist/mock-doc.mjs",
       "default": "./dist/mock-doc.mjs"
     },
+    "./signals": {
+      "types": "./dist/signals/index.d.ts",
+      "import": "./dist/signals/index.js"
+    },
     "./runtime": {
       "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/index.d.ts",
-      "import": "./dist/runtime/client/index.js"
+      "types": "./dist/runtime/client/runtime.d.ts",
+      "import": "./dist/runtime/client/runtime.js"
+    },
+    "./runtime/client/standalone": {
+      "types": "./dist/runtime/client/runtime.d.ts",
+      "import": "./dist/runtime/client/runtime.js"
+    },
+    "./runtime/client/lazy": {
+      "types": "./dist/runtime/client/runtime.d.ts",
+      "import": "./dist/runtime/client/lazy.js"
     },
     "./runtime/server": {
       "types": "./dist/runtime/server/index.d.mts",
@@ -90,35 +102,36 @@
     }
   },
   "dependencies": {
-    "@parcel/watcher": "^2.5.1",
-    "@rollup/pluginutils": "^5.3.0",
-    "@stencil/vitest": "^1.10.0",
-    "browserslist": "^4.24.0",
+    "@parcel/watcher": "^2.6.0",
+    "@preact/signals-core": "^1.14.4",
+    "@rollup/pluginutils": "^5.4.0",
+    "browserslist": "^4.28.8",
     "chalk": "^5.6.2",
     "css-what": "^7.0.0",
-    "glob": "^10.0.0",
-    "graceful-fs": "^4.2.11",
-    "lightningcss": "^1.32.0",
-    "magic-string": "^0.30.0",
-    "minimatch": "^10.1.2",
-    "postcss": "^8.5.6",
+    "jiti": "^2.7.0",
+    "lightningcss": "^1.33.0",
+    "magic-string": "^0.30.21",
+    "picomatch": "^4.0.5",
+    "postcss": "^8.5.26",
     "postcss-safe-parser": "^7.0.1",
-    "postcss-selector-parser": "^7.1.1",
-    "resolve": "^1.22.0",
-    "rolldown": "^1.0.0-rc.13",
-    "semver": "^7.7.4",
-    "terser": "5.37.0",
-    "typescript": "~6.0.2",
-    "@stencil/cli": "5.0.0-alpha.3",
-    "@stencil/mock-doc": "5.0.0-alpha.3",
-    "@stencil/dev-server": "5.0.0-alpha.3"
+    "postcss-selector-parser": "^7.1.5",
+    "resolve": "^1.22.12",
+    "rolldown": "^1.2.4",
+    "semver": "^7.8.5",
+    "terser": "^5.50.0",
+    "tinyglobby": "^0.2.17",
+    "typescript": ">5.0.0 <7.0.0",
+    "@stencil/cli": "5.0.0-alpha.31",
+    "@stencil/mock-doc": "5.0.0-alpha.31",
+    "@stencil/dev-server": "5.0.0-alpha.31"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",
-    "prettier": "^3.5.0",
-    "tsdown": "^0.21.6",
-    "vitest": "^4.1.1",
-    "vitest-environment-stencil": "^1.10.0"
+    "@stencil/vitest": "^1.14.0",
+    "prettier": "^3.9.6",
+    "tsdown": "^0.22.14",
+    "vitest": "^4.1.10",
+    "vitest-environment-stencil": "^1.14.0"
   },
   "volta": {
     "extends": "../../package.json"

package/dist/index-CXHCTQNt.d.mts

@@ -1,190 +0,0 @@
-import { ca as RafCallback, da as UserBuildConditionals, fa as VNode, la as ResolutionHandler, mn as RuntimeRef, oa as ErrorHandler, p as ChildType, sa as FunctionalComponent, ua as TagTransformer, wt as HostElement } from "./index-tUR6pD3J.mjs";
-
-//#region src/client/client-build.d.ts
-declare const Build: UserBuildConditionals;
-//#endregion
-//#region src/client/client-decorators.d.ts
-/**
- * Runtime stubs for Stencil decorators.
- *
- * These decorators are compile-time metadata flags that Stencil's compiler parses
- * and transforms. At runtime, they do nothing - the actual component behavior is
- * wired up by the compiled output, not by these decorators.
- *
- * These stubs exist so that:
- * 1. Component classes can be instantiated directly in tests without going through
- *    Stencil's full compilation pipeline
- * 2. The decorators don't throw "X is not a function" errors when used outside
- *    of Stencil's build process
- */
-/**
- * No-op class decorator stub for @Component()
- * @param _opts - component options (ignored at runtime)
- * @returns a class decorator that returns the target unchanged
- */
-declare const Component: (_opts?: any) => ClassDecorator;
-/**
- * No-op property decorator stub for @Element()
- * @returns a property decorator that does nothing
- */
-declare const Element$1: () => PropertyDecorator;
-/**
- * No-op property decorator stub for @Event()
- * @param _opts - event options (ignored at runtime)
- * @returns a property decorator that does nothing
- */
-declare const Event: (_opts?: any) => PropertyDecorator;
-/**
- * No-op property decorator stub for @AttachInternals()
- * @param _opts - attach internals options (ignored at runtime)
- * @returns a property decorator that does nothing
- */
-declare const AttachInternals: (_opts?: any) => PropertyDecorator;
-/**
- * No-op method decorator stub for @Listen()
- * @param _eventName - event name to listen for (ignored at runtime)
- * @param _opts - listen options (ignored at runtime)
- * @returns a method decorator that does nothing
- */
-declare const Listen: (_eventName: string, _opts?: any) => MethodDecorator;
-/**
- * No-op method decorator stub for @Method()
- * @param _opts - method options (ignored at runtime)
- * @returns a method decorator that does nothing
- */
-declare const Method: (_opts?: any) => MethodDecorator;
-/**
- * No-op property decorator stub for @Prop()
- * @param _opts - prop options (ignored at runtime)
- * @returns a property decorator that does nothing
- */
-declare const Prop: (_opts?: any) => PropertyDecorator;
-/**
- * No-op property decorator stub for @State()
- * @returns a property decorator that does nothing
- */
-declare const State: () => PropertyDecorator;
-/**
- * No-op method decorator stub for @Watch()
- * @param _propName - property name to watch (ignored at runtime)
- * @param _opts - watch options (ignored at runtime)
- * @returns a method decorator that does nothing
- */
-declare const Watch: (_propName: any, _opts?: any) => MethodDecorator;
-/**
- * No-op method decorator stub for @PropSerialize()
- * @param _propName - property name to serialize (ignored at runtime)
- * @returns a method decorator that does nothing
- */
-declare const PropSerialize: (_propName: any) => MethodDecorator;
-/**
- * No-op method decorator stub for @AttrDeserialize()
- * @param _propName - property name to deserialize (ignored at runtime)
- * @returns a method decorator that does nothing
- */
-declare const AttrDeserialize: (_propName: any) => MethodDecorator;
-/**
- * No-op compile-time utility stub for resolveVar()
- * At runtime, this just returns the string representation of whatever is passed in.
- * @param variable - the variable to resolve
- * @returns the string representation of the variable
- */
-declare const resolveVar: <T>(variable: T) => string;
-//#endregion
-//#region src/client/client-log.d.ts
-declare const setErrorHandler: (handler: ErrorHandler) => ErrorHandler;
-//#endregion
-//#region src/client/client-task-queue.d.ts
-declare const readTask: (cb: RafCallback) => void;
-declare const writeTask: (cb: RafCallback) => void;
-//#endregion
-//#region src/client/client-window.d.ts
-declare const setPlatformHelpers: (helpers: {
-  jmp?: (c: any) => any;
-  raf?: (c: any) => number;
-  ael?: (el: any, eventName: string, listener: any, options: any) => void;
-  rel?: (el: any, eventName: string, listener: any, options: any) => void;
-  ce?: (eventName: string, opts?: any) => any;
-}) => void;
-//#endregion
-//#region src/app-data/index.d.ts
-declare const Env: {};
-//#endregion
-//#region src/runtime/asset-path.d.ts
-declare const getAssetPath: (path: string) => string;
-declare const setAssetPath: (path: string) => string;
-//#endregion
-//#region src/runtime/element.d.ts
-declare const getElement: (ref: any) => HostElement;
-/**
- * Get the shadow root for a Stencil component's host element.
- * This works for both open and closed shadow DOM modes.
- *
- * For closed shadow DOM, `element.shadowRoot` returns `null` by design,
- * but Stencil stores the reference internally so components can still
- * access their own shadow root.
- *
- * @param element The host element (from @Element() decorator)
- * @returns The shadow root, or null if no shadow root exists
- */
-declare const getShadowRoot: (element: HTMLElement) => ShadowRoot | null;
-//#endregion
-//#region src/runtime/event-emitter.d.ts
-declare const createEvent: (ref: RuntimeRef, name: string, flags: number) => {
-  emit: (detail: any) => CustomEvent<any>;
-};
-//#endregion
-//#region src/runtime/fragment.d.ts
-declare const Fragment: FunctionalComponent;
-//#endregion
-//#region src/runtime/mixin.d.ts
-type Ctor<T = {}> = new (...args: any[]) => T;
-declare function Mixin(...mixins: ((base: Ctor) => Ctor)[]): Ctor<{}>;
-//#endregion
-//#region src/runtime/mode.d.ts
-declare const setMode: (handler: ResolutionHandler) => number;
-declare const getMode: (ref: RuntimeRef) => string;
-//#endregion
-//#region src/runtime/render.d.ts
-/**
- * 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
- */
-declare function render(vnode: VNode, container: Element): void;
-//#endregion
-//#region src/runtime/tag-transform.d.ts
-/**
- * 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`
- */
-declare function transformTag<T extends string>(tag: T): T;
-/**
- * Sets the tag transformer to be used when rendering custom elements
- * @param transformer the transformer function to use. Must return a string
- */
-declare function setTagTransformer(transformer: TagTransformer): void;
-//#endregion
-//#region src/runtime/update-component.d.ts
-declare const getRenderingRef: () => any;
-declare const forceUpdate: (ref: any) => boolean;
-//#endregion
-//#region src/runtime/vdom/h.d.ts
-declare const h: (nodeName: any, vnodeData: any, ...children: ChildType[]) => VNode;
-declare const Host: {};
-//#endregion
-export { PropSerialize as A, AttrDeserialize as C, Listen as D, Event as E, Watch as M, resolveVar as N, Method as O, Build as P, AttachInternals as S, Element$1 as T, Env as _, setTagTransformer as a, writeTask as b, getMode as c, Fragment as d, createEvent as f, setAssetPath as g, getAssetPath as h, getRenderingRef as i, State as j, Prop as k, setMode as l, getShadowRoot as m, h as n, transformTag as o, getElement as p, forceUpdate as r, render as s, Host as t, Mixin as u, setPlatformHelpers as v, Component as w, setErrorHandler as x, readTask as y };

package/dist/index-hS-KBdAP.d.ts

@@ -1,30 +0,0 @@
-import { t as BuildConditionals } from "./index-CyrGY82h.js";
-
-//#region src/app-data/index.d.ts
-/**
- * A collection of default build flags for a Stencil project.
- *
- * This collection can be found throughout the Stencil codebase, often imported from the `virtual:app-data` module like so:
- * ```ts
- * import { BUILD } from 'virtual:app-data';
- * ```
- * and is used to determine if a portion of the output of a Stencil _project_'s compilation step can be eliminated.
- *
- * e.g. When `BUILD.allRenderFn` evaluates to `false`, the compiler will eliminate conditional statements like:
- * ```ts
- * if (BUILD.allRenderFn) {
- *   // some code that will be eliminated if BUILD.allRenderFn is false
- * }
- * ```
- *
- * `virtual:app-data`, the module that `BUILD` is imported from, is an alias for the `@stencil/core/runtime/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
- * compile time. Such code can be found at `src/compiler/app-core/app-data.ts`.
- */
-declare const BUILD: BuildConditionals;
-declare const Env: {};
-declare const NAMESPACE: string;
-//#endregion
-export { Env as n, NAMESPACE as r, BUILD as t };

package/dist/jsx-runtime-DlDkTqps.d.ts

@@ -1,28 +0,0 @@
-import { m as FunctionalComponent, y as VNode } from "./index-CyrGY82h.js";
-
-//#region src/runtime/fragment.d.ts
-declare const Fragment: FunctionalComponent;
-//#endregion
-//#region src/runtime/vdom/jsx-runtime.d.ts
-/**
- * JSX runtime function for creating elements in production mode.
- * Called by TypeScript's jsx transform for elements without static children.
- *
- * @param type - The element type (string tag name or functional component)
- * @param props - The element props (includes children)
- * @param key - Optional key for the element
- * @returns A virtual DOM node
- */
-declare function jsx(type: any, props: any, key?: string): VNode;
-/**
- * JSX runtime function for creating elements with static children.
- * Called by TypeScript's jsx transform as an optimization when children are static.
- *
- * @param type - The element type (string tag name or functional component)
- * @param props - The element props (includes children)
- * @param key - Optional key for the element
- * @returns A virtual DOM node
- */
-declare function jsxs(type: any, props: any, key?: string): VNode;
-//#endregion
-export { jsxs as n, Fragment as r, jsx as t };

package/dist/jsx-runtime.d.ts

@@ -1,2 +0,0 @@
-import { n as jsxs, r as Fragment, t as jsx } from "./jsx-runtime-DlDkTqps.js";
-export { Fragment, jsx, jsxs };

package/dist/jsx-runtime.js

@@ -1,2 +0,0 @@
-import { d as Fragment, n as jsx, r as jsxs } from "./runtime-BBCnuprF.js";
-export { Fragment, jsx, jsxs };

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

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