@bamboocss/vite 1.35.0 → 1.35.2

package/dist/index.cjs

@@ -163,7 +163,8 @@ const replaceAssetReferences = (bundle, previous, next, sourcemap) => {
 			continue;
 		}
 		replaceChunkReference(output, bundle, previous, next, sourcemap);
-		output.referencedFiles = output.referencedFiles.map(replace);
+		const referencedFiles = output.referencedFiles;
+		if (referencedFiles) output.referencedFiles = referencedFiles.map(replace);
 		const importedCss = output.viteMetadata?.importedCss;
 		if (importedCss?.delete(previous)) importedCss.add(next);
 	}
@@ -2347,11 +2348,17 @@ const foldSource = (options) => {
 			if (skipped.filter((item) => SURVIVES_TO_RUNTIME.has(item.reason) && item.end > item.start).some((item) => nameNode.findReferencesAsNodes().some((ref) => ref.getStart() >= item.start && ref.getStart() < item.end))) continue;
 			const survivor = nameNode.findReferencesAsNodes().find((ref) => !applied.some(([from, to]) => ref.getStart() >= from && ref.getStart() < to));
 			if (!survivor) continue;
+			const survivorFile = survivor.getSourceFile();
+			const foreign = survivorFile !== sourceFile;
 			skipped.push({
 				name: binding,
 				reason: "runtime-binding",
-				start: survivor.getStart(),
-				end: survivor.getEnd()
+				start: foreign ? nameNode.getStart() : survivor.getStart(),
+				end: foreign ? nameNode.getEnd() : survivor.getEnd(),
+				...foreign ? { origin: {
+					filePath: survivorFile.getFilePath(),
+					line: survivor.getStartLineNumber()
+				} } : {}
 			});
 		}
 		const bambooModules = [
@@ -2814,7 +2821,12 @@ const bamboocss = (options = {}) => {
 			for (const entry of result.skipped) {
 				if (entry.reason === "not-imported" || entry.reason === "overlapping") continue;
 				if (entry.name === "cx" && entry.reason === "dynamic") continue;
-				addSurvivor({
+				addSurvivor(entry.origin ? {
+					file: entry.origin.filePath,
+					line: entry.origin.line,
+					name: entry.name,
+					reason: entry.reason
+				} : {
 					file: filePath,
 					line: lineAt(code, entry.start),
 					name: entry.name,
@@ -2834,7 +2846,7 @@ const bamboocss = (options = {}) => {
 		buildEnd() {
 			if (survivors.length) throw createSurvivorError(survivors);
 			if (typeof this.getModuleInfo === "function") {
-				if (!staticSession.cssLoaded) throw new Error(`bamboocss: compiled class values were produced, but ${JSON.stringify(VIRTUAL_CSS_ID)} was not imported. Import it once from the application entry so the compiled rules are emitted.`);
+				if (!staticSession.cssLoaded) throw new Error(`bamboocss: compiled class values were produced, but ${JSON.stringify(VIRTUAL_CSS_ID)} was not imported. Add \`import ${JSON.stringify(VIRTUAL_CSS_ID)}\` once, from a JavaScript or TypeScript module in the application entry graph.\n\nIt has to be a JS import. \`@import\` from a stylesheet does not reach it: the id names a virtual module resolved by this plugin, and Vite resolves CSS \`@import\` before plugin resolution, so it fails as an unresolvable path. A project that ships one preloaded stylesheet imports this from its entry module instead, and lets Vite emit the CSS asset.`);
 				const outsideExtraction = [...staticSession.transformedFiles].filter((file) => !staticSession.extractedFiles.has(file));
 				if (outsideExtraction.length) throw new Error(`bamboocss: ${outsideExtraction.length} statically compiled module(s) are outside the CSS extraction graph:\n\n${(0, _bamboocss_shared.truncateList)(outsideExtraction.map((file) => `  ${file}`), {
 					unit: "file",

package/dist/index.mjs

@@ -133,7 +133,8 @@ const replaceAssetReferences = (bundle, previous, next, sourcemap) => {
 			continue;
 		}
 		replaceChunkReference(output, bundle, previous, next, sourcemap);
-		output.referencedFiles = output.referencedFiles.map(replace);
+		const referencedFiles = output.referencedFiles;
+		if (referencedFiles) output.referencedFiles = referencedFiles.map(replace);
 		const importedCss = output.viteMetadata?.importedCss;
 		if (importedCss?.delete(previous)) importedCss.add(next);
 	}
@@ -2317,11 +2318,17 @@ const foldSource = (options) => {
 			if (skipped.filter((item) => SURVIVES_TO_RUNTIME.has(item.reason) && item.end > item.start).some((item) => nameNode.findReferencesAsNodes().some((ref) => ref.getStart() >= item.start && ref.getStart() < item.end))) continue;
 			const survivor = nameNode.findReferencesAsNodes().find((ref) => !applied.some(([from, to]) => ref.getStart() >= from && ref.getStart() < to));
 			if (!survivor) continue;
+			const survivorFile = survivor.getSourceFile();
+			const foreign = survivorFile !== sourceFile;
 			skipped.push({
 				name: binding,
 				reason: "runtime-binding",
-				start: survivor.getStart(),
-				end: survivor.getEnd()
+				start: foreign ? nameNode.getStart() : survivor.getStart(),
+				end: foreign ? nameNode.getEnd() : survivor.getEnd(),
+				...foreign ? { origin: {
+					filePath: survivorFile.getFilePath(),
+					line: survivor.getStartLineNumber()
+				} } : {}
 			});
 		}
 		const bambooModules = [
@@ -2784,7 +2791,12 @@ const bamboocss = (options = {}) => {
 			for (const entry of result.skipped) {
 				if (entry.reason === "not-imported" || entry.reason === "overlapping") continue;
 				if (entry.name === "cx" && entry.reason === "dynamic") continue;
-				addSurvivor({
+				addSurvivor(entry.origin ? {
+					file: entry.origin.filePath,
+					line: entry.origin.line,
+					name: entry.name,
+					reason: entry.reason
+				} : {
 					file: filePath,
 					line: lineAt(code, entry.start),
 					name: entry.name,
@@ -2804,7 +2816,7 @@ const bamboocss = (options = {}) => {
 		buildEnd() {
 			if (survivors.length) throw createSurvivorError(survivors);
 			if (typeof this.getModuleInfo === "function") {
-				if (!staticSession.cssLoaded) throw new Error(`bamboocss: compiled class values were produced, but ${JSON.stringify(VIRTUAL_CSS_ID)} was not imported. Import it once from the application entry so the compiled rules are emitted.`);
+				if (!staticSession.cssLoaded) throw new Error(`bamboocss: compiled class values were produced, but ${JSON.stringify(VIRTUAL_CSS_ID)} was not imported. Add \`import ${JSON.stringify(VIRTUAL_CSS_ID)}\` once, from a JavaScript or TypeScript module in the application entry graph.\n\nIt has to be a JS import. \`@import\` from a stylesheet does not reach it: the id names a virtual module resolved by this plugin, and Vite resolves CSS \`@import\` before plugin resolution, so it fails as an unresolvable path. A project that ships one preloaded stylesheet imports this from its entry module instead, and lets Vite emit the CSS asset.`);
 				const outsideExtraction = [...staticSession.transformedFiles].filter((file) => !staticSession.extractedFiles.has(file));
 				if (outsideExtraction.length) throw new Error(`bamboocss: ${outsideExtraction.length} statically compiled module(s) are outside the CSS extraction graph:\n\n${truncateList(outsideExtraction.map((file) => `  ${file}`), {
 					unit: "file",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/vite",
-  "version": "1.35.0",
+  "version": "1.35.2",
   "description": "Vite integration for Bamboo CSS",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -40,18 +40,18 @@
     "postcss": "8.5.26",
     "postcss-selector-parser": "7.1.5",
     "ts-morph": "28.0.0",
-    "@bamboocss/config": "1.35.0",
-    "@bamboocss/core": "1.35.0",
-    "@bamboocss/extractor": "1.35.0",
-    "@bamboocss/logger": "1.35.0",
-    "@bamboocss/node": "1.35.0",
-    "@bamboocss/shared": "1.35.0",
-    "@bamboocss/types": "1.35.0"
+    "@bamboocss/config": "1.35.2",
+    "@bamboocss/core": "1.35.2",
+    "@bamboocss/node": "1.35.2",
+    "@bamboocss/extractor": "1.35.2",
+    "@bamboocss/logger": "1.35.2",
+    "@bamboocss/shared": "1.35.2",
+    "@bamboocss/types": "1.35.2"
   },
   "devDependencies": {
     "@jridgewell/trace-mapping": "^0.3.31",
     "vite": "7.2.6",
-    "@bamboocss/fixture": "1.35.0"
+    "@bamboocss/fixture": "1.35.2"
   },
   "peerDependencies": {
     "vite": ">=5"