@stencil/core 5.0.0-beta.6 → 5.0.0-beta.8

package/dist/compiler/browser.js

@@ -1832,7 +1832,7 @@ const validateComponentTag = (tag) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.6";
+const version = "5.0.0-beta.8";
 //#endregion
 //#region src/compiler/events.ts
 const buildEvents = () => {
@@ -3789,10 +3789,11 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
 	const devMode = isBoolean$1(config.devMode) ? config.devMode : false;
 	config._isTesting = !!(process.env.VITEST || process.env.PLAYWRIGHT_TEST || process.env.TEST_WORKER_INDEX || process.env.TEST_PARALLEL_INDEX || false);
 	const sys = config.sys ?? bootstrapConfig.sys ?? createNodeSys({ logger });
+	const hasExplicitGlobalStyleWithInput = (config.outputTargets || []).some((o) => isOutputTargetGlobalStyle(o) && isString$1(o.input));
 	if ((!isString$1(config.globalStyle) || !isString$1(config.globalScript)) && typeof sys.accessSync === "function") {
 		const preRootDir = typeof config.rootDir !== "string" ? "/" : config.rootDir;
 		const srcDir = typeof config.srcDir === "string" ? isAbsolute(config.srcDir) ? config.srcDir : join(preRootDir, config.srcDir) : join(preRootDir, "src");
-		if (!isString$1(config.globalStyle)) for (const ext of STYLE_EXT) {
+		if (!isString$1(config.globalStyle) && !hasExplicitGlobalStyleWithInput) for (const ext of STYLE_EXT) {
 			const candidate = join(srcDir, `global.${ext}`);
 			if (sys.accessSync(candidate)) {
 				config.globalStyle = candidate;

package/dist/compiler/index.mjs

@@ -1,3 +1,3 @@
-import { _ as buildId, a as createPrerenderer, b as versions, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as getScopeId, h as cmpMetaToDocsComponent, i as createSystem, l as createWorkerMessageHandler, m as generateManifest, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as vermoji, x as scopeCss, y as version } from "../compiler-D61AKA0g.mjs";
+import { _ as buildId, a as createPrerenderer, b as versions, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as getScopeId, h as cmpMetaToDocsComponent, i as createSystem, l as createWorkerMessageHandler, m as generateManifest, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as vermoji, x as scopeCss, y as version } from "../compiler-Ut-GiYaa.mjs";
 import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-75gQKkFz.mjs";
 export { CustomElementsExportBehaviorOptions, LOG_LEVELS, buildId, cmpMetaToDocsComponent, createCompiler, createPrerenderer, createSystem, createWorkerContext, createWorkerMessageHandler, generateManifest, getScopeId, loadConfig, nodeRequire, optimizeCss, optimizeJs, scopeCss, transpile, transpileSync, ts, validateConfig, vermoji, version, versions };

package/dist/{compiler-D61AKA0g.mjs → compiler-Ut-GiYaa.mjs}

@@ -461,9 +461,9 @@ const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.6";
-const buildId = "1788947454";
-const vermoji = "🔈";
+const version = "5.0.0-beta.8";
+const buildId = "1788980181";
+const vermoji = "🐧";
 /**
 * Get the installed version of a tool/dependency.
 * Handles packages with exports maps that point to subdirectories.
@@ -7372,7 +7372,13 @@ function createEntryModule(cmps) {
 }
 const getLazyEntry = (isBrowser, assetPath, externalRuntime = false) => {
 	const s = new MagicString(``);
-	s.append(`export { setNonce, setRegistry, setTagTransformer } from '${STENCIL_CORE_ID}';\n`);
+	const platformExports = [
+		"setNonce",
+		"setRegistry",
+		"setTagTransformer"
+	];
+	if (assetPath) platformExports.push("setAssetPath");
+	s.append(`export { ${platformExports.join(", ")} } from '${STENCIL_CORE_ID}';\n`);
 	s.append(`import { bootstrapLazy } from '${STENCIL_CORE_ID}';\n`);
 	if (isBrowser) {
 		if (assetPath) s.append(`import { setAssetPath } from '${STENCIL_CORE_ID}';\n`);
@@ -9387,15 +9393,17 @@ const generateStandaloneTypesOutput = async (config, compilerCtx, buildCtx, type
 	if (outputTarget.autoLoader) {
 		const loaderFileName = typeof outputTarget.autoLoader === "object" ? outputTarget.autoLoader.fileName || "loader" : "loader";
 		const loaderDtsPath = join$2(outputTarget.dir, `${loaderFileName}.d.ts`);
-		const loaderDtsCode = generateLoaderType();
+		const hasAssets = buildCtx.components.some((cmp) => cmp.assetsDirs != null && cmp.assetsDirs.length > 0);
+		const loaderDtsCode = generateLoaderType(hasAssets);
 		await compilerCtx.fs.writeFile(loaderDtsPath, loaderDtsCode, { outputTargetType: outputTarget.type });
 	}
 };
 /**
 * Generate a type declaration file for the auto-loader module
+* @param hasAssets whether any component declares assets, matching whether setAssetPath is actually exported
 * @returns the contents of the type declaration file for the loader
 */
-const generateLoaderType = () => {
+const generateLoaderType = (hasAssets) => {
 	return [
 		`/**`,
 		` * Start the auto-loader, scanning the DOM and watching for changes.`,
@@ -9409,7 +9417,18 @@ const generateLoaderType = () => {
 		` * Stop the auto-loader and disconnect the MutationObserver.`,
 		` */`,
 		`export declare function stop(): void;`,
-		``
+		``,
+		...hasAssets ? [
+			`/**`,
+			` * Used to manually set the base path where component assets can be found. The`,
+			` * default is relative to this module's own location, which may not hold once a`,
+			` * consuming bundler relocates it - call this before start() to override.`,
+			` * @param path the asset path to set`,
+			` * @returns the set path`,
+			` */`,
+			`export declare function setAssetPath(path: string): string;`,
+			``
+		] : []
 	].join("\n");
 };
 /**
@@ -10354,8 +10373,9 @@ const generateTypesOutput = async (config, compilerCtx, buildCtx, outputTarget)
 	await generateAppTypes(config, compilerCtx, buildCtx, distPath);
 	const typesDir = outputTarget.dir;
 	if (distDtsFilePath) await generateStandaloneTypes(config, compilerCtx, buildCtx, typesDir);
-	if (config.outputTargets.some(isOutputTargetLoaderBundle)) await generateLoaderTypes(compilerCtx, typesDir);
-	if (config.outputTargets.some(isOutputTargetStandalone)) await generateStandaloneApiTypes(compilerCtx, typesDir);
+	const hasAssets = buildCtx.components.some((cmp) => cmp.assetsDirs != null && cmp.assetsDirs.length > 0);
+	if (config.outputTargets.some(isOutputTargetLoaderBundle)) await generateLoaderTypes(compilerCtx, typesDir, hasAssets);
+	if (config.outputTargets.some(isOutputTargetStandalone)) await generateStandaloneApiTypes(compilerCtx, typesDir, hasAssets);
 };
 /**
 * Generate loader.d.ts file for the loader entry point.
@@ -10363,8 +10383,9 @@ const generateTypesOutput = async (config, compilerCtx, buildCtx, outputTarget)
 *
 * @param compilerCtx the current compiler context
 * @param typesDir the directory to write the loader.d.ts file to
+* @param hasAssets whether any component declares assets, matching whether setAssetPath is actually exported
 */
-const generateLoaderTypes = async (compilerCtx, typesDir) => {
+const generateLoaderTypes = async (compilerCtx, typesDir, hasAssets) => {
 	const loaderDtsContent = `export * from './components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];
@@ -10400,7 +10421,17 @@ export type TagTransformer = (tag: string) => string;
  * Useful for namespacing (e.g. \`my-button\` → \`acme-button\`) in multi-library pages.
  */
 export declare function setTagTransformer(transformer: TagTransformer): void;
-`;
+${hasAssets ? `
+/**
+ * Used to manually set the base path where component assets can be found. The
+ * default is relative to this module's own location, which may not hold once a
+ * bundler relocates it, or once its CDN URL diverges from the assets' own -
+ * import and call this before the module's default has been used to override it.
+ * @param path the asset path to set
+ * @returns the set path
+ */
+export declare function setAssetPath(path: string): string;
+` : ""}`;
 	const loaderDtsPath = join$2(typesDir, "loader.d.ts");
 	await compilerCtx.fs.writeFile(loaderDtsPath, loaderDtsContent);
 };
@@ -10410,8 +10441,9 @@ export declare function setTagTransformer(transformer: TagTransformer): void;
 *
 * @param compilerCtx the current compiler context
 * @param typesDir the directory to write the standalone.d.ts file to
+* @param hasAssets whether any component declares assets, matching whether setAssetPath is actually exported
 */
-const generateStandaloneApiTypes = async (compilerCtx, typesDir) => {
+const generateStandaloneApiTypes = async (compilerCtx, typesDir, hasAssets) => {
 	const standaloneDtsContent = `/**
  * 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.
@@ -10444,7 +10476,16 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-`;
+${hasAssets ? `
+/**
+ * Used to manually set the base path where component assets can be found. The
+ * default is relative to this module's own location, which may not hold once a
+ * consuming bundler relocates it - call this before any component module is imported to override.
+ * @param path the asset path to set
+ * @returns the set path
+ */
+export declare const setAssetPath: (path: string) => string;
+` : ""}`;
 	const standaloneDtsPath = join$2(typesDir, "standalone.d.ts");
 	await compilerCtx.fs.writeFile(standaloneDtsPath, standaloneDtsContent);
 };
@@ -12405,7 +12446,7 @@ const generateLoaderModule = (components, outputTarget, relativeAssetPath) => {
 	const autoStart = typeof autoLoaderConfig === "object" ? autoLoaderConfig.autoStart !== false : true;
 	const tagsList = components.map((cmp) => `'${cmp.tagName}'`).join(", ");
 	const switchCases = components.map((cmp) => `      case '${cmp.tagName}': module = await import('./${cmp.tagName}.js'); break;`).join("\n");
-	const assetPathImport = relativeAssetPath ? `import { setAssetPath } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';\n` : "";
+	const assetPathImport = relativeAssetPath ? `import { setAssetPath } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';\nexport { setAssetPath };\n` : "";
 	const assetPathInit = relativeAssetPath ? `setAssetPath(new URL('${relativeAssetPath}', String(import.meta.url)).href);\n` : "";
 	return `
 import { transformTag, getRegistry } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';
@@ -12817,6 +12858,7 @@ const generateEntryPoint = (outputTarget, cmpImports = [], cmpExports = [], cmpN
 	exports.push(`export { setNonce, setRegistry, setTagTransformer, setPlatformOptions } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';`, `export * from '${USER_INDEX_ENTRY_ID}';`);
 	if (relativeAssetPath) {
 		imports.push(`import { setAssetPath } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';`);
+		exports.push(`export { setAssetPath };`);
 		body.push(`setAssetPath(new URL('${relativeAssetPath}', import.meta.url).href);`);
 	}
 	if (outputTarget.includeGlobalScripts !== false) {
@@ -18148,6 +18190,31 @@ const getPackageJsonRecommendations = (config, compilerCtx) => {
 	};
 };
 /**
+* Collect the rootDir-relative directories of every configured output target that must
+* ship in the published npm package for consumers (and their tooling) to be able to use
+* it - as opposed to dev-only artifacts like `www`.
+* @param config The validated Stencil configuration
+* @param buildCtx The build context (used to check whether there are actually component
+* assets to copy - the `assets` output target is otherwise a no-op and its directory is
+* never written)
+* @returns a de-duplicated list of rootDir-relative directory paths
+*/
+const getDistributableOutputDirs = (config, buildCtx) => {
+	const loaderBundle = config.outputTargets.find(isOutputTargetLoaderBundle);
+	const standalone = config.outputTargets.find(isOutputTargetStandalone);
+	const types = config.outputTargets.find(isOutputTargetTypes);
+	const collections = config.outputTargets.filter(isOutputTargetCollection);
+	const assets = buildCtx.components.some((cmp) => cmp.assetsDirs != null && cmp.assetsDirs.length > 0) ? config.outputTargets.find(isOutputTargetAssets) : void 0;
+	const dirs = [
+		loaderBundle?.dir,
+		standalone?.dir,
+		types?.dir,
+		assets?.dir,
+		...collections.map((c) => c.dir)
+	].filter((dir) => !!dir).map((dir) => normalizePath(relative$1(config.rootDir, dir)));
+	return Array.from(new Set(dirs));
+};
+/**
 * Validate the package.json file for a project, checking that various fields
 * are set correctly for the currently-configured output targets.
 *
@@ -18161,8 +18228,8 @@ const getPackageJsonRecommendations = (config, compilerCtx) => {
 const validateBuildPackageJson = async (config, compilerCtx, buildCtx) => {
 	if (config.watch || config.devMode || buildCtx.packageJson == null) return;
 	validatePackageJson(config, compilerCtx, buildCtx);
-	const stencilCollectionOutputTargets = config.outputTargets.filter(isOutputTargetCollection);
-	await Promise.all(stencilCollectionOutputTargets.map((stencilCollectionOT) => validateCollectionFields(config, compilerCtx, buildCtx, stencilCollectionOT)));
+	await validateFilesField(config, compilerCtx, buildCtx);
+	config.outputTargets.filter(isOutputTargetCollection).forEach((stencilCollectionOT) => validateCollectionField(config, compilerCtx, buildCtx, stencilCollectionOT));
 };
 /**
 * Validates a project's package.json fields against recommended values
@@ -18280,47 +18347,49 @@ const validateTypeField = (config, compilerCtx, buildCtx, recommendations) => {
 	if (recommendations.moduleOptions.length > 0 && currentType !== "module") packageJsonWarn(config, compilerCtx, buildCtx, `package.json "type" property should be set to "module".`, "\"type\"");
 };
 /**
-* Validate package.json contents specific to the `collection` output target,
-* checking that the `files` array and `collection` field are set correctly.
-* @param config the Stencil configuration associated with the project being compiled
-* @param compilerCtx the current compiler context
-* @param buildCtx the context associated with the current build
-* @param outputTarget the collection output target to validate against
+* Check if a rootDir-relative directory is covered by a package.json `files` array,
+* either directly or via a parent directory entry (e.g. "dist/" covers "dist/types/").
+* @param files the package.json "files" array
+* @param dir the rootDir-relative directory to check for
+* @returns true if `dir` is covered by one of the `files` entries
 */
-const validateCollectionFields = async (config, compilerCtx, buildCtx, outputTarget) => {
-	await Promise.all([validatePackageFiles(config, compilerCtx, buildCtx, outputTarget), validateCollectionField(config, compilerCtx, buildCtx, outputTarget)]);
+const isDirCoveredByFiles = (files, dir) => {
+	const normalizedDir = dir.replace(/\/$/, "").replace(/^\.\//, "");
+	return files.some((userPath) => {
+		const normalizedUserPath = normalizePath(userPath).replace(/\/$/, "").replace(/^\.\//, "");
+		if (normalizedUserPath === normalizedDir) return true;
+		const userPathWithSlash = normalizedUserPath + "/";
+		return normalizedDir.startsWith(userPathWithSlash);
+	});
 };
 /**
-* Validate that the `files` field in `package.json` contains directories and
-* files that are necessary for the `collection` output target.
+* Validate that the `files` field in `package.json` covers every distributable output
+* directory (loader-bundle, standalone, types, collection) - not just one of them -
+* since `npm publish` needs all of them to produce a working package for consumers.
 * @param config the Stencil configuration associated with the project being compiled
 * @param compilerCtx the current compiler context
 * @param buildCtx the context associated with the current build
-* @param outputTarget the collection output target to validate against
 */
-const validatePackageFiles = async (config, compilerCtx, buildCtx, outputTarget) => {
-	const actualDistDir = normalizePath(relative$1(config.rootDir, outputTarget.dir));
+const validateFilesField = async (config, compilerCtx, buildCtx) => {
+	const distDirs = getDistributableOutputDirs(config, buildCtx);
+	if (distDirs.length === 0) return;
+	const formatDirs = (dirs) => dirs.map((dir) => `"${dir}/"`).join(", ");
 	if (!Array.isArray(buildCtx.packageJson.files)) {
 		const npmignorePath = join$2(dirname$1(config.packageJsonFilePath), ".npmignore");
 		if (!await compilerCtx.fs.access(npmignorePath)) {
-			const msg = `package.json is missing a "files" array. Without one, "npm publish" falls back to ".gitignore" to decide what to include, which will likely exclude the distribution directory "${actualDistDir}/". Add "files": ["${actualDistDir}/"] to package.json (or add a ".npmignore").`;
+			const msg = `package.json is missing a "files" array. Without one, "npm publish" falls back to ".gitignore" to decide what to include, which will likely exclude ${distDirs.length > 1 ? "the distribution directories" : "the distribution directory"} ${formatDirs(distDirs)}. Add a "files" array covering ${distDirs.length > 1 ? "them" : "it"} to package.json (or add a ".npmignore").`;
 			packageJsonWarn(config, compilerCtx, buildCtx, msg, `"files"`);
 		}
 		return;
 	}
-	if (!buildCtx.packageJson.files.some((userPath) => {
-		const normalizedUserPath = normalizePath(userPath).replace(/\/$/, "").replace(/^\.\//, "");
-		const normalizedDistDir = actualDistDir.replace(/\/$/, "").replace(/^\.\//, "");
-		if (normalizedUserPath === normalizedDistDir) return true;
-		const userPathWithSlash = normalizedUserPath + "/";
-		if (normalizedDistDir.startsWith(userPathWithSlash)) return true;
-		return false;
-	})) {
-		const msg = `package.json "files" array must contain the distribution directory "${actualDistDir}/" when generating a distribution.`;
+	const files = buildCtx.packageJson.files;
+	const uncoveredDirs = distDirs.filter((dir) => !isDirCoveredByFiles(files, dir));
+	if (uncoveredDirs.length > 0) {
+		const msg = `package.json "files" array must contain the distribution ${uncoveredDirs.length > 1 ? "directories" : "directory"} ${formatDirs(uncoveredDirs)} when generating a distribution.`;
 		packageJsonWarn(config, compilerCtx, buildCtx, msg, `"files"`);
 		return;
 	}
-	await Promise.all(buildCtx.packageJson.files.map(async (pkgFile) => {
+	await Promise.all(files.map(async (pkgFile) => {
 		if (!isGlob(pkgFile)) {
 			const packageJsonDir = dirname$1(config.packageJsonFilePath);
 			const absPath = join$2(packageJsonDir, pkgFile);
@@ -20634,10 +20703,11 @@ const validateConfig = (userConfig = {}, bootstrapConfig) => {
 	const devMode = isBoolean$1(config.devMode) ? config.devMode : false;
 	config._isTesting = !!(process.env.VITEST || process.env.PLAYWRIGHT_TEST || process.env.TEST_WORKER_INDEX || process.env.TEST_PARALLEL_INDEX || process.env.NODE_ENV === "test");
 	const sys = config.sys ?? bootstrapConfig.sys ?? createNodeSys({ logger });
+	const hasExplicitGlobalStyleWithInput = (config.outputTargets || []).some((o) => isOutputTargetGlobalStyle(o) && isString$1(o.input));
 	if ((!isString$1(config.globalStyle) || !isString$1(config.globalScript)) && typeof sys.accessSync === "function") {
 		const preRootDir = typeof config.rootDir !== "string" ? "/" : config.rootDir;
 		const srcDir = typeof config.srcDir === "string" ? isAbsolute$1(config.srcDir) ? config.srcDir : join$1(preRootDir, config.srcDir) : join$1(preRootDir, "src");
-		if (!isString$1(config.globalStyle)) for (const ext of STYLE_EXT) {
+		if (!isString$1(config.globalStyle) && !hasExplicitGlobalStyleWithInput) for (const ext of STYLE_EXT) {
 			const candidate = join$1(srcDir, `global.${ext}`);
 			if (sys.accessSync(candidate)) {
 				config.globalStyle = candidate;

package/dist/sys/node/worker.mjs

@@ -1,4 +1,4 @@
-import { l as createWorkerMessageHandler } from "../../compiler-D61AKA0g.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-Ut-GiYaa.mjs";
 import { t as createNodeSys } from "../../node-75gQKkFz.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**

package/dist/testing/index.mjs

@@ -32,7 +32,7 @@ import "@rollup/pluginutils";
 import { createHash } from "crypto";
 import { afterAll, vi } from "vitest";
 //#region src/version.ts
-const version = "5.0.0-beta.6";
+const version = "5.0.0-beta.8";
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-beta.6",
+  "version": "5.0.0-beta.8",
   "description": "A Compiler for Web Components and Progressive Web Apps",
   "keywords": [
     "components",
@@ -125,9 +125,9 @@
     "terser": "^5.50.0",
     "tinyglobby": "^0.2.17",
     "typescript": ">5.0.0 <7.0.0",
-    "@stencil/cli": "5.0.0-beta.6",
-    "@stencil/mock-doc": "5.0.0-beta.6",
-    "@stencil/dev-server": "5.0.0-beta.6"
+    "@stencil/dev-server": "5.0.0-beta.8",
+    "@stencil/cli": "5.0.0-beta.8",
+    "@stencil/mock-doc": "5.0.0-beta.8"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",