fika-editor 3.1.0 → 3.1.1

package/dist/types/paint/rasterResources.d.ts

@@ -4,17 +4,16 @@ export declare const getChartRaster: (element: PPTChartElement, colors: string[]
 export declare const getMermaidRaster: (element: PPTMermaidElement, invalidate: () => void) => Raster | undefined;
 export declare const getCodeRaster: (element: PPTCodeElement, invalidate: () => void) => Raster | undefined;
 /**
- * MathLive typeset of a formula element, mirroring `LatexContent`'s DOM
- * (flex-centered box, a 36px stage fitted uniformly into the authored box).
- * html-to-image is used instead of a bare foreignObject because SVG-as-image
- * cannot load the MathLive web fonts.
+ * Tight MathLive snapshot of a formula — same nowrap, max-content stage as
+ * `LatexContent`. SnapDOM v3 `width`/`height` are output size only and do not
+ * reflow the live tree, but a flex host sized to the slide box *does*: the
+ * stage shrinks (`min-width:auto`), `.ML__latex` wraps, and the thumbnail
+ * becomes two lines of fallback-looking text. Capture the unconstrained
+ * stage, then `paintLatex` scales that bitmap into the authored box.
  *
- * The fit is applied as a font size, not a CSS transform: inside the SVG
- * snapshot, box edges (the radical rule, fraction bars) snap to whole CSS
- * pixels of the pre-transform layout while glyphs scale exactly, so a scaled
- * 36px stage paints a `\sqrt` rule thinner and lower than the surd's tick.
- * Laying out at the final size keeps that snap error under half a pixel, and
- * the 2x capture halves it again.
+ * Font size is the fitted size (not a CSS transform) so radical/fraction
+ * rules snap at the painted size. `reconcile: true` pins inline/table-cell
+ * boxes SnapDOM otherwise warns may re-wrap under font fallback.
  */
 export declare const getLatexRaster: (element: PPTLatexElement, invalidate: () => void) => Raster | undefined;
 /**

package/dist/types/utils/codeHighlight.d.ts

@@ -53,7 +53,7 @@ export type HighlightedTokens = {
 };
 export declare function highlightCodeTokens(code: string, language: string, theme: string): Promise<HighlightedTokens>;
 export declare function highlightCodeBlock(code: string, language: string, theme: string): Promise<HighlightedCode>;
-/** Warm Shiki + html-to-image so the first on-slide raster is not a cold start. */
+/** Warm Shiki + SnapDOM so the first on-slide raster is not a cold start. */
 export declare function prefetchCodeRaster(language?: string, theme?: string): void;
 /** Load core + lang + theme. Safe to call before CodeMirror/Shiki highlighting. */
 export declare function prepareHighlighter(language: string, theme: string): Promise<{
@@ -74,7 +74,7 @@ export type CodeRasterInput = {
     fontSize: number;
     showLineNumbers: boolean;
 };
-/** Real gutter spans so SnapDOM / html-to-image do not depend on CSS counters. */
+/** Real gutter spans so SnapDOM does not depend on CSS counters. */
 export declare function injectBoothLineNumbers(shikiHtml: string, showLineNumbers: boolean): string;
 export declare function codeElementToBoothHtml(el: CodeRasterInput): Promise<string>;
 export declare function renderCodeElementPng(el: CodeRasterInput & {

package/dist/types/utils/fontEmbedCss.d.ts

@@ -1,17 +1,20 @@
 /**
  * `@font-face` CSS with the font files inlined as data URLs, for markup that
- * is rasterised as a standalone SVG image (math booths, mermaid diagrams):
- * an SVG drawn through `<img>` cannot reach the page's web fonts, so any
- * family it names must travel with it.
+ * is rasterised as a standalone SVG image (mermaid diagrams): an SVG drawn
+ * through `<img>` cannot reach the page's web fonts, so any family it names
+ * must travel with it.
  *
- * html-to-image only inlines the families the probed node uses, so the probe
- * is a stub naming exactly the requested families. Results are cached per
- * family set; a result without inlined data (stylesheet not parsed yet, font
- * fetch failed) is not cached so the next capture retries.
+ * Walks document stylesheets for matching `@font-face` rules and inlines
+ * their `url()` sources. Results are cached per family set; a result without
+ * inlined data (stylesheet not parsed yet, font fetch failed) is not cached
+ * so the next capture retries.
  */
+export declare const normalizeFontFamily: (family: string) => string;
 /** Families the document declares via `@font-face` (loaded or not). */
 export declare const declaredFontFamilies: () => Set<string>;
-export declare const fontEmbedCssFor: (families: readonly string[], host?: HTMLElement) => Promise<string>;
+export declare const fontEmbedCssFor: (families: readonly string[], _host?: HTMLElement) => Promise<string>;
+/** Drop cached CSS so a later capture retries stylesheet reads. Tests only. */
+export declare const resetFontEmbedCssCache: () => void;
 /**
  * Inline every declared web font an SVG names into a `<style>` at its top,
  * so the diagram paints the same through `<img>` as it does in the DOM.

package/dist/types/utils/latex.d.ts

@@ -14,6 +14,13 @@ export declare function latexPropsAfterEdit(_current: Pick<PPTLatexElement, 'wid
 }): Pick<PPTLatexElement, 'latex' | 'path' | 'viewBox'>;
 /** Same uniform scale `useLiveBoxFit` writes: authored box / natural viewBox. */
 export declare function latexPaintScale(el: Pick<PPTLatexElement, 'width' | 'height' | 'viewBox'>): number;
+/** Scale a measured formula so it stays inside the slide with a margin. */
+export declare function fitLatexBoxToSlide(width: number, height: number, slideW: number, slideH: number, pad?: number): {
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
 /**
  * Extract the contents of every equation (or equation*) environment.
  */

package/dist/types/utils/snapdomCapture.d.ts

@@ -0,0 +1,14 @@
+/**
+ * SnapDOM v3 capture helpers.
+ *
+ * Width/height are the final CSS size (they win over `scale`). `dpr` defaults
+ * to 1 so those dimensions are also the pixel size — pass `dpr: 2` when a
+ * booth needs a hidpi backing store. Fonts embed automatically (`'auto'`);
+ * pass `false` only to skip webfonts the way the old `fontEmbedCSS: ''` did.
+ */
+import { type SnapdomOptions } from '@zumer/snapdom';
+export type SnapdomCaptureOptions = Pick<SnapdomOptions, 'width' | 'height' | 'dpr' | 'quality' | 'embedFonts' | 'backgroundColor' | 'exclude' | 'excludeMode' | 'filter' | 'filterMode' | 'invalidate' | 'canvas' | 'reconcile'>;
+export declare const prefetchSnapdom: () => void;
+export declare const captureToCanvas: (element: Element, options?: SnapdomCaptureOptions) => Promise<HTMLCanvasElement>;
+export declare const captureToPngDataUrl: (element: Element, options?: SnapdomCaptureOptions) => Promise<string>;
+export declare const captureToJpegDataUrl: (element: Element, options?: SnapdomCaptureOptions) => Promise<string>;

package/dist/types/utils/textFit.d.ts

@@ -13,6 +13,15 @@
 import { prepare as pretextPrepare } from '@chenglou/pretext';
 /** ProseMirror's default text size (assets/styles/prosemirror.scss). */
 export declare const DEFAULT_TEXT_FONT_SIZE = 16;
+/**
+ * Live text boxes use `$textElementFont` when the theme/element family is
+ * empty. Canvas wrap must use the same stack — generic `sans-serif` is a
+ * different face and packs a different number of words per line.
+ */
+export declare const DEFAULT_TEXT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
+/** @deprecated Use DEFAULT_TEXT_FONT_FAMILY */
+export declare const DEFAULT_FIT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
+export declare function resolvePaintFontFamily(family?: string | null): string;
 /** Matches `ul, ol { padding-inline-start: 1em }` when the list has no inline pad. */
 export declare const DEFAULT_LIST_PADDING_EM = 1;
 /** Matches `li { padding-inline-start: 0.4em }` (marker-to-text gap). */
@@ -143,6 +152,15 @@ export declare const lineBoxHeight: (runs: TextFitRun[], sizeScale: number, line
  * item occupies exactly the chip width.
  */
 export declare const MATH_PLACEHOLDER = "\uFFFC";
+/**
+ * Live ProseMirror uses `white-space: break-spaces`: the space after the last
+ * word on a line still occupies width, so the wrap column is one space
+ * narrower than the content box. pretext is `white-space: normal` and would
+ * otherwise pack an extra word per line (thumb vs slide).
+ */
+export declare const measureSpaceWidth: (font: string) => number;
+export declare const breakSpacesWrapWidth: (width: number, spaceWidth: number) => number;
+export declare const editorWrapWidth: (width: number, font: string) => number;
 export declare const richInlineFromRun: (run: TextFitRun, font: string, sizeScale: number, letterSpacing?: number) => {
     text: string;
     font: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fika-editor",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",
@@ -88,6 +88,7 @@
     "@tanstack/react-virtual": "^3.14.10",
     "@use-gesture/react": "^10.3.1",
     "@use-gesture/vanilla": "^10.3.1",
+    "@zumer/snapdom": "^3.0.0",
     "animate.css": "^4.1.1",
     "buffer": "^6.0.3",
     "clipboard": "^2.0.11",
@@ -103,7 +104,6 @@
     "file-saver": "^2.0.5",
     "flatbush": "^4.6.2",
     "hfmath": "^0.0.2",
-    "html-to-image": "^1.11.13",
     "immer": "^11.1.18",
     "jszip": "^3.10.1",
     "lucide-react": "^1.33.0",