@mindful-web/image 1.0.0 → 1.18.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindful-web/image",
-  "version": "1.0.0",
+  "version": "1.18.1",
   "description": "Common image utilities for Mindful Web projects.",
   "main": "src/index.js",
   "author": "Jacob Bare <jacob@parameter1.com>",
@@ -13,10 +13,11 @@
   },
   "dependencies": {
     "@mindful-web/html": "^1.0.0",
-    "@mindful-web/inflector": "^1.0.0"
+    "@mindful-web/inflector": "^1.0.0",
+    "@mindful-web/utils": "^1.11.9"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0b77cab713eb5841202bb86c7119949866bc68b5"
+  "gitHead": "dfe29e096ca4eb8ab7c60453eddfa0477866b91f"
 }

package/src/index.js

@@ -6,6 +6,7 @@ const cropRectangle = require('./crop-rectangle');
 const getRelativeAspectRatioHeight = require('./get-relative-aspect-ratio-height');
 const getRelativeAspectRatioWidth = require('./get-relative-aspect-ratio-width');
 const getRelativeCropRectangleHeight = require('./get-relative-crop-rectangle-height');
+const parsePersistedImageSettings = require('./parse-persisted-image-settings');
 
 module.exports = {
   buildImgixUrl,
@@ -16,4 +17,5 @@ module.exports = {
   getRelativeAspectRatioHeight,
   getRelativeAspectRatioWidth,
   getRelativeCropRectangleHeight,
+  parsePersistedImageSettings,
 };

package/src/parse-persisted-image-settings.js

@@ -0,0 +1,42 @@
+const { round } = require('@mindful-web/utils');
+
+/**
+ * @param {number} num
+ * @returns {string}
+ */
+const toHex = (num) => {
+  const str = num.toString(16);
+  if (str.length === 1) return `0${str}`;
+  return str;
+};
+
+/**
+ * @param {{ r: number, g: number, b: number, a: number }} value
+ * @returns {string}
+ */
+const formatColor = (value) => [
+  toHex(round(255 * value.a, 0)),
+  toHex(value.r),
+  toHex(value.g),
+  toHex(value.b),
+].join('');
+
+/**
+ * @param {{ settings: { json: string|undefined }|undefined }} image
+ * @returns {Record<string, any>}
+ */
+module.exports = (image) => {
+  try {
+    const settings = JSON.parse(image.settings.json) || {};
+    delete settings.auto; // remove auto values
+    if (settings.rect) {
+      settings.rect = `${settings.rect.x},${settings.rect.y},${settings.rect.width},${settings.rect.height}`;
+    }
+    ['bg', 'fillColor'].forEach((key) => {
+      if (settings[key]) settings[key] = formatColor(settings[key]);
+    });
+    return settings;
+  } catch (e) {
+    return {};
+  }
+};