asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs: remove dev notices + fix AI assistant answer width (#9686)

Browse Source 
* docs: remove dev notices + fix AI assistant answer width

* fix import

* more notes removal

* rc to latest
This commit is contained in:
Shahed Nasser
2024-10-23 10:52:52 +03:00
committed by GitHub
parent 8891c0a3d0
commit c08df5ac44
35 changed files with 120 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
www/apps/api-reference/app/_mdx/admin.mdx
View File

@@ -18,14 +18,6 @@ import ClientLibraries from "./client-libraries.mdx"
<DividedMarkdownContent>
<Note type="warning" title="Production Warning">
Medusa v2.0 is in development and not suitable for production
environments. As such, the API reference is incomplete and subject to
change, so please use it with caution.
</Note>
This API reference includes Medusa v2's Admin APIs, which are REST APIs exposed by the Medusa application. They are used to perform admin functionalities or create an admin dashboard to access and manipulate your commerce store's data.
All API Routes are prefixed with `/admin`. So, during development, the API Routes will be available under the path `http://localhost:9000/admin`. For production, replace `http://localhost:9000` with your Medusa application URL.

2
www/apps/api-reference/app/_mdx/client-libraries.mdx
View File

@@ -13,7 +13,7 @@ Check out the [Medusa v2 Documentation](https://docs.medusajs.com/v2).
To use Medusa's JS SDK library, install the following packages in your project (not required for admin customizations):
```bash
npm install @medusajs/js-sdk@rc @medusajs/types@rc
npm install @medusajs/js-sdk@latest @medusajs/types@latest
```
Learn more about the JS SDK in [this documentation](https://docs.medusajs.com/v2/resources/js-sdk).

8
www/apps/api-reference/app/_mdx/store.mdx
View File

@@ -18,14 +18,6 @@ import ClientLibraries from "./client-libraries.mdx"
<DividedMarkdownContent>
<Note type="warning" title="Production Warning">
Medusa v2.0 is in development and not suitable for production
environments. As such, the API reference is incomplete and subject to
change, so please use it with caution.
</Note>
This API reference includes Medusa v2's Store APIs, which are REST APIs exposed by the Medusa application. They are used to create a storefront for your commerce store, such as a webshop or a commerce mobile app.
All API Routes are prefixed with `/store`. So, during development, the API Routes will be available under the path `http://localhost:9000/store`. For production, replace `http://localhost:9000` with your Medusa application URL.

1
www/apps/api-reference/app/layout.tsx
View File

@@ -32,7 +32,6 @@ export default function RootLayout({
expandItems: false,
}}
showToc={false}
showBanner={false}
showBreadcrumbs={false}
ProvidersComponent={Providers}
>

4
www/apps/book/app/learn/advanced-development/data-models/manage-relationships/page.mdx
View File

@@ -1,10 +1,8 @@
import { BetaBadge } from "docs-ui"
export const metadata = {
title: `${pageNumber} Manage Relationships`,
}
# {metadata.title} <BetaBadge tooltipText="Data model relationships are in active development and may change." text="Beta" />
# {metadata.title}
In this chapter, you'll learn how to manage relationships between data models when creating, updating, or retrieving records using the module's main service.

4
www/apps/book/app/learn/advanced-development/data-models/relationships/page.mdx
View File

@@ -1,10 +1,8 @@
import { BetaBadge } from "docs-ui"
export const metadata = {
title: `${pageNumber} Data Model Relationships`,
}
# {metadata.title} <BetaBadge text="Beta" tooltipText="Data model relationships are in active development and may change." />
# {metadata.title}
In this chapter, you’ll learn how to define relationships between data models in your module.

4
www/apps/book/app/learn/advanced-development/module-links/remote-link/page.mdx
View File

@@ -1,10 +1,8 @@
import { BetaBadge } from "docs-ui"
export const metadata = {
title: `${pageNumber} Remote Link`,
}
# {metadata.title} <BetaBadge text="Beta" tooltipText="Remote Links are in active development." />
# {metadata.title}
In this chapter, you’ll learn what the remote link is and how to use it to manage links.

2
www/apps/book/app/learn/debugging-and-testing/testing-tools/page.mdx
View File

@@ -15,7 +15,7 @@ Medusa provides a `@medusajs/test-utils` package with utility tools to create in
To use the `@medusajs/test-utils` package, install it as a `devDependency`:
```bash npm2yarn
npm install --save-dev @medusajs/test-utils@rc
npm install --save-dev @medusajs/test-utils@latest
```
---

6
www/apps/book/app/learn/deployment/page.mdx
View File

@@ -6,12 +6,6 @@ export const metadata = {
In this chapter, you’ll learn the general approach to deploying the Medusa application.
<Note title="Important">
As Medusa v2 is still in active development, it's highly recommended not to deploy it for production purposes.
</Note>
## Medusa Project Components
A standard Medusa project is made up of:

2
www/apps/book/app/learn/page.mdx
View File

@@ -42,7 +42,7 @@ However, unlike other platforms, Medusa is built with customization in mind. You
Create your first Medusa store by running the following command:
```bash
npx create-medusa-app@rc
npx create-medusa-app@latest
```
---

4
www/apps/book/app/learn/storefront-development/nextjs-starter/page.mdx
View File

@@ -1,10 +1,10 @@
import { Prerequisites, BetaBadge } from "docs-ui"
import { Prerequisites } from "docs-ui"
export const metadata = {
title: `${pageNumber} Next.js Starter`,
}
# {metadata.title} <BetaBadge text="Beta" tooltipText="The Next.js Starter is currently in development to fully support Medusa v2." />
# {metadata.title}
In this chapter, you’ll learn how to install and use the Next.js Starter storefront.

8
www/apps/resources/app/deployment/admin/vercel/page.mdx
View File

@@ -12,14 +12,6 @@ export const metadata = {
In this document, you’ll learn how to deploy the Medusa Admin to [Vercel](https://vercel.com).
<Note title="Important">
As Medusa v2 is still in active development, it's highly recommended not to deploy it for production purposes. The deployment process may also change.
</Note>
---
<Prerequisites items={[
{
text: "Medusa application’s codebase hosted on GitHub repository.",

16
www/apps/resources/app/deployment/medusa-application/railway/page.mdx
View File

@@ -3,7 +3,6 @@ sidebar_label: "Railway"
---
import { Prerequisites, DetailsList } from "docs-ui"
import OutdatedPreviewContent from "../../../troubleshooting/_sections/common-installation-errors/outdated-preview.mdx"
export const metadata = {
title: `Deploy Medusa Application to Railway`,
@@ -13,12 +12,6 @@ export const metadata = {
In this document, you’ll learn how to deploy your Medusa application to [Railway](https://railway.app/).
<Note title="Important">
As Medusa v2 is still in active development, it's highly recommended not to deploy it for production purposes.
</Note>
## What You’ll Deploy
1. PostgreSQL database.
@@ -405,12 +398,3 @@ To check issues or errors in your deployed Medusa application:
1. Click on the card of the Medusa application in server mode.
2. Click on the Deployments tab.
3. Click on the View Logs button.
<DetailsList
sections={[
{
title: "Dependencies Using Outdated Preview Version",
content: <OutdatedPreviewContent />
}
]}
/>

6
www/apps/resources/app/deployment/page.mdx
View File

@@ -6,10 +6,4 @@ export const metadata = {
# {metadata.title}
<Note title="Important">
As Medusa v2 is still in active development, it's highly recommended not to deploy it for production purposes.
</Note>
<ChildDocs />

8
www/apps/resources/app/deployment/storefront/vercel/page.mdx
View File

@@ -12,14 +12,6 @@ export const metadata = {
In this document, you’ll learn how to deploy the Next.js storefront to [Vercel](https://vercel.com).
<Note title="Important">
As Medusa v2 is still in active development, it's highly recommended not to deploy it for production purposes. The deployment process may also change.
</Note>
---
<Prerequisites items={[
{
text: "Storefront codebase hosted in a GitHub repository.",

2
www/apps/resources/app/js-sdk/page.mdx
View File

@@ -21,7 +21,7 @@ The Medusa JS SDK is available in your Medusa application by default. So, you do
To install the Medusa JS SDK in other projects, such as a custom storefront, run the following command:
```bash npm2yarn
npm install @medusajs/js-sdk@rc @medusajs/types@rc
npm install @medusajs/js-sdk@latest @medusajs/types@latest
```
You install two libraries:

24
www/apps/resources/app/nextjs-starter/page.mdx
View File

@@ -1,4 +1,4 @@
import { DetailsList, BetaBadge, Prerequisites } from "docs-ui"
import { DetailsList, Prerequisites } from "docs-ui"
import CmaOptionTroubleshooting from "../troubleshooting/_sections/nextjs/cma-option.mdx"
import CorsErrorTroubleshooting from "../troubleshooting/_sections/other/cors-errors.mdx"
import ModuleXErrorTroubleshooting from "../troubleshooting/_sections/common-installation-errors/module-x-error.mdx"
@@ -7,7 +7,7 @@ export const metadata = {
title: `Next.js Starter`,
}
# {metadata.title} <BetaBadge text="Beta" tooltipText="Next.js starter is currently in development and doesn't fully support Medusa v2 yet." />
# {metadata.title}
The Next.js Starter storefront provides rich commerce features and a sleek design. Developers and businesses can use it as-is or as a starting point to build a storefront for their Medusa application.
@@ -23,26 +23,6 @@ The Next.js Starter storefront provides rich commerce features and a sleek desig
## Installation
{/* TODO add when we support next.js starter in create-medusa-app v2 */}
{/* ### Option 1: Medusa Application + Next.js Starter
The `create-medusa-app` CLI tool accepts the `--with-nextjs-starter` option that installs the Next.js storefront along with the Medusa application:
```bash
npx create-medusa-app@latest --with-nextjs-starter
```
Refer to the [create-medusa-app reference](../create-medusa-app/page.mdx) for more details on prerequisites, steps, and troubleshooting. */}
{/* ### Option 2: Next.js Starter Only */}
{/* <Note type="check">
- At least one region in the Medusa application.
</Note> */}
1. Clone the `v2` branch of the [Next.js Starter](https://github.com/medusajs/nextjs-starter-medusa):
```bash

2
www/apps/resources/app/recipes/b2b/page.mdx
View File

@@ -5,7 +5,7 @@ export const metadata = {
title: `B2B Recipe`,
}
# {metadata.title} <BetaBadge text="Soon" tooltipText="This recipe is a work in progress, as some features are not ready yet in Medusa V2." />
# {metadata.title} <BetaBadge text="Soon" tooltipText="This recipe is a work in progress." />
This recipe provides the general steps to implement a B2B store with Medusa.

4
www/apps/resources/app/recipes/commerce-automation/page.mdx
View File

@@ -1,11 +1,11 @@
import { AcademicCapSolid, BoltSolid } from "@medusajs/icons"
import { LearningPath, BetaBadge } from "docs-ui"
import { BetaBadge } from "docs-ui"
export const metadata = {
title: `Commerce Automation Recipe`,
}
# {metadata.title} <BetaBadge text="Soon" tooltipText="This recipe is a work in progress, as some features are not ready yet in Medusa V2." />
# {metadata.title} <BetaBadge text="Soon" tooltipText="This recipe is a work in progress." />
This recipe provides the general steps to implement commerce automation with Medusa.

2
www/apps/resources/app/recipes/ecommerce/page.mdx
View File

@@ -32,7 +32,7 @@ Medusa provides all essential commerce features out-of-the-box. Businesses can g
Use the following command to install an ecommerce store with Medusa:
```bash
npx create-medusa-app@rc --with-nextjs-starter
npx create-medusa-app@latest --with-nextjs-starter
```
This installs:

2
www/apps/resources/app/storefront-development/tips/page.mdx
View File

@@ -22,7 +22,7 @@ The `@medusajs/types` package provide API routes' request and response types.
If you're not using the JS SDK, install `@medusajs/types` to use the correct request and response types:
```bash npm2yarn
npm install @medusajs/types@rc
npm install @medusajs/types@latest
```
---

10
www/apps/resources/app/troubleshooting/_sections/common-installation-errors/outdated-preview.mdx
View File

@@ -1,10 +0,0 @@
If you've installed an `rc` version of a package, such as `@medusajs/medusa/file-s3`, make sure its version in `package.json` is set to `rc`:
```json title="package.json"
"dependencies": {
// ...
"@medusajs/medusa/file-s3": "rc"
}
```
Otherwise, unexpected errors may occur when running the Medusa application due to outdated version installed.

11
www/apps/resources/app/troubleshooting/deployment/page.mdx
View File

@@ -1,11 +0,0 @@
import OutdatedPreviewContent from "../_sections/common-installation-errors/outdated-preview.mdx"
export const metadata = {
title: `General Deployment Errors`,
}
# {metadata.title}
## Dependencies Using Outdated Preview Version
<OutdatedPreviewContent />

20
www/apps/resources/app/troubleshooting/page.mdx
View File

@@ -6,24 +6,4 @@ export const metadata = {
# {metadata.title}
## Update Medusa Version
While Medusa v2 is still in active development, a version is released every three hours under the `rc` tag.
If you run into issues during your development, try first to remove the `node_modules` directory and `yarn.lock` file (or `package-lock.json`) and re-install the dependencies:
```bash
rm -rf node_modules
rm yarn.lock # or package-lock.json
yarn install # or npm install
```
This updates the Medusa v2 dependencies to the latest `rc` version, which may have resolved your issue.
If your issue still persists, check out the troubleshooting guides below or [create a GitHub issue](https://github.com/medusajs/medusa/issues/new?assignees=&labels=status:+needs+triaging,+version:+2.0&projects=&template=bug_report_v2.md&title=).
---
## Guides
<ChildDocs />

2
www/apps/resources/app/upgrade-guides/page.mdx
View File

@@ -1,5 +1,5 @@
export const metadata = {
title: `Troubleshooting Guides`,
title: `Upgrade Guides`,
}
# {metadata.title}

7
www/apps/resources/generated/edit-dates.mjs
View File

@@ -117,7 +117,7 @@ export const generatedEditDates = {
"app/contribution-guidelines/docs/page.mdx": "2024-10-16T15:48:04.071Z",
"app/create-medusa-app/page.mdx": "2024-08-05T11:10:55+03:00",
"app/deployment/admin/vercel/page.mdx": "2024-10-16T08:10:29.377Z",
"app/deployment/medusa-application/railway/page.mdx": "2024-10-15T12:50:50.981Z",
"app/deployment/medusa-application/railway/page.mdx": "2024-10-22T11:02:09.029Z",
"app/deployment/storefront/vercel/page.mdx": "2024-07-26T07:21:31+00:00",
"app/deployment/page.mdx": "2024-07-25T09:55:22+03:00",
"app/integrations/page.mdx": "2024-10-15T12:26:39.839Z",
@@ -129,7 +129,7 @@ export const generatedEditDates = {
"app/recipes/commerce-automation/page.mdx": "2024-10-16T08:52:01.585Z",
"app/recipes/digital-products/examples/standard/page.mdx": "2024-10-16T08:52:12.991Z",
"app/recipes/digital-products/page.mdx": "2024-10-03T13:07:44.147Z",
"app/recipes/ecommerce/page.mdx": "2024-06-09T15:18:43+02:00",
"app/recipes/ecommerce/page.mdx": "2024-10-22T11:01:01.218Z",
"app/recipes/integrate-ecommerce-stack/page.mdx": "2024-10-16T08:52:16.760Z",
"app/recipes/marketplace/examples/vendors/page.mdx": "2024-10-16T08:52:24.906Z",
"app/recipes/marketplace/page.mdx": "2024-10-03T13:07:44.153Z",
@@ -193,7 +193,7 @@ export const generatedEditDates = {
"app/storefront-development/regions/list/page.mdx": "2024-09-11T10:07:34.742Z",
"app/storefront-development/regions/store-retrieve-region/page.mdx": "2024-09-11T10:07:42.887Z",
"app/storefront-development/regions/page.mdx": "2024-06-09T15:19:09+02:00",
"app/storefront-development/tips/page.mdx": "2024-10-16T12:44:31.781Z",
"app/storefront-development/tips/page.mdx": "2024-10-22T11:01:01.298Z",
"app/storefront-development/page.mdx": "2024-06-09T15:19:09+02:00",
"app/troubleshooting/cors-errors/page.mdx": "2024-05-03T17:36:38+03:00",
"app/troubleshooting/create-medusa-app-errors/page.mdx": "2024-07-11T10:29:13+03:00",
@@ -238,7 +238,6 @@ export const generatedEditDates = {
"app/admin-widget-injection-zones/page.mdx": "2024-09-30T08:43:53.147Z",
"app/architectural-modules/notification/page.mdx": "2024-10-15T12:51:28.735Z",
"app/architectural-modules/event/create/page.mdx": "2024-10-16T08:51:41.334Z",
"app/troubleshooting/deployment/page.mdx": "2024-08-19T07:19:40.924Z",
"references/core_flows/Order/functions/core_flows.Order.orderEditUpdateItemQuantityValidationStep/page.mdx": "2024-08-20T00:10:58.913Z",
"references/core_flows/Order/functions/core_flows.Order.orderEditUpdateItemQuantityWorkflow/page.mdx": "2024-08-20T00:10:58.949Z",
"references/core_flows/Order/functions/core_flows.Order.updateOrderEditItemQuantityValidationStep/page.mdx": "2024-08-20T00:10:59.121Z",

4
www/apps/resources/generated/files-map.mjs
View File

@@ -979,10 +979,6 @@ export const filesMap = [
"filePath": "/www/apps/resources/app/troubleshooting/database-errors/page.mdx",
"pathname": "/troubleshooting/database-errors"
},
{
"filePath": "/www/apps/resources/app/troubleshooting/deployment/page.mdx",
"pathname": "/troubleshooting/deployment"
},
{
"filePath": "/www/apps/resources/app/troubleshooting/dist-imports/page.mdx",
"pathname": "/troubleshooting/dist-imports"

8
www/apps/resources/generated/sidebar.mjs
View File

@@ -9250,14 +9250,6 @@ export const generatedSidebar = [
"children": []
}
]
},
{
"loaded": true,
"isPathHref": true,
"type": "link",
"path": "/troubleshooting/deployment",
"title": "Deployment",
"children": []
}
]
}

5
www/apps/resources/sidebar.mjs
View File

@@ -2212,11 +2212,6 @@ export const sidebar = sidebarAttachHrefCommonOptions([
},
],
},
{
type: "link",
path: "/troubleshooting/deployment",
title: "Deployment",
},
],
},
],

1
www/apps/ui/src/app/layout.tsx
View File

@@ -38,7 +38,6 @@ export default function RootLayout({
sidebarProps={{
expandItems: true,
}}
showBanner={false}
ProvidersComponent={Providers}
>
{children}

8
www/packages/docs-ui/src/components/AiAssistant/ThreadItem/index.tsx
View File

@@ -17,7 +17,11 @@ export const AiAssistantThreadItem = ({ item }: AiAssistantThreadItemProps) => {
item.type === "answer" && "!pr-[20px]"
)}
>
{item.type !== "question" && <AiAssistantIcon />}
{item.type !== "question" && (
<span className="w-[20px] block">
<AiAssistantIcon />
</span>
)}
<div
className={clsx(
"txt-small text-medusa-fg-subtle",
@@ -26,7 +30,7 @@ export const AiAssistantThreadItem = ({ item }: AiAssistantThreadItemProps) => {
"px-docs_0.75 py-docs_0.5",
],
item.type !== "question" && "flex-1",
item.type === "answer" && "text-pretty"
item.type === "answer" && "text-pretty flex-1"
)}
>
{item.type === "question" && <>{item.content}</>}

65
www/packages/docs-ui/src/components/Bannerv2/index.tsx
View File

@@ -1,65 +0,0 @@
"use client"
import React, { useEffect, useState } from "react"
import { Button, useIsBrowser } from "../.."
import { ExclamationCircleSolid, XMark } from "@medusajs/icons"
import clsx from "clsx"
const LOCAL_STORAGE_KEY = "banner-v2"
export type Bannerv2Props = {
className?: string
}
export const Bannerv2 = ({ className }: Bannerv2Props) => {
const [show, setShow] = useState(false)
const { isBrowser } = useIsBrowser()
useEffect(() => {
if (!isBrowser) {
return
}
const localStorageValue = localStorage.getItem(LOCAL_STORAGE_KEY)
if (!localStorageValue) {
setShow(true)
}
}, [isBrowser])
const handleClose = () => {
setShow(false)
localStorage.setItem(LOCAL_STORAGE_KEY, "true")
}
return (
<div
className={clsx(
"bg-medusa-bg-base hidden gap-docs_0.5 z-20",
"justify-between items-start rounded-docs_DEFAULT",
"p-docs_0.75 shadow-elevation-card-rest dark:shadow-elevation-card-rest-dark",
show && "lg:flex",
className
)}
>
<span className="p-[2.5px]">
<ExclamationCircleSolid className="text-medusa-tag-orange-icon" />
</span>
<div className="flex flex-col gap-docs_0.125 flex-1">
<span className="text-compact-small-plus text-medusa-fg-base">
Medusa v2 and Docs under development
</span>
<span className="text-compact-small text-medusa-fg-subtle">
We are actively working on building and improving. Some sections may
be incomplete or subject to change. Thank you for your patience.
</span>
</div>
<Button
variant="transparent-clear"
className="text-medusa-fg-muted"
onClick={handleClose}
>
<XMark />
</Button>
</div>
)
}

186
www/packages/docs-ui/src/components/Icons/AiAssistant/index.tsx
View File

@@ -4,45 +4,40 @@ import { IconProps } from "@medusajs/icons/dist/types"
export const AiAssistantIcon = (props: IconProps) => {
return (
<svg
width="19"
width="20"
height="20"
viewBox="0 0 19 20"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_diii_10448_46450)">
<g filter="url(#filter0_diii_10861_53192)">
<circle
cx="9.50002"
cy="8.99989"
cx="10.0001"
cy="9.00014"
r="7.11"
fill="url(#paint0_linear_10448_46450)"
fill="url(#paint0_linear_10861_53192)"
/>
<circle
cx="9.50002"
cy="8.99989"
cx="10.0001"
cy="9.00014"
r="7.11"
fill="url(#paint1_linear_10448_46450)"
fill="url(#paint1_linear_10861_53192)"
/>
</g>
<g
opacity="0.8"
filter="url(#filter1_f_10861_53192)"
style={{
mixBlendMode: "plus-lighter",
}}
opacity="0.8"
filter="url(#filter1_f_10448_46450)"
>
<circle cx="10" cy="6.5" r="4" fill="url(#paint2_linear_10861_53192)" />
<circle
cx="9.5"
cy="6.5"
r="4"
fill="url(#paint2_linear_10448_46450)"
/>
<circle
cx="9.5"
cx="10"
cy="6.5"
r="3.9"
stroke="url(#paint3_linear_10448_46450)"
stroke="url(#paint3_linear_10861_53192)"
strokeWidth="0.2"
/>
</g>
@@ -51,14 +46,19 @@ export const AiAssistantIcon = (props: IconProps) => {
mixBlendMode: "plus-lighter",
}}
opacity="0.8"
filter="url(#filter2_f_10448_46450)"
filter="url(#filter2_f_10861_53192)"
>
<circle cx="12" cy="10" r="4" fill="url(#paint4_linear_10448_46450)" />
<circle
cx="12"
cx="12.5"
cy="10"
r="4"
fill="url(#paint4_linear_10861_53192)"
/>
<circle
cx="12.5"
cy="10"
r="3.9"
stroke="url(#paint5_linear_10448_46450)"
stroke="url(#paint5_linear_10861_53192)"
strokeWidth="0.2"
/>
</g>
@@ -67,21 +67,21 @@ export const AiAssistantIcon = (props: IconProps) => {
mixBlendMode: "plus-lighter",
}}
opacity="0.8"
filter="url(#filter3_f_10448_46450)"
filter="url(#filter3_f_10861_53192)"
>
<circle
cx="4"
cy="4"
r="4"
transform="matrix(-1 0 0 1 11 4)"
fill="url(#paint6_linear_10448_46450)"
transform="matrix(-1 0 0 1 11.5 4)"
fill="url(#paint6_linear_10861_53192)"
/>
<circle
cx="4"
cy="4"
r="3.9"
transform="matrix(-1 0 0 1 11 4)"
stroke="url(#paint7_linear_10448_46450)"
transform="matrix(-1 0 0 1 11.5 4)"
stroke="url(#paint7_linear_10861_53192)"
strokeWidth="0.2"
/>
</g>
@@ -90,21 +90,21 @@ export const AiAssistantIcon = (props: IconProps) => {
mixBlendMode: "plus-lighter",
}}
opacity="0.8"
filter="url(#filter4_f_10448_46450)"
filter="url(#filter4_f_10861_53192)"
>
<circle
cx="4"
cy="4"
r="4"
transform="matrix(0 -1 -1 0 13.5 13)"
fill="url(#paint8_linear_10448_46450)"
transform="matrix(0 -1 -1 0 14 13)"
fill="url(#paint8_linear_10861_53192)"
/>
<circle
cx="4"
cy="4"
r="3.9"
transform="matrix(0 -1 -1 0 13.5 13)"
stroke="url(#paint9_linear_10448_46450)"
transform="matrix(0 -1 -1 0 14 13)"
stroke="url(#paint9_linear_10861_53192)"
strokeWidth="0.2"
/>
</g>
@@ -113,31 +113,31 @@ export const AiAssistantIcon = (props: IconProps) => {
mixBlendMode: "plus-lighter",
}}
opacity="0.8"
filter="url(#filter5_f_10448_46450)"
filter="url(#filter5_f_10861_53192)"
>
<circle
cx="4"
cy="4"
r="4"
transform="matrix(-1 0 0 1 13.5 7.5)"
fill="url(#paint10_linear_10448_46450)"
transform="matrix(-1 0 0 1 14 7.5)"
fill="url(#paint10_linear_10861_53192)"
/>
<circle
cx="4"
cy="4"
r="3.9"
transform="matrix(-1 0 0 1 13.5 7.5)"
stroke="url(#paint11_linear_10448_46450)"
transform="matrix(-1 0 0 1 14 7.5)"
stroke="url(#paint11_linear_10861_53192)"
strokeWidth="0.2"
/>
</g>
<defs>
<filter
id="filter0_diii_10448_46450"
x="0.390015"
y="0.889893"
width="18.22"
height="18.22"
id="filter0_diii_10861_53192"
x="0.890137"
y="0.890137"
width="18.2202"
height="18.2202"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
@@ -158,12 +158,12 @@ export const AiAssistantIcon = (props: IconProps) => {
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_10448_46450"
result="effect1_dropShadow_10861_53192"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_10448_46450"
in2="effect1_dropShadow_10861_53192"
result="shape"
/>
<feColorMatrix
@@ -181,7 +181,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<feBlend
mode="normal"
in2="shape"
result="effect2_innerShadow_10448_46450"
result="effect2_innerShadow_10861_53192"
/>
<feColorMatrix
in="SourceAlpha"
@@ -197,8 +197,8 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_10448_46450"
result="effect3_innerShadow_10448_46450"
in2="effect2_innerShadow_10861_53192"
result="effect3_innerShadow_10861_53192"
/>
<feColorMatrix
in="SourceAlpha"
@@ -215,13 +215,13 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feBlend
mode="normal"
in2="effect3_innerShadow_10448_46450"
result="effect4_innerShadow_10448_46450"
in2="effect3_innerShadow_10861_53192"
result="effect4_innerShadow_10861_53192"
/>
</filter>
<filter
id="filter1_f_10448_46450"
x="5"
id="filter1_f_10861_53192"
x="5.5"
y="2"
width="9"
height="9"
@@ -237,12 +237,12 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feGaussianBlur
stdDeviation="0.25"
result="effect1_foregroundBlur_10448_46450"
result="effect1_foregroundBlur_10861_53192"
/>
</filter>
<filter
id="filter2_f_10448_46450"
x="7.5"
id="filter2_f_10861_53192"
x="8"
y="5.5"
width="9"
height="9"
@@ -258,12 +258,12 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feGaussianBlur
stdDeviation="0.25"
result="effect1_foregroundBlur_10448_46450"
result="effect1_foregroundBlur_10861_53192"
/>
</filter>
<filter
id="filter3_f_10448_46450"
x="2.5"
id="filter3_f_10861_53192"
x="3"
y="3.5"
width="9"
height="9"
@@ -279,12 +279,12 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feGaussianBlur
stdDeviation="0.25"
result="effect1_foregroundBlur_10448_46450"
result="effect1_foregroundBlur_10861_53192"
/>
</filter>
<filter
id="filter4_f_10448_46450"
x="5"
id="filter4_f_10861_53192"
x="5.5"
y="4.5"
width="9"
height="9"
@@ -300,12 +300,12 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feGaussianBlur
stdDeviation="0.25"
result="effect1_foregroundBlur_10448_46450"
result="effect1_foregroundBlur_10861_53192"
/>
</filter>
<filter
id="filter5_f_10448_46450"
x="5"
id="filter5_f_10861_53192"
x="5.5"
y="7"
width="9"
height="9"
@@ -321,36 +321,36 @@ export const AiAssistantIcon = (props: IconProps) => {
/>
<feGaussianBlur
stdDeviation="0.25"
result="effect1_foregroundBlur_10448_46450"
result="effect1_foregroundBlur_10861_53192"
/>
</filter>
<linearGradient
id="paint0_linear_10448_46450"
x1="9.50001"
y1="1.88989"
x2="9.50001"
y2="16.1099"
id="paint0_linear_10861_53192"
x1="10.0001"
y1="1.89014"
x2="10.0001"
y2="16.1101"
gradientUnits="userSpaceOnUse"
>
<stop offset="0.2" stopColor="#C686FF" />
<stop offset="0.8" stopColor="#8D99FF" />
</linearGradient>
<linearGradient
id="paint1_linear_10448_46450"
x1="5.1152"
y1="8.96772"
x2="13.4627"
y2="12.0583"
id="paint1_linear_10861_53192"
x1="5.61532"
y1="8.96797"
x2="13.9628"
y2="12.0585"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6778" stopOpacity="0.8" />
<stop offset="1" stopColor="white" stopOpacity="0.1" />
</linearGradient>
<linearGradient
id="paint2_linear_10448_46450"
x1="9.5"
id="paint2_linear_10861_53192"
x1="10"
y1="6.5"
x2="13.5"
x2="14"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
@@ -358,10 +358,10 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0.3" />
</linearGradient>
<linearGradient
id="paint3_linear_10448_46450"
x1="13.5"
id="paint3_linear_10861_53192"
x1="14"
y1="6.5"
x2="9.5"
x2="10"
y2="6.5"
gradientUnits="userSpaceOnUse"
>
@@ -369,10 +369,10 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint4_linear_10448_46450"
x1="12"
id="paint4_linear_10861_53192"
x1="12.5"
y1="10"
x2="16"
x2="16.5"
y2="10"
gradientUnits="userSpaceOnUse"
>
@@ -380,10 +380,10 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0.3" />
</linearGradient>
<linearGradient
id="paint5_linear_10448_46450"
x1="16"
id="paint5_linear_10861_53192"
x1="16.5"
y1="10"
x2="12"
x2="12.5"
y2="10"
gradientUnits="userSpaceOnUse"
>
@@ -391,7 +391,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint6_linear_10448_46450"
id="paint6_linear_10861_53192"
x1="4"
y1="4"
x2="8"
@@ -402,7 +402,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0.3" />
</linearGradient>
<linearGradient
id="paint7_linear_10448_46450"
id="paint7_linear_10861_53192"
x1="8"
y1="4"
x2="4"
@@ -413,7 +413,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint8_linear_10448_46450"
id="paint8_linear_10861_53192"
x1="4"
y1="4"
x2="8"
@@ -424,7 +424,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0.3" />
</linearGradient>
<linearGradient
id="paint9_linear_10448_46450"
id="paint9_linear_10861_53192"
x1="8"
y1="4"
x2="4"
@@ -435,7 +435,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="#8D99FF" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint10_linear_10448_46450"
id="paint10_linear_10861_53192"
x1="4"
y1="4"
x2="8"
@@ -446,7 +446,7 @@ export const AiAssistantIcon = (props: IconProps) => {
<stop offset="1" stopColor="white" stopOpacity="0.3" />
</linearGradient>
<linearGradient
id="paint11_linear_10448_46450"
id="paint11_linear_10861_53192"
x1="8"
y1="4"
x2="4"

1
www/packages/docs-ui/src/components/index.ts
View File

@@ -1,7 +1,6 @@
export * from "./AiAssistant"
export * from "./ApiRunner"
export * from "./Badge"
export * from "./Bannerv2"
export * from "./BetaBadge"
export * from "./Bordered"
export * from "./BorderedIcon"

5
www/packages/docs-ui/src/layouts/main-content.tsx
View File

@@ -3,19 +3,17 @@
import React, { useEffect } from "react"
import { useSidebar } from "../providers/Sidebar"
import clsx from "clsx"
import { Bannerv2, MainNav, useIsBrowser } from ".."
import { MainNav, useIsBrowser } from ".."
export type MainContentLayoutProps = {
mainWrapperClasses?: string
contentClassName?: string
showBanner?: boolean
children: React.ReactNode
}
export const MainContentLayout = ({
children,
mainWrapperClasses,
showBanner = true,
contentClassName,
}: MainContentLayoutProps) => {
const { isBrowser } = useIsBrowser()
@@ -43,7 +41,6 @@ export const MainContentLayout = ({
mainWrapperClasses
)}
>
{showBanner && <Bannerv2 />}
<div
className={clsx(
"bg-medusa-bg-base",