@stencil/core 2.11.0 → 2.12.0

package/cli/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI (CommonJS) v2.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil CLI (CommonJS) v2.12.0 | MIT Licensed | https://stenciljs.com
  */
 'use strict';
 
@@ -490,7 +490,7 @@ const getNpmConfigEnvArgs = (sys) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.11.0",
+		version: "2.12.0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -1689,7 +1689,7 @@ const runTask = async (coreCompiler, config, task, sys) => {
             await taskGenerate(coreCompiler, config);
             break;
         case 'help':
-            taskHelp(config, config.logger, sys);
+            await taskHelp(config, config.logger, sys);
             break;
         case 'prerender':
             await taskPrerender(coreCompiler, config);
@@ -1711,7 +1711,7 @@ const runTask = async (coreCompiler, config, task, sys) => {
             break;
         default:
             config.logger.error(`${config.logger.emoji('❌ ')}Invalid stencil command, please see the options below:`);
-            taskHelp(config, config.logger, sys);
+            await taskHelp(config, config.logger, sys);
             return config.sys.exit(1);
     }
 };

package/cli/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI v2.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil CLI v2.12.0 | MIT Licensed | https://stenciljs.com
  */
 const toLowerCase = (str) => str.toLowerCase();
 const dashToPascalCase = (str) => toLowerCase(str)
@@ -466,7 +466,7 @@ const getNpmConfigEnvArgs = (sys) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.11.0",
+		version: "2.12.0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -1665,7 +1665,7 @@ const runTask = async (coreCompiler, config, task, sys) => {
             await taskGenerate(coreCompiler, config);
             break;
         case 'help':
-            taskHelp(config, config.logger, sys);
+            await taskHelp(config, config.logger, sys);
             break;
         case 'prerender':
             await taskPrerender(coreCompiler, config);
@@ -1687,7 +1687,7 @@ const runTask = async (coreCompiler, config, task, sys) => {
             break;
         default:
             config.logger.error(`${config.logger.emoji('❌ ')}Invalid stencil command, please see the options below:`);
-            taskHelp(config, config.logger, sys);
+            await taskHelp(config, config.logger, sys);
             return config.sys.exit(1);
     }
 };

package/cli/package.json

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

package/compiler/package.json

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

