@myoc/element 0.19.532 → 0.19.533

package/dist/types/excalidraw/data/blob.d.ts

@@ -4,7 +4,7 @@ import type { ExcalidrawElement, FileId } from "@excalidraw/element/types";
 import type { AppState, CompressImageFile, DataURL } from "../types";
 export declare const getMimeType: (blob: Blob | string) => string;
 export declare const getFileHandleType: (handle: FileSystemFileHandle | null) => string | null;
-export declare const isImageFileHandleType: (type: string | null) => type is "png" | "svg";
+export declare const isImageFileHandleType: (type: string | null) => type is "png" | "svg" | "gif";
 export declare const isImageFileHandle: (handle: FileSystemFileHandle | null) => handle is FileSystemFileHandle;
 export declare const isSupportedImageFileType: (type: string | null | undefined) => boolean;
 export declare const isSupportedImageFile: (blob: Blob | null | undefined) => blob is Blob & {
@@ -152,7 +152,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         scrolledOutside: boolean;
         isResizing: boolean;
         openMenu: "canvas" | null;
-        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | "gifFrameGallery" | "gifSpeedPicker" | null;
         openSidebar: {
             name: import("../types").SidebarName;
             tab?: import("../types").SidebarTabName;

package/dist/types/excalidraw/data/json.d.ts

@@ -153,7 +153,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         scrolledOutside: boolean;
         isResizing: boolean;
         openMenu: "canvas" | null;
-        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | "gifFrameGallery" | "gifSpeedPicker" | null;
         openSidebar: {
             name: import("../types").SidebarName;
             tab?: import("../types").SidebarTabName;

package/dist/types/excalidraw/data/restoreGif.d.ts

@@ -0,0 +1,4 @@
+import type { ExcalidrawGifPlayback } from "@excalidraw/element/types";
+type RestorableGifPlayback = Partial<ExcalidrawGifPlayback> | null | undefined;
+export declare const restoreGifPlayback: (gifPlayback: RestorableGifPlayback) => ExcalidrawGifPlayback | null;
+export {};

package/dist/types/excalidraw/scene/Renderer.d.ts

@@ -276,6 +276,7 @@ export declare class Renderer {
             status: "pending" | "saved" | "error";
             scale: [number, number];
             crop: import("@excalidraw/element/types").ImageCrop | null;
+            gifPlayback: import("@excalidraw/element/types").ExcalidrawGifPlayback | null;
         }> & {
             isDeleted: false;
         }) | (Readonly<{

package/dist/types/excalidraw/scene/types.d.ts

@@ -1,5 +1,5 @@
 import type { UserIdleState, EditorInterface } from "@excalidraw/common";
-import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
+import type { ExcalidrawElement, ExcalidrawImageElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@excalidraw/element/types";
 import type { MakeBrand } from "@excalidraw/common/utility-types";
 import type { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState, SocketId, PendingExcalidrawElements } from "../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
@@ -8,6 +8,7 @@ export type RenderableElementsMap = NonDeletedElementsMap & MakeBrand<"Renderabl
 export type StaticCanvasRenderConfig = {
     canvasBackgroundColor: AppState["viewBackgroundColor"];
     imageCache: AppClassProperties["imageCache"];
+    getGifFrameIndex?: (element: ExcalidrawImageElement) => number | undefined;
     imageTransitionDuration?: number;
     renderGrid: boolean;
     /** whether to render link icons on elements with links (never rendered

package/dist/types/excalidraw/types.d.ts

@@ -1,7 +1,7 @@
 import type { IMAGE_MIME_TYPES, UserIdleState, throttleRAF, MIME_TYPES, ColorTuple, EditorInterface, StrokeWidthKey } from "@excalidraw/common";
 import type { LinearElementEditor } from "@excalidraw/element";
 import type { MaybeTransformHandleType } from "@excalidraw/element";
-import type { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, ExcalidrawArrowElement, Arrowhead, FontFamilyValues, FileId, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeLikeElement, OrderedExcalidrawElement, ExcalidrawNonSelectionElement, ArrangeAlgorithms, BindMode, ExcalidrawTextElement, StrokeVariability } from "@excalidraw/element/types";
+import type { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, ExcalidrawArrowElement, Arrowhead, FontFamilyValues, FileId, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeLikeElement, OrderedExcalidrawElement, ExcalidrawNonSelectionElement, ArrangeAlgorithms, BindMode, ExcalidrawTextElement, StrokeVariability, ExcalidrawGifCache } from "@excalidraw/element/types";
 import type { Merge, MaybePromise, ValueOf, MakeBrand } from "@excalidraw/common/utility-types";
 import type { CaptureUpdateActionType, DurableIncrement, EphemeralIncrement } from "@excalidraw/element";
 import type { GlobalPoint } from "@excalidraw/math";
@@ -406,7 +406,7 @@ export interface AppState {
     isRotating: boolean;
     zoom: Zoom;
     openMenu: "canvas" | null;
-    openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+    openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | "gifFrameGallery" | "gifSpeedPicker" | null;
     openSidebar: {
         name: SidebarName;
         tab?: SidebarTabName;
@@ -913,6 +913,8 @@ export type ExportOpts = {
 export type ImageOptions = Partial<{
     maxWidthOrHeight: number;
     maxFileSizeBytes: number;
+    /** GIF files larger than this are inserted as static images until manually loaded */
+    gifAutoDecodeMaxFileSizeBytes: number;
     /** duration of the placeholder-to-full-image crossfade in milliseconds */
     placeholderTransitionDuration: number;
 }>;
@@ -973,6 +975,8 @@ export type AppClassProperties = {
         isPlaceholder?: boolean;
         placeholderImage?: HTMLImageElement;
         transitionStart?: number;
+        gifDecodeStatus?: "pending" | "success" | "error" | "deferred";
+        gif?: ExcalidrawGifCache;
     }>;
     imageLoadingProgress: App["imageLoadingProgress"];
     imageLoadingProgressEmitter: App["imageLoadingProgressEmitter"];
@@ -993,6 +997,12 @@ export type AppClassProperties = {
     scrollToViewport: App["scrollToViewport"];
     scrollToContent: App["scrollToContent"];
     addFiles: App["addFiles"];
+    scheduleCapture: App["scheduleCapture"];
+    scheduleUpdate: App["scheduleUpdate"];
+    ensureGifPlaybackLoop: App["ensureGifPlaybackLoop"];
+    loadDeferredGif: App["loadDeferredGif"];
+    getGifPlaybackFrameIndex: App["getGifPlaybackFrameIndex"];
+    setGifPlaybackFrameIndex: App["setGifPlaybackFrameIndex"];
     addElementsFromPaste: App["addElementsFromPaste"];
     togglePenMode: App["togglePenMode"];
     toggleLock: App["toggleLock"];

package/dist/types/excalidraw/viewport.d.ts

@@ -183,7 +183,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fit, m
         isResizing: boolean;
         isRotating: boolean;
         openMenu: "canvas" | null;
-        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
+        openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | "gifFrameGallery" | "gifSpeedPicker" | null;
         openSidebar: {
             name: import("./types").SidebarName;
             tab?: import("./types").SidebarTabName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/element",
-  "version": "0.19.532",
+  "version": "0.19.533",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -64,9 +64,10 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "npm:@myoc/common@0.19.532",
-    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.532",
-    "@excalidraw/math": "npm:@myoc/math@0.19.532",
+    "@excalidraw/common": "npm:@myoc/common@0.19.533",
+    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.533",
+    "@excalidraw/math": "npm:@myoc/math@0.19.533",
+    "modern-gif": "2.1.0",
     "thumbhash": "0.1.1"
   }
 }