@takeshape/util 8.16.0 → 8.20.2

package/es/common.js

@@ -11,4 +11,7 @@ export * from './predicate';
 export * from './tracing';
 export * from './merge';
 export * from './map';
-export * from './visit';
+export * from './visit';
+export * from './draftjs';
+export * from './templates';
+export * from './highlight-code';

package/es/draftjs-templates.js

@@ -0,0 +1,148 @@
+/* eslint-disable camelcase */
+
+/*
+ * The intention is to move all this to the client package in the end, but right now it's here
+ * to be shared between the draftjs / mdx implementations, which span the client / server differently.
+ */
+import shortid from 'shortid';
+export const getDraftjsImage = params => {
+  const {
+    captionText,
+    creditText,
+    alignment,
+    size,
+    assetId,
+    linkUrl,
+    linkIsExternal,
+    depth,
+    key,
+    path
+  } = params;
+  const blockKey = shortid.generate();
+  return {
+    contentBlock: {
+      key: shortid.generate(),
+      text: ' ',
+      type: 'atomic',
+      depth,
+      inlineStyleRanges: [],
+      entityRanges: [{
+        offset: 0,
+        length: 1,
+        key
+      }],
+      data: {}
+    },
+    entities: {
+      [key]: {
+        type: 'image',
+        mutability: 'IMMUTABLE',
+        data: {
+          id: assetId,
+          path,
+          caption: {
+            blocks: [{
+              key: blockKey,
+              text: captionText,
+              type: 'unstyled',
+              depth,
+              inlineStyleRanges: [],
+              entityRanges: [],
+              data: {}
+            }],
+            entityMap: {}
+          },
+          credit: {
+            blocks: [{
+              key: blockKey,
+              text: creditText,
+              type: 'unstyled',
+              depth,
+              inlineStyleRanges: [],
+              entityRanges: [],
+              data: {}
+            }],
+            entityMap: {}
+          },
+          link: {
+            url: linkUrl,
+            external: linkIsExternal
+          },
+          alignment,
+          size,
+          contentTypeId: 'ASSET'
+        }
+      }
+    }
+  };
+};
+export const getDraftjsPullquote = params => {
+  const {
+    text,
+    depth
+  } = params;
+  return {
+    contentBlock: {
+      key: shortid.generate(),
+      text,
+      type: 'pullquote',
+      depth,
+      inlineStyleRanges: [],
+      entityRanges: [],
+      data: {}
+    },
+    entities: {}
+  };
+};
+export const getDraftjsOembed = params => {
+  const {
+    key,
+    depth,
+    html,
+    width = 550,
+    height = undefined,
+    url = undefined,
+    author_name = undefined,
+    author_url = undefined,
+    type = undefined,
+    cache_age = undefined,
+    provider_name = undefined,
+    provider_url = undefined,
+    version = undefined
+  } = params;
+  return {
+    contentBlock: {
+      key: shortid.generate(),
+      text: ' ',
+      type: 'atomic',
+      depth,
+      inlineStyleRanges: [],
+      entityRanges: [{
+        offset: 0,
+        length: 1,
+        key
+      }],
+      data: {}
+    },
+    // Only html is required
+    entities: {
+      [key]: {
+        type: 'oembed',
+        mutability: 'IMMUTABLE',
+        data: {
+          url,
+          author_name,
+          author_url,
+          html,
+          width,
+          height,
+          type,
+          cache_age,
+          provider_name,
+          provider_url,
+          version
+        }
+      }
+    }
+  };
+};