@takeshape/util 8.16.0 → 8.20.2

package/lib/get-image-url.d.ts

@@ -0,0 +1,5 @@
+import { AssetPath, ImgixParams } from '@takeshape/routing';
+export declare function getImageUrl(path: AssetPath, defaultImageConfig: {
+    auto: string;
+}, imageBaseUrl: string, config?: ImgixParams): string;
+//# sourceMappingURL=get-image-url.d.ts.map

package/lib/get-image-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-image-url.d.ts","sourceRoot":"","sources":["../../src/get-image-url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2B,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAEnF,wBAAgB,WAAW,CACzB,IAAI,EAAE,SAAS,EACf,kBAAkB,EAAE;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,EACD,YAAY,EAAE,MAAM,EACpB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAER"}

package/lib/get-image-url.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImageUrl = getImageUrl;
+
+var _routing = require("@takeshape/routing");
+
+function getImageUrl(path, defaultImageConfig, imageBaseUrl, config) {
+  return (0, _routing.getImageUrl)(path, { ...defaultImageConfig,
+    ...config
+  }, {
+    baseUrl: imageBaseUrl
+  });
+}

package/lib/highlight-code.d.ts

@@ -0,0 +1,15 @@
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-markup';
+import 'prismjs/components/prism-markup-templating';
+import 'prismjs/components/prism-css';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-django';
+import 'prismjs/components/prism-twig';
+import 'prismjs/components/prism-yaml';
+import 'prismjs/components/prism-graphql';
+import 'prismjs/components/prism-sass';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-json';
+export declare const highlightCode: (code: string, lang?: string | undefined) => string;
+//# sourceMappingURL=highlight-code.d.ts.map

package/lib/highlight-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-code.d.ts","sourceRoot":"","sources":["../../src/highlight-code.ts"],"names":[],"mappings":"AAKA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AACzC,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,+BAA+B,CAAC;AACvC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,CAAC;AACvC,OAAO,+BAA+B,CAAC;AACvC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AAGvC,eAAO,MAAM,aAAa,SAAU,MAAM,sCAOzC,CAAC"}

