refactor: replace yarn with pnpm as package manager

.devcontainer/devcontainer.json

@@ -4,8 +4,8 @@
     "dockerfile": "Dockerfile",
     "context": "../"
   },
-  "postCreateCommand": "yarn install && yarn build",
+  "postCreateCommand": "npm i -g pnpm && pnpm install && pnpm build",
-  "postStartCommand": "yarn dev",
+  "postStartCommand": "pnpm dev",
   "remoteUser": "node",
   "forwardPorts": [
     3000

.github/workflows/build-and-test.yml

@@ -31,32 +31,39 @@ jobs:
         uses: actions/checkout@master
 
       - name: Setup node env 🏗
-        uses: actions/setup-node@v2.1.2
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node }}
           check-latest: true
 
+      - uses: pnpm/action-setup@v2.0.1
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 7
+          run_install: false
+
       - name: Get yarn cache directory path 🛠
-        id: yarn-cache-dir-path
+        id: pnpm-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
+        run: echo "::set-output name=dir::$(pnpm cache dir)"
 
       - name: Cache node_modules 📦
-        uses: actions/cache@v2
+        uses: actions/cache@v3
-        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+        id: pnpm-cache # use this to check for `cache-hit` (`steps.pnpm-cache.outputs.cache-hit != 'true'`)
         with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
