Merge pull request #53 from tisoap/chore/update-deps

Chore: Update devDependencies
tisoap · Sep 14, 2023 · cb92677 · cb92677
2 parents 298c7b2 + 4029674
commit cb92677
Show file tree

Hide file tree

Showing 10 changed files with 6,411 additions and 9,439 deletions.
diff --git a/.babelrc.json b/.babelrc.json
@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}
diff --git a/.cspell.json b/.cspell.json
@@ -0,0 +1,9 @@
+{
+	"version": "0.2",
+	"language": "en,lorem",
+	"dictionaries": ["en_US", "en-gb", "fonts", "npm", "html", "css"],
+	"ignorePaths": [".cspell.json", ".eslintrc.js", "package.json", "yarn.lock"],
+	"allowCompoundWords": true,
+	"words": [],
+	"flagWords": []
+}
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,23 @@
+{
+	"parserOptions": {
+		"project": ["./tsconfig.json"]
+	},
+	"plugins": ["prettier", "storybook"],
+	"extends": [
+		"@tisoap/eslint-config-ts-react",
+		"plugin:prettier/recommended",
+		"plugin:storybook/recommended"
+	],
+	"rules": {
+		"react/no-multi-comp": "off",
+		"prettier/prettier": ["error", {}, { "usePrettierrc": true }]
+	},
+	"overrides": [
+		{
+			"files": ["*.stories.tsx"],
+			"rules": {
+				"@typescript-eslint/await-thenable": "off"
+			}
+		}
+	]
+}
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -10,26 +10,28 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - name: Checkout repo
-        uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          cache: "yarn"
 
-      - name: Install Node 16
+      - name: Install Node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
-      - name: Install dependencies
-        uses: bahmutov/npm-install@v1
-        with:
-          install-command: yarn --frozen-lockfile --silent
+      - name: Install Dependencies
+        run: yarn --frozen-lockfile --silent
 
-      - name: Lint and Build
-        run: yarn build
+      - name: Check Types
+        run: yarn check-types
 
-      - name: Run Storybook tests
-        run: yarn test-storybook-ci
+      - name: Lint
+        run: yarn lint
+
+      - name: Build
+        run: yarn build
 
       - name: Publish to Chromatic
         uses: chromaui/action@v1

diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml
@@ -1,7 +1,7 @@
 name: Close inactive issues
 on:
   schedule:
-    - cron: "30 1 * * *"
+    - cron: '30 1 * * *'
   workflow_dispatch:
 jobs:
   close-issues:
@@ -10,14 +10,14 @@ jobs:
       issues: write
       pull-requests: write
     steps:
-      - uses: actions/stale@v5
+      - uses: actions/stale@v8
         with:
           operations-per-run: 60
           days-before-issue-stale: 7
           days-before-issue-close: 7
-          stale-issue-label: "stale"
-          stale-issue-message: "This issue is stale because it has been open for 7 days with no activity."
-          close-issue-message: "This issue was closed because it has been inactive for 7 days since being marked as stale."
+          stale-issue-label: 'stale'
+          stale-issue-message: 'This issue is stale because it has been open for 7 days with no activity.'
+          close-issue-message: 'This issue was closed because it has been inactive for 7 days since being marked as stale.'
           days-before-pr-stale: 7
           days-before-pr-close: 7
           exempt-issue-labels: pinned,security

diff --git a/.npmrc b/.npmrc
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -4,7 +4,14 @@ module.exports = {
 	typescript: {
 		check: true
 	},
+	docs: {
+		autodocs: true
+	},
+	framework: {
+		name: "@storybook/react-webpack5",
+		options: {}
+	},
 	core: {
-		builder: 'webpack5'
+		disableWhatsNewNotifications: true
 	}
 }
diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
 	},
 	"license": "MIT",
 	"author": "Tiso Alvarez Puccinelli",
+	"type": "module",
 	"main": "dist/index.js",
 	"module": "dist/react-flow-smart-edge.esm.js",
 	"typings": "dist/index.d.ts",
