fika-editor 3.0.1 → 3.0.3

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

@@ -22,6 +22,16 @@ export declare const LIST_MARKER_GAP_EM = 0.4;
  * Kept as a fallback indent (px) when a list item has no padding of its own.
  */
 export declare const BULLET_INDENT = 40;
+export interface TextFitRun {
+    text: string;
+    size: number;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    strikethrough?: boolean;
+    color?: string;
+    fontFamily?: string;
+}
 /** A single measurable text block (one paragraph or one list item). */
 export interface TextFitBlock {
     /** Plain text of the block (markers stripped). */
@@ -37,6 +47,16 @@ export interface TextFitBlock {
     listIndentPx?: number;
     /** `ul`/`ol` padding-inline-start in em, when authored as em. */
     listIndentEm?: number;
+    /**
+     * Mixed-size runs inside one paragraph, measured exactly: each run gets its
+     * own font and pretext's rich-inline line breaker, so wrapping and per-line
+     * heights match what the browser paints (a 57px body with one 120px word
+     * wraps like 57px and only that one line is 120px tall).
+     */
+    runs?: TextFitRun[];
+    /** Canvas/static-paint metadata. It does not affect fitting math. */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    listMarker?: string;
 }
 export interface MeasureBlocksOptions {
     /** Box content width in px (insets already removed). */
@@ -100,12 +120,6 @@ export declare function innerBoxFromLiveStyles(box: HTMLElement | null | undefin
 };
 export declare function contentBoxOfHost(host: HTMLElement | null | undefined): HTMLElement | null;
 export declare function measureUnzoomedScrollHeight(host: HTMLElement, innerWidth: number): number;
-/**
- * Total wrapped height (px) of `blocks` laid out in a column of `innerWidth`,
- * with each block's font size multiplied by `sizeScale`. Each block is measured
- * independently with pretext, then summed with the (unscaled, px-fixed)
- * inter-block gap. Returns 0 for an empty input.
- */
 export declare function measureTextBlocksHeight(blocks: TextFitBlock[], options: MeasureBlocksOptions): number;
 export interface FitFontScaleOptions {
     innerWidth: number;
@@ -157,11 +171,10 @@ export declare function createFitMeasureSession(html: string, options: {
 /** Resize hot path: pure `layout()` over cached prepare handles. */
 export declare function measureSessionHeight(session: FitMeasureSession, innerWidth: number, blockSpace?: number, bulletIndent?: number): number;
 export declare function fitZoomScaleFromSession(session: FitMeasureSession, innerWidth: number, innerHeight: number, blockSpace?: number): number;
-/**
- * One-shot locked-box scale for a rich-text HTML string. Editor resize keeps a
- * cached session; preview/export call this so they shrink with the same math.
- */
-export declare function textFitScaleForHtml(html: string, options: {
+/** Rendered spans may carry calc(var(--text-fit-scale,...)); measurement wants authored px. */
+declare const stripFitScale: (html: string) => string;
+export declare const stripFitScaleForProbe: typeof stripFitScale;
+type FitScaleOptions = {
     innerWidth: number;
     innerHeight: number;
     defaultFontFamily?: string;
@@ -170,7 +183,18 @@ export declare function textFitScaleForHtml(html: string, options: {
     letterSpacing?: number;
     blockSpace?: number;
     locale?: string;
-}): number;
+};
+/**
+ * Persist a DOM-verified correction: the editor measured the REAL rendered
+ * height and found the searched scale overflowing. Remembered so the rail,
+ * later applies, and export reuse the corrected value instead of re-overflow.
+ */
+export declare function rememberFitScale(html: string, options: FitScaleOptions, scale: number): void;
+/**
+ * One-shot locked-box scale for a rich-text HTML string. Editor resize keeps a
+ * cached session; preview/export call this so they shrink with the same math.
+ */
+export declare function textFitScaleForHtml(html: string, options: FitScaleOptions): number;
 export interface ExtractedContent {
     blocks: TextFitBlock[];
 }
@@ -181,7 +205,8 @@ export interface ExtractOptions {
 /**
  * Parse a Fika rich-text HTML string into measurable blocks. Each list item
  * and top-level paragraph/quote becomes one block; a block's representative font
- * size is the largest inline size in it (so measurement never under-estimates).
+ * size is the largest inline size in it (so the clip pad never under-
+ * estimates), while wrapping measures the mixed-size run profile.
  * Returns no blocks when there's no DOM parser or no text. List items are tagged
  * so the marker indent is accounted for.
  */
@@ -193,3 +218,4 @@ export declare function extractFitBlocksFromHtml(html: string, options: ExtractO
  * scale >= 1 (or a non-DOM context) returns the HTML unchanged.
  */
 export declare function scaleHtmlFontSizes(html: string, scale: number): string;
+export {};

package/dist/types/views/Editor/Canvas/LayerStackPanel.d.ts

@@ -0,0 +1,14 @@
+import type { LayerStackEntry } from '../../../utils/layerStack';
+export type ILayerStackPanelProps = {
+    /** Canvas-root-relative anchor of the probed point, in px. */
+    anchor: {
+        x: number;
+        y: number;
+    };
+    entries: LayerStackEntry[];
+    activeIndex: number;
+    onPick: (index: number) => void;
+    onClose: () => void;
+};
+declare const LayerStackPanel: import("react").MemoExoticComponent<(props: ILayerStackPanelProps) => import("react").JSX.Element>;
+export default LayerStackPanel;

package/dist/types/views/Editor/Canvas/Operate/ResizeHandler.d.ts

@@ -5,7 +5,8 @@ export type IResizeHandlerProps = {
     rotate?: number;
     className?: string;
     style?: CSSProperties;
+    'data-line-handle'?: string;
     onMouseDown?: (e: ReactMouseEvent<HTMLDivElement>) => void;
 };
-declare const ResizeHandler: import("react").MemoExoticComponent<({ type, rotate, className, style, onMouseDown }: IResizeHandlerProps) => import("react").JSX.Element>;
+declare const ResizeHandler: import("react").MemoExoticComponent<({ type, rotate, className, style, onMouseDown, 'data-line-handle': lineHandle }: IResizeHandlerProps) => import("react").JSX.Element>;
 export default ResizeHandler;

package/dist/types/views/Editor/Thumbnails/paneSize.d.ts

@@ -2,8 +2,8 @@ export declare const PREVIEW_MIN_PANE = 120;
 export declare const PREVIEW_DEFAULT_PANE = 168;
 export declare const PREVIEW_MAX_PANE = 420;
 export declare const PREVIEW_THUMB_INSET = 48;
-export declare const PREVIEW_SUPER_SAMPLE = 2;
-export declare const PREVIEW_MAX_WORKING = 1024;
+export declare const PREVIEW_PANE_RESIZE_COMMIT_MS = 120;
+export type PreviewWorkingQuality = 'full' | 'rail' | 'lq';
 type DestPublishHandler = () => void;
 export type PreviewDestSize = {
     cssWidth: number;
@@ -11,8 +11,12 @@ export type PreviewDestSize = {
     dpr: number;
     workingSlideWidth: number;
 };
-export declare const previewWorkingWidth: (destWidth: number, pixelRatio: number) => number;
+export declare const isPaneDragging: () => boolean;
+export declare const beginPaneDrag: () => void;
+export declare const endPaneDrag: () => void;
+export declare const subscribePaneLive: (listener: (contentWidth: number) => void) => () => void;
 export declare const setPreviewDestPublishHandler: (fn: DestPublishHandler | null) => void;
+export declare const setPreviewDestLiveHandler: (fn: DestPublishHandler | null) => void;
 export declare const setPreviewPaneWidth: (width: number) => void;
 export declare const setPreviewViewportRatio: (ratio: number) => void;
 export declare const getPreviewDestSize: () => PreviewDestSize;

package/dist/types/views/Editor/Thumbnails/useThumbnailVirtualizer.d.ts

@@ -7,6 +7,7 @@ export type ThumbnailVirtualizerApi = {
     virtualizer: Virtualizer<HTMLDivElement, Element>;
     virtualItems: VirtualItem[];
     visibleSlideIds: string[];
+    pinnedSlideIds: string[];
     thumbHeight: number;
     dest: PreviewDestSize;
 };

package/dist/types/views/Editor/Toolbar/common/ElementOutline.d.ts

@@ -1,3 +1,5 @@
+export declare const OUTLINE_WIDTH_MAX = 20;
+export declare const OUTLINE_RADIUS_MAX = 100;
 export type IElementOutlineProps = {
     fixed?: boolean;
 };

package/dist/types/views/components/ThumbnailSlide/CanvasSlideThumb.d.ts

@@ -0,0 +1,11 @@
+import type { Slide } from '../../../types/slides';
+export type ICanvasSlideThumbProps = {
+    slide: Slide;
+    width: number;
+};
+/**
+ * A final-DPR Canvas2D projection of Slide JSON. Existing pixels remain in the
+ * backing store while an edit is debounced or an async asset resolves.
+ */
+declare const CanvasSlideThumb: import("react").MemoExoticComponent<({ slide, width }: ICanvasSlideThumbProps) => import("react").JSX.Element>;
+export default CanvasSlideThumb;

package/dist/types/views/components/ThumbnailSlide/index.d.ts

@@ -7,7 +7,10 @@ export type IThumbnailSlideProps = {
     visible?: boolean;
     showPlaceholders?: boolean;
     className?: string;
+    /** @deprecated Canvas thumbnails no longer use snapshot capture. */
+    snapshot?: boolean;
 };
 export declare function areThumbnailSlidePropsEqual(prev: IThumbnailSlideProps, next: IThumbnailSlideProps): boolean;
+/** Model-driven slide thumbnail painted directly at the final device DPR. */
 declare const ThumbnailSlide: import("react").MemoExoticComponent<(props: IThumbnailSlideProps) => import("react").JSX.Element>;
 export default ThumbnailSlide;

package/dist/types/views/components/ThumbnailSlide/paintedSlide.d.ts

@@ -1,5 +1,5 @@
 import type { Slide } from '../../../types/slides';
-import { diffPaintedSlide, type PaintedSlide, type PaintedSlideDiff } from '../../../previewRaster/diffPaintedSlide';
+import { diffPaintedSlide, type PaintedSlide, type PaintedSlideDiff } from '../../../utils/diffPaintedSlide';
 export type { PaintedSlide, PaintedSlideDiff };
 export { diffPaintedSlide };
 export type RailSlideMeta = {

package/dist/types/views/components/element/TableElement/CustomTextarea.d.ts

@@ -1,11 +1,12 @@
 import { type CSSProperties } from 'react';
+export type TableCellCommitSource = 'blur' | 'unmount';
 export type ICustomTextareaProps = {
     value?: string;
     className?: string;
     style?: CSSProperties;
 } & {
     onUpdateValue?: (payload: string) => void;
-    onCommitValue?: (payload: string) => void;
+    onCommitValue?: (payload: string, source?: TableCellCommitSource) => void;
     onInsertExcelData?: (payload: string[][]) => void;
 };
 declare const CustomTextarea: import("react").MemoExoticComponent<(props: ICustomTextareaProps) => import("react").JSX.Element>;

package/dist/types/views/components/element/hooks/useAutoShapeTextHeight.d.ts

@@ -1,2 +1,4 @@
 import type { TextInset } from '../../../../types/slides';
-export declare function useAutoShapeTextHeight(enabled: boolean, elementId: string, inset: TextInset): import("react").RefObject<HTMLDivElement>;
+export declare function useAutoShapeTextHeight(enabled: boolean, elementId: string, inset: TextInset, contentHost?: {
+    readonly current: HTMLElement | null;
+}): import("react").RefObject<HTMLDivElement>;

package/docs/RELEASE.md

@@ -11,4 +11,6 @@ On npmjs.com → `fika-editor` → Settings → Trusted publishing, the GitHub A
 
 Do not store an `NPM_TOKEN` for publish. The workflow requests `id-token: write` and publishes with no auth token so npm exchanges the OIDC token.
 
+Release commits, tags, and GitHub releases are authored by the `fika-bot` GitHub App (mug logo). Store `FIKA_BOT_CLIENT_ID` as a repository variable and `FIKA_BOT_PRIVATE_KEY` as a repository secret. Do not commit the `.pem`.
+
 The published tarball is the prebuilt embed (`dist/embed` + `dist/types`). `dist/` stays gitignored; the workflow runs `build:embed`, packs with the npm next to Node (not Bun's PATH shim), verifies that `.tgz` with `tar`, then publishes the same file. `prepack` / `prepublishOnly` refuse a docs-only tarball if those artifacts are missing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fika-editor",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",
@@ -44,9 +44,12 @@
   ],
   "scripts": {
     "dev": "rsbuild dev",
+    "dx": "1dxway start",
+    "dx:install": "bunx 1dxway",
+    "dx:start": "1dxway start",
     "doctor": "react-doctor --no-telemetry",
     "build": "run-p type-check \"build-only {@}\" --",
-    "build:embed": "node scripts/run-i18n.mjs --no-watch && npm run build:types && rsbuild build --config rsbuild.config.embed.ts && node scripts/scope-embed-css.mjs && node scripts/extract-embed-fonts.mjs && node scripts/copy-embed-public.mjs && node scripts/generate-agentic-manifest.mjs",
+    "build:embed": "node scripts/run-i18n.mjs --no-watch && npm run build:types && rsbuild build --config rsbuild.config.embed.ts && node scripts/rewrite-embed-base-uri.mjs && node scripts/scope-embed-css.mjs && node scripts/extract-embed-fonts.mjs && node scripts/copy-embed-public.mjs && node scripts/generate-agentic-manifest.mjs",
     "agentic:manifest": "node scripts/generate-agentic-manifest.mjs",
     "build:types": "node -e \"require('node:fs').rmSync('dist/types',{recursive:true,force:true})\" && tsc -p tsconfig.types.json && node scripts/rewrite-embed-types.mjs",
     "prepack": "node scripts/verify-embed-pack.mjs",
@@ -55,14 +58,9 @@
     "preview": "rsbuild preview",
     "build-only": "rsbuild build",
     "type-check": "tsc -p tsconfig.app.json --noEmit --pretty false",
-    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "test": "rstest",
-    "test:live-size": "node scripts/check-live-element-size.mjs",
-    "test:resize-elements:e2e": "node scripts/e2e-resize-elements.mjs",
-    "test:resize-commit-match:e2e": "node scripts/e2e-resize-commit-match.mjs",
-    "test:resize-shapes:e2e": "node scripts/e2e-resize-shapes.mjs",
-    "test:live-paint": "node scripts/check-live-element-paint.mjs",
-    "test:live-paint:e2e": "node scripts/e2e-live-paint.mjs",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "test": "node scripts/test.mjs",
     "i18n": "node scripts/run-i18n.mjs",
     "i18n:build": "node scripts/run-i18n.mjs --no-watch"
   },
@@ -78,19 +76,18 @@
   "homepage": "https://github.com/lofcz/fika#readme",
   "dependencies": {
     "@chenglou/pretext": "^0.0.8",
-    "@codemirror/commands": "^6.10.4",
+    "@codemirror/commands": "^6.11.0",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.1",
-    "@codemirror/view": "^6.43.8",
+    "@codemirror/view": "^6.43.9",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "pptxgenjs-plus": "^4.1.17",
+    "@karibash/pixel-units": "^2.3.0",
     "@tanstack/react-virtual": "^3.14.9",
     "@use-gesture/react": "^10.3.1",
     "@use-gesture/vanilla": "^10.3.1",
-    "@zumer/snapdom": "^2.24.1",
     "animate.css": "^4.1.1",
     "buffer": "^6.0.3",
     "clipboard": "^2.0.11",
@@ -108,7 +105,6 @@
     "html-to-image": "^1.11.13",
     "immer": "^11.1.16",
     "jszip": "^3.10.1",
-    "konva": "^10.3.0",
     "lucide-react": "^1.31.0",
     "markdown-it": "^15.0.0",
     "markdown-it-texmath": "^1.0.0",
@@ -119,7 +115,9 @@
     "nanoid": "^6.0.1",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
+    "parse5": "^8.0.1",
     "perfect-freehand": "^1.2.3",
+    "pptxgenjs-plus": "^4.1.17",
     "pptxtojson": "npm:@lofcz/pptxtojson@^2.2.5",
     "prosemirror-commands": "^1.7.2",
     "prosemirror-dropcursor": "^1.8.3",
@@ -133,14 +131,16 @@
     "prosemirror-state": "^1.4.4",
     "prosemirror-view": "^1.42.2",
     "rbush": "^4.0.1",
-    "react-resizable-panels": "^4.12.2",
+    "react-resizable-panels": "^4.12.3",
+    "render-tag": "^0.1.29",
     "shiki": "^4.4.3",
+    "style-to-object": "^2.0.2",
     "svg-pathdata": "^9.0.0",
     "tinycolor2": "^1.6.0",
     "tippy.js": "^6.3.7",
     "txml": "^6.0.0",
     "use-sync-external-store": "^1.6.0",
-    "wawoff2": "^2.0.1",
+    "woff-lib": "^0.0.3",
     "zustand": "^5.0.15"
   },
   "peerDependencies": {
@@ -153,19 +153,20 @@
     "@rsbuild/plugin-react": "^2.1.0",
     "@rsbuild/plugin-sass": "^2.0.1",
     "@rstest/core": "^0.11.8",
-    "@rushstack/eslint-patch": "^1.16.1",
     "@types/crypto-js": "^4.2.1",
     "@types/dompurify": "^3.2.0",
     "@types/file-saver": "^2.0.7",
-    "@types/markdown-it": "^14.1.2",
+    "@types/markdown-it": "^14.2.0",
     "@types/node": "^26.2.0",
     "@types/rbush": "^4.0.0",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
     "@types/tinycolor2": "^1.4.6",
-    "eslint": "^10.8.1",
-    "eslint-plugin-react-hooks": "^7.1.1",
+    "1dxway": "^0.1.24",
+    "ink": "^7.1.1",
     "npm-run-all2": "^9.0.3",
+    "oxlint": "^1.78.0",
+    "oxlint-tsgolint": "^7.0.2001",
     "playwright": "^1.62.1",
     "postcss": "^8.5.26",
     "postcss-selector-parser": "^7.1.5",