fika-editor 3.0.0 → 3.0.1

package/dist/types/views/components/element/ProsemirrorEditor.d.ts

@@ -0,0 +1,60 @@
+import { type HTMLAttributes } from 'react';
+import { type PlaceholderStyleOptions, type EmptyPlaceholderStylePatch } from '../../../utils/prosemirror/commands/applyPlaceholderStyles';
+import type { TextAlign } from '../../../types/slides';
+type HostFallthrough = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'onFocus' | 'onBlur' | 'onMouseDown' | 'children' | 'dangerouslySetInnerHTML'>;
+export type IProsemirrorEditorProps = {
+    elementId: string;
+    defaultColor: string;
+    defaultFontName: string;
+    defaultFontSize?: string;
+    defaultAlign?: TextAlign;
+    value: string;
+    editable?: boolean;
+    autoFocus?: boolean;
+    wrapEmptyAs?: 'bullet';
+    placeholderFillStyles?: PlaceholderStyleOptions | null;
+    className?: string;
+} & {
+    onUpdate?: (payload: {
+        value: string;
+        ignore: boolean;
+    }) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseDown?: (payload: MouseEvent) => void;
+    onEmptyChange?: (empty: boolean) => void;
+    onPlaceholderFill?: () => void;
+    onDocChange?: (html: string) => void;
+    onPlaceholderStyle?: (payload: EmptyPlaceholderStylePatch) => void;
+} & HostFallthrough;
+export type ProsemirrorEditorHandle = {
+    focus: () => void;
+    seedPlaceholderStyles: (options: PlaceholderStyleOptions, phase?: 'empty' | 'filled') => void;
+    ensureBulletList: () => void;
+};
+declare const ProsemirrorEditor: import("react").ForwardRefExoticComponent<{
+    elementId: string;
+    defaultColor: string;
+    defaultFontName: string;
+    defaultFontSize?: string;
+    defaultAlign?: TextAlign;
+    value: string;
+    editable?: boolean;
+    autoFocus?: boolean;
+    wrapEmptyAs?: 'bullet';
+    placeholderFillStyles?: PlaceholderStyleOptions | null;
+    className?: string;
+} & {
+    onUpdate?: (payload: {
+        value: string;
+        ignore: boolean;
+    }) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseDown?: (payload: MouseEvent) => void;
+    onEmptyChange?: (empty: boolean) => void;
+    onPlaceholderFill?: () => void;
+    onDocChange?: (html: string) => void;
+    onPlaceholderStyle?: (payload: EmptyPlaceholderStylePatch) => void;
+} & HostFallthrough & import("react").RefAttributes<ProsemirrorEditorHandle>>;
+export default ProsemirrorEditor;

package/dist/types/views/components/element/ShapeElement/BaseShapeElement.d.ts

@@ -0,0 +1,6 @@
+import type { PPTShapeElement } from '../../../../types/slides';
+export type IBaseShapeElementProps = {
+    elementInfo: PPTShapeElement;
+};
+declare const BaseShapeElement: import("react").MemoExoticComponent<(props: IBaseShapeElementProps) => import("react").JSX.Element>;
+export default BaseShapeElement;

package/dist/types/views/components/element/ShapeElement/GradientDefs.d.ts

@@ -0,0 +1,9 @@
+import type { GradientColor, GradientType } from '../../../../types/slides';
+export type IGradientDefsProps = {
+    id: string;
+    type: GradientType;
+    colors: GradientColor[];
+    rotate?: number;
+};
+declare const GradientDefs: import("react").MemoExoticComponent<(props: IGradientDefsProps) => import("react").JSX.Element>;
+export default GradientDefs;

package/dist/types/views/components/element/ShapeElement/PatternDefs.d.ts

@@ -0,0 +1,6 @@
+export type IPatternDefsProps = {
+    id: string;
+    src: string;
+};
+declare const PatternDefs: import("react").MemoExoticComponent<(props: IPatternDefsProps) => import("react").JSX.Element>;
+export default PatternDefs;

package/dist/types/views/components/element/ShapeElement/index.d.ts

@@ -0,0 +1,10 @@
+import type { PPTShapeElement } from '../../../../types/slides';
+import type { ContextmenuItem } from '../../../../components/Contextmenu/types';
+export type IShapeElementProps = {
+    elementInfo: PPTShapeElement;
+    selectElement: (e: MouseEvent | TouchEvent, element: PPTShapeElement, canMove?: boolean) => void;
+    contextmenus: () => ContextmenuItem[] | null;
+    isEditing?: boolean;
+};
+declare const ShapeElement: import("react").MemoExoticComponent<(props: IShapeElementProps) => import("react").JSX.Element>;
+export default ShapeElement;

