asciify-engine 1.0.25 → 1.0.27

package/dist/index.cjs

@@ -962,84 +962,6 @@ function renderFrameToCanvas(ctx, frame, options, canvasWidth, canvasHeight, tim
   ctx.globalAlpha = 1;
 }
 
-// src/core/embed-gen.ts
-var EMBED_CDN_VERSION = "1.0.17";
-function serializeFrame(frame, fullColor) {
-  const rows = frame.length;
-  const cols = rows > 0 ? frame[0].length : 0;
-  const stride = fullColor ? 3 : 1;
-  const buf = new Uint8Array(1 + rows * cols * stride);
-  buf[0] = stride;
-  let i = 1;
-  for (let y = 0; y < rows; y++) {
-    for (let x = 0; x < cols; x++) {
-      const cell = frame[y][x];
-      if (fullColor) {
-        buf[i++] = cell.r;
-        buf[i++] = cell.g;
-        buf[i++] = cell.b;
-      } else {
-        buf[i++] = Math.round(0.299 * cell.r + 0.587 * cell.g + 0.114 * cell.b);
-      }
-    }
-  }
-  let binary = "";
-  for (let j = 0; j < buf.length; j++) binary += String.fromCharCode(buf[j]);
-  return btoa(binary);
-}
-function buildEmbedOpts(options, rows, cols, width, height, fps, animated) {
-  const o = {
-    r: rows,
-    c: cols,
-    w: width,
-    h: height,
-    cs: options.charset,
-    cm: options.colorMode,
-    as: options.animationStyle,
-    sp: options.animationSpeed,
-    inv: options.invert,
-    hs: options.hoverStrength,
-    hr: options.hoverRadius,
-    he: options.hoverEffect,
-    hc: options.hoverColor,
-    dr: options.dotSizeRatio,
-    dots: options.renderMode === "dots"
-  };
-  if (options.colorMode === "accent") o.ac = options.accentColor;
-  if (fps !== void 0) o.fps = fps;
-  if (animated) o.anim = true;
-  return JSON.stringify(o);
-}
-var CDN_SCRIPT = `<script src="https://cdn.jsdelivr.net/npm/asciify-engine@${EMBED_CDN_VERSION}/dist/embed.js" async></script>`;
-function generateEmbedCode(frame, options, width, height) {
-  const rows = frame.length;
-  if (rows === 0) return "";
-  const cols = frame[0].length;
-  const isFullColor = options.colorMode === "fullcolor";
-  const data = serializeFrame(frame, isFullColor);
-  const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
-  const opts = buildEmbedOpts(options, rows, cols, width, height);
-  return `<!-- Asciify Embed -->
-<canvas id="${id}" data-asciify-opts='${opts}' width="${width}" height="${height}"></canvas>
-<script type="application/json" id="${id}-d">"${data}"</script>
-${CDN_SCRIPT}
-<!-- /Asciify Embed -->`;
-}
-function generateAnimatedEmbedCode(frames, options, fps, width, height) {
-  if (frames.length === 0) return "";
-  const rows = frames[0].length;
-  const cols = frames[0][0].length;
-  const isFullColor = options.colorMode === "fullcolor";
-  const allData = frames.map((f) => serializeFrame(f, isFullColor));
-  const id = `ar-${Math.random().toString(36).slice(2, 9)}`;
-  const opts = buildEmbedOpts(options, rows, cols, width, height, fps, true);
-  return `<!-- Asciify Animated Embed -->
-<canvas id="${id}" data-asciify-opts='${opts}' width="${width}" height="${height}"></canvas>
-<script type="application/json" id="${id}-d">${JSON.stringify(allData)}</script>
-${CDN_SCRIPT}
-<!-- /Asciify Animated Embed -->`;
-}
-
 // src/core/simple-api.ts
 async function asciify(source, canvas, { fontSize = 10, style = "classic", options = {} } = {}) {
   let el;
@@ -2314,6 +2236,47 @@ function asciiTextAnsi(source, options = {}, targetWidth, targetHeight) {
   return lines.join("\n");
 }
 
+// src/core/text-frame.ts
+function buildTextFrame(text, cols, rows, color = "#505050", opacity = 100) {
+  if (!text || cols <= 0 || rows <= 0) return [];
+  const parsed = parseColor(color) ?? { r: 80, g: 80, b: 80 };
+  const pattern = text;
+  const len = pattern.length;
+  return Array.from(
+    { length: rows },
+    (_, row) => Array.from({ length: cols }, (_2, col) => ({
+      char: pattern[(row * cols + col) % len],
+      r: parsed.r,
+      g: parsed.g,
+      b: parsed.b,
+      a: opacity
+    }))
+  );
+}
+function renderTextBackground(ctx, width, height, text, options = {}, hoverPos) {
+  const {
+    fontSize = 10,
+    lineHeight = 1.6,
+    color = "#505050",
+    opacity = 100,
+    hoverEffect = "spotlight",
+    hoverStrength = 0.85,
+    hoverRadius = 0.18,
+    hoverColor = "#d4ff00"
+  } = options;
+  const cols = Math.max(1, Math.floor(width / fontSize));
+  const rows = Math.max(1, Math.floor(height / (fontSize * lineHeight)));
+  const frame = buildTextFrame(text, cols, rows, color, opacity);
+  const renderOpts = {
+    ...DEFAULT_OPTIONS,
+    hoverEffect,
+    hoverStrength,
+    hoverRadius,
+    hoverColor
+  };
+  renderFrameToCanvas(ctx, frame, renderOpts, width, height, 0, hoverPos ?? null);
+}
+
 // src/core/record.ts
 function createRecorder(canvas, options = {}) {
   const {
@@ -2914,9 +2877,8 @@ exports.asciiTextAnsi = asciiTextAnsi;
 exports.asciify = asciify;
 exports.asciifyGif = asciifyGif;
 exports.asciifyVideo = asciifyVideo;
+exports.buildTextFrame = buildTextFrame;
 exports.createRecorder = createRecorder;
-exports.generateAnimatedEmbedCode = generateAnimatedEmbedCode;
-exports.generateEmbedCode = generateEmbedCode;
 exports.gifToAsciiFrames = gifToAsciiFrames;
 exports.imageToAsciiFrame = imageToAsciiFrame;
 exports.mountWaveBackground = mountWaveBackground;
@@ -2934,6 +2896,7 @@ exports.renderRainBackground = renderRainBackground;
 exports.renderSilkBackground = renderSilkBackground;
 exports.renderStarsBackground = renderStarsBackground;
 exports.renderTerrainBackground = renderTerrainBackground;
+exports.renderTextBackground = renderTextBackground;
 exports.renderVoidBackground = renderVoidBackground;
 exports.renderWaveBackground = renderWaveBackground;
 exports.tryCreateWebGLRenderer = tryCreateWebGLRenderer;