fix: workaround npm's lack of topological oder

Basically, npm would run `prepare` on each packages in alphabetical order but components need design to be built first.

This works around that limitation by firing the scripts run script manually through `npm run [script] -w` which respects the order under `workspaces`

npm/rfcs#548

package.json

@@ -8,7 +8,10 @@
     "packages/design",
     "packages/hooks",
     "packages/components",
-    "packages/*"
+    "packages/docx",
+    "packages/eslint-config",
+    "packages/generators",
+    "packages/stylelint-config"
   ],
   "scripts": {
     "prestart": "npm run buildHooksIndex",
@@ -35,7 +38,8 @@
     "lerna:clean": "lerna run clean && lerna clean --y && npm run clean:packages && npm run clean",
     "clean:packages": "rm -rf node_modules **/dist",
     "storybook": "storybook dev -p 6005",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "postinstall": "npm run bootstrap --workspaces --if-present"
   },
   "repository": {
     "type": "git",

packages/components/package.json

@@ -6,9 +6,9 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "rollup --config",
-    "clean": "echo 'pretend to clean. bring this back tho'",
+    "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
     "prepublishOnly": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts",
-    "prepare": "npm run clean; npm run build",
+    "bootstrap": "npm run clean; npm run build",
     "postpublish": "ts-node --project ../../tsconfig.bin.json scripts/entryPoints.ts clean"
   },
   "files": [

packages/design/package.json

@@ -26,8 +26,8 @@
     "build:removeTempFiles": "rm -f src/foundation.js && mv foundation.d.ts.temp foundation.d.ts && mv foundation.js.temp foundation.js",
     "build:iconCssStyle": "node buildIconStyles.js && npm run build:iconCssStyleTypes",
     "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs src/icons/iconStyles.ts --outDir ./src/icons",
-    "clean": "echo 'pretend to clean. bring this back tho'",
-    "prepare": "npm run clean && npm run build"
+    "clean": "rm -rf dist/* icons/* colors.js foundation.* iconStyles.* tsconfig.tsbuildinfo",
+    "bootstrap": "npm run clean && npm run build"
   },
   "dependencies": {
     "classnames": "^2.3.2"

packages/formatters/package.json

@@ -6,8 +6,8 @@
   "types": "./dist/index.d.ts",
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
-    "clean": "echo 'pretend to clean. bring this back tho'",
-    "prepare": "npm run clean; npm run build"
+    "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
+    "bootstrap": "npm run clean; npm run build"
   },
   "files": [
     "dist/*"

packages/hooks/package.json

@@ -6,8 +6,8 @@
   "types": "./dist/index.d.js",
   "scripts": {
     "build": "tsc --project . --skipLibCheck",
-    "clean": "echo 'pretend to clean. bring this back tho'",
-    "prepare": "npm run clean; npm run build"
+    "clean": "rm -rf dist/* tsconfig.tsbuildinfo",
+    "bootstrap": "npm run clean; npm run build"
   },
   "files": [
     "dist/*"