package/dist/types/views/components/element/ShapeElement/shapePaintEqual.d.ts

@@ -0,0 +1,15 @@
+import type { PPTShapeElement } from '../../../../types/slides';
+type ShapeElementProps = {
+    elementInfo: PPTShapeElement;
+    isEditing?: boolean;
+};
+/** Shape ids currently hosting a live ProseMirror session. */
+export declare const editingShapeIds: Set<string>;
+export declare function shapeInfoEqual(prev: PPTShapeElement, next: PPTShapeElement, ignoreTextContent?: boolean): boolean;
+export declare function areShapeElementPropsEqual(prev: ShapeElementProps, next: ShapeElementProps): boolean;
+export declare function areBaseShapePropsEqual(prev: {
+    elementInfo: PPTShapeElement;
+}, next: {
+    elementInfo: PPTShapeElement;
+}): boolean;
+export {};

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

@@ -0,0 +1,6 @@
+import type { PPTTableElement } from '../../../../types/slides';
+export type IBaseTableElementProps = {
+    elementInfo: PPTTableElement;
+};
+declare const BaseTableElement: import("react").MemoExoticComponent<(props: IBaseTableElementProps) => import("react").JSX.Element>;
+export default BaseTableElement;

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

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

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

@@ -0,0 +1,19 @@
+import { type MouseEvent as ReactMouseEvent } from 'react';
+import type { PPTElementOutline, TableCell, TableTheme } from '../../../../types/slides';
+export type IEditableTableProps = {
+    elementId: string;
+    data: TableCell[][];
+    width: number;
+    cellMinHeight: number;
+    colWidths: number[];
+    outline: PPTElementOutline;
+    theme?: TableTheme;
+    editable?: boolean;
+    onMouseDown?: (e: ReactMouseEvent) => void;
+} & {
+    onChange?: (payload: TableCell[][]) => void;
+    onChangeColWidths?: (payload: number[]) => void;
+    onChangeSelectedCells?: (payload: string[]) => void;
+};
+declare const EditableTable: import("react").MemoExoticComponent<(props: IEditableTableProps) => import("react").JSX.Element>;
+export default EditableTable;

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

@@ -0,0 +1,12 @@
+import type { PPTElementOutline, TableCell, TableTheme } from '../../../../types/slides';
+export type IStaticTableProps = {
+    data: TableCell[][];
+    width: number;
+    cellMinHeight: number;
+    colWidths: number[];
+    outline: PPTElementOutline;
+    theme?: TableTheme;
+    editable?: boolean;
+};
+declare const StaticTable: import("react").MemoExoticComponent<(props: IStaticTableProps) => import("react").JSX.Element>;
+export default StaticTable;

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

@@ -0,0 +1,15 @@
+import type { TableCell } from '../../../../types/slides';
+export type TableCellDraft = {
+    cellId: string;
+    row: number;
+    col: number;
+    text: string;
+};
+export declare const locateTableCell: (grid: TableCell[][], draft: Pick<TableCellDraft, 'cellId' | 'row' | 'col'>) => {
+    row: number;
+    col: number;
+} | null;
+export declare const replaceTableCellText: (grid: TableCell[][], draft: TableCellDraft) => TableCell[][] | null;
+export declare const growTable: (grid: TableCell[][], extraRows: number, extraCols: number, createCell: () => TableCell) => TableCell[][];
+export declare const applyExcelPaste: (grid: TableCell[][], startRow: number, startCol: number, excel: string[][], createCell: () => TableCell) => TableCell[][];
+export declare const insertColIntoGrid: (grid: TableCell[][], colIndex: number, createCell: () => TableCell) => TableCell[][];

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

