@webmate-studio/builder 0.2.27 → 0.2.29

package/build-service.js

@@ -197,14 +197,17 @@ async function buildComponent(payload) {
 				// Read bundled content
 				const bundledContent = readFileSync(outputPath, 'utf8');
 
+				// Use output filename (.js) not input filename (.svelte)
+				const outputFilename = island.file.replace(/\.(jsx?|tsx?|svelte|vue)$/, '.js');
+
 				bundledIslands.push({
-					file: island.file,
+					file: outputFilename,  // Use .js extension!
 					content: bundledContent,
 					size: result.size,
 					originalSize: island.content.length
 				});
 
-				console.log(`[Build Service] ✓ ${island.file} → ${(result.size / 1024).toFixed(2)}kb`);
+				console.log(`[Build Service] ✓ ${island.file} → ${outputFilename} (${(result.size / 1024).toFixed(2)}kb)`);
 			}
 		}
 
@@ -216,11 +219,23 @@ async function buildComponent(payload) {
 			console.log(`[Build Service] ✓ Transformed HTML: ${islandNames.length} island(s) → Custom Elements`);
 		}
 
-		// Generate CSS
+		// Generate CSS from HTML + Islands
 		let css = '';
-		if (transformedHtml) {
+		if (transformedHtml || bundledIslands.length > 0) {
 			console.log('[Build Service] Generating CSS...');
-			const cssResult = await generateComponentCSS(transformedHtml, {
+
+			// Combine HTML and island content for CSS scanning
+			let contentToScan = transformedHtml || '';
+
+			// Add island content (they contain Tailwind classes too!)
+			if (bundledIslands.length > 0) {
+				for (const island of bundledIslands) {
+					contentToScan += '\n' + island.content;
+				}
+				console.log(`[Build Service] Including ${bundledIslands.length} island(s) for CSS scanning`);
+			}
+
+			const cssResult = await generateComponentCSS(contentToScan, {
 				designTokens: null,
 				minify: true
 			});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmate-studio/builder",
-  "version": "0.2.27",
+  "version": "0.2.29",
   "type": "module",
   "description": "Webmate Studio Component Builder",
   "keywords": [