https://docsalot.dev/_next/static/chunks/437.3535ac08d00875a2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[437],{72818:(o,e,t)=>{t.r(e),t.d(e,{default:()=>g});var r=t(95155),a=t(12115),c=t(88082),n=t(93196),s=t(30504),i=t(31224),l=t(14563),m=t(83487),u=t(33364);let d=c.Lz.theme({"&":{backgroundColor:"#f9fafb",color:"#1f2937",height:"100%"},".cm-scroller":{overflow:"auto",fontFamily:"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",fontSize:"14px",lineHeight:"1.5"},".cm-content":{caretColor:"#3b82f6",fontFamily:"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",fontSize:"14px",lineHeight:"1.5"},".cm-gutters":{backgroundColor:"#f3f4f6",color:"#9ca3af",borderRight:"1px solid #e5e7eb"},".cm-activeLineGutter":{backgroundColor:"#e5e7eb"},".cm-activeLine":{backgroundColor:"#f3f4f6"},".cm-matchingBracket":{backgroundColor:"#fef08a",outline:"1px solid #facc15"},".cm-nonmatchingBracket":{backgroundColor:"#fecaca",outline:"1px solid #ef4444"},".cm-changedLine":{backgroundColor:"#fef3c7 !important"},".cm-changedText":{backgroundColor:"#fde047 !important"},".cm-deletedChunk":{backgroundColor:"#fee2e2 !important"},".cm-insertedChunk":{backgroundColor:"#dcfce7 !important"},".cm-bracket-1":{color:"#E91E63 !important"},".cm-bracket-2":{color:"#2196F3 !important"},".cm-bracket-3":{color:"#4CAF50 !important"},".cm-bracket-4":{color:"#FF9800 !important"},".cm-bracket-5":{color:"#9C27B0 !important"},".cm-bracket-6":{color:"#00BCD4 !important"}},{dark:!1}),f=c.Lz.theme({"&":{backgroundColor:"#111827",color:"#f9fafb",height:"100%"},".cm-scroller":{overflow:"auto",fontFamily:"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",fontSize:"14px",lineHeight:"1.5"},".cm-content":{caretColor:"#60a5fa",fontFamily:"ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",fontSize:"14px",lineHeight:"1.5"},".cm-gutters":{backgroundColor:"#1f2937",color:"#6b7280",borderRight:"1px solid #374151"},".cm-activeLineGutter":{backgroundColor:"#374151"},".cm-activeLine":{backgroundColor:"#1f2937"},".cm-matchingBracket":{backgroundColor:"#854d0e",outline:"1px solid #facc15"},".cm-nonmatchingBracket":{backgroundColor:"#7f1d1d",outline:"1px solid #ef4444"},".cm-changedLine":{backgroundColor:"#422006 !important"},".cm-changedText":{backgroundColor:"#713f12 !important"},".cm-deletedChunk":{backgroundColor:"#450a0a !important"},".cm-insertedChunk":{backgroundColor:"#052e16 !important"},".cm-bracket-1":{color:"#FF80AB !important"},".cm-bracket-2":{color:"#82B1FF !important"},".cm-bracket-3":{color:"#B9F6CA !important"},".cm-bracket-4":{color:"#FFCC80 !important"},".cm-bracket-5":{color:"#EA80FC !important"},".cm-bracket-6":{color:"#84FFFF !important"}},{dark:!0}),b=["cm-bracket-1","cm-bracket-2","cm-bracket-3","cm-bracket-4","cm-bracket-5","cm-bracket-6"];function k(o){return b[o%b.length]}let p=c.Z9.fromClass(class{update(o){(o.docChanged||o.viewportChanged)&&(this.decorations=this.computeDecorations(o.view))}computeDecorations(o){let e=[],t=o.state.doc.toString(),r={braces:0,brackets:0,parens:0};for(let o=0;o<t.length;o++){let a=t[o];if("{"===a){let t=r.braces;r.braces++,e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}else if("["===a){let t=r.brackets;r.brackets++,e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}else if("("===a){let t=r.parens;r.parens++,e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}else if("}"===a){r.braces=Math.max(0,r.braces-1);let t=r.braces;e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}else if("]"===a){r.brackets=Math.max(0,r.brackets-1);let t=r.brackets;e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}else if(")"===a){r.parens=Math.max(0,r.parens-1);let t=r.parens;e.push({from:o,to:o+1,decoration:c.NZ.mark({class:k(t)})})}}return e.sort((o,e)=>o.from-e.from),c.NZ.set(e.map(o=>o.decoration.range(o.from,o.to)))}constructor(o){this.decorations=this.computeDecorations(o)}},{decorations:o=>o.decorations});function g(o){let{originalContent:e,modifiedContent:t,height:b="600px",language:k="json"}=o,g=(0,a.useRef)(null),h=(0,a.useRef)(null),C=(0,a.useMemo)(()=>document.documentElement.classList.contains("dark"),[]),F=(0,a.useCallback)(o=>{if("json"===k)try{return JSON.stringify(JSON.parse(o),null,2)}catch(o){}return o},[k]),M=(0,a.useMemo)(()=>F(e),[e,F]),x=(0,a.useMemo)(()=>F(t),[t,F]),v=(0,a.useCallback)(o=>[(0,c.$K)(),(0,c.Wu)(),(0,c.N$)(),(0,l.Lv)(),(0,c.VH)(),(0,l.SG)(),(0,c.dz)(),function(o){switch(o){case"json":return(0,n.Pq)();case"markdown":case"mdx":default:return(0,s.wD)();case"javascript":return(0,i.Q2)();case"typescript":return(0,i.Q2)({typescript:!0})}}(k),(0,l.y9)(l.Zt),p,o?[u.bM,f]:d,c.Lz.editable.of(!1)],[k]);return(0,a.useEffect)(()=>

1{if(!g.current)return;h.current&&h.current.destroy();let o=new m.SV({a:{doc:M,extensions:v(C)},b:{doc:x,extensions:v(C)},parent:g.current,orientation:"a-b",revertControls:void 0,highlightChanges:!0,gutter:!0,collapseUnchanged:{}});return h.current=o,()=>{o.destroy()}},[M,x,C,v]),(0,a.useEffect)(()=>{let o=new MutationObserver(o=>{o.forEach(o=>{if("class"===o.attributeName&&h.current&&g.current){let o=document.documentElement.classList.contains("dark");h.current.destroy(),h.current=new m.SV({a:{doc:M,extensions:v(o)},b:{doc:x,extensions:v(o)},parent:g.current,orientation:"a-b",revertControls:void 0,highlightChanges:!0,gutter:!0,collapseUnchanged:{}})}})});return o.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>o.disconnect()},[M,x,v]),(0,r.jsx)("div",{ref:g,className:"w-full border border-gray-200 dark:border-gray-700 rounded-lg overflow-auto",style:{height:b,minHeight:b,maxHeight:b}})}}}]);