+          path: ${{ steps.pnpm-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-pnpm-
 
       - name: Install dependencies 👨🏻‍💻
-        run: yarn install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: Run linter 🧹
-        run: yarn lint
+        run: pnpm lint
 
       - name: Build Library 👷
-        run: yarn build --api="http://127.0.0.1:9080" --token="${{ secrets.TURBO_SERVER_TOKEN }}"
+        run: pnpm build --api="http://127.0.0.1:9080" --token="${{ secrets.TURBO_SERVER_TOKEN }}"
 
       - name: Run tests 🧪
-        run: yarn test
+        run: pnpm test

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+auto-install-peers=true

.yarnrc.yaml

@@ -1 +0,0 @@
-nodeLinker: 'node-modules'

README.md

@@ -126,12 +126,21 @@ there is no support for Vue 2, nor will there be any support in the future, sorr
 
 ## 🧪 Development
 
-```bash
+### Prerequisites
-# start (dev)
-$ yarn dev
 
-# build dist
+- [Node.js v12+](https://nodejs.org/)
-$ yarn build
+- [PnPm](https://pnpm.io/)
+
+
+```bash
+# skip if you already have pnpm installed
+$ npm i -g pnpm
+
+# start examples
+$ pnpm dev
+
+# build all packages
+$ pnpm build
 ```
 
 ### 🐳 Dev Container

docs/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@animxyz/core": "^0.6.6",
     "@animxyz/vue3": "^0.6.6",
-    "@braks/vue-flow": "^0.4.14",
+    "@braks/vue-flow": "workspace:*",
     "@stackblitz/sdk": "^1.6.0",
     "@vue/repl": "1.1.2",
     "blobity": "^0.1.7",

docs/src/.vuepress/auto-imports.d.ts

@@ -126,6 +126,7 @@ declare global {
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
   const useElementHover: typeof import('@vueuse/core')['useElementHover']

docs/src/.vuepress/copy-plugin.ts

@@ -9,12 +9,12 @@ export function copyVueFlowPlugin(): Plugin {
       console.log('building')
       const filePath = resolve(
         __dirname,
-        '../../../node_modules/@braks/vue-flow/dist/vue-flow.es.js'
+        '../../node_modules/@braks/vue-flow/dist/vue-flow.es.js'
       )
       if (!existsSync(filePath)) {
         throw new Error(
           `@braks/vue-flow/dist/vue-flow.es.js not built. ` +
-          `Run "yarn build" first.`
+          `Run "pnpm build" first.`
         )
       }
       this.emitFile({

docs/src/guide/getting-started.md

@@ -4,7 +4,6 @@
 
 - [Node.js v12+](https://nodejs.org/)
 - [Vue 3](https://vuejs.org/)
-- [Yarn v1 classic](https://classic.yarnpkg.com/en/) (Optional)
 
 ## Installation
 

e2e/package.json

@@ -7,7 +7,7 @@
     "open": "cypress open-ct"
   },
   "dependencies": {
-    "@braks/vue-flow": "^0.4.6"
+    "@braks/vue-flow": "workspace:*"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",

examples/package.json

@@ -9,7 +9,7 @@
     "lint": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path .gitignore ."
   },
   "dependencies": {
-    "@braks/vue-flow": "^0.4.6"
+    "@braks/vue-flow": "workspace:*"
   },
   "devDependencies": {
     "@types/dagre": "^0.7.46",

package.json

@@ -9,8 +9,8 @@
     "packages/**"
   ],
   "scripts": {
-    "dev": "yarn --cwd examples dev",
+    "dev": "pnpm --dir examples dev",
-    "docs": "yarn --cwd docs dev",
+    "docs": "pnpm --dir docs dev",
     "postrelease": "git-cliff --output CHANGELOG.md && git add CHANGELOG.md && git commit -m \"chore: Update CHANGELOG.md\"",
     "release": "turbo run release",
     "build": "turbo run build",

packages/pathfinding-edge/package.json

@@ -21,20 +21,20 @@
     "prepare": "ts-patch install -s",
     "dev": "vite",
     "build": "vite build",
-    "types": "yarn prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp",
+    "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp",
     "postbuild": "shx rm -rf tmp",
-    "prepublishOnly": "yarn build",
+    "prepublishOnly": "pnpm build",
     "test": "exit 0;",
     "lint:js": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path .gitignore .",
-    "lint": "yarn lint:js",
+    "lint": "pnpm lint:js",
-    "release": "yarn np --no-release-draft"
+    "release": "pnpm np --no-release-draft"
   },
   "dependencies": {
     "pathfinding": "^0.4.18",
     "perfect-arrows": "^0.3.7"
   },
   "devDependencies": {
-    "@braks/vue-flow": "^0.4.10",
+    "@braks/vue-flow": "workspace:*",
     "@types/pathfinding": "^0.0.5",
     "@vitejs/plugin-vue": "^2.3.3",
     "np": "^7.5.0",
@@ -46,7 +46,7 @@
     "vue-tsc": "^0.35.0"
   },
   "peerDependencies": {
-    "@braks/vue-flow": "^0.4.0",
+    "@braks/vue-flow": "^0.4.15",
     "vue": "^3.2.25"
   },
   "publishConfig": {
@@ -55,7 +55,6 @@
   },
   "np": {
     "branch": "master",
-    "yarn": true,
     "message": "v%s"
   }
 }

packages/resize-rotate-node/package.json

@@ -21,20 +21,20 @@
     "prepare": "ts-patch install -s",
     "dev": "vite",
     "build": "vite build",
-    "types": "yarn prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp",
+    "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && shx rm -rf tmp",
     "postbuild": "shx rm -rf tmp",
-    "prepublishOnly": "yarn build",
+    "prepublishOnly": "pnpm build",
     "test": "exit 0;",
     "lint:js": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path .gitignore .",
-    "lint": "yarn lint:js",
+    "lint": "pnpm lint:js",
-    "release": "yarn np --no-release-draft"
+    "release": "pnpm np --no-release-draft"
   },
   "dependencies": {
     "@vueuse/core": "^8.4.2",
     "vue3-moveable": "^0.4.8"
   },
   "devDependencies": {
-    "@braks/vue-flow": "^0.4.14",
+    "@braks/vue-flow": "workspace:*",
     "@vitejs/plugin-vue": "^2.3.3",
     "np": "^7.5.0",
     "ts-patch": "^2.0.1",
@@ -45,7 +45,7 @@
     "vue-tsc": "^0.35.0"
   },
   "peerDependencies": {
-    "@braks/vue-flow": "^0.4.0",
+    "@braks/vue-flow": "^0.4.15",
     "vue": "^3.2.25"
   },
   "publishConfig": {
@@ -54,7 +54,6 @@
   },
   "np": {
     "branch": "master",
-    "yarn": true,
     "message": "v%s"
   }
 }

packages/resize-rotate-node/src/auto-imports.d.ts

@@ -126,6 +126,7 @@ declare global {
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
   const useElementHover: typeof import('@vueuse/core')['useElementHover']

packages/vue-flow/package.json

@@ -24,13 +24,13 @@
   "scripts": {
     "prepare": "ts-patch install -s",
     "build": "vite build",
-    "types": "yarn prepare && vue-tsc --declaration --emitDeclarationOnly && tsc -p tsconfig.build.json && shx rm -rf tmp && yarn lint:dist",
+    "types": "pnpm prepare && vue-tsc --declaration --emitDeclarationOnly && tsc -p tsconfig.build.json && shx rm -rf tmp && pnpm lint:dist",
     "typedoc": "typedoc --tsconfig tsconfig.docs.json dist/index.d.ts --out typedocs",
     "theme": "postcss src/style.css -o dist/style.css && postcss src/theme-default.css -o dist/theme-default.css",
     "lint": "eslint --ext \".js,.jsx,.ts,.tsx\" --fix --ignore-path ../../.gitignore .",
     "lint:dist": "eslint --ext \".ts,.tsx\" -c .eslintrc.js --fix ./dist",
     "prepublishOnly": "shx cp ../../README.md .",
-    "release": "yarn np",
+    "release": "pnpm np",
     "postpublish": "shx rm README.md"
   },
   "peerDependencies": {
@@ -67,7 +67,6 @@
   },
   "np": {
     "branch": "master",
-    "yarn": true,
     "message": "v%s"
   }
 }

packages/vue-flow/src/auto-imports.d.ts

@@ -133,6 +133,7 @@ declare global {
   const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
   const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
   const useDraggable: typeof import('@vueuse/core')['useDraggable']
+  const useDropZone: typeof import('@vueuse/core')['useDropZone']
   const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
   const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
   const useElementHover: typeof import('@vueuse/core')['useElementHover']

pnpm-workspace.yaml

@@ -0,0 +1,5 @@
+packages:
+  - packages/*
+  - examples
+  - e2e
+  - docs