Ci/chromatic (#98)

* ci(workflows): enhance Chromatic workflow and update deployment configurations

* fix(packages/viewer): update controlsOptions to disable auto-rotate in Default story

* ci(workflows): update Storybook build command to use npx nx for chromatic workflow

* ci(workflows): update Chromatic workflow to use Ubuntu 20.04 and set publishing environment

.github/workflows/chromatic-vctrl-viewer.yaml

@@ -1,30 +1,49 @@
 name: Publish vctrl/viewer Storybook to Chromatic
 
-on:
-  push:
-    branches:
-      - main
+#exclude dependabot and renovate branches
+on: push
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}-chromatic
+  cancel-in-progress: true
+
+permissions:
+  actions: write
+  contents: read
 
 jobs:
   chromatic:
-    name: Run Chromatic
-    runs-on: ubuntu-22.04
+    name: Chromatic
+    runs-on: ubuntu-20.04
     environment: chromatic-publishing
+
     steps:
-      - name: Checkout code
+      - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v4
+      - name: ⎔ Setup node
+        uses: actions/setup-node@v4
         with:
+          cache: npm
+          cache-dependency-path: ./package.json
           node-version: 20
 
-      - name: Install dependencies
-        run: npm ci
+      - name: 📥 Install deps
+        run: npm install
+
+      - name: Build Storybook
+        run: npx nx build-storybook vctrl/viewer
 
-      - name: Run Chromatic
+      - name: ⚡ Run chromatic
         uses: chromaui/action@latest
+        # Chromatic GitHub Action options
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN_1 }}
           workingDir: packages/viewer
+          autoAcceptChanges: 'main'
+          exitZeroOnChanges: true
+          exitOnceUploaded: true
+          onlyChanged: true
+          skip: '@(renovate/**|dependabot/**)'

.github/workflows/deploy-official-website.yaml

@@ -11,6 +11,10 @@ on:
       - 'package*.json'
       - '.github/workflows/deploy-official-website.yaml'
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
 env:
   GCR_HOSTNAME: gcr.io
   GCP_PROJECT_ID: ${{ secrets.GCP_PROJECT_ID }}

packages/viewer/src/vectreal-viewer.stories.tsx

@@ -231,7 +231,7 @@ type Story = StoryObj<typeof meta>;
 export const Default: Story = {
   args: {
     cameraOptions: defaultCameraOptions,
-    controlsOptions: defaultControlsOptions,
+    controlsOptions: { ...defaultControlsOptions, autoRotate: false },
     envOptions: defaultEnvOptions,
     gridOptions: defaultGridOptions,
     infoPopoverOptions: defaultInfoPopoverProps,