asciify-engine 1.0.24 → 1.0.26

package/dist/index.d.cts

@@ -121,20 +121,6 @@ declare function renderFrameToCanvas(ctx: CanvasRenderingContext2D, frame: Ascii
     intensity?: number;
 } | null): void;
 
-/**
- * Embed code generation — serializes ASCII frames into self-contained
- * HTML snippets that replay via the CDN embed runtime.
- */
-
-/**
- * Generate a static single-frame embed snippet.
- */
-declare function generateEmbedCode(frame: AsciiFrame, options: AsciiOptions, width: number, height: number): string;
-/**
- * Generate an animated multi-frame embed snippet (GIF / video).
- */
-declare function generateAnimatedEmbedCode(frames: AsciiFrame[], options: AsciiOptions, fps: number, width: number, height: number): string;
-
 /**
  * Simple one-call asciify API.
  * Wraps imageToAsciiFrame + renderFrameToCanvas behind easy-to-use helpers.
@@ -685,4 +671,4 @@ interface WebGLRenderer {
  */
 declare function tryCreateWebGLRenderer(canvas: HTMLCanvasElement): WebGLRenderer | null;
 
-export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type CircuitBackgroundOptions, type ColorMode, DEFAULT_OPTIONS, type DnaBackgroundOptions, type FireBackgroundOptions, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, PALETTE_THEMES, type PaletteTheme, type PulseBackgroundOptions, type RainBackgroundOptions, type Recorder, type RecorderOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type TerrainBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type CircuitBackgroundOptions, type ColorMode, DEFAULT_OPTIONS, type DnaBackgroundOptions, type FireBackgroundOptions, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, PALETTE_THEMES, type PaletteTheme, type PulseBackgroundOptions, type RainBackgroundOptions, type Recorder, type RecorderOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type TerrainBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };

package/dist/index.d.ts

@@ -121,20 +121,6 @@ declare function renderFrameToCanvas(ctx: CanvasRenderingContext2D, frame: Ascii
     intensity?: number;
 } | null): void;
 
-/**
- * Embed code generation — serializes ASCII frames into self-contained
- * HTML snippets that replay via the CDN embed runtime.
- */
-
-/**
- * Generate a static single-frame embed snippet.
- */
-declare function generateEmbedCode(frame: AsciiFrame, options: AsciiOptions, width: number, height: number): string;
-/**
- * Generate an animated multi-frame embed snippet (GIF / video).
- */
-declare function generateAnimatedEmbedCode(frames: AsciiFrame[], options: AsciiOptions, fps: number, width: number, height: number): string;
-
 /**
  * Simple one-call asciify API.
  * Wraps imageToAsciiFrame + renderFrameToCanvas behind easy-to-use helpers.
@@ -685,4 +671,4 @@ interface WebGLRenderer {
  */
 declare function tryCreateWebGLRenderer(canvas: HTMLCanvasElement): WebGLRenderer | null;
 
-export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type CircuitBackgroundOptions, type ColorMode, DEFAULT_OPTIONS, type DnaBackgroundOptions, type FireBackgroundOptions, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, PALETTE_THEMES, type PaletteTheme, type PulseBackgroundOptions, type RainBackgroundOptions, type Recorder, type RecorderOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type TerrainBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, type AnimationStyle, type ArtStyle, type AsciiBackgroundOptions, type AsciiCell, type AsciiFrame, type AsciiOptions, type AsciiResult, type AsciifySimpleOptions, type AuroraBackgroundOptions, CHARSETS, type CharsetKey, type CircuitBackgroundOptions, type ColorMode, DEFAULT_OPTIONS, type DnaBackgroundOptions, type FireBackgroundOptions, type GridBackgroundOptions, HOVER_PRESETS, type HoverEffect, type HoverPreset, type MorphBackgroundOptions, type MountWaveOptions, type NoiseBackgroundOptions, PALETTE_THEMES, type PaletteTheme, type PulseBackgroundOptions, type RainBackgroundOptions, type Recorder, type RecorderOptions, type RenderMode, type SilkBackgroundOptions, type SourceType, type StarsBackgroundOptions, type TerrainBackgroundOptions, type VoidBackgroundOptions, type WaveBackgroundOptions, type WebGLRenderer, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };

package/dist/index.js

