fika-editor 3.2.10 → 3.3.0

package/dist/layout/utils/resizeDeck.js

@@ -157,6 +157,11 @@ export function resizeDeckSlides(slides, from, to) {
     if (from.width === to.width && from.height === to.height)
         return result;
     for (const slide of result) {
+        // Guides describe page coordinates; resize them proportionally along their own axis.
+        if (slide.guides)
+            slide.guides = slide.guides.map(guide => ({ ...guide,
+                position: guide.position * (guide.axis === 'x' ? to.width / from.width : to.height / from.height),
+            }));
         const groups = new Map();
         for (const el of slide.elements) {
             if ((el.type === 'line' && !el.groupId) || isBackdrop(el, from) || isDecor(el, from) || edgeBand(el, from))

package/dist/types/components/Button.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, MouseEvent } from 'react';
 export type IButtonProps = {
     checked?: boolean;
     disabled?: boolean;
@@ -6,7 +6,7 @@ export type IButtonProps = {
     size?: 'small' | 'normal';
     first?: boolean;
     last?: boolean;
-    onClick?: () => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     children?: ReactNode;
     style?: React.CSSProperties;
     className?: string;

package/dist/types/embed/agentic/canvasContext.d.ts

@@ -0,0 +1,4 @@
+import type { Slide } from '../../types/slides';
+import type { FikaCanvasContext, FikaCanvasReadOptions } from './types';
+/** Bounded summaries never contain image data, SVG paths, or full rich-text HTML. */
+export declare function summarizeCanvas(slides: Slide[], activePageId: string | undefined, selectedIds: string[], width: number, ratio: number, options?: FikaCanvasReadOptions): FikaCanvasContext;

package/dist/types/embed/agentic/canvasOperations.d.ts

@@ -0,0 +1,3 @@
+import type { FikaAgentCommand, FikaCanvasOperation } from './types';
+/** Expand concise canvas operations into the existing validated native handlers. */
+export declare function canvasOperationCommand(operation: FikaCanvasOperation): FikaAgentCommand;

package/dist/types/embed/agentic/types.d.ts

@@ -1205,7 +1205,123 @@ export interface FikaAgentApi {
     import: FikaAgentImportApi;
     export: FikaAgentExportApi;
 }
+export type FikaCanvasOperation = {
+    op: 'title';
+    title: string;
+} | {
+    op: 'viewport';
+    width: number;
+    height: number;
+} | {
+    op: 'page';
+    id?: string;
+    name?: string;
+    x?: number;
+    y?: number;
+    background?: string;
+} | {
+    op: 'pageUpdate';
+    id: string;
+    patch: Partial<Slide>;
+} | {
+    op: 'text';
+    pageId?: string;
+    id?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    text: string;
+    fontSize?: number;
+    fontName?: string;
+    color?: string;
+    bold?: boolean;
+    align?: 'left' | 'center' | 'right' | 'justify';
+} | {
+    op: 'textUpdate';
+    pageId?: string;
+    id: string;
+    text: string;
+    style?: TextRunStyle;
+} | {
+    op: 'shape';
+    pageId?: string;
+    id?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    shape: 'rect' | 'ellipse';
+    fill?: string;
+} | {
+    op: 'element';
+    pageId?: string;
+    element: Partial<PPTElement> & {
+        type: PPTElement['type'];
+    };
+} | {
+    op: 'update';
+    pageId?: string;
+    id: string;
+    patch: Partial<PPTElement>;
+} | {
+    op: 'remove';
+    pageId?: string;
+    id: string;
+};
+export interface FikaCanvasApplyResult {
+    results: Array<{
+        op: FikaCanvasOperation['op'];
+        id?: string;
+        pageId?: string;
+    }>;
+}
+export interface FikaCanvasReadOptions {
+    pageId?: string;
+    offset?: number;
+    limit?: number;
+    textLimit?: number;
+}
+export interface FikaCanvasContext {
+    viewport: {
+        width: number;
+        height: number;
+    };
+    activePageId?: string;
+    selectedIds: string[];
+    pageCount: number;
+    pages: Array<{
+        id: string;
+        name?: string;
+        x: number;
+        y: number;
+        elementCount: number;
+    }>;
+    pageId?: string;
+    elementCount: number;
+    offset: number;
+    nextOffset?: number;
+    elements: Array<{
+        id: string;
+        type: string;
+        name?: string;
+        x: number;
+        y: number;
+        width: number;
+        height?: number;
+        parentFrameId?: string;
+        groupId?: string;
+        frame?: {
+            clipContent: boolean;
+        };
+        text?: string;
+    }>;
+}
 export interface FikaCommandPayloadMap {
+    'canvas.get': FikaCanvasReadOptions | undefined;
+    'canvas.apply': {
+        operations: FikaCanvasOperation[];
+    };
     'deck.get': undefined;
     'deck.set': FikaDeckInput | FikaDocument;
     'deck.patch': FikaDeckPatch | Partial<FikaDocument>;
@@ -1902,6 +2018,8 @@ export interface FikaCommandPayloadMap {
     'view.exitPresentation': undefined;
 }
 export interface FikaCommandResultDataMap {
+    'canvas.get': FikaCanvasContext;
+    'canvas.apply': FikaCanvasApplyResult;
     'deck.get': FikaDeckDocument;
     'deck.set': FikaDeckDocument;
     'deck.patch': FikaDeckDocument;

package/dist/types/embed/index.d.ts

@@ -13,3 +13,5 @@ export type { ChartData, ChartOptions, ChartType, Note, NoteReply, PPTAnimation,
 export type { FikaDesignTheme } from '../configs/designThemes';
 export { getFikaDefaultDesignThemes } from '../configs/designThemes';
 export { resizeDeckSlides, type SlideCanvas } from '../utils/resizeDeck';
+/** Myna design-mode capabilities and editable starter document. */
+export { createMynaDocument, MYNA_FORMATS } from '../views/Myna/catalog';

package/dist/types/embed/render.d.ts

@@ -21,6 +21,10 @@ export interface FikaRenderSlideOptions {
     format?: 'image/png' | 'image/jpeg' | 'image/webp';
     /** Encoder quality for lossy formats (0–1). Default 0.9. */
     quality?: number;
+    /** Omit the page background for PNG/WebP without changing element colors. */
+    transparentBackground?: boolean;
+    /** Load original image pixels, using the host media resolver if needed. Fail if an image cannot load. */
+    fullResolutionImages?: boolean;
 }
 export interface FikaDeckAtlasOptions extends Omit<FikaRenderSlideOptions, 'width'> {
     /** Width of one slide tile in CSS px. Default 640. */

package/dist/types/embed/types.d.ts

@@ -61,8 +61,8 @@ export interface FikaHeaderMenuItem {
     /** Fired when the entry is clicked (the dropdown closes first). */
     onSelect?: (id: string) => void;
 }
-/** `editor` is the default full editor; `presentation` boots straight into the fullscreen slideshow with no editor chrome. */
-export type FikaViewMode = 'editor' | 'presentation';
+/** `editor`: presentation editor; `presentation`: viewer; `canva` (alias `myna`): Myna design workspace. */
+export type FikaViewMode = 'editor' | 'presentation' | 'canva' | 'myna';
 export interface FikaMountOptions {
     /** Replacement design catalog in display order. Omit for Fika defaults; [] hides presets. Does not restyle the loaded document. */
     designThemes?: readonly FikaDesignTheme[];
@@ -135,6 +135,7 @@ export interface FikaMountOptions {
      */
     openPanelOnTextSelection?: boolean;
     /**
+     * `canva` (or `myna`) mounts the Myna graphic design workspace.
      * `presentation` mounts a presentation-only viewer: once the deck resolves,
      * the fullscreen slideshow starts immediately and the editor never renders.
      * Exiting the slideshow re-enters it, so the page stays a pure viewer.

package/dist/types/hooks/textCreationDefaults.d.ts

@@ -0,0 +1,2 @@
+/** Creation policy only; existing and imported text retains its authored sizing. */
+export declare const FixedTextCreationContext: import("react").Context<boolean>;

package/dist/types/hooks/useAnimationFrameCallback.d.ts

@@ -0,0 +1,6 @@
+/** Coalesce transient pointer input, with an explicit flush at the transaction boundary. */
+export declare function useAnimationFrameCallback<T>(callback: (value: T) => void): {
+    schedule: (value: T) => void;
+    flush: () => void;
+    cancel: () => void;
+};

package/dist/types/i18n/cs/myna/index.d.ts

@@ -0,0 +1,3 @@
+import type { NamespaceMynaTranslation } from '../../i18n-types';
+declare const myna: NamespaceMynaTranslation;
+export default myna;

package/dist/types/i18n/en/myna/index.d.ts

@@ -0,0 +1,3 @@
+import type { BaseTranslation } from '../../i18n-types';
+declare const myna: BaseTranslation;
+export default myna;

package/dist/types/i18n/i18n-react.d.ts

@@ -1,6 +1,7 @@
 import type { Locales, TranslationFunctions } from './i18n-types';
 declare const TypesafeI18n: import("react").FunctionComponent<import("typesafe-i18n/react").TypesafeI18nProps<Locales>>, I18nContext: import("react").Context<import("typesafe-i18n/react").I18nContextType<Locales, {
     screen: import("./i18n-types").NamespaceScreenTranslation;
+    myna: import("./i18n-types").NamespaceMynaTranslation;
     export: import("./i18n-types").NamespaceExportTranslation;
     editor: import("./i18n-types").NamespaceEditorTranslation;
     mobile: import("./i18n-types").NamespaceMobileTranslation;
@@ -12,6 +13,7 @@ declare const TypesafeI18n: import("react").FunctionComponent<import("typesafe-i
 export { TypesafeI18n, I18nContext };
 export declare function useI18nContext(): import("typesafe-i18n/react").I18nContextType<Locales, {
     screen: import("./i18n-types").NamespaceScreenTranslation;
+    myna: import("./i18n-types").NamespaceMynaTranslation;
     export: import("./i18n-types").NamespaceExportTranslation;
     editor: import("./i18n-types").NamespaceEditorTranslation;
     mobile: import("./i18n-types").NamespaceMobileTranslation;