Text working

utils/bubble/ass-utils.js

@@ -71,28 +71,17 @@ export async function createAssSubtitle(text, opts = {}) {
   const back = assColorFromHex(boxColor);
   const bold = ('' + fontWeight).indexOf('7') === 0 || (String(fontWeight) === '700' || String(fontWeight).toLowerCase().includes('bold')) ? '1' : '0';
   const fontSz = Math.round(fontSize);
-  const header = `[Script Info]\nScriptType: v4.00+\nPlayResX: ${vw}\nPlayResY: ${vh}\n\n[V4+ Styles]\nFormat: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding\n`;
+  const header = `[Script Info]\nTitle: Bubble\nScriptType: v4.00+\nPlayResX: ${vw}\nPlayResY: ${vh}\nScaledBorderAndShadow: yes\n\n[V4+ Styles]\nFormat: Name, Fontname, Fontsize, PrimaryColour, SecondaryColour, OutlineColour, BackColour, Bold, Italic, Underline, StrikeOut, ScaleX, ScaleY, Spacing, Angle, BorderStyle, Outline, Shadow, Alignment, MarginL, MarginR, MarginV, Encoding\n`;
 
-  // Simple style: use BackColour (BorderStyle=3) when boxColor provided
-  const styleLine = boxColor
-    ? `Style: ${styleName},${fontName},${fontSz},${primary},&H00FFFFFF,&H00000000,${back},${bold},0,0,0,100,100,0,0,3,0,0,2,10,10,10,1\n\n`
-    : `Style: ${styleName},${fontName},${fontSz},${primary},&H00FFFFFF,&H00000000,&H00000000,${bold},0,0,0,100,100,0,0,1,1,0,2,10,10,10,1\n\n`;
+  // Match public/test.ass: use BorderStyle=3 and reasonable Outline value so BackColour is drawn reliably
+  const outlineVal = 6;
+  const styleLine = `Style: ${styleName},${fontName},${fontSz},${primary},&H00FFFFFF,${back || '&H00000000'},&H00000000,${bold},0,0,0,100,100,0,0,3,${outlineVal},0,2,10,10,10,1\n\n`;
 
-  const eventsHeader = `[Events]\nFormat: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text\n`;
+  const eventsHeader = `[Events]\nFormat: Layer, Start, End, Style, Text\n`;
   const start = secToAssTime(from);
   const end = secToAssTime(to);
-  const dialog = `Dialogue: 0,${start},${end},${styleName},,0,0,0, ,{\\pos(${Math.round(x)},${Math.round(y)})}${safeText}\n`;
-  let content = header + styleLine + eventsHeader + dialog;
-  content = `[Script Info]
-Title: Song Lyrics
-
-[V4+ Styles]
-Format: Name, Fontname, Fontsize, PrimaryColour, BackColour, BorderStyle, Outline, Shadow
-Style: Default,Arial,20,&H00FFFFFF,&H80000000,3,0,0
-
-[Events]
-Format: Layer, Start, End, Style, Text
-Dialogue: 0,0:00:12.50,0:00:15.80,Default,When the night has come`
+  const dialog = `Dialogue: 0,${start},${end},${styleName},{\\pos(${Math.round(x)},${Math.round(y)})}${safeText}\n`;
+  const content = header + styleLine + eventsHeader + dialog;
   fs.writeFileSync(assPath, content, 'utf8');
   const meta = { path: assPath };
   return meta;

utils/bubble/bubble-templates.js

@@ -3,7 +3,7 @@ export const BaseBubbleTemplates = {
   // Simple text box: black text on white rounded box at top-center
   'simple-top-center': {
     // top-level bubble background controls whether a box is rendered
-    backgroundColor: 'red',
+    backgroundColor: '#FFFFFF44',
     borderRadius: 20,
     audioEffectFile: 'woosh',
     bubbleText: {