@@ -581,7 +581,7 @@ function renderWaveBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
       } else if (baseColor) {
         ctx.fillStyle = baseColor.replace("{a}", String(alpha));
       } else if (lightMode) {
-        ctx.fillStyle = `rgba(0,0,0,${alpha * 7})`;
+        ctx.fillStyle = `rgba(55,55,55,${alpha * 7})`;
       } else {
         ctx.fillStyle = `rgba(255,255,255,${alpha})`;
       }
@@ -960,84 +960,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;
@@ -1152,9 +1074,9 @@ function renderRainBackground(ctx, width, height, time, options = {}) {
   ctx.textBaseline = "top";
   let br = 255, bg = 255, bb = 255;
   if (lightMode) {
-    br = 0;
-    bg = 0;
-    bb = 0;
+    br = 55;
+    bg = 55;
+    bb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1216,9 +1138,9 @@ function renderStarsBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
   const maxR = Math.sqrt(width * width + height * height) * 0.65;
   let br = 255, bg = 255, bb = 255;
   if (lightMode) {
-    br = 0;
-    bg = 0;
-    bb = 0;
+    br = 55;
+    bg = 55;
+    bb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1278,9 +1200,9 @@ function renderPulseBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
   const maxDist = Math.sqrt(cx * cx + cy * cy) * 1.6 + Math.sqrt(width * width + height * height) * 0.2;
   let br = 255, bg = 255, bb = 255;
   if (lightMode) {
-    br = 0;
-    bg = 0;
-    bb = 0;
+    br = 55;
+    bg = 55;
+    bb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1355,9 +1277,9 @@ function renderNoiseBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
   ctx.textBaseline = "top";
   let br = 255, bgc = 255, bb = 255;
   if (lightMode) {
-    br = 0;
-    bgc = 0;
-    bb = 0;
+    br = 55;
+    bgc = 55;
+    bb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1434,9 +1356,9 @@ function renderGridBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
   ctx.textBaseline = "top";
   let br = 255, bgv = 255, bb = 255;
   if (lightMode) {
-    br = 0;
-    bgv = 0;
-    bb = 0;
+    br = 55;
+    bgv = 55;
+    bb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1506,9 +1428,9 @@ function renderAuroraBackground(ctx, width, height, time, mousePos = { x: 0.5, y
   ctx.textBaseline = "top";
   let cr = 255, cg = 255, cb = 255;
   if (lightMode) {
-    cr = 0;
-    cg = 0;
-    cb = 0;
+    cr = 55;
+    cg = 55;
+    cb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1591,9 +1513,9 @@ function renderSilkBackground(ctx, width, height, time, options = {}) {
   ctx.textBaseline = "top";
   let cr = 255, cg = 255, cb = 255;
   if (lightMode) {
-    cr = 0;
-    cg = 0;
-    cb = 0;
+    cr = 55;
+    cg = 55;
+    cb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1668,9 +1590,9 @@ function renderVoidBackground(ctx, width, height, time, mousePos = { x: 0.5, y:
   ctx.textBaseline = "top";
   let cr = 255, cg = 255, cb = 255;
   if (lightMode) {
-    cr = 0;
-    cg = 0;
-    cb = 0;
+    cr = 55;
+    cg = 55;
+    cb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -1740,9 +1662,9 @@ function renderMorphBackground(ctx, width, height, time, options = {}) {
   ctx.textBaseline = "top";
   let cr = 255, cg = 255, cb = 255;
   if (lightMode) {
-    cr = 0;
-    cg = 0;
-    cb = 0;
+    cr = 55;
+    cg = 55;
+    cb = 55;
   }
   if (color) {
     const p = parseColor(color);
@@ -2901,6 +2823,6 @@ function tryCreateWebGLRenderer(canvas) {
   }
 }
 
-export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, PALETTE_THEMES, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, generateAnimatedEmbedCode, generateEmbedCode, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
+export { ART_STYLE_PRESETS, CHARSETS, DEFAULT_OPTIONS, HOVER_PRESETS, PALETTE_THEMES, asciiBackground, asciiText, asciiTextAnsi, asciify, asciifyGif, asciifyVideo, createRecorder, gifToAsciiFrames, imageToAsciiFrame, mountWaveBackground, recordAndDownload, renderAuroraBackground, renderCircuitBackground, renderDnaBackground, renderFireBackground, renderFrameToCanvas, renderGridBackground, renderMorphBackground, renderNoiseBackground, renderPulseBackground, renderRainBackground, renderSilkBackground, renderStarsBackground, renderTerrainBackground, renderVoidBackground, renderWaveBackground, tryCreateWebGLRenderer, videoToAsciiFrames };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map