@modusoperandi/licit 0.14.18 → 1.0.0

package/ui/renderLaTeXAsHTML.js.flow

@@ -0,0 +1,46 @@
+// @flow
+
+import canUseCSSFont from './canUseCSSFont.js';
+import katex from 'katex';
+
+// [FS] IRAD-1061 2020-09-19
+// Now loaded locally, so that it work in closed network as well.
+import 'katex/dist/katex.min.css';
+
+const latexEl: any = document.createElement('div');
+const cached: Object = {};
+
+const CSS_FONT = 'KaTeX_Main';
+
+(async function () {
+  const fontSupported = await canUseCSSFont(CSS_FONT);
+  if (!fontSupported) {
+    // [FS] IRAD-1061 2020-09-19
+    // Now loaded locally, so that it work in closed network as well.
+    //console.info('Add CSS from ', CSS_CDN_URL);
+    //injectStyleSheet(CSS_CDN_URL);
+  }
+})();
+
+export default function renderLaTeXAsHTML(latex: ?string): string {
+  if (cached.hasOwnProperty(latex)) {
+    return cached[latex];
+  }
+
+  const latexText = latex || '';
+  latexEl.innerHTML = '';
+  if (!latexText) {
+    return latexText;
+  }
+  try {
+    katex.render(latex, latexEl);
+  } catch (ex) {
+    console.warn(ex.message, latex);
+    latexEl.innerHTML = '';
+    latexEl.appendChild(document.createTextNode(latexText));
+  }
+  const html = latexEl.innerHTML;
+  latexEl.innerHTML = '';
+  cached[latex] = html;
+  return html;
+}

package/ui/resolveImage.js

@@ -0,0 +1,115 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import url from 'url';
+import isOffline from './isOffline';
+var bpfrpt_proptype_ImageResult = {
+  "complete": PropTypes.bool.isRequired,
+  "height": PropTypes.number.isRequired,
+  "naturalHeight": PropTypes.number.isRequired,
+  "naturalWidth": PropTypes.number.isRequired,
+  "src": PropTypes.string.isRequired,
+  "width": PropTypes.number.isRequired
+};
+var cache = {};
+var queue = [];
+export default function resolveImage(src) {
+  return new Promise(function (resolve, reject) {
+    var bag = {
+      src: src,
+      resolve: resolve,
+      reject: reject
+    };
+    queue.push(bag);
+    processQueue();
+  });
+}
+function processQueue() {
+  var bag = queue.shift();
+  if (bag) {
+    processPromise(bag.src, bag.resolve, bag.reject);
+  }
+}
+function processPromise(src, resolve, reject) {
+  var result = {
+    complete: false,
+    height: 0,
+    naturalHeight: 0,
+    naturalWidth: 0,
+    src: src || '',
+    width: 0
+  };
+  if (isOffline()) {
+    resolve(result);
+    return;
+  }
+  var srcStr = src || '';
+  if (!srcStr) {
+    resolve(result);
+    return;
+  } else if (cache[srcStr]) {
+    var cachedResult = Object.assign({}, cache[srcStr]);
+    resolve(cachedResult);
+    return;
+  }
+  var parsedURL = url.parse(srcStr);
+  // [FS] IRAD-1007 2020-07-13
+  // Removed the port validation from here
+  var protocol = parsedURL.protocol;
+  if (!/(http:|https:|data:)/.test(protocol || window.location.protocol)) {
+    resolve(result);
+    return;
+  }
+  var img;
+  var dispose = function dispose() {
+    if (img) {
+      if (img instanceof HTMLElement) {
+        var pe = img.parentNode;
+        pe && pe.removeChild(img);
+      }
+      img.onload = null;
+      img.onerror = null;
+      img = null;
+    }
+    processQueue();
+  };
+  var onLoad = function 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] = _objectSpread({}, result);
+  };
+  var onError = function onError() {
+    resolve(result);
+    dispose();
+  };
+  var _document = document,
+    body = _document.body;
+  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;
+  }
+}
+import PropTypes from "prop-types";
+export { bpfrpt_proptype_ImageResult };

