@stencil/cli 5.0.0-alpha.1 → 5.0.0-next.0

package/bin/stencil.mjs

@@ -1,14 +1,10 @@
 #!/usr/bin/env node
 
-// Set NODE_ENV to production by default (matches legacy webpack bundling behavior)
-// This suppresses development-only warnings from dependencies like PostCSS
-process.env.NODE_ENV ??= 'production';
-
-import { run } from '@stencil/cli';
-import { createNodeLogger, createNodeSys } from '@stencil/core/sys/node';
+import { run } from '@stencil/cli'
+import { createNodeLogger, createNodeSys } from '@stencil/core/sys/node'
 
 run({
   args: process.argv.slice(2),
   logger: createNodeLogger(),
   sys: createNodeSys(),
-});
+})

package/dist/index.d.mts

@@ -1,12 +1,6 @@
-import * as _$_stencil_core_compiler0 from "@stencil/core/compiler";
+import * as _stencil_core_compiler0 from "@stencil/core/compiler";
 import { LogLevel } from "@stencil/core/compiler";
 
-//#region src/types.d.ts
-/**
- * Supported CLI task commands
- */
-type TaskCommand = 'build' | 'docs' | 'generate' | 'g' | 'help' | 'info' | 'prerender' | 'serve' | 'telemetry' | 'test' | 'version';
-//#endregion
 //#region src/config-flags.d.ts
 /**
  * All the Boolean options supported by the Stencil CLI
@@ -123,7 +117,7 @@ declare const createConfigFlags: (init?: Partial<ConfigFlags>) => ConfigFlags;
 declare const parseFlags: (args: string[]) => ConfigFlags;
 //#endregion
 //#region src/load-compiler.d.ts
-type CoreCompiler = typeof _$_stencil_core_compiler0;
+type CoreCompiler = typeof _stencil_core_compiler0;
 //#endregion
 //#region src/run.d.ts
 /**
@@ -136,7 +130,7 @@ type CoreCompiler = typeof _$_stencil_core_compiler0;
  * @param init initial CLI options
  * @returns an empty promise
  */
-declare const run: (init: _$_stencil_core_compiler0.CliInitOptions) => Promise<any>;
+declare const run: (init: _stencil_core_compiler0.CliInitOptions) => Promise<void>;
 /**
  * Run a specified task
  *
@@ -148,6 +142,9 @@ declare const run: (init: _$_stencil_core_compiler0.CliInitOptions) => Promise<a
  * @public
  * @returns a void promise
  */
-declare const runTask: (coreCompiler: CoreCompiler, config: _$_stencil_core_compiler0.Config, task: TaskCommand, sys: _$_stencil_core_compiler0.CompilerSystem, flags?: ConfigFlags) => Promise<void>;
+declare const runTask: (coreCompiler: CoreCompiler, config: _stencil_core_compiler0.Config, task: TaskCommand, sys: _stencil_core_compiler0.CompilerSystem, flags?: ConfigFlags) => Promise<void>;
+//#endregion
+//#region src/index.d.ts
+type TaskCommand = 'build' | 'docs' | 'generate' | 'g' | 'help' | 'info' | 'prerender' | 'serve' | 'telemetry' | 'test' | 'version';
 //#endregion
-export { BOOLEAN_CLI_FLAGS, type ConfigFlags, type TaskCommand, createConfigFlags, parseFlags, run, runTask };
+export { BOOLEAN_CLI_FLAGS, type ConfigFlags, TaskCommand, createConfigFlags, parseFlags, run, runTask };

package/dist/index.mjs

@@ -1,7 +1,8 @@
-import { LOG_LEVELS } from "@stencil/core/compiler";
 import { buildError, catchError, hasError, isFunction, isOutputTargetDocs, isOutputTargetHydrate, isOutputTargetWww, isString, normalizePath, readOnlyArrayHasStringMember, result, shouldIgnoreError, toCamelCase, validateComponentTag } from "@stencil/core/compiler/utils";
+import { LOG_LEVELS } from "@stencil/core/compiler";
 import { join, parse, relative } from "path";
 import { start } from "@stencil/dev-server";
+
 //#region src/config-flags.ts
 /**
 * All the Boolean options supported by the Stencil CLI
@@ -206,6 +207,7 @@ const createConfigFlags = (init = {}) => {
 		...init
 	};
 };
+
 //#endregion
 //#region src/parse-flags.ts
 /**
@@ -415,7 +417,7 @@ const setCLIArg = (flags, rawArg, normalizedArg, value) => {
 * be parsed as a string literal, rather than using `Number` to convert it
 * to a number.
 */
