Script/Publish cleanup (#1151)

* nuke script

* Move CHANGELOG to spectacle package

* Add vscode settings to ignore built files for better search

* Build core before examples

* Drop webpack build scripts from spectacle

* Update example deps

* Update package.json

* Create .gitignore

* Update package.json

* Put back in dist/webpack build step

* Update package.json

* Use shx for x-platform moving, and postpack to cleanup files

Author: gksander

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "search.exclude": {
+    "**/node_modules": true,
+    "**/lib": true,
+    "**/es": true,
+    "**/dist": true
+  }
+}

examples/js/package.json

@@ -7,9 +7,9 @@
     "build": "webpack --config ./webpack.config.js"
   },
   "dependencies": {
-    "spectacle": "workspace:spectacle@*",
     "react": "^18.1.0",
-    "react-dom": "^18.1.0"
+    "react-dom": "^18.1.0",
+    "spectacle": "workspace:spectacle@*"
   },
   "devDependencies": {
     "@babel/core": "^7.17.2",
@@ -19,8 +19,10 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.0",
     "babel-loader": "^8.0.6",
+    "html-webpack-plugin": "^5.5.0",
     "rimraf": "^3.0.0",
     "webpack": "^5.68.0",
+    "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.7.4"
   }
 }

examples/md/package.json

@@ -19,10 +19,12 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.0",
     "babel-loader": "^8.0.6",
+    "html-webpack-plugin": "^5.5.0",
     "raw-loader": "^4.0.0",
     "rimraf": "^3.0.0",
     "typescript": "^4.5.2",
     "webpack": "^5.68.0",
+    "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.7.4"
   }
 }

examples/typescript/package.json

@@ -19,9 +19,11 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.0",
     "babel-loader": "^8.0.6",
+    "html-webpack-plugin": "^5.5.0",
     "rimraf": "^3.0.0",
     "typescript": "^4.5.2",
     "webpack": "^5.68.0",
+    "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.7.4"
   }
 }

package.json

@@ -1,11 +1,11 @@
 {
   "name": "spectacle-monorepo",
   "scripts": {
-    "start:js": "pnpm run --filter spectacle-example-js start",
-    "start:ts": "pnpm run --filter spectacle-example-ts start",
-    "start:md": "pnpm run --filter spectacle-example-md start",
+    "start:js": "pnpm run build:core && pnpm run --filter spectacle-example-js start",
+    "start:ts": "pnpm run build:core && pnpm run --filter spectacle-example-ts start",
+    "start:md": "pnpm run build:core && pnpm run --filter spectacle-example-md start",
     "start:one-page": "pnpm run --filter spectacle-example-one-page start",
-    "start:examples": "pnpm run --parallel --filter \"*example*\" start",
+    "start:examples": "pnpm run build:core && pnpm run --parallel --filter \"*example*\" start",
     "start:cli": "pnpm run --filter spectacle-cli start",
     "lint": "eslint --ext .tsx,.ts,.jsx,.js ./examples ./scripts packages/spectacle/src packages/cli/src",
     "lint:fix": "pnpm run lint --fix",
@@ -17,9 +17,11 @@
     "check": "pnpm run lint && pnpm run prettier:check && pnpm run test && pnpm run typecheck",
     "check-ci": "pnpm run check",
     "clean": "pnpm run -r clean",
+    "flush:deps": "rimraf **/node_modules",
+    "nuke": "pnpm run -r clean && pnpm run flush:deps",
     "build:examples": "pnpm run --filter spectacle build && pnpm run -r --filter \"*example*\" build",
     "build:core": "pnpm run --filter spectacle build",
-    "build": "pnpm run -r build",
+    "build": "pnpm run build:core && pnpm run build:examples",
     "build:one-page": "node ./scripts/one-page.js",
     "build:cli": "pnpm run --filter spectacle-cli build",
     "changeset": "changeset",
@@ -38,6 +40,7 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.27.0",
     "eslint-plugin-react-hooks": "^4.3.0",
+    "rimraf": "^3.0.0",
     "prettier": "^2.4.1",
     "pretty": "^2.0.0",
     "typescript": "^4.5.2"

packages/spectacle/.gitignore

@@ -0,0 +1 @@
+README.md

CHANGELOG.md renamed to packages/spectacle/CHANGELOG.md

@@ -7,10 +7,7 @@
   "files": [
     "lib/",
     "es/",
-    "dist/",
-    "examples/",
-    "scripts/",
-    "../../README.md"
+    "dist/"
   ],
   "module": "es/index.js",
   "scripts": {
@@ -22,11 +19,13 @@
     "build-babel-esm": "builder run build-babel -- -d es",
     "build-babel-cjs": "builder run --env \"{\\\"BABEL_ENV\\\":\\\"cjs\\\"}\" build-babel -- -d lib",
     "build-webpack-base": "webpack",
-    "build-webpack-lib-dev": "builder run build-webpack-base -- --config ../../webpack.config.dev.js",
+    "build-webpack-lib-dev": "builder run build-webpack-base -- --config ./webpack.config.dev.js",
     "build-webpack-lib": "builder run build-webpack-base",
     "build": "builder concurrent --buffer build-babel-esm build-babel-cjs build-webpack-lib build-webpack-lib-dev build-types",
     "build-types": "tsc --emitDeclarationOnly",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "shx cp ../../README.md ./README.md && shx cp ../../LICENSE ./LICENSE && pnpm run build",
+    "postpack": "shx rm ./README.md && shx rm ./LICENSE"
   },
   "author": "Formidable Labs <[email protected]>",
   "license": "MIT",
@@ -97,6 +96,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "rimraf": "^3.0.0",
+    "shx": "^0.3.4",
     "ts-jest": "^27.0.7",
     "typescript": "^4.5.2",
     "webpack": "^5.68.0",

packages/spectacle/package.json

@@ -1,4 +1,4 @@
-const base = require('./packages/spectacle/webpack.config');
+const base = require('./webpack.config');
 
 module.exports = {
   ...base,

webpack.config.dev.js renamed to packages/spectacle/webpack.config.dev.js

@@ -1,3 +1,10 @@
+const path = require('path');
 const base = require('../../webpack.config.base');
 
-module.exports = base;
+module.exports = {
+  ...base,
+  output: {
+    ...base.output,
+    path: path.join(__dirname, 'dist')
+  }
+};