modern-idoc 0.2.13 → 0.3.0

package/README.md

@@ -26,10 +26,7 @@ import type { IDOCDocument } from 'modern-idoc'
 const pdf: IDOCDocument = {
   children: [
     {
-      style: {
-        width: 300,
-        height: 600,
-      },
+      style: { width: 300, height: 600 },
       children: [
         {
           style: {
@@ -37,7 +34,7 @@ const pdf: IDOCDocument = {
             width: 50,
             height: 50,
           },
-          image: '/example.png',
+          background: '/example.png',
         },
         {
           style: {
@@ -66,20 +63,11 @@ const pdf: IDOCDocument = {
                   color: '#00FF00',
                   fontSize: 12,
                 },
-                {
-                  content: 'llo',
-                  color: '#000000',
-                },
+                { content: 'llo', color: '#000000' },
               ],
             },
-            {
-              content: ', ',
-              color: '#FF0000',
-            },
-            {
-              content: 'World!',
-              color: '#0000FF',
-            },
+            { content: ', ', color: '#FF0000' },
+            { content: 'World!', color: '#0000FF' },
           ],
         },
       ],

package/dist/index.cjs

@@ -1,192 +1,16 @@
 'use strict';
 
-function getDefaultLayoutStyle() {
-  return {
-    // box
-    overflow: "visible",
-    direction: void 0,
-    display: void 0,
-    boxSizing: void 0,
-    width: void 0,
-    height: void 0,
-    maxHeight: void 0,
-    maxWidth: void 0,
-    minHeight: void 0,
-    minWidth: void 0,
-    // position
-    position: void 0,
-    left: 0,
-    top: 0,
-    right: void 0,
-    bottom: void 0,
-    // border
-    borderTop: void 0,
-    borderLeft: void 0,
-    borderRight: void 0,
-    borderBottom: void 0,
-    borderWidth: 0,
-    border: void 0,
-    // flex
-    flex: void 0,
-    flexBasis: void 0,
-    flexDirection: void 0,
-    flexGrow: void 0,
-    flexShrink: void 0,
-    flexWrap: void 0,
-    justifyContent: void 0,
-    gap: void 0,
-    alignContent: void 0,
-    alignItems: void 0,
-    alignSelf: void 0,
-    // margin
-    marginTop: void 0,
-    marginLeft: void 0,
-    marginRight: void 0,
-    marginBottom: void 0,
-    margin: void 0,
-    // padding
-    paddingTop: void 0,
-    paddingLeft: void 0,
-    paddingRight: void 0,
-    paddingBottom: void 0,
-    padding: void 0
-  };
-}
-
-function getDefaultShadowStyle() {
-  return {
-    boxShadow: "none"
-  };
-}
-
-function getDefaultTransformStyle() {
-  return {
-    rotate: 0,
-    scaleX: 1,
-    scaleY: 1,
-    skewX: 0,
-    skewY: 0,
-    translateX: 0,
-    translateY: 0,
-    transform: "none",
-    transformOrigin: "center"
-  };
-}
-
-function getDefaultElementStyle() {
-  return {
-    ...getDefaultLayoutStyle(),
-    ...getDefaultTransformStyle(),
-    ...getDefaultShadowStyle(),
-    // background
-    backgroundImage: "none",
-    backgroundColor: "none",
-    // border
-    borderRadius: 0,
-    borderColor: "none",
-    borderStyle: "solid",
-    // outline
-    outlineWidth: 0,
-    outlineOffset: 0,
-    outlineColor: "#000000",
-    outlineStyle: "none",
-    // other
-    visibility: "visible",
-    filter: "none",
-    opacity: 1,
-    pointerEvents: "auto",
-    maskImage: "none"
-  };
-}
-
-function getDefaultTextStyle() {
-  return {
-    writingMode: "horizontal-tb",
-    verticalAlign: "baseline",
-    lineHeight: 1.2,
-    letterSpacing: 0,
-    wordSpacing: 0,
-    // font
-    fontSize: 14,
-    fontWeight: "normal",
-    fontFamily: "",
-    fontStyle: "normal",
-    fontKerning: "normal",
-    // text
-    textWrap: "wrap",
-    textAlign: "start",
-    textIndent: 0,
-    textTransform: "none",
-    textOrientation: "mixed",
-    textDecoration: "none",
-    // textStroke
-    textStrokeWidth: 0,
-    textStrokeColor: "black",
-    // color
-    color: "black",
-    // listStyle
-    listStyleType: "none",
-    listStyleImage: "none",
-    listStyleColormap: "none",
-    listStyleSize: "cover",
-    listStylePosition: "outside",
-    // highlight
-    highlightImage: "none",
-    highlightReferImage: "none",
-    highlightColormap: "none",
-    highlightLine: "none",
-    highlightSize: "cover",
-    highlightThickness: "100%"
-  };
-}
-
-function getDefaultStyle() {
-  return {
-    ...getDefaultElementStyle(),
-    ...getDefaultTextStyle()
-  };
-}
-
-function clearUndef(obj, deep = false) {
-  if (typeof obj !== "object" || !obj) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    if (deep) {
-      return obj.map((v) => clearUndef(v, deep));
-    } else {
-      return obj;
-    }
-  }
-  const newObj = {};
-  for (const key in obj) {
-    const value = obj[key];
-    if (value === void 0 || value === null) {
-      continue;
-    }
-    if (deep) {
-      newObj[key] = clearUndef(value, deep);
-    } else {
-      newObj[key] = value;
-    }
-  }
-  return newObj;
-}
-function deepClearUndef(obj) {
-  return clearUndef(obj, true);
-}
-
-function normalizeAudio(audio) {
-  if (!audio || audio === "none") {
+function normalizeBackground(background) {
+  if (!background || background === "none") {
     return void 0;
-  } else if (typeof audio === "string") {
-    return {
-      src: audio
-    };
+  } else if (typeof background === "string") {
+    return [
+      { type: "texture", src: background }
+    ];
+  } else if (!Array.isArray(background)) {
+    return [background];
   } else {
-    return {
-      ...audio
-    };
+    return background;
   }
 }
 
@@ -194,10 +18,11 @@ function normalizeFill(fill) {
   if (!fill || fill === "none") {
     return void 0;
   } else if (typeof fill === "string") {
-    return {
-      type: "color",
-      color: fill
-    };
+    return [
+      { type: "solid", color: fill }
+    ];
+  } else if (!Array.isArray(fill)) {
+    return [fill];
   } else {
     return fill;
   }
@@ -208,13 +33,13 @@ function normalizeGeometry(geometry) {
     return void 0;
   } else if (typeof geometry === "string") {
     return {
-      data: [
+      paths: [
         { data: geometry }
       ]
     };
   } else if (Array.isArray(geometry)) {
     return {
-      data: geometry.map((data) => {
+      paths: geometry.map((data) => {
         if (typeof data === "string") {
           return {
             data
@@ -228,18 +53,6 @@ function normalizeGeometry(geometry) {
   }
 }
 
-function normalizeImage(image) {
-  if (!image || image === "none") {
-    return void 0;
-  } else if (typeof image === "string") {
-    return {
-      src: image
-    };
-  } else {
-    return image;
-  }
-}
-
 function normalizeOutline(outline) {
   if (!outline || outline === "none") {
     return void 0;
@@ -252,6 +65,11 @@ function normalizeOutline(outline) {
   }
 }
 
+function getDefaultShadowStyle() {
+  return {
+    boxShadow: "none"
+  };
+}
 function normalizeShadow(shadow) {
   if (!shadow || shadow === "none") {
     return void 0;
@@ -303,7 +121,6 @@ function normalizeTextContent(content = "") {
     }
   });
 }
-
 function normalizeText(text) {
   if (!text || text === "none") {
     return void 0;
@@ -329,26 +146,36 @@ function normalizeText(text) {
   }
 }
 
-function normalizeVideo(video) {
-  if (!video || video === "none") {
-    return void 0;
-  } else if (typeof video === "string") {
-    return {
-      src: video
-    };
-  } else {
-    return {
-      ...video
-    };
+function clearUndef(obj, deep = false) {
+  if (typeof obj !== "object" || !obj) {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    if (deep) {
+      return obj.map((v) => clearUndef(v, deep));
+    } else {
+      return obj;
+    }
+  }
+  const newObj = {};
+  for (const key in obj) {
+    const value = obj[key];
+    if (value === void 0 || value === null) {
+      continue;
+    }
+    if (deep) {
+      newObj[key] = clearUndef(value, deep);
+    } else {
+      newObj[key] = value;
+    }
   }
+  return newObj;
 }
 
 function normalizeElement(element) {
   return clearUndef({
     ...element,
-    image: normalizeImage(element.image),
-    video: normalizeVideo(element.video),
-    audio: normalizeAudio(element.audio),
+    background: normalizeBackground(element.background),
     text: normalizeText(element.text),
     geometry: normalizeGeometry(element.geometry),
     fill: normalizeFill(element.fill),
@@ -358,21 +185,188 @@ function normalizeElement(element) {
   });
 }
 
+function normalizeDocument(doc) {
+  return normalizeElement(doc);
+}
+
+function getDefaultLayoutStyle() {
+  return {
+    // box
+    overflow: "visible",
+    direction: void 0,
+    display: void 0,
+    boxSizing: void 0,
+    width: void 0,
+    height: void 0,
+    maxHeight: void 0,
+    maxWidth: void 0,
+    minHeight: void 0,
+    minWidth: void 0,
+    // position
+    position: void 0,
+    left: 0,
+    top: 0,
+    right: void 0,
+    bottom: void 0,
+    // border
+    borderTop: void 0,
+    borderLeft: void 0,
+    borderRight: void 0,
+    borderBottom: void 0,
+    borderWidth: 0,
+    border: void 0,
+    // flex
+    flex: void 0,
+    flexBasis: void 0,
+    flexDirection: void 0,
+    flexGrow: void 0,
+    flexShrink: void 0,
+    flexWrap: void 0,
+    justifyContent: void 0,
+    gap: void 0,
+    alignContent: void 0,
+    alignItems: void 0,
+    alignSelf: void 0,
+    // margin
+    marginTop: void 0,
+    marginLeft: void 0,
+    marginRight: void 0,
+    marginBottom: void 0,
+    margin: void 0,
+    // padding
+    paddingTop: void 0,
+    paddingLeft: void 0,
+    paddingRight: void 0,
+    paddingBottom: void 0,
+    padding: void 0
+  };
+}
+
+function getDefaultTransformStyle() {
+  return {
+    rotate: 0,
+    scaleX: 1,
+    scaleY: 1,
+    skewX: 0,
+    skewY: 0,
+    translateX: 0,
+    translateY: 0,
+    transform: "none",
+    transformOrigin: "center"
+  };
+}
+
+function getDefaultElementStyle() {
+  return {
+    ...getDefaultLayoutStyle(),
+    ...getDefaultTransformStyle(),
+    ...getDefaultShadowStyle(),
+    // background
+    backgroundImage: "none",
+    backgroundColor: "none",
+    // border
+    borderRadius: 0,
+    borderColor: "none",
+    borderStyle: "solid",
+    // outline
+    outlineWidth: 0,
+    outlineOffset: 0,
+    outlineColor: "#000000",
+    outlineStyle: "none",
+    // other
+    visibility: "visible",
+    filter: "none",
+    opacity: 1,
+    pointerEvents: "auto",
+    maskImage: "none"
+  };
+}
+
+function getDefaultHighlightStyle() {
+  return {
+    highlightImage: "none",
+    highlightReferImage: "none",
+    highlightColormap: "none",
+    highlightLine: "none",
+    highlightSize: "cover",
+    highlightThickness: "100%"
+  };
+}
+
+function getDefaultListStyleStyle() {
+  return {
+    listStyleType: "none",
+    listStyleImage: "none",
+    listStyleColormap: "none",
+    listStyleSize: "cover",
+    listStylePosition: "outside"
+  };
+}
+
+function getDefaultTextInlineStyle() {
+  return {
+    ...getDefaultHighlightStyle(),
+    color: "black",
+    verticalAlign: "baseline",
+    letterSpacing: 0,
+    wordSpacing: 0,
+    // font
+    fontSize: 14,
+    fontWeight: "normal",
+    fontFamily: "",
+    fontStyle: "normal",
+    fontKerning: "normal",
+    // text
+    textTransform: "none",
+    textOrientation: "mixed",
+    textDecoration: "none"
+  };
+}
+
+function getDefaultTextLineStyle() {
+  return {
+    ...getDefaultListStyleStyle(),
+    writingMode: "horizontal-tb",
+    textWrap: "wrap",
+    textAlign: "start",
+    textIndent: 0,
+    lineHeight: 1.2
+  };
+}
+
+function getDefaultTextStyle() {
+  return {
+    ...getDefaultTextLineStyle(),
+    ...getDefaultTextInlineStyle(),
+    // textStroke
+    textStrokeWidth: 0,
+    textStrokeColor: "black"
+  };
+}
+
+function getDefaultStyle() {
+  return {
+    ...getDefaultElementStyle(),
+    ...getDefaultTextStyle()
+  };
+}
+
 exports.clearUndef = clearUndef;
-exports.deepClearUndef = deepClearUndef;
 exports.getDefaultElementStyle = getDefaultElementStyle;
+exports.getDefaultHighlightStyle = getDefaultHighlightStyle;
 exports.getDefaultLayoutStyle = getDefaultLayoutStyle;
+exports.getDefaultListStyleStyle = getDefaultListStyleStyle;
 exports.getDefaultShadowStyle = getDefaultShadowStyle;
 exports.getDefaultStyle = getDefaultStyle;
+exports.getDefaultTextInlineStyle = getDefaultTextInlineStyle;
+exports.getDefaultTextLineStyle = getDefaultTextLineStyle;
 exports.getDefaultTextStyle = getDefaultTextStyle;
 exports.getDefaultTransformStyle = getDefaultTransformStyle;
-exports.normalizeAudio = normalizeAudio;
+exports.normalizeDocument = normalizeDocument;
 exports.normalizeElement = normalizeElement;
 exports.normalizeFill = normalizeFill;
 exports.normalizeGeometry = normalizeGeometry;
-exports.normalizeImage = normalizeImage;
 exports.normalizeOutline = normalizeOutline;
 exports.normalizeShadow = normalizeShadow;
 exports.normalizeText = normalizeText;
 exports.normalizeTextContent = normalizeTextContent;
-exports.normalizeVideo = normalizeVideo;