Fix Storybook Installation and production build CI (#13465)

* Revert storybook updates - pin versions - add production build CI

* test.yml wasnt added to the commit

Co-authored-by: Sabe Jones <sabrecat@gmail.com>

.github/workflows/test.yml

@@ -219,4 +219,25 @@ jobs:
         CI: true
         NODE_ENV: test
     - run: npm run test:unit
-      working-directory: ./website/client
+      working-directory: ./website/client
+
+  production-build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [14.x]
+    steps:
+    - uses: actions/checkout@v1
+      with:
+        fetch-depth: 1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: cp config.json.example config.json
+    - name: npm install
+      run: |
+        npm install
+      env:
+        CI: true
+        NODE_ENV: production

website/client/config/storybook/README.md

@@ -0,0 +1,8 @@
+# Storybook Updates
+
+Addon-Knobs has been deprecated inorder to update to the new `addons-controls` we need to:
+
+1. Change to the new export syntax for each story `export const StoryTemplate`
+2. And use `StoryTemplate.args` and `StoryTemplate.argTypes` to have the same `knobs` as before
+
+Maybe this can be made story by story and not all at once

website/client/package.json

@@ -13,11 +13,12 @@
     "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c config/storybook"
   },
   "dependencies": {
-    "@storybook/addon-actions": "^6.3.7",
-    "@storybook/addon-knobs": "^6.3.0",
-    "@storybook/addon-links": "^6.3.7",
-    "@storybook/addon-notes": "^5.3.21",
-    "@storybook/vue": "^6.3.7",
+    "@storybook/addons": "6.2.9",
+    "@storybook/addon-actions": "6.2.9",
+    "@storybook/addon-knobs": "6.2.9",
+    "@storybook/addon-links": "6.2.9",
+    "@storybook/addon-notes": "5.3.21",
+    "@storybook/vue": "6.2.9",
     "@vue/cli-plugin-babel": "^4.5.13",
     "@vue/cli-plugin-eslint": "^4.5.13",
     "@vue/cli-plugin-router": "^4.5.13",
@@ -54,7 +55,7 @@
     "uuid": "^8.3.2",
     "validator": "^13.6.0",
     "vue": "^2.6.14",
-    "vue-cli-plugin-storybook": "^2.1.0",
+    "vue-cli-plugin-storybook": "2.1.0",
     "vue-mugen-scroll": "^0.2.6",
     "vue-router": "^3.5.2",
     "vue-template-compiler": "^2.6.14",

website/client/scripts/npm-postinstall.js

@@ -7,7 +7,7 @@ if (process.env.NODE_ENV === 'production') {
     stdio: 'inherit',
   });
 
-  /* execSync('npm run storybook:build', {
+  execSync('npm run storybook:build', {
     stdio: 'inherit',
-  }); */
+  });
 }