@bigbinary/neeto-audit-frontend 2.0.1 → 2.0.3

package/README.md

@@ -1,3 +1,54 @@
 # neeto-audit-frontend
 
-Audits neeto frontend codebase for issues and suggests a fix.
+A package that audits neeto frontend packages for neeto-specific configuration and guidelines and suggests a fix.
+
+## Getting Started
+
+`neeto-audit-frontend` has 5 checks to ensure neeto guidelines are being followed:
+
+- Checks whether the package uses the common ESlint configuration from `neeto-commons-frontend`.
+- Checks whether the package uses the common prettier and tailwind configurations.
+- Checks whether the package uses the same set of husky pre-commit and pre-push hooks.
+- Checks whether the package uses the specified node version in `.node-version` and `.nvmrc` files.
+- Checks whether the package uses the recommended versions of common npm packages including other neeto packages.
+
+There are different types of frontend packages in neeto: nanos, widgets, extensions and frontend packages.`neeto-audit-frontend` maintains a local copy of the common configuration and a different local copy if any type of package follows a different configuration. For example, ESlint configuration is different for nanos, widgets and extensions. A local copy is maintained for each of these. The files in a package are tested against these versions to see if they match. If any check fails, it will provide the command that the user can run to fix that specific check before committing.
+
+### Installation
+
+```bash
+yarn add -D "@bigbinary/neeto-audit-frontend@latest"
+```
+
+### Run the audit
+
+```bash
+yarn neeto-audit-frontend
+```
+
+### Add CI check
+
+Add the following lines to the neetoCI YAML file.
+
+```yaml
+setup:
+  - yarn install
+jobs:
+  - name: CiChecks
+    commands:
+      - yarn neeto-audit-frontend
+```
+
+## Making changes to the configuration
+
+If any changes are made to the configuration files being checked by `neeto-audit-frontend`, the audit check will fail. If this change is necessary, we should make the same changes in the local copy maintained in `neeto-audit-frontend` to ensure the checks will pass.
+
+## Development instructions
+
+`neeto-audit-frontend` uses `pnpm` as the package manager. To setup the development environment run `pnpm install` after cloning the repository. After making changes to the verifiers, we can test the changes locally by using `yalc`. Follow the steps mentioned in [Testing frontend packages](https://neeto-engineering.neetokb.com/articles/testing-packages-locally-using-yalc) to test the changes.
+
+If, for any reason, `yarn neeto-audit-frontend` command fails after pushing the changes using `yalc`, run `yarn install --check-files`.
+
+## Building and Releasing
+
+The `@bigbinary/neeto-audit-frontend` gets published to NPM when we merge a PR with `patch`, `minor` or `major` label to the main branch. The `patch` label is used for bug fixes, `minor` label is used for new features and `major` label is used for breaking changes. You can checkout the `Create and publish releases` workflow in GitHub Actions to get a live update. Please note that before publishing the package, you need to verify the functionality in some of the neeto web-apps locally using `yalc` package manager.

package/common/.husky/widget/pre-push

@@ -0,0 +1,7 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+. "$(dirname "$0")/helpers/prevent_pushing_to_main.sh"
+. "$(dirname "$0")/helpers/neeto_audit_frontend.sh"
+
+prevent_pushing_to_main
+neeto_audit_frontend

package/common/eslint/widget/.eslintrc.js

@@ -0,0 +1,9 @@
+const defaultConfigurations = require("@bigbinary/neeto-commons-frontend/configs/nanos/eslint/index.js");
+const { mergeDeepLeft } = require("ramda");
+
+module.exports = mergeDeepLeft(
+  {
+    rules: { "@bigbinary/neeto/file-name-and-export-name-standards": "off" },
+  },
+  defaultConfigurations
+);

package/common/prettier/widget/.prettierrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  tailwindConfig: "./tailwind.config.js",
+  trailingComma: "es5",
+  arrowParens: "avoid",
+  printWidth: 80,
+  tabWidth: 2,
+  useTabs: false,
+  semi: true,
+  quoteProps: "as-needed",
+  jsxSingleQuote: false,
+  singleQuote: false,
+  bracketSpacing: true,
+  bracketSameLine: false,
+  proseWrap: "always",
+  endOfLine: "lf",
+};

package/common/recommendedDependencies/common.js

