@modusoperandi/licit 1.0.4 → 1.0.7

package/ui/resolveImage.js.flow

@@ -1,123 +1,121 @@
-// @flow
-
-import url from 'url';
-
-import isOffline from './isOffline';
-
-export type ImageResult = {
-  complete: boolean,
-  height: number,
-  naturalHeight: number,
-  naturalWidth: number,
-  src: string,
-  width: number,
-};
-
-const cache = {};
-const queue = [];
-
-export default function resolveImage(src: ?string): Promise<ImageResult> {
-  return new Promise((resolve, reject) => {
-    const bag = { src, resolve, reject };
-    queue.push(bag);
-    processQueue();
-  });
-}
-
-function processQueue() {
-  const bag = queue.shift();
-  if (bag) {
-    processPromise(bag.src, bag.resolve, bag.reject);
-  }
-}
-
-function processPromise(
-  src: ?string,
-  resolve: Function,
-  reject: Function
-): void {
-  const result: ImageResult = {
-    complete: false,
-    height: 0,
-    naturalHeight: 0,
-    naturalWidth: 0,
-    src: src || '',
-    width: 0,
-  };
-
-  if (isOffline()) {
-    resolve(result);
-    return;
-  }
-
-  const srcStr = src || '';
-  if (!srcStr) {
-    resolve(result);
-    return;
-  } else if (cache[srcStr]) {
-    const cachedResult = Object.assign({}, cache[srcStr]);
-    resolve(cachedResult);
-    return;
-  }
-
-  const parsedURL = url.parse(srcStr);
-  // [FS] IRAD-1007 2020-07-13
-  // Removed the port validation from here
-  const { protocol } = parsedURL;
-  if (!/(http:|https:|data:)/.test(protocol || window.location.protocol)) {
-    resolve(result);
-    return;
-  }
-
-  let img;
-
-  const dispose = () => {
-    if (img) {
-      if (img instanceof HTMLElement) {
-        const pe = img.parentNode;
-        pe && pe.removeChild(img);
-      }
-      img.onload = null;
-      img.onerror = null;
-      img = null;
-    }
-    processQueue();
-  };
-
-  const onLoad = () => {
-    if (img) {
-      result.width = img.width;
-      result.height = img.height;
-      result.naturalWidth = img.width;
-      result.naturalHeight = img.height;
-      result.complete = true;
-    }
-    resolve(result);
-    dispose();
-    // [FS] IRAD-1006 2020-07-17
-    // Fix: Inconsistent behavior on image load
-    // Avoid image caching remove the below line
-    cache[srcStr] = { ...result };
-  };
-
-  const onError = () => {
-    resolve(result);
-    dispose();
-  };
-
-  const { body } = document;
-  if (body) {
-    img = document.createElement('img');
-    img.style.cssText =
-      'position:fixed;left:-10000000000px;width:auto;height:auto;';
-    img.onload = onLoad;
-    img.onerror = onError;
-    img.src = srcStr;
-    body.appendChild(img);
-  } else {
-    img = new Image();
-    img.onload = onLoad;
-    img.onerror = onError;
-    img.src = srcStr;
-  }
-}
+// @flow
+
+import isOffline from './isOffline';
+
+export type ImageResult = {
+  complete: boolean,
+  height: number,
+  naturalHeight: number,
+  naturalWidth: number,
+  src: string,
+  width: number,
+};
+
+const cache = {};
+const queue = [];
+
+export default function resolveImage(src: ?string): Promise<ImageResult> {
+  return new Promise((resolve, reject) => {
+    const bag = { src, resolve, reject };
+    queue.push(bag);
+    processQueue();
+  });
+}
+
+function processQueue() {
+  const bag = queue.shift();
+  if (bag) {
+    processPromise(bag.src, bag.resolve, bag.reject);
+  }
+}
+
+function processPromise(
+  src: ?string,
+  resolve: Function,
+  reject: Function
+): void {
+  const result: ImageResult = {
+    complete: false,
+    height: 0,
+    naturalHeight: 0,
+    naturalWidth: 0,
+    src: src || '',
+    width: 0,
+  };
+
+  if (isOffline()) {
+    resolve(result);
+    return;
+  }
+
+  const srcStr = src || '';
+  if (!srcStr) {
+    resolve(result);
+    return;
+  } else if (cache[srcStr]) {
+    const cachedResult = { ...cache[srcStr] };
+    resolve(cachedResult);
+    return;
+  }
+
+  const parsedURL = new URL(srcStr);
+  // [FS] IRAD-1007 2020-07-13
+  // Removed the port validation from here
+  const { protocol } = parsedURL;
+  if (!/(http:|https:|data:)/.test(protocol || window.location.protocol)) {
+    resolve(result);
+    return;
+  }
+
+  let img;
+
+  const dispose = () => {
+    if (img) {
+      if (img instanceof HTMLElement) {
+        const pe = img.parentNode;
+        pe?.removeChild(img);
+      }
+      img.onload = null;
+      img.onerror = null;
+      img = null;
+    }
+    processQueue();
+  };
+
+  const onLoad = () => {
+    if (img) {
+      result.width = img.width;
+      result.height = img.height;
+      result.naturalWidth = img.width;
+      result.naturalHeight = img.height;
+      result.complete = true;
+    }
+    resolve(result);
+    dispose();
+    // [FS] IRAD-1006 2020-07-17
+    // Fix: Inconsistent behavior on image load
+    // Avoid image caching remove the below line
+    cache[srcStr] = { ...result };
+  };
+
+  const onError = () => {
+    resolve(result);
+    dispose();
+  };
+
+  const { body } = document;
+  if (body) {
+    img = document.createElement('img');
+    img.style.cssText =
+      'position:fixed;left:-10000000000px;width:auto;height:auto;';
+    img.onload = onLoad;
+    img.onerror = onError;
+    img.src = srcStr;
+    body.appendChild(img);
+  } else {
+    img = new Image();
+    img.onload = onLoad;
+    img.onerror = onError;
+    img.src = srcStr;
+  }
+}

