@mce/gif 0.17.1

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { plugin } from './plugin';
+export * from './plugin';
+export default plugin;

package/dist/index.js

@@ -0,0 +1,47 @@
+import { definePlugin } from "mce";
+import { render } from "modern-canvas";
+import { Encoder } from "modern-gif";
+function plugin() {
+  return definePlugin((editor, options) => {
+    const {
+      assets,
+      fonts,
+      to
+    } = editor;
+    const gifWorkerUrl = options.gifWorkerUrl;
+    assets.gifWorkerUrl = gifWorkerUrl;
+    return {
+      name: "mce:gif",
+      exporters: [
+        {
+          name: "gif",
+          saveAs: true,
+          handle: async (options2) => {
+            const { onProgress, ...restOptions } = options2;
+            const data = to("json", restOptions);
+            const { startTime, endTime } = data.meta;
+            const width = Math.floor(data.style.width);
+            const height = Math.floor(data.style.height);
+            const encoder = new Encoder({ width, height, workerUrl: gifWorkerUrl });
+            await render({
+              data,
+              width,
+              height,
+              fonts,
+              keyframes: Array.from({ length: ~~((endTime - startTime) / 100) }, (_, i) => startTime + i * 100),
+              onKeyframe: async (data2, { duration, progress }) => {
+                await encoder.encode({ data: data2, delay: duration });
+                onProgress?.(progress);
+              }
+            });
+            return await encoder.flush("blob");
+          }
+        }
+      ]
+    };
+  });
+}
+export {
+  plugin as default,
+  plugin
+};

package/dist/plugin.d.ts

@@ -0,0 +1,11 @@
+declare global {
+    namespace Mce {
+        interface Options {
+            gifWorkerUrl?: string;
+        }
+        interface Exporters {
+            gif: Promise<Blob>;
+        }
+    }
+}
+export declare function plugin(): import("mce").Plugin;

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@mce/gif",
+  "type": "module",
+  "version": "0.17.1",
+  "description": "GIF plugin for mce",
+  "author": "wxm",
+  "license": "MIT",
+  "homepage": "https://github.com/qq15725/mce",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/qq15725/mce.git"
+  },
+  "bugs": {
+    "url": "https://github.com/qq15725/mce/issues"
+  },
+  "keywords": [
+    "mce",
+    "gif",
+    "plugin"
+  ],
+  "sideEffects": true,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./*.mjs": "./*.js",
+    "./*": "./*"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "browser": "./dist/index.js",
+  "typings": "dist/index.d.ts",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "*",
+        "dist/*",
+        "dist/*.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "modern-gif": "^2.0.4"
+  },
+  "devDependencies": {
+    "mce": "0.17.1"
+  },
+  "peerDependencies": {
+    "mce": "^0"
+  },
+  "scripts": {
+    "build:code": "vite build",
+    "build:tsc": "NODE_ENV=production tsc --emitDeclarationOnly --project tsconfig.json",
+    "build": "pnpm build:code && pnpm build:tsc",
+    "lint": "eslint src"
+  }
+}