-const CLI_ARG_STRING_REGEX = /[^\d.Ee+-]+/g;
+const CLI_ARG_STRING_REGEX = /[^\d\.Ee\+\-]+/g;
 const Empty = Symbol("Empty");
 /**
 * A little helper which tries to parse a CLI value (as opposed to a flag) off
@@ -532,6 +534,7 @@ const desugarAlias = (maybeAlias) => {
 * @returns an equivalent full command (like `"--config"`)
 */
 const desugarRawAlias = (rawAlias) => "--" + desugarAlias(normalizeFlagName(rawAlias));
+
 //#endregion
 //#region src/find-config.ts
 /**
@@ -573,11 +576,52 @@ const findConfig = async (opts) => {
 	}
 	return result.ok(results);
 };
+
+//#endregion
+//#region src/merge-flags.ts
+/**
+* Merge CLI flags into a Stencil configuration object.
+*
+* This function applies command-line flags to the config, with CLI flags
+* taking precedence over config file values. This is the canonical place
+* where flag values are translated into config properties.?
+*
+* @param config The config object (from stencil.config.ts or empty)
+* @param flags The parsed CLI flags
+* @returns The config with flags merged in
+*/
+const mergeFlags = (config, flags) => {
+	const merged = { ...config };
+	if (flags.prod === true) merged.devMode = false;
+	else if (flags.dev === true) merged.devMode = true;
+	if (flags.debug === true || flags.verbose === true) merged.logLevel = "debug";
+	else if (flags.logLevel) merged.logLevel = flags.logLevel;
+	if (typeof flags.watch === "boolean") merged.watch = flags.watch;
+	if (typeof flags.docs === "boolean") merged.buildDocs = flags.docs;
+	if (typeof flags.esm === "boolean") merged.buildDist = flags.esm;
+	if (typeof flags.profile === "boolean") merged.profile = flags.profile;
+	if (typeof flags.log === "boolean") merged.writeLog = flags.log;
+	if (typeof flags.cache === "boolean") merged.enableCache = flags.cache;
+	if (typeof flags.ci === "boolean") merged.ci = flags.ci;
+	if (typeof flags.ssr === "boolean") merged.ssr = flags.ssr;
+	if (typeof flags.prerender === "boolean") merged.prerender = flags.prerender;
+	if (typeof flags.docsJson === "string") merged.docsJsonPath = flags.docsJson;
+	if (flags.stats) merged.statsJsonPath = flags.stats;
+	if (typeof flags.serviceWorker === "boolean") merged.generateServiceWorker = flags.serviceWorker;
+	if (typeof flags.e2e === "boolean") merged.e2eTests = flags.e2e;
+	if (typeof flags.maxWorkers === "number") merged.maxConcurrentWorkers = flags.maxWorkers;
+	if (typeof flags.address === "string") merged.devServerAddress = flags.address;
+	if (typeof flags.port === "number") merged.devServerPort = flags.port;
+	if (typeof flags.open === "boolean") merged.devServerOpen = flags.open;
+	return merged;
+};
+
 //#endregion
 //#region src/load-compiler.ts
 const loadCoreCompiler = async (sys) => {
 	return await sys.dynamicImport(sys.getCompilerExecutingPath());
 };