@@ -29,7 +30,7 @@
 	"scripts": {
 		"build": "yarn build-storybook && yarn build-component",
 		"build-component": "dts build",
-		"build-storybook": "build-storybook",
+		"build-storybook": "storybook build",
 		"check-types": "tsc --noEmit",
 		"chromatic": "chromatic --exit-zero-on-changes --project-token f5598c842f1a",
 		"deploy-component": "np --any-branch",
@@ -40,78 +41,87 @@
 		"predeploy": "yarn build",
 		"prepare": "dts build",
 		"start": "dts watch",
-		"storybook": "start-storybook -p 6006 --ci",
+		"storybook": "storybook dev -p 6006 --ci",
 		"test": "yarn check-types && yarn lint && yarn test-storybook-ci",
 		"test-storybook": "test-storybook",
-		"test-storybook-ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook --quiet && http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && yarn test-storybook\"",
+		"test-storybook-ci": "concurrently -k -s first -n 'SB,TEST' -c 'magenta,blue' 'http-server storybook-static --port 6006 --silent' 'wait-on tcp:6006 && yarn test-storybook --maxWorkers=2'",
 		"ui": "yarn upgrade-interactive --latest"
 	},
 	"husky": {
 		"hooks": {
 			"pre-commit": "dts lint"
 		}
 	},
