fika-editor 3.0.2 → 3.0.3

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

@@ -1,10 +1,40 @@
-import type { LineStyleType, PPTElementOutline } from '../types/slides';
-/** Clamp corner radius to half the shorter box side. */
+import { type LineStyleType, type PPTElementOutline, type PPTShapeElement } from '../types/slides';
+/** Clamp a resolved pixel corner radius to half the shorter box side. */
 export declare const clampOutlineRadius: (radius: number, width: number, height: number) => number;
+/** Pixel radius for paint/CSS. `radius` is 0–1 of max rounding, or legacy px when `> 1`. */
+export declare const resolveOutlineRadiusPx: (radius: number | undefined, width: number, height: number) => number;
+/** Slider / label percent (0–100) for an authored outline radius. */
+export declare const outlineRadiusToPercent: (radius: number | undefined, width: number, height: number) => number;
+export declare const percentToOutlineRadius: (percent: number) => number;
 export declare const outlineRadiusCss: (radius: number | undefined, width: number, height: number) => string | undefined;
+/**
+ * Rounded rect in local units. `rx`/`ry` are elliptical radii of that space
+ * (circular after a matching non-uniform scale). Skips zero-length edges so
+ * 100% rounding is a pill/circle instead of collapsed quadratic chamfers.
+ */
+export declare const roundedRectEllipsePath: (width: number, height: number, rx: number, ry: number) => string;
+/** Circular-corner rounded rect in pixel space. 100% radius → pill / circle. */
+export declare const roundedRectArcPath: (width: number, height: number, radiusPx: number) => string;
 /** SVG path for a rectangular outline (optionally rounded). */
 export declare const roundedRectOutlinePath: (width: number, height: number, radius?: number) => string;
