fika-editor 3.0.34 → 3.0.35

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

@@ -0,0 +1,21 @@
+/**
+ * `@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.
+ *
+ * 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.
+ */
+/** 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>;
+/**
+ * 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.
+ * Families the document does not declare (system stacks, generics) are left
+ * to the renderer.
+ */
+export declare const embedSvgFonts: (svg: string) => Promise<string>;

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

@@ -11,8 +11,22 @@ export declare class MermaidRenderSuperseded extends Error {
     constructor();
 }
 export declare const isMermaidRenderSuperseded: (err: unknown) => boolean;
+/**
+ * Diagram type. Set here, not per diagram: mermaid's directive sanitizer
+ * keeps only a single bare family name in `themeVariables.fontFamily`
+ * (stacks, quotes and even `sans-serif` are dropped), whereas the initialize
+ * config takes the full stack. Inter is the embed's shipped body face and is
+ * inlined into image renders by `renderMermaidForImage`.
+ */
+export declare const MERMAID_FONT_FAMILY = "Inter, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif";
 export declare const whenMermaidReady: () => Promise<[MermaidAPI, DOMPurifyAPI]>;
 export declare const prefetchMermaid: () => void;
 export declare const isMermaidReady: () => boolean;
 export declare const renderMermaid: (code: string, key?: string) => Promise<string>;
+/**
+ * Diagram SVG for `<img>`/canvas consumers (thumbnails, export): the same
+ * markup with the web fonts it names inlined, since an SVG drawn as an image
+ * cannot reach the page's `@font-face` rules and would fall back to serif.
+ */
+export declare const renderMermaidForImage: (code: string, key?: string) => Promise<string>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fika-editor",
-  "version": "3.0.34",
+  "version": "3.0.35",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",