@harnessio/yaml-editor 0.13.0 → 0.14.0

package/dist/index.js

@@ -1,14 +1,47 @@
-var oe = Object.defineProperty;
-var re = (t, e, n) => e in t ? oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var K = (t, e, n) => (re(t, typeof e != "symbol" ? e + "" : e, n), n);
-import ae, { useState as k, useEffect as C, useRef as x, useMemo as w, createContext as se, useCallback as ie, useContext as ce } from "react";
-import U, { loader as D, useMonaco as T, DiffEditor as le } from "@monaco-editor/react";
-import * as P from "monaco-editor";
-import { languages as I, Uri as ue } from "monaco-editor";
-import { configureMonacoYaml as de } from "monaco-yaml";
-var Y = { exports: {} }, j = {};
-/**
- * @license React
+var fe = Object.defineProperty;
+var pe = (e, t, n) => t in e ? fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var X = (e, t, n) => (pe(e, typeof t != "symbol" ? t + "" : t, n), n);
+import he, { useState as L, useEffect as P, useRef as C, useMemo as T, useCallback as R, createContext as ge, useContext as be } from "react";
+import q, { loader as F, useMonaco as z, DiffEditor as ye } from "@monaco-editor/react";
+import * as D from "monaco-editor";
+import { languages as Y, Uri as ve } from "monaco-editor";
+import { yamlDefaults as Se } from "monaco-yaml";
+var oe = { exports: {} }, A = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var ee = Object.getOwnPropertySymbols, xe = Object.prototype.hasOwnProperty, Ee = Object.prototype.propertyIsEnumerable;
+function Me(e) {
+  if (e == null)
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  return Object(e);
+}
+function Oe() {
+  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 = {}, n = 0; n < 10; n++)
+      t["_" + String.fromCharCode(n)] = n;
+    var r = Object.getOwnPropertyNames(t).map(function(o) {
+      return t[o];
+    });
+    if (r.join("") !== "0123456789")
+      return !1;
+    var a = {};
+    return "abcdefghijklmnopqrst".split("").forEach(function(o) {
+      a[o] = o;
+    }), Object.keys(Object.assign({}, a)).join("") === "abcdefghijklmnopqrst";
+  } catch {
+    return !1;
+  }
+}
+Oe();
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -16,98 +49,120 @@ var Y = { exports: {} }, j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var me = ae, he = Symbol.for("react.element"), fe = Symbol.for("react.fragment"), pe = Object.prototype.hasOwnProperty, ge = me.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, be = { key: !0, ref: !0, __self: !0, __source: !0 };
-function z(t, e, n) {
+var Ce = he, ae = 60103;
+A.Fragment = 60107;
+if (typeof Symbol == "function" && Symbol.for) {
+  var te = Symbol.for;
+  ae = te("react.element"), A.Fragment = te("react.fragment");
+}
+var we = Ce.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Pe = Object.prototype.hasOwnProperty, $e = { key: !0, ref: !0, __self: !0, __source: !0 };
+function se(e, t, n) {
   var r, a = {}, o = null, s = null;
-  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
-  for (r in e)
-    pe.call(e, r) && !be.hasOwnProperty(r) && (a[r] = e[r]);
-  if (t && t.defaultProps)
-    for (r in e = t.defaultProps, e)
-      a[r] === void 0 && (a[r] = e[r]);
-  return { $$typeof: he, type: t, key: o, ref: s, props: a, _owner: ge.current };
+  n !== void 0 && (o = "" + n), t.key !== void 0 && (o = "" + t.key), t.ref !== void 0 && (s = t.ref);
+  for (r in t)
+    Pe.call(t, r) && !$e.hasOwnProperty(r) && (a[r] = t[r]);
+  if (e && e.defaultProps)
+    for (r in t = e.defaultProps, t)
+      a[r] === void 0 && (a[r] = t[r]);
+  return { $$typeof: ae, type: e, key: o, ref: s, props: a, _owner: we.current };
 }
-j.Fragment = fe;
-j.jsx = z;
-j.jsxs = z;
-Y.exports = j;
-var y = Y.exports;
-const F = (t) => {
-  const { themeConfig: e, editor: n, theme: r } = t, { defaultTheme: a } = e ?? {}, [o, s] = k(r ?? a ?? "vs-dark");
-  return C(() => {
-    var g;
-    (g = e == null ? void 0 : e.themes) == null || g.forEach((u) => {
-      P.editor.defineTheme(u.themeName, u.themeData);
+A.jsx = se;
+A.jsxs = se;
+oe.exports = A;
+var w = oe.exports;
+const H = {
+  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
+  }
+}, B = (e) => {
+  const { themeConfig: t, editor: n, theme: r } = e, { defaultTheme: a } = t ?? {}, [o, s] = L(r ?? a ?? "vs-dark");
+  return P(() => {
+    var c;
+    (c = t == null ? void 0 : t.themes) == null || c.forEach((m) => {
+      D.editor.defineTheme(m.themeName, m.themeData);
     });
-  }, [P]), C(() => {
-    P.editor && r && (P.editor.setTheme(r), s(r));
+  }, [D]), P(() => {
+    D.editor && r && (D.editor.setTheme(r), s(r));
   }, [n, r]), { theme: o };
 };
-function ve(t) {
-  const e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function je(e) {
+  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
   let n = "";
-  for (let r = 0; r < t; r++)
-    n += e.charAt(Math.floor(Math.random() * e.length));
+  for (let r = 0; r < e; r++)
+    n += t.charAt(Math.floor(Math.random() * t.length));
   return n;
 }
-function ye(t) {
-  return t.replace("'", "&#39;");
+function Ne(e) {
+  return e.replace("'", "&#39;");
 }
-function Ee({
-  instanceId: t,
-  lineNumbersPosition: e
+function ke({
+  instanceId: e,
+  lineNumbersPosition: t
 }) {
   let n = "";
-  return e === "center" && (n += `
-      .monaco-editor-${t} .monaco-scrollable-element.editor-scrollable {
+  return t === "center" && (n += `
+      .monaco-editor-${e} .monaco-scrollable-element.editor-scrollable {
           width: 100% !important;
           left: 0px !important;
       }
 
-      .monaco-editor-${t} .view-lines, .view-zones {
+      .monaco-editor-${e} .view-lines, .view-zones {
           width: 100% !important;
       }
       
-      .monaco-editor-${t} .margin {
+      .monaco-editor-${e} .margin {
         z-index: 1000;
         background: transparent !important;
       }`), n += `
-      .monaco-editor-${t} .blame-editor-separator {
+      .monaco-editor-${e} .blame-editor-separator {
         right: 14px;
         pointer-events: none;
       }
 
-      .monaco-editor-${t} {
+      .monaco-editor-${e} {
         outline: none !important;
       }
       
-      .monaco-editor-${t} .view-line .blame-editor-commit {
+      .monaco-editor-${e} .view-line .blame-editor-commit {
         display: inline-block;
-        color: white;
+        color: var(--canary-foreground-01);
       }`, n;
 }
-function Me({
-  instanceId: t,
-  blameData: e,
+function De({
+  instanceId: e,
+  blameData: t,
   dateWidth: n,
   avatarSize: r
 }) {
   let a = "";
-  return e.forEach((o) => {
-    var d, f, c, p, m, i, b, l;
-    const s = (f = (d = o == null ? void 0 : o.commitInfo) == null ? void 0 : d.author) == null ? void 0 : f.avatarUrl, g = (p = (c = o == null ? void 0 : o.commitInfo) == null ? void 0 : c.author) == null ? void 0 : p.initials, u = s ? `background: url('${(i = (m = o == null ? void 0 : o.commitInfo) == null ? void 0 : m.author) == null ? void 0 : i.avatarUrl}');` : "";
-    for (let h = o.fromLineNumber; h <= o.toLineNumber; h++)
-      h === o.fromLineNumber ? a += `
-          .monaco-editor-${t} .view-line .blame-editor-commit-${h}:before {
-            content: '${ye(((l = (b = o == null ? void 0 : o.commitInfo) == null ? void 0 : b.author) == null ? void 0 : l.when) || "")}';
+  return t.forEach((o) => {
+    var u, f, l, p, E, i, g, b;
+    const s = (f = (u = o == null ? void 0 : o.commitInfo) == null ? void 0 : u.author) == null ? void 0 : f.avatarUrl, c = (p = (l = o == null ? void 0 : o.commitInfo) == null ? void 0 : l.author) == null ? void 0 : p.initials, m = s ? `background: url('${(i = (E = o == null ? void 0 : o.commitInfo) == null ? void 0 : E.author) == null ? void 0 : i.avatarUrl}');` : "";
+    for (let y = o.fromLineNumber; y <= o.toLineNumber; y++)
+      y === o.fromLineNumber ? a += `
+          .monaco-editor-${e} .view-line .blame-editor-commit-${y}:before {
+            content: '${Ne(((b = (g = o == null ? void 0 : o.commitInfo) == null ? void 0 : g.author) == null ? void 0 : b.when) || "")}';
             position: absolute;
             left: 10px;
             top: 0px;
             color: hsl(var(--canary-foreground-03));
           }
 
-          .monaco-editor-${t} .view-line .blame-editor-commit-${h}:after {
-            content: '${g ?? " "}';
+          .monaco-editor-${e} .view-line .blame-editor-commit-${y}:after {
+            content: '${c ?? " "}';
             position: absolute;
             border-radius: 50%;
             padding: 4px;
@@ -119,10 +174,10 @@ function Me({
             color: hsl(var(--canary-foreground-03));
             width: ${r}px;
             height: ${r}px;
-            ${u}
+            ${m}
             background-size: 100% 100%;
           }` : a += `
-          .monaco-editor-${t} .view-line .blame-editor-commit-${h}:before {
+          .monaco-editor-${e} .view-line .blame-editor-commit-${y}:before {
             content: ' ';
             left: 10px;
             top: 0px;
@@ -130,13 +185,13 @@ function Me({
           }`;
   }), a;
 }
-function Se(t, e) {
+function Le(e, t) {
   let n = "";
-  return t.length > e ? n = t.slice(0, e - 3) + "..." : t.length < e ? n = t + " ".repeat(e - t.length) : n = t, " ".repeat(25) + n + " ".repeat(10);
+  return e.length > t ? n = e.slice(0, t - 3) + "..." : e.length < t ? n = e + " ".repeat(t - e.length) : n = e, " ".repeat(25) + n + " ".repeat(10);
 }
-D.config({ monaco: P });
-const R = 450, xe = 30, Ce = 140, Pe = 24, $e = 46, Ne = {
-  selectOnLineNumbers: !0,
+F.config({ monaco: D });
+const W = 450, _e = 30, Te = 140, Ie = 24, Ve = {
+  ...H,
   readOnly: !0,
   matchBrackets: "never",
   renderValidationDecorations: "off",
@@ -144,251 +199,266 @@ const R = 450, xe = 30, Ce = 140, Pe = 24, $e = 46, Ne = {
   folding: !1,
   stickyScroll: { enabled: !1 },
   renderWhitespace: "none",
-  renderLineHighlight: "none",
-  minimap: { enabled: !1 },
-  scrollBeyondLastLine: !1,
-  fontSize: 14,
-  fontFamily: '"JetBrains Mono", "monospace"',
-  lineHeight: 20
+  renderLineHighlight: "none"
 };
-function Ve(t) {
-  const {
-    code: e,
-    language: n,
-    themeConfig: r,
-    lineNumbersPosition: a = "left",
-    blameData: o,
-    showSeparators: s = !0,
-    theme: g
-  } = t, u = x(o);
-  u.current = o;
-  const d = x(ve(5));
-  T();
-  const [f, c] = k(), [p, m] = k(0), i = x(null), b = x(null);
-  function l() {
-    const M = b.current, $ = i.current;
-    if (!M || !$)
+function et({
+  code: e,
+  language: t,
+  themeConfig: n,
+  lineNumbersPosition: r = "left",
+  blameData: a,
+  showSeparators: o = !0,
+  theme: s,
+  height: c = "75vh"
+}) {
+  const m = C(a), u = C(je(5));
+  z();
+  const [f, l] = L(), [p, E] = L(0), i = C(null), g = C(null);
+  P(() => {
+    m.current = a;
+  }, [a]);
+  function b() {
+    const O = g.current, $ = i.current;
+    if (!O || !$)
       return;
-    s && M.changeViewZones(function(v) {
+    o && O.changeViewZones(function(v) {
       v.addZone({
         afterLineNumber: 0,
         heightInPx: 10,
         domNode: document.createElement("div")
-      }), u.current.forEach((N, E) => {
-        if (E !== u.current.length - 1) {
-          const S = document.createElement("div");
-          S.style.borderTop = "1px solid hsl(var(--canary-border-01))", S.style.marginTop = "9px", S.className = "blame-editor-separator", v.addZone({
-            afterLineNumber: N.toLineNumber,
+      }), m.current.forEach((h, d) => {
+        if (d !== m.current.length - 1) {
+          const x = document.createElement("div");
+          x.style.borderTop = "1px solid hsl(var(--canary-border-01))", x.style.marginTop = "9px", x.className = "blame-editor-separator", v.addZone({
+            afterLineNumber: h.toLineNumber,
             heightInPx: 20,
-            domNode: S
+            domNode: x
           });
         }
       });
     });
-    const L = [];
-    u.current.forEach((v) => {
-      var N;
-      for (let E = v.fromLineNumber; E <= v.toLineNumber; E++)
-        L.push({
-          range: new $.Range(E, 0, E + 1, 0),
+    const k = [];
+    m.current.forEach((v) => {
+      var h;
+      for (let d = v.fromLineNumber; d <= v.toLineNumber; d++)
+        k.push({
+          range: new $.Range(d, 0, d + 1, 0),
           options: {
             before: {
-              content: Se(
-                E === v.fromLineNumber && ((N = v == null ? void 0 : v.commitInfo) == null ? void 0 : N.title) || "",
-                xe
+              content: Le(
+                d === v.fromLineNumber && ((h = v == null ? void 0 : v.commitInfo) == null ? void 0 : h.title) || "",
+                _e
               ),
               cursorStops: $.editor.InjectedTextCursorStops.None,
-              inlineClassName: `blame-editor-commit blame-editor-commit-${E}`
+              inlineClassName: `blame-editor-commit blame-editor-commit-${d}`
             }
           }
         });
-    }), M.createDecorationsCollection(L);
+    }), O.createDecorationsCollection(k);
   }
-  function h(M, $) {
-    var L, v, N, E, S, W;
-    b.current = M, i.current = $, M.setValue(e), c(M), (N = (v = (L = $.languages.typescript) == null ? void 0 : L.typescriptDefaults) == null ? void 0 : v.setDiagnosticsOptions) == null || N.call(v, { noSuggestionDiagnostics: !0 }), (W = (S = (E = $.languages.typescript) == null ? void 0 : E.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || W.call(S, { noSuggestionDiagnostics: !0 }), l();
+  function y(O, $) {
+    var k, v, h, d, x, I;
+    g.current = O, i.current = $, O.setValue(e), l(O), (h = (v = (k = $.languages.typescript) == null ? void 0 : k.typescriptDefaults) == null ? void 0 : v.setDiagnosticsOptions) == null || h.call(v, {
+      noSuggestionDiagnostics: !0,
+      noSyntaxValidation: !0,
+      noSemanticValidation: !0
+    }), (I = (x = (d = $.languages.typescript) == null ? void 0 : d.javascriptDefaults) == null ? void 0 : x.setDiagnosticsOptions) == null || I.call(x, {
+      noSuggestionDiagnostics: !0,
+      noSyntaxValidation: !0,
+      noSemanticValidation: !0
+    }), b();
   }
-  C(() => {
+  P(() => {
     f == null || f.setValue(e);
   }, [e]);
-  const { theme: O } = F({ monacoRef: i, themeConfig: r, editor: f, theme: g }), B = w(
-    () => Ee({
-      instanceId: d.current,
-      lineNumbersPosition: a
+  const { theme: M } = B({ monacoRef: i, themeConfig: n, editor: f, theme: s }), j = T(
+    () => ke({
+      instanceId: u.current,
+      lineNumbersPosition: r
     }),
-    [o]
-  ), ee = w(
-    () => Me({
-      instanceId: d.current,
-      blameData: o,
-      avatarSize: Pe,
-      dateWidth: Ce
+    [a]
+  ), _ = T(
+    () => De({
+      instanceId: u.current,
+      blameData: a,
+      avatarSize: Ie,
+      dateWidth: Te
     }),
-    [o]
+    [a]
   );
-  C(() => {
-    if (a === "center") {
-      const M = document.getElementsByClassName("lines-content")[0];
-      if (M) {
-        const $ = { attributes: !0 }, L = (N) => {
-          for (const E of N) {
-            const S = parseInt(getComputedStyle(M).left);
-            m(S);
+  P(() => {
+    if (r === "center") {
+      const O = document.getElementsByClassName("lines-content")[0];
+      if (O) {
+        const $ = { attributes: !0 }, k = (h) => {
+          for (const d of h) {
+            const x = parseInt(getComputedStyle(O).left);
+            E(x);
           }
-        }, v = new MutationObserver(L);
-        return v.observe(M, $), () => {
+        }, v = new MutationObserver(k);
+        return v.observe(O, $), () => {
           v.disconnect();
         };
       }
     }
   });
-  const te = w(() => `
-      .monaco-editor-${d.current} .margin {
-        left: ${R - $e + p}px !important;
+  const S = T(() => `
+      .monaco-editor-${u.current} .margin {
+        left: ${W + 16 + p}px !important;
         pointer-events: none;
-      }`, [p]), ne = `
-   .monaco-editor-${d.current} .view-overlays {
-    clip-path: polygon(${R + 16}px 0, 100% 0%, 100% 100%, ${R + 16}px 100%);
+      }`, [p]), N = `
+   .monaco-editor-${u.current} .view-overlays {
+    clip-path: polygon(${W + 16}px 0, 100% 0%, 100% 100%, ${W + 16}px 100%);
     height:100% !important;
    }`;
-  return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
-    /* @__PURE__ */ y.jsx(
+  return /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
+    /* @__PURE__ */ w.jsx(
       "style",
       {
         dangerouslySetInnerHTML: {
-          __html: `${B} ${ee} ${te} ${ne}`
+          __html: `${j} ${_} ${S} ${N}`
         }
       }
     ),
-    /* @__PURE__ */ y.jsx(
-      U,
+    /* @__PURE__ */ w.jsx(
+      q,
       {
-        height: "75vh",
-        className: `monaco-editor-${d.current} overflow-hidden rounded-b-md border-x border-b`,
-        language: n,
-        theme: O,
-        options: Ne,
-        onMount: h
+        className: `monaco-editor-${u.current} overflow-hidden rounded-b-md border-x border-b`,
+        height: c,
+        language: t,
+        theme: M,
+        options: Ve,
+        onMount: y
       }
     )
   ] });
 }
