docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
2025-08-20 11:42:25 +03:00
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,72 @@
+"use client"
+
+import {
+  AiAssistantProvider,
+  AnalyticsProvider,
+  ColorModeProvider,
+  HooksLoader,
+  LearningPathProvider,
+  MobileProvider,
+  ModalProvider,
+  NotificationProvider,
+  PaginationProvider,
+  ScrollControllerProvider,
+  SiteConfigProvider,
+} from "docs-ui"
+import SidebarProvider from "./sidebar"
+import SearchProvider from "./search"
+import { config } from "../config"
+import { MainNavProvider } from "./main-nav"
+import { TooltipProvider } from "@medusajs/ui"
+
+type ProvidersProps = {
+  children?: React.ReactNode
+}
+
+const Providers = ({ children }: ProvidersProps) => {
+  return (
+    <AnalyticsProvider
+      segmentWriteKey={process.env.NEXT_PUBLIC_SEGMENT_API_KEY}
+      reoDevKey={process.env.NEXT_PUBLIC_REO_DEV_CLIENT_ID}
+    >
+      <SiteConfigProvider config={config}>
+        <MobileProvider>
+          <ColorModeProvider>
+            <ModalProvider>
+              <LearningPathProvider>
+                <NotificationProvider>
+                  <ScrollControllerProvider scrollableSelector="#main">
+                    <SidebarProvider>
+                      <PaginationProvider>
+                        <MainNavProvider>
+                          <SearchProvider>
+                            <AiAssistantProvider
+                              integrationId={
+                                process.env.NEXT_PUBLIC_INTEGRATION_ID || "temp"
+                              }
+                            >
+                              <HooksLoader
+                                options={{
+                                  pageScrollManager: true,
+                                  currentLearningPath: false,
+                                }}
+                              >
+                                <TooltipProvider>{children}</TooltipProvider>
+                              </HooksLoader>
+                            </AiAssistantProvider>
+                          </SearchProvider>
+                        </MainNavProvider>
+                      </PaginationProvider>
+                    </SidebarProvider>
+                  </ScrollControllerProvider>
+                </NotificationProvider>
+              </LearningPathProvider>
+            </ModalProvider>
+          </ColorModeProvider>
+        </MobileProvider>
+      </SiteConfigProvider>
+    </AnalyticsProvider>
+  )
+}
+
+export default Providers
@@ -0,0 +1,28 @@
+"use client"
+
+import {
+  getNavDropdownItems,
+  MainNavProvider as UiMainNavProvider,
+} from "docs-ui"
+import { useMemo } from "react"
+import { config } from "../config"
+
+type MainNavProviderProps = {
+  children?: React.ReactNode
+}
+
+export const MainNavProvider = ({ children }: MainNavProviderProps) => {
+  const navigationDropdownItems = useMemo(
+    () =>
+      getNavDropdownItems({
+        basePath: config.baseUrl,
+      }),
+    []
+  )
+
+  return (
+    <UiMainNavProvider navItems={navigationDropdownItems}>
+      {children}
+    </UiMainNavProvider>
+  )
+}
@@ -0,0 +1,46 @@
+"use client"
+
+import { SearchProvider as UiSearchProvider } from "docs-ui"
+import { config } from "../config"
+
+type SearchProviderProps = {
+  children: React.ReactNode
+}
+
+const SearchProvider = ({ children }: SearchProviderProps) => {
+  return (
+    <UiSearchProvider
+      algolia={{
+        appId: process.env.NEXT_PUBLIC_ALGOLIA_APP_ID || "temp",
+        apiKey: process.env.NEXT_PUBLIC_ALGOLIA_API_KEY || "temp",
+        mainIndexName:
+          process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
+      }}
+      indices={[
+        {
+          value: process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
+          title: "Docs",
+        },
+        {
+          value: process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
+          title: "Store & Admin API",
+        },
+      ]}
+      defaultIndex={process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp"}
+      searchProps={{
+        isLoading: false,
+        suggestions: [
+          {
+            title: "Search Suggestions",
+            items: ["Install UI in Admin", "UI Icons", "UI Colors"],
+          },
+        ],
+        checkInternalPattern: new RegExp(`^${config.baseUrl}/ui`),
+      }}
+    >
+      {children}
+    </UiSearchProvider>
+  )
+}
+
+export default SearchProvider
@@ -0,0 +1,25 @@
+"use client"
+import {
+  SidebarProvider as UiSidebarProvider,
+  useScrollController,
+} from "docs-ui"
+import { config } from "@/config"
+
+type SidebarProviderProps = {
+  children?: React.ReactNode
+}
+
+const SidebarProvider = ({ children }: SidebarProviderProps) => {
+  const { scrollableElement } = useScrollController()
+
+  return (
+    <UiSidebarProvider
+      scrollableElement={scrollableElement}
+      sidebars={config.sidebars}
+    >
+      {children}
+    </UiSidebarProvider>
+  )
+}
+
+export default SidebarProvider