feat route context

facebook · May 16, 2024 · dee675c · dee675c
1 parent 27a57d0
commit dee675c
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 66 deletions.
diff --git a/packages/docusaurus-plugin-content-showcase/src/client/index.ts b/packages/docusaurus-plugin-content-showcase/src/client/index.ts
@@ -136,9 +136,7 @@ export function sortItems(params: ShowcaseItem[]): ShowcaseItem[] {
 
 function useShowcase() {
   const routeContext = useRouteContext();
-  console.log('routeContext:', routeContext);
   const showcase = routeContext?.data?.showcase;
-  console.log('showcase:', showcase);
   if (!showcase) {
     throw new Error(
       'showcase-related hooks can only be called on the showcase page',

diff --git a/packages/docusaurus-plugin-content-showcase/src/index.ts b/packages/docusaurus-plugin-content-showcase/src/index.ts
@@ -81,7 +81,7 @@ export default async function pluginContentShowcase(
       });
     },
 
-    async contentLoaded({content, actions: {addRoute}}) {
+    async contentLoaded({content, actions: {addRoute, createData}}) {
       if (!content) {
         return;
       }
@@ -92,6 +92,7 @@ export default async function pluginContentShowcase(
         screenshotApi,
         routeBasePath,
         addRoute,
+        createData,
       });
     },
   };

diff --git a/packages/docusaurus-plugin-content-showcase/src/lifecycle/contentLoaded.ts b/packages/docusaurus-plugin-content-showcase/src/lifecycle/contentLoaded.ts
@@ -17,20 +17,24 @@ export async function processContentLoaded({
   routeBasePath,
   screenshotApi,
   addRoute,
+  createData,
 }: {
   content: ShowcaseItems;
   routeBasePath: string;
   tags: TagsOption;
   screenshotApi: string;
   addRoute: PluginContentLoadedActions['addRoute'];
+  createData: PluginContentLoadedActions['createData'];
 }): Promise<void> {
   addRoute({
     path: routeBasePath,
     component: '@theme/Showcase',
-    props: {
-      items: content.items,
-      tags,
-      screenshotApi,
+    context: {
+      showcase: await createData('showcase.json', {
+        items: content.items,
+        tags,
+        screenshotApi,
+      }),
     },
     exact: true,
   });

diff --git a/packages/docusaurus-theme-classic/src/theme/Showcase/index.tsx b/packages/docusaurus-theme-classic/src/theme/Showcase/index.tsx
@@ -7,13 +7,11 @@
 
 import Translate, {translate} from '@docusaurus/Translate';
 import Link from '@docusaurus/Link';
-import {ShowcaseProvider} from '@docusaurus/theme-common/internal';
 import Layout from '@theme/Layout';
 import Heading from '@theme/Heading';
 import ShowcaseSearchBar from '@theme/Showcase/ShowcaseSearchBar';
 import ShowcaseCards from '@theme/Showcase/ShowcaseCards';
 import ShowcaseFilters from '@theme/Showcase/ShowcaseFilters';
-import type {Props} from '@theme/Showcase';
 
 const TITLE = translate({message: 'Docusaurus Site Showcase'});
 const DESCRIPTION = translate({
@@ -35,24 +33,19 @@ function ShowcaseHeader() {
   );
 }
 
-export default function Showcase(props: Props): JSX.Element {
+export default function Showcase(): JSX.Element {
   return (
-    <ShowcaseProvider
-      items={props.items}
-      tags={props.tags}
-      screenshotApi={props.screenshotApi}>
-      <Layout title={TITLE} description={DESCRIPTION}>
-        <main className="margin-vert--lg">
-          <ShowcaseHeader />
-          <ShowcaseFilters />
-          <div
-            style={{display: 'flex', marginLeft: 'auto'}}
-            className="container">
-            <ShowcaseSearchBar />
-          </div>
-          <ShowcaseCards />
-        </main>
-      </Layout>
-    </ShowcaseProvider>
+    <Layout title={TITLE} description={DESCRIPTION}>
+      <main className="margin-vert--lg">
+        <ShowcaseHeader />
+        <ShowcaseFilters />
+        <div
+          style={{display: 'flex', marginLeft: 'auto'}}
+          className="container">
+          <ShowcaseSearchBar />
+        </div>
+        <ShowcaseCards />
+      </main>
+    </Layout>
   );
 }
diff --git a/packages/docusaurus-theme-common/src/contexts/showcase.tsx b/packages/docusaurus-theme-common/src/contexts/showcase.tsx
diff --git a/packages/docusaurus-theme-common/src/internal.ts b/packages/docusaurus-theme-common/src/internal.ts
@@ -26,7 +26,6 @@ export {DocsVersionProvider, useDocsVersion} from './contexts/docsVersion';
 export {DocsSidebarProvider, useDocsSidebar} from './contexts/docsSidebar';
 
 export {DocProvider, useDoc, type DocContextValue} from './contexts/doc';
-export {ShowcaseProvider} from './contexts/showcase';
 export {
   BlogPostProvider,
   useBlogPost,