@stencil/core 2.17.1 → 2.17.2-0

package/cli/config-flags.d.ts

@@ -94,9 +94,17 @@ declare type LogLevelFlags = ObjectFromKeys<typeof LOG_LEVEL_CLI_ARGS, LogLevel>
  * on actual flags passed by the user.
  */
 export interface ConfigFlags extends BooleanConfigFlags, StringConfigFlags, NumberConfigFlags, StringNumberConfigFlags, LogLevelFlags {
-    task?: TaskCommand | null;
-    args?: string[];
-    knownArgs?: string[];
-    unknownArgs?: string[];
+    task: TaskCommand | null;
+    args: string[];
+    knownArgs: string[];
+    unknownArgs: string[];
 }
+/**
+ * Helper function for initializing a `ConfigFlags` object. Provide any overrides
+ * for default values and off you go!
+ *
+ * @param init an object with any overrides for default values
+ * @returns a complete CLI flag object
+ */
+export declare const createConfigFlags: (init?: Partial<ConfigFlags>) => ConfigFlags;
 export {};

package/cli/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI (CommonJS) v2.17.1 | MIT Licensed | https://stenciljs.com
+ Stencil CLI (CommonJS) v2.17.2-0 | MIT Licensed | https://stenciljs.com
  */
 'use strict';
 
@@ -522,21 +522,33 @@ const CLI_ARG_ALIASES = {
     port: 'p',
     version: 'v',
 };
-
 /**
- * Parse command line arguments into a structured `ConfigFlags` object
+ * Helper function for initializing a `ConfigFlags` object. Provide any overrides
+ * for default values and off you go!
  *
- * @param args an array of config flags
- * @param sys an optional compiler system
- * @returns a structured ConfigFlags object
+ * @param init an object with any overrides for default values
+ * @returns a complete CLI flag object
  */