package/lib/highlight-code.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightCode = void 0;
+
+var _prismjs = _interopRequireDefault(require("prismjs"));
+
+require("prismjs/components/prism-javascript");
+
+require("prismjs/components/prism-markup");
+
+require("prismjs/components/prism-markup-templating");
+
+require("prismjs/components/prism-css");
+
+require("prismjs/components/prism-bash");
+
+require("prismjs/components/prism-django");
+
+require("prismjs/components/prism-twig");
+
+require("prismjs/components/prism-yaml");
+
+require("prismjs/components/prism-graphql");
+
+require("prismjs/components/prism-sass");
+
+require("prismjs/components/prism-scss");
+
+require("prismjs/components/prism-markdown");
+
+require("prismjs/components/prism-json");
+
+var _escape = _interopRequireDefault(require("lodash/escape"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+const highlightCode = (code, lang) => {
+  if (lang) {
+    const syntax = _prismjs.default.languages[lang];
+    return _prismjs.default.highlight(code, syntax, lang);
+  }
+
+  return (0, _escape.default)(code);
+};
+
+exports.highlightCode = highlightCode;

package/lib/templates.d.ts

@@ -0,0 +1,30 @@
+import { ImgixParams } from '@takeshape/routing';
+import { MaybeContent } from './draftjs';
+export declare function getApplyPrefix(prefix: string): (str: string) => string;
+interface AttrsObj {
+    alt: string;
+    title: string;
+}
+export declare function attrs(obj: AttrsObj): string;
+export interface ImageTemplateData {
+    caption: string;
+    credit: string;
+    alignment: string;
+    size: string;
+    asset?: MaybeContent;
+    imageParams: ImgixParams;
+    link?: {
+        url: string;
+        external: boolean;
+    };
+}
+export declare function imageTemplate(applyPrefix: (str: string) => string, data: ImageTemplateData): string;
+export declare function imageTemplateMdx(applyPrefix: (str: string) => string, data: Record<string, string>): string;
+export declare function oembedTemplate(applyPrefix: (str: string) => string, data: Record<string, string>): string;
+export declare function oembedTemplateMdx(applyPrefix: (str: string) => string, data: Record<string, string>): string;
+export declare function codeTemplate(applyPrefix: (str: string) => string, data: {
+    text: string;
+    lang?: string;
+}): string;
+export {};
+//# sourceMappingURL=templates.d.ts.map

package/lib/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/templates.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,WAAW,EAAc,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAEvC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAEtE;AAED,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,GAAG,EAAE,QAAQ,UAalC;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE,iBAAiB,UA6B1F;AAaD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAMlG;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAEhG;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAOnG;AAED,wBAAgB,YAAY,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAAE,IAAI,EAAE;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,UAMrG"}

package/lib/templates.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attrs = attrs;
+exports.codeTemplate = codeTemplate;
+exports.getApplyPrefix = getApplyPrefix;
+exports.imageTemplate = imageTemplate;
+exports.imageTemplateMdx = imageTemplateMdx;
+exports.oembedTemplate = oembedTemplate;
+exports.oembedTemplateMdx = oembedTemplateMdx;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _highlightCode = require("./highlight-code");
+
+var _escape = _interopRequireDefault(require("lodash/escape"));
+
+var _routing = require("@takeshape/routing");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*
+ * 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.
+ */
+function getApplyPrefix(prefix) {
+  return className => className ? prefix + className : '';
+}
+
+function attrs(obj) {
+  const attrStrings = [];
+  const attrNames = Object.keys(obj);
+  attrNames.sort();
+
+  for (const attrName of attrNames) {
+    const value = obj[attrName];
+
+    if (value) {
+      attrStrings.push(`${attrName}="${(0, _escape.default)(value)}"`);
+    }
+  }
+
+  return attrStrings.length ? ' ' + attrStrings.join(' ') : '';
+}
+
+function imageTemplate(applyPrefix, data) {
+  var _data$link;
+
+  const {
+    caption,
+    credit,
+    alignment,
+    size,
+    asset,
+    imageParams
+  } = data;
+
+  if (!asset) {
+    return '';
+  }
+
+  const imageUrl = (0, _routing.getImageUrl)(asset.path, imageParams);
+  let figCaption = '';
+
+  if (caption || credit) {
+    const htmlCaption = caption ? `<span class="${applyPrefix('caption')}">${caption}</span>` : '';
+    const htmlCredit = credit ? `<span class="${applyPrefix('credit')}">${credit}</span>` : '';
+    figCaption = `<figcaption>${htmlCaption} ${htmlCredit}</figcaption>`;
+  }
+
+  const classes = (0, _classnames.default)(applyPrefix(alignment), applyPrefix(size));
+  const classAttr = classes ? ` class="${classes}"` : '';
+  const imgAttrs = attrs({
+    alt: asset.description,
+    title: asset.title
+  });
+  let image = `<img${imgAttrs} src="${imageUrl}"/>`;
+
+  if ((_data$link = data.link) !== null && _data$link !== void 0 && _data$link.url) {
+    const target = data.link.external ? ' target="blank" rel="noopener noreferrer"' : '';
+    image = `<a href="${data.link.url}"${target}>${image}</a>`;
+  }
+
+  return `<figure${classAttr}>${image}${figCaption}</figure>`;
+}
+
+function renderMdx(tag, attributes, data, children) {
+  const tagWithAttributes = `${tag} ${attributes.map(attr => `${attr}="${(0, _escape.default)(data[attr])}"`).join(' ')}`;
+
+  if (children) {
+    return `<${tagWithAttributes}>
+${children.replace(/[\n\r]+$/, '')}
+</${tag}>`;
+  }
+
+  return `<${tagWithAttributes}/>`;
+}
+
+function imageTemplateMdx(applyPrefix, data) {
+  return renderMdx(applyPrefix('Image'), ['id', 'caption', 'credit', 'link', 'linkisexternal', 'alignment', 'size', 'src'], data);
+}
+
+function oembedTemplate(applyPrefix, data) {
+  return `<div class="${applyPrefix('oembed')}">${data.html}</div>`;
+}
+
+function oembedTemplateMdx(applyPrefix, data) {
+  return renderMdx(applyPrefix('Oembed'), ['url', 'author_name', 'author_url', 'width', 'height', 'type', 'cache_age', 'provider_name', 'version'], data, data.html);
+}
+
+function codeTemplate(applyPrefix, data) {
+  const {
+    text,
+    lang
+  } = data;
+  const code = (0, _highlightCode.highlightCode)(text, lang);
+  const langClass = lang ? ` class="${applyPrefix(`language-${lang}`)}"` : '';
+  return `<pre><code${langClass}>${code}</code></pre>`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takeshape/util",
-  "version": "8.16.0",
+  "version": "8.20.2",
   "description": "Shared utilities",
   "homepage": "https://www.takeshape.io",
   "repository": {
@@ -21,10 +21,20 @@
     "es"
   ],
   "dependencies": {
+    "@takeshape/routing": "8.20.2",
+    "@types/url-parse": "^1.4.4",
     "aws-sdk": "^2.802.0",
+    "classnames": "^2.2.5",
+    "dom-serializer": "0.2.2",
+    "draft-js": "^0.11.7",
+    "htmlparser2": "^3.10.0",
     "lodash": "^4.17.20",
+    "markdown-draft-js": "github:incompl/markdown-draft-js#deterministic-entity-keys-with-lib",
     "mime-types": "^2.1.27",
-    "pify": "^5.0.0"
+    "pify": "^5.0.0",
+    "prismjs": "^1.25.0",
+    "shortid": "^2.2.16",
+    "url-parse": "^1.5.3"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.165",