package/ui/toCSSColor.js

@@ -0,0 +1,42 @@
+import Color from 'color';
+var RGBA_PATTERN = /^rgba/i;
+var RGBA_TRANSPARENT = 'rgba(0,0,0,0)';
+var ColorMaping = {
+  transparent: RGBA_TRANSPARENT,
+  inherit: ''
+};
+export function isTransparent(source) {
+  if (!source) {
+    return true;
+  }
+  var hex = toCSSColor(source);
+  return !hex || hex === RGBA_TRANSPARENT;
+}
+export function toCSSColor(source) {
+  if (!source) {
+    return '';
+  }
+  if (source in ColorMaping) {
+    return ColorMaping[source];
+  }
+  if (source && RGBA_PATTERN.test(source)) {
+    var color = Color(source);
+    if (color.valpha === 0) {
+      ColorMaping[source] = RGBA_TRANSPARENT;
+      return RGBA_TRANSPARENT;
+    }
+    var rgba = color.toString();
+    ColorMaping[source] = rgba.toString();
+    return rgba;
+  }
+  var 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

@@ -0,0 +1,48 @@
+// Line spacing names and their values.
+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
+// Doc.
+export default function toCSSLineSpacing(source) {
+  if (!source) {
+    return '';
+  }
+  var strValue = String(source);
+
+  // e.g. line-height: 1.5;
+  if (NUMBER_VALUE_PATTERN.test(strValue)) {
+    var 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;
+}

package/ui/toHexColor.js

@@ -0,0 +1,22 @@
+import Color from 'color';
+var ColorMaping = {
+  transparent: '',
+  inherit: ''
+};
+export default function toHexColor(source) {
+  if (!source) {
+    return '';
+  }
+  if (source in ColorMaping) {
+    return ColorMaping[source];
+  }
+  var 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

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

package/uuid.js

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

package/.babelrc

@@ -1,50 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "node": true
-        }
-      }
-    ],
-    "@babel/preset-react",
-    "@babel/preset-flow"
-  ],
-  "plugins": [
-    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-proposal-export-default-from",
-    "flow-react-proptypes",
-    "transform-react-remove-prop-types",
-    "@babel/plugin-transform-flow-strip-types",
-    "@babel/plugin-proposal-object-rest-spread",
-    "@babel/plugin-transform-parameters",
-    [
-      "@babel/plugin-transform-runtime",
-      {
-        "helpers": false,
-        "regenerator": true,
-        "absoluteRuntime": "babel-runtime"
-      }
-    ],
-    "@babel/plugin-syntax-dynamic-import",
-    "@babel/plugin-syntax-import-meta",
-    [
-      "@babel/plugin-proposal-decorators",
-      {
-        "legacy": true
-      }
-    ],
-    "@babel/plugin-proposal-function-sent",
-    "@babel/plugin-proposal-export-namespace-from",
-    "@babel/plugin-proposal-throw-expressions",
-    "@babel/plugin-proposal-logical-assignment-operators",
-    [
-      "@babel/plugin-proposal-pipeline-operator",
-      {
-        "proposal": "minimal"
-      }
-    ],
-    "@babel/plugin-proposal-do-expressions"
-  ]
-}

package/.dockerignore

@@ -1,4 +0,0 @@
-# Ignore everything in the project
-**
-# Except servers folder
-!servers

package/.eslintignore

@@ -1,3 +0,0 @@
-/package.json
-/bin
-/dist

package/.eslintrc.js

