* docs: redesign search + re-introduce ai assistant in v2 * change version in ui * show icon in case of error * fixes based on feedback
85 lines
2.3 KiB
TypeScript
85 lines
2.3 KiB
TypeScript
"use client"
|
|
|
|
import {
|
|
usePageLoading,
|
|
SearchProvider as UiSearchProvider,
|
|
searchFiltersV2,
|
|
AiAssistantIcon,
|
|
AiAssistantProvider,
|
|
} from "docs-ui"
|
|
import { config } from "../config"
|
|
import basePathUrl from "../utils/base-path-url"
|
|
|
|
type SearchProviderProps = {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
const SearchProvider = ({ children }: SearchProviderProps) => {
|
|
const { isLoading } = usePageLoading()
|
|
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_API_ALGOLIA_INDEX_NAME || "temp",
|
|
indices: [
|
|
process.env.NEXT_PUBLIC_API_ALGOLIA_INDEX_NAME || "temp",
|
|
process.env.NEXT_PUBLIC_DOCS_ALGOLIA_INDEX_NAME || "temp",
|
|
],
|
|
}}
|
|
searchProps={{
|
|
isLoading,
|
|
suggestions: [
|
|
{
|
|
title: "Getting started? Try one of the following terms.",
|
|
items: [
|
|
"Install Medusa with create-medusa-app",
|
|
"What is an API route?",
|
|
"What is a Workflow?",
|
|
],
|
|
},
|
|
{
|
|
title: "Developing with Medusa",
|
|
items: [
|
|
"How to create an API route",
|
|
"How to create a module",
|
|
"How to create a data model",
|
|
"How to create an admin widget",
|
|
],
|
|
},
|
|
],
|
|
checkInternalPattern: new RegExp(
|
|
`^${config.baseUrl}${basePathUrl(`/(admin|store)`)}`
|
|
),
|
|
filterOptions: searchFiltersV2,
|
|
}}
|
|
commands={[
|
|
{
|
|
name: "ai-assistant",
|
|
icon: <AiAssistantIcon />,
|
|
component: (
|
|
<AiAssistantProvider
|
|
apiUrl={process.env.NEXT_PUBLIC_AI_ASSISTANT_URL || "temp"}
|
|
websiteId={process.env.NEXT_PUBLIC_AI_WEBSITE_ID || "temp"}
|
|
recaptchaSiteKey={
|
|
process.env.NEXT_PUBLIC_AI_API_ASSISTANT_RECAPTCHA_SITE_KEY ||
|
|
"temp"
|
|
}
|
|
/>
|
|
),
|
|
title: "AI Assistant",
|
|
badge: {
|
|
variant: "blue",
|
|
badgeType: "shaded",
|
|
children: "Beta",
|
|
},
|
|
},
|
|
]}
|
|
>
|
|
{children}
|
|
</UiSearchProvider>
|
|
)
|
|
}
|
|
|
|
export default SearchProvider
|