package/ui/toCSSColor.js.flow

@@ -1,51 +1,51 @@
-// @flow
-
-import Color from 'color';
-
-const RGBA_PATTERN = /^rgba/i;
-const RGBA_TRANSPARENT = 'rgba(0,0,0,0)';
-
-const ColorMaping = {
-  transparent: RGBA_TRANSPARENT,
-  inherit: '',
-};
-
-export function isTransparent(source: any): boolean {
-  if (!source) {
-    return true;
-  }
-  const hex = toCSSColor(source);
-  return !hex || hex === RGBA_TRANSPARENT;
-}
-
-export function toCSSColor(source: any): string {
-  if (!source) {
-    return '';
-  }
-  if (source in ColorMaping) {
-    return ColorMaping[source];
-  }
-
-  if (source && RGBA_PATTERN.test(source)) {
-    const color = Color(source);
-    if (color.valpha === 0) {
-      ColorMaping[source] = RGBA_TRANSPARENT;
-      return RGBA_TRANSPARENT;
-    }
-    const rgba = color.toString();
-    ColorMaping[source] = rgba.toString();
-    return rgba;
-  }
-
-  let hex = '';
-  try {
-    hex = Color(source).hex().toLowerCase();
-    ColorMaping[source] = hex;
-  } catch (ex) {
-    console.warn('unable to convert to hex', source);
-    ColorMaping[source] = '';
-  }
-  return hex;
-}
-
-export default toCSSColor;
+// @flow
+
+import Color from 'color';
+
+const RGBA_PATTERN = /^rgba/i;
+const RGBA_TRANSPARENT = 'rgba(0,0,0,0)';
+
+const ColorMaping = {
+  transparent: RGBA_TRANSPARENT,
+  inherit: '',
+};
+
+export function isTransparent(source: any): boolean {
+  if (!source) {
+    return true;
+  }
+  const hex = toCSSColor(source);
+  return !hex || hex === RGBA_TRANSPARENT;
+}
+
+export function toCSSColor(source: any): string {
+  if (!source) {
+    return '';
+  }
+  if (source in ColorMaping) {
+    return ColorMaping[source];
+  }
+
+  if (source && RGBA_PATTERN.test(source)) {
+    const color = Color(source);
+    if (color.valpha === 0) {
+      ColorMaping[source] = RGBA_TRANSPARENT;
+      return RGBA_TRANSPARENT;
+    }
+    const rgba = color.toString();
+    ColorMaping[source] = rgba.toString();
+    return rgba;
+  }
+
+  let hex = '';
+  try {
+    hex = Color(source).hex().toLowerCase();
+    ColorMaping[source] = hex;
+  } catch (ex) {
+    console.warn('unable to convert to hex', source);
+    ColorMaping[source] = '';
+  }
+  return hex;
+}
+
+export default toCSSColor;

