feat: @rocket.chat/memo (#380)

packages/css-in-js/package.json

@@ -66,6 +66,7 @@
   },
   "dependencies": {
     "@emotion/hash": "^0.8.0",
+    "@rocket.chat/memo": "^0.21.0",
     "stylis": "^4.0.6"
   }
 }

packages/css-in-js/src/cssSupports.ts

@@ -1,4 +1,4 @@
-import { memoize } from './memoize';
+import { memoize } from '@rocket.chat/memo';
 
 /**
  * Memoized and SSR-compatible facade of CSS.supports API

packages/css-in-js/src/tags.ts

@@ -1,4 +1,5 @@
-import { memoize } from './memoize';
+import { memoize } from '@rocket.chat/memo';
+
 import { createAnimationName, escapeName } from './names';
 
 /**

packages/fuselage/package.json

@@ -50,6 +50,7 @@
     "react-dom": "^16.13.1"
   },
   "dependencies": {
+    "@rocket.chat/memo": "^0.21.0",
     "@rocket.chat/css-in-js": "^0.21.0",
     "@rocket.chat/fuselage-tokens": "^0.21.0",
     "invariant": "^2.2.4",

packages/fuselage/src/styleTokens.js

@@ -1,10 +1,9 @@
 import { cssSupports } from '@rocket.chat/css-in-js';
 import tokenColors from '@rocket.chat/fuselage-tokens/colors.json';
 import tokenTypography from '@rocket.chat/fuselage-tokens/typography.json';
+import { memoize } from '@rocket.chat/memo';
 import invariant from 'invariant';
 
-import { memoize } from './helpers/memoize';
-
 const measure = (computeSpecialValue) =>
   memoize((value) => {
     if (typeof value === 'number') {

packages/memo/.eslintignore

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

packages/memo/.eslintrc.js

@@ -0,0 +1,79 @@
+module.exports = {
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    '@rocket.chat/eslint-config',
+    'prettier',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2018,
+    warnOnUnsupportedTypeScriptVersion: false,
+    ecmaFeatures: {
+      experimentalObjectRestSpread: true,
+      legacyDecorators: true,
+    },
+  },
+  plugins: ['@typescript-eslint', 'prettier'],
+  rules: {
+    'func-call-spacing': 'off',
+    'indent': 'off',
+    'import/order': [
+      'error',
+      {
+        'newlines-between': 'always',
+        'groups': [
+          'builtin',
+          'external',
+          'internal',
+          ['parent', 'sibling', 'index'],
+        ],
+        'alphabetize': {
+          order: 'asc',
+        },
+      },
+    ],
+    'jsx-quotes': ['error', 'prefer-single'],
+    'no-empty-function': 'off',
+    'no-extra-parens': 'off',
+    'no-redeclare': 'off',
+    'no-spaced-func': 'off',
+    'no-undef': 'off',
+    'no-unused-vars': 'off',
+    'no-useless-constructor': 'off',
+    'no-use-before-define': 'off',
+    'operator-linebreak': 'off',
+    '@typescript-eslint/ban-ts-ignore': 'off',
+    '@typescript-eslint/func-call-spacing': 'error',
+    '@typescript-eslint/indent': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-extra-parens': 'off',
+    '@typescript-eslint/no-redeclare': ['error'],
+    '@typescript-eslint/no-use-before-define': ['error'],
+    '@typescript-eslint/interface-name-prefix': 'off',
+    '@typescript-eslint/explicit-function-return-type': [
+      'warn',
+      {
+        allowExpressions: true,
+      },
+    ],
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars-experimental': 'warn',
+    'prettier/prettier': 2,
+  },
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true,
+    jest: true,
+  },
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.ts', '.tsx'],
+      },
+    },
+  },
+};

packages/memo/.gitignore

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

packages/memo/.prettierignore

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

packages/memo/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "semi": true,
+  "quoteProps": "consistent",
+  "jsxSingleQuote": true,
+  "printWidth": 80
+}

packages/memo/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@rocket.chat/memo",
+  "version": "0.21.0",
+  "description": "Memoization utilities",
+  "keywords": [
+    "memoize"
+  ],
+  "author": {
+    "name": "Rocket.Chat",
+    "url": "https://rocket.chat/"
+  },
+  "homepage": "https://github.com/RocketChat/Rocket.Chat.Fuselage#readme",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RocketChat/Rocket.Chat.Fuselage.git"
+  },
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "./dist/"
+  ],
+  "scripts": {
+    "build:esm": "tsc -p tsconfig.json",
+    "build:cjs": "tsc -p tsconfig-cjs.json",
+    "build": "run-p build:esm build:cjs",
+    "eslint": "eslint src",
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  },
+  "bugs": {
+    "url": "https://github.com/RocketChat/Rocket.Chat.Fuselage/issues"
+  },
+  "devDependencies": {
+    "@types/react": "^16.14.0",
+    "eslint": "^7.18.0",
+    "eslint-config-prettier": "^7.2.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-prettier": "^3.3.1",
+    "prettier": "^2.2.1",
+    "typescript": "^4.1.3"
+  }
+}

packages/memo/src/index.ts

@@ -0,0 +1 @@
+export { memoize, clear } from './memoize';

packages/memo/src/memoize.ts

@@ -0,0 +1,47 @@
+type MemoizableFunction<T, A, R> = (this: T, arg: A) => R;
+type MemoizedFunction<T, A, R> = (this: T, arg: A) => R;
+
+const store = new WeakMap<
+  MemoizableFunction<unknown, unknown, unknown>,
+  Map<unknown, unknown>
+>();
+
+const isCachedValue = <A, R>(
+  cachedValue: R | undefined,
+  arg: A,
+  cache: Map<A, R>
+): cachedValue is R => cache.has(arg) && cache.get(arg) === cachedValue;
+
+export const memoize = <T, A, R>(
+  fn: MemoizableFunction<T, A, R>
+): MemoizedFunction<T, A, R> => {
+  const cache = new Map<A, R>();
+
+  const memoized: MemoizedFunction<T, A, R> = function (this, arg) {
+    const cachedValue = cache.get(arg);
+
+    if (isCachedValue(cachedValue, arg, cache)) {
+      return cachedValue;
+    }
+
+    const result = fn.call(this, arg);
+
+    cache.set(arg, result);
+
+    return result;
+  };
+
+  store.set(memoized as MemoizableFunction<unknown, unknown, unknown>, cache);
+
+  return memoized;
+};
+
+export const clear = (
+  fn: MemoizableFunction<unknown, unknown, unknown>
+): void => {
+  const x = store.get(fn);
+
+  if (x) {
+    x.clear();
+  }
+};

packages/memo/tsconfig-cjs.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "commonjs",
+    "outDir": "./dist/cjs"
+  }
+}

packages/memo/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "ES2020",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "outDir": "./dist/esm",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "resolveJsonModule": true
+  }
+}