@webmate-studio/builder 0.2.17 → 0.2.19

package/package.json

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

package/src/bundler.js

@@ -42,6 +42,7 @@ export async function bundleIsland(islandPath, outputPath, options = {}) {
 			target,
 			outfile: outputPath,
 			platform: 'browser',
+			charset: 'utf8', // Force UTF-8 output to prevent base64 corruption (esbuild bug #1501)
 			// Loaders for different file types
 			// NOTE: All image formats are handled by custom plugin above (image-base64-dataurl)
 			// to generate proper data:image/...;base64,... URLs for CSS compatibility
@@ -90,18 +91,20 @@ export async function bundleIsland(islandPath, outputPath, options = {}) {
 								webp: 'image/webp'
 							};
 
-							// IMPORTANT: Read file as Buffer, convert to base64 BEFORE returning to esbuild
-							// If we return raw buffer bytes, esbuild will treat them as UTF-8 text
+							// Read file as binary buffer
 							const buffer = await fs.readFile(args.path);
+							// Convert to base64 string (pure ASCII, safe for JavaScript)
 							const base64 = buffer.toString('base64');
 							const mimeType = mimeTypes[ext] || 'application/octet-stream';
+
+							// Build the complete data URL
 							const dataUrl = `data:${mimeType};base64,${base64}`;
 
-							// Return as text (loader: 'text') with the full data URL as a string literal
-							// This prevents esbuild from trying to interpret binary data
+							// Return as a raw JavaScript module with template literal to preserve exact bytes
+							// Using template literal ensures no escaping or encoding happens
 							return {
-								contents: dataUrl,
-								loader: 'text'
+								contents: `export default \`${dataUrl}\`;`,
+								loader: 'js'
 							};
 						});
 					}