fix: Website (#609)

packages/website/blog/2022-03-30-confession-to-open-source.md

@@ -8,6 +8,8 @@ tags: [opensource, reactnative]
 A few weeks ago, [Coinpanion](https://en.coinpanion.com/) approached us with a request that accelerated the process of releasing our first open-source package.
 I described this journey and our open-source strategy as part of [our new tech blog](https://medium.com/tokenstreet-tech).
 
+<!-- truncate -->
+
 I'm excited to currently have the opportunity to shape the developer culture at tokenstreet.
 Cheers to the open-source community and good cooperation!
 

packages/website/docusaurus.config.js

@@ -6,6 +6,30 @@
 const lightCodeTheme = require('prism-react-renderer/themes/github');
 const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+const injectTypeDocSidebar = (items) => {
+    const modifiedItems = [];
+    let apiItem;
+
+    items.forEach((item) => {
+        if (item.link?.id === 'api/index') {
+            apiItem = {
+                ...item,
+                label: 'API',
+                items: require('./docs/api/typedoc-sidebar.cjs'),
+            };
+        } else {
+            modifiedItems.push(item);
+        }
+    });
+
+    // Insert the modified 'api/index' item in the fourth position
+    if (apiItem) {
+        modifiedItems.splice(3, 0, apiItem);
+    }
+
+    return modifiedItems;
+};
 /** @type {import('@docusaurus/types').Config} */
 const config = {
     title: 'React Native Extended StyleSheet',
@@ -54,6 +78,9 @@ const config = {
                      */
                     editUrl:
                         'https://github.com/tokenstreet-tech/react-native-extended-stylesheet/tree/main/packages/website/',
+                    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+                    sidebarItemsGenerator: async ({ defaultSidebarItemsGenerator, ...args }) =>
+                        injectTypeDocSidebar(await defaultSidebarItemsGenerator(args)),
                 },
                 blog: {
                     showReadingTime: true,
@@ -130,13 +157,10 @@ const config = {
                 // Plugin options
                 entryPoints: ['../core/src/index.ts'],
                 tsconfig: '../core/tsconfig.json',
-                sidebar: {
-                    position: 4,
-                },
-                entryDocument: 0,
 
                 // TypeDoc options
                 excludePrivate: true,
+                readme: 'none',
             },
         ],
     ],