Docs: Add Volta to Grafana dev setup instructions (#35064)

* Chore: update developer guide to use Volta

* Chore: Fix Volta config

* Chore: Add volta config to each workspace

* Chore: Add volta config to each workspace

* Apply suggestions from code review

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>

* Update contribute/developer-guide.md

Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

Co-authored-by: achatterjee-grafana <70489351+achatterjee-grafana@users.noreply.github.com>
Co-authored-by: Diana Payton <52059945+oddlittlebird@users.noreply.github.com>

contribute/developer-guide.md

@@ -10,8 +10,14 @@ Make sure you have the following dependencies installed before setting up your d
 
 - [Git](https://git-scm.com/)
 - [Go](https://golang.org/dl/) (see [go.mod](../go.mod#L3) for minimum required version)
-- [Node.js (Long Term Support)](https://nodejs.org)
-- [Yarn](https://yarnpkg.com)
+
+Additionally you'll need:
+
+- [Node.js](https://nodejs.org) (see `volta.node` property in [package.json](../package.json) for the correct version).
+- [Yarn](https://yarnpkg.com) (see `volta.yarn` property in [package.json](../package.json) for the correct version).
+
+We recommend using [Volta](https://github.com/volta-cli/volta) to manage your JS toolchain.
+Refer to the [Volta Getting Started Guide](https://docs.volta.sh/guide/getting-started) for setup instructions for your operating system.
 
 ### macOS
 
@@ -20,9 +26,6 @@ We recommend using [Homebrew](https://brew.sh/) for installing any missing depen
 ```
 brew install git
 brew install go
-brew install node@14
-
-npm install -g yarn
 ```
 
 ### Windows

package.json

@@ -328,6 +328,7 @@
     "node": ">= 14"
   },
   "volta": {
-    "node": "14.15.1"
+    "node": "14.16.0",
+    "yarn": "1.22.5"
   }
 }

packages/grafana-data/package.json

@@ -55,5 +55,8 @@
     "sinon": "8.1.1",
     "tinycolor2": "1.4.1",
     "typescript": "4.2.4"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

packages/grafana-e2e-selectors/package.json

@@ -45,5 +45,8 @@
     "execa": "4.0.0",
     "typescript": "4.2.4",
     "yaml": "^1.8.3"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

packages/grafana-e2e/package.json

@@ -56,5 +56,8 @@
     "ts-loader": "6.2.1",
     "typescript": "4.2.4",
     "yaml": "^1.8.3"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

packages/grafana-runtime/package.json

@@ -46,5 +46,8 @@
     "rollup-plugin-visualizer": "4.2.0",
     "typescript": "4.2.4"
   },
-  "types": "src/index.ts"
+  "types": "src/index.ts",
+  "volta": {
+    "extends": "../../package.json"
+  }
 }

packages/grafana-toolkit/package.json

@@ -110,5 +110,8 @@
   },
   "_moduleAliases": {
     "puppeteer": "node_modules/puppeteer-core"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

packages/grafana-ui/package.json

@@ -124,5 +124,8 @@
     "typescript": "4.2.4",
     "webpack-filter-warnings-plugin": "1.2.1"
   },
-  "types": "src/index.ts"
+  "types": "src/index.ts",
+  "volta": {
+    "extends": "../../package.json"
+  }
 }

packages/jaeger-ui-components/package.json

@@ -41,5 +41,8 @@
     "recompose": "^0.25.0",
     "tinycolor2": "1.4.1",
     "tween-functions": "^1.2.0"
+  },
+  "volta": {
+    "extends": "../../package.json"
   }
 }

plugins-bundled/internal/input-datasource/package.json

@@ -20,6 +20,6 @@
     "@grafana/ui": "8.1.0-pre"
   },
   "volta": {
-    "node": "12.16.2"
+    "extends": "../../../package.json"
   }
 }

plugins-bundled/internal/plugin-admin-app/package.json

@@ -21,6 +21,6 @@
     "@grafana/ui": "8.1.0-pre"
   },
   "volta": {
-    "node": "12.16.2"
+    "extends": "../../../package.json"
   }
 }