chore: update plugins to use npm workspaces (#2591)

* chore: update blockly-react postinstall script

* chore: use npm workspaces for plugins

* chore: update docs

Author: maribethb

.gitignore

@@ -27,3 +27,7 @@ gh-pages/examples
 .idea
 *.sublime-workspace
 .vscode/*
+
+# Nx
+.nx/cache
+.nx/workspace-data

examples/blockly-react/package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "audit": "npm audit fix",
     "update": "npm update",
-    "postinstall": "cp -r node_modules/blockly/media public/media",
+    "postinstall": "node postinstall.js",
     "predeploy": "npm run build",
     "start": "react-scripts start",
     "build": "react-scripts build",

examples/blockly-react/postinstall.js

@@ -0,0 +1,11 @@
+const fs = require('fs');
+
+// e.g. node_modules/blockly/index.js
+const blocklyIndex = require.resolve('blockly');
+
+// Get the media directory instead of the index
+const mediaPath = blocklyIndex.replace('index.js', 'media');
+
+fs.cp(mediaPath, './public/media', {recursive: true}, (err) => {
+  if (err) throw err;
+});

gulpfile.js

@@ -234,14 +234,11 @@ function deployToGhPages(repo) {
  */
 function preparePluginsForLocal(isBeta) {
   return (done) => {
-    const pluginsDirectory = 'plugins';
     if (isBeta) {
-      execSync(`npx lerna exec -- npm install blockly@beta --force `, {
-        cwd: pluginsDirectory,
+      execSync(`npm install blockly@beta --force `, {
         stdio: 'inherit',
       });
     }
-    execSync(`npm run boot`, {stdio: 'inherit'});
     // Bundles all the plugins.
     execSync(`npm run deploy:prepare:plugins`, {stdio: 'inherit'});
     done();

plugins/lerna.json lerna.jsonplugins/lerna.json renamed to lerna.json

@@ -1,10 +1,8 @@
 {
-  "packages": ["*"],
   "version": "independent",
   "npmClient": "npm",
   "changelogPreset": {
     "name": "conventionalcommits"
   },
-  "ignoreChanges": ["**/package-lock.json"],
-  "useNx": false
+  "ignoreChanges": ["**/package-lock.json"]
 }

nx.json

@@ -0,0 +1,82 @@
+{
+  "targetDefaults": {
+    "build": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "outputs": ["{projectRoot}/dist"]
+    },
+    "clean": {
+      "dependsOn": []
+    },
+    "deploy:prepare": {
+      "cache": true,
+      "dependsOn": [],
+      "outputs": ["{projectRoot}/dist"]
+    },
+    "deploy:prepare:examples": {
+      "cache": true,
+      "dependsOn": [],
+      "outputs": ["{projectRoot}/dist"]
+    },
+    "deploy:prepare:plugins": {
+      "cache": true,
+      "dependsOn": ["^deploy:prepare:plugins"],
+      "outputs": ["{projectRoot}/dist"]
+    },
+    "deploy": {
+      "dependsOn": []
+    },
+    "deploy:upstream": {
+      "dependsOn": []
+    },
+    "format": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "format:check": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "license": {
+      "dependsOn": []
+    },
+    "lint": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "lint:fix": {
+      "cache": true,
+      "dependsOn": []
+    },
+    "postinstall": {
+      "dependsOn": []
+    },
+    "test": {
+      "cache": true,
+      "dependsOn": ["^test"],
+      "outputs": ["{projectRoot}/build"]
+    },
+    "publish:prepare": {
+      "dependsOn": ["^publish:prepare"],
+      "outputs": ["{projectRoot}/dist"]
+    },
+    "publish:manual": {
+      "dependsOn": []
+    },
+    "publish:force": {
+      "dependsOn": []
+    },
+    "publish:unpublishedOnly": {
+      "dependsOn": []
+    },
+    "publish:checkVersions": {
+      "dependsOn": []
+    },
+    "test:ghpages:beta": {
+      "dependsOn": []
+    },
+    "test:ghpages": {
+      "dependsOn": []
+    }
+  }
+}