@stencil/core 3.0.0-alpha.1 → 3.0.0-beta.0

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

@@ -245,13 +245,18 @@ export interface ConfigExtras {
     /**
      * Include the CSS Custom Property polyfill/shim for legacy browsers. ESM builds will
      * not include the css vars shim. Defaults to `false`
+     *
+     * @deprecated Since Stencil v3.0.0. IE 11, Edge <= 18, and old Safari
+     * versions are no longer supported.
      */
-    cssVarsShim?: boolean;
+    __deprecated__cssVarsShim?: boolean;
     /**
-     * Dynamic `import()` shim. This is only needed for Edge 18 and below, and Firefox 67
-     * and below. Defaults to `false`.
+     * Dynamic `import()` shim. This is only needed for Edge 18 and below, and
+     * Firefox 67 and below. Defaults to `false`.
+     * @deprecated Since Stencil v3.0.0. IE 11, Edge <= 18, and old Safari
+     * versions are no longer supported.
      */
-    dynamicImportShim?: boolean;
+    __deprecated__dynamicImportShim?: boolean;
     /**
      * Experimental flag. Projects that use a Stencil library built using the `dist` output target may have trouble lazily
      * loading components when using a bundler such as Vite or Parcel. Setting this flag to `true` will change how Stencil
@@ -268,8 +273,10 @@ export interface ConfigExtras {
      * `<script nomodule>`. When set to `true`, the runtime will patch support for Safari 10
      * due to its lack of `nomodule` support.
      * Defaults to `false`.
+     *
+     * @deprecated Since Stencil v3.0.0, Safari 10 is no longer supported.
      */
-    safari10?: boolean;
+    __deprecated__safari10?: boolean;
     /**
      * It is possible to assign data to the actual `<script>` element's `data-opts` property,
      * which then gets passed to Stencil's initial bootstrap. This feature is only required
@@ -286,8 +293,11 @@ export interface ConfigExtras {
      * if it's determined that shadow dom is already natively supported by the browser then
      * it does not request the shim. When set to `false` it will avoid all shadow dom tests.
      * Defaults to `false`.
+     *
+     * @deprecated Since Stencil v3.0.0. IE 11, Edge <= 18, and old Safari versions
+     * are no longer supported.
      */
-    shadowDomShim?: boolean;
+    __deprecated__shadowDomShim?: boolean;
     /**
      * When a component is first attached to the DOM, this setting will wait a single tick before
      * rendering. This works around an Angular issue, where Angular attaches the elements before
@@ -351,12 +361,12 @@ export interface Config extends StencilConfig {
  * conforming to a given interface. For best results, pair with a validation
  * function as shown in the example.
  */
-declare type Loose<T extends Object> = Record<string, any> & Partial<T>;
+type Loose<T extends Object> = Record<string, any> & Partial<T>;
 /**
  * A Loose version of the Config interface. This is intended to let us load a partial config
  * and have type information carry though as we construct an object which is a valid `Config`.
  */
-export declare type UnvalidatedConfig = Loose<Config>;
+export type UnvalidatedConfig = Loose<Config>;
 /**
  * Helper type to strip optional markers from keys in a type, while preserving other type information for the key.
  * This type takes a union of keys, K, in type T to allow for the type T to be gradually updated.
@@ -366,20 +376,20 @@ export declare type UnvalidatedConfig = Loose<Config>;
  * type ReqFieldFoo = RequireFields<Foo, 'bar'>; // { bar: number, baz?: string }
  * ```
  */
-declare type RequireFields<T, K extends keyof T> = T & {
+type RequireFields<T, K extends keyof T> = T & {
     [P in K]-?: T[P];
 };
 /**
  * Fields in {@link Config} to make required for {@link ValidatedConfig}
  */
-declare type StrictConfigFields = 'flags' | 'logger' | 'outputTargets' | 'rootDir' | 'sys' | 'testing';
+type StrictConfigFields = 'flags' | 'logger' | 'outputTargets' | 'rootDir' | 'sys' | 'testing';
 /**
  * A version of {@link Config} that makes certain fields required. This type represents a valid configuration entity.
  * When a configuration is received by the user, it is a bag of unverified data. In order to make stricter guarantees
  * about the data from a type-safety perspective, this type is intended to be used throughout the codebase once
  * validations have occurred at runtime.
  */
-export declare type ValidatedConfig = RequireFields<Config, StrictConfigFields>;
+export type ValidatedConfig = RequireFields<Config, StrictConfigFields>;
 export interface HydratedFlag {
     /**
      * Defaults to `hydrated`.
@@ -533,8 +543,8 @@ export interface DevServerEditor {
     supported?: boolean;
     priority?: number;
 }
-export declare type TaskCommand = 'build' | 'docs' | 'generate' | 'g' | 'help' | 'info' | 'prerender' | 'serve' | 'telemetry' | 'test' | 'version';
-export declare type PageReloadStrategy = 'hmr' | 'pageReload' | null;
+export type TaskCommand = 'build' | 'docs' | 'generate' | 'g' | 'help' | 'info' | 'prerender' | 'serve' | 'telemetry' | 'test' | 'version';
+export type PageReloadStrategy = 'hmr' | 'pageReload' | null;
 /**
  * The prerender config is used when prerendering a `www` output target.
  * Within `stencil.config.ts`, set the path to the prerendering
@@ -1225,7 +1235,7 @@ export interface HmrStyleUpdate {
     styleTag: string;
     styleText: string;
 }
-export declare type BuildOnEventRemove = () => boolean;
+export type BuildOnEventRemove = () => boolean;
 export interface BuildEvents extends BuildOnEvents, BuildEmitEvents {
     unsubscribeAll(): void;
 }
@@ -1233,19 +1243,19 @@ export interface CompilerBuildStart {
     buildId: number;
     timestamp: string;
 }
-export declare type CompilerFileWatcherCallback = (fileName: string, eventKind: CompilerFileWatcherEvent) => void;
-export declare type CompilerFileWatcherEvent = CompilerEventFileAdd | CompilerEventFileDelete | CompilerEventFileUpdate | CompilerEventDirAdd | CompilerEventDirDelete;
-export declare type CompilerEventName = CompilerEventFsChange | CompilerEventFileUpdate | CompilerEventFileAdd | CompilerEventFileDelete | CompilerEventDirAdd | CompilerEventDirDelete | CompilerEventBuildStart | CompilerEventBuildFinish | CompilerEventBuildNoChange | CompilerEventBuildLog;
-export declare type CompilerEventFsChange = 'fsChange';
-export declare type CompilerEventFileUpdate = 'fileUpdate';
-export declare type CompilerEventFileAdd = 'fileAdd';
-export declare type CompilerEventFileDelete = 'fileDelete';
-export declare type CompilerEventDirAdd = 'dirAdd';
-export declare type CompilerEventDirDelete = 'dirDelete';
-export declare type CompilerEventBuildStart = 'buildStart';
-export declare type CompilerEventBuildFinish = 'buildFinish';
-export declare type CompilerEventBuildLog = 'buildLog';
-export declare type CompilerEventBuildNoChange = 'buildNoChange';
+export type CompilerFileWatcherCallback = (fileName: string, eventKind: CompilerFileWatcherEvent) => void;
+export type CompilerFileWatcherEvent = CompilerEventFileAdd | CompilerEventFileDelete | CompilerEventFileUpdate | CompilerEventDirAdd | CompilerEventDirDelete;
+export type CompilerEventName = CompilerEventFsChange | CompilerEventFileUpdate | CompilerEventFileAdd | CompilerEventFileDelete | CompilerEventDirAdd | CompilerEventDirDelete | CompilerEventBuildStart | CompilerEventBuildFinish | CompilerEventBuildNoChange | CompilerEventBuildLog;
+export type CompilerEventFsChange = 'fsChange';
+export type CompilerEventFileUpdate = 'fileUpdate';
+export type CompilerEventFileAdd = 'fileAdd';
+export type CompilerEventFileDelete = 'fileDelete';
+export type CompilerEventDirAdd = 'dirAdd';
+export type CompilerEventDirDelete = 'dirDelete';
+export type CompilerEventBuildStart = 'buildStart';
+export type CompilerEventBuildFinish = 'buildFinish';
+export type CompilerEventBuildLog = 'buildLog';
+export type CompilerEventBuildNoChange = 'buildNoChange';
 export interface CompilerFileWatcher {
     close(): void | Promise<void>;
 }
@@ -1659,7 +1669,7 @@ export interface EmulateViewport {
  * in this array without good reason!
  */
 export declare const LOG_LEVELS: readonly ["debug", "info", "warn", "error"];
-export declare type LogLevel = typeof LOG_LEVELS[number];
+export type LogLevel = typeof LOG_LEVELS[number];
 /**
  * Common logger to be used by the compiler, dev-server and CLI. The CLI will use a
  * NodeJS based console logging and colors, and the web will use browser based
@@ -1873,7 +1883,7 @@ export declare const CustomElementsExportBehaviorOptions: readonly ["default", "
  * This type is auto-generated based on the values in `CustomElementsExportBehaviorOptions` array.
  * This is used on the output target config for intellisense in typed configs.
  */
-export declare type CustomElementsExportBehavior = typeof CustomElementsExportBehaviorOptions[number];
+export type CustomElementsExportBehavior = typeof CustomElementsExportBehaviorOptions[number];
 export interface OutputTargetDistCustomElements extends OutputTargetBaseNext {
     type: 'dist-custom-elements';
     empty?: boolean;
@@ -1885,7 +1895,6 @@ export interface OutputTargetDistCustomElements extends OutputTargetBaseNext {
      */
     externalRuntime?: boolean;
     copy?: CopyTask[];
-    inlineDynamicImports?: boolean;
     includeGlobalScripts?: boolean;
     minify?: boolean;
     /**
@@ -1904,7 +1913,6 @@ export interface OutputTargetDistCustomElementsBundle extends OutputTargetBaseNe
     empty?: boolean;
     externalRuntime?: boolean;
     copy?: CopyTask[];
-    inlineDynamicImports?: boolean;
     includeGlobalScripts?: boolean;
     minify?: boolean;
 }
@@ -1917,7 +1925,7 @@ export interface OutputTargetBase {
      */
     type: string;
 }
-export declare type OutputTargetBuild = OutputTargetDistCollection | OutputTargetDistLazy;
+export type OutputTargetBuild = OutputTargetDistCollection | OutputTargetDistLazy;
 export interface OutputTargetCopy extends OutputTargetBase {
     type: 'copy';
     dir: string;
@@ -1997,7 +2005,7 @@ export interface OutputTargetWww extends OutputTargetBase {
     serviceWorker?: ServiceWorkerConfig | null | false;
     appDir?: string;
 }
-export declare type OutputTarget = OutputTargetCopy | OutputTargetCustom | OutputTargetDist | OutputTargetDistCollection | OutputTargetDistCustomElements | OutputTargetDistCustomElementsBundle | OutputTargetDistLazy | OutputTargetDistGlobalStyles | OutputTargetDistLazyLoader | OutputTargetDocsJson | OutputTargetDocsCustom | OutputTargetDocsReadme | OutputTargetDocsVscode | OutputTargetWww | OutputTargetHydrate | OutputTargetStats | OutputTargetDistTypes;
+export type OutputTarget = OutputTargetCopy | OutputTargetCustom | OutputTargetDist | OutputTargetDistCollection | OutputTargetDistCustomElements | OutputTargetDistCustomElementsBundle | OutputTargetDistLazy | OutputTargetDistGlobalStyles | OutputTargetDistLazyLoader | OutputTargetDocsJson | OutputTargetDocsCustom | OutputTargetDocsReadme | OutputTargetDocsVscode | OutputTargetWww | OutputTargetHydrate | OutputTargetStats | OutputTargetDistTypes;
 export interface ServiceWorkerConfig {
     unregister?: boolean;
     swDest?: string;
@@ -2136,7 +2144,7 @@ export interface OptimizeCssInput {
  * Instead, this basically just serves as a label type to track
  * that arguments are being passed consistently.
  */
-export declare type AutoprefixerOptions = Object;
+export type AutoprefixerOptions = Object;
 /**
  * Output from CSS optimization functions, wrapping up optimized
  * CSS and any diagnostics produced during optimization.
@@ -2306,7 +2314,7 @@ export interface TranspileOptions {
      */
     sys?: CompilerSystem;
 }
-export declare type CompileTarget = 'latest' | 'esnext' | 'es2020' | 'es2019' | 'es2018' | 'es2017' | 'es2015' | 'es5' | string | undefined;
+export type CompileTarget = 'latest' | 'esnext' | 'es2020' | 'es2019' | 'es2018' | 'es2017' | 'es2015' | 'es5' | string | undefined;
 export interface TranspileResults {
     code: string;
     data?: any[];

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

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,8 +214,8 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.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) v3.0.0-alpha.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v3.0.0-beta.0 | MIT Licensed | https://stenciljs.com
  */
 var mockDoc = (function(exports) {
 'use strict';

package/mock-doc/index.d.ts

@@ -714,7 +714,7 @@ declare function parseHtmlToDocument(html: string, ownerDocument?: MockDocument)
 declare function parseHtmlToFragment(html: string, ownerDocument?: MockDocument): any;
 declare function parseDocumentUtil(ownerDocument: any, html: string): any;
 declare function parseFragmentUtil(ownerDocument: any, html: string): any;
-declare type DOMParserSupportedType = 'text/html' | 'text/xml' | 'application/xml' | 'application/xhtml+xml' | 'image/svg+xml';
+type DOMParserSupportedType = 'text/html' | 'text/xml' | 'application/xml' | 'application/xhtml+xml' | 'image/svg+xml';
 declare class MockDOMParser {
   parseFromString(htmlToParse: string, mimeType: DOMParserSupportedType): MockDocument;
 }
@@ -744,7 +744,7 @@ declare class MockPerformance implements Performance {
   toJSON(): void;
 }
 declare function resetPerformance(perf: Performance): void;
-declare type MockRequestInfo = MockRequest | string;
+type MockRequestInfo = MockRequest | string;
 interface MockRequestInit {
   body?: any;
   cache?: string;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v3.0.0-alpha.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v3.0.0-beta.0 | MIT Licensed | https://stenciljs.com
  */
 const CONTENT_REF_ID = 'r';
 const ORG_LOCATION_ID = 'o';

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.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": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -59,7 +59,7 @@
   "devDependencies": {
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-commonjs": "15.1.0",
-    "@rollup/plugin-json": "5.0.2",
+    "@rollup/plugin-json": "6.0.0",
     "@rollup/plugin-node-resolve": "9.0.0",
     "@rollup/plugin-replace": "2.3.4",
     "@rollup/pluginutils": "5.0.2",
@@ -103,10 +103,10 @@
     "jest-cli": "^27.4.5",
     "jest-environment-node": "^27.4.4",
     "listr": "^0.14.3",
-    "magic-string": "^0.26.3",
+    "magic-string": "^0.27.0",
     "merge-source-map": "^1.1.0",
     "mime-db": "^1.46.0",
-    "minimatch": "5.1.0",
+    "minimatch": "5.1.1",
     "node-fetch": "2.6.7",
     "open": "^8.4.0",
     "open-in-editor": "2.2.0",
@@ -114,15 +114,15 @@
     "path-browserify": "^1.0.1",
     "pixelmatch": "5.3.0",
     "postcss": "^8.2.8",
-    "prettier": "2.8.0",
+    "prettier": "2.8.1",
     "prompts": "2.4.2",
-    "puppeteer": "^19.3.0",
+    "puppeteer": "^19.4.1",
     "rollup": "2.42.3",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "semver": "^7.3.7",
     "sizzle": "^2.3.6",
-    "terser": "5.6.1",
-    "typescript": "4.8.4",
+    "terser": "5.16.1",
+    "typescript": "4.9.4",
     "webpack": "^4.46.0",
     "ws": "7.4.6"
   },

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",