chore: fix storybook caching and change output paths of targets

Author: mainframev

.github/workflows/docsite-publish-ghpages.yml

@@ -39,15 +39,25 @@ jobs:
       - name: Build affected storybooks
         if: steps.affected_storybooks_count.outputs.value > 0
         run: |
-          yarn nx run public-docsite-v9:build-storybook
           yarn nx run-many -t build-storybook:docsite --nxBail
 
+      - name: Prepare Artifact
+        if: steps.affected_storybooks_count.outputs.value > 0
+        run: |
+          rm -rf _pages
+          mkdir -p _pages/react _pages/charts _pages/web-components
+
+          cp -R apps/public-docsite-v9/dist/storybook/* _pages/
+          cp -R apps/public-docsite-v9/dist/react/* _pages/react/
+          cp -R apps/chart-docsite/dist/storybook/* _pages/charts/
+          cp -R packages/web-components/dist/storybook/* _pages/web-components
+
       - name: Upload Pages Artifact
         if: steps.affected_storybooks_count.outputs.value > 0
         id: artifact_upload
         uses: actions/upload-pages-artifact@v3
         with:
-          path: './apps/public-docsite-v9/dist/'
+          path: _pages
 
   deploy:
     runs-on: ubuntu-latest

apps/chart-docsite/package.json

@@ -5,8 +5,8 @@
   "description": "Fluent UI React Charts Preview documentation",
   "scripts": {
     "build-storybook": "storybook build -o ./dist/storybook --docs",
-    "build-storybook:docsite": "cross-env DEPLOY_PATH=/charts/ storybook build -o ../public-docsite-v9/dist/charts/ --docs",
-    "postbuild-storybook": "yarn rewrite-title",
+    "build-storybook:docsite": "cross-env DEPLOY_PATH=/charts/ storybook build -o ./dist/storybook --docs",
+    "postbuild-storybook": "yarn rewrite-title && yarn generate-llms-docs",
     "rewrite-title": "node -r ../../scripts/ts-node/src/register ../../scripts/storybook/src/scripts/rewrite-title.ts --title 'Fluent UI Charts v9' --distPath ./dist/storybook",
     "generate-llms-docs": "yarn storybook-llms-extractor --distPath ./dist/storybook --summaryBaseUrl \"https://fluentuipr.z22.web.core.windows.net/pull/34838/chart-docsite/storybook\" --summaryTitle \"Fluent UI Charts v9\" --summaryDescription \"Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. These charts are used across 100s of projects inside Microsoft across Microsoft 365, Copilot and Azure.\"",
     "clean": "just-scripts clean",

apps/public-docsite-v9/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "description": "Fluent UI React v9 documentation",
   "scripts": {
-    "build-storybook": "cross-env NODE_OPTIONS=--max_old_space_size=3072 storybook build -o ./dist/ --docs",
+    "build-storybook": "cross-env NODE_OPTIONS=--max_old_space_size=3072 storybook build -o ./dist/storybook --docs",
     "build-storybook:react": "cross-env NODE_OPTIONS=--max_old_space_size=3072 DEPLOY_PATH=/react/ storybook build -o ./dist/react --docs",
     "postbuild-storybook": "yarn rewrite-title",
     "rewrite-title": "node -r ../../scripts/ts-node/src/register ../../scripts/storybook/src/scripts/rewrite-title.ts --title 'Fluent UI React v9' --distPath ./dist/",

apps/public-docsite-v9/project.json

@@ -6,6 +6,7 @@
   "tags": ["platform:web", "vNext"],
   "targets": {
     "build-storybook": {
+      "outputs": ["{projectRoot}/dist/"],
       "dependsOn": [
         {
           "projects": ["react-storybook-addon", "react-storybook-addon-export-to-sandbox", "storybook-llms-extractor"],
@@ -16,6 +17,7 @@
     "build-storybook:docsite": {
       "executor": "nx:noop",
       "dependsOn": [
+        "build-storybook",
         "build-storybook:react",
         {
           "projects": ["chart-docsite", "web-components"],

nx.json

@@ -20,6 +20,7 @@
     },
     "build-storybook": {
       "dependsOn": [],
+      "outputs": ["{projectRoot}/dist/storybook"],
       "inputs": ["default", "{workspaceRoot}/.storybook/**", "{projectRoot}/.storybook/**"],
       "cache": true
     },

packages/web-components/package.json

@@ -65,7 +65,7 @@
     "start": "yarn start-storybook -p 6006 --docs",
     "start-storybook": "storybook dev",
     "build-storybook": "storybook build -o ./dist/storybook --docs",
-    "build-storybook:docsite": "cross-env DEPLOY_PATH=/web-components/ storybook build -o ../../apps/public-docsite-v9/dist/web-components --docs",
+    "build-storybook:docsite": "cross-env DEPLOY_PATH=/web-components/ storybook build -o ./dist/storybook --docs",
     "e2e": "node ./scripts/e2e.js",
     "e2e:local": "node ./scripts/e2e.js --ui"
   },