feat: run build commands prior to storybook and adjust node version for testing

Author: Callin Mullaney

.github/workflows/tests.yml

@@ -20,7 +20,7 @@ jobs:
         if: steps.component_changes.outputs.components == 'true'
         uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '20'
       - name: Install dependencies
         if: steps.component_changes.outputs.components == 'true'
         run: npm ci
@@ -40,7 +40,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v2
         with:
-          node-version: '16.13'
+          node-version: '20'
       - name: Install CLI
         run: npm install -g @emulsify/cli
       - name: Install starter

package.json

@@ -36,8 +36,8 @@
     "prettier": "prettier --config config/emulsify-core/prettierrc.config.json --ignore-path config/emulsify-core/.prettierignore --ignore-unknown \"./components/**/*.{js,yml,scss,md}\"",
     "prettier-fix": "prettier --config config/emulsify-core/prettierrc.config.json --ignore-path config/emulsify-core/.prettierignore --write --ignore-unknown \"./components**/*.{js,yml,scss,md}\"",
     "semantic-release": "semantic-release",
-    "storybook": "storybook dev -c node_modules/emulsify-core/.storybook --ci -s ../../../dist,../../../assets/images,../../../assets/icons -p 6006",
-    "storybook-build": "storybook build -c node_modules/emulsify-core/.storybook -s ./dist,./assets/images,./assets/icons -o .out",
+    "storybook": "npm run build; storybook dev -c node_modules/emulsify-core/.storybook --ci -s ../../../dist,../../../assets/images,../../../assets/icons -p 6006",
+    "storybook-build": "npm run build; storybook build -c node_modules/emulsify-core/.storybook -s ./dist,./assets/images,./assets/icons -o .out",
     "storybook-deploy": "storybook-to-ghpages -o .out",
     "test": "jest --coverage  --config ./config/jest.config.js",
     "twatch": "jest --no-coverage --watch --verbose",