@@ -1,87 +0,0 @@
-module.exports = {
-  parser: '@babel/eslint-parser',
-  parserOptions: {
-    sourceType: 'module',
-    allowImportExportEverywhere: false,
-    codeFrame: true,
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  plugins: ['react'],
-  rules: {
-    'react/jsx-sort-props': 'error',
-    'react/jsx-uses-react': 'error',
-    'react/jsx-uses-vars': 'error',
-    'consistent-return': 'error',
-    'no-debugger': 'error',
-    'no-invalid-regexp': 'error',
-    'no-mixed-spaces-and-tabs': 'error',
-    'no-trailing-spaces': 'error',
-    'no-undef': 'error',
-    // The following rule was being reported as misconfigured.  After correcting
-    // that, it was reported as not existing at all.
-    // "no-unused-expression": [true, "allow-fast-null-checks"],
-    'no-unused-vars': [
-      'error',
-      { vars: 'all', args: 'none', ignoreRestSiblings: false },
-    ],
-    'no-var': 'error',
-    'prefer-const': 'error',
-    quotes: [2, 'single', { avoidEscape: true }],
-    semi: [2, 'always'],
-    strict: 0,
-  },
-  globals: {
-    __dirname: false,
-    $ReadOnlyArray: false,
-    Blob: false,
-    File: false,
-    Class: false,
-    Component: false,
-    Document: true,
-    Element: false,
-    Event: false,
-    FormData: false,
-    fetch: false,
-    HTMLElement: false,
-    HTMLTableCellElement: false,
-    HTMLButtonElement: false,
-    HTMLLIElement: false,
-    Image: false,
-    localStorage: false,
-    Map: false,
-    DragEvent: false,
-    MouseEvent: false,
-    KeyboardEvent: false,
-    MutationObserver: false,
-    Promise: false,
-    Set: false,
-    Slice: false,
-    Symbol: false,
-    SyntheticEvent: false,
-    SyntheticInputEvent: false,
-    SyntheticMouseEvent: false,
-    cancelAnimationFrame: false,
-    clearTimeout: false,
-    console: false,
-    document: false,
-    module: false,
-    process: false,
-    require: false,
-    requestAnimationFrame: false,
-    setTimeout: false,
-    URL: false,
-    window: false,
-  },
-  overrides: [
-    {
-      // enable jest globals in test files
-      files: '*.test.js',
-      plugins: ['jest'],
-      env: {
-        'jest/globals': true,
-      },
-    },
-  ],
-};

package/.flowconfig

@@ -1,37 +0,0 @@
-[include]
-.*/src/.*
-.*/licit/.*
-[ignore]
-.*/dist/.*
-.*/bin/.*
-.*/node_modules/@babel.*
-.*/node_modules/@emotion/.*
-.*/node_modules/babel-plugin-emotion/.*
-.*/node_modules/chalk/.*
-.*/node_modules/create-emotion-styled/.*
-.*/node_modules/create-emotion/.*
-.*/node_modules/create-react-context/.*
-.*/node_modules/draft-convert/.*
-.*/node_modules/draft-js/.*
-.*/node_modules/eslint-plugin-jsx-a11y/.*
-.*/node_modules/eslint/.*
-.*/node_modules/flow-webpack-plugin/.*
-.*/node_modules/inquirer/.*
-.*/node_modules/jsondiffpatch/.*
-.*/node_modules/katex/.*
-.*/node_modules/match-at/.*
-.*/node_modules/postcss-modules-extract-imports/.*
-.*/node_modules/postcss-modules-local-by-default/.*
-.*/node_modules/postcss-modules-scope/.*
-.*/node_modules/postcss-modules-values/.*
-.*/node_modules/postcss/.*
-.*/node_modules/prosemirror-dev-tools/.*
-.*/node_modules/react-emotion/.*
-.*/node_modules/unstated/.*
-.*/node_modules/stylelint/.*
-.*/node_modules/gensync/.*
-
-[libs]
-./flow-typed/.*
-
-[options]

package/.gitattribute

@@ -1 +0,0 @@
-dist/** linguist-generated=true

package/.github/dependabot.yml

@@ -1,17 +0,0 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "npm" # See documentation for possible values
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "weekly"
-    # Raise pull requests for version updates
-    # to npm against the `develop` branch
-    target-branch: "develop"
-    # Labels on pull requests for security and version updates
-    labels:
-      - "npm dependencies"

package/.github/workflows/build.yml

@@ -1,29 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: build
-
-on:
-  push:
-    branches: [ main ]
-  pull_request:
-    branches: [ main ]
-
-jobs:
-  build:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [16.x]
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-        fetch-depth: 2
-    - run: npm ci
-    - run: npm run build:dist

package/.github/workflows/lint.yml

@@ -1,30 +0,0 @@
-# This workflow will do a clean install of node dependencies, build the source code and run tests across different versions of node
-# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
-
-name: lint
-
-on:
-  pull_request:
-    branches: [ main ]
-
-jobs:
-  lint:
-
-    runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [16.x]
-
-    steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-        fetch-depth: 2
-    - run: npm ci
-    # run linting commands on pull request
-    - run: npm run lint:js
-    - run: npm run lint:css
-

package/.prettierignore

@@ -1,6 +0,0 @@
-/package.json
-/bin
-/dist
-/.eslintrc
-/.vscode
-/.stylelintrc.json

package/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "bracketSpacing": true,
-  "singleQuote": true,
-  "trailingComma": "es5"
-}

package/.stylelintignore

@@ -1,2 +0,0 @@
-/bin
-/dist

package/.stylelintrc.json

@@ -1,14 +0,0 @@
-{
-  "extends": "stylelint-prettier",
-  "rules": {
-    "selector-type-no-unknown": [
-      true,
-      {
-        "ignoreTypes": [
-          "nobr"
-        ]
-      }
-    ],
-    "no-descending-specificity": null
-  }
-}

package/.travis.yml

@@ -1,18 +0,0 @@
-language: node_js
-node_js:
-  - node
-cache: npm
-jobs: 
-  include: 
-    - name: "Lint JS Files"
-      script: npm run lint:js
-      stage: test
-    - name: "Lint CSS Files"
-      script: npm run lint:css
-      stage: test
-    - name: "Type Checking" 
-      script: npx flow check
-      stage: test
-    - name: "Check Dist"
-      script: scripts/ci_check_dist.sh
-      stage: test

package/CODEOWNERS

@@ -1,40 +0,0 @@
-# This is a comment.
-# Each line is a file pattern followed by one or more owners.
-
-# These owners will be the default owners for everything in
-# the repo. Unless a later match takes precedence,
-# @MO-Movia, @rodgersgb, and @tranqui341 will be requested for
-# review when someone opens a pull request.
-* @MO-Movia @rodgersgb @tranqui341
-
-# Order is important; the last matching pattern takes the most
-# precedence. When someone opens a pull request that only
-# modifies JS files, only @js-owner and not the global
-# owner(s) will be requested for a review.
-*.js    @MO-Movia @melgish
-*.ts    @MO-Movia @melgish
-*.css   @MO-Movia @melgish
-
-# You can also use email addresses if you prefer. They'll be
-# used to look up users just like we do for commit author
-# emails.
-# *.go docs@example.com
-
-# In this example, @doctocat owns any files in the build/logs
-# directory at the root of the repository and any of its
-# subdirectories.
-# /build/logs/ @doctocat
-
-# The `docs/*` pattern will match files like
-# `docs/getting-started.md` but not further nested files like
-# `docs/build-app/troubleshooting.md`.
-# docs/*  docs@example.com
-
-# In this example, @octocat owns any file in an apps directory
-# anywhere in your repository.
-# apps/ @octocat
-
-# In this example, @doctocat owns any file in the `/docs`
-# directory in the root of your repository.
-# /docs/ @doctocat
-

package/LICENSE

@@ -1,22 +0,0 @@
-MIT License
-
-Portions Copyright (c) 2020 Modus Operandi Inc
-Portions Copyright (c) 2018-2019 Chan Zuckerberg Initiative 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.