fix(docsite): add build time script to fix the website title from Web…

…pack App to Fluent UI React v9

apps/public-docsite-v9/.storybook/fix-title.js

@@ -0,0 +1,20 @@
+const fs = require('fs');
+const path = require('path');
+
+try {
+  const args = process.argv.slice(2);
+  const [title, distPath] = args;
+
+  console.log(`Rewriting index.html document title to ${title}.`);
+
+  const filePath = `${distPath}/storybook/index.html`;
+  const document = fs.readFileSync(path.resolve(__dirname, filePath), 'utf8');
+  const output = document.replace(/<title>.*<\/title>/, `<title>${title}</title>`);
+
+  fs.writeFileSync(path.resolve(__dirname, filePath), output);
+  console.log('Title rewrite complete.');
+} catch (error) {
+  console.log('Title rewrite failed.');
+  console.error(error);
+  process.exit(1);
+}

apps/public-docsite-v9/package.json

@@ -5,7 +5,7 @@
   "description": "A collection of examples demonstrating how to upgrade from v8 to v9",
   "scripts": {
     "build": "just-scripts build",
-    "build-storybook": "build-storybook -o ./dist/storybook --docs",
+    "build-storybook": "build-storybook -o ./dist/storybook --docs && node ./.storybook/fix-title.js 'Fluent UI React v9' ../dist",
     "chromatic:branch": "npx [email protected] --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes --build-script-name build-storybook",
     "chromatic": "npx [email protected] --project-token $CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes --build-script-name build-storybook --branch-name microsoft:master",
     "clean": "just-scripts clean",