-const parseFlags = (args, sys) => {
+const createConfigFlags = (init = {}) => {
     const flags = {
         task: null,
         args: [],
         knownArgs: [],
         unknownArgs: [],
+        ...init,
     };
+    return flags;
+};
+
+/**
+ * Parse command line arguments into a structured `ConfigFlags` object
+ *
+ * @param args an array of config flags
+ * @param sys an optional compiler system
+ * @returns a structured ConfigFlags object
+ */
+const parseFlags = (args, sys) => {
+    const flags = createConfigFlags();
     // cmd line has more priority over npm scripts cmd
     flags.args = Array.isArray(args) ? args.slice() : [];
     if (flags.args.length > 0 && flags.args[0] && !flags.args[0].startsWith('-')) {
@@ -808,7 +820,7 @@ const getNpmConfigEnvArgs = (sys) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.17.1",
+		version: "2.17.2-0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -2214,7 +2226,7 @@ const run = async (init) => {
             sys.applyGlobalPatch(sys.getCurrentDirectory());
         }
         if (task === 'help' || flags.help) {
-            await taskHelp({ task: 'help', args }, logger, sys);
+            await taskHelp(createConfigFlags({ task: 'help', args }), logger, sys);
             return;
         }
         startupLog(logger, task);
@@ -2240,7 +2252,7 @@ const run = async (init) => {
         startupLogVersion(logger, task, coreCompiler);
         loadedCompilerLog(sys, logger, flags, coreCompiler);
         if (task === 'info') {
-            await telemetryAction(sys, { flags: { task: 'info' }, logger }, coreCompiler, async () => {
+            await telemetryAction(sys, { flags: createConfigFlags({ task: 'info' }), logger }, coreCompiler, async () => {
                 await taskInfo(coreCompiler, sys, logger);
             });
             return;
@@ -2278,7 +2290,7 @@ const run = async (init) => {
 const runTask = async (coreCompiler, config, task, sys) => {
     var _a, _b;
     const logger = (_a = config.logger) !== null && _a !== void 0 ? _a : createLogger();
-    const strictConfig = { ...config, flags: (_b = { ...config.flags }) !== null && _b !== void 0 ? _b : { task }, logger };
+    const strictConfig = { ...config, flags: createConfigFlags((_b = config.flags) !== null && _b !== void 0 ? _b : { task }), logger };
     strictConfig.outputTargets = strictConfig.outputTargets || [];
     switch (task) {
         case 'build':

package/cli/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil CLI v2.17.1 | MIT Licensed | https://stenciljs.com
+ Stencil CLI v2.17.2-0 | MIT Licensed | https://stenciljs.com
  */
 /**
  * This sets the log level hierarchy for our terminal logger, ranging from
@@ -498,21 +498,33 @@ const CLI_ARG_ALIASES = {
     port: 'p',
     version: 'v',
 };
-
 /**
- * Parse command line arguments into a structured `ConfigFlags` object
+ * Helper function for initializing a `ConfigFlags` object. Provide any overrides
+ * for default values and off you go!
  *
- * @param args an array of config flags
- * @param sys an optional compiler system
- * @returns a structured ConfigFlags object
+ * @param init an object with any overrides for default values
+ * @returns a complete CLI flag object
  */
-const parseFlags = (args, sys) => {
+const createConfigFlags = (init = {}) => {
     const flags = {
         task: null,
         args: [],
         knownArgs: [],
         unknownArgs: [],
+        ...init,
     };
+    return flags;
+};
+
+/**
+ * Parse command line arguments into a structured `ConfigFlags` object
+ *
+ * @param args an array of config flags
+ * @param sys an optional compiler system
+ * @returns a structured ConfigFlags object
+ */
+const parseFlags = (args, sys) => {
+    const flags = createConfigFlags();
     // cmd line has more priority over npm scripts cmd
     flags.args = Array.isArray(args) ? args.slice() : [];
     if (flags.args.length > 0 && flags.args[0] && !flags.args[0].startsWith('-')) {
@@ -784,7 +796,7 @@ const getNpmConfigEnvArgs = (sys) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.17.1",
+		version: "2.17.2-0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",
@@ -2190,7 +2202,7 @@ const run = async (init) => {
             sys.applyGlobalPatch(sys.getCurrentDirectory());
         }
         if (task === 'help' || flags.help) {
-            await taskHelp({ task: 'help', args }, logger, sys);
+            await taskHelp(createConfigFlags({ task: 'help', args }), logger, sys);
             return;
         }
         startupLog(logger, task);
@@ -2216,7 +2228,7 @@ const run = async (init) => {
         startupLogVersion(logger, task, coreCompiler);
         loadedCompilerLog(sys, logger, flags, coreCompiler);
         if (task === 'info') {
-            await telemetryAction(sys, { flags: { task: 'info' }, logger }, coreCompiler, async () => {
+            await telemetryAction(sys, { flags: createConfigFlags({ task: 'info' }), logger }, coreCompiler, async () => {
                 await taskInfo(coreCompiler, sys, logger);
             });
             return;
@@ -2254,7 +2266,7 @@ const run = async (init) => {
 const runTask = async (coreCompiler, config, task, sys) => {
     var _a, _b;
     const logger = (_a = config.logger) !== null && _a !== void 0 ? _a : createLogger();
-    const strictConfig = { ...config, flags: (_b = { ...config.flags }) !== null && _b !== void 0 ? _b : { task }, logger };
+    const strictConfig = { ...config, flags: createConfigFlags((_b = config.flags) !== null && _b !== void 0 ? _b : { task }), logger };
     strictConfig.outputTargets = strictConfig.outputTargets || [];
     switch (task) {
         case 'build':

package/cli/package.json

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

package/compiler/package.json

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

package/compiler/stencil.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Compiler v2.17.1 | MIT Licensed | https://stenciljs.com
+ Stencil Compiler v2.17.2-0 | MIT Licensed | https://stenciljs.com
  */
 (function(exports) {
 'use strict';
@@ -4052,7 +4052,7 @@ const createCustomResolverAsync = (sys, inMemoryFs, exts) => {
   };
 };
 
-const buildId = '20220711170106';
+const buildId = '20220719192625';
 const minfyJsId = 'terser5.6.1_7';
 const optimizeCssId = 'autoprefixer10.2.5_postcss8.2.13_7';
 const parse5Version = '6.0.1';
@@ -4060,8 +4060,8 @@ const rollupVersion = '2.42.3';
 const sizzleVersion = '2.42.3';
 const terserVersion = '5.6.1';
 const typescriptVersion = '4.5.4';
-const vermoji = '😊';
-const version$3 = '2.17.1';
+const vermoji = '🏜';
+const version$3 = '2.17.2-0';
 const versions = {
   stencil: version$3,
   parse5: parse5Version,
@@ -14939,6 +14939,25 @@ class MockMouseEvent extends MockEvent {
     }
   }
 }
+class MockUIEvent extends MockEvent {
+  constructor(type, uiEventInitDic) {
+    super(type);
+    this.detail = null;
+    this.view = null;
+    if (uiEventInitDic != null) {
+      Object.assign(this, uiEventInitDic);
+    }
+  }
+}
+class MockFocusEvent extends MockUIEvent {
+  constructor(type, focusEventInitDic) {
+    super(type);
+    this.relatedTarget = null;
+    if (focusEventInitDic != null) {
+      Object.assign(this, focusEventInitDic);
+    }
+  }
+}
 class MockEventListener {
   constructor(type, handler) {
     this.type = type;
@@ -15852,7 +15871,7 @@ class MockElement extends MockNode {
     return shadowRoot;
   }
   blur() {
-    /**/
+    dispatchEvent(this, new MockFocusEvent('blur', { relatedTarget: null, bubbles: true, cancelable: true, composed: true }));
   }
   get shadowRoot() {
     return this.__shadowRoot || null;
@@ -15922,7 +15941,9 @@ class MockElement extends MockNode {
   get firstElementChild() {
     return this.children[0] || null;
   }
-  focus(_options) { }
+  focus(_options) {
+    dispatchEvent(this, new MockFocusEvent('focus', { relatedTarget: null, bubbles: true, cancelable: true, composed: true }));
+  }
   getAttribute(attrName) {
     if (attrName === 'style') {
       if (this.__style != null && this.__style.length > 0) {
@@ -17572,6 +17593,7 @@ const GLOBAL_CONSTRUCTORS = [
   ['CustomEvent', MockCustomEvent],
   ['Event', MockEvent],
   ['Headers', MockHeaders],
+  ['FocusEvent', MockFocusEvent],
   ['KeyboardEvent', MockKeyboardEvent],
   ['MouseEvent', MockMouseEvent],
   ['Request', MockRequest],
@@ -56135,7 +56157,7 @@ const addCustomElementInputs = (buildCtx, bundleOpts) => {
       exp.push(`import { ${importName} as ${importAs}, defineCustomElement as cmpDefCustomEle } from '${cmp.sourceFilePath}';`);
       exp.push(`export const ${exportName} = ${importAs};`);
       exp.push(`export const defineCustomElement = cmpDefCustomEle;`);
-      // Here we push an export (with a rename for `defineCustomElement` for
+      // Here we push an export (with a rename for `defineCustomElement`) for
       // this component onto our array which references the `coreKey` (prefixed
       // with `\0`). We have to do this so that our import is referencing the
       // correct virtual module, if we instead referenced, for instance,
@@ -60187,7 +60209,7 @@ const generateCustomElementsTypesOutput = async (config, compilerCtx, buildCtx,
   // the path where we're going to write the typedef for the whole dist-custom-elements output
   const customElementsDtsPath = join(outputTarget.dir, 'index.d.ts');
   // the directory where types for the individual components are written
-  const componentsTypeDirectoryPath = relative$1(outputTarget.dir, join(typesDir, 'components'));
+  const componentsTypeDirectoryRelPath = relative$1(outputTarget.dir, typesDir);
   const components = buildCtx.components.filter((m) => !m.isCollectionDependency);
   const code = [
     `/* ${config.namespace} custom elements */`,
@@ -60196,7 +60218,14 @@ const generateCustomElementsTypesOutput = async (config, compilerCtx, buildCtx,
       const importName = component.componentClassName;
       // typedefs for individual components can be found under paths like
       // $TYPES_DIR/components/my-component/my-component.d.ts
-      const componentDTSPath = join(componentsTypeDirectoryPath, component.tagName, component.tagName);
+      //
+      // To construct this path we:
+      //
+      // - get the relative path to the component's source file from the source directory
+      // - join that relative path to the relative path from the `index.d.ts` file to the
+      //   directory where typedefs are saved
+      const componentSourceRelPath = relative$1(config.srcDir, component.sourceFilePath).replace('.tsx', '');
+      const componentDTSPath = join(componentsTypeDirectoryRelPath, componentSourceRelPath);
       return `export { ${importName} as ${exportName} } from '${componentDTSPath}';`;
     }),
     ``,
@@ -64397,11 +64426,31 @@ const updateCompilerCtxCache = (config, compilerCtx, path, kind) => {
   }
 };
 
+/**
+ * All the Boolean options supported by the Stencil CLI
+ */
+/**
+ * Helper function for initializing a `ConfigFlags` object. Provide any overrides
+ * for default values and off you go!
+ *
+ * @param init an object with any overrides for default values
+ * @returns a complete CLI flag object
+ */
+const createConfigFlags = (init = {}) => {
+  const flags = {
+    task: null,
+    args: [],
+    knownArgs: [],
+    unknownArgs: [],
+    ...init,
+  };
+  return flags;
+};
+
 const getConfig = (userConfig) => {
   var _a, _b;
-  const flags = (_a = userConfig.flags) !== null && _a !== void 0 ? _a : {};
-  const logger = (_b = userConfig.logger) !== null && _b !== void 0 ? _b : createLogger();
-  const config = { ...userConfig, flags, logger };
+  const logger = (_a = userConfig.logger) !== null && _a !== void 0 ? _a : createLogger();
+  const config = { ...userConfig, flags: createConfigFlags((_b = userConfig.flags) !== null && _b !== void 0 ? _b : {}), logger };
   if (!config.sys) {
     config.sys = createSystem({ logger: config.logger });
   }
@@ -65110,7 +65159,7 @@ const getComponentPathContent = (componentGraph, outputTarget) => {
 const dependencies = [
 	{
 		name: "@stencil/core",
-		version: "2.17.1",
+		version: "2.17.2-0",
 		main: "compiler/stencil.js",
 		resources: [
 			"package.json",