@@ -0,0 +1,28 @@
+import type { PPTElementOutline, PPTTableElement, TableCell, TableCellStyle, TableTheme } from '../../../../types/slides';
+export declare const styleEqual: (a?: TableCellStyle, b?: TableCellStyle) => boolean;
+export declare const outlineEqual: (a?: PPTElementOutline, b?: PPTElementOutline) => boolean;
+export declare const themeEqual: (a?: TableTheme, b?: TableTheme) => boolean;
+export declare const rememberTableCellWrite: (elementId: string, data: TableCell[][]) => void;
+export declare const forgetTableCellWrite: (elementId: string) => void;
+export declare const numArrEqual: (a: number[] | undefined, b: number[] | undefined) => boolean;
+export declare const tableGridStructureEqual: (a: TableCell[][], b: TableCell[][]) => boolean;
+export declare const tableGridTextEqual: (a: TableCell[][], b: TableCell[][]) => boolean;
+export declare const isTableCellHtmlEcho: (elementId: string, data: TableCell[][]) => boolean;
+export declare const areTableCellViewEqual: (prev: {
+    cell: TableCell;
+    isActive: boolean;
+    isSelected: boolean;
+    hide: boolean;
+    cellMinHeight: number;
+    rowIndex: number;
+    colIndex: number;
+}, next: {
+    cell: TableCell;
+    isActive: boolean;
+    isSelected: boolean;
+    hide: boolean;
+    cellMinHeight: number;
+    rowIndex: number;
+    colIndex: number;
+}) => boolean;
+export declare const areTableElementInfosEqual: (a: PPTTableElement, b: PPTTableElement) => boolean;

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

@@ -0,0 +1,10 @@
+import type { PPTTableElement } from '../../../../types/slides';
+import type { ContextmenuItem } from '../../../../components/Contextmenu/types';
+export type ITableElementProps = {
+    elementInfo: PPTTableElement;
+    selectElement: (e: MouseEvent | TouchEvent, element: PPTTableElement, canMove?: boolean) => void;
+    contextmenus: () => ContextmenuItem[] | null;
+    isEditing?: boolean;
+};
+declare const TableElement: import("react").MemoExoticComponent<(props: ITableElementProps) => import("react").JSX.Element>;
+export default TableElement;

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

@@ -0,0 +1,4 @@
+export default _default;
+declare function _default(cells: any): {
+    hideCells: any[];
+};

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

@@ -0,0 +1,4 @@
+import type { TableCell } from '../../../../types/slides';
+export default _default;
+/** `formatText` reads the `mathReady` flag during render. */
+declare function _default(cells: TableCell[][]): boolean;

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

@@ -0,0 +1,9 @@
+import type { TableTheme } from '../../../../types/slides';
+export default _default;
+declare function _default(theme: TableTheme | undefined): {
+    themeColors: {
+        header: string;
+        stripe: string;
+        stripeAlt: string;
+    };
+};

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

@@ -0,0 +1,17 @@
+import type { PPTElementOutline, TableCellStyle } from '../../../../types/slides';
+/**
+ * Compute table cell box styles from outline and optional cell style.
+ */
+export declare const getCellStyle: (outline: PPTElementOutline, style?: TableCellStyle) => any;
+export declare const getTextStyle: (cellMinHeight: number, style?: TableCellStyle) => any;
+/**
+ * Render a table cell's stored source for display. Plain text keeps the legacy
+ * newline/space escaping; cells whose source contains math (`$…$`, `$$…$$`,
+ * `\(…\)`, …) get each formula typeset with MathLive into the canonical
+ * `span.fika-math` wrapper while the surrounding text stays escaped.
+ *
+ * Reads the reactive {@link mathReady} flag so the cell re-renders the moment
+ * MathLive finishes loading (kicked off lazily here on first math encounter);
+ * until then math segments fall back to their literal LaTeX source.
+ */
+export declare const formatText: (text: string) => string;

package/dist/types/views/components/element/TextElement/BaseTextElement.d.ts

