@stencil/core 2.8.0 → 2.10.0

package/internal/stencil-private.d.ts

@@ -1,5 +1,15 @@
-import type { BuildEvents, BuildLog, BuildOutput, CompilerBuildResults, CompilerBuildStart, CompilerFsStats, CompilerRequestResponse, CompilerSystem, Config, CopyResults, DevServerConfig, DevServerEditor, Diagnostic, FsWriteOptions, Logger, LoggerTimeSpan, OptimizeCssInput, OptimizeCssOutput, OutputTargetWww, PageReloadStrategy, PrerenderConfig, StyleDoc, LoggerLineUpdater } from './stencil-public-compiler';
+import { BuildResultsComponentGraph } from '.';
+import type { BuildEvents, BuildLog, BuildOutput, CompilerBuildResults, CompilerBuildStart, CompilerFsStats, CompilerRequestResponse, CompilerSystem, Config, CopyResults, DevServerConfig, DevServerEditor, Diagnostic, FsWriteOptions, Logger, LoggerTimeSpan, OptimizeCssInput, OptimizeCssOutput, OutputTargetWww, PageReloadStrategy, PrerenderConfig, StyleDoc, LoggerLineUpdater, TaskCommand } from './stencil-public-compiler';
 import type { ComponentInterface, ListenOptions, ListenTargetOptions, VNode, VNodeData } from './stencil-public-runtime';
