Console 2012 client side source maps have never been uploaded to sentry (#7952)

Author: jonathanawesome

packages/libraries/laboratory/src/components/laboratory/editor.tsx

@@ -1,5 +1,5 @@
 import { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from 'react';
-import * as monaco from 'monaco-editor';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import { MonacoGraphQLAPI } from 'monaco-graphql/esm/api.js';
 import { initializeMode } from 'monaco-graphql/initializeMode';
 import MonacoEditor, { loader } from '@monaco-editor/react';

packages/web/app/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "private": true,
   "scripts": {
-    "build": "tsx ../../../scripts/runify.ts src/server/index.ts && vite build",
+    "build": "tsx ../../../scripts/runify.ts src/server/index.ts && NODE_OPTIONS='--max-old-space-size=6144' vite build",
     "dev": "tsx watch --clear-screen=false --exclude \"./**/*.mjs\" src/server/dev.ts",
     "generate-changelog": "node ../../../scripts/generate-changelog.js",
     "ladle": "ladle serve",

packages/web/app/src/components/schema-editor.ts

@@ -1,5 +1,6 @@
 import { lazy } from 'react';
-import * as monaco from 'monaco-editor';
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
+import 'monaco-editor/esm/vs/editor/contrib/readOnlyMessage/browser/contribution.js';
 import {
   loader,
   DiffEditor as MonacoDiffEditor,

packages/web/app/src/components/target/proposals/editor.tsx

@@ -1,5 +1,5 @@
 import { ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { editor } from 'monaco-editor';
+import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import { Button } from '@/components/ui/button';
 import { CardDescription } from '@/components/ui/card';
 import { AlertTriangleIcon, XIcon } from '@/components/ui/icon';

packages/web/app/src/components/v2/diff-editor.tsx

@@ -1,6 +1,6 @@
 import { ReactElement, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { parse, print } from 'graphql';
-import { editor } from 'monaco-editor';
+import { editor } from 'monaco-editor/esm/vs/editor/editor.api';
 import { MonacoDiffEditor, MonacoEditor } from '@/components/schema-editor';
 import { useTheme } from '@/components/theme/theme-provider';
 import { Button } from '@/components/ui/button';

packages/web/app/vite.config.ts

@@ -58,4 +58,11 @@ export default {
       'monaco-graphql/esm/monaco.contribution',
     ],
   },
+  environments: {
+    client: {
+      build: {
+        sourcemap: 'hidden',
+      },
+    },
+  },
 } satisfies UserConfig;