@stencil/core 3.0.0-beta.1 → 3.0.0-rc.1

package/cli/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI (CommonJS) v3.0.0-beta.1 | MIT Licensed | https://stenciljs.com
+ Stencil CLI (CommonJS) v3.0.0-rc.1 | MIT Licensed | https://stenciljs.com
  */
 'use strict';
 
@@ -987,7 +987,7 @@ const dereferenceAlias = (maybeAlias) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "3.0.0-beta.1",
+		version: "3.0.0-rc.1",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -2554,16 +2554,20 @@ const run = async (init) => {
  * @public
  */
 const runTask = async (coreCompiler, config, task, sys) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const logger = (_a = config.logger) !== null && _a !== void 0 ? _a : createLogger();
+    const rootDir = (_b = config.rootDir) !== null && _b !== void 0 ? _b : '/';
+    const configSys = (_c = sys !== null && sys !== void 0 ? sys : config.sys) !== null && _c !== void 0 ? _c : coreCompiler.createSystem({ logger });
     const strictConfig = {
         ...config,
-        flags: createConfigFlags((_b = config.flags) !== null && _b !== void 0 ? _b : { task }),
+        flags: createConfigFlags((_d = config.flags) !== null && _d !== void 0 ? _d : { task }),
+        hydratedFlag: (_e = config.hydratedFlag) !== null && _e !== void 0 ? _e : null,
         logger,
-        outputTargets: (_c = config.outputTargets) !== null && _c !== void 0 ? _c : [],
-        rootDir: (_d = config.rootDir) !== null && _d !== void 0 ? _d : '/',
-        sys: (_e = sys !== null && sys !== void 0 ? sys : config.sys) !== null && _e !== void 0 ? _e : coreCompiler.createSystem({ logger }),
-        testing: (_f = config.testing) !== null && _f !== void 0 ? _f : {},
+        outputTargets: (_f = config.outputTargets) !== null && _f !== void 0 ? _f : [],
+        packageJsonFilePath: configSys.platformPath.join(rootDir, 'package.json'),
+        rootDir,
+        sys: configSys,
+        testing: (_g = config.testing) !== null && _g !== void 0 ? _g : {},
     };
     switch (task) {
         case 'build':

package/cli/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI v3.0.0-beta.1 | MIT Licensed | https://stenciljs.com
+ Stencil CLI v3.0.0-rc.1 | MIT Licensed | https://stenciljs.com
  */
 /**
  * Convert a string from dash-case / kebab-case to PascalCase (or CamelCase,
@@ -963,7 +963,7 @@ const dereferenceAlias = (maybeAlias) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "3.0.0-beta.1",
+		version: "3.0.0-rc.1",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -2530,16 +2530,20 @@ const run = async (init) => {
  * @public
  */
 const runTask = async (coreCompiler, config, task, sys) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     const logger = (_a = config.logger) !== null && _a !== void 0 ? _a : createLogger();
+    const rootDir = (_b = config.rootDir) !== null && _b !== void 0 ? _b : '/';
+    const configSys = (_c = sys !== null && sys !== void 0 ? sys : config.sys) !== null && _c !== void 0 ? _c : coreCompiler.createSystem({ logger });
     const strictConfig = {
         ...config,
-        flags: createConfigFlags((_b = config.flags) !== null && _b !== void 0 ? _b : { task }),
+        flags: createConfigFlags((_d = config.flags) !== null && _d !== void 0 ? _d : { task }),
+        hydratedFlag: (_e = config.hydratedFlag) !== null && _e !== void 0 ? _e : null,
         logger,
-        outputTargets: (_c = config.outputTargets) !== null && _c !== void 0 ? _c : [],
-        rootDir: (_d = config.rootDir) !== null && _d !== void 0 ? _d : '/',
-        sys: (_e = sys !== null && sys !== void 0 ? sys : config.sys) !== null && _e !== void 0 ? _e : coreCompiler.createSystem({ logger }),
-        testing: (_f = config.testing) !== null && _f !== void 0 ? _f : {},
+        outputTargets: (_f = config.outputTargets) !== null && _f !== void 0 ? _f : [],
+        packageJsonFilePath: configSys.platformPath.join(rootDir, 'package.json'),
+        rootDir,
+        sys: configSys,
+        testing: (_g = config.testing) !== null && _g !== void 0 ? _g : {},
     };
     switch (task) {
         case 'build':

package/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/cli",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-rc.1",
   "description": "Stencil CLI.",
   "main": "./index.cjs",
   "module": "./index.js",

package/compiler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/compiler",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-rc.1",
   "description": "Stencil Compiler.",
   "main": "./stencil.js",
   "types": "./stencil.d.ts",

package/compiler/stencil.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Compiler v3.0.0-beta.1 | MIT Licensed | https://stenciljs.com
+ Stencil Compiler v3.0.0-rc.1 | MIT Licensed | https://stenciljs.com
  */
 (function(exports) {
 'use strict';
@@ -1047,21 +1047,24 @@ const loadTypeScriptDiagnostics = (tsDiagnostics) => {
  * @returns a Stencil diagnostic, suitable for showing an error to the user
  */
 const loadTypeScriptDiagnostic = (tsDiagnostic) => {
+  var _a;
   const d = {
-    level: 'warn',
-    type: 'typescript',
-    language: 'typescript',
-    header: 'TypeScript',
+    absFilePath: undefined,
     code: tsDiagnostic.code.toString(),
-    messageText: flattenDiagnosticMessageText(tsDiagnostic, tsDiagnostic.messageText),
-    relFilePath: null,
-    absFilePath: null,
+    columnNumber: undefined,
+    header: 'TypeScript',
+    language: 'typescript',
+    level: 'warn',
+    lineNumber: undefined,
     lines: [],
+    messageText: flattenDiagnosticMessageText(tsDiagnostic, tsDiagnostic.messageText),
+    relFilePath: undefined,
+    type: 'typescript',
   };
   if (tsDiagnostic.category === 1) {
     d.level = 'error';
   }
-  if (tsDiagnostic.file) {
+  if (tsDiagnostic.file && typeof tsDiagnostic.start === 'number') {
     d.absFilePath = tsDiagnostic.file.fileName;
     const sourceText = tsDiagnostic.file.text;
     const srcLines = splitLineBreaks(sourceText);
@@ -1071,7 +1074,7 @@ const loadTypeScriptDiagnostic = (tsDiagnostic) => {
       lineNumber: posData.line + 1,
       text: srcLines[posData.line],
       errorCharStart: posData.character,
-      errorLength: Math.max(tsDiagnostic.length, 1),
+      errorLength: Math.max((_a = tsDiagnostic.length) !== null && _a !== void 0 ? _a : 0, 1),
     };
     d.lineNumber = errorLine.lineNumber;
     d.columnNumber = errorLine.errorCharStart + 1;
@@ -2098,7 +2101,7 @@ const process$3 = /*#__PURE__*/Object.assign(/*#__PURE__*/Object.create(null), p
   'default': process_1
 });
 
-const buildId = '20230109182913';
+const buildId = '20230123172705';
 const minfyJsId = 'terser5.16.1_7';
 const optimizeCssId = 'autoprefixer10.4.13_postcss8.4.21_7';
 const parse5Version = '7.1.2';
@@ -2106,8 +2109,8 @@ const rollupVersion = '2.42.3';
 const sizzleVersion = '2.42.3';
 const terserVersion = '5.16.1';
 const typescriptVersion = '4.9.4';
-const vermoji = '🚚';
-const version$3 = '3.0.0-beta.1';
+const vermoji = '🍀';
+const version$3 = '3.0.0-rc.1';
 const versions = {
   stencil: version$3,
   parse5: parse5Version,
@@ -4839,6 +4842,7 @@ const autoprefixCss = async (cssText, opts) => {
         messageText: warning.text,
         level: 'warn',
         type: 'css',
+        lines: [],
       });
     });
     output.output = result.css;
@@ -4849,6 +4853,7 @@ const autoprefixCss = async (cssText, opts) => {
       messageText: `CSS Error` + e,
       level: `error`,
       type: `css`,
+      lines: [],
     };
     if (typeof e.name === 'string') {
       diagnostic.header = e.name;
@@ -57218,6 +57223,7 @@ const bundleCustomElements$1 = async (config, compilerCtx, buildCtx, outputTarge
           level: 'error',
           type: 'build',
           messageText: 'dist-custom-elements output target provided with no output target directory!',
+          lines: [],
         });
         return;
       }
@@ -57314,7 +57320,7 @@ const generateEntryPoint$1 = (outputTarget, cmpImports = [], cmpExports = [], cm
   const imports = [];
   const exports = [];
   // Exports that are always present
-  exports.push(`export { setAssetPath, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';`, `export * from '${USER_INDEX_ENTRY_ID}';`);
+  exports.push(`export { setAssetPath, setNonce, setPlatformOptions } from '${STENCIL_INTERNAL_CLIENT_ID}';`, `export * from '${USER_INDEX_ENTRY_ID}';`);
   // Content related to global scripts
   if (outputTarget.includeGlobalScripts !== false) {
     imports.push(`import { globalScripts } from '${STENCIL_APP_GLOBALS_ID}';`);
@@ -59127,6 +59133,7 @@ function createEntryModule(cmps) {
 }
 const getLazyEntry = (isBrowser) => {
   const s = new MagicString$3(``);
+  s.append(`export { setNonce } from '${STENCIL_CORE_ID}';\n`);
   s.append(`import { bootstrapLazy } from '${STENCIL_CORE_ID}';\n`);
   if (isBrowser) {
     s.append(`import { patchBrowser } from '${STENCIL_INTERNAL_CLIENT_PATCH_BROWSER_ID}';\n`);
@@ -60438,6 +60445,15 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/** 
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;
 `;
 };
 
@@ -60507,6 +60523,15 @@ const generateCustomElementsTypesOutput$1 = async (config, compilerCtx, buildCtx
     ` */`,
     `export declare const setAssetPath: (path: string) => void;`,
     ``,
+    `/**`,
+    ` * Used to specify a nonce value that corresponds with an application's CSP.`,
+    ` * When set, the nonce will be added to all dynamically created script and style tags at runtime.`,
+    ` * Alternatively, the nonce value can be set on a meta tag in the DOM head`,
+    ` * (<meta name="csp-nonce" content="{ nonce value here }" />) which`,
+    ` * will result in the same behavior.`,
+    ` */`,
+    `export declare const setNonce: (nonce: string) => void`,
+    ``,
     `export interface SetPlatformOptions {`,
     `  raf?: (c: FrameRequestCallback) => number;`,
     `  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;`,
@@ -65082,8 +65107,9 @@ function generateBuildStats(config, buildCtx) {
   }
   catch (e) {
     const diagnostic = {
-      messageText: `Generate Build Stats Error: ` + e,
       level: `error`,
+      lines: [],
+      messageText: `Generate Build Stats Error: ` + e,
       type: `build`,
     };
     jsonData = {
@@ -66466,15 +66492,18 @@ const createConfigFlags = (init = {}) => {
 };
 
 const getConfig = (userConfig) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const logger = (_a = userConfig.logger) !== null && _a !== void 0 ? _a : createLogger();
+  const rootDir = (_b = userConfig.rootDir) !== null && _b !== void 0 ? _b : '/';
   const config = {
     ...userConfig,
-    flags: createConfigFlags((_b = userConfig.flags) !== null && _b !== void 0 ? _b : {}),
+    flags: createConfigFlags((_c = userConfig.flags) !== null && _c !== void 0 ? _c : {}),
+    hydratedFlag: (_d = userConfig.hydratedFlag) !== null && _d !== void 0 ? _d : null,
     logger,
-    outputTargets: (_c = userConfig.outputTargets) !== null && _c !== void 0 ? _c : [],
-    rootDir: (_d = userConfig.rootDir) !== null && _d !== void 0 ? _d : '/',
-    sys: (_e = userConfig.sys) !== null && _e !== void 0 ? _e : createSystem({ logger }),
+    outputTargets: (_e = userConfig.outputTargets) !== null && _e !== void 0 ? _e : [],
+    packageJsonFilePath: join(rootDir, 'package.json'),
+    rootDir,
+    sys: (_f = userConfig.sys) !== null && _f !== void 0 ? _f : createSystem({ logger }),
     testing: userConfig !== null && userConfig !== void 0 ? userConfig : {},
   };
   setPlatformPath(config.sys.platformPath);
@@ -68643,26 +68672,28 @@ const validateDevServer = (config, diagnostics) => {
 };
 
 /**
- * Check the provided `.hydratedFlag` prop and return a properly-validated value.
+ * Validate the `.hydratedFlag` property on the supplied config object and
+ * return a properly-validated value.
  *
  * @param config the configuration we're examining
  * @returns a suitable value for the hydratedFlag property
  */
 const validateHydrated = (config) => {
+  var _a;
   /**
    * If `config.hydratedFlag` is set to `null` that is an explicit signal that we
    * should _not_ create a default configuration when validating and should instead
-   * just return `undefined`. It may also have been set to `false`; this is an invalid
+   * just return `null`. It may also have been set to `false`; this is an invalid
    * value as far as the type system is concerned, but users may ignore this.
    *
    * See {@link HydratedFlag} for more details.
    */
   if (config.hydratedFlag === null || config.hydratedFlag === false) {
-    return undefined;
+    return null;
   }
   // Here we start building up a default config since `.hydratedFlag` wasn't set to
   // `null` on the provided config.
-  const hydratedFlag = { ...config.hydratedFlag };
+  const hydratedFlag = { ...((_a = config.hydratedFlag) !== null && _a !== void 0 ? _a : {}) };
   if (!isString$1(hydratedFlag.name) || hydratedFlag.property === '') {
     hydratedFlag.name = `hydrated`;
   }
@@ -69035,13 +69066,16 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
   const config = Object.assign({}, userConfig); // not positive it's json safe
   const diagnostics = [];
   const logger = bootstrapConfig.logger || config.logger || createLogger();
+  const rootDir = typeof config.rootDir === 'string' ? config.rootDir : '/';
   const validatedConfig = {
     ...config,
     // flags _should_ be JSON safe
     flags: JSON.parse(JSON.stringify(config.flags || {})),
+    hydratedFlag: validateHydrated(config),
     logger,
     outputTargets: (_a = config.outputTargets) !== null && _a !== void 0 ? _a : [],
-    rootDir: typeof config.rootDir === 'string' ? config.rootDir : '/',
+    packageJsonFilePath: join(rootDir, 'package.json'),
+    rootDir,
     sys: (_c = (_b = config.sys) !== null && _b !== void 0 ? _b : bootstrapConfig.sys) !== null && _c !== void 0 ? _c : createSystem({ logger }),
     testing: (_d = config.testing) !== null && _d !== void 0 ? _d : {},
   };
@@ -69120,8 +69154,6 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
   validatedConfig.devServer = validateDevServer(validatedConfig, diagnostics);
   // testing
   validateTesting(validatedConfig, diagnostics);
-  // hydrate flag
-  validatedConfig.hydratedFlag = validateHydrated(validatedConfig);
   // bundles
   if (Array.isArray(validatedConfig.bundles)) {
     validatedConfig.bundles = sortBy(validatedConfig.bundles, (a) => a.components.length);
@@ -69978,7 +70010,7 @@ const getComponentPathContent = (componentGraph, outputTarget) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "3.0.0-beta.1",
+		version: "3.0.0-rc.1",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",