package/ui/toCSSLineSpacing.js

@@ -3,7 +3,6 @@ export var LINE_SPACING_100 = '125%';
 export var LINE_SPACING_115 = '138%';
 export var LINE_SPACING_150 = '165%';
 export var LINE_SPACING_200 = '232%';
-var NUMBER_VALUE_PATTERN = /^\d+(.\d+)?$/;
 
 // Normalize the css line-height vlaue to percentage-based value if applicable.
 // Also, it calibrates the incorrect line spacing value exported from Google
@@ -15,8 +14,8 @@ export default function toCSSLineSpacing(source) {
   var strValue = String(source);
 
   // e.g. line-height: 1.5;
-  if (NUMBER_VALUE_PATTERN.test(strValue)) {
-    var numValue = parseFloat(strValue);
+  if (!isNaN(Number(strValue))) {
+    var numValue = Number(strValue);
     strValue = String(Math.round(numValue * 100)) + '%';
   }
 

package/ui/toCSSLineSpacing.js.flow

@@ -1,55 +1,53 @@
-// @flow
-
-// Line spacing names and their values.
-export const LINE_SPACING_100 = '125%';
-export const LINE_SPACING_115 = '138%';
-export const LINE_SPACING_150 = '165%';
-export const LINE_SPACING_200 = '232%';
-
-const NUMBER_VALUE_PATTERN = /^\d+(.\d+)?$/;
-
-// Normalize the css line-height vlaue to percentage-based value if applicable.
-// Also, it calibrates the incorrect line spacing value exported from Google
-// Doc.
-export default function toCSSLineSpacing(source: any): string {
-  if (!source) {
-    return '';
-  }
-
-  let strValue = String(source);
-
-  // e.g. line-height: 1.5;
-  if (NUMBER_VALUE_PATTERN.test(strValue)) {
-    const numValue = parseFloat(strValue);
-    strValue = String(Math.round(numValue * 100)) + '%';
-  }
-
-  // Google Doc exports line spacing with wrong values. For instance:
-  // - Single => 100%
-  // - 1.15 => 115%
-  // - Double => 200%
-  // But the actual CSS value measured in Google Doc is like this:
-  // - Single => 125%
-  // - 1.15 => 138%
-  // - Double => 232%
-  // The following `if` block will calibrate the value if applicable.
-
-  if (strValue === '100%') {
-    return LINE_SPACING_100;
-  }
-
-  if (strValue === '115%') {
-    return LINE_SPACING_115;
-  }
-
-  if (strValue === '150%') {
-    return LINE_SPACING_150;
-  }
-
-  if (strValue === '200%') {
-    return LINE_SPACING_200;
-  }
-
-  // e.g. line-height: 15px;
-  return strValue;
-}
+// @flow
+
+// Line spacing names and their values.
+export const LINE_SPACING_100 = '125%';
+export const LINE_SPACING_115 = '138%';
+export const LINE_SPACING_150 = '165%';
+export const LINE_SPACING_200 = '232%';
+
+// Normalize the css line-height vlaue to percentage-based value if applicable.
+// Also, it calibrates the incorrect line spacing value exported from Google
+// Doc.
+export default function toCSSLineSpacing(source: any): string {
+  if (!source) {
+    return '';
+  }
+
+  let strValue = String(source);
+
+  // e.g. line-height: 1.5;
+  if (!isNaN(Number(strValue))) {
+    const numValue = Number(strValue);
+    strValue = String(Math.round(numValue * 100)) + '%';
+  }
+
+  // Google Doc exports line spacing with wrong values. For instance:
+  // - Single => 100%
+  // - 1.15 => 115%
+  // - Double => 200%
+  // But the actual CSS value measured in Google Doc is like this:
+  // - Single => 125%
+  // - 1.15 => 138%
+  // - Double => 232%
+  // The following `if` block will calibrate the value if applicable.
+
+  if (strValue === '100%') {
+    return LINE_SPACING_100;
+  }
+
+  if (strValue === '115%') {
+    return LINE_SPACING_115;
+  }
+
+  if (strValue === '150%') {
+    return LINE_SPACING_150;
+  }
+
+  if (strValue === '200%') {
+    return LINE_SPACING_200;
+  }
+
+  // e.g. line-height: 15px;
+  return strValue;
+}

package/ui/toHexColor.js.flow

@@ -1,26 +1,26 @@
-// @flow
-
-import Color from 'color';
-
-const ColorMaping = {
-  transparent: '',
-  inherit: '',
-};
-
-export default function toHexColor(source: any): string {
-  if (!source) {
-    return '';
-  }
-  if (source in ColorMaping) {
-    return ColorMaping[source];
-  }
-  let hex = '';
-  try {
-    hex = Color(source).hex().toLowerCase();
-    ColorMaping[source] = hex;
-  } catch (ex) {
-    console.warn('unable to convert to hex', source);
-    ColorMaping[source] = '';
-  }
-  return hex;
-}
+// @flow
+
+import Color from 'color';
+
+const ColorMaping = {
+  transparent: '',
+  inherit: '',
+};
+
+export default function toHexColor(source: any): string {
+  if (!source) {
+    return '';
+  }
+  if (source in ColorMaping) {
+    return ColorMaping[source];
+  }
+  let hex = '';
+  try {
+    hex = Color(source).hex().toLowerCase();
+    ColorMaping[source] = hex;
+  } catch (ex) {
+    console.warn('unable to convert to hex', source);
+    ColorMaping[source] = '';
+  }
+  return hex;
+}

package/ui/uuid.js.flow

@@ -1,9 +1,9 @@
-// @flow
-
-// [FS] IRAD-1005 2020-07-07
-// Upgrade outdated packages.
-import { v1 as uuidv1 } from 'uuid';
-
-export default function uuid(): string {
-  return uuidv1();
-}
+// @flow
+
+// [FS] IRAD-1005 2020-07-07
+// Upgrade outdated packages.
+import { v1 as uuidv1 } from 'uuid';
+
+export default function uuid(): string {
+  return uuidv1();
+}

package/uuid.js.flow

@@ -1,9 +1,9 @@
-// @flow
-
-// [FS] IRAD-1005 2020-07-07
-// Upgrade outdated packages.
-import { v1 as uuidv1 } from 'uuid';
-
-export default function uuid(): string {
-  return uuidv1();
-}
+// @flow
+
+// [FS] IRAD-1005 2020-07-07
+// Upgrade outdated packages.
+import { v1 as uuidv1 } from 'uuid';
+
+export default function uuid(): string {
+  return uuidv1();
+}