shishantbiswas/bknd
1
0
Fork 0
mirror of https://github.com/shishantbiswas/bknd.git synced 2026-03-19 13:56:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

lazy import code editor once, externalized codemirror

Browse Source
This commit is contained in:
dswbx
2025-01-14 15:07:09 +01:00
parent 7b0a41b297
commit a81aa875a8
7 changed files with 51 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/ui/components/code/JsonEditor.tsx
View File

@@ -1,10 +1,9 @@
import { json } from "@codemirror/lang-json";
import type { ReactCodeMirrorProps } from "@uiw/react-codemirror";
import { Suspense, lazy } from "react";
import { twMerge } from "tailwind-merge";
import type { CodeEditorProps } from "./CodeEditor";
const CodeEditor = lazy(() => import("./CodeEditor"));
export function JsonEditor({ editable, className, ...props }: ReactCodeMirrorProps) {
export function JsonEditor({ editable, className, ...props }: CodeEditorProps) {
return (
<Suspense fallback={null}>
<CodeEditor
@@ -14,7 +13,7 @@ export function JsonEditor({ editable, className, ...props }: ReactCodeMirrorPro
className
)}
editable={editable}
extensions={[json()]}
_extensions={{ json: true }}
{...props}
/>
</Suspense>