fix: deployment previews for UI docs and Core docs

- workaround for docz issue https://github.com/pedronauck/docz/issues/1635
- tailwind purge
- fix docusaurus basename and docz missing props

.netlify/build-deploy-preview.sh

@@ -15,11 +15,12 @@ node -v
 yarn run build:ci
 mkdir -p ./.netlify/www/pwa
 mv platform/viewer/dist/* .netlify/www/pwa -v
+echo 'Web application built and copied'
 
 # Build && Move script output
 # yarn run build:package
 
-# Build && Move Docz Output
+# Build && Move Docz Output (for the UI Component Library)
 # Using local yarn install to prevent Gatsby from needing to access
 # node_modules above the platform/ui folder
 cd platform/ui
@@ -28,6 +29,16 @@ yarn run build
 cd ../..
 mkdir -p ./.netlify/www/ui
 mv platform/ui/.docz/dist/* .netlify/www/ui -v
+echo 'UI Component docs (docz) built and copied'
+
+# Build && Move Docusaurus Output (for the docs themselves)
+cd platform/docs
+yarn install
+yarn run build
+cd ../..
+mkdir -p ./.netlify/www/docs
+mv platform/docs/build/* .netlify/www/docs -v
+echo 'Docs built (docusaurus) and copied'
 
 # Cache all of the node_module dependencies in
 # extensions, modules, and platform packages

.netlify/www/_redirects

@@ -6,3 +6,5 @@
 /pwa/* /pwa/index.html 200
 # UI Demo
 /ui/* /ui/index.html 200
+# UI Demo
+/docs/* /docs/index.html 200

.netlify/www/index.html

@@ -9,7 +9,10 @@
 
   <ul>
     <li>
-      <a href="/pwa">PWA: Viewer</a>
+      <a href="/pwa">OHIF Viewer</a>
+    </li>
+    <li>
+      <a href="/docs">Documentation</a>
     </li>
     <li>
       <a href="/ui">UI: Component Library</a>

package.json

@@ -6,6 +6,9 @@
       "platform/*",
       "extensions/*",
       "modes/*"
+    ],
+    "nohoist": [
+      "**/html-minifier-terser"
     ]
   },
   "engines": {
@@ -94,8 +97,9 @@
     "lerna": "^3.15.0",
     "lint-staged": "^9.0.2",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
+    "postcss": "^8.2.15",
     "postcss-import": "^12.0.1",
-    "postcss-loader": "^3.0.0",
+    "postcss-loader": "^4.0.3",
     "postcss-preset-env": "^6.6.0",
     "prettier": "^1.18.2",
     "react-hot-loader": "^4.12.21",

platform/docs/docusaurus.config.js

@@ -33,7 +33,7 @@ const isDev = process.env.NODE_ENV === 'development';
 const isDeployPreview =
   process.env.NETLIFY && process.env.CONTEXT === 'deploy-preview';
 
-const baseUrl = process.env.BASE_URL || '/';
+const baseUrl = process.env.BASE_URL || '/docs/';
 const isBootstrapPreset = process.env.DOCUSAURUS_PRESET === 'bootstrap';
 
 // Special deployment for staging locales until they get enough translations

platform/ui/package.json

@@ -4,7 +4,6 @@
   "description": "A set of React components for Medical Imaging Viewers",
   "author": "OHIF Contributors",
   "license": "MIT",
-  "repository": "OHIF/Viewers",
   "publishConfig": {
     "access": "public"
   },
@@ -54,7 +53,7 @@
     "gatsby-plugin-postcss": "^3.7.0",
     "gatsby-plugin-react-svg": "3.0.0",
     "gatsby-plugin-sass": "2.3.12",
-    "gatsby-theme-docz": "2.3.1-alpha.0",
+    "gatsby-theme-docz": "2.3.1",
     "node-sass": "^4.14.1",
     "pnp-webpack-plugin": "^1.6.4",
     "prop-types": "15.7.2",

platform/ui/src/components/SplitButton/SplitButton.mdx

@@ -21,8 +21,13 @@ import { SplitButton, WindowLevelMenuItem } from '@ohif/ui';
 <Playground>
   {() => {
     const mockedProps = {
+      bState: {
+        primaryToolId: 'WWWC',
+        toggles: {},
+      },
       primary: {
         tooltip: 'W/L',
+        type: 'tool',
         icon: 'tool-window-level',
         onClick: args => console.debug('Primary click!', args),
       },

platform/ui/tailwind.config.js

@@ -2,6 +2,7 @@ module.exports = {
   prefix: '',
   important: false,
   separator: ':',
+  purge: ['./src/**/*.jsx'],
   theme: {
     screens: {
       sm: '640px',