@harnessio/yaml-editor 0.22.1 → 0.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/YamlEditor.d.ts +3 -6
- package/dist/hooks/useTheme.d.ts +7 -5
- package/dist/index.cjs +21 -21
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +394 -392
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { MonacoThemeConfig } from '../hooks/useTheme';
|
|
1
2
|
import { InlineAction } from '../types/inline-actions';
|
|
2
3
|
import { PathSelector } from '../types/selectors';
|
|
3
|
-
import { ThemeDefinition } from '../types/themes';
|
|
4
4
|
import * as monaco from 'monaco-editor';
|
|
5
5
|
export interface YamlRevision {
|
|
6
6
|
yaml: string;
|
|
@@ -17,11 +17,7 @@ export interface YamlEditorProps<T> {
|
|
|
17
17
|
selectors: PathSelector[];
|
|
18
18
|
actions: InlineAction<T>[];
|
|
19
19
|
}[];
|
|
20
|
-
themeConfig?:
|
|
21
|
-
rootElementSelector?: string;
|
|
22
|
-
defaultTheme?: string;
|
|
23
|
-
themes?: ThemeDefinition[];
|
|
24
|
-
};
|
|
20
|
+
themeConfig?: MonacoThemeConfig;
|
|
25
21
|
theme?: string;
|
|
26
22
|
options?: monaco.editor.IStandaloneEditorConstructionOptions;
|
|
27
23
|
selection?: {
|
|
@@ -33,5 +29,6 @@ export interface YamlEditorProps<T> {
|
|
|
33
29
|
onAnimateEnd?: () => void;
|
|
34
30
|
instanceId?: string;
|
|
35
31
|
height?: string | number;
|
|
32
|
+
className?: string;
|
|
36
33
|
}
|
|
37
34
|
export declare const YamlEditor: <T>(props: YamlEditorProps<T>) => JSX.Element;
|
package/dist/hooks/useTheme.d.ts
CHANGED
|
@@ -2,13 +2,15 @@ import { RefObject } from 'react';
|
|
|
2
2
|
import { ThemeDefinition } from '../types/themes';
|
|
3
3
|
|
|
4
4
|
import * as monaco from 'monaco-editor';
|
|
5
|
+
export type MonacoThemeConfig = {
|
|
6
|
+
/** @deprecated */
|
|
7
|
+
rootElementSelector?: string;
|
|
8
|
+
defaultTheme?: string;
|
|
9
|
+
themes?: ThemeDefinition[];
|
|
10
|
+
};
|
|
5
11
|
export type UseTheme = (arg: {
|
|
6
12
|
monacoRef: RefObject<typeof monaco | undefined>;
|
|
7
|
-
themeConfig?:
|
|
8
|
-
rootElementSelector?: string;
|
|
9
|
-
defaultTheme?: string;
|
|
10
|
-
monacoThemes?: ThemeDefinition[];
|
|
11
|
-
};
|
|
13
|
+
themeConfig?: MonacoThemeConfig;
|
|
12
14
|
theme?: string;
|
|
13
15
|
editor: any;
|
|
14
16
|
}) => {
|
package/dist/index.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";var Ge=Object.defineProperty;var Ke=(e,t,r)=>t in e?Ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var
|
|
1
|
+
"use strict";var Ge=Object.defineProperty;var Ke=(e,t,r)=>t in e?Ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var je=(e,t,r)=>(Ke(e,typeof t!="symbol"?t+"":t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),J=require("monaco-editor"),Ze=require("react-dom"),ve=require("monaco-yaml");function Je(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const H=Je(J);var De={exports:{}},X={};/*
|
|
2
2
|
object-assign
|
|
3
3
|
(c) Sindre Sorhus
|
|
4
4
|
@license MIT
|
|
5
|
-
*/var
|
|
5
|
+
*/var xe=Object.getOwnPropertySymbols,Qe=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable;function et(e){if(e==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function tt(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de",Object.getOwnPropertyNames(e)[0]==="5")return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;var n=Object.getOwnPropertyNames(t).map(function(i){return t[i]});if(n.join("")!=="0123456789")return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(i){o[i]=i}),Object.keys(Object.assign({},o)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}tt();/** @license React v17.0.2
|
|
6
6
|
* react-jsx-runtime.production.min.js
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
|
-
*/var rt=a,Te=60103;X.Fragment=60107;if(typeof Symbol=="function"&&Symbol.for){var
|
|
13
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function pt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function
|
|
12
|
+
*/var rt=a,Te=60103;X.Fragment=60107;if(typeof Symbol=="function"&&Symbol.for){var Pe=Symbol.for;Te=Pe("react.element"),X.Fragment=Pe("react.fragment")}var nt=rt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ot=Object.prototype.hasOwnProperty,it={key:!0,ref:!0,__self:!0,__source:!0};function _e(e,t,r){var n,o={},i=null,c=null;r!==void 0&&(i=""+r),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(c=t.ref);for(n in t)ot.call(t,n)&&!it.hasOwnProperty(n)&&(o[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)o[n]===void 0&&(o[n]=t[n]);return{$$typeof:Te,type:e,key:i,ref:c,props:o,_owner:nt.current}}X.jsx=_e;X.jsxs=_e;De.exports=X;var _=De.exports;function at(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ce(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function $e(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ce(Object(r),!0).forEach(function(n){at(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ce(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ct(e,t){if(e==null)return{};var r={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(r[o]=e[o]);return r}function st(e,t){if(e==null)return{};var r=ct(e,t),n,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function ut(e,t){return lt(e)||ft(e,t)||dt(e,t)||mt()}function lt(e){if(Array.isArray(e))return e}function ft(e,t){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(e)))){var r=[],n=!0,o=!1,i=void 0;try{for(var c=e[Symbol.iterator](),l;!(n=(l=c.next()).done)&&(r.push(l.value),!(t&&r.length===t));n=!0);}catch(f){o=!0,i=f}finally{try{!n&&c.return!=null&&c.return()}finally{if(o)throw i}}return r}}function dt(e,t){if(e){if(typeof e=="string")return Ne(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Ne(e,t)}}function Ne(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function mt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
13
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function pt(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function Le(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ie(Object(r),!0).forEach(function(n){pt(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ie(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function gt(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return t.reduceRight(function(o,i){return i(o)},n)}}function G(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var c=arguments.length,l=new Array(c),f=0;f<c;f++)l[f]=arguments[f];return t.apply(r,[].concat(o,l))}}}function ce(e){return{}.toString.call(e).includes("Object")}function ht(e){return!Object.keys(e).length}function Q(e){return typeof e=="function"}function vt(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function yt(e,t){return ce(t)||q("changeType"),Object.keys(t).some(function(r){return!vt(e,r)})&&q("changeField"),t}function bt(e){Q(e)||q("selectorType")}function Mt(e){Q(e)||ce(e)||q("handlerType"),ce(e)&&Object.values(e).some(function(t){return!Q(t)})&&q("handlersType")}function Et(e){e||q("initialIsRequired"),ce(e)||q("initialType"),ht(e)&&q("initialContent")}function wt(e,t){throw new Error(e[t]||e.default)}var St={initialIsRequired:"initial state is required",initialType:"initial state should be an object",initialContent:"initial state shouldn't be an empty object",handlerType:"handler should be an object or a function",handlersType:"all handlers should be a functions",selectorType:"selector should be a function",changeType:"provided value of changes should be an object",changeField:'it seams you want to change a field in the state which is not specified in the "initial" state',default:"an unknown error accured in `state-local` package"},q=G(wt)(St),ie={changes:yt,selector:bt,handler:Mt,initial:Et};function Ot(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};ie.initial(e),ie.handler(t);var r={current:e},n=G(Pt)(r,t),o=G(xt)(r),i=G(ie.changes)(e),c=G(jt)(r);function l(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(h){return h};return ie.selector(d),d(r.current)}function f(d){gt(n,o,i,c)(d)}return[l,f]}function jt(e,t){return Q(t)?t(e.current):t}function xt(e,t){return e.current=Le(Le({},e.current),t),t}function Pt(e,t,r){return Q(t)?t(e.current):Object.keys(r).forEach(function(n){var o;return(o=t[n])===null||o===void 0?void 0:o.call(t,e.current[n])}),r}var Ct={create:Ot},$t={paths:{vs:"https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"}};function Nt(e){return function t(){for(var r=this,n=arguments.length,o=new Array(n),i=0;i<n;i++)o[i]=arguments[i];return o.length>=e.length?e.apply(this,o):function(){for(var c=arguments.length,l=new Array(c),f=0;f<c;f++)l[f]=arguments[f];return t.apply(r,[].concat(o,l))}}}function It(e){return{}.toString.call(e).includes("Object")}function Lt(e){return e||Re("configIsRequired"),It(e)||Re("configType"),e.urls?(Rt(),{paths:{vs:e.urls.monacoBase}}):e}function Rt(){console.warn(ke.deprecation)}function Dt(e,t){throw new Error(e[t]||e.default)}var ke={configIsRequired:"the configuration object is required",configType:"the configuration object should be an object",default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
|
|
14
14
|
You are using deprecated way of configuration.
|
|
15
15
|
|
|
16
16
|
Instead of using
|
|
@@ -19,7 +19,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
19
19
|
monaco.config({ paths: { vs: '...' } })
|
|
20
20
|
|
|
21
21
|
For more please check the link https://github.com/suren-atoyan/monaco-loader#config
|
|
22
|
-
`},Le=It(Tt)(_e),Dt={config:Lt},_t=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,c){return c(i)},o)}};function ke(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],ke(e[r],t[r]))}),Ce(Ce({},e),t)}var kt={type:"cancelation",msg:"operation is manually canceled"};function le(e){var t=!1,r=new Promise(function(n,o){e.then(function(i){return t?o(kt):n(i)}),e.catch(o)});return r.cancel=function(){return t=!0},r}var Vt=Ct.create({config:$t,isInitialized:!1,resolve:null,reject:null,monaco:null}),Ve=ut(Vt,2),ee=Ve[0],se=Ve[1];function At(e){var t=Dt.config(e),r=t.monaco,n=st(t,["monaco"]);se(function(o){return{config:ke(o.config,n),monaco:r}})}function Ht(){var e=ee(function(t){var r=t.monaco,n=t.isInitialized,o=t.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!e.isInitialized){if(se({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),le(fe);if(window.monaco&&window.monaco.editor)return Ae(window.monaco),e.resolve(window.monaco),le(fe);_t(zt,Ft)(qt)}return le(fe)}function zt(e){return document.body.appendChild(e)}function Ut(e){var t=document.createElement("script");return e&&(t.src=e),t}function Ft(e){var t=ee(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Ut("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function qt(){var e=ee(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){Ae(r),e.resolve(r)},function(r){e.reject(r)})}function Ae(e){ee().monaco||se({monaco:e})}function Wt(){return ee(function(e){var t=e.monaco;return t})}var fe=new Promise(function(e,t){return se({resolve:e,reject:t})}),U={config:At,init:Ht,__getMonacoInstance:Wt},Bt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},de=Bt,Yt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Gt=Yt;function Kt({children:e}){return a.createElement("div",{style:Gt.container},e)}var Zt=Kt,Jt=Zt;function Qt({width:e,height:t,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:c}){return a.createElement("section",{style:{...de.wrapper,width:e,height:t},...c},!r&&a.createElement(Jt,null,n),a.createElement("div",{ref:o,style:{...de.fullWidth,...!r&&de.hide},className:i}))}var Xt=Qt,He=a.memo(Xt);function er(e){a.useEffect(e,[])}var ve=er;function tr(e,t,r=!0){let n=a.useRef(!0);a.useEffect(n.current||!r?()=>{n.current=!1}:e,t)}var A=tr;function K(){}function B(e,t,r,n){return rr(e,n)||nr(e,t,r,n)}function rr(e,t){return e.editor.getModel(ze(e,t))}function nr(e,t,r,n){return e.editor.createModel(t,r,n?ze(e,n):void 0)}function ze(e,t){return e.Uri.parse(t)}function or({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:c,keepCurrentOriginalModel:l=!1,keepCurrentModifiedModel:f=!1,theme:d="light",loading:h="Loading...",options:m={},height:b="100%",width:j="100%",className:v,wrapperProps:I={},beforeMount:R=K,onMount:N=K}){let[x,L]=a.useState(!1),[D,w]=a.useState(!0),C=a.useRef(null),$=a.useRef(null),O=a.useRef(null),y=a.useRef(N),u=a.useRef(R),M=a.useRef(!1);ve(()=>{let s=U.init();return s.then(S=>($.current=S)&&w(!1)).catch(S=>(S==null?void 0:S.type)!=="cancelation"&&console.error("Monaco initialization: error:",S)),()=>C.current?E():s.cancel()}),A(()=>{if(C.current&&$.current){let s=C.current.getOriginalEditor(),S=B($.current,e||"",n||r||"text",i||"");S!==s.getModel()&&s.setModel(S)}},[i],x),A(()=>{if(C.current&&$.current){let s=C.current.getModifiedEditor(),S=B($.current,t||"",o||r||"text",c||"");S!==s.getModel()&&s.setModel(S)}},[c],x),A(()=>{let s=C.current.getModifiedEditor();s.getOption($.current.editor.EditorOption.readOnly)?s.setValue(t||""):t!==s.getValue()&&(s.executeEdits("",[{range:s.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),s.pushUndoStop())},[t],x),A(()=>{var s,S;(S=(s=C.current)==null?void 0:s.getModel())==null||S.original.setValue(e||"")},[e],x),A(()=>{let{original:s,modified:S}=C.current.getModel();$.current.editor.setModelLanguage(s,n||r||"text"),$.current.editor.setModelLanguage(S,o||r||"text")},[r,n,o],x),A(()=>{var s;(s=$.current)==null||s.editor.setTheme(d)},[d],x),A(()=>{var s;(s=C.current)==null||s.updateOptions(m)},[m],x);let g=a.useCallback(()=>{var k;if(!$.current)return;u.current($.current);let s=B($.current,e||"",n||r||"text",i||""),S=B($.current,t||"",o||r||"text",c||"");(k=C.current)==null||k.setModel({original:s,modified:S})},[r,t,o,e,n,i,c]),p=a.useCallback(()=>{var s;!M.current&&O.current&&(C.current=$.current.editor.createDiffEditor(O.current,{automaticLayout:!0,...m}),g(),(s=$.current)==null||s.editor.setTheme(d),L(!0),M.current=!0)},[m,d,g]);a.useEffect(()=>{x&&y.current(C.current,$.current)},[x]),a.useEffect(()=>{!D&&!x&&p()},[D,x,p]);function E(){var S,k,z,F;let s=(S=C.current)==null?void 0:S.getModel();l||((k=s==null?void 0:s.original)==null||k.dispose()),f||((z=s==null?void 0:s.modified)==null||z.dispose()),(F=C.current)==null||F.dispose()}return a.createElement(He,{width:j,height:b,isEditorReady:x,loading:h,_ref:O,className:v,wrapperProps:I})}var ir=or,ar=a.memo(ir);function cr(){let[e,t]=a.useState(U.__getMonacoInstance());return ve(()=>{let r;return e||(r=U.init(),r.then(n=>{t(n)})),()=>r==null?void 0:r.cancel()}),e}var te=cr;function sr(e){let t=a.useRef();return a.useEffect(()=>{t.current=e},[e]),t.current}var ur=sr,ie=new Map;function lr({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:o,path:i,theme:c="light",line:l,loading:f="Loading...",options:d={},overrideServices:h={},saveViewState:m=!0,keepCurrentModel:b=!1,width:j="100%",height:v="100%",className:I,wrapperProps:R={},beforeMount:N=K,onMount:x=K,onChange:L,onValidate:D=K}){let[w,C]=a.useState(!1),[$,O]=a.useState(!0),y=a.useRef(null),u=a.useRef(null),M=a.useRef(null),g=a.useRef(x),p=a.useRef(N),E=a.useRef(),s=a.useRef(n),S=ur(i),k=a.useRef(!1),z=a.useRef(!1);ve(()=>{let P=U.init();return P.then(T=>(y.current=T)&&O(!1)).catch(T=>(T==null?void 0:T.type)!=="cancelation"&&console.error("Monaco initialization: error:",T)),()=>u.current?Ye():P.cancel()}),A(()=>{var T,V,Y,W;let P=B(y.current,e||n||"",t||o||"",i||r||"");P!==((T=u.current)==null?void 0:T.getModel())&&(m&&ie.set(S,(V=u.current)==null?void 0:V.saveViewState()),(Y=u.current)==null||Y.setModel(P),m&&((W=u.current)==null||W.restoreViewState(ie.get(i))))},[i],w),A(()=>{var P;(P=u.current)==null||P.updateOptions(d)},[d],w),A(()=>{!u.current||n===void 0||(u.current.getOption(y.current.editor.EditorOption.readOnly)?u.current.setValue(n):n!==u.current.getValue()&&(z.current=!0,u.current.executeEdits("",[{range:u.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),u.current.pushUndoStop(),z.current=!1))},[n],w),A(()=>{var T,V;let P=(T=u.current)==null?void 0:T.getModel();P&&o&&((V=y.current)==null||V.editor.setModelLanguage(P,o))},[o],w),A(()=>{var P;l!==void 0&&((P=u.current)==null||P.revealLine(l))},[l],w),A(()=>{var P;(P=y.current)==null||P.editor.setTheme(c)},[c],w);let F=a.useCallback(()=>{var P;if(!(!M.current||!y.current)&&!k.current){p.current(y.current);let T=i||r,V=B(y.current,n||e||"",t||o||"",T||"");u.current=(P=y.current)==null?void 0:P.editor.create(M.current,{model:V,automaticLayout:!0,...d},h),m&&u.current.restoreViewState(ie.get(T)),y.current.editor.setTheme(c),l!==void 0&&u.current.revealLine(l),C(!0),k.current=!0}},[e,t,r,n,o,i,d,h,m,c,l]);a.useEffect(()=>{w&&g.current(u.current,y.current)},[w]),a.useEffect(()=>{!$&&!w&&F()},[$,w,F]),s.current=n,a.useEffect(()=>{var P,T;w&&L&&((P=E.current)==null||P.dispose(),E.current=(T=u.current)==null?void 0:T.onDidChangeModelContent(V=>{z.current||L(u.current.getValue(),V)}))},[w,L]),a.useEffect(()=>{if(w){let P=y.current.editor.onDidChangeMarkers(T=>{var Y;let V=(Y=u.current.getModel())==null?void 0:Y.uri;if(V&&T.find(W=>W.path===V.path)){let W=y.current.editor.getModelMarkers({resource:V});D==null||D(W)}});return()=>{P==null||P.dispose()}}return()=>{}},[w,D]);function Ye(){var P,T;(P=E.current)==null||P.dispose(),b?m&&ie.set(i,u.current.saveViewState()):(T=u.current.getModel())==null||T.dispose(),u.current.dispose()}return a.createElement(He,{width:j,height:v,isEditorReady:w,loading:f,_ref:M,className:I,wrapperProps:R})}var fr=lr,dr=a.memo(fr),ue=dr;const re={selectOnLineNumbers:!0,scrollBeyondLastLine:!1,padding:{top:16,bottom:16},minimap:{enabled:!1},fontSize:14,fontFamily:'"JetBrains Mono", "monospace"',lineHeight:20,scrollbar:{verticalScrollbarSize:14,horizontalScrollbarSize:14,verticalSliderSize:6,horizontalSliderSize:6},overviewRulerBorder:!1,overviewRulerLanes:0,renderLineHighlight:"none",automaticLayout:!0},ne=e=>{const{themeConfig:t,editor:r,theme:n}=e,{defaultTheme:o}=t??{},[i,c]=a.useState(n??o??"vs-dark");return a.useEffect(()=>{var l;(l=t==null?void 0:t.monacoThemes)==null||l.forEach(f=>{H.editor.defineTheme(f.themeName,f.themeData)})},[H]),a.useEffect(()=>{H.editor&&n&&(H.editor.setTheme(n),c(n))},[r,n]),{theme:i}};function ye(e){const t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let r="";for(let n=0;n<e;n++)r+=t.charAt(Math.floor(Math.random()*t.length));return r}function mr(e){return e.replace("'","'")}const pr=e=>{const t=new Intl.RelativeTimeFormat("en",{numeric:"auto"});if(e<60)return t.format(-e,"second");const r=Math.floor(e/60);if(r<60)return t.format(-r,"minute");const n=Math.floor(r/60);if(n<24)return t.format(-n,"hour");const o=Math.floor(n/24);if(o<30)return t.format(-o,"day");const i=Math.floor(o/30);if(i<12)return t.format(-i,"month");const c=Math.floor(i/12);return t.format(-c,"year")},gr=e=>{const t=new Date(e),n=Math.floor((new Date().getTime()-t.getTime())/1e3),o=Math.abs(n);return pr(o)};function Ue({instanceId:e,lineNumbersPosition:t}){let r="";return t==="center"&&(r+=`
|
|
22
|
+
`},Re=Nt(Dt)(ke),Tt={config:Lt},_t=function(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(o){return r.reduceRight(function(i,c){return c(i)},o)}};function Ve(e,t){return Object.keys(t).forEach(function(r){t[r]instanceof Object&&e[r]&&Object.assign(t[r],Ve(e[r],t[r]))}),$e($e({},e),t)}var kt={type:"cancelation",msg:"operation is manually canceled"};function fe(e){var t=!1,r=new Promise(function(n,o){e.then(function(i){return t?o(kt):n(i)}),e.catch(o)});return r.cancel=function(){return t=!0},r}var Vt=Ct.create({config:$t,isInitialized:!1,resolve:null,reject:null,monaco:null}),Ae=ut(Vt,2),ee=Ae[0],ue=Ae[1];function At(e){var t=Tt.config(e),r=t.monaco,n=st(t,["monaco"]);ue(function(o){return{config:Ve(o.config,n),monaco:r}})}function Ht(){var e=ee(function(t){var r=t.monaco,n=t.isInitialized,o=t.resolve;return{monaco:r,isInitialized:n,resolve:o}});if(!e.isInitialized){if(ue({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),fe(de);if(window.monaco&&window.monaco.editor)return He(window.monaco),e.resolve(window.monaco),fe(de);_t(zt,Ft)(qt)}return fe(de)}function zt(e){return document.body.appendChild(e)}function Ut(e){var t=document.createElement("script");return e&&(t.src=e),t}function Ft(e){var t=ee(function(n){var o=n.config,i=n.reject;return{config:o,reject:i}}),r=Ut("".concat(t.config.paths.vs,"/loader.js"));return r.onload=function(){return e()},r.onerror=t.reject,r}function qt(){var e=ee(function(r){var n=r.config,o=r.resolve,i=r.reject;return{config:n,resolve:o,reject:i}}),t=window.require;t.config(e.config),t(["vs/editor/editor.main"],function(r){He(r),e.resolve(r)},function(r){e.reject(r)})}function He(e){ee().monaco||ue({monaco:e})}function Wt(){return ee(function(e){var t=e.monaco;return t})}var de=new Promise(function(e,t){return ue({resolve:e,reject:t})}),F={config:At,init:Ht,__getMonacoInstance:Wt},Bt={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},me=Bt,Yt={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},Gt=Yt;function Kt({children:e}){return a.createElement("div",{style:Gt.container},e)}var Zt=Kt,Jt=Zt;function Qt({width:e,height:t,isEditorReady:r,loading:n,_ref:o,className:i,wrapperProps:c}){return a.createElement("section",{style:{...me.wrapper,width:e,height:t},...c},!r&&a.createElement(Jt,null,n),a.createElement("div",{ref:o,style:{...me.fullWidth,...!r&&me.hide},className:i}))}var Xt=Qt,ze=a.memo(Xt);function er(e){a.useEffect(e,[])}var ye=er;function tr(e,t,r=!0){let n=a.useRef(!0);a.useEffect(n.current||!r?()=>{n.current=!1}:e,t)}var A=tr;function K(){}function B(e,t,r,n){return rr(e,n)||nr(e,t,r,n)}function rr(e,t){return e.editor.getModel(Ue(e,t))}function nr(e,t,r,n){return e.editor.createModel(t,r,n?Ue(e,n):void 0)}function Ue(e,t){return e.Uri.parse(t)}function or({original:e,modified:t,language:r,originalLanguage:n,modifiedLanguage:o,originalModelPath:i,modifiedModelPath:c,keepCurrentOriginalModel:l=!1,keepCurrentModifiedModel:f=!1,theme:d="light",loading:h="Loading...",options:m={},height:y="100%",width:x="100%",className:b,wrapperProps:$={},beforeMount:L=K,onMount:I=K}){let[N,R]=a.useState(!1),[T,C]=a.useState(!0),w=a.useRef(null),O=a.useRef(null),j=a.useRef(null),v=a.useRef(I),u=a.useRef(L),M=a.useRef(!1);ye(()=>{let s=F.init();return s.then(E=>(O.current=E)&&C(!1)).catch(E=>(E==null?void 0:E.type)!=="cancelation"&&console.error("Monaco initialization: error:",E)),()=>w.current?g():s.cancel()}),A(()=>{if(w.current&&O.current){let s=w.current.getOriginalEditor(),E=B(O.current,e||"",n||r||"text",i||"");E!==s.getModel()&&s.setModel(E)}},[i],N),A(()=>{if(w.current&&O.current){let s=w.current.getModifiedEditor(),E=B(O.current,t||"",o||r||"text",c||"");E!==s.getModel()&&s.setModel(E)}},[c],N),A(()=>{let s=w.current.getModifiedEditor();s.getOption(O.current.editor.EditorOption.readOnly)?s.setValue(t||""):t!==s.getValue()&&(s.executeEdits("",[{range:s.getModel().getFullModelRange(),text:t||"",forceMoveMarkers:!0}]),s.pushUndoStop())},[t],N),A(()=>{var s,E;(E=(s=w.current)==null?void 0:s.getModel())==null||E.original.setValue(e||"")},[e],N),A(()=>{let{original:s,modified:E}=w.current.getModel();O.current.editor.setModelLanguage(s,n||r||"text"),O.current.editor.setModelLanguage(E,o||r||"text")},[r,n,o],N),A(()=>{var s;(s=O.current)==null||s.editor.setTheme(d)},[d],N),A(()=>{var s;(s=w.current)==null||s.updateOptions(m)},[m],N);let S=a.useCallback(()=>{var k;if(!O.current)return;u.current(O.current);let s=B(O.current,e||"",n||r||"text",i||""),E=B(O.current,t||"",o||r||"text",c||"");(k=w.current)==null||k.setModel({original:s,modified:E})},[r,t,o,e,n,i,c]),p=a.useCallback(()=>{var s;!M.current&&j.current&&(w.current=O.current.editor.createDiffEditor(j.current,{automaticLayout:!0,...m}),S(),(s=O.current)==null||s.editor.setTheme(d),R(!0),M.current=!0)},[m,d,S]);a.useEffect(()=>{N&&v.current(w.current,O.current)},[N]),a.useEffect(()=>{!T&&!N&&p()},[T,N,p]);function g(){var E,k,U,z;let s=(E=w.current)==null?void 0:E.getModel();l||((k=s==null?void 0:s.original)==null||k.dispose()),f||((U=s==null?void 0:s.modified)==null||U.dispose()),(z=w.current)==null||z.dispose()}return a.createElement(ze,{width:x,height:y,isEditorReady:N,loading:h,_ref:j,className:b,wrapperProps:$})}var ir=or,ar=a.memo(ir);function cr(){let[e,t]=a.useState(F.__getMonacoInstance());return ye(()=>{let r;return e||(r=F.init(),r.then(n=>{t(n)})),()=>r==null?void 0:r.cancel()}),e}var te=cr;function sr(e){let t=a.useRef();return a.useEffect(()=>{t.current=e},[e]),t.current}var ur=sr,ae=new Map;function lr({defaultValue:e,defaultLanguage:t,defaultPath:r,value:n,language:o,path:i,theme:c="light",line:l,loading:f="Loading...",options:d={},overrideServices:h={},saveViewState:m=!0,keepCurrentModel:y=!1,width:x="100%",height:b="100%",className:$,wrapperProps:L={},beforeMount:I=K,onMount:N=K,onChange:R,onValidate:T=K}){let[C,w]=a.useState(!1),[O,j]=a.useState(!0),v=a.useRef(null),u=a.useRef(null),M=a.useRef(null),S=a.useRef(N),p=a.useRef(I),g=a.useRef(),s=a.useRef(n),E=ur(i),k=a.useRef(!1),U=a.useRef(!1);ye(()=>{let P=F.init();return P.then(D=>(v.current=D)&&j(!1)).catch(D=>(D==null?void 0:D.type)!=="cancelation"&&console.error("Monaco initialization: error:",D)),()=>u.current?oe():P.cancel()}),A(()=>{var D,V,Y,W;let P=B(v.current,e||n||"",t||o||"",i||r||"");P!==((D=u.current)==null?void 0:D.getModel())&&(m&&ae.set(E,(V=u.current)==null?void 0:V.saveViewState()),(Y=u.current)==null||Y.setModel(P),m&&((W=u.current)==null||W.restoreViewState(ae.get(i))))},[i],C),A(()=>{var P;(P=u.current)==null||P.updateOptions(d)},[d],C),A(()=>{!u.current||n===void 0||(u.current.getOption(v.current.editor.EditorOption.readOnly)?u.current.setValue(n):n!==u.current.getValue()&&(U.current=!0,u.current.executeEdits("",[{range:u.current.getModel().getFullModelRange(),text:n,forceMoveMarkers:!0}]),u.current.pushUndoStop(),U.current=!1))},[n],C),A(()=>{var D,V;let P=(D=u.current)==null?void 0:D.getModel();P&&o&&((V=v.current)==null||V.editor.setModelLanguage(P,o))},[o],C),A(()=>{var P;l!==void 0&&((P=u.current)==null||P.revealLine(l))},[l],C),A(()=>{var P;(P=v.current)==null||P.editor.setTheme(c)},[c],C);let z=a.useCallback(()=>{var P;if(!(!M.current||!v.current)&&!k.current){p.current(v.current);let D=i||r,V=B(v.current,n||e||"",t||o||"",D||"");u.current=(P=v.current)==null?void 0:P.editor.create(M.current,{model:V,automaticLayout:!0,...d},h),m&&u.current.restoreViewState(ae.get(D)),v.current.editor.setTheme(c),l!==void 0&&u.current.revealLine(l),w(!0),k.current=!0}},[e,t,r,n,o,i,d,h,m,c,l]);a.useEffect(()=>{C&&S.current(u.current,v.current)},[C]),a.useEffect(()=>{!O&&!C&&z()},[O,C,z]),s.current=n,a.useEffect(()=>{var P,D;C&&R&&((P=g.current)==null||P.dispose(),g.current=(D=u.current)==null?void 0:D.onDidChangeModelContent(V=>{U.current||R(u.current.getValue(),V)}))},[C,R]),a.useEffect(()=>{if(C){let P=v.current.editor.onDidChangeMarkers(D=>{var Y;let V=(Y=u.current.getModel())==null?void 0:Y.uri;if(V&&D.find(W=>W.path===V.path)){let W=v.current.editor.getModelMarkers({resource:V});T==null||T(W)}});return()=>{P==null||P.dispose()}}return()=>{}},[C,T]);function oe(){var P,D;(P=g.current)==null||P.dispose(),y?m&&ae.set(i,u.current.saveViewState()):(D=u.current.getModel())==null||D.dispose(),u.current.dispose()}return a.createElement(ze,{width:x,height:b,isEditorReady:C,loading:f,_ref:M,className:$,wrapperProps:L})}var fr=lr,dr=a.memo(fr),le=dr;const re={selectOnLineNumbers:!0,scrollBeyondLastLine:!1,padding:{top:16,bottom:16},minimap:{enabled:!1},fontSize:14,fontFamily:'"JetBrains Mono", "monospace"',lineHeight:20,scrollbar:{verticalScrollbarSize:14,horizontalScrollbarSize:14,verticalSliderSize:6,horizontalSliderSize:6},overviewRulerBorder:!1,overviewRulerLanes:0,renderLineHighlight:"none",automaticLayout:!0},ne=e=>{const{themeConfig:t,editor:r,theme:n}=e,{defaultTheme:o}=t??{},[i,c]=a.useState(n??o??"vs-dark");return a.useEffect(()=>{var l;(l=t==null?void 0:t.themes)==null||l.forEach(f=>{H.editor.defineTheme(f.themeName,f.themeData)})},[H,t]),a.useEffect(()=>{H.editor&&n&&(H.editor.setTheme(n),c(n))},[r,n,t]),{theme:i}};function be(e){const t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let r="";for(let n=0;n<e;n++)r+=t.charAt(Math.floor(Math.random()*t.length));return r}function mr(e){return e.replace("'","'")}const pr=e=>{const t=new Intl.RelativeTimeFormat("en",{numeric:"auto"});if(e<60)return t.format(-e,"second");const r=Math.floor(e/60);if(r<60)return t.format(-r,"minute");const n=Math.floor(r/60);if(n<24)return t.format(-n,"hour");const o=Math.floor(n/24);if(o<30)return t.format(-o,"day");const i=Math.floor(o/30);if(i<12)return t.format(-i,"month");const c=Math.floor(i/12);return t.format(-c,"year")},gr=e=>{const t=new Date(e),n=Math.floor((new Date().getTime()-t.getTime())/1e3),o=Math.abs(n);return pr(o)};function Fe({instanceId:e,lineNumbersPosition:t}){let r="";return t==="center"&&(r+=`
|
|
23
23
|
.monaco-editor-${e} .monaco-scrollable-element.editor-scrollable {
|
|
24
24
|
width: 100% !important;
|
|
25
25
|
left: 0px !important;
|
|
@@ -45,16 +45,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
45
45
|
.monaco-editor-${e} .view-line .blame-editor-commit {
|
|
46
46
|
display: inline-block;
|
|
47
47
|
color: var(--cn-text-1);
|
|
48
|
-
}`,r}function hr({instanceId:e,blameData:t,dateWidth:r,avatarSize:n}){let o="";return t.forEach(i=>{var d,h,m,
|
|
49
|
-
.monaco-editor-${e} .view-line .blame-editor-commit-${
|
|
50
|
-
content: '${mr(gr(((
|
|
48
|
+
}`,r}function hr({instanceId:e,blameData:t,dateWidth:r,avatarSize:n}){let o="";return t.forEach(i=>{var d,h,m,y,x,b,$,L;const c=(h=(d=i==null?void 0:i.commitInfo)==null?void 0:d.author)==null?void 0:h.avatarUrl,l=(y=(m=i==null?void 0:i.commitInfo)==null?void 0:m.author)==null?void 0:y.initials,f=c?`background: url('${(b=(x=i==null?void 0:i.commitInfo)==null?void 0:x.author)==null?void 0:b.avatarUrl}');`:"";for(let I=i.fromLineNumber;I<=i.toLineNumber;I++)I===i.fromLineNumber?o+=`
|
|
49
|
+
.monaco-editor-${e} .view-line .blame-editor-commit-${I}:before {
|
|
50
|
+
content: '${mr(gr(((L=($=i==null?void 0:i.commitInfo)==null?void 0:$.author)==null?void 0:L.when)||""))}';
|
|
51
51
|
position: absolute;
|
|
52
52
|
left: 10px;
|
|
53
53
|
top: 0px;
|
|
54
54
|
color: var(--cn-text-3);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.monaco-editor-${e} .view-line .blame-editor-commit-${
|
|
57
|
+
.monaco-editor-${e} .view-line .blame-editor-commit-${I}:after {
|
|
58
58
|
content: '${l??" "}';
|
|
59
59
|
position: absolute;
|
|
60
60
|
border-radius: 50%;
|
|
@@ -74,28 +74,28 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
74
74
|
${f}
|
|
75
75
|
background-size: 100% 100%;
|
|
76
76
|
}`:o+=`
|
|
77
|
-
.monaco-editor-${e} .view-line .blame-editor-commit-${
|
|
77
|
+
.monaco-editor-${e} .view-line .blame-editor-commit-${I}:before {
|
|
78
78
|
content: ' ';
|
|
79
79
|
left: 10px;
|
|
80
80
|
top: 0px;
|
|
81
81
|
color: gray;
|
|
82
|
-
}`}),o}function
|
|
83
|
-
.monaco-editor-${
|
|
82
|
+
}`}),o}function qe(e,t){let r="";return e.length>t?r=e.slice(0,t-3)+"...":e.length<t?r=e+" ".repeat(t-e.length):r=e," ".repeat(25)+r+" ".repeat(10)}F.config({monaco:H});const pe=450,vr=30,yr=140,br=24,Mr={...re,readOnly:!0,matchBrackets:"never",renderValidationDecorations:"off",guides:{indentation:!1},folding:!1,stickyScroll:{enabled:!1},renderWhitespace:"none",renderLineHighlight:"none"};function Er({code:e,language:t,themeConfig:r,lineNumbersPosition:n="left",blameData:o,showSeparators:i=!0,theme:c,height:l="75vh",options:f,className:d}){const h=a.useRef(o),m=a.useRef(null),y=a.useRef(be(5));te();const[x,b]=a.useState(),$=a.useRef(null),L=a.useRef(null);a.useEffect(()=>{h.current=o},[o]);function I(){const u=L.current,M=$.current;if(!u||!M)return;i&&u.changeViewZones(function(p){p.addZone({afterLineNumber:0,heightInPx:10,domNode:document.createElement("div")}),h.current.forEach((g,s)=>{if(s!==h.current.length-1){const E=document.createElement("div");E.style.borderTop="1px solid var(--cn-border-2)",E.style.marginTop="9px",E.className="blame-editor-separator",p.addZone({afterLineNumber:g.toLineNumber,heightInPx:20,domNode:E})}})});const S=[];h.current.forEach(p=>{var g;for(let s=p.fromLineNumber;s<=p.toLineNumber;s++)S.push({range:new M.Range(s,0,s+1,0),options:{before:{content:qe(s===p.fromLineNumber&&((g=p==null?void 0:p.commitInfo)==null?void 0:g.title)||"",vr),cursorStops:M.editor.InjectedTextCursorStops.None,inlineClassName:`blame-editor-commit blame-editor-commit-${s}`}}})}),u.createDecorationsCollection(S)}function N(u,M){var S,p,g,s,E,k;L.current=u,$.current=M,u.setValue(e),b(u),(g=(p=(S=M.languages.typescript)==null?void 0:S.typescriptDefaults)==null?void 0:p.setDiagnosticsOptions)==null||g.call(p,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),(k=(E=(s=M.languages.typescript)==null?void 0:s.javascriptDefaults)==null?void 0:E.setDiagnosticsOptions)==null||k.call(E,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),I()}a.useEffect(()=>{x==null||x.setValue(e)},[e]);const{theme:R}=ne({monacoRef:$,themeConfig:r,editor:x,theme:c}),T=a.useMemo(()=>Fe({instanceId:y.current,lineNumbersPosition:n}),[o]),C=a.useMemo(()=>hr({instanceId:y.current,blameData:o,avatarSize:br,dateWidth:yr}),[o]);a.useLayoutEffect(()=>{m.current&&m.current.style.setProperty("--line-number-display","none")},[]),a.useEffect(()=>{if(n==="center"&&m.current){const u=m.current.getElementsByClassName("lines-content")[0];if(u){const M={attributes:!0},S=()=>{const g=parseInt(getComputedStyle(u).left);m.current&&(m.current.style.setProperty("--line-number-offset",`${pe+16+g}px`),m.current.style.setProperty("--line-number-display","block"))},p=new MutationObserver(S);return p.observe(u,M),S(),()=>{p.disconnect()}}}});const w=a.useMemo(()=>`
|
|
83
|
+
.monaco-editor-${y.current} .margin {
|
|
84
84
|
display: var(--line-number-display);
|
|
85
85
|
left: var(--line-number-offset);
|
|
86
86
|
pointer-events: none;
|
|
87
|
-
}`,[])
|
|
88
|
-
clip-path: polygon(${
|
|
87
|
+
}`,[]),O=a.useMemo(()=>`.monaco-editor-${y.current} .view-overlays {
|
|
88
|
+
clip-path: polygon(${pe+16}px 0, 100% 0%, 100% 100%, ${pe+16}px 100%);
|
|
89
89
|
height:100% !important;
|
|
90
|
-
}`,[]),
|
|
90
|
+
}`,[]),j=a.useMemo(()=>({...Mr,...f}),[f]),v=a.useMemo(()=>_.jsx("style",{dangerouslySetInnerHTML:{__html:`${T} ${C} ${w} ${O}`}}),[T,C,O,w]);return _.jsxs("div",{className:d,ref:m,children:[v,_.jsx(le,{className:`monaco-editor-${y.current} overflow-hidden rounded-b-cn-3`,height:l,language:t,theme:R,options:j,onMount:N})]})}F.config({monaco:H});const ge=450,wr=30,Sr={...re,readOnly:!0,matchBrackets:"never",renderValidationDecorations:"off",guides:{indentation:!1},folding:!1,stickyScroll:{enabled:!1},renderWhitespace:"none",renderLineHighlight:"none"};function Or({code:e,language:t,themeConfig:r,lineNumbersPosition:n="left",blameData:o,theme:i,height:c="75vh",options:l,className:f}){const d=a.useRef(o),h=a.useRef(null),m=a.useRef(be(5));te();const[y,x]=a.useState(),b=a.useRef(null),$=a.useRef(null);a.useEffect(()=>{d.current=o},[o]);function L(){const j=$.current,v=b.current;if(!j||!v)return;j.changeViewZones(function(M){M.addZone({afterLineNumber:0,heightInPx:1,domNode:document.createElement("div")}),d.current.forEach(S=>{if(S.infoContent){const g=document.createElement("div");g.className="blame-editor-info-holder",g.style.position="relative",g.style.zIndex="100",g.style.overflow="visible",jr(g,S.infoContent),M.addZone({afterLineNumber:S.fromLineNumber-1,heightInPx:0,domNode:g})}const p=document.createElement("div");p.style.borderTop="1px solid var(--cn-border-2)",p.style.marginTop="9px",p.className="blame-editor-separator",M.addZone({afterLineNumber:S.toLineNumber,heightInPx:20,domNode:p})})});const u=[];d.current.forEach(M=>{for(let S=M.fromLineNumber;S<=M.toLineNumber;S++)u.push({range:new v.Range(S,0,S+1,0),options:{before:{content:qe("",wr),cursorStops:v.editor.InjectedTextCursorStops.None,inlineClassName:`blame-editor-commit blame-editor-commit-${S}`}}})}),j.createDecorationsCollection(u)}function I(j,v){var u,M,S,p,g,s;$.current=j,b.current=v,j.setValue(e),x(j),(S=(M=(u=v.languages.typescript)==null?void 0:u.typescriptDefaults)==null?void 0:M.setDiagnosticsOptions)==null||S.call(M,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),(s=(g=(p=v.languages.typescript)==null?void 0:p.javascriptDefaults)==null?void 0:g.setDiagnosticsOptions)==null||s.call(g,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),L()}a.useEffect(()=>{y==null||y.setValue(e)},[e]);const{theme:N}=ne({monacoRef:b,themeConfig:r,editor:y,theme:i}),R=a.useMemo(()=>Fe({instanceId:m.current,lineNumbersPosition:n}),[o]);a.useLayoutEffect(()=>{h.current&&h.current.style.setProperty("--line-number-display","none")},[]),a.useEffect(()=>{if(n==="center"&&h.current){const j=h.current.getElementsByClassName("lines-content")[0];if(j){const v={attributes:!0},u=()=>{const S=parseInt(getComputedStyle(j).left);h.current&&(h.current.style.setProperty("--line-number-offset",`${ge+16+S}px`),h.current.style.setProperty("--line-number-display","block"))},M=new MutationObserver(u);return M.observe(j,v),u(),()=>{M.disconnect()}}}});const T=a.useMemo(()=>`
|
|
91
91
|
.monaco-editor-${m.current} .margin {
|
|
92
92
|
display: var(--line-number-display);
|
|
93
93
|
left: var(--line-number-offset);
|
|
94
94
|
pointer-events: none;
|
|
95
|
-
}`,[]),
|
|
96
|
-
clip-path: polygon(${
|
|
95
|
+
}`,[]),C=a.useMemo(()=>`.monaco-editor-${m.current} .view-overlays {
|
|
96
|
+
clip-path: polygon(${ge+16}px 0, 100% 0%, 100% 100%, ${ge+16}px 100%);
|
|
97
97
|
height:100% !important;
|
|
98
|
-
}`,[]),
|
|
98
|
+
}`,[]),w=a.useMemo(()=>({...Sr,...l}),[l]),O=a.useMemo(()=>_.jsx("style",{dangerouslySetInnerHTML:{__html:`${R} ${T} ${C}`}}),[R,C,T]);return _.jsxs("div",{className:f,ref:h,children:[O,_.jsx(le,{className:`monaco-editor-${m.current} overflow-hidden rounded-b-cn-3`,height:c,language:t,theme:N,options:w,onMount:I})]})}function jr(e,t){return new IntersectionObserver(([n],o)=>{if(n.isIntersecting){o.disconnect();const i=document.createElement("div");i.style.position="absolute",i.style.top="-2px",e.appendChild(i),Ze.render(t,i)}},{root:document.querySelector(".monaco-scrollable-element"),threshold:.2}).observe(e),e}function xr(e){const{editor:t,keyword:r}=e;a.useEffect(()=>{if(!t||!r)return;const n=t.getModel(),o=n.findMatches(r,!1,!1,!1,null,!1);o.length>0&&o.forEach(i=>{n.deltaDecorations([],[{range:i.range,options:{isWholeLine:!1,inlineClassName:"CodeEditor_HighlightedText"}}])})},[t,r])}function Pr(e){const{enable:t,editor:r,onSelectedLineChange:n,selectedLine:o,onSelectedLineButtonClick:i}=e,c=a.useRef(null),l=a.useRef(!1),f=a.useRef(null);f.current=f.current??(r==null?void 0:r.createDecorationsCollection([]))??null,a.useEffect(()=>{let d;const h=setTimeout(()=>{if(!t||!r)return;const m=y=>{var b,$,L,I;if(($=(b=y.target)==null?void 0:b.element)!=null&&$.classList.contains("CodeEditor_HighlightedGlyphMargin")){i==null||i((L=y.target)==null?void 0:L.element);return}const x=Cr((I=y.target)==null?void 0:I.element);if(!x){n==null||n(void 0),i==null||i(void 0),he(r,f.current,void 0);return}l.current=!0,c.current=x,n==null||n(x),he(r,f.current,x,!1),i==null||i(void 0)};d=r.onMouseDown(m)},100);return()=>{clearTimeout(h),d==null||d.dispose()}},[l,o,n,t,r,i,f]),a.useEffect(()=>{r&&c.current!==o&&he(r,f.current,o,!0)},[r,o,f])}function he(e,t,r,n){if(!r){t==null||t.set([]);return}t==null||t.set([{range:new H.Range(r,1,r,1),options:{isWholeLine:!0,className:"CodeEditor_HighlightedLine"}}]),e==null||e.setSelection(new H.Range(r,0,r,0)),n&&(e==null||e.revealLineInCenter(r))}function Cr(e){const t=e!=null&&e.classList.contains("line-numbers")?e:void 0;if(!t)return;const r=parseInt(t.textContent??"");if(!isNaN(r))return r}const $r=`.CodeEditor_HighlightedLine {
|
|
99
99
|
opacity: 0.1;
|
|
100
100
|
background-color: var(--cn-yellow-300, orange) !important;
|
|
101
101
|
}
|
|
@@ -118,7 +118,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
118
118
|
position: absolute;
|
|
119
119
|
padding: 7px 3px;
|
|
120
120
|
}
|
|
121
|
-
`;
|
|
122
|
-
`),
|
|
123
|
-
`}])),z++):
|
|
121
|
+
`;F.config({monaco:H});const Nr={...re};function Ir({codeRevision:e,onCodeRevisionChange:t,language:r,themeConfig:n,options:o,theme:i,enableLinesSelection:c=!1,selectedLine:l,onSelectedLineChange:f,onSelectedLineButtonClick:d,highlightKeyword:h,height:m="75vh",className:y,onMount:x}){const b=a.useRef(be(5));te();const[$,L]=a.useState(),I=a.useRef(),N=a.useRef({code:"",revisionId:0}),R=a.useRef(null),T=a.useCallback((j,v)=>{var u,M,S,p,g,s;R.current=j,I.current=v,j.setValue(e.code),L(j),(S=(M=(u=v.languages.typescript)==null?void 0:u.typescriptDefaults)==null?void 0:M.setDiagnosticsOptions)==null||S.call(M,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),(s=(g=(p=v.languages.typescript)==null?void 0:p.javascriptDefaults)==null?void 0:g.setDiagnosticsOptions)==null||s.call(g,{noSuggestionDiagnostics:!0,noSyntaxValidation:!0,noSemanticValidation:!0}),x==null||x(j,v)},[e.code,x]);a.useEffect(()=>{var j,v;if(R.current&&(!e.revisionId||e.revisionId>Number((j=N.current)==null?void 0:j.revisionId))){const u=R.current.getModel();u&&(o!=null&&o.readOnly?(v=R.current)==null||v.setValue(e.code):(R.current.pushUndoStop(),R.current.executeEdits("edit",[{range:u.getFullModelRange(),text:e.code}]),R.current.pushUndoStop()))}},[e,o==null?void 0:o.readOnly,R]);const{theme:C}=ne({monacoRef:I,themeConfig:n,editor:$,theme:i});Pr({enable:c,editor:$,selectedLine:l,onSelectedLineChange:f,onSelectedLineButtonClick:d}),xr({editor:$,keyword:h});const w=a.useMemo(()=>({...Nr,...o||{}}),[o]),O=a.useMemo(()=>`.monaco-editor-${b.current} .margin-view-overlays .line-numbers { cursor: pointer !important; } ${$r}`,[]);return _.jsxs(_.Fragment,{children:[c&&_.jsx("style",{dangerouslySetInnerHTML:{__html:O}}),_.jsx(le,{className:`monaco-editor-${b.current} ${y}`,height:m,onChange:(j,v)=>{N.current={code:j??"",revisionId:v.versionId},t==null||t({...N.current},v)},language:r,theme:C,options:w,onMount:T})]})}F.config({monaco:H});const Lr={...re,codeLens:!1,smartSelect:{selectLeadingAndTrailingWhitespace:!0},originalEditable:!1,overviewRulerBorder:!1};function Rr({original:e,modified:t,language:r,themeConfig:n,options:o,theme:i,height:c="75vh"}){te();const[l,f]=a.useState(),d=a.useRef(),{theme:h}=ne({monacoRef:d,themeConfig:n,editor:l,theme:i}),m=a.useMemo(()=>({...Lr,...o||{}}),[o]);return _.jsx(_.Fragment,{children:_.jsx(ar,{className:"overflow-hidden rounded-b-cn-3 border-x border-b",language:r,theme:h,original:e,modified:t,height:c,options:m,onMount:f})})}var Me=(e=>(e.ContainsPath="ContainsPath",e))(Me||{});function Dr(e){const{pathSymbolMap:t,inlineActions:r=[],commandId:n}=e,o=Object.fromEntries(t.entries()),i=[];return r==null||r.forEach(c=>{const l=c.actions;c.selectors.forEach(d=>{switch(d.type){case Me.ContainsPath:{d.paths.forEach(h=>{let y=Object.keys(o).map(b=>({fullPath:b,path:b,symbol:o[b]})).filter(b=>b.path.startsWith(d.basePath));y=y.map(b=>({...b,path:b.path.substring(d.basePath.length)})),y.filter(b=>h.test(b.path)).forEach(b=>{const $=b.fullPath,L=b.symbol,I=L.range;l.forEach(N=>{const R={range:I,symbols:[L],onClick:N.onClick,data:N.data,path:$};i.push({range:I,command:{id:n,title:N.title,arguments:[R]}})})})});break}}})}),i}const Z=class Z{static set(t){Z.data=t}static get(){return Z.data}};je(Z,"data",{});let se=Z;async function We(e){const t=se.get(),{documentSymbolProvider:r}=t.StandaloneServices.get(t.ILanguageFeaturesService);return await t.OutlineModel.create(r,e)}function Be(e){const t=new Map;return Ee({pathSymbolMap:t,parentPath:"",children:e.children,parentKind:J.languages.SymbolKind.Module}),t}function Ee(e){switch(e.parentKind){case J.languages.SymbolKind.Module:{Tr(e);break}case J.languages.SymbolKind.Array:{_r(e);break}default:kr(e)}}function Tr(e){e.children.forEach(t=>{var n;let r=e.parentPath;t.symbol&&(r=e.parentPath?`${e.parentPath}.${t.symbol.name}`:t.symbol.name,e.pathSymbolMap.set(r,t.symbol)),Ee({pathSymbolMap:e.pathSymbolMap,parentPath:r,children:t.children,parentKind:((n=t==null?void 0:t.symbol)==null?void 0:n.kind)??e.parentKind})})}function _r(e){let t=0;e.children.forEach(r=>{const n=e.parentPath?`${e.parentPath}.${t}`:`${t}`;e.pathSymbolMap.set(n,r.symbol),t+=1,Ee({pathSymbolMap:e.pathSymbolMap,parentPath:n,children:r.children,parentKind:r.symbol.kind})})}function kr(e){const t=e.children.get("0");if(t){const r=e.parentPath?`${e.parentPath}.${t.symbol.name}`:t==null?void 0:t.symbol.name;e.pathSymbolMap.set(r,t.symbol)}}function Vr({editorRef:e,inlineActions:t}){a.useEffect(()=>H.languages.registerCodeLensProvider("yaml",{provideCodeLenses:async n=>{var f,d,h,m,y;if(((f=n==null?void 0:n.uri)==null?void 0:f.toString())!==((m=(h=(d=e.current)==null?void 0:d.getModel())==null?void 0:h.uri)==null?void 0:m.toString()))return{lenses:[],dispose:()=>{}};const o=await We(n),i=Be(o),c=(y=e==null?void 0:e.current)==null?void 0:y.addCommand(0,(x,{onClick:b,path:$,range:L,data:I})=>{b({path:$,range:L,data:I})});return c?{lenses:Dr({pathSymbolMap:i,inlineActions:t,commandId:c}),dispose:()=>{}}:void 0}}).dispose,[t,e])}const Ar=({editorRef:e,selection:t})=>{const[r,n]=a.useState(),o=a.useMemo(()=>async(i,c,l)=>{var y,x,b;const f=(y=e==null?void 0:e.current)==null?void 0:y.getModel();if(!f||!c)return n(void 0);const d=await We(f),m=(x=Be(d).get(c))==null?void 0:x.range;m&&(n(m),l&&((b=e==null?void 0:e.current)==null||b.revealLineInCenter(m.startLineNumber)))},[]);a.useEffect(()=>{if("requestIdleCallback"in window){const i=requestIdleCallback(()=>{o(e,t==null?void 0:t.path,t==null?void 0:t.revealInCenter)});return()=>cancelIdleCallback(i)}else{const i=setTimeout(()=>{o(e,t==null?void 0:t.path,t==null?void 0:t.revealInCenter)},100);return()=>clearTimeout(i)}},[t==null?void 0:t.path,t==null?void 0:t.revealInCenter,e,o]),a.useEffect(()=>{var c;if(!r)return;const i=(c=e==null?void 0:e.current)==null?void 0:c.createDecorationsCollection([{range:{...r,startColumn:1},options:{isWholeLine:!1,className:t==null?void 0:t.className}}]);return()=>i==null?void 0:i.clear()},[r,e,t==null?void 0:t.className])},we=a.createContext({markers:[],setMarkers:()=>{},editor:null,setEditor:e=>{},updateCursorPosition:e=>{}});function Hr({children:e}){const[t,r]=a.useState([]),[n,o]=a.useState(null),i=a.useCallback(c=>{n==null||n.setPosition(c),n==null||n.revealLineInCenterIfOutsideViewport(c.lineNumber),n==null||n.focus()},[n]);return _.jsx(we.Provider,{value:{markers:t,setMarkers:r,editor:n,setEditor:o,updateCursorPosition:i},children:e})}function Se(){return a.useContext(we)}const zr=({monacoRef:e,editorRef:t,instanceId:r})=>{const{setMarkers:n}=Se();a.useEffect(()=>{let o;const i=setTimeout(()=>{var l;const c=(l=e.current)==null?void 0:l.editor;c&&(o=c.onDidChangeMarkers(f=>{var m;const d=(m=t.current)==null?void 0:m.getModel();if(!d)return;const h=d.uri.toString();if(f.some(y=>y.toString()===h)){const y=H.editor.getModelMarkers({resource:d.uri});n(y)}}))},100);return()=>{clearTimeout(i),o==null||o.dispose()}},[e,r,n])};function Ur(e){var n,o;const t=((o=(n=ve.yamlDefaults)==null?void 0:n.diagnosticsOptions)==null?void 0:o.schemas)??[],r=t.findIndex(i=>i.fileMatch[0]===e.fileMatch[0]);r!==-1?t[r]=e:t.push(e),Ye(t)}function Fr(e){var n,o;const r=(((o=(n=ve.yamlDefaults)==null?void 0:n.diagnosticsOptions)==null?void 0:o.schemas)??[]).filter(i=>i.fileMatch[0]!==Oe(e));Ye(r)}function Ye(e){const t={hover:!0,completion:!0,enableSchemaRequest:!1,validate:!0,schemas:e};ve.yamlDefaults.setDiagnosticsOptions({...t})}const Oe=e=>J.Uri.parse(`file://${e}`).toString(),qr=e=>{const{schemaConfig:t,instanceId:r}=e;a.useEffect(()=>{if(t!=null&&t.schema)return Ur({fileMatch:[Oe(r.toString())],...t}),()=>{Fr(r)}},[t==null?void 0:t.schema,r])};F.config({monaco:H});const Wr={...re,folding:!0},Br=function(t){const{yamlRevision:r,schemaConfig:n,inlineActions:o,themeConfig:i,onYamlRevisionChange:c,selection:l,theme:f,options:d,animateOnUpdate:h=!1,onAnimateEnd:m,instanceId:y,height:x,className:b}=t,$=te(),[L]=a.useState(y??`yaml-editor-${Math.random()}`),{editor:I,setEditor:N}=Se(),R=a.useRef(null),T=a.useRef(),C=a.useRef({yaml:"",revisionId:0}),w=a.useRef(null),O=a.useRef(null),j=a.useCallback(p=>{var E,k,U;const g=p.split(`
|
|
122
|
+
`),s=(E=w.current)==null?void 0:E.getModel();if(s){(k=w.current)==null||k.pushUndoStop(),s.setValue("");let z=0;O.current=window.setInterval(()=>{var oe;z<g.length?($&&((oe=w.current)==null||oe.executeEdits("addLine",[{range:new $.Range(z+1,1,z+1,1),text:g[z]+`
|
|
123
|
+
`}])),z++):O.current&&(clearInterval(O.current),m==null||m())},100),(U=w.current)==null||U.pushUndoStop()}},[$]);a.useEffect(()=>()=>{O.current&&clearInterval(O.current)},[]);function v(p,g){w.current=p,T.current=g,p.setValue(r.yaml),N(p),setTimeout(()=>{var s;(s=R.current)!=null&&s.style&&(R.current.style.opacity="1")},50)}a.useEffect(()=>{var p;if(w.current&&(!r.revisionId||r.revisionId>Number((p=C.current)==null?void 0:p.revisionId))){const g=w.current.getModel();g&&(w.current.executeEdits("edit",[{range:g.getFullModelRange(),text:h?"":r.yaml}]),h&&j(r.yaml))}},[j,r,h]),qr({schemaConfig:n,instanceId:L}),Vr({editorRef:w,inlineActions:o});const{theme:u}=ne({monacoRef:T,themeConfig:i,editor:I,theme:f});zr({monacoRef:T,editorRef:w,instanceId:L}),Ar({editorRef:w,selection:l});const M=a.useMemo(()=>Oe(L),[]),S=a.useMemo(()=>({...Wr,...d}),[d]);return _.jsx("div",{style:{width:"100%",height:"100%",opacity:0},ref:R,children:_.jsx(le,{className:b,onChange:(p,g)=>{C.current={yaml:p??"",revisionId:g.versionId},c({...C.current},g)},language:"yaml",theme:u,options:S,path:M,onMount:v,height:x})})};exports.BlameEditor=Er;exports.BlameEditorV2=Or;exports.CodeDiffEditor=Rr;exports.CodeEditor=Ir;exports.MonacoGlobals=se;exports.SelectorType=Me;exports.YamlEditor=Br;exports.YamlEditorContext=we;exports.YamlEditorContextProvider=Hr;exports.useYamlEditorContext=Se;
|
|
124
124
|
//# sourceMappingURL=index.cjs.map
|