Skip to content

perf(react): reduce SVG path precision #6839

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
j15z wants to merge 1 commit into from
Open

perf(react): reduce SVG path precision #6839

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions apps/docs/app/api/og/route.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -159,15 +159,15 @@ function SimWordmark() {
return (
<svg width='118' height='57' viewBox='0 0 800 386' fill='none'>
<path
d='M0 293.75h53.4128c0 14.748 5.3413 26.506 16.0239 35.275 10.6826 8.37 25.1238 12.555 43.3233 12.555 19.783 0 35.016-3.786 45.698-11.36 10.683-7.971 16.024-18.534 16.024-31.687 0-9.566-2.967-17.538-8.902-23.915-5.539-6.378-15.826-11.559-30.861-15.545l-51.0389-11.958c-25.7173-6.377-44.9063-16.142-57.5672-29.296-12.2651-13.153-18.39771-30.491-18.39771-52.015 0-17.936 4.55001-33.481 13.64991-46.635 9.4957-13.153 22.3543-23.3169 38.576-30.4914 16.6173-7.1745 35.6086-10.7619 56.9739-10.7619 21.365 0 39.763 3.7866 55.193 11.3598 15.826 7.5731 28.091 18.1355 36.796 31.6875 9.1 13.552 13.847 29.695 14.243 48.428h-53.413c-.395-15.146-5.341-26.904-14.837-35.275-9.495-8.37-22.75-12.555-39.763-12.555-17.4083 0-30.8604 3.786-40.356 11.36-9.4956 7.573-14.2434 17.936-14.2434 31.089 0 19.531 14.2434 32.884 42.7304 40.058l51.039 12.556c24.53 5.58 42.928 14.747 55.193 27.502 12.265 12.356 18.398 29.296 18.398 50.82 0 18.335-4.946 34.477-14.837 48.428-9.891 13.552-23.541 24.114-40.95 31.687-17.013 7.175-37.191 10.762-60.534 10.762-34.0265 0-61.1285-8.37-81.3067-25.111-20.1782-16.74-30.2673-39.061-30.2673-66.962z'
d='M0 293.75h53.41c0 14.75 5.34 26.51 16.02 35.27 10.68 8.37 25.12 12.55 43.32 12.55 19.78 0 35.02-3.79 45.7-11.36 10.68-7.97 16.02-18.53 16.02-31.69 0-9.57-2.97-17.54-8.9-23.91-5.54-6.38-15.83-11.56-30.86-15.54l-51.04-11.96c-25.72-6.38-44.91-16.14-57.57-29.3-12.27-13.15-18.4-30.49-18.4-52.02 0-17.94 4.55-33.48 13.65-46.63 9.5-13.15 22.35-23.32 38.58-30.49 16.62-7.17 35.61-10.76 56.97-10.76 21.36 0 39.76 3.79 55.19 11.36 15.83 7.57 28.09 18.14 36.8 31.69 9.1 13.55 13.85 29.7 14.24 48.43h-53.41c-0.4-15.15-5.34-26.9-14.84-35.27-9.49-8.37-22.75-12.55-39.76-12.55-17.41 0-30.86 3.79-40.36 11.36-9.5 7.57-14.24 17.94-14.24 31.09 0 19.53 14.24 32.88 42.73 40.06l51.04 12.56c24.53 5.58 42.93 14.75 55.19 27.5 12.27 12.36 18.4 29.3 18.4 50.82 0 18.34-4.95 34.48-14.84 48.43-9.89 13.55-23.54 24.11-40.95 31.69-17.01 7.17-37.19 10.76-60.53 10.76-34.03 0-61.13-8.37-81.31-25.11-20.18-16.74-30.27-39.06-30.27-66.96z'
fill={INK_COLOR}
/>
<path
d='m267.175 385.826v-292.3631c22.244 8.1331 32.053 8.1331 55.787 0v292.3631zm27.3-311.6891c-9.891 0-18.596-3.5872-26.113-10.7618-7.122-7.5731-10.683-16.342-10.683-26.3067 0-10.3632 3.561-19.132 10.683-26.3066 7.517-7.17453 16.222-10.7618 26.113-10.7618 10.287 0 18.991 3.58727 26.113 10.7618 7.122 7.1746 10.682 15.9434 10.682 26.3066 0 9.9647-3.56 18.7336-10.682 26.3067-7.122 7.1746-15.826 10.7618-26.113 10.7618z'
d='m267.18 385.83v-292.36c22.24 8.13 32.05 8.13 55.79 0v292.36zm27.3-311.69c-9.89 0-18.6-3.59-26.11-10.76-7.12-7.57-10.68-16.34-10.68-26.31 0-10.36 3.56-19.13 10.68-26.31 7.52-7.17 16.22-10.76 26.11-10.76 10.29 0 18.99 3.59 26.11 10.76 7.12 7.17 10.68 15.94 10.68 26.31 0 9.96-3.56 18.73-10.68 26.31-7.12 7.17-15.83 10.76-26.11 10.76z'
fill={INK_COLOR}
/>
<path
d='m421.362 385.823h-55.786v-292.3624h49.852v49.3294c5.934-16.342 17.408-30.197 33.234-40.959 16.222-11.1605 35.807-16.7407 58.754-16.7407 25.718 0 47.083 6.9752 64.096 20.9257 17.013 13.951 28.091 32.485 33.234 55.603h-10.089c3.957-23.118 14.837-41.652 32.642-55.603 17.804-13.9505 39.762-20.9257 65.875-20.9257 33.235 0 59.348 9.7653 78.339 29.2957 18.991 19.531 28.487 46.236 28.487 80.116v191.321h-54.6v-177.57c0-23.118-5.934-40.855-17.804-53.211-11.474-12.755-27.102-19.132-46.885-19.132-13.847 0-26.113 3.189-36.795 9.566-10.287 5.979-18.398 14.748-24.333 26.307-5.934 11.559-8.902 25.111-8.902 40.655v173.385h-55.193v-178.168c0-23.118-5.737-40.655-17.211-52.613-11.474-12.356-27.102-18.534-46.885-18.534-13.847 0-26.112 3.189-36.795 9.566-10.287 5.979-18.398 14.748-24.333 26.307-5.934 11.16-8.902 24.513-8.902 40.057z'
d='m421.36 385.82h-55.79v-292.36h49.85v49.33c5.93-16.34 17.41-30.2 33.23-40.96 16.22-11.16 35.81-16.74 58.75-16.74 25.72 0 47.08 6.98 64.1 20.93 17.01 13.95 28.09 32.48 33.23 55.6h-10.09c3.96-23.12 14.84-41.65 32.64-55.6 17.8-13.95 39.76-20.93 65.88-20.93 33.23 0 59.35 9.77 78.34 29.3 18.99 19.53 28.49 46.24 28.49 80.12v191.32h-54.6v-177.57c0-23.12-5.93-40.85-17.8-53.21-11.47-12.76-27.1-19.13-46.88-19.13-13.85 0-26.11 3.19-36.8 9.57-10.29 5.98-18.4 14.75-24.33 26.31-5.93 11.56-8.9 25.11-8.9 40.66v173.38h-55.19v-178.17c0-23.12-5.74-40.66-17.21-52.61-11.47-12.36-27.1-18.53-46.88-18.53-13.85 0-26.11 3.19-36.8 9.57-10.29 5.98-18.4 14.75-24.33 26.31-5.93 11.16-8.9 24.51-8.9 40.06z'
fill={INK_COLOR}
/>
</svg>
Expand Down
236 changes: 115 additions & 121 deletions apps/docs/components/icons.tsx
View file
Open in desktop

Large diffs are not rendered by default.

236 changes: 115 additions & 121 deletions apps/sim/components/icons.tsx
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion packages/emcn/src/icons/bubble-chat-delay.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export function BubbleChatDelay({ size = 24, width, height, ...props }: IconProp
{...props}
>
<path
d='M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C10.3719 21.5 8.8394 21.0904 7.5 20.3687C5.63177 19.362 4.37462 20.2979 3.26592 20.4658C3.09774 20.4913 2.93024 20.4302 2.80997 20.31C2.62741 20.1274 2.59266 19.8451 2.6935 19.6074C3.12865 18.5818 3.5282 16.6382 2.98341 15C2.6698 14.057 2.5 13.0483 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z'
d='M21.5 12C21.5 17.25 17.25 21.5 12 21.5C10.37 21.5 8.84 21.09 7.5 20.37C5.63 19.36 4.37 20.3 3.27 20.47C3.1 20.49 2.93 20.43 2.81 20.31C2.63 20.13 2.59 19.85 2.69 19.61C3.13 18.58 3.53 16.64 2.98 15C2.67 14.06 2.5 13.05 2.5 12C2.5 6.75 6.75 2.5 12 2.5C17.25 2.5 21.5 6.75 21.5 12Z'
stroke='currentColor'
strokeLinecap='round'
strokeLinejoin='round'
Expand Down
2 changes: 1 addition & 1 deletion packages/emcn/src/icons/download.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ export function Download({ animate = false, className, ...props }: DownloadProps
{...props}
>
{/* tray — same as Upload */}
<path d='M0.75 12.75V16.75C0.75 17.8546 1.64543 18.75 2.75 18.75H17.75C18.8546 18.75 19.75 17.8546 19.75 16.75V12.75' />
<path d='M0.75 12.75V16.75C0.75 17.85 1.65 18.75 2.75 18.75H17.75C18.85 18.75 19.75 17.85 19.75 16.75V12.75' />
{/* stem — top to tray */}
<path d='M10.25 1.75V12.75' />
{/* arrowhead pointing down */}
Expand Down
2 changes: 1 addition & 1 deletion packages/emcn/src/icons/duplicate.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export function Duplicate(props: SVGProps<SVGSVGElement>) {
aria-hidden='true'
{...props}
>
<path d='M14.25 0.75H2.75C1.64543 0.75 0.75 1.64543 0.75 2.75V14.25' />
<path d='M14.25 0.75H2.75C1.65 0.75 0.75 1.65 0.75 2.75V14.25' />
<rect x='5.25' y='5.25' width='14' height='14' rx='2' />
</svg>
)
Expand Down
2 changes: 1 addition & 1 deletion packages/emcn/src/icons/mic.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export function Mic(props: SVGProps<SVGSVGElement>) {
{...props}
>
<rect x='7.25' y='0.75' width='6' height='12' rx='3' />
<path d='M3.75 9.25V10.25C3.75 13.8399 6.66015 16.75 10.25 16.75C13.8399 16.75 16.75 13.8399 16.75 10.25V9.25' />
<path d='M3.75 9.25V10.25C3.75 13.84 6.66 16.75 10.25 16.75C13.84 16.75 16.75 13.84 16.75 10.25V9.25' />
<path d='M10.25 16.75V19.25' />
</svg>
)
Expand Down
2 changes: 1 addition & 1 deletion packages/emcn/src/icons/upload.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export function Upload(props: SVGProps<SVGSVGElement>) {
aria-hidden='true'
{...props}
>
<path d='M0.75 12.75V16.75C0.75 17.8546 1.64543 18.75 2.75 18.75H17.75C18.8546 18.75 19.75 17.8546 19.75 16.75V12.75' />
<path d='M0.75 12.75V16.75C0.75 17.85 1.65 18.75 2.75 18.75H17.75C18.85 18.75 19.75 17.85 19.75 16.75V12.75' />
<path d='M10.25 14.75V1.75' />
<path d='M5.25 6.75L10.25 1.75L15.25 6.75' />
</svg>
Expand Down
Loading