-/** pptxgenjs `rectRadius` is 0–1 relative to the shorter side. */
+/** Rectangles and rectangle-family formulas the border-radius slider can round. */
+export declare const isRoundableRectShape: (el: Pick<PPTShapeElement, 'path' | 'viewBox' | 'pathFormula'>) => boolean;
+/**
+ * Path the editor / painter / hit-test should use. Outline radius is a 0–1
+ * fraction of max rounding; viewBox scale keeps the corners circular.
+ */
+export declare const resolveShapePaintPath: (el: PPTShapeElement) => string;
+/** Keep ROUND_RECT keypoints / path in sync when the radius slider moves. */
+export declare const shapePropsForOutlineRadius: (el: PPTShapeElement, radius: number) => Partial<PPTShapeElement>;
+export declare const outlineElementPatch: (el: {
+    type: string;
+}, outline: PPTElementOutline, radiusChanged?: boolean) => {
+    outline: PPTElementOutline;
+} & Partial<PPTShapeElement>;
+/**
+ * pptxgenjs-plus `rectRadius` (ECMA-376 `a:gd name="adj"` / 50000).
+ * 0 = sharp corners, 1 = maximum rounding, 0.2 = 20%.
+ */
 export declare const outlineRadiusToPptxRectRadius: (radius: number, width: number, height: number) => number;
 /** pptxtojson emits border colors as a structured solid/gradient object. */
 export type PptxBorderColor = string | {

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

@@ -3,9 +3,13 @@
  *
  * Collects the non-system font families actually used in the deck, fetches their
  * woff2 bytes (bundled via `new URL(...)` so Vite emits them), decompresses
- * woff2 → TTF (via wawoff2), and returns `AddFontOptions[]` for `pptx.addFont()`.
- * PPTX embeds fonts as EOT-wrapped data and pptxgenjs handles TTF/OTF directly,
- * so the only required step is woff2 → TTF decompression.
+ * woff2 → TTF (via woff-lib, pure TS), and returns `AddFontOptions[]` for
+ * `pptx.addFont()`. PPTX embeds fonts as EOT-wrapped data and pptxgenjs handles
+ * TTF/OTF directly, so the only required step is woff2 → TTF decompression.
+ *
+ * woff-lib replaced wawoff2 here: wawoff2 is a Node-targeted Emscripten binary
+ * whose `onRuntimeInitialized` promise never resolves when the runtime fails to
+ * boot inside a bundled web build, hanging exports forever with no error.
  */
 import type pptxgen from 'pptxgenjs-plus';
 type AddFontOptions = Parameters<pptxgen['addFont']>[0];

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

@@ -1,3 +1,5 @@
+import type { TurningMode } from '../types/slides';
+import type { ImportTurningModeInput } from './importTransition';
 export type ImportApplyMode = 'replace' | 'append';
 export interface ImportApplyOptions {
     /**
@@ -5,6 +7,14 @@ export interface ImportApplyOptions {
      * Default is `replace`.
      */
     mode?: ImportApplyMode;
+    /**
+     * Override imported slide transitions. A single mode applies to every slide;
+     * an array or index map sets individual slides (missing entries keep the
+     * file transition, or `defaultTurningMode` / Rise when the file has none).
+     */
+    turningMode?: ImportTurningModeInput;
+    /** Fallback when a slide has no file transition and no per-slide override. */
+    defaultTurningMode?: TurningMode;
     /**
      * Legacy alias: `true` replace, `false` append.
      * An empty deck (0 slides) is always replaced.

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

@@ -0,0 +1,19 @@
+import type { Slide, TurningMode } from '../types/slides';
+export declare const isTurningMode: (value: unknown) => value is TurningMode;
+/** One mode for every slide, or a per-slide list / index map. */
+export type ImportTurningModeInput = TurningMode | Array<TurningMode | null | undefined> | Record<number, TurningMode>;
+export type ImportTransitionOptions = {
+    turningMode?: ImportTurningModeInput;
+    /** Used when a slide has no file transition and no per-slide override. */
+    defaultTurningMode?: TurningMode;
+};
+export type AppliedImportTransitions = {
+    slides: Slide[];
+    /** Set when every imported slide received the same explicit override. */
+    uniformMode?: TurningMode;
+};
+/**
+ * Accept a single mode, an index-aligned array, or a 0- or 1-based index map.
+ */
+export declare const parseImportTurningMode: (value: unknown) => ImportTurningModeInput | undefined;
+export declare const applyImportTransitions: (slides: Slide[], options?: ImportTransitionOptions) => AppliedImportTransitions;

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

@@ -0,0 +1,24 @@
+import type { PPTElement } from '../types/slides';
+/**
+ * One row of the Alt+Click layer picker: an element (or a whole group)
+ * whose visual box contains the probed point.
+ */
+export interface LayerStackEntry {
+    /** Representative element — for groups, the topmost member under the point. */
+    element: PPTElement;
+    /** Ids applied to the selection when this entry is picked (empty when locked). */
+    memberIds: string[];
+    groupId?: string;
+    groupSize?: number;
+    locked: boolean;
+}
+/**
+ * All layers under a wrapper-space point, top → bottom.
+ *
+ * Group members collapse into a single entry (picking one selects the whole
+ * group, matching canvas click behavior). Hidden elements are skipped; locked
+ * elements are listed but marked non-selectable.
+ */
+export declare function layerStackAtPoint(elementList: PPTElement[], canvasScale: number, hiddenElementIdList: Iterable<string>, x: number, y: number): LayerStackEntry[];
+/** Index of the next selectable entry below `fromIndex`, wrapping. -1 when none. */
+export declare function nextSelectableLayer(entries: LayerStackEntry[], fromIndex: number): number;

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

@@ -11,11 +11,11 @@
  *   `.viewport-wrapper` (already sized to the *visual* slide). Position
  *   here is slide × canvasScale.
  *
- * Never use CSS `translate` on the painted box. Auto-size text measures
- * and rasterizes differently under a transform than under `left`/`top`,
- * so the glyphs shift on pointerup when the transform is removed. Write
- * the same `left`/`top` the store will commit — drag and drop are one
- * paint path. Scale already does this (`applyLiveSize`).
+ * Most elements use `left` / `top` so auto-size text keeps the same
+ * measurement and rasterization path during and after the gesture. Complex
+ * transparent surfaces can opt into `data-live-translate3d`; those keep
+ * their raster on a compositor layer while dragging, then settle to the
+ * committed `left` / `top` on pointerup.
  */
 export type LiveOffsetPosition = {
     id: string;
@@ -40,6 +40,7 @@ export type LivePositionCss = {
     visualTop: string;
 };
 export declare const livePositionCss: (left: number, top: number, canvasScale: number) => LivePositionCss;
+export declare const liveTranslate3dCss: (dx: number, dy: number) => string;
 export declare const applyLivePositionStyles: (nodes: LiveOffsetNodes, left: number, top: number, canvasScale: number) => void;
 export declare const readLiveMultiOrigin: (canvasScale: number) => {
     left: number;

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

@@ -1,9 +1,18 @@
 import type { Slide } from '../types/slides';
 export declare const isDataUrl: (src: string) => boolean;
+export declare const isBlobUrl: (src: string) => boolean;
 export declare const onMediaInterned: (fn: (from: string, to: string) => void) => () => void;
 /** Data URL and its blob: alias are the same bytes. */
 export declare const bitmapSrcKeys: (src: string) => string[];
 export declare const getInternedBlob: (src: string) => Blob | undefined;
+/** Live interned data URL for a blob: src, or the original if it is already persistable. */
+export declare const persistableMediaSrc: (src: string) => string;
+/**
+ * Record an object URL created outside the intern layer (e.g. pasted video)
+ * so `getInternedBlob` can still inline its bytes during export.
+ */
+export declare const registerMediaBlob: (url: string, blob: Blob) => void;
+export declare const rewritePersistableMediaSrcs: <T extends Slide>(slides: T[]) => T[];
 export declare const startInternSlideMedia: (slide: Slide) => void;
 export declare const internMediaSrc: (src: string) => Promise<string>;
 export declare const visitSlideMediaSrcs: (slide: Slide, visit: (src: string) => void) => void;

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). */
@@ -43,12 +53,10 @@ export interface TextFitBlock {
      * 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?: Array<{
-        text: string;
-        size: number;
-        bold?: boolean;
-        italic?: boolean;
-    }>;
+    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). */

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/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,15 +7,10 @@ export type IThumbnailSlideProps = {
     visible?: boolean;
     showPlaceholders?: boolean;
     className?: string;
-    /** Opt into the identity-keyed snapshot cache (editor rail only). */
+    /** @deprecated Canvas thumbnails no longer use snapshot capture. */
     snapshot?: boolean;
 };
 export declare function areThumbnailSlidePropsEqual(prev: IThumbnailSlideProps, next: IThumbnailSlideProps): boolean;
-/**
- * The thumbnail IS the slide: the real ScreenSlide DOM scaled into the thumb
- * box (see LiveSlideThumb). The rail stays faithful to the editor canvas by
- * construction and updates live while editing — no raster pipeline, no
- * per-element capture booths, nothing to fall behind.
- */
+/** 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fika-editor",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",
@@ -44,6 +44,9 @@
   ],
   "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/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",
@@ -55,7 +58,8 @@
     "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",
+    "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"
@@ -72,11 +76,11 @@
   "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",
@@ -84,7 +88,6 @@
     "@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",
@@ -128,7 +131,7 @@
     "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",
@@ -137,7 +140,7 @@
     "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": {
@@ -150,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",