flora is a fast and secure runtime that lets you write discord bots for your servers, with a rich TypeScript SDK, without worrying about running infrastructure. [mirror]
perf(frontend): optimize modern-monaco bundle
+13
-1
+6
-1
apps/frontend/src/pages/editor-page.tsx
+6
-1
apps/frontend/src/pages/editor-page.tsx
···
23
23
import { Seo } from '@/lib/seo'
24
24
import { useTheme } from '@/lib/theme'
25
25
import { cn } from '@/lib/utils'
26
-
import { lazy as lazyMonaco, Workspace } from 'modern-monaco'
26
+
import { lazy as lazyMonaco, Workspace } from 'modern-monaco/core'
27
27
import type { MouseEvent as ReactMouseEvent } from 'react'
28
28
import { useEffect, useMemo, useRef, useState } from 'react'
29
29
import { useLocation, useParams, useSearch } from 'wouter'
···
279
279
workspaceRef.current = workspace
280
280
281
281
if (!sharedWorkspaceBootstrapped) {
282
+
Object.assign(globalThis, {
283
+
MonacoEnvironment: { useBuiltinLSP: true }
284
+
})
285
+
282
286
lazyMonaco({
283
287
workspace,
284
288
defaultTheme: 'vitesse-dark',
289
+
langs: ['javascript', 'typescript', 'json'],
285
290
lsp: {
286
291
json: {
287
292
allowComments: true,
+7
apps/frontend/vite.config.ts
+7
apps/frontend/vite.config.ts
···
16
16
}),
17
17
tailwindcss()
18
18
],
19
+
optimizeDeps: {
20
+
exclude: ['modern-monaco', 'modern-monaco/core']
21
+
},
19
22
resolve: {
20
23
alias: {
21
24
'@': path.resolve(__dirname, './src'),
25
+
'modern-monaco/core': path.resolve(
26
+
__dirname,
27
+
'node_modules/modern-monaco/dist/core.mjs'
28
+
),
22
29
'monaco-themes/themes/themelist.json': path.resolve(
23
30
__dirname,
24
31
'node_modules/monaco-themes/themes/themelist.json'