@@ -10,7 +10,11 @@ const DEV_DEPENDENCIES = {
   "@babel/runtime": "7.22.6",
   "@bigbinary/babel-preset-neeto": "1.0.3",
   "@bigbinary/eslint-plugin-neeto": "1.1.2",
-  "@bigbinary/neeto-audit-frontend": "1.0.7",
+  "@bigbinary/neeto-audit-frontend": "2.0.2",
+  "@bigbinary/neeto-cist": "1.0.0",
+  "@bigbinary/neeto-commons-frontend": "2.0.99",
+  "@bigbinary/neeto-icons": "1.13.0",
+  "@bigbinary/neetoui": "5.0.15",
   autoprefixer: "10.4.14",
   "babel-loader": "9.1.3",
   "babel-plugin-istanbul": "6.1.1",

package/common/recommendedDependencies/extension.js

@@ -1,8 +1,6 @@
 const DEPENDENCIES = {
-  "@bigbinary/neeto-commons-frontend": "2.0.99",
-  "@bigbinary/neeto-icons": "1.13.0",
-  "@bigbinary/neetoui": "5.0.15",
-  "@honeybadger-io/react": "2.0.1",
+  "@honeybadger-io/js": "6.5.3",
+  "@honeybadger-io/react": "6.1.9",
   antd: "4.24.10",
   axios: "1.4.0",
   i18next: "23.2.11",

package/common/recommendedDependencies/frontend.js

@@ -1,13 +1,11 @@
 const DEPENDENCIES = {};
 
 const DEV_DEPENDENCIES = {
-  "@bigbinary/neeto-commons-frontend": "2.0.99",
   "@bigbinary/neeto-filters-frontend": "2.12.1",
   "@bigbinary/neeto-molecules": "1.0.34",
-  "@bigbinary/neeto-icons": "1.13.0",
-  "@bigbinary/neetoui": "5.0.15",
   "@faker-js/faker": "8.0.2",
-  "@honeybadger-io/react": "2.0.1",
+  "@honeybadger-io/js": "6.5.3",
+  "@honeybadger-io/react": "6.1.9",
   "@rollup/plugin-alias": "5.0.0",
   "@rollup/plugin-babel": "6.0.3",
   "@rollup/plugin-commonjs": "25.0.3",
@@ -48,7 +46,8 @@ const PEER_DEPENDENCIES = {
   "@bigbinary/neeto-icons": "^1.9.22",
   "@bigbinary/neeto-molecules": "^1.0.9",
   "@bigbinary/neetoui": "^5.0.4",
-  "@honeybadger-io/react": "^2.0.1",
+  "@honeybadger-io/js": "^6.5.3",
+  "@honeybadger-io/react": "^6.1.9",
   axios: "^0.27.2",
   classnames: "^2.3.2",
   formik: "^2.2.9",

package/common/recommendedDependencies/nano.js

@@ -1,13 +1,11 @@
 const DEPENDENCIES = {};
 
 const DEV_DEPENDENCIES = {
-  "@bigbinary/neeto-commons-frontend": "2.0.99",
   "@bigbinary/neeto-filters-frontend": "2.12.1",
   "@bigbinary/neeto-molecules": "1.0.34",
-  "@bigbinary/neeto-icons": "1.13.0",
-  "@bigbinary/neetoui": "5.0.15",
   "@faker-js/faker": "8.0.2",
-  "@honeybadger-io/react": "2.0.1",
+  "@honeybadger-io/js": "6.5.3",
+  "@honeybadger-io/react": "6.1.9",
   "@rollup/plugin-alias": "5.0.0",
   "@rollup/plugin-babel": "6.0.3",
   "@rollup/plugin-commonjs": "25.0.3",
@@ -48,7 +46,8 @@ const PEER_DEPENDENCIES = {
   "@bigbinary/neeto-icons": "^1.9.22",
   "@bigbinary/neeto-molecules": "^1.0.9",
   "@bigbinary/neetoui": "^5.0.4",
-  "@honeybadger-io/react": "^2.0.1",
+  "@honeybadger-io/js": "^6.5.3",
+  "@honeybadger-io/react": "^6.1.9",
   axios: "^0.27.2",
   classnames: "^2.3.2",
   formik: "^2.2.9",