bundle analyzer

web/next.config.mjs

@@ -1,6 +1,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 import { dirname } from 'path';
+import withBundleAnalyzer from '@next/bundle-analyzer';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -84,4 +85,8 @@ const nextConfig = {
   }
 };
 
+// export default withBundleAnalyzer({
+//   enabled: process.env.ANALYZE === 'true'
+// })(nextConfig);
+
 export default nextConfig;

web/package.json

@@ -10,7 +10,8 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "analyze": "ANALYZE=true next build"
   },
   "engines": {
     "node": ">=22.9.0"
@@ -100,6 +101,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
     "@eslint/eslintrc": "^3",
+    "@next/bundle-analyzer": "^15.2.5",
     "@storybook/addon-controls": "^8.6.12",
     "@storybook/addon-essentials": "^8.6.12",
     "@storybook/addon-interactions": "^8.6.12",
@@ -126,7 +128,7 @@
     "msw-storybook-addon": "^2.0.4",
     "sass": "^1.86.3",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "4.1.2",
+    "tailwindcss": "4.1.3",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "^5"
   },

web/src/app/layout.tsx

@@ -6,6 +6,7 @@ import '../styles/styles.scss';
 export const metadata: Metadata = {
   title: 'Buster',
   description: 'Buster.so is the open source, AI-native data platform.',
+  metadataBase: new URL('https://buster.so'),
   icons: {
     icon: '/favicon.ico'
   },

web/src/components/features/layouts/AppVerticalCodeSplitter/DiffSQLContainer.tsx

@@ -1,17 +1,12 @@
 'use client';
 
-import { Command, ReturnKey } from '@/components/ui/icons';
 import { useBusterNotifications } from '@/context/BusterNotifications';
 import { useMemoizedFn } from '@/hooks';
 import { Button } from '@/components/ui/buttons/Button';
 import React, { useMemo, useState } from 'react';
 import type { AppVerticalCodeSplitterProps } from './AppVerticalCodeSplitter';
-import { cn } from '@/lib/classMerge';
+import { AppDiffCodeEditor } from '@/components/ui/inputs/AppDiffCodeEditor';
-import { ErrorClosableContainer } from '@/components/ui/error/ErrorClosableContainer';
-import { AppDiffCodeEditor } from '@/components/ui/inputs';
 import { Copy2 } from '@/components/ui/icons';
-import { Text } from '@/components/ui/typography';
-import { VersionPill } from '@/components/ui/tags/VersionPill';
 import { FileCard } from '@/components/ui/card/FileCard';
 import { TextAndVersionPill } from '@/components/ui/typography/TextAndVersionPill';
 

web/src/components/ui/inputs/AppCodeEditor/AppCodeEditor.tsx

@@ -19,7 +19,7 @@ import { configureMonacoToUseYaml } from './yamlHelper';
 import { Editor as DynamicEditor } from '@monaco-editor/react';
 import { useTheme } from 'next-themes';
 
-export interface AppCodeEditorProps {
+interface AppCodeEditorProps {
   className?: string;
   onChangeEditorHeight?: (height: number) => void;
   height?: string;

web/src/components/ui/inputs/AppCodeEditor/index.ts

@@ -1 +0,0 @@
-export * from './AppCodeEditor';

web/src/components/ui/inputs/AppCodeEditor/index.tsx

@@ -0,0 +1,10 @@
+import dynamic from 'next/dynamic';
+import { CircleSpinnerLoaderContainer } from '../../loaders';
+
+export const AppCodeEditor = dynamic(
+  () => import('./AppCodeEditor').then((mod) => mod.AppCodeEditor),
+  {
+    ssr: false,
+    loading: () => <CircleSpinnerLoaderContainer />
+  }
+);

web/src/components/ui/inputs/index.ts

@@ -1,3 +1,2 @@
 export * from './Input';
 export * from './InputNumber';
-export * from './AppDiffCodeEditor';

web/src/styles/monaco.scss

@@ -1,15 +0,0 @@
-.monaco-editor {
-  .monaco-editor-overlaymessage {
-    transform: translateY(5px) !important;
-    padding-bottom: 0 !important;
-
-    .message {
-      background: white;
-      box-shadow: 0px 1px 0.5px 0px rgba(0, 0, 0, 0.05); //same as tooltip
-    }
-
-    .anchor.below {
-      display: none !important;
-    }
-  }
-}

web/src/styles/styles.scss

@@ -2,7 +2,6 @@
 @use './fonts';
 @use './buster';
 @use './sql';
-@use './monaco';
 @import 'react-data-grid/lib/styles.css';
 
 input {