modern-idoc 0.0.2 → 0.1.0

package/README.md

@@ -21,47 +21,68 @@
 ## Usage
 
 ```ts
-import type { IDoc } from 'modern-idoc'
+import type { IDOCDocument } from 'modern-idoc'
 
-const doc: IDoc = {
-  name: 'example.pptx',
+const pdf: IDOCDocument = {
   children: [
     {
-      name: 'ppt/slides/slide1.xml',
-      type: 'group',
       style: {
-        width: 960,
-        height: 540,
-      },
-      meta: {
-        layout: 'ppt/slideLayous/slideLayout1.xml',
+        width: 300,
+        height: 600,
       },
       children: [
         {
-          type: 'image',
           style: {
-            left: 100,
-            top: 100,
-            width: 300,
-            height: 400,
+            rotate: 60,
+            width: 50,
+            height: 50,
           },
-          src: '/example.png',
+          image: '/example.png',
         },
         {
-          type: 'text',
           style: {
+            rotate: 40,
             left: 100,
             top: 100,
+            fontSize: 20,
+            color: '#FF00FF',
           },
-          content: 'TEXT',
+          text: 'test',
         },
         {
-          type: 'shape',
-          paths: [
-            { fill: '#000', data: 'M 0 0 L 100 100' },
+          style: {
+            left: 200,
+            top: 100,
+            width: 100,
+            height: 200,
+            fontSize: 22,
+          },
+          text: [
+            {
+              letterSpacing: 3,
+              fragments: [
+                {
+                  content: 'He',
+                  color: '#00FF00',
+                  fontSize: 12,
+                },
+                {
+                  content: 'llo',
+                  color: '#000000',
+                },
+              ],
+            },
+            {
+              content: ', ',
+              color: '#FF0000',
+            },
+            {
+              content: 'World!',
+              color: '#0000FF',
+            },
           ],
         },
-      ]
+      ],
     },
   ],
 }

package/dist/index.cjs

@@ -1,14 +1,5 @@
 'use strict';
 
-var IElementType = /* @__PURE__ */ ((IElementType2) => {
-  IElementType2["text"] = "text";
-  IElementType2["image"] = "image";
-  IElementType2["group"] = "group";
-  IElementType2["shape"] = "shape";
-  IElementType2["video"] = "video";
-  return IElementType2;
-})(IElementType || {});
-
 function getDefaultElementStyle() {
   return {
     overflow: "visible",
@@ -57,11 +48,11 @@ function getDefaultElementStyle() {
 
 function getDefaultTextStyle() {
   return {
-    ...getDefaultElementStyle(),
     writingMode: "horizontal-tb",
     verticalAlign: "baseline",
     lineHeight: 1.2,
     letterSpacing: 0,
+    wordSpacing: 0,
     // font
     fontSize: 14,
     fontWeight: "normal",
@@ -86,16 +77,205 @@ function getDefaultTextStyle() {
     listStyleColormap: "none",
     listStyleSize: "cover",
     listStylePosition: "outside",
-    // listStyle
+    // highlight
     highlightImage: "none",
     highlightReferImage: "none",
     highlightColormap: "none",
     highlightLine: "none",
     highlightSize: "cover",
-    highlightThickness: "100%"
+    highlightThickness: "100%",
+    // transform
+    scaleX: 1,
+    scaleY: 1,
+    skewX: 0,
+    skewY: 0,
+    translateX: 0,
+    translateY: 0,
+    transform: "none",
+    transformOrigin: "50% 50%",
+    // shadow
+    shadowColor: "transparent",
+    shadowOffsetX: 0,
+    shadowOffsetY: 0,
+    shadowBlur: 0
+  };
+}
+
+function getDefaultStyle() {
+  return {
+    ...getDefaultElementStyle(),
+    ...getDefaultTextStyle()
+  };
+}
+
+function normalizeFill(fill) {
+  if (!fill || fill === "none") {
+    return void 0;
+  } else if (typeof fill === "string") {
+    return {
+      color: fill
+    };
+  } else {
+    return fill;
+  }
+}
+
+function normalizeGeometry(geometry) {
+  if (!geometry || geometry === "none") {
+    return void 0;
+  } else if (typeof geometry === "string") {
+    return {
+      data: [
+        { data: geometry }
+      ]
+    };
+  } else if (Array.isArray(geometry)) {
+    return {
+      data: geometry.map((data) => {
+        return {
+          data
+        };
+      })
+    };
+  } else {
+    return {
+      ...geometry,
+      data: geometry.data.map((data) => {
+        if (typeof data === "string") {
+          return {
+            data
+          };
+        }
+        return data;
+      })
+    };
+  }
+}
+
+function normalizeImage(image) {
+  if (!image || image === "none") {
+    return void 0;
+  } else if (typeof image === "string") {
+    return {
+      src: image
+    };
+  } else {
+    return image;
+  }
+}
+
+function normalizeStroke(stroke) {
+  if (!stroke || stroke === "none") {
+    return void 0;
+  } else if (typeof stroke === "string") {
+    return {
+      color: stroke
+    };
+  } else {
+    return stroke;
+  }
+}
+
+function normalizeTextContent(content = "") {
+  const list = Array.isArray(content) ? content : [content];
+  return list.map((p) => {
+    if (typeof p === "string") {
+      return {
+        fragments: [
+          { content: p }
+        ]
+      };
+    } else if ("content" in p) {
+      return {
+        fragments: [
+          { ...p }
+        ]
+      };
+    } else if ("fragments" in p) {
+      return {
+        ...p,
+        fragments: p.fragments.map((f) => ({ ...f }))
+      };
+    } else if (Array.isArray(p)) {
+      return {
+        fragments: p.map((f) => {
+          if (typeof f === "string") {
+            return {
+              content: f
+            };
+          } else {
+            return { ...f };
+          }
+        })
+      };
+    } else {
+      return {
+        fragments: []
+      };
+    }
+  });
+}
+
+function normalizeText(text) {
+  if (!text || text === "none") {
+    return void 0;
+  } else if (typeof text === "string") {
+    return {
+      content: [
+        {
+          fragments: [
+            { content: text }
+          ]
+        }
+      ]
+    };
+  } else if ("content" in text) {
+    return {
+      ...text,
+      content: normalizeTextContent(text.content)
+    };
+  } else {
+    return {
+      content: normalizeTextContent(text)
+    };
+  }
+}
+
+function normalizeVideo(video) {
+  if (!video || video === "none") {
+    return void 0;
+  } else if (typeof video === "string") {
+    return {
+      src: video
+    };
+  } else {
+    return {
+      ...video
+    };
+  }
+}
+
+function normalizeElement(element) {
+  return {
+    ...element,
+    image: normalizeImage(element.image),
+    video: normalizeVideo(element.video),
+    text: normalizeText(element.text),
+    geometry: normalizeGeometry(element.geometry),
+    fill: normalizeFill(element.fill),
+    stroke: normalizeStroke(element.stroke),
+    children: element.children?.map((child) => normalizeElement(child))
   };
 }
 
-exports.IElementType = IElementType;
 exports.getDefaultElementStyle = getDefaultElementStyle;
+exports.getDefaultStyle = getDefaultStyle;
 exports.getDefaultTextStyle = getDefaultTextStyle;
+exports.normalizeElement = normalizeElement;
+exports.normalizeFill = normalizeFill;
+exports.normalizeGeometry = normalizeGeometry;
+exports.normalizeImage = normalizeImage;
+exports.normalizeStroke = normalizeStroke;
+exports.normalizeText = normalizeText;
+exports.normalizeTextContent = normalizeTextContent;
+exports.normalizeVideo = normalizeVideo;