@stencil/core 5.0.0-beta.7 → 5.0.0-beta.9

package/dist/compiler/browser.js

@@ -1832,7 +1832,7 @@ const validateComponentTag = (tag) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.7";
+const version = "5.0.0-beta.9";
 //#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-K2S5pO1u.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-wLrjuSOK.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-K2S5pO1u.mjs → compiler-wLrjuSOK.mjs}

@@ -461,9 +461,9 @@ const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.7";
-const buildId = "1788951557";
-const vermoji = "🐬";
+const version = "5.0.0-beta.9";
+const buildId = "1788990226";
+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}';
@@ -12766,12 +12807,25 @@ const addStandaloneInputs = (config, buildCtx, bundleOpts, outputTarget) => {
 	const indexImports = [];
 	const indexExports = [];
 	const exportNames = [];
+	let relativeAssetPath;
+	if (components.some((cmp) => cmp.assetsDirs != null && cmp.assetsDirs.length > 0)) {
+		const assetsTarget = config.outputTargets.find(isOutputTargetAssets);
+		if (assetsTarget?.dir && outputTarget.dir) {
+			const rel = relative$1(outputTarget.dir, assetsTarget.dir);
+			relativeAssetPath = rel.endsWith("/") ? rel : rel + "/";
+		}
+	}
 	components.forEach((cmp) => {
 		const exp = [];
 		const exportName = dashToPascalCase(cmp.tagName);
 		const importName = cmp.componentClassName;
 		const importAs = `$Cmp${exportName}`;
 		const coreKey = `\0${exportName}`;
+		if (relativeAssetPath) {
+			exp.push(`import { setAssetPath } from '${STENCIL_INTERNAL_STANDALONE_CLIENT_PLATFORM_ID}';`);
+			exp.push(`export { setAssetPath };`);
+			exp.push(`setAssetPath(new URL('${relativeAssetPath}', import.meta.url).href);`);
+		}
 		if (cmp.isPlain) {
 			exp.push(`export { ${importName} as ${exportName} } from '${cmp.sourceFilePath}';`);
 			indexExports.push(`export { ${exportName} } from '${coreKey}';`);
@@ -12786,14 +12840,6 @@ const addStandaloneInputs = (config, buildCtx, bundleOpts, outputTarget) => {
 		bundleOpts.inputs[cmp.tagName] = coreKey;
 		bundleOpts.loader[coreKey] = exp.join("\n");
 	});
-	let relativeAssetPath;
-	if (components.some((cmp) => cmp.assetsDirs != null && cmp.assetsDirs.length > 0)) {
-		const assetsTarget = config.outputTargets.find(isOutputTargetAssets);
-		if (assetsTarget?.dir && outputTarget.dir) {
-			const rel = relative$1(outputTarget.dir, assetsTarget.dir);
-			relativeAssetPath = rel.endsWith("/") ? rel : rel + "/";
-		}
-	}
 	bundleOpts.loader["\0core"] = generateEntryPoint(outputTarget, indexImports, indexExports, exportNames, relativeAssetPath);
 	if (outputTarget.autoLoader) {
 		const loaderFileName = typeof outputTarget.autoLoader === "object" ? outputTarget.autoLoader.fileName || "loader" : "loader";
@@ -12817,6 +12863,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) {
@@ -20661,10 +20708,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-K2S5pO1u.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-wLrjuSOK.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.7";
+const version = "5.0.0-beta.9";
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-beta.7",
+  "version": "5.0.0-beta.9",
   "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.7",
-    "@stencil/mock-doc": "5.0.0-beta.7",
-    "@stencil/dev-server": "5.0.0-beta.7"
+    "@stencil/cli": "5.0.0-beta.9",
+    "@stencil/dev-server": "5.0.0-beta.9",
+    "@stencil/mock-doc": "5.0.0-beta.9"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",