@mce/gaoding 0.17.3 → 0.17.4

package/dist/convert/doc.d.ts

@@ -0,0 +1,2 @@
+import type { NormalizedElement } from 'modern-idoc';
+export declare function convertDoc(doc: any): Promise<NormalizedElement[]>;

package/dist/convert/element.d.ts

@@ -0,0 +1,2 @@
+import type { NormalizedElement } from 'modern-idoc';
+export declare function convertElement(el: any, _parent?: any): Promise<NormalizedElement>;

package/dist/convert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './doc';
+export * from './element';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import { plugin } from './plugin';
-export * from './clipboard';
+export * from './loaders';
 export * from './plugin';
 export default plugin;

package/dist/index.js

@@ -1,28 +1,151 @@
 import { definePlugin } from "mce";
+import { idGenerator } from "modern-idoc";
+function pick(obj, keys) {
+  const result = {};
+  for (const key of keys) {
+    if (key in obj) {
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+async function convertElement(el, _parent) {
+  const { elements, ...raw } = el;
+  const style = pick(el, [
+    "left",
+    "top",
+    "width",
+    "height",
+    "opacity",
+    "borderRadius",
+    // text
+    "color",
+    "fontFamily",
+    "fontStyle",
+    "fontWeight",
+    "fontSize",
+    "lineHeight",
+    "letterSpacing",
+    "textDecoration",
+    "writingMode",
+    "textAlign",
+    "verticalAlign",
+    "textIndent"
+  ]);
+  const meta = {
+    raw,
+    inPptIs: "Shape",
+    inEditorIs: "Element"
+  };
+  if (el.editable === false || el.hidden === true) {
+    style.visibility = "hidden";
+  }
+  if (el.lock === true) {
+    meta.lock = true;
+  }
+  const element = {
+    id: idGenerator(),
+    name: el.title,
+    style,
+    meta,
+    children: []
+  };
+  switch (el.type) {
+    case "text":
+      meta.inCanvasIs = "Element2D";
+      meta.inPptIs = "Shape";
+      element.text = {
+        content: el.content
+      };
+      break;
+    case "image":
+      meta.inCanvasIs = "Element2D";
+      meta.inPptIs = "Picture";
+      meta.lockAspectRatio = true;
+      element.foreground = {
+        image: el.url,
+        fillWithShape: true
+      };
+      break;
+    case "group":
+      meta.inCanvasIs = "Element2D";
+      meta.inPptIs = "GroupShape";
+      element.children.push(
+        ...await Promise.all(
+          elements.map(async (child) => {
+            try {
+              return await convertElement(child, el);
+            } catch (e) {
+              console.warn(e);
+              return void 0;
+            }
+          })
+        )
+      );
+      break;
+    case "path":
+      meta.inCanvasIs = "Element2D";
+      meta.inPptIs = "Picture";
+      meta.lockAspectRatio = true;
+      element.foreground = {
+        image: el.imageUrl,
+        fillWithShape: true
+      };
+      break;
+  }
+  return element;
+}
+async function convertDoc(doc) {
+  const { version: _version, elements } = doc;
+  return (await Promise.all(
+    elements.map(async (element) => {
+      try {
+        return await convertElement(element, void 0);
+      } catch (e) {
+        console.warn(e);
+        return void 0;
+      }
+    })
+  )).filter(Boolean);
+}
+function clipboardLoader() {
+  return {
+    name: "gaoding-clipboard",
+    test: (doc) => {
+      return doc instanceof Document && Boolean(doc.querySelector('span[data-app="editor-next"]'));
+    },
+    load: async (doc) => {
+      const encoded = doc.querySelector('span[data-app="editor-next"]');
+      if (encoded) {
+        const doc2 = JSON.parse(
+          decodeURIComponent(
+            new TextDecoder("utf-8", { fatal: false }).decode(
+              new Uint8Array(
+                atob(
+                  encoded.getAttribute("data-clipboard")?.replace(/\s+/g, "") ?? ""
+                ).split("").map((c) => c.charCodeAt(0))
+              )
+            )
+          )
+        );
+        return await convertDoc(doc2);
+      }
+      return [];
+    }
+  };
+}
 function plugin() {
   return definePlugin((_editor) => {
     return {
-      name: "gaoding"
+      name: "gaoding",
+      loaders: [
+        clipboardLoader()
+      ]
     };
   });
 }
-function parseClipboard(dom) {
-  const data = dom.querySelector('span[data-app="editor-next"]');
-  if (data) {
-    return decodeURIComponent(
-      new TextDecoder("utf-8", { fatal: false }).decode(
-        new Uint8Array(
-          atob(
-            data.getAttribute("data-clipboard")?.replace(/\s+/g, "") ?? ""
-          ).split("").map((c) => c.charCodeAt(0))
-        )
-      )
-    );
-  }
-  return void 0;
-}
 export {
+  clipboardLoader,
   plugin as default,
-  parseClipboard,
   plugin
 };

package/dist/loaders/clipboard.d.ts

@@ -0,0 +1 @@
+export declare function clipboardLoader(): Mce.Loader;

package/dist/loaders/index.d.ts

@@ -0,0 +1 @@
+export * from './clipboard';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mce/gaoding",
   "type": "module",
-  "version": "0.17.3",
+  "version": "0.17.4",
   "description": "Plugin for mce",
   "author": "wxm",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "dist"
   ],
   "devDependencies": {
-    "mce": "0.17.3"
+    "mce": "0.17.4"
   },
   "peerDependencies": {
     "mce": "^0"

package/dist/clipboard.d.ts

@@ -1 +0,0 @@
-export declare function parseClipboard(dom: HTMLElement): string | undefined;