+	"resolutions": {
+		"string-width": "^4.2.3",
+		"strip-ansi": "^6.0.1"
+	},
 	"dependencies": {
-		"pathfinding": "0.4.18"
+		"pathfinding": "^0.4.18"
 	},
 	"devDependencies": {
-		"@babel/core": "7.20.2",
-		"@babel/plugin-syntax-flow": "7.18.6",
-		"@babel/plugin-transform-react-jsx": "7.19.0",
-		"@babel/preset-typescript": "7.18.6",
-		"@shopify/eslint-plugin": "42.0.1",
-		"@storybook/addon-essentials": "6.5.13",
-		"@storybook/addon-interactions": "6.5.13",
-		"@storybook/addons": "6.5.13",
-		"@storybook/builder-webpack5": "6.5.13",
-		"@storybook/components": "6.5.13",
-		"@storybook/core-events": "6.5.13",
-		"@storybook/jest": "0.0.10",
-		"@storybook/manager-webpack5": "6.5.13",
-		"@storybook/react": "6.5.13",
-		"@storybook/test-runner": "0.9.0",
-		"@storybook/testing-library": "0.0.13",
-		"@storybook/theming": "6.5.13",
-		"@tisoap/eslint-config-ts-react": "7.0.0",
-		"@types/node": "18.11.9",
-		"@types/pathfinding": "0.0.6",
-		"@types/react": "18.0.25",
-		"@types/react-dom": "18.0.9",
-		"@typescript-eslint/eslint-plugin": "5.43.0",
-		"@typescript-eslint/parser": "5.43.0",
-		"chromatic": "6.11.4",
-		"concurrently": "7.5.0",
-		"dts-cli": "1.6.0",
-		"eslint": "8.28.0",
-		"eslint-config-prettier": "8.5.0",
-		"eslint-plugin-flowtype": "8.0.3",
-		"eslint-plugin-import": "2.26.0",
-		"eslint-plugin-jest-dom": "4.0.3",
-		"eslint-plugin-jsx-a11y": "6.6.1",
-		"eslint-plugin-prettier": "4.2.1",
-		"eslint-plugin-react": "7.31.11",
-		"eslint-plugin-react-hooks": "4.6.0",
-		"eslint-plugin-react-prefer-function-component": "3.1.0",
-		"eslint-plugin-sonarjs": "0.16.0",
-		"eslint-plugin-storybook": "0.6.7",
-		"eslint-plugin-testing-library": "5.9.1",
-		"eslint-plugin-unicorn": "44.0.2",
-		"gh-pages": "4.0.0",
-		"http-server": "14.1.1",
-		"husky": "8.0.2",
-		"jest": "29.3.1",
-		"jest-circus": "29.3.1",
-		"jest-environment-node": "29.3.1",
-		"np": "7.6.2",
-		"playwright": "1.28.0",
-		"prettier": "2.7.1",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"reactflow": "11.2.0",
-		"require-from-string": "2.0.2",
-		"typescript": "4.9.3",
-		"wait-on": "6.0.1",
-		"webpack": "5.75.0"
+		"@babel/core": "^7.20.2",
+		"@babel/plugin-syntax-flow": "^7.18.6",
+		"@babel/plugin-transform-react-jsx": "^7.19.0",
+		"@babel/preset-env": "^7.22.15",
+		"@babel/preset-react": "^7.22.15",
+		"@babel/preset-typescript": "^7.22.15",
+		"@shopify/eslint-plugin": "^43.0.0",
+		"@storybook/addon-essentials": "^7.4.0",
+		"@storybook/addon-interactions": "^7.4.0",
+		"@storybook/addons": "^7.4.0",
+		"@storybook/components": "^7.4.0",
+		"@storybook/core-events": "^7.4.0",
+		"@storybook/jest": "^0.2.2",
+		"@storybook/react": "^7.4.0",
+		"@storybook/react-webpack5": "^7.4.0",
+		"@storybook/test-runner": "^0.13.0",
+		"@storybook/testing-library": "^0.2.0",
+		"@storybook/theming": "^7.4.0",
+		"@tisoap/eslint-config-ts-react": "^7.0.0",
+		"@types/minimist": "^1.2.2",
+		"@types/node": "^20.6.0",
+		"@types/pathfinding": "^0.0.6",
+		"@types/react": "^18.0.25",
+		"@types/react-dom": "^18.0.9",
+		"@typescript-eslint/eslint-plugin": "^6.6.0",
+		"@typescript-eslint/parser": "^6.6.0",
+		"chromatic": "^7.1.0",
+		"concurrently": "^8.2.1",
+		"dts-cli": "^2.0.3",
+		"eslint": "^8.28.0",
+		"eslint-config-prettier": "^9.0.0",
+		"eslint-plugin-flowtype": "^8.0.3",
+		"eslint-plugin-import": "^2.26.0",
+		"eslint-plugin-jest-dom": "^5.1.0",
+		"eslint-plugin-jsx-a11y": "^6.6.1",
+		"eslint-plugin-prettier": "^5.0.0",
+		"eslint-plugin-react": "^7.31.11",
+		"eslint-plugin-react-hooks": "^4.6.0",
+		"eslint-plugin-react-prefer-function-component": "^3.1.0",
+		"eslint-plugin-sonarjs": "^0.21.0",
+		"eslint-plugin-storybook": "^0.6.13",
+		"eslint-plugin-testing-library": "^6.0.1",
+		"eslint-plugin-unicorn": "^48.0.1",
+		"gh-pages": "^6.0.0",
+		"http-server": "^14.1.1",
+		"husky": "^8.0.2",
+		"jest": "^29.3.1",
+		"jest-circus": "^29.3.1",
+		"jest-environment-node": "^29.3.1",
+		"np": "^8.0.4",
+		"playwright": "^1.28.0",
+		"prettier": "^3.0.3",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"reactflow": "^11.2.0",
+		"require-from-string": "^2.0.2",
+		"storybook": "^7.4.0",
+		"string-width": "^4.2.3",
+		"strip-ansi": "^6.0.1",
+		"typescript": "^5.2.2",
+		"wait-on": "^7.0.1",
+		"webpack": "^5.75.0"
 	},
 	"peerDependencies": {
 		"react": ">=17",
@@ -120,7 +130,7 @@
 		"typescript": ">=4.6"
 	},
 	"engines": {
-		"node": ">=16",
-		"npm": "^8.0.0"
+		"node": ">=18",
+		"npm": ">=8"
 	}
 }