mirror of
https://github.com/supabase/supabase.git
synced 2026-09-09 03:19:36 +08:00
efed6b5c6a
How to test: - Editor should load and work in the SQL Editor - Search for JS bundles `https://cdnjs.cloudflare.com/*` in the preview to verify that's it's loaded from a CDN - Check in the local build whether the Monaco editor is loaded from the base URL (have to do it locally, SQL Editor doesn't work on the self-hosted Vercel deployment) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Performance** * Improved delivery of Studio assets through CDN-based URLs in supported environments. * Updated the Monaco editor to load assets from the configured CDN when available, with a local fallback. * **Reliability** * Added support for explicitly enabling or disabling CDN asset delivery across environments. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
21 lines
733 B
TypeScript
21 lines
733 B
TypeScript
import { loader } from '@monaco-editor/react'
|
|
|
|
import { BASE_PATH, IS_PLATFORM } from '@/lib/constants'
|
|
|
|
// [Ivan] Serve the Monaco assets locally from the public folder for self-hosted deployments, but use the CDN for
|
|
// the platform deployment to reduce bundle size and improve caching.
|
|
//
|
|
// Shared by both runtime entry points — `pages/_app.tsx` (Next) and
|
|
// `routes/__root.tsx` (TanStack) — so the asset path can't drift between them.
|
|
export function configureMonacoLoader() {
|
|
if (typeof window !== 'undefined') {
|
|
loader.config({
|
|
paths: {
|
|
vs: IS_PLATFORM
|
|
? 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.52.2/min/vs'
|
|
: `${BASE_PATH}/monaco-editor/vs`,
|
|
},
|
|
})
|
|
}
|
|
}
|