@@ -0,0 +1,15 @@
+import { type CSSProperties } from 'react';
+import type { PPTTextElement, Slide, SlideBackground } from '../../../../types/slides';
+export type IBaseTextElementProps = {
+    elementInfo: PPTTextElement;
+    target?: string;
+    slideType?: Slide['type'];
+    showPlaceholders?: boolean;
+    background?: SlideBackground;
+    themeBackgroundColor?: string;
+    themeFontColor?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const BaseTextElement: import("react").MemoExoticComponent<(vrProps: IBaseTextElementProps) => import("react").JSX.Element>;
+export default BaseTextElement;

package/dist/types/views/components/element/TextElement/index.d.ts

@@ -0,0 +1,13 @@
+import { type CSSProperties } from 'react';
+import type { PPTTextElement } from '../../../../types/slides';
+import type { ContextmenuItem } from '../../../../components/Contextmenu/types';
+export type ITextElementProps = {
+    elementInfo: PPTTextElement;
+    selectElement: (e: MouseEvent | TouchEvent, element: PPTTextElement, canMove?: boolean) => void;
+    contextmenus: () => ContextmenuItem[] | null;
+    isEditing?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+declare const TextElement: import("react").MemoExoticComponent<(props: ITextElementProps) => import("react").JSX.Element>;
+export default TextElement;

package/dist/types/views/components/element/VideoElement/ScreenVideoElement.d.ts

@@ -0,0 +1,6 @@
+import type { PPTVideoElement } from '../../../../types/slides';
+export type IScreenVideoElementProps = {
+    elementInfo: PPTVideoElement;
+};
+declare const ScreenVideoElement: import("react").MemoExoticComponent<(props: IScreenVideoElementProps) => import("react").JSX.Element>;
+export default ScreenVideoElement;

package/dist/types/views/components/element/VideoElement/index.d.ts

@@ -0,0 +1,9 @@
+import type { PPTVideoElement } from '../../../../types/slides';
+import type { ContextmenuItem } from '../../../../components/Contextmenu/types';
+export type IVideoElementProps = {
+    elementInfo: PPTVideoElement;
+    selectElement: (e: MouseEvent | TouchEvent, element: PPTVideoElement, canMove?: boolean) => void;
+    contextmenus: () => ContextmenuItem[] | null;
+};
+declare const VideoElement: import("react").MemoExoticComponent<(props: IVideoElementProps) => import("react").JSX.Element>;
+export default VideoElement;

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

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

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

@@ -0,0 +1,5 @@
+import type { PPTShapeElement } from '../../../../types/slides';
+export default _default;
+declare function _default(element: PPTShapeElement, source: string): {
+    fill: string;
+};

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

@@ -0,0 +1,4 @@
+export default _default;
+declare function _default(flipH?: boolean, flipV?: boolean): {
+    flipStyle: string;
+};

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

@@ -0,0 +1,10 @@
+export default _default;
+declare function _default(outline: any): {
+    outlineWidth: any;
+    outlineStyle: any;
+    outlineColor: any;
+    outlineRadius: any;
+    strokeDashArray: string;
+};
+export declare const useOutlinePath: (outline: any, width: any, height: any) => string;
+export declare const useOutlineRadiusCss: (outline: any, width: any, height: any) => string;

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

@@ -0,0 +1,5 @@
+import type { PPTElementShadow } from '../../../../types/slides';
+export default _default;
+declare function _default(shadow?: PPTElementShadow | null): {
+    shadowStyle: string;
+};

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

@@ -0,0 +1,12 @@
+import { type RefObject } from 'react';
+import { type LiveBoxSize } from '../../../../utils/liveElementSize';
+/**
+ * Fit a naturally-sized stage into the live `[data-live-box]`.
+ *
+ * `applyLiveSize` writes the box; this hook only re-measures the stage when
+ * `contentKey` changes, then writes `transform: scale()` from live box / natural
+ * size. No React state on the resize path.
+ */
+export default function useLiveBoxFit(stageRef: RefObject<HTMLElement | null>, authored: LiveBoxSize & {
+    contentKey?: string;
+}): void;

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

@@ -0,0 +1,26 @@
+import { type CSSProperties, type RefObject } from 'react';
+import type { PPTShapeElement, PPTTextElement } from '../../../../types/slides';
+type FitSource = PPTTextElement | PPTShapeElement;
+type LiveContentInput = string | null | undefined | RefObject<string | null | undefined>;
+export default _default;
+/**
+ * Auto-fit a locked text box (fixed height or placeholder/title slot) so
+ * its content never overflows.
+ *
+ * Resize is a pretext hot path: `prepare()` once per content/font, then only
+ * `layout(prepared, width, lineHeight)` when the box size changes. No DOM
+ * layout reads, no binary search. CSS `zoom` is written on the host so Canvas
+ * / siblings do not re-render.
+ */
+declare function _default(elementInfo: FitSource, liveContent?: LiveContentInput, hostEl?: {
+    readonly current: HTMLElement | null;
+}, options?: {
+    observeResize?: boolean;
+}): {
+    fitScale: number;
+    fittedContent: string;
+    fitVars: {};
+    textFitPaintStyle: CSSProperties;
+    setLiveContent: (html: string | null) => void;
+    resync: () => void;
+};

package/docs/RELEASE.md

@@ -0,0 +1,14 @@
+# Releasing `fika-editor`
+
+Publish only through the GitHub Actions workflow [Release and Publish to npm](../.github/workflows/release.yml). That job uses npm Trusted Publishing (OIDC) on a GitHub-hosted runner. Local `npm publish` / `bun publish` is not a release path.
+
+On npmjs.com → `fika-editor` → Settings → Trusted publishing, the GitHub Actions publisher must match:
+
+- Owner: `lofcz`
+- Repository: `fika`
+- Workflow filename: `release.yml`
+- Environment: leave empty unless this workflow later sets `environment:`
+
+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.
+
+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.0",
+  "version": "3.0.1",
   "description": "Fika presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/fika-embed.js",
@@ -35,7 +35,8 @@
     "node": ">=24 <25"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "sideEffects": [
     "*.css",
@@ -48,25 +49,22 @@
     "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",
     "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",
+    "prepublishOnly": "npm run build:embed && node scripts/verify-embed-pack.mjs --tarball",
+    "pack:verify": "node scripts/verify-embed-pack.mjs --tarball",
     "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:react-mount": "node scripts/check-react-mount.mjs",
+    "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",
     "i18n": "node scripts/run-i18n.mjs",
-    "i18n:build": "node scripts/run-i18n.mjs --no-watch",
-    "test:agentic-bridge": "node scripts/check-agentic-bridge.mjs && node scripts/check-composition.mjs && node scripts/check-layout-robustness.mjs && node scripts/check-agent-text.mjs && node scripts/check-canvas-pointer.mjs && node scripts/check-canvas-zoom.mjs && node scripts/check-canvas-hit-test.mjs && node scripts/check-editor-caret.mjs && node scripts/check-text-selection.mjs && node scripts/check-import-apply.mjs && node scripts/check-job-progress.mjs && node scripts/check-element-order.mjs && node scripts/check-react-mount.mjs && node scripts/check-fn-utils.mjs && node scripts/check-snap.mjs",
-    "test:omml-export": "node scripts/e2e-math-export/omml-export.mjs",
-    "test:port-features": "node scripts/check-pptx-unit.mjs && node scripts/check-pptx-import-picture.mjs && node scripts/check-pptx-import-text.mjs && node scripts/check-pptx-text-fit.mjs && node scripts/check-text-fit-scale.mjs && node scripts/check-hyperlink-follow.mjs && node scripts/check-slide-code-utils.mjs && node scripts/check-latex-extract.mjs && node scripts/check-theme-file.mjs && node scripts/check-port-features.mjs && node scripts/check-code-highlight.mjs && node scripts/check-pptx-import-fidelity.mjs && node scripts/check-import-math-scrollbars.mjs && node scripts/check-text-contrast.mjs && node scripts/check-omml-run-style.mjs && node scripts/check-pptx-import-fonts.mjs",
-    "test:text-fit": "node scripts/check-text-fit-scale.mjs",
-    "test:text-fit:e2e": "node scripts/e2e-text-fit.mjs",
-    "test:import-fidelity": "node scripts/check-pptx-import-fidelity.mjs",
-    "test:import-fidelity:e2e": "bunx tsx --tsconfig tsconfig.app.json scripts/e2e-pptx-import-fidelity.mts",
-    "test:import-fidelity:all": "bun run test:import-fidelity && bun run test:import-fidelity:e2e",
-    "test:sb1-import": "node scripts/check-sb1-import.mjs",
-    "test:sb1-import:e2e": "node scripts/e2e-sb1-import.mjs",
-    "test:houby-import": "node scripts/check-pptx-import-fonts.mjs",
-    "test:houby-import:e2e": "node scripts/e2e-pptx-import-houby.mjs"
+    "i18n:build": "node scripts/run-i18n.mjs --no-watch"
   },
   "author": "Matěj \"lofcz\" Štágl",
   "license": "MIT",
@@ -88,7 +86,11 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@lofcz/pptxgenjs": "^4.1.16",
+    "pptxgenjs-plus": "^4.1.17",
+    "@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",
@@ -99,11 +101,14 @@
     "echarts": "^6.1.0",
     "events": "^3.3.0",
     "fast-average-color": "^9.5.2",
+    "fast-equals": "^6.0.2",
     "file-saver": "^2.0.5",
+    "flatbush": "^4.6.2",
     "hfmath": "^0.0.2",
     "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",
@@ -127,6 +132,8 @@
     "prosemirror-schema-list": "^1.5.1",
     "prosemirror-state": "^1.4.4",
     "prosemirror-view": "^1.42.2",
+    "rbush": "^4.0.1",
+    "react-resizable-panels": "^4.12.2",
     "shiki": "^4.4.3",
     "svg-pathdata": "^9.0.0",
     "tinycolor2": "^1.6.0",
@@ -145,12 +152,14 @@
     "@rsbuild/plugin-node-polyfill": "^1.4.3",
     "@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/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",