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

docs: add routing page (#9550)

Browse Source 
- Add a new homepage to `book` project for the routing page
- Move all main doc pages to be under `/v2/learn` (and added redirects + fixed links across docs)
- Other: add admin components to resources dropdown + fixes to search on mobile.

Closes DX-955

Preview: https://docs-v2-git-docs-router-page-medusajs.vercel.app/v2
This commit is contained in:
Shahed Nasser
2024-10-18 08:24:34 +00:00
committed by GitHub
parent 7a47f5211d
commit 0a37675f0e
223 changed files with 2549 additions and 696 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/packages/docs-ui/src/components/Icons/Book/index.tsx
+63
View File
@@ -0,0 +1,63 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const BookIcon = (props: IconProps) => {
return (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10569_98393)">
<path
opacity="0.3"
d="M13.5556 1.55566H5.11111V11.3334H13.5556V1.55566Z"
fill="currentColor"
/>
<path
d="M5.11111 1.55566V11.3334"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2.44444 12.889V3.33344C2.44444 2.35122 3.24 1.55566 4.22222 1.55566H13.5556V11.3334"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M4.66666 14.4445H4C3.14133 14.4445 2.44444 13.7485 2.44444 12.8889C2.44444 12.0294 3.14133 11.3334 4 11.3334H13.5556C12.9858 12.0836 12.9031 13.5974 13.5556 14.4445H4.66666Z"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M7.77777 4.66675H10.8889"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M7.77777 7.33337H10.8889"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10569_98393">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/CalendarRefresh/index.tsx
+70
View File
@@ -0,0 +1,70 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const CalendarRefreshIcon = (props: IconProps) => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10681_55295)">
<path
opacity="0.3"
d="M3.99829 8.44374C3.99829 6.48006 5.59017 4.88818 7.55385 4.88818H24.4427C26.4065 4.88818 27.9983 6.48006 27.9983 8.44374V11.1104H3.99829V8.44374Z"
fill="currentColor"
/>
<path
d="M10.2209 4.88808V1.33252"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21.7756 4.88808V1.33252"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.99829 11.1099H27.9983"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M25.3313 23.5543H29.7757V19.1099"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M27.9983 15.0624V8.44374C27.9983 6.48107 26.4072 4.88818 24.4427 4.88818H7.55385C5.5894 4.88818 3.99829 6.48107 3.99829 8.44374V23.5548C3.99829 25.5175 5.5894 27.1104 7.55385 27.1104H15.8507"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M28.4427 28.2431C27.5521 29.1871 26.2881 29.7773 24.8872 29.7773C22.1867 29.7773 19.9983 27.5888 19.9983 24.8884C19.9983 22.188 22.1867 19.9995 24.8872 19.9995C26.9601 19.9995 28.7307 21.2902 29.4436 23.1106"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10681_55295">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/ChefHat/index.tsx
+65
View File
@@ -0,0 +1,65 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const ChefHatIcon = (props: IconProps) => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10681_55312)">
<path
opacity="0.3"
fillRule="evenodd"
clipRule="evenodd"
d="M21.4896 7.07933C20.7301 4.77472 18.5587 3.11133 15.9998 3.11133C13.4401 3.11133 11.2694 4.77558 10.5105 7.08111C9.55229 6.67222 8.47444 6.54599 7.32421 6.78244C5.24066 7.21088 3.5589 8.94777 3.19445 11.0438C2.60957 14.4109 5.18557 17.3336 8.44421 17.3336V24.4447H23.5553V17.3336C26.8122 17.3336 29.3882 14.4127 28.8069 11.0473C28.4442 8.94955 26.7625 7.21266 24.6789 6.78244C23.5269 6.54422 22.4496 6.67044 21.4896 7.07933Z"
fill="currentColor"
/>
<path
d="M8.44446 24.4446H23.5556"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.7777 21.3335V24.4446"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18.2222 21.3335V24.4446"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.5101 7.08108C9.55191 6.67219 8.47456 6.54596 7.32434 6.78241C5.24078 7.21085 3.55902 8.94774 3.19458 11.0437C2.60969 14.4109 5.18569 17.3335 8.44434 17.3335V27.1113C8.44434 28.0926 9.2408 28.8891 10.2221 28.8891H21.7777C22.759 28.8891 23.5555 28.0926 23.5555 27.1113V17.3335C26.8124 17.3335 29.3884 14.4126 28.807 11.0473C28.4444 8.94952 26.7626 7.21263 24.679 6.78241C23.527 6.54419 22.4497 6.67041 21.4897 7.0793"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2222 8.88911C10.2222 5.69799 12.8088 3.11133 15.9999 3.11133C19.1911 3.11133 21.7777 5.69799 21.7777 8.88911"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10681_55312">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/ImageBinary/index.tsx
+69
View File
@@ -0,0 +1,69 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const ImageBinaryIcon = (props: IconProps) => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10681_55277)">
<path
opacity="0.3"
fillRule="evenodd"
clipRule="evenodd"
d="M6.6664 5.78027C4.70272 5.78027 3.11084 7.37215 3.11084 9.33583V22.6692C3.11084 24.6329 4.70272 26.2247 6.6664 26.2247H7.13191L17.3331 16.0236V5.78027H6.6664Z"
fill="currentColor"
/>
<path
d="M7.11084 26.2244L17.3331 16.0022"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3331 26.2247H6.6664C4.70195 26.2247 3.11084 24.6336 3.11084 22.6692V9.33583C3.11084 7.37138 4.70195 5.78027 6.6664 5.78027H17.3331"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.222 15.1134C11.4493 15.1134 12.4442 14.1185 12.4442 12.8912C12.4442 11.6639 11.4493 10.6689 10.222 10.6689C8.99467 10.6689 7.99976 11.6639 7.99976 12.8912C7.99976 14.1185 8.99467 15.1134 10.222 15.1134Z"
fill="currentColor"
/>
<path
d="M26.222 27.1133C27.9402 27.1133 29.3331 25.1234 29.3331 22.6688C29.3331 20.2142 27.9402 18.2244 26.222 18.2244C24.5037 18.2244 23.1108 20.2142 23.1108 22.6688C23.1108 25.1234 24.5037 27.1133 26.222 27.1133Z"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M26.2216 13.7795V4.89062C26.2216 4.89062 25.203 6.68263 23.043 7.09507"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3331 3.11328V28.8911"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10681_55277">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/PuzzleColored/index.tsx
+35
View File
@@ -0,0 +1,35 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const PuzzleColoredIcon = (props: IconProps) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
{...props}
>
<g clipPath="url(#clip0_10683_56033)">
<path
opacity="0.3"
d="M13.1111 7.33325C13.4418 7.33325 13.7476 7.43814 14 7.61503V5.55547C14 4.57414 13.2044 3.7777 12.2222 3.7777H10.1627C10.3387 3.52525 10.4444 3.22036 10.4444 2.88881C10.4444 2.02925 9.74755 1.33325 8.88888 1.33325C8.03022 1.33325 7.33333 2.02925 7.33333 2.88881C7.33333 3.22036 7.43822 3.52525 7.61511 3.7777H5.55555C4.57333 3.7777 3.77777 4.57414 3.77777 5.55547V7.61503C3.52533 7.43903 3.21955 7.33325 2.88888 7.33325C2.03022 7.33325 1.33333 8.02925 1.33333 8.88881C1.33333 9.74836 2.03022 10.4444 2.88888 10.4444C3.21955 10.4444 3.52533 10.3395 3.77777 10.1626V12.2221C3.77777 13.2035 4.57333 13.9999 5.55555 13.9999H7.61511C7.43911 13.7475 7.33333 13.4426 7.33333 13.111C7.33333 12.2515 8.03022 11.5555 8.88888 11.5555C9.74755 11.5555 10.4444 12.2515 10.4444 13.111C10.4444 13.4426 10.3396 13.7475 10.1627 13.9999H12.2222C13.2044 13.9999 14 13.2035 14 12.2221V10.1626C13.7476 10.3386 13.4418 10.4444 13.1111 10.4444C12.2524 10.4444 11.5556 9.74836 11.5556 8.88881C11.5556 8.02925 12.2524 7.33325 13.1111 7.33325Z"
fill="currentColor"
/>
<path
d="M13.1111 7.33325C13.4418 7.33325 13.7476 7.43814 14 7.61503V5.55547C14 4.57414 13.2044 3.7777 12.2222 3.7777H10.1627C10.3387 3.52525 10.4444 3.22036 10.4444 2.88881C10.4444 2.02925 9.74755 1.33325 8.88888 1.33325C8.03022 1.33325 7.33333 2.02925 7.33333 2.88881C7.33333 3.22036 7.43822 3.52525 7.61511 3.7777H5.55555C4.57333 3.7777 3.77777 4.57414 3.77777 5.55547V7.61503C3.52533 7.43903 3.21955 7.33325 2.88888 7.33325C2.03022 7.33325 1.33333 8.02925 1.33333 8.88881C1.33333 9.74836 2.03022 10.4444 2.88888 10.4444C3.21955 10.4444 3.52533 10.3395 3.77777 10.1626V12.2221C3.77777 13.2035 4.57333 13.9999 5.55555 13.9999H7.61511C7.43911 13.7475 7.33333 13.4426 7.33333 13.111C7.33333 12.2515 8.03022 11.5555 8.88888 11.5555C9.74755 11.5555 10.4444 12.2515 10.4444 13.111C10.4444 13.4426 10.3396 13.7475 10.1627 13.9999H12.2222C13.2044 13.9999 14 13.2035 14 12.2221V10.1626C13.7476 10.3386 13.4418 10.4444 13.1111 10.4444C12.2524 10.4444 11.5556 9.74836 11.5556 8.88881C11.5556 8.02925 12.2524 7.33325 13.1111 7.33325Z"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10683_56033">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/ScrollText/index.tsx
+68
View File
@@ -0,0 +1,68 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const ScrollTextIcon = (props: IconProps) => {
return (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10703_107758)">
<path
opacity="0.3"
d="M1.55556 3.33333C1.55556 2.59695 2.15251 2 2.88889 2C3.62527 2 4.22222 2.59695 4.22222 3.33333V6H1.74604C1.64084 6 1.55556 5.91472 1.55556 5.80952V3.33333Z"
fill="currentColor"
/>
<path
opacity="0.3"
d="M6.90213 11.3335H14.4444V13.1113C14.4444 13.6022 14.0465 14.0002 13.5556 14.0002H6.90213V11.3335Z"
fill="currentColor"
/>
<path
d="M13.1111 14C13.8471 14 14.4444 13.4027 14.4444 12.6667V11.7778C14.4444 11.5324 14.2453 11.3333 14 11.3333H7.33334C7.088 11.3333 6.88889 11.5324 6.88889 11.7778V12.6667C6.88889 13.4027 6.29156 14 5.55556 14C4.81956 14 4.22222 13.4027 4.22222 12.6667V3.33333C4.22222 2.59733 3.62489 2 2.88889 2C2.15289 2 1.55556 2.59733 1.55556 3.33333V5.11111C1.55556 5.60178 1.95378 6 2.44445 6H4.22222"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.1111 14H5.55556"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2.88889 2H11.3333C12.0693 2 12.6667 2.59733 12.6667 3.33333V9.11111"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.66666 5.11108H10.2222"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.66666 7.77783H10.2222"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10703_107758">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/Shop/index.tsx
+68
View File
@@ -0,0 +1,68 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const ShopIcon = (props: IconProps) => {
return (
<svg
width="32"
height="32"
viewBox="0 0 32 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10681_55260)">
<path
opacity="0.3"
d="M24.2998 3.11401H7.70064C7.06242 3.11401 6.4722 3.45712 6.15575 4.01179L3.12286 9.33624C3.96731 11.1691 5.80731 12.4473 7.95842 12.4473C9.57264 12.4473 11.002 11.7149 11.9798 10.5825C12.9575 11.7149 14.3869 12.4473 16.0011 12.4473C17.6153 12.4473 19.0429 11.7167 20.0206 10.5842C20.9984 11.7167 22.4278 12.4473 24.0402 12.4473C26.1895 12.4473 28.0313 11.1691 28.8758 9.33624L25.8464 4.01179C25.53 3.45712 24.938 3.11401 24.2998 3.11401Z"
fill="currentColor"
/>
<path
opacity="0.3"
d="M12.8902 28.4474V23.114C12.8902 21.3967 14.284 20.0029 16.0013 20.0029C17.7186 20.0029 19.1124 21.3967 19.1124 23.114V28.4474"
fill="currentColor"
/>
<path
d="M6.66809 28.8914V16.8914"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M25.3346 16.8914V28.8914"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M24.2998 3.11401H7.70064C7.06242 3.11401 6.4722 3.45712 6.15575 4.01179L3.12286 9.33624C3.96731 11.1691 5.80731 12.4473 7.95842 12.4473C9.57264 12.4473 11.002 11.7149 11.9798 10.5825C12.9575 11.7149 14.3869 12.4473 16.0011 12.4473C17.6153 12.4473 19.0429 11.7167 20.0206 10.5842C20.9984 11.7167 22.4278 12.4473 24.0402 12.4473C26.1895 12.4473 28.0313 11.1691 28.8758 9.33624L25.8464 4.01179C25.53 3.45712 24.938 3.11401 24.2998 3.11401Z"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M12.8902 28.4474V23.114C12.8902 21.3967 14.284 20.0029 16.0013 20.0029C17.7186 20.0029 19.1124 21.3967 19.1124 23.114V28.4474"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.11243 28.8914H28.8902"
stroke="currentColor"
strokeWidth="2.66667"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id="clip0_10681_55260">
<rect width="32" height="32" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/WindowPaintbrush/index.tsx
+57
View File
@@ -0,0 +1,57 @@
import React from "react"
import { IconProps } from "@medusajs/icons/dist/types"
export const WindowPaintbrushIcon = (props: IconProps) => {
return (
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g clipPath="url(#clip0_10703_107733)">
<path
opacity="0.3"
d="M5.11111 10.5022C7.03289 11.08 8.59289 11.128 9.86756 9.82311C10.6364 9.05155 10.6364 7.8 9.86756 7.02755C9.09867 6.25511 7.85778 6.24444 7.08267 7.02755C5.82223 8.30222 6.92267 9.512 5.11111 10.5022Z"
fill="currentColor"
/>
<path
d="M10.4445 8.21954L14.9653 3.70132C15.456 3.21065 15.456 2.41421 14.9653 1.92354C14.4747 1.43288 13.6782 1.43288 13.1876 1.92354L8.65956 6.45332"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M5.11111 10.5022C7.03289 11.08 8.59289 11.128 9.86756 9.82311C10.6364 9.05155 10.6364 7.8 9.86756 7.02755C9.09867 6.25511 7.85778 6.24444 7.08267 7.02755C5.82223 8.30222 6.92267 9.512 5.11111 10.5022Z"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M14.4444 7.36357V11.7778C14.4444 12.76 13.6489 13.5556 12.6667 13.5556H3.33334C2.35111 13.5556 1.55556 12.76 1.55556 11.7778V4.22224C1.55556 3.24001 2.35111 2.44446 3.33334 2.44446H9.52445"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M3.77778 5.33333C4.14597 5.33333 4.44445 5.03485 4.44445 4.66667C4.44445 4.29848 4.14597 4 3.77778 4C3.40959 4 3.11111 4.29848 3.11111 4.66667C3.11111 5.03485 3.40959 5.33333 3.77778 5.33333Z"
fill="currentColor"
/>
<path
d="M5.99999 5.33333C6.36818 5.33333 6.66666 5.03485 6.66666 4.66667C6.66666 4.29848 6.36818 4 5.99999 4C5.63181 4 5.33333 4.29848 5.33333 4.66667C5.33333 5.03485 5.63181 5.33333 5.99999 5.33333Z"
fill="currentColor"
/>
</g>
<defs>
<clipPath id="clip0_10703_107733">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
)
}
www/packages/docs-ui/src/components/Icons/index.tsx
+8
View File
@@ -1,8 +1,16 @@
export * from "./AiAssistant"
export * from "./Book"
export * from "./CalendarRefresh"
export * from "./ChefHat"
export * from "./CircleDottedLine"
export * from "./DecisionProcess"
export * from "./ImageBinary"
export * from "./PuzzleColored"
export * from "./QuestionMark"
export * from "./ScrollText"
export * from "./ShadedBg"
export * from "./Shop"
export * from "./StripeColored"
export * from "./ThumbDown"
export * from "./ThumbUp"
export * from "./WindowPaintbrush"