add r/webpack page

src/components/Sidebar/Sidebar.jsx

@@ -13,6 +13,10 @@ import LoadingIcon from '../../styles/icons/loading.svg';
 const versions = [5, 4];
 const currentDocsVersion = 5;
 
+// hide them from sidebar
+// r for `redirect`
+const excludedPages = ['/r/webpack/'];
+
 Sidebar.propTypes = {
   className: PropTypes.string,
   pages: PropTypes.array,
@@ -69,26 +73,28 @@ export default function Sidebar({ className = '', pages, currentPage }) {
         </div>
         <Print url={currentPage} />
 
-        {pages.map((page, index) => {
-          let displayGroup = group !== page.group && page.group !== '-';
-          group = page.group;
+        {pages
+          .filter((page) => excludedPages.includes(page.url) === false)
+          .map((page, index) => {
+            let displayGroup = group !== page.group && page.group !== '-';
+            group = page.group;
 
-          return (
-            <div key={page.url}>
-              {displayGroup ? (
-                <h4 className="sidebar__group">{group}</h4>
-              ) : null}
+            return (
+              <div key={page.url}>
+                {displayGroup ? (
+                  <h4 className="sidebar__group">{group}</h4>
+                ) : null}
 
-              <SidebarItem
-                index={index}
-                url={page.url}
-                title={page.title}
-                anchors={page.anchors}
-                currentPage={currentPage}
-              />
-            </div>
-          );
-        })}
+                <SidebarItem
+                  index={index}
+                  url={page.url}
+                  title={page.title}
+                  anchors={page.anchors}
+                  currentPage={currentPage}
+                />
+              </div>
+            );
+          })}
       </div>
     </nav>
   );

src/components/Site/Site.jsx

@@ -149,7 +149,7 @@ function Site(props) {
   );
 
   // not to show in sub navbar
-  const excludeItems = ['contribute', 'blog'];
+  const excludeItems = ['contribute', 'blog', 'r'];
 
   const title = getPageTitle(Content, location.pathname);
 

src/components/Site/clientSideRedirections.js

@@ -9,5 +9,13 @@ export default function (location) {
   ) {
     return `/configuration/cache/${location.hash}`;
   }
+
+  if (location.pathname === '/r/webpack/') {
+    const searchParams = new URLSearchParams(location.search);
+    const option = searchParams.get('option') || '';
+    const options = option.split('/').filter(Boolean);
+    if (options.length === 0) return '/configuration/';
+    return `/configuration/${options[0]}/#${options.join('').toLowerCase()}`;
+  }
   return false;
 }

src/content/r/webpack.mdx

@@ -0,0 +1,11 @@
+---
+title: ''
+---
+
+import { PlaceholderString } from '../../components/Placeholder/Placeholder';
+
+<div
+  dangerouslySetInnerHTML={{
+    __html: PlaceholderString(),
+  }}
+/>