-D.config({ monaco: P });
-const ke = {
-  selectOnLineNumbers: !0,
-  scrollBeyondLastLine: !1,
-  padding: {
-    top: 10
-  },
-  minimap: { enabled: !1 },
-  fontSize: 14,
-  fontFamily: '"JetBrains Mono", "monospace"',
-  lineHeight: 20
+F.config({ monaco: D });
+const Ue = {
+  ...H
 };
-function Ye(t) {
-  const { codeRevision: e, onCodeRevisionChange: n, language: r, themeConfig: a, options: o, theme: s } = t;
-  T();
-  const [g, u] = k(), d = x(), f = x({ code: "", revisionId: 0 }), c = x(null);
-  function p(b, l) {
-    c.current = b, d.current = l, b.setValue(e.code), u(b);
-  }
-  C(() => {
-    var b, l;
-    if (c.current && (!e.revisionId || e.revisionId > Number((b = f.current) == null ? void 0 : b.revisionId))) {
-      const h = c.current.getModel();
-      h && (o != null && o.readOnly ? (l = c.current) == null || l.setValue(e.code) : (c.current.pushUndoStop(), c.current.executeEdits("edit", [
+function tt({
+  codeRevision: e,
+  onCodeRevisionChange: t,
+  language: n,
+  themeConfig: r,
+  options: a,
+  theme: o,
+  height: s = "75vh"
+}) {
+  z();
+  const [c, m] = L(), u = C(), f = C({ code: "", revisionId: 0 }), l = C(null), p = R(
+    (g, b) => {
+      var y, M, j, _, S, N;
+      l.current = g, u.current = b, g.setValue(e.code), m(g), (j = (M = (y = b.languages.typescript) == null ? void 0 : y.typescriptDefaults) == null ? void 0 : M.setDiagnosticsOptions) == null || j.call(M, {
+        noSuggestionDiagnostics: !0,
+        noSyntaxValidation: !0,
+        noSemanticValidation: !0
+      }), (N = (S = (_ = b.languages.typescript) == null ? void 0 : _.javascriptDefaults) == null ? void 0 : S.setDiagnosticsOptions) == null || N.call(S, {
+        noSuggestionDiagnostics: !0,
+        noSyntaxValidation: !0,
+        noSemanticValidation: !0
+      });
+    },
+    [e.code]
+  );
+  P(() => {
+    var g, b;
+    if (l.current && (!e.revisionId || e.revisionId > Number((g = f.current) == null ? void 0 : g.revisionId))) {
+      const y = l.current.getModel();
+      y && (a != null && a.readOnly ? (b = l.current) == null || b.setValue(e.code) : (l.current.pushUndoStop(), l.current.executeEdits("edit", [
         {
-          range: h.getFullModelRange(),
+          range: y.getFullModelRange(),
           text: e.code
         }
-      ]), c.current.pushUndoStop()));
+      ]), l.current.pushUndoStop()));
     }
-  }, [e, c.current]);
-  const { theme: m } = F({ monacoRef: d, themeConfig: a, editor: g, theme: s }), i = w(() => ({ ...ke, ...o || {} }), [o]);
-  return /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(
-    U,
+  }, [e, l.current]);
+  const { theme: E } = B({ monacoRef: u, themeConfig: r, editor: c, theme: o }), i = T(() => ({ ...Ue, ...a || {} }), [a]);
+  return /* @__PURE__ */ w.jsx(w.Fragment, { children: /* @__PURE__ */ w.jsx(
+    q,
     {
       className: "overflow-hidden rounded-b-md border-x border-b",
-      height: "75vh",
-      onChange: (b, l) => {
-        f.current = { code: b ?? "", revisionId: l.versionId }, n({ ...f.current }, l);
+      height: s,
+      onChange: (g, b) => {
+        f.current = { code: g ?? "", revisionId: b.versionId }, t({ ...f.current }, b);
       },
-      language: r,
-      theme: m,
+      language: n,
+      theme: E,
       options: i,
       onMount: p
     }
   ) });
 }
-D.config({ monaco: P });
-const Le = {
-  selectOnLineNumbers: !0,
+F.config({ monaco: D });
+const Ae = {
+  ...H,
   minimap: { enabled: !1 },
   codeLens: !1,
-  scrollBeyondLastLine: !1,
   smartSelect: {
     selectLeadingAndTrailingWhitespace: !0
   },
   originalEditable: !1,
-  overviewRulerBorder: !1,
-  padding: {
-    top: 10
-  },
-  fontSize: 14,
-  fontFamily: '"JetBrains Mono", "monospace"',
-  lineHeight: 20
+  overviewRulerBorder: !1
 };
-function ze(t) {
-  const { original: e, modified: n, language: r, themeConfig: a, options: o, theme: s } = t;
-  T();
-  const [g, u] = k(), d = x(), { theme: f } = F({ monacoRef: d, themeConfig: a, editor: g, theme: s }), c = w(() => ({ ...Le, ...o || {} }), [o]);
-  return /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(
-    le,
+function nt({
+  original: e,
+  modified: t,
+  language: n,
+  themeConfig: r,
+  options: a,
+  theme: o,
+  height: s = "75vh"
+}) {
+  z();
+  const [c, m] = L(), u = C(), { theme: f } = B({ monacoRef: u, themeConfig: r, editor: c, theme: o }), l = T(() => ({ ...Ae, ...a || {} }), [a]);
+  return /* @__PURE__ */ w.jsx(w.Fragment, { children: /* @__PURE__ */ w.jsx(
+    ye,
     {
       className: "overflow-hidden rounded-b-md border-x border-b",
-      language: r,
+      language: n,
       theme: f,
       original: e,
-      modified: n,
-      height: "75vh",
-      options: c,
-      onMount: u
+      modified: t,
+      height: s,
+      options: l,
+      onMount: m
     }
   ) });
 }
-var q = /* @__PURE__ */ ((t) => (t.ContainsPath = "ContainsPath", t))(q || {});
-function we(t) {
-  const { pathSymbolMap: e, inlineActions: n = [], commandId: r } = t, a = Object.fromEntries(e.entries()), o = [];
+var ie = /* @__PURE__ */ ((e) => (e.ContainsPath = "ContainsPath", e))(ie || {});
+function Fe(e) {
+  const { pathSymbolMap: t, inlineActions: n = [], commandId: r } = e, a = Object.fromEntries(t.entries()), o = [];
   return n == null || n.forEach((s) => {
-    const g = s.actions;
-    s.selectors.forEach((d) => {
-      switch (d.type) {
-        case q.ContainsPath: {
-          d.paths.forEach((f) => {
+    const c = s.actions;
+    s.selectors.forEach((u) => {
+      switch (u.type) {
+        case ie.ContainsPath: {
+          u.paths.forEach((f) => {
             let p = Object.keys(a).map((i) => ({
               fullPath: i,
               path: i,
               symbol: a[i]
-            })).filter((i) => i.path.startsWith(d.basePath));
+            })).filter((i) => i.path.startsWith(u.basePath));
             p = p.map((i) => ({
               ...i,
-              path: i.path.substring(d.basePath.length)
+              path: i.path.substring(u.basePath.length)
             })), p.filter((i) => f.test(i.path)).forEach((i) => {
-              const b = i.fullPath, l = i.symbol, h = l.range;
-              g.forEach((O) => {
-                const B = {
-                  range: h,
-                  symbols: [l],
-                  onClick: O.onClick,
-                  data: O.data,
-                  path: b
+              const g = i.fullPath, b = i.symbol, y = b.range;
+              c.forEach((M) => {
+                const j = {
+                  range: y,
+                  symbols: [b],
+                  onClick: M.onClick,
+                  data: M.data,
+                  path: g
                 };
                 o.push({
-                  range: h,
+                  range: y,
                   command: {
                     id: r,
-                    title: O.title,
-                    arguments: [B]
+                    title: M.title,
+                    arguments: [j]
                   }
                 });
               });
@@ -400,261 +470,306 @@ function we(t) {
     });
   }), o;
 }
-const _ = class _ {
-  static set(e) {
-    _.data = e;
+const U = class U {
+  static set(t) {
+    U.data = t;
   }
   static get() {
-    return _.data;
+    return U.data;
   }
 };
-K(_, "data", {});
-let A = _;
-async function J(t) {
-  const e = A.get(), { documentSymbolProvider: n } = e.StandaloneServices.get(e.ILanguageFeaturesService);
-  return await e.OutlineModel.create(n, t);
+X(U, "data", {});
+let K = U;
+async function ce(e) {
+  const t = K.get(), { documentSymbolProvider: n } = t.StandaloneServices.get(t.ILanguageFeaturesService);
+  return await t.OutlineModel.create(n, e);
 }
-function Z(t) {
-  const e = /* @__PURE__ */ new Map();
-  return H({
-    pathSymbolMap: e,
+function le(e) {
+  const t = /* @__PURE__ */ new Map();
+  return Z({
+    pathSymbolMap: t,
     parentPath: "",
-    children: t.children,
-    parentKind: I.SymbolKind.Module
-  }), e;
+    children: e.children,
+    parentKind: Y.SymbolKind.Module
+  }), t;
 }
-function H(t) {
-  switch (t.parentKind) {
-    case I.SymbolKind.Module: {
-      Oe(t);
+function Z(e) {
+  switch (e.parentKind) {
+    case Y.SymbolKind.Module: {
+      ze(e);
       break;
     }
-    case I.SymbolKind.Array: {
-      _e(t);
+    case Y.SymbolKind.Array: {
+      Be(e);
       break;
     }
     default:
-      De(t);
+      We(e);
   }
 }
-function Oe(t) {
-  t.children.forEach((e) => {
+function ze(e) {
+  e.children.forEach((t) => {
     var r;
-    let n = t.parentPath;
-    e.symbol && (n = t.parentPath ? `${t.parentPath}.${e.symbol.name}` : e.symbol.name, t.pathSymbolMap.set(n, e.symbol)), H({
-      pathSymbolMap: t.pathSymbolMap,
+    let n = e.parentPath;
+    t.symbol && (n = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t.symbol.name, e.pathSymbolMap.set(n, t.symbol)), Z({
+      pathSymbolMap: e.pathSymbolMap,
       parentPath: n,
-      children: e.children,
-      parentKind: ((r = e == null ? void 0 : e.symbol) == null ? void 0 : r.kind) ?? t.parentKind
+      children: t.children,
+      parentKind: ((r = t == null ? void 0 : t.symbol) == null ? void 0 : r.kind) ?? e.parentKind
     });
   });
 }
-function _e(t) {
-  let e = 0;
-  t.children.forEach((n) => {
-    const r = t.parentPath ? `${t.parentPath}.${e}` : `${e}`;
-    t.pathSymbolMap.set(r, n.symbol), e += 1, H({
-      pathSymbolMap: t.pathSymbolMap,
+function Be(e) {
+  let t = 0;
+  e.children.forEach((n) => {
+    const r = e.parentPath ? `${e.parentPath}.${t}` : `${t}`;
+    e.pathSymbolMap.set(r, n.symbol), t += 1, Z({
+      pathSymbolMap: e.pathSymbolMap,
       parentPath: r,
       children: n.children,
       parentKind: n.symbol.kind
     });
   });
 }
-function De(t) {
-  const e = t.children.get("0");
-  if (e) {
-    const n = t.parentPath ? `${t.parentPath}.${e.symbol.name}` : e == null ? void 0 : e.symbol.name;
-    t.pathSymbolMap.set(n, e.symbol);
+function We(e) {
+  const t = e.children.get("0");
+  if (t) {
+    const n = e.parentPath ? `${e.parentPath}.${t.symbol.name}` : t == null ? void 0 : t.symbol.name;
+    e.pathSymbolMap.set(n, t.symbol);
   }
 }
-function Te({
-  editorRef: t,
-  inlineActions: e
+function Ye({
+  editorRef: e,
+  inlineActions: t
 }) {
-  C(() => P.languages.registerCodeLensProvider("yaml", {
+  P(() => D.languages.registerCodeLensProvider("yaml", {
     provideCodeLenses: async (r) => {
-      var u;
-      const a = await J(r), o = Z(a), s = (u = t == null ? void 0 : t.current) == null ? void 0 : u.addCommand(0, (d, { onClick: f, path: c, range: p, data: m }) => {
-        f({ path: c, range: p, data: m });
+      var m;
+      const a = await ce(r), o = le(a), s = (m = e == null ? void 0 : e.current) == null ? void 0 : m.addCommand(0, (u, { onClick: f, path: l, range: p, data: E }) => {
+        f({ path: l, range: p, data: E });
       });
       return s ? {
-        lenses: we({ pathSymbolMap: o, inlineActions: e, commandId: s }),
+        lenses: Fe({ pathSymbolMap: o, inlineActions: t, commandId: s }),
         dispose: () => {
         }
       } : void 0;
     }
-  }).dispose, [e, t]);
+  }).dispose, [t, e]);
 }
-const je = ({ editorRef: t, selection: e }) => {
-  const [n, r] = k(), a = w(
-    () => async (o, s, g) => {
-      var p, m, i;
-      const u = (p = t == null ? void 0 : t.current) == null ? void 0 : p.getModel();
-      if (!u || !s)
+const Ke = ({ editorRef: e, selection: t }) => {
+  const [n, r] = L(), a = T(
+    () => async (o, s, c) => {
+      var p, E, i;
+      const m = (p = e == null ? void 0 : e.current) == null ? void 0 : p.getModel();
+      if (!m || !s)
         return r(void 0);
-      const d = await J(u), c = (m = Z(d).get(s)) == null ? void 0 : m.range;
-      c && (r(c), g && ((i = t == null ? void 0 : t.current) == null || i.revealLineInCenter(c.startLineNumber)));
+      const u = await ce(m), l = (E = le(u).get(s)) == null ? void 0 : E.range;
+      l && (r(l), c && ((i = e == null ? void 0 : e.current) == null || i.revealLineInCenter(l.startLineNumber)));
     },
     []
   );
-  C(() => {
+  P(() => {
     if ("requestIdleCallback" in window) {
       const o = requestIdleCallback(() => {
-        a(t, e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter);
+        a(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       });
       return () => cancelIdleCallback(o);
     } else {
       const o = setTimeout(() => {
-        a(t, e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter);
+        a(e, t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter);
       }, 100);
       return () => clearTimeout(o);
     }
-  }, [e == null ? void 0 : e.path, e == null ? void 0 : e.revealInCenter, t, a]), C(() => {
+  }, [t == null ? void 0 : t.path, t == null ? void 0 : t.revealInCenter, e, a]), P(() => {
     var s;
     if (!n)
       return;
-    const o = (s = t == null ? void 0 : t.current) == null ? void 0 : s.createDecorationsCollection([
+    const o = (s = e == null ? void 0 : e.current) == null ? void 0 : s.createDecorationsCollection([
       {
         // TODO: check why startColumn is set to "end of row"
         range: { ...n, startColumn: 1 },
         options: {
           isWholeLine: !1,
-          className: e == null ? void 0 : e.className
+          className: t == null ? void 0 : t.className
         }
       }
     ]);
     return () => o == null ? void 0 : o.clear();
-  }, [n, t, e == null ? void 0 : e.className]);
-}, G = se({
+  }, [n, e, t == null ? void 0 : t.className]);
+}, ue = ge({
   markers: [],
   setMarkers: () => {
   },
   editor: null,
-  setEditor: (t) => {
+  setEditor: (e) => {
   },
-  updateCursorPosition: (t) => {
+  updateCursorPosition: (e) => {
   }
 });
-function qe({ children: t }) {
-  const [e, n] = k([]), [r, a] = k(null), o = ie(
+function rt({
+  children: e
+}) {
+  const [t, n] = L([]), [r, a] = L(null), o = R(
     (s) => {
       r == null || r.setPosition(s), r == null || r.focus();
     },
     [r]
   );
-  return /* @__PURE__ */ y.jsx(
-    G.Provider,
+  return /* @__PURE__ */ w.jsx(
+    ue.Provider,
     {
       value: {
-        markers: e,
+        markers: t,
         setMarkers: n,
         editor: r,
         setEditor: a,
         updateCursorPosition: o
       },
-      children: t
+      children: e
     }
   );
 }
-function Q() {
-  return ce(G);
+function de() {
+  return be(ue);
 }
-const Fe = ({ monacoRef: t }) => {
-  const { setMarkers: e } = Q();
-  C(() => {
+const Re = ({ monacoRef: e }) => {
+  const { setMarkers: t } = de();
+  P(() => {
     let n;
     const r = setTimeout(() => {
       var o;
-      const a = (o = t.current) == null ? void 0 : o.editor;
+      const a = (o = e.current) == null ? void 0 : o.editor;
       a && (n = a.onDidChangeMarkers(([s]) => {
-        const g = a.getModelMarkers({ resource: s });
-        e(g);
+        const c = a.getModelMarkers({ resource: s });
+        t(c);
       }));
     }, 100);
     return () => {
       clearTimeout(r), n == null || n.dispose();
     };
-  }, [t]);
+  }, [e]);
 };
-let V = !1;
-function Be(t) {
-  if (V)
+let ne = !1;
+function qe(e) {
+  if (ne)
     return;
-  const e = {
+  const t = {
     hover: !0,
     completion: !0,
     enableSchemaRequest: !1,
     validate: !0,
-    schemas: [t]
+    schemas: [e]
   };
-  return V = !0, de(P, e);
+  ne = !0, Se.setDiagnosticsOptions({ ...t });
 }
-const X = (t) => ue.parse(`file://${t}`).toString(), Re = (t) => {
-  const { schemaConfig: e, instanceId: n } = t;
-  C(() => {
-    e != null && e.schema && Be({
+const me = (e) => ve.parse(`file://${e}`).toString(), He = (e) => {
+  const { schemaConfig: t, instanceId: n } = e;
+  P(() => {
+    t != null && t.schema && qe({
       // If YAML file is opened matching this glob
-      fileMatch: [X(n.toString())],
-      ...e
+      fileMatch: [me(n.toString())],
+      ...t
     });
-  }, [e == null ? void 0 : e.schema, n]);
+  }, [t == null ? void 0 : t.schema, n]);
 };
-D.config({ monaco: P });
-const Ie = {
-  selectOnLineNumbers: !0
-};
-function Je(t) {
+F.config({ monaco: D });
+const re = {
+  selectOnLineNumbers: !0,
+  minimap: {
+    enabled: !0
+  },
+  folding: !0
+}, ot = function(t) {
   const {
-    yamlRevision: e,
-    schemaConfig: n,
-    inlineActions: r,
-    themeConfig: a,
-    onYamlRevisionChange: o,
-    selection: s,
-    theme: g
-  } = t;
-  T();
-  const [u] = k("yaml"), { editor: d, setEditor: f } = Q(), c = x(), p = x({ yaml: "", revisionId: 0 }), m = x(null);
-  function i(l, h) {
-    m.current = l, c.current = h, l.setValue(e.yaml), f(l);
+    yamlRevision: n,
+    schemaConfig: r,
+    inlineActions: a,
+    themeConfig: o,
+    onYamlRevisionChange: s,
+    selection: c,
+    theme: m,
+    options: u,
+    minimap: f = !1,
+    folding: l = !0,
+    animateOnUpdate: p = !1,
+    onAnimateEnd: E
+  } = t, i = z(), [g] = L("yaml"), { editor: b, setEditor: y } = de(), M = C(null), j = C(), _ = C({ yaml: "", revisionId: 0 }), S = C(null), N = C(null), O = R(
+    (h) => {
+      var I, G, J;
+      const d = h.split(`
+`), x = (I = S.current) == null ? void 0 : I.getModel();
+      if (x) {
+        (G = S.current) == null || G.pushUndoStop(), x.setValue("");
+        let V = 0;
+        N.current = window.setInterval(() => {
+          var Q;
+          V < d.length ? (i && ((Q = S.current) == null || Q.executeEdits("addLine", [
+            {
+              range: new i.Range(V + 1, 1, V + 1, 1),
+              text: d[V] + `
+`
+            }
+          ])), V++) : N.current && (clearInterval(N.current), E == null || E());
+        }, 100), (J = S.current) == null || J.pushUndoStop();
+      }
+    },
+    [i]
+  );
+  P(() => () => {
+    N.current && clearInterval(N.current);
+  }, []);
+  function $(h, d) {
+    S.current = h, j.current = d, h.setValue(n.yaml), y(h), setTimeout(() => {
+      var x;
+      (x = M.current) != null && x.style && (M.current.style.opacity = "1");
+    }, 50);
   }
-  C(() => {
-    var l;
-    if (m.current && (!e.revisionId || e.revisionId > Number((l = p.current) == null ? void 0 : l.revisionId))) {
-      const h = m.current.getModel();
-      h && (m.current.pushUndoStop(), m.current.executeEdits("edit", [
+  P(() => {
+    var h;
+    if (S.current && (!n.revisionId || n.revisionId > Number((h = _.current) == null ? void 0 : h.revisionId))) {
+      const d = S.current.getModel();
+      d && (S.current.executeEdits("edit", [
         {
-          range: h.getFullModelRange(),
-          text: e.yaml
+          range: d.getFullModelRange(),
+          text: p ? "" : n.yaml
         }
-      ]), m.current.pushUndoStop());
+      ]), p && O(n.yaml));
     }
-  }, [e, m.current]), Re({ schemaConfig: n, instanceId: u }), Te({ editorRef: m, inlineActions: r });
-  const { theme: b } = F({ monacoRef: c, themeConfig: a, editor: d, theme: g });
-  return Fe({ monacoRef: c }), je({ editorRef: m, selection: s }), /* @__PURE__ */ y.jsx(y.Fragment, { children: /* @__PURE__ */ y.jsx(
-    U,
+  }, [O, n, p]), He({ schemaConfig: r, instanceId: g }), Ye({ editorRef: S, inlineActions: a });
+  const { theme: k } = B({ monacoRef: j, themeConfig: o, editor: b, theme: m });
+  Re({ monacoRef: j }), Ke({ editorRef: S, selection: c });
+  const v = T(
+    () => ({
+      ...re,
+      folding: l,
+      minimap: { ...re.minimap, enabled: f },
+      ...u
+    }),
+    [l, f, u]
+  );
+  return /* @__PURE__ */ w.jsx("div", { style: { width: "100%", height: "100%", opacity: 0 }, ref: M, children: /* @__PURE__ */ w.jsx(
+    q,
     {
-      onChange: (l, h) => {
-        p.current = { yaml: l ?? "", revisionId: h.versionId }, o({ ...p.current }, h);
+      onChange: (h, d) => {
+        _.current = { yaml: h ?? "", revisionId: d.versionId }, s({ ..._.current }, d);
       },
       language: "yaml",
-      theme: b,
-      options: Ie,
-      path: X(u),
-      onMount: i
+      theme: k,
+      options: v,
+      path: me(g),
+      onMount: $
     }
   ) });
-}
+};
 export {
-  Ve as BlameEditor,
-  ze as CodeDiffEditor,
-  Ye as CodeEditor,
-  A as MonacoGlobals,
-  q as SelectorType,
-  Je as YamlEditor,
-  G as YamlEditorContext,
-  qe as YamlEditorContextProvider,
-  Q as useYamlEditorContext
+  et as BlameEditor,
+  nt as CodeDiffEditor,
+  tt as CodeEditor,
+  K as MonacoGlobals,
+  ie as SelectorType,
+  ot as YamlEditor,
+  ue as YamlEditorContext,
+  rt as YamlEditorContextProvider,
+  de as useYamlEditorContext
 };
 //# sourceMappingURL=index.js.map