package/compiler/stencil.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Compiler v2.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Compiler v2.12.0 | MIT Licensed | https://stenciljs.com
  */
 (function(exports) {
 'use strict';
@@ -1714,7 +1714,7 @@ const JS_SOURCE_MAPPING_URL_LINKER = '//# sourceMappingURL=';
  * @param filename the filename to encode
  * @returns the encoded URI
  */
-const encodeFilenameToRfc3986 = (filename) => {
+const encodeToRfc3986 = (filename) => {
   const encodedUri = encodeURIComponent(filename);
   // replace all '!', single quotes, '(', ')', and '*' with their hexadecimal values (UTF-16)
   return encodedUri.replace(/[!'()*]/g, (matchedCharacter) => {
@@ -1728,7 +1728,19 @@ const encodeFilenameToRfc3986 = (filename) => {
  * @returns a linker string, of the format {@link JS_SOURCE_MAPPING_URL_LINKER}=<url>
  */
 const getSourceMappingUrlLinker = (url) => {
-  return `${JS_SOURCE_MAPPING_URL_LINKER}${encodeFilenameToRfc3986(url)}`;
+  return `${JS_SOURCE_MAPPING_URL_LINKER}${encodeToRfc3986(url)}`;
+};
+/**
+ * Generates a string used to link generated code with the original source, to be placed at the end of the generated
+ * code as an inline source map.
+ * @param sourceMapContents the sourceMapContents of the source map
+ * @returns a linker string, of the format {@link JS_SOURCE_MAPPING_URL_LINKER}<dataUriPrefixAndMime><sourceMapContents>
+ */
+const getInlineSourceMappingUrlLinker = (sourceMapContents) => {
+  const mapBase64 = Buffer.from(sourceMapContents, 'utf8').toString('base64');
+  // do not RFC-3986 encode an already valid base64 string. the sourcemaps will not resolve correctly when there is an
+  // allowed base64 character is encoded (because it is a disallowed RFC-3986 character)
+  return `${JS_SOURCE_MAPPING_URL_LINKER}data:application/json;charset=utf-8;base64,${mapBase64}`;
 };
 /**
  * Generates a string used to link generated code with the original source, to be placed at the end of the generated
@@ -3905,7 +3917,7 @@ const createCustomResolverAsync = (sys, inMemoryFs, exts) => {
   };
 };
 
-const buildId = '20211122175418';
+const buildId = '20211213135416';
 const minfyJsId = 'terser5.6.1_7';
 const optimizeCssId = 'autoprefixer10.2.5_postcss8.2.8_7';
 const parse5Version = '6.0.1';
@@ -3913,8 +3925,8 @@ const rollupVersion = '2.42.3';
 const sizzleVersion = '2.42.3';
 const terserVersion = '5.6.1';
 const typescriptVersion = '4.3.5';
-const vermoji = '🐌';
-const version$3 = '2.11.0';
+const vermoji = '⛸';
+const version$3 = '2.12.0';
 const versions = {
   stencil: version$3,
   parse5: parse5Version,
@@ -14434,7 +14446,7 @@ class MockCSSStyleDeclaration {
         const splt = rule.split(':');
         if (splt.length > 1) {
           const prop = splt[0].trim();
-          const value = splt[1].trim();
+          const value = splt.slice(1).join(':').trim();
           if (prop !== '' && value !== '') {
             this._styles.set(jsCaseToCssCase(prop), value);
           }
@@ -15397,6 +15409,9 @@ class MockNode {
     return null;
   }
   contains(otherNode) {
+    if (otherNode === this) {
+      return true;
+    }
     return this.childNodes.includes(otherNode);
   }
   removeChild(childNode) {
@@ -41844,7 +41859,8 @@ const depth = token => {
 /**
  * Quickly scans a glob pattern and returns an object with a handful of
  * useful properties, like `isGlob`, `path` (the leading non-glob, if it exists),
- * `glob` (the actual pattern), and `negated` (true if the path starts with `!`).
+ * `glob` (the actual pattern), `negated` (true if the path starts with `!` but not
+ * with `!(`) and `negatedExtglob` (true if the path starts with `!(`).
  *
  * ```js
  * const pm = require('picomatch');
@@ -41878,6 +41894,7 @@ const scan = (input, options) => {
   let braceEscaped = false;
   let backslashes = false;
   let negated = false;
+  let negatedExtglob = false;
   let finished = false;
   let braces = 0;
   let prev;
@@ -41989,6 +42006,9 @@ const scan = (input, options) => {
     isGlob = token.isGlob = true;
     isExtglob = token.isExtglob = true;
     finished = true;
+    if (code === CHAR_EXCLAMATION_MARK && index === start) {
+      negatedExtglob = true;
+    }
 
     if (scanToEnd === true) {
       while (eos() !== true && (code = advance())) {
@@ -42043,13 +42063,15 @@ const scan = (input, options) => {
       isBracket = token.isBracket = true;
       isGlob = token.isGlob = true;
       finished = true;
-
-      if (scanToEnd === true) {
-      continue;
-      }
       break;
     }
     }
+
+    if (scanToEnd === true) {
+    continue;
+    }
+
+    break;
   }
 
   if (opts.nonegate !== true && code === CHAR_EXCLAMATION_MARK && index === start) {
@@ -42140,7 +42162,8 @@ const scan = (input, options) => {
   isGlob,
   isExtglob,
   isGlobstar,
-  negated
+  negated,
+  negatedExtglob
   };
 
   if (opts.tokens === true) {
@@ -42283,7 +42306,7 @@ const parse$1 = (input, options) => {
   START_ANCHOR
   } = PLATFORM_CHARS;
 
-  const globstar = (opts) => {
+  const globstar = opts => {
   return `(${capture}(?:(?!${START_ANCHOR}${opts.dot ? DOTS_SLASH : DOT_LITERAL}).)*?)`;
   };
 
@@ -42333,12 +42356,13 @@ const parse$1 = (input, options) => {
 
   const eos = () => state.index === len - 1;
   const peek = state.peek = (n = 1) => input[state.index + n];
-  const advance = state.advance = () => input[++state.index];
+  const advance = state.advance = () => input[++state.index] || '';
   const remaining = () => input.slice(state.index + 1);
   const consume = (value = '', num = 0) => {
   state.consumed += value;
   state.index += num;
   };
+
   const append = token => {
   state.output += token.output != null ? token.output : token.value;
   consume(token.value);
@@ -42394,7 +42418,7 @@ const parse$1 = (input, options) => {
     }
   }
 
-  if (extglobs.length && tok.type !== 'paren' && !EXTGLOB_CHARS[tok.value]) {
+  if (extglobs.length && tok.type !== 'paren') {
     extglobs[extglobs.length - 1].inner += tok.value;
   }
 
@@ -42426,6 +42450,7 @@ const parse$1 = (input, options) => {
 
   const extglobClose = token => {
   let output = token.close + (opts.capture ? ')' : '');
+  let rest;
 
   if (token.type === 'negate') {
     let extglobStar = star;
@@ -42438,7 +42463,11 @@ const parse$1 = (input, options) => {
     output = token.close = `)$))${extglobStar}`;
     }
 
-    if (token.prev.type === 'bos' && eos()) {
+    if (token.inner.includes('*') && (rest = remaining()) && /^\.[^\\/.]+$/.test(rest)) {
+    output = token.close = `)${rest})${extglobStar})`;
+    }
+
+    if (token.prev.type === 'bos') {
     state.negatedExtglob = true;
     }
   }
@@ -42547,9 +42576,9 @@ const parse$1 = (input, options) => {
     }
 
     if (opts.unescape === true) {
-    value = advance() || '';
+    value = advance();
     } else {
-    value += advance() || '';
+    value += advance();
     }
 
     if (state.brackets === 0) {
@@ -43213,7 +43242,7 @@ parse$1.fastpaths = (input, options) => {
   star = `(${star})`;
   }
 
-  const globstar = (opts) => {
+  const globstar = opts => {
   if (opts.noglobstar === true) return star;
   return `(${capture}(?:(?!${START_ANCHOR}${opts.dot ? DOTS_SLASH : DOT_LITERAL}).)*?)`;
   };
@@ -43494,68 +43523,71 @@ picomatch$1.parse = (pattern, options) => {
 picomatch$1.scan = (input, options) => scan_1(input, options);
 
 /**
- * Create a regular expression from a parsed glob pattern.
+ * Compile a regular expression from the `state` object returned by the
+ * [parse()](#parse) method.
  *
- * ```js
- * const picomatch = require('picomatch');
- * const state = picomatch.parse('*.js');
- * // picomatch.compileRe(state[, options]);
- *
- * console.log(picomatch.compileRe(state));
- * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
- * ```
- * @param {String} `state` The object returned from the `.parse` method.
+ * @param {Object} `state`
  * @param {Object} `options`
- * @return {RegExp} Returns a regex created from the given pattern.
+ * @param {Boolean} `returnOutput` Intended for implementors, this argument allows you to return the raw output from the parser.
+ * @param {Boolean} `returnState` Adds the state to a `state` property on the returned regex. Useful for implementors and debugging.
+ * @return {RegExp}
  * @api public
  */
 
-picomatch$1.compileRe = (parsed, options, returnOutput = false, returnState = false) => {
+picomatch$1.compileRe = (state, options, returnOutput = false, returnState = false) => {
   if (returnOutput === true) {
-  return parsed.output;
+  return state.output;
   }
 
   const opts = options || {};
   const prepend = opts.contains ? '' : '^';
   const append = opts.contains ? '' : '$';
 
-  let source = `${prepend}(?:${parsed.output})${append}`;
-  if (parsed && parsed.negated === true) {
+  let source = `${prepend}(?:${state.output})${append}`;
+  if (state && state.negated === true) {
   source = `^(?!${source}).*$`;
   }
 
   const regex = picomatch$1.toRegex(source, options);
   if (returnState === true) {
-  regex.state = parsed;
+  regex.state = state;
   }
 
   return regex;
 };
 
-picomatch$1.makeRe = (input, options, returnOutput = false, returnState = false) => {
+/**
+ * Create a regular expression from a parsed glob pattern.
+ *
+ * ```js
+ * const picomatch = require('picomatch');
+ * const state = picomatch.parse('*.js');
+ * // picomatch.compileRe(state[, options]);
+ *
+ * console.log(picomatch.compileRe(state));
+ * //=> /^(?:(?!\.)(?=.)[^/]*?\.js)$/
+ * ```
+ * @param {String} `state` The object returned from the `.parse` method.
+ * @param {Object} `options`
+ * @param {Boolean} `returnOutput` Implementors may use this argument to return the compiled output, instead of a regular expression. This is not exposed on the options to prevent end-users from mutating the result.
+ * @param {Boolean} `returnState` Implementors may use this argument to return the state from the parsed glob with the returned regular expression.
+ * @return {RegExp} Returns a regex created from the given pattern.
+ * @api public
+ */
+
+picomatch$1.makeRe = (input, options = {}, returnOutput = false, returnState = false) => {
   if (!input || typeof input !== 'string') {
   throw new TypeError('Expected a non-empty string');
   }
 
-  const opts = options || {};
   let parsed = { negated: false, fastpaths: true };
-  let prefix = '';
-  let output;
-
-  if (input.startsWith('./')) {
-  input = input.slice(2);
-  prefix = parsed.prefix = './';
-  }
 
-  if (opts.fastpaths !== false && (input[0] === '.' || input[0] === '*')) {
-  output = parse_1.fastpaths(input, options);
+  if (options.fastpaths !== false && (input[0] === '.' || input[0] === '*')) {
+  parsed.output = parse_1.fastpaths(input, options);
   }
 
-  if (output === undefined) {
+  if (!parsed.output) {
   parsed = parse_1(input, options);
-  parsed.prefix = prefix + (parsed.prefix || '');
-  } else {
-  parsed.output = output;
   }
 
   return picomatch$1.compileRe(parsed, options, returnOutput, returnState);
@@ -63542,7 +63574,7 @@ const getComponentPathContent = (componentGraph, outputTarget) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.11.0",
+		version: "2.12.0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -64493,6 +64525,11 @@ const validateOutputTargets = (config, diagnostics) => {
       const err = buildError(diagnostics);
       err.messageText = `Invalid outputTarget type "${outputTarget.type}". Valid outputTarget types include: ${VALID_TYPES.map((t) => `"${t}"`).join(', ')}`;
     }
+    else if (outputTarget.type === DIST_CUSTOM_ELEMENTS_BUNDLE) {
+      // TODO(STENCIL-260): Remove this check when the 'dist-custom-elements-bundle' is removed
+      const warning = buildWarn(diagnostics);
+      warning.messageText = `dist-custom-elements-bundle is deprecated and will be removed in a future major version release. Use "dist-custom-elements" instead. If "dist-custom-elements" does not meet your needs, please add a comment to https://github.com/ionic-team/stencil/issues/3136.`;
+    }
   });
   config.outputTargets = [
     ...validateCollection(config, userOutputs),
@@ -65520,10 +65557,9 @@ const transpileCode = (config, transpileOpts, transformOpts, results) => {
         mapObject.file = transpileOpts.file;
         mapObject.sources = [transpileOpts.file];
         delete mapObject.sourceRoot;
-        const mapBase64 = Buffer.from(JSON.stringify(mapObject), 'utf8').toString('base64');
-        const sourceMapInlined = `data:application/json;charset=utf-8;base64,` + mapBase64;
         const sourceMapComment = results.code.lastIndexOf('//#');
-        results.code = results.code.slice(0, sourceMapComment) + getSourceMappingUrlLinker(sourceMapInlined);
+        results.code =
+          results.code.slice(0, sourceMapComment) + getInlineSourceMappingUrlLinker(JSON.stringify(mapObject));
       }
       catch (e) {
         console.error(e);