@bigbinary/neeto-commons-frontend 2.0.35 → 2.0.37

package/README.md

@@ -47,6 +47,9 @@ Category
 - [useLocalStorage](./docs/react/hooks.md#uselocalstorage)
 - [useOnClickOutside](./docs/react/hooks.md#useonclickoutside)
 - [useFieldSubmit](./docs/react/hooks.md#usefieldsubmit)
+- [useDisplayErrorPage](./docs/react/hooks.md#usedisplayerrorpage)
+- [useErrorDisplayStore](./docs/react/hooks.md#useerrordisplaystore)
+- [useHotKeys](./docs/react/hooks.md#useHotKeys)
 - [PrivateRoute](./docs/react/components.md#privateroute)
 - [HoneybadgerErrorBoundary](./docs/react/components.md#honeybadgererrorboundary)
 - [Sidebar](./docs/react/components.md#sidebar)
@@ -59,13 +62,14 @@ Category
 - [CustomDomain](./docs/react/components.md#customdomain)
 - [BrowserSupport](./docs/react/components.md#browsersupport)
 - [IpRestriction](./docs/react/components.md#iprestriction)
-- [withImmutableActions](./docs/react/utils.md#withimmutableactions) (zustand middleware)
-- [withTitle](./docs/react/utils.md#withtitle) (set browser title for pages)
+- [PublishBlock](./docs/react/components.md#publishblock)
+- [KeyboardShortcutsPane](./docs/react/components.md#keyboardshortcutspane)
+- [withImmutableActions](./docs/react/utils.md#withimmutableactions)
+- [withTitle](./docs/react/utils.md#withtitle)
 - [registerBrowserNotifications](./docs/react/utils.md#registerbrowsernotifications)
-  (register browser subscription for push notifications)
 - [destroyBrowserSubscription](./docs/react/utils.md#destroybrowsersubscription)
-   (destroy browser subscription for push notifications)
-- [handleMetaClick](./docs/react/utils.md#handlemetaclick) (handle clicks to redirect to newtab)
+- [handleMetaClick](./docs/react/utils.md#handlemetaclick)
+- [isMetaKeyPressed](./docs/react/utils.md#ismetakeypressed)
 
 </td>
 <td  style="vertical-align: top;">
@@ -186,7 +190,7 @@ them to read more:
 3. [Pure utility functions](./docs/pure/README.md)
 4. [Web utility functions](./docs/utils/README.md)
 5. [Default configurations](./docs/configs/README.md)
-5. [Cypress Utils](./docs/cypress/README.md)
+6. [Cypress Utils](./docs/cypress/README.md)
 
 ## Other references
 

package/configs/babel.js

@@ -33,6 +33,7 @@ module.exports = function (api) {
       isTestEnv
         ? "babel-plugin-dynamic-import-node" // tests run in node environment
         : "@babel/plugin-syntax-dynamic-import",
+      ["istanbul", { useInlineSourceMaps: false }],
       isProductionEnv && [
         "babel-plugin-transform-react-remove-prop-types",
         { removeImport: true },

package/configs/eslint/helpers/index.js

@@ -1,61 +1,78 @@
 const fs = require("fs");
 const path = require("path");
 
-const { mergeDeepLeft } = require("ramda");
+const { mergeDeepLeft, mergeLeft, keys } = require("ramda");
 
 const loadJS = jsPath => {
   try {
-    return require(path.resolve(__dirname, "../../../..", jsPath));
-  } catch (error) {
+    return require(jsPath);
+  } catch {
     return {};
   }
 };
 
-const buildPathGroupsBasedOnWebpackAliases = ({
-  customJSRoot = "app/javascript/",
-  customAliasPath = "config/webpack/resolve.js",
-}) => {
-  const rootOfProject = `${__dirname}/../../../../../../`;
+const doesFileExist = filePath =>
+  fs.existsSync(filePath) && fs.lstatSync(filePath).isFile();
+
+const generateAllPathsInsideDir = dirPath => {
+  const files = fs.readdirSync(dirPath, { withFileTypes: true });
 
-  const isFile = filePath =>
-    fs.existsSync(filePath) && fs.lstatSync(filePath).isFile();
+  return files.flatMap(file => {
+    const filePath = path.join(dirPath, file.name);
 
-  const isRailsProject = isFile(`${rootOfProject}Gemfile`);
+    return file.isDirectory() ? generateAllPathsInsideDir(filePath) : filePath;
+  });
+};
 
-  const emptyPathGroups = [];
+const generatePathGroupsFromAssets = assetsPath => {
+  if (!fs.existsSync(assetsPath)) return [];
 
-  if (!isRailsProject) return emptyPathGroups;
+  return generateAllPathsInsideDir(assetsPath).map(absPath => ({
+    pattern: absPath.replace(assetsPath, "").split(".")[0],
+    group: "internal",
+  }));
+};
 
-  const projectResolve = loadJS(rootOfProject + customAliasPath);
+const buildPathGroupsBasedOnWebpackAliases = ({
+  customAliasPath = "config/webpack/resolve.js",
+}) => {
+  const rootOfProject = path.join(__dirname, "../../../../../../");
+  const projectResolve = loadJS(path.join(rootOfProject, customAliasPath));
   const commonResolve = loadJS(
-    `${rootOfProject}node_modules/@bigbinary/neeto-commons-frontend/configs/webpack/resolve.js`
+    path.join(
+      rootOfProject,
+      "node_modules/@bigbinary/neeto-commons-frontend/configs/webpack/resolve.js"
+    )
   );
-  const { alias } = mergeDeepLeft(projectResolve, commonResolve);
 
-  const railsJSFilesRoot = rootOfProject + customJSRoot;
-
-  const pathGroups = Object.entries(alias).map(([name, path]) => {
-    // sometimes alias might be already resolved to full absolute path
-    const isAlreadyAnAbsolutePath =
-      path.includes("cypress-tests/") || path.includes("app/");
+  const { dependencies = [], devDependencies = [] } = loadJS(
+    path.join(rootOfProject, "package.json")
+  );
+  const packages = keys(mergeLeft(dependencies, devDependencies));
+  const { alias = {}, extensions = [] } = mergeDeepLeft(
+    projectResolve,
+    commonResolve
+  );
 
-    const absolutePath = isAlreadyAnAbsolutePath
-      ? path
-      : `${railsJSFilesRoot}${path}`;
-    const wildCard =
-      isFile(`${absolutePath}.js`) || isFile(`${absolutePath}.jsx`)
-        ? ""
-        : "/**";
+  const pathGroups = Object.entries(alias).flatMap(([pattern, aliasPath]) => {
+    const group = packages.includes(aliasPath) ? "external" : "internal";
+    const isFile = ["", ...extensions].some(extension =>
+      doesFileExist(`${aliasPath}${extension}`)
+    );
 
-    let group = "internal";
-    if (name === "neetoui") {
-      group = "external";
-    }
+    if (isFile) return { pattern, group };
 
-    return { pattern: `${name}${wildCard}`, group };
+    return [
+      { pattern, group },
+      { pattern: `${pattern}/**`, group },
+    ];
   });
 
-  return pathGroups;
+  const pathGroupsFromAssets = generatePathGroupsFromAssets(
+    path.join(rootOfProject, "app/assets/")
+  );
+
+  return pathGroups.concat(pathGroupsFromAssets);
 };
 
 module.exports = { buildPathGroupsBasedOnWebpackAliases };