+export interface SourceMap {
+    file: string;
+    mappings: string;
+    names: string[];
+    sourceRoot?: string;
+    sources: string[];
+    sourcesContent?: string[];
+    version: number;
+}
 export interface PrintLine {
     lineIndex: number;
     lineNumber: number;
@@ -109,6 +119,7 @@ export interface BuildConditionals extends Partial<BuildFeatures> {
     constructableCSS?: boolean;
     appendChildSlotFix?: boolean;
     slotChildNodesFix?: boolean;
+    scopedSlotTextContentFix?: boolean;
     cloneNodeFix?: boolean;
     dynamicImportShim?: boolean;
     hydratedAttribute?: boolean;
@@ -128,13 +139,25 @@ export interface RollupResultModule {
 export interface RollupResults {
     modules: RollupResultModule[];
 }
+export interface UpdatedLazyBuildCtx {
+    name: 'esm-browser' | 'esm' | 'cjs' | 'system';
+    buildCtx: BuildCtx;
+}
 export interface BuildCtx {
     buildId: number;
     buildResults: CompilerBuildResults;
+    buildStats?: CompilerBuildStats | {
+        diagnostics: Diagnostic[];
+    };
     buildMessages: string[];
     bundleBuildCount: number;
     collections: Collection[];
     compilerCtx: CompilerCtx;
+    esmBrowserComponentBundle: ReadonlyArray<BundleModule>;
+    esmComponentBundle: ReadonlyArray<BundleModule>;
+    es5ComponentBundle: ReadonlyArray<BundleModule>;
+    systemComponentBundle: ReadonlyArray<BundleModule>;
+    commonJsComponentBundle: ReadonlyArray<BundleModule>;
     components: ComponentCompilerMeta[];
     componentGraph: Map<string, string[]>;
     config: Config;
@@ -190,7 +213,8 @@ export interface BuildStyleUpdate {
 }
 export declare type BuildTask = any;
 export declare type BuildStatus = 'pending' | 'error' | 'disabled' | 'default';
-export interface BuildStats {
+export interface CompilerBuildStats {
+    timestamp: string;
     compiler: {
         name: string;
         version: string;
@@ -201,24 +225,41 @@ export interface BuildStats {
         components: number;
         entries: number;
         bundles: number;
+        outputs: any;
     };
     options: {
         minifyJs: boolean;
         minifyCss: boolean;
         hashFileNames: boolean;
         hashedFileNameLength: number;
-        buildEs5: boolean;
+        buildEs5: boolean | 'prod';
+    };
+    formats: {
+        esmBrowser: ReadonlyArray<CompilerBuildStatBundle>;
+        esm: ReadonlyArray<CompilerBuildStatBundle>;
+        es5: ReadonlyArray<CompilerBuildStatBundle>;
+        system: ReadonlyArray<CompilerBuildStatBundle>;
+        commonjs: ReadonlyArray<CompilerBuildStatBundle>;
     };
     components: BuildComponent[];
-    entries: BuildEntry[];
+    entries: EntryModule[];
     rollupResults: RollupResults;
-    sourceGraph: BuildSourceGraph;
+    sourceGraph?: BuildSourceGraph;
+    componentGraph: BuildResultsComponentGraph;
     collections: {
         name: string;
         source: string;
         tags: string[];
     }[];
 }
+export interface CompilerBuildStatBundle {
+    key: string;
+    components: string[];
+    bundleId: string;
+    fileName: string;
+    imports: string[];
+    originalByteSize: number;
+}
 export interface BuildEntry {
     entryId: string;
     components: BuildComponent[];
@@ -266,6 +307,12 @@ export declare type SourceTarget = 'es5' | 'es2017' | 'latest';
 export interface BundleEntryInputs {
     [entryKey: string]: string;
 }
+/**
+ * A note regarding Rollup types:
+ * As of this writing, there is no great way to import external types for packages that are directly embedded in the
+ * Stencil source. As a result, some types are duplicated here for Rollup that will be used within the codebase.
+ * Updates to rollup may require these typings to be updated.
+ */
 export declare type RollupResult = RollupChunkResult | RollupAssetResult;
 export interface RollupAssetResult {
     type: 'asset';
@@ -284,7 +331,26 @@ export interface RollupChunkResult {
     isBrowserLoader: boolean;
     imports: string[];
     moduleFormat: ModuleFormat;
+    map?: RollupSourceMap;
+}
+export interface RollupSourceMap {
+    file: string;
+    mappings: string;
+    names: string[];
+    sources: string[];
+    sourcesContent: string[];
+    version: number;
+    toString(): string;
+    toUrl(): string;
 }
+/**
+ * Result of Stencil compressing, mangling, and otherwise 'minifying' JavaScript
+ */
+export declare type OptimizeJsResult = {
+    output: string;
+    diagnostics: Diagnostic[];
+    sourceMap?: SourceMap;
+};
 export interface BundleModule {
     entryKey: string;
     rollupResult: RollupChunkResult;
@@ -587,6 +653,7 @@ export interface ComponentCompilerMeta extends ComponentCompilerFeatures {
     isCollectionDependency: boolean;
     docs: CompilerJsDoc;
     jsFilePath: string;
+    sourceMapPath: string;
     listeners: ComponentCompilerListener[];
     events: ComponentCompilerEvent[];
     methods: ComponentCompilerMethod[];
@@ -1175,6 +1242,8 @@ export interface Module {
     sourceFilePath: string;
     staticSourceFile: any;
     staticSourceFileText: string;
+    sourceMapPath: string;
+    sourceMapFileText: string;
     hasVdomAttribute: boolean;
     hasVdomClass: boolean;
     hasVdomFunctional: boolean;
@@ -1264,7 +1333,7 @@ export interface RenderNode extends HostElement {
     ['s-cn']?: boolean;
     /**
      * Is a slot reference node:
-     * This is a node that represents where a slots
+     * This is a node that represents where a slot
      * was originally located.
      */
     ['s-sr']?: boolean;
@@ -1368,6 +1437,9 @@ export interface ModeBundleIds {
     [modeName: string]: string;
 }
 export declare type RuntimeRef = HostElement | {};
+/**
+ * Interface used to track an Element, it's virtual Node (`VNode`), and other data
+ */
 export interface HostRef {
     $ancestorComponent$?: HostElement;
     $flags$: number;
@@ -2067,6 +2139,7 @@ export interface CompilerWorkerContext {
     prepareModule(input: string, minifyOpts: any, transpile: boolean, inlineHelpers: boolean): Promise<{
         output: string;
         diagnostics: Diagnostic[];
+        sourceMap?: SourceMap;
     }>;
     prerenderWorker(prerenderRequest: PrerenderUrlRequest): Promise<PrerenderUrlResults>;
     transformCssToEsm(input: TransformCssToEsmInput): Promise<TransformCssToEsmOutput>;
@@ -2127,3 +2200,54 @@ export interface ValidateTypesResults {
     dirPaths: string[];
     filePaths: string[];
 }
+export interface TerminalInfo {
+    /**
+     * Whether this is in CI or not.
+     */
+    readonly ci: boolean;
+    /**
+     * Whether the terminal is an interactive TTY or not.
+     */
+    readonly tty: boolean;
+}
+/**
+ * The task to run in order to collect the duration data point.
+ */
+export declare type TelemetryCallback = (...args: any[]) => void | Promise<void>;
+/**
+ * The model for the data that's tracked.
+ */
+export interface TrackableData {
+    yarn: boolean;
+    component_count?: number;
+    arguments: string[];
+    targets: string[];
+    task: TaskCommand;
+    duration_ms: number;
+    packages: string[];
+    packages_no_versions?: string[];
+    os_name: string;
+    os_version: string;
+    cpu_model: string;
+    typescript: string;
+    rollup: string;
+    system: string;
+    system_major?: string;
+    build: string;
+    stencil: string;
+    has_app_pwa_config: boolean;
+}
+/**
+ * Used as the object sent to the server. Value is the data tracked.
+ */
+export interface Metric {
+    name: string;
+    timestamp: string;
+    source: 'stencil_cli';
+    value: TrackableData;
+    session_id: string;
+}
+export interface TelemetryConfig {
+    'telemetry.stencil'?: boolean;
+    'tokens.telemetry'?: string;
+}

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

@@ -82,6 +82,10 @@ export interface StencilConfig {
      * However, either can be added using the plugin array.
      */
     plugins?: any[];
+    /**
+     * Generate js source map files for all bundles
+     */
+    sourceMap?: boolean;
     /**
      * The srcDir config specifies the directory which should contain the source typescript files
      * for each component. The standard for Stencil apps is to use src, which is the default.
@@ -264,6 +268,11 @@ export interface ConfigExtras {
      * for very special cases and rarely needed. Defaults to `false`.
      */
     scriptDataOpts?: boolean;
+    /**
+     * Experimental flag to align the behavior of invoking `textContent` on a scoped component to act more like a
+     * component that uses the shadow DOM. Defaults to `false`
+     */
+    scopedSlotTextContentFix?: boolean;
     /**
      * If enabled `true`, the runtime will check if the shadow dom shim is required. However,
      * if it's determined that shadow dom is already natively supported by the browser then
@@ -302,7 +311,6 @@ export interface Config extends StencilConfig {
     logLevel?: LogLevel;
     rootDir?: string;
     packageJsonFilePath?: string;
-    sourceMap?: boolean;
     suppressLogs?: boolean;
     profile?: boolean;
     tsCompilerOptions?: any;
@@ -818,7 +826,7 @@ export interface SitemapXmpResults {
  * of the actual platform it's being ran ontop of.
  */
 export interface CompilerSystem {
-    name: 'deno' | 'node' | 'in-memory';
+    name: 'node' | 'in-memory';
     version: string;
     events?: BuildEvents;
     details?: SystemDetails;
@@ -955,6 +963,10 @@ export interface CompilerSystem {
      */
     normalizePath(p: string): string;
     onProcessInterrupt?(cb: () => void): void;
+    parseYarnLockFile?: (content: string) => {
+        type: 'success' | 'merge' | 'conflict';
+        object: any;
+    };
     platformPath: PlatformPath;
     /**
      * All return paths are full normalized paths, not just the basenames. Always returns an array, does not throw.
@@ -1745,6 +1757,12 @@ export interface OutputTargetDistCustomElements extends OutputTargetBaseNext {
     inlineDynamicImports?: boolean;
     includeGlobalScripts?: boolean;
     minify?: boolean;
+    /**
+     * Enables the auto-definition of a component and its children (recursively) in the custom elements registry. This
+     * functionality allows consumers to bypass the explicit call to define a component, its children, its children's
+     * children, etc. Users of this flag should be aware that enabling this functionality may increase bundle size.
+     */
+    autoDefineCustomElements?: boolean;
 }
 export interface OutputTargetDistCustomElementsBundle extends OutputTargetBaseNext {
     type: 'dist-custom-elements-bundle';

package/internal/testing/index.js

@@ -303,10 +303,10 @@ const createElm = (e, t, a, o) => {
  appData.BUILD.vdomText && null !== l ? appData.BUILD.vdomText && appData.BUILD.slotRelocation && (r = a["s-cr"]) ? r.parentNode.textContent = l : appData.BUILD.vdomText && e.$text$ !== l && (a.data = l) : (appData.BUILD.svg && (isSvgMode = "svg" === n || "foreignObject" !== n && isSvgMode), 
  (appData.BUILD.vdomAttribute || appData.BUILD.reflect) && (appData.BUILD.slot && "slot" === n || updateElement(e, t, isSvgMode)), 
  appData.BUILD.updatable && null !== o && null !== s ? ((e, t, a, o) => {
-  let s, n, l = 0, r = 0, p = 0, i = 0, d = t.length - 1, c = t[0], $ = t[d], m = o.length - 1, u = o[0], D = o[m];
-  for (;l <= d && r <= m; ) if (null == c) c = t[++l]; else if (null == $) $ = t[--d]; else if (null == u) u = o[++r]; else if (null == D) D = o[--m]; else if (isSameVnode(c, u)) patch(c, u), 
-  c = t[++l], u = o[++r]; else if (isSameVnode($, D)) patch($, D), $ = t[--d], D = o[--m]; else if (isSameVnode(c, D)) !appData.BUILD.slotRelocation || "slot" !== c.$tag$ && "slot" !== D.$tag$ || putBackInOriginalLocation(c.$elm$.parentNode, !1), 
-  patch(c, D), e.insertBefore(c.$elm$, $.$elm$.nextSibling), c = t[++l], D = o[--m]; else if (isSameVnode($, u)) !appData.BUILD.slotRelocation || "slot" !== c.$tag$ && "slot" !== D.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
+  let s, n, l = 0, r = 0, p = 0, i = 0, d = t.length - 1, c = t[0], $ = t[d], m = o.length - 1, u = o[0], h = o[m];
+  for (;l <= d && r <= m; ) if (null == c) c = t[++l]; else if (null == $) $ = t[--d]; else if (null == u) u = o[++r]; else if (null == h) h = o[--m]; else if (isSameVnode(c, u)) patch(c, u), 
+  c = t[++l], u = o[++r]; else if (isSameVnode($, h)) patch($, h), $ = t[--d], h = o[--m]; else if (isSameVnode(c, h)) !appData.BUILD.slotRelocation || "slot" !== c.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation(c.$elm$.parentNode, !1), 
+  patch(c, h), e.insertBefore(c.$elm$, $.$elm$.nextSibling), c = t[++l], h = o[--m]; else if (isSameVnode($, u)) !appData.BUILD.slotRelocation || "slot" !== c.$tag$ && "slot" !== h.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1), 
   patch($, u), e.insertBefore($.$elm$, c.$elm$), $ = t[--d], u = o[++r]; else {
    if (p = -1, appData.BUILD.vdomKey) for (i = l; i <= d; ++i) if (t[i] && null !== t[i].$key$ && t[i].$key$ === u.$key$) {
     p = i;
@@ -582,7 +582,8 @@ const callRender = (e, t, a) => {
    s.attributeChangedCallback = function(e, t, o) {
     plt.jmp((() => {
      const t = a.get(e);
-     this.hasOwnProperty(t) && (o = this[t], delete this[t]), this[t] = (null !== o || "boolean" != typeof this[t]) && o;
+     if (this.hasOwnProperty(t)) o = this[t], delete this[t]; else if (s.hasOwnProperty(t) && "number" == typeof this[t] && this[t] == o) return;
+     this[t] = (null !== o || "boolean" != typeof this[t]) && o;
     }));
    }, e.observedAttributes = o.filter((([e, t]) => 15 & t[0])).map((([e, o]) => {
     const s = o[1] || e;
@@ -704,6 +705,14 @@ const callRender = (e, t, a) => {
   },
   disconnectedCallback() {
    disconnectedCallback(this), appData.BUILD.disconnectedCallback && s && s.call(this);
+  },
+  __attachShadow() {
+   exports.supportsShadow ? appData.BUILD.shadowDelegatesFocus ? this.attachShadow({
+    mode: "open",
+    delegatesFocus: !!(16 & a.$flags$)
+   }) : this.attachShadow({
+    mode: "open"
+   }) : this.shadowRoot = this;
   }
  }), e.is = a.$tagName$, proxyComponent(e, a, 3);
 }, patchCloneNode = e => {
@@ -727,6 +736,26 @@ const callRender = (e, t, a) => {
   }
   return this.__appendChild(e);
  };
+}, patchTextContent = (e, t) => {
+ if (appData.BUILD.scoped && 2 & t.$flags$) {
+  const t = Object.getOwnPropertyDescriptor(Node.prototype, "textContent");
+  Object.defineProperty(e, "__textContent", t), Object.defineProperty(e, "textContent", {
+   get() {
+    var e;
+    const t = getHostSlotNode(this.childNodes, "");
+    return 3 === (null === (e = null == t ? void 0 : t.nextSibling) || void 0 === e ? void 0 : e.nodeType) ? t.nextSibling.textContent : t ? t.textContent : this.__textContent;
+   },
+   set(e) {
+    var t;
+    const a = getHostSlotNode(this.childNodes, "");
+    if (3 === (null === (t = null == a ? void 0 : a.nextSibling) || void 0 === t ? void 0 : t.nodeType)) a.nextSibling.textContent = e; else if (a) a.textContent = e; else {
+     this.__textContent = e;
+     const t = this["s-cr"];
+     t && this.insertBefore(t, this.firstChild);
+    }
+   }
+  });
+ }
 }, patchChildSlotNodes = (e, t) => {
  class a extends Array {
   item(e) {
@@ -845,11 +874,7 @@ Object.defineProperty(exports, "Env", {
  isServer: !0,
  isTesting: !0
 }, exports.Context = Context, exports.Fragment = (e, t) => t, exports.Host = Host, 
-exports.addHostEventListeners = addHostEventListeners, exports.attachShadow = e => {
- exports.supportsShadow ? e.attachShadow({
-  mode: "open"
- }) : e.shadowRoot = e;
-}, exports.bootstrapLazy = (e, t = {}) => {
+exports.addHostEventListeners = addHostEventListeners, exports.bootstrapLazy = (e, t = {}) => {
  appData.BUILD.profile && performance.mark && performance.mark("st:app:start"), (() => {
   if (appData.BUILD.devTools) {
    const e = win.stencil = win.stencil || {}, t = e.inspect;
@@ -902,46 +927,49 @@ exports.addHostEventListeners = addHostEventListeners, exports.attachShadow = e
  if (Object.assign(plt, t), plt.$resourcesUrl$ = new URL(t.resourcesUrl || "./", doc.baseURI).href, 
  appData.BUILD.asyncQueue && t.syncQueue && (plt.$flags$ |= 4), appData.BUILD.hydrateClientSide && (plt.$flags$ |= 2), 
  appData.BUILD.hydrateClientSide && appData.BUILD.shadowDom) for (;m < d.length; m++) registerStyle(d[m].getAttribute("sty-id"), d[m].innerHTML.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{"));
- e.map((e => e[1].map((a => {
-  const l = {
-   $flags$: a[0],
-   $tagName$: a[1],
-   $members$: a[2],
-   $listeners$: a[3]
-  };
-  appData.BUILD.member && (l.$members$ = a[2]), appData.BUILD.hostListener && (l.$listeners$ = a[3]), 
-  appData.BUILD.reflect && (l.$attrsToReflect$ = []), appData.BUILD.watchCallback && (l.$watchers$ = {}), 
-  appData.BUILD.shadowDom && !exports.supportsShadow && 1 & l.$flags$ && (l.$flags$ |= 8);
-  const r = appData.BUILD.transformTagName && t.transformTagName ? t.transformTagName(l.$tagName$) : l.$tagName$, p = class extends HTMLElement {
-   constructor(e) {
-    super(e), registerHost(e = this, l), appData.BUILD.shadowDom && 1 & l.$flags$ && (exports.supportsShadow ? appData.BUILD.shadowDelegatesFocus ? e.attachShadow({
-     mode: "open",
-     delegatesFocus: !!(16 & l.$flags$)
-    }) : e.attachShadow({
-     mode: "open"
-    }) : appData.BUILD.hydrateServerSide || "shadowRoot" in e || (e.shadowRoot = e)), 
-    appData.BUILD.slotChildNodesFix && patchChildSlotNodes(e, l);
-   }
-   connectedCallback() {
-    c && (clearTimeout(c), c = null), $ ? i.push(this) : plt.jmp((() => connectedCallback(this)));
-   }
-   disconnectedCallback() {
-    plt.jmp((() => disconnectedCallback(this)));
-   }
-   componentOnReady() {
-    return getHostRef(this).$onReadyPromise$;
-   }
-  };
-  appData.BUILD.cloneNodeFix && patchCloneNode(p.prototype), appData.BUILD.appendChildSlotFix && patchSlotAppendChild(p.prototype), 
-  appData.BUILD.hotModuleReplacement && (p.prototype["s-hmr"] = function(e) {
-   ((e, t, a) => {
-    const o = getHostRef(e);
-    o.$flags$ = 1, e["s-hmr-load"] = () => {
-     delete e["s-hmr-load"];
-    }, initializeComponent(e, o, t);
-   })(this, l);
-  }), l.$lazyBundleId$ = e[0], s.includes(r) || n.get(r) || (o.push(r), n.define(r, proxyComponent(p, l, 1)));
- })))), appData.BUILD.invisiblePrehydration && (appData.BUILD.hydratedClass || appData.BUILD.hydratedAttribute) && (p.innerHTML = o + "{visibility:hidden}.hydrated{visibility:inherit}", 
+ e.map((e => {
+  e[1].map((a => {
+   const l = {
+    $flags$: a[0],
+    $tagName$: a[1],
+    $members$: a[2],
+    $listeners$: a[3]
+   };
+   appData.BUILD.member && (l.$members$ = a[2]), appData.BUILD.hostListener && (l.$listeners$ = a[3]), 
+   appData.BUILD.reflect && (l.$attrsToReflect$ = []), appData.BUILD.watchCallback && (l.$watchers$ = {}), 
+   appData.BUILD.shadowDom && !exports.supportsShadow && 1 & l.$flags$ && (l.$flags$ |= 8);
+   const r = appData.BUILD.transformTagName && t.transformTagName ? t.transformTagName(l.$tagName$) : l.$tagName$, p = class extends HTMLElement {
+    constructor(e) {
+     super(e), registerHost(e = this, l), appData.BUILD.shadowDom && 1 & l.$flags$ && (exports.supportsShadow ? appData.BUILD.shadowDelegatesFocus ? e.attachShadow({
+      mode: "open",
+      delegatesFocus: !!(16 & l.$flags$)
+     }) : e.attachShadow({
+      mode: "open"
+     }) : appData.BUILD.hydrateServerSide || "shadowRoot" in e || (e.shadowRoot = e)), 
+     appData.BUILD.slotChildNodesFix && patchChildSlotNodes(e, l);
+    }
+    connectedCallback() {
+     c && (clearTimeout(c), c = null), $ ? i.push(this) : plt.jmp((() => connectedCallback(this)));
+    }
+    disconnectedCallback() {
+     plt.jmp((() => disconnectedCallback(this)));
+    }
+    componentOnReady() {
+     return getHostRef(this).$onReadyPromise$;
+    }
+   };
+   appData.BUILD.cloneNodeFix && patchCloneNode(p.prototype), appData.BUILD.appendChildSlotFix && patchSlotAppendChild(p.prototype), 
+   appData.BUILD.hotModuleReplacement && (p.prototype["s-hmr"] = function(e) {
+    ((e, t, a) => {
+     const o = getHostRef(e);
+     o.$flags$ = 1, e["s-hmr-load"] = () => {
+      delete e["s-hmr-load"];
+     }, initializeComponent(e, o, t);
+    })(this, l);
+   }), appData.BUILD.scopedSlotTextContentFix && patchTextContent(p.prototype, l), 
+   l.$lazyBundleId$ = e[0], s.includes(r) || n.get(r) || (o.push(r), n.define(r, proxyComponent(p, l, 1)));
+  }));
+ })), appData.BUILD.invisiblePrehydration && (appData.BUILD.hydratedClass || appData.BUILD.hydratedAttribute) && (p.innerHTML = o + "{visibility:hidden}.hydrated{visibility:inherit}", 
  p.setAttribute("data-styles", ""), l.insertBefore(p, r ? r.nextSibling : l.firstChild)), 
  $ = !1, i.length ? i.map((e => e.connectedCallback())) : appData.BUILD.profile ? plt.jmp((() => c = setTimeout(appDidLoad, 30, "timeout"))) : plt.jmp((() => c = setTimeout(appDidLoad, 30))), 
  a();

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "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) v2.8.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v2.10.0 | MIT Licensed | https://stenciljs.com
  */
 var mockDoc = (function(exports) {
 'use strict';
@@ -2566,6 +2566,9 @@ class MockAnchorElement extends MockHTMLElement {
   set href(value) {
     this.setAttribute('href', value);
   }
+  get pathname() {
+    return new URL(this.href).pathname;
+  }
 }
 class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument) {

package/mock-doc/index.d.ts

@@ -166,6 +166,7 @@ declare class MockAnchorElement extends MockHTMLElement {
   constructor(ownerDocument: any);
   get href(): string;
   set href(value: string);
+  get pathname(): string;
 }
 declare class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument: any);
@@ -399,17 +400,17 @@ declare class MockNode {
   prepend(...items: (MockNode | string)[]): void;
   cloneNode(deep?: boolean): MockNode;
   compareDocumentPosition(_other: MockNode): number;
-  get firstChild(): MockNode;
+  get firstChild(): MockNode | null;
   insertBefore(newNode: MockNode, referenceNode: MockNode): MockNode;
   get isConnected(): boolean;
   isSameNode(node: any): boolean;
-  get lastChild(): MockNode;
-  get nextSibling(): MockNode;
+  get lastChild(): MockNode | null;
+  get nextSibling(): MockNode | null;
   get nodeValue(): string;
   set nodeValue(value: string);
   get parentElement(): any;
   set parentElement(value: any);
-  get previousSibling(): MockNode;
+  get previousSibling(): MockNode | null;
   contains(otherNode: MockNode): boolean;
   removeChild(childNode: MockNode): MockNode;
   remove(): void;
@@ -451,7 +452,7 @@ declare class MockElement extends MockNode {
   get dir(): string;
   set dir(value: string);
   dispatchEvent(ev: MockEvent): boolean;
-  get firstElementChild(): MockElement;
+  get firstElementChild(): MockElement | null;
   getAttribute(attrName: string): any;
   getAttributeNS(namespaceURI: string, attrName: string): string;
   getBoundingClientRect(): {
@@ -486,7 +487,7 @@ declare class MockElement extends MockNode {
   set hidden(isHidden: boolean);
   get lang(): string;
   set lang(value: string);
-  get lastElementChild(): MockElement;
+  get lastElementChild(): MockElement | null;
   matches(selector: string): boolean;
   get nextElementSibling(): any;
   get outerHTML(): string;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v2.8.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v2.10.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';
@@ -2563,6 +2563,9 @@ class MockAnchorElement extends MockHTMLElement {
   set href(value) {
     this.setAttribute('href', value);
   }
+  get pathname() {
+    return new URL(this.href).pathname;
+  }
 }
 class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument) {

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "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": "2.8.0",
+  "version": "2.10.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -9,6 +9,7 @@
     "stencil": "bin/stencil"
   },
   "files": [
+    "!**/*.map",
     "bin/",
     "cli/",
     "compiler/",
@@ -21,9 +22,10 @@
     "testing/"
   ],
   "scripts": {
+    "clean": "rm -rf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean-scripts",
+    "clean-scripts": "rm -rf scripts/build",
     "start": "npm run watch",
-    "build": "node scripts && npm run tsc.prod && npm run rollup.prod.ci",
-    "build.prod": "node scripts && npm run tsc.scripts && npm run tsc.prod && npm run rollup.prod.ci",
+    "build": "node scripts --prepare && npm run tsc.prod && npm run rollup.prod.ci",
     "watch": "node scripts && npm run tsc && concurrently \"npm run rollup.watch\" \"npm run tsc.watch\"",
     "release": "node scripts --release --publish",
     "release.prepare": "node scripts --release --prepare",
@@ -79,6 +81,8 @@
     "@types/sizzle": "^2.3.2",
     "@types/webpack": "^4.41.26",
     "@types/ws": "^7.4.0",
+    "@types/yarnpkg__lockfile": "^1.1.5",
+    "@yarnpkg/lockfile": "^1.1.0",
     "ansi-colors": "4.1.1",
     "autoprefixer": "10.2.5",
     "concurrently": "^6.0.0",
@@ -99,6 +103,7 @@
     "jest-environment-node": "^26.6.2",
     "listr": "^0.14.3",
     "magic-string": "^0.25.7",
+    "merge-source-map": "^1.1.0",
     "mime-db": "^1.46.0",
     "minimatch": "3.0.4",
     "node-fetch": "2.6.1",
@@ -108,16 +113,17 @@
     "path-browserify": "^1.0.1",
     "pixelmatch": "4.0.2",
     "postcss": "^8.2.8",
-    "prettier": "2.3.2",
+    "prettier": "2.4.0",
     "prompts": "2.4.0",
     "puppeteer": "~10.0.0",
     "rollup": "2.42.3",
+    "rollup-plugin-sourcemaps": "^0.6.3",
     "semiver": "^1.1.0",
     "semver": "7.3.4",
     "sizzle": "^2.3.6",
     "terser": "5.6.1",
     "tslib": "^2.1.0",
-    "typescript": "4.2.3",
+    "typescript": "4.3.5",
     "webpack": "^4.46.0",
     "ws": "7.4.6"
   },

package/readme.md

@@ -123,13 +123,13 @@ Stencil is a tool developers use to create Web Components with some powerful fea
 
 ## License
 
- - [MIT](https://raw.githubusercontent.com/ionic-team/stencil/master/LICENSE.md)
+ - [MIT](https://raw.githubusercontent.com/ionic-team/stencil/main/LICENSE.md)
 
 
 [npm-badge]: https://img.shields.io/npm/v/@stencil/core.svg
 [npm-badge-url]: https://www.npmjs.com/package/@stencil/core
 [npm-license]: https://img.shields.io/npm/l/@stencil/core.svg
-[npm-license-url]: https://github.com/ionic-team/stencil/blob/master/LICENSE
+[npm-license-url]: https://github.com/ionic-team/stencil/blob/main/LICENSE
 [circle-badge]: https://circleci.com/gh/ionic-team/stencil.svg?style=shield
 [circle-badge-url]: https://circleci.com/gh/ionic-team/stencil
 [browserstack-badge]: https://www.browserstack.com/automate/badge.svg?badge_key=WVNVbkRJdDBJQnBEMzZuWUdlMEZuTjlPUm9sOHZsSVNkUlJTRkJVQkx0ST0tLTFhbk5jRUNEVWxJL1J0SVR0WUFndnc9PQ==--90c84981a2ed2ede760ca48fbfc3fdd5b71d3e5e