chore: simplify gulp use by extracting dev & watch (#2099)

* Update dependencies from beta tags to latest in actionbar and divider
* Create a single gulpfile.js at root that handles building & spinning up the dev server for the current documentation site
* Add an environment variable for the localhost URL to storybook for dev runs
* Remove bundle-builder
* Update build commands to use NX and run build in parallel across components (based on dependencies defined)
* Remove docs building from component builders

Author: castastrophe

.env.build

@@ -0,0 +1,2 @@
+NODE_ENV=production
+STORYBOOK_URL=/preview/

.env.dev

@@ -0,0 +1,2 @@
+NODE_ENV=development
+STORYBOOK_URL=http://localhost:3000

.github/workflows/pr-build-and-deploy.yml

@@ -18,17 +18,9 @@ jobs:
         with:
           node-version: 16
       - name: Install dependencies
-        run: yarn install
-      - name: Clean everything
-        run: yarn clean
-      - name: Build components
-        run: yarn build:components
-      - name: Build docs site
-        run: yarn build:site
-      - name: Build Storybook (preview)
-        run: yarn workspace @spectrum-css/preview build
-      - name: Move Storybook build to dist
-        run: yarn postbuild:all
+        run: yarn install --frozen-lockfile
+      - name: Build
+        run: yarn ci
       - name: Deploy to Netlify
         uses: nwtgck/actions-netlify@v2
         with:

.gitignore

@@ -14,6 +14,7 @@ npm-debug.log*
 lerna-debug.log
 yarn-error.log
 package-lock.json
+profile.json
 
 # Storybook build output
 tools/preview/storybook-static