@harnessio/yaml-editor 0.13.0 → 0.15.0-beta-1

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