PR deployed demo site

This is the site that gets deployed for each PR at https://fluentuipr.z22.web.core.windows.net/pull/#####/ (where ##### is the real PR number).

It's also deployed during CI builds for master, 7.0, and 6.0.

How to add a new package to the site

Deploying storybook build

Lets say we wanna add a new package storybook named @fluentui/react-clippy

1. Ensure the package has storybook configured
2. In packages/react-clippy/package.json, add build-storybook task to #scripts, like following:

   NOTE: Make sure the assets are build into dist folder

  {
    "name": "@fluentui/react-clippy",
    "scripts": {
+      "build-storybook": "storybook build -o ./dist/storybook"
    }
  }

3. In apps/pr-deploy-site/just.config.ts, add @fluentui/react-clippy to the dependencies array.

const dependencies = [
 '@fluentui/react-button',
+ '@fluentui/react-clippy'
];

4. In apps/pr-deploy-site/pr-deploy-site.js, add an entry for @fluentui/react-clippy, substituting actual appropriate values.

   • Choose an icon name from this page

var siteInfo = [
  {...},
  {...},
+  {
+    package: '@fluentui/react-clippy',
+    link: './react-clippy/storybook/index.html',
+    icon: /* icon name you chose above */,
+    title: 'A clippy is back. this time packaged!',
+  },
]

5. Submit a PR and verify that the new package is added properly.