History

fix(web): resolve Vite sourcemap and supports warnings (#9343)

Julius Marminge committed 2 months ago

Commit d42254d1 parent 2a3cfe43 files · +9 −4Browse files

Unified · Split

3 files
  1. apps/web/src/components/chat/ComposerBanner.tsx +2 −2
  2. apps/web/src/components/chat/ComposerSurface.tsx +2 −2
  3. apps/web/vite.config.ts +5 −0
apps/web/src/components/chat/ComposerBanner.tsx+2−2
@@ -58,7 +58,7 @@ function Surface({ · 57 unmodified lines
5858 "before:bg-[color-mix(in_srgb,var(--chat-composer-attached-surface)_var(--glass-opacity),transparent)] before:bg-[linear-gradient(var(--chat-composer-attached-tint),var(--chat-composer-attached-tint))] before:backdrop-blur-(--glass-blur) before:backdrop-saturate-(--glass-saturation)",
5959 "before:mask-[linear-gradient(to_top,transparent_0_var(--chat-composer-attachment-overlap),black_var(--chat-composer-attachment-overlap))] before:shadow-[0_12px_28px_-18px_rgb(0_0_0/40%)] dark:before:shadow-[0_14px_32px_-18px_rgb(0_0_0/75%)]",
6060 "dark:supports-[(backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px))]:before:bg-[linear-gradient(var(--chat-composer-attached-tint),var(--chat-composer-attached-tint)),linear-gradient(to_top,transparent_0_var(--chat-composer-attachment-overlap),rgb(0_0_0/18%)_var(--chat-composer-attachment-overlap),transparent_calc(var(--chat-composer-attachment-overlap)+10px))]",
61− "not-supports-[(backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px))]:before:bg-(--chat-composer-attached-surface)",
61+ "not-supports-[((backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px)))]:before:bg-(--chat-composer-attached-surface)",
6262 className,
6363 )}
6464 {...props}
@@ -89,7 +89,7 @@ function Peek({ · 24 unmodified lines
8989 neutralOutline,
9090 "absolute inset-x-0 bottom-0 z-0 mx-auto h-3 w-[96%] cursor-pointer rounded-t-2xl border border-b-0 shadow-[0_6px_18px_rgb(0_0_0/6%)]",
9191 "bg-[color-mix(in_srgb,var(--chat-composer-attached-surface)_var(--glass-opacity),transparent)] backdrop-blur-(--glass-blur) backdrop-saturate-(--glass-saturation)",
92− "not-supports-[(backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px))]:bg-(--chat-composer-attached-surface)",
92+ "not-supports-[((backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px)))]:bg-(--chat-composer-attached-surface)",
9393 "transition-opacity duration-150 ease-out focus-visible:outline-2 focus-visible:outline-ring",
9494 peekBorder[variant],
9595 className,
apps/web/src/components/chat/ComposerSurface.tsx+2−2
@@ -20,7 +20,7 @@ function Shell({ · 19 unmodified lines
2020 "dark:[html[data-theme-id]:not([data-theme-id=t3-chat])_&]:[--chat-composer-highlight:color-mix(in_srgb,var(--app-theme-input)_12%,transparent)] dark:[html[data-theme-id]:not([data-theme-id=t3-chat])_&]:[--chat-composer-outline:color-mix(in_srgb,var(--app-theme-input)_30%,var(--background))]",
2121 "dark:[html[data-theme-id=t3-chat]_&]:[--chat-composer-highlight:color-mix(in_srgb,#432d48_12%,transparent)] dark:[html[data-theme-id=t3-chat]_&]:[--chat-composer-outline:#241e28]",
2222 "before:pointer-events-none before:absolute before:inset-0 before:z-0 before:rounded-[22px] before:bg-[color-mix(in_srgb,var(--chat-composer-glass-surface)_var(--glass-opacity),transparent)] before:backdrop-blur-(--glass-blur) before:backdrop-saturate-(--glass-saturation)",
23− "not-supports-[(backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px))]:before:bg-(--chat-composer-glass-surface)",
23+ "not-supports-[((backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px)))]:before:bg-(--chat-composer-glass-surface)",
2424 "has-data-[composer-banner-surface=attached]:before:hidden",
2525 contextStrip && [
2626 "[--chat-composer-context-extension:2.25rem] sm:[--chat-composer-context-extension:2rem]",
@@ -70,7 +70,7 @@ function Main({ className, ...props }: ComponentProps<"div">) { · 43 unmodified lines
7070 "after:z-20 after:hidden group-has-data-[composer-banner-surface=attached]/composer-surface:after:block",
7171 "group-has-data-[composer-banner-surface=attached]/composer-surface:bg-[color-mix(in_srgb,var(--chat-composer-glass-surface)_var(--glass-opacity),transparent)] group-has-data-[composer-banner-surface=attached]/composer-surface:backdrop-blur-(--glass-blur) group-has-data-[composer-banner-surface=attached]/composer-surface:backdrop-saturate-(--glass-saturation)",
7272 "group-has-data-[composer-banner-surface=attached]/composer-surface:shadow-[0_12px_28px_-18px_rgb(0_0_0/40%)] dark:group-has-data-[composer-banner-surface=attached]/composer-surface:shadow-none",
73− "not-supports-[(backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px))]:group-has-data-[composer-banner-surface=attached]/composer-surface:bg-(--chat-composer-glass-surface)",
73+ "not-supports-[((backdrop-filter:blur(1px))_or_(-webkit-backdrop-filter:blur(1px)))]:group-has-data-[composer-banner-surface=attached]/composer-surface:bg-(--chat-composer-glass-surface)",
7474 "group-has-data-[composer-banner-surface=attached]/composer-surface:**:data-[chat-composer-mobile-collapsed=true]:min-h-[calc(1rem+1px)]",
7575 className,
7676 )}
apps/web/vite.config.ts+5−0
@@ -260,6 +260,11 @@ export default defineConfig(() => { · 259 unmodified lines
260260 }
261261 : {}),
262262 },
263+ // @tailwindcss/vite only emits a CSS sourcemap when devSourcemap is on; without it
264+ // rolldown flags the transform as SOURCEMAP_BROKEN on every sourcemapped build.
265+ css: {
266+ devSourcemap: buildSourcemap !== false,
267+ },
263268 build: {
264269 outDir: "dist",
265270 emptyOutDir: true,