feat(website): new plugin to load CHANGELOG and render as blog (#6414)

* feat(website): new plugin to load CHANGELOG and render as blog

* use CJS

* move footer links

* better design

* fixes

* correctly order posts

* add authors

* Add axios

* Update styles

* oops

* oops

* add expand button

* back to index page link

* fix styles

* add feed options

* fix

* fix

* Add fallback

* fix

* fixes

website/docusaurus.config.js

@@ -112,6 +112,27 @@ const config = {
   ],
   themes: ['live-codeblock'],
   plugins: [
+    [
+      require.resolve('./src/plugins/changelog/index.js'),
+      {
+        blogTitle: 'Docusaurus changelog',
+        blogDescription: 'Keep yourself up-to-date about new features in every release',
+        blogSidebarCount: 'ALL',
+        blogSidebarTitle: 'Changelog',
+        routeBasePath: '/changelog',
+        showReadingTime: false,
+        postsPerPage: 20,
+        archiveBasePath: null,
+        authorsMapPath: 'authors.json',
+        feedOptions: {
+          type: 'all',
+          title: 'Docusaurus changelog',
+          description: 'Keep yourself up-to-date about new features in every release',
+          copyright: `Copyright © ${new Date().getFullYear()} Facebook, Inc.`,
+          language: 'en',
+        }
+      },
+    ],
     [
       'content-docs',
       /** @type {import('@docusaurus/plugin-content-docs').Options} */
@@ -456,6 +477,10 @@ const config = {
                 label: 'Blog',
                 to: 'blog',
               },
+              {
+                label: 'Changelog',
+                to: '/changelog',
+              },
               {
                 label: 'GitHub',
                 href: 'https://github.com/facebook/docusaurus',
@@ -510,7 +535,7 @@ const config = {
 
 async function createConfig() {
   const FeatureRequestsPlugin = (
-    await import('./src/featureRequests/FeatureRequestsPlugin.mjs')
+    await import('./src/plugins/featureRequests/FeatureRequestsPlugin.mjs')
   ).default;
   const configTabs = (await import('./src/remark/configTabs.mjs')).default;
   const lightTheme = (await import('./src/utils/prismLight.mjs')).default;