+
 //#endregion
 //#region src/logs.ts
 /**
@@ -661,44 +705,7 @@ const startupCompilerLog = (coreCompiler, config) => {
 		if (!config.enableCache) logger.warn(`Disabling cache during development will slow down incremental builds.`);
 	}
 };
-//#endregion
-//#region src/merge-flags.ts
-/**
-* Merge CLI flags into a Stencil configuration object.
-*
-* This function applies command-line flags to the config, with CLI flags
-* taking precedence over config file values. This is the canonical place
-* where flag values are translated into config properties.?
-*
-* @param config The config object (from stencil.config.ts or empty)
-* @param flags The parsed CLI flags
-* @returns The config with flags merged in
-*/
-const mergeFlags = (config, flags) => {
-	const merged = { ...config };
-	if (flags.prod === true) merged.devMode = false;
-	else if (flags.dev === true) merged.devMode = true;
-	if (flags.debug === true || flags.verbose === true) merged.logLevel = "debug";
-	else if (flags.logLevel) merged.logLevel = flags.logLevel;
-	if (typeof flags.watch === "boolean") merged.watch = flags.watch;
-	if (typeof flags.docs === "boolean") merged.buildDocs = flags.docs;
-	if (typeof flags.esm === "boolean") merged.buildDist = flags.esm;
-	if (typeof flags.profile === "boolean") merged.profile = flags.profile;
-	if (typeof flags.log === "boolean") merged.writeLog = flags.log;
-	if (typeof flags.cache === "boolean") merged.enableCache = flags.cache;
-	if (typeof flags.ci === "boolean") merged.ci = flags.ci;
-	if (typeof flags.ssr === "boolean") merged.ssr = flags.ssr;
-	if (typeof flags.prerender === "boolean") merged.prerender = flags.prerender;
-	if (typeof flags.docsJson === "string") merged.docsJsonPath = flags.docsJson;
-	if (flags.stats) merged.statsJsonPath = flags.stats;
-	if (typeof flags.serviceWorker === "boolean") merged.generateServiceWorker = flags.serviceWorker;
-	if (typeof flags.e2e === "boolean") merged.e2eTests = flags.e2e;
-	if (typeof flags.maxWorkers === "number") merged.maxConcurrentWorkers = flags.maxWorkers;
-	if (typeof flags.address === "string") merged.devServerAddress = flags.address;
-	if (typeof flags.port === "number") merged.devServerPort = flags.port;
-	if (typeof flags.open === "boolean") merged.devServerOpen = flags.open;
-	return merged;
-};
+
 //#endregion
 //#region src/check-version.ts
 /**
@@ -725,6 +732,7 @@ const printCheckVersionResults = async (versionChecker) => {
 		if (isFunction(checkVersionResults)) checkVersionResults();
 	}
 };
+
 //#endregion
 //#region src/task-prerender.ts
 const taskPrerender = async (coreCompiler, config, flags) => {
@@ -753,6 +761,7 @@ const runPrerenderTask = async (coreCompiler, config, hydrateAppFilePath, compon
 	}
 	return diagnostics;
 };
+
 //#endregion
 //#region src/task-watch.ts
 const taskWatch = async (coreCompiler, config, flags) => {
@@ -770,7 +779,7 @@ const taskWatch = async (coreCompiler, config, flags) => {
 		}
 		config.sys.onProcessInterrupt(() => {
 			config.logger.debug(`close watch`);
-			if (compiler) compiler.destroy();
+			compiler && compiler.destroy();
 		});
 		const rmVersionCheckerLog = watcher.on("buildFinish", async () => {
 			rmVersionCheckerLog();
@@ -792,6 +801,7 @@ const taskWatch = async (coreCompiler, config, flags) => {
 	if (devServer) await devServer.close();
 	if (exitCode > 0) return config.sys.exit(exitCode);
 };
+
 //#endregion
 //#region src/telemetry/helpers.ts
 const tryFn = async (fn, ...args) => {
@@ -802,7 +812,7 @@ const tryFn = async (fn, ...args) => {
 };
 const isInteractive = (sys, flags, object) => {
 	const terminalInfo = object || Object.freeze({
-		tty: sys.isTTY(),
+		tty: sys.isTTY() ? true : false,
 		ci: [
 			"CI",
 			"BUILD_ID",
@@ -828,7 +838,7 @@ function uuidv4() {
 */
 async function readJson(sys, path) {
 	const file = await sys.readFile(path);
-	return file ? JSON.parse(file) : null;
+	return !!file && JSON.parse(file);
 }
 /**
 * Does the command have the debug flag?
@@ -846,6 +856,7 @@ function hasDebug(flags) {
 function hasVerbose(flags) {
 	return !!flags.verbose && hasDebug(flags);
 }
+
 //#endregion
 //#region src/ionic-config.ts
 const isTest$1 = () => process.env.JEST_WORKER_ID !== void 0;
@@ -902,6 +913,7 @@ async function updateConfig(sys, newOptions) {
 	const config = await readConfig(sys);
 	return await writeConfig(sys, Object.assign(config, newOptions));
 }
+
 //#endregion
 //#region src/telemetry/shouldTrack.ts
 /**
@@ -914,6 +926,7 @@ async function updateConfig(sys, newOptions) {
 async function shouldTrack(sys, flags, ci) {
 	return !ci && isInteractive(sys, flags) && await checkTelemetry(sys);
 }
+
 //#endregion
 //#region src/telemetry/telemetry.ts
 /**
@@ -1109,7 +1122,7 @@ async function getInstalledPackages(sys, flags) {
 		}).filter(([k]) => k.startsWith("@stencil/") || k.startsWith("@ionic/") || k.startsWith("@capacitor/"));
 		try {
 			packages = yarn ? await yarnPackages(sys, ionicPackages) : await npmPackages(sys, ionicPackages);
-		} catch {
+		} catch (e) {
 			packages = ionicPackages.map(([k, v]) => `${k}@${v.replace("^", "")}`);
 		}
 		packagesNoVersions = ionicPackages.map(([k]) => `${k}`);
@@ -1118,7 +1131,7 @@ async function getInstalledPackages(sys, flags) {
 			packagesNoVersions
 		};
 	} catch (err) {
-		if (hasDebug(flags)) console.error(err);
+		hasDebug(flags) && console.error(err);
 		return {
 			packages,
 			packagesNoVersions
@@ -1218,10 +1231,10 @@ async function sendTelemetry(sys, flags, data) {
 			headers: { "Content-Type": "application/json" },
 			body: JSON.stringify(body)
 		});
-		if (hasVerbose(flags)) console.debug("\nSent %O metric to events service (status: %O)", data.name, response.status, "\n");
-		if (response.status !== 204 && hasVerbose(flags)) console.debug("\nBad response from events service. Request body: %O", response.body.toString(), "\n");
+		hasVerbose(flags) && console.debug("\nSent %O metric to events service (status: %O)", data.name, response.status, "\n");
+		if (response.status !== 204) hasVerbose(flags) && console.debug("\nBad response from events service. Request body: %O", response.body.toString(), "\n");
 	} catch (e) {
-		if (hasVerbose(flags)) console.debug("Telemetry request failed:", e);
+		hasVerbose(flags) && console.debug("Telemetry request failed:", e);
 	}
 }
 /**
@@ -1261,6 +1274,7 @@ async function disableTelemetry(sys) {
 function getMajorVersion(version) {
 	return version.split(".")[0];
 }
+
 //#endregion
 //#region src/task-build.ts
 const taskBuild = async (coreCompiler, config, flags) => {
@@ -1289,6 +1303,7 @@ const taskBuild = async (coreCompiler, config, flags) => {
 	}
 	if (exitCode > 0) return config.sys.exit(exitCode);
 };
+
 //#endregion
 //#region src/task-docs.ts
 const taskDocs = async (coreCompiler, config) => {
@@ -1300,6 +1315,7 @@ const taskDocs = async (coreCompiler, config) => {
 	await compiler.build();
 	await compiler.destroy();
 };
+
 //#endregion
 //#region src/task-generate.ts
 /**
@@ -1336,8 +1352,8 @@ const taskGenerate = async (config, flags) => {
 		return config.sys.exit(1);
 	}
 	let cssExtension = "css";
-	if (config.plugins?.find((plugin) => plugin.name === "sass")) cssExtension = await chooseSassExtension();
-	else if (config.plugins?.find((plugin) => plugin.name === "less")) cssExtension = "less";
+	if (!!config.plugins.find((plugin) => plugin.name === "sass")) cssExtension = await chooseSassExtension();
+	else if (!!config.plugins.find((plugin) => plugin.name === "less")) cssExtension = "less";
 	const filesToGenerateExt = await chooseFilesToGenerate(cssExtension);
 	if (!filesToGenerateExt) return;
 	const extensionsToGenerate = ["tsx", ...filesToGenerateExt];
@@ -1572,6 +1588,7 @@ describe('${tagName}', () => {
 * @returns the converted input as pascal case
 */
 const toPascalCase = (str) => str.split("-").reduce((res, part) => res + part[0].toUpperCase() + part.slice(1), "");
+
 //#endregion
 //#region src/task-telemetry.ts
 /**
@@ -1590,13 +1607,11 @@ const taskTelemetry = async (flags, sys, logger) => {
 	const DISABLED_MESSAGE = `${logger.red("Disabled")}\n\n`;
 	const hasTelemetry = await checkTelemetry(sys);
 	if (isEnabling) {
-		if (await enableTelemetry(sys)) console.log(`\n  ${logger.bold("Telemetry is now ") + ENABLED_MESSAGE}`);
-		else console.log(`Something went wrong when enabling Telemetry.`);
+		await enableTelemetry(sys) ? console.log(`\n  ${logger.bold("Telemetry is now ") + ENABLED_MESSAGE}`) : console.log(`Something went wrong when enabling Telemetry.`);
 		return;
 	}
 	if (isDisabling) {
-		if (await disableTelemetry(sys)) console.log(`\n  ${logger.bold("Telemetry is now ") + DISABLED_MESSAGE}`);
-		else console.log(`Something went wrong when disabling Telemetry.`);
+		await disableTelemetry(sys) ? console.log(`\n  ${logger.bold("Telemetry is now ") + DISABLED_MESSAGE}`) : console.log(`Something went wrong when disabling Telemetry.`);
 		return;
 	}
 	console.log(`  ${logger.bold("Telemetry:")} ${logger.dim(INFORMATION)}`);
@@ -1607,6 +1622,7 @@ const taskTelemetry = async (flags, sys, logger) => {
         ${logger.cyan("on")} ${logger.dim("..............")} Enable sharing anonymous usage data
   `);
 };
+
 //#endregion
 //#region src/task-help.ts
 /**
@@ -1659,6 +1675,7 @@ const taskHelp = async (flags, logger, sys) => {
   ${prompt} ${logger.green("stencil g my-component")}
 `);
 };
+
 //#endregion
 //#region src/task-info.ts
 /**
@@ -1684,6 +1701,7 @@ const taskInfo = (coreCompiler, sys, logger) => {
 	console.log(`${logger.cyan("      Terser:")} ${versions.terser}`);
 	console.log(``);
 };
+
 //#endregion
 //#region src/task-serve.ts
 const taskServe = async (config, flags) => {
@@ -1708,6 +1726,7 @@ const taskServe = async (config, flags) => {
 		}
 	});
 };
+
 //#endregion
 //#region src/run.ts
 /**
@@ -1828,5 +1847,6 @@ const runTask = async (coreCompiler, config, task, sys, flags) => {
 			return configWithFlags.sys.exit(1);
 	}
 };
+
 //#endregion
-export { BOOLEAN_CLI_FLAGS, createConfigFlags, parseFlags, run, runTask };
+export { BOOLEAN_CLI_FLAGS, createConfigFlags, parseFlags, run, runTask };

package/package.json

@@ -1,32 +1,25 @@
 {
   "name": "@stencil/cli",
-  "version": "5.0.0-alpha.1",
   "description": "CLI for Stencil - Web component compiler",
+  "author": "StencilJs Contributors",
+  "homepage": "https://stenciljs.com/",
   "keywords": [
+    "web components",
     "components",
-    "custom elements",
+    "stencil",
     "ionic",
-    "progressive web app",
+    "webapp",
+    "custom elements",
     "pwa",
-    "stencil",
-    "web components",
-    "webapp"
+    "progressive web app"
   ],
-  "homepage": "https://stenciljs.com/",
-  "license": "MIT",
-  "author": "StencilJs Contributors",
+  "version": "5.0.0-next.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stenciljs/core.git"
   },
-  "bin": {
-    "stencil": "./bin/stencil.mjs"
-  },
-  "files": [
-    "bin/",
-    "dist/"
-  ],
   "type": "module",
+  "license": "MIT",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "exports": {
@@ -36,22 +29,26 @@
     },
     "./cli": "./bin/stencil.mjs"
   },
-  "dependencies": {
-    "prompts": "^2.4.2",
-    "@stencil/dev-server": "5.0.0-alpha.1"
-  },
-  "devDependencies": {
-    "tsdown": "^0.21.6",
-    "typescript": "~6.0.2",
-    "vitest": "^4.1.1",
-    "@stencil/core": "5.0.0-alpha.1"
+  "bin": {
+    "stencil": "./bin/stencil.mjs"
   },
+  "files": [
+    "bin/",
+    "dist/"
+  ],
   "peerDependencies": {
-    "@stencil/core": "^5.0.0-0"
+    "@stencil/core": "^5.0.0"
+  },
+  "devDependencies": {
+    "@stencil/core": "5.0.0-next.0"
   },
   "volta": {
     "extends": "../../package.json"
   },
+  "dependencies": {
+    "prompts": "^2.4.2",
+    "@stencil/dev-server": "5.0.0-next.0"
+  },
   "scripts": {
     "build": "tsdown",
     "test": "vitest run",