superleap-code-editor 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,847 @@
+import K, { useState as C, useCallback as _, useEffect as G } from "react";
+import me from "@monaco-editor/react";
+import { Tooltip as X, Button as D, Splitter as F, Alert as he, Tree as pe } from "antd";
+import { Alert as Ve, Button as qe, Splitter as Je, Tooltip as Ge, Tree as Xe } from "antd";
+import { IconFolderOpen as ee, IconDatabase as ge, IconCode as ve, IconHistory as xe, IconFlask as Ee, IconSettings as ye, IconPlus as be, IconFile as je } from "@tabler/icons-react";
+var N = { exports: {} }, k = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var H;
+function Fe() {
+  if (H) return k;
+  H = 1;
+  var i = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(n, a, l) {
+    var d = null;
+    if (l !== void 0 && (d = "" + l), a.key !== void 0 && (d = "" + a.key), "key" in a) {
+      l = {};
+      for (var p in a)
+        p !== "key" && (l[p] = a[p]);
+    } else l = a;
+    return a = l.ref, {
+      $$typeof: i,
+      type: n,
+      key: d,
+      ref: a !== void 0 ? a : null,
+      props: l
+    };
+  }
+  return k.Fragment = t, k.jsx = r, k.jsxs = r, k;
+}
+var S = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Z;
+function we() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
+    function i(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === fe ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case u:
+          return "Profiler";
+        case O:
+          return "StrictMode";
+        case ae:
+          return "Suspense";
+        case se:
+          return "SuspenseList";
+        case ce:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case A:
+            return "Portal";
+          case ie:
+            return (e.displayName || "Context") + ".Provider";
+          case g:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case oe:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case le:
+            return s = e.displayName || null, s !== null ? s : i(e.type) || "Memo";
+          case M:
+            s = e._payload, e = e._init;
+            try {
+              return i(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        t(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var f = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), t(e);
+      }
+    }
+    function n(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === M)
+        return "<...>";
+      try {
+        var s = i(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (B.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function p(e, s) {
+      function f() {
+        W || (W = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function x() {
+      var e = i(this.type);
+      return U[e] || (U[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function b(e, s, f, m, j, E, $, L) {
+      return f = E.ref, e = {
+        $$typeof: w,
+        type: e,
+        key: s,
+        props: E,
+        _owner: j
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: x
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function c(e, s, f, m, j, E, $, L) {
+      var h = s.children;
+      if (h !== void 0)
+        if (m)
+          if (ue(h)) {
+            for (m = 0; m < h.length; m++)
+              y(h[m]);
+            Object.freeze && Object.freeze(h);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else y(h);
+      if (B.call(s, "key")) {
+        h = i(e);
+        var R = Object.keys(s).filter(function(de) {
+          return de !== "key";
+        });
+        m = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", J[h + m] || (R = 0 < R.length ? "{" + R.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          m,
+          h,
+          R,
+          h
+        ), J[h + m] = !0);
+      }
+      if (h = null, f !== void 0 && (r(f), h = "" + f), d(s) && (r(s.key), h = "" + s.key), "key" in s) {
+        f = {};
+        for (var z in s)
+          z !== "key" && (f[z] = s[z]);
+      } else f = s;
+      return h && p(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), b(
+        e,
+        h,
+        E,
+        j,
+        a(),
+        f,
+        $,
+        L
+      );
+    }
+    function y(e) {
+      typeof e == "object" && e !== null && e.$$typeof === w && e._store && (e._store.validated = 1);
+    }
+    var v = K, w = Symbol.for("react.transitional.element"), A = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), u = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), ie = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), le = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), P = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, ue = Array.isArray, I = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    v = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var W, U = {}, V = v.react_stack_bottom_frame.bind(
+      v,
+      l
+    )(), q = I(n(l)), J = {};
+    S.Fragment = T, S.jsx = function(e, s, f, m, j) {
+      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        s,
+        f,
+        !1,
+        m,
+        j,
+        E ? Error("react-stack-top-frame") : V,
+        E ? I(n(e)) : q
+      );
+    }, S.jsxs = function(e, s, f, m, j) {
+      var E = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        s,
+        f,
+        !0,
+        m,
+        j,
+        E ? Error("react-stack-top-frame") : V,
+        E ? I(n(e)) : q
+      );
+    };
+  })()), S;
+}
+var Q;
+function Re() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? N.exports = Fe() : N.exports = we()), N.exports;
+}
+var o = Re();
+function _e(i) {
+  const [t, r] = C([]), [n, a] = C(null), [l, d] = C(""), [p, x] = C(!1), [b, c] = C(null), y = _(async () => {
+    try {
+      x(!0), c(null);
+      const u = await i.getFiles();
+      if (r(u), !n && u.length > 0) {
+        const g = te(u);
+        g && a(g.id);
+      }
+    } catch (u) {
+      c(u instanceof Error ? u.message : "Failed to load files");
+    } finally {
+      x(!1);
+    }
+  }, [i, n]), v = _(
+    async (u) => {
+      try {
+        x(!0), c(null);
+        const g = await i.getFileContent(u);
+        d(g);
+      } catch (g) {
+        c(
+          g instanceof Error ? g.message : "Failed to load file content"
+        ), d("");
+      } finally {
+        x(!1);
+      }
+    },
+    [i]
+  ), w = _(
+    async (u) => {
+      if (n)
+        try {
+          c(null), await i.updateFileContent(n, u), d(u), r(
+            (g) => ne(g, n, { content: u })
+          );
+        } catch (g) {
+          c(
+            g instanceof Error ? g.message : "Failed to update file content"
+          );
+        }
+    },
+    [n, i]
+  ), A = _(
+    (u) => {
+      a(u), v(u);
+    },
+    [v]
+  ), T = _(() => {
+    y();
+  }, [y]), O = _(
+    (u) => re(t, u),
+    [t]
+  );
+  return G(() => {
+    y();
+  }, [y]), G(() => {
+    n && v(n);
+  }, [n, v]), {
+    files: t,
+    activeFile: n,
+    fileContent: l,
+    loading: p,
+    error: b,
+    setActiveFile: A,
+    updateFileContent: w,
+    refreshFiles: T,
+    getFileById: O
+  };
+}
+function te(i) {
+  for (const t of i) {
+    if (t.type === "file")
+      return t;
+    if (t.children) {
+      const r = te(t.children);
+      if (r) return r;
+    }
+  }
+  return null;
+}
+function re(i, t) {
+  for (const r of i) {
+    if (r.id === t) return r;
+    if (r.children) {
+      const n = re(r.children, t);
+      if (n) return n;
+    }
+  }
+  return null;
+}
+function ne(i, t, r) {
+  return i.map((n) => n.id === t ? { ...n, ...r } : n.children ? {
+    ...n,
+    children: ne(n.children, t, r)
+  } : n);
+}
+class Te {
+  config;
+  files = [];
+  constructor(t) {
+    this.config = t;
+  }
+  async getFiles() {
+    return this.files.length === 0 && await this.loadFiles(), this.files;
+  }
+  async getFileContent(t) {
+    if (t === "main-function")
+      return await this.config.fetchFunction(
+        this.config.functionId,
+        this.config.version
+      );
+    throw new Error(`File ${t} not found`);
+  }
+  async updateFileContent(t, r) {
+    const n = this.findFileById(t);
+    n && (n.content = r), console.log(`Updated file ${t} with content:`, r);
+  }
+  async getFileMetadata(t) {
+    return this.findFileById(t)?.metadata || {};
+  }
+  async loadFiles() {
+    this.files = [
+      {
+        id: "main-function",
+        name: "function.js",
+        type: "file",
+        path: "/function.js",
+        metadata: {
+          language: "javascript",
+          lastModified: /* @__PURE__ */ new Date()
+        }
+      },
+      {
+        id: "versions",
+        name: "versions",
+        type: "folder",
+        path: "/versions",
+        children: this.config.versionList.map((t) => ({
+          id: `version-${t}`,
+          name: `v${t}.js`,
+          type: "file",
+          path: `/versions/v${t}.js`,
+          metadata: {
+            language: "javascript"
+          }
+        }))
+      }
+    ];
+  }
+  findFileById(t) {
+    const r = (n) => {
+      for (const a of n) {
+        if (a.id === t) return a;
+        if (a.children) {
+          const l = r(a.children);
+          if (l) return l;
+        }
+      }
+      return null;
+    };
+    return r(this.files);
+  }
+}
+class Ce {
+  config;
+  files = [];
+  constructor(t) {
+    this.config = t, this.initializeFiles();
+  }
+  async getFiles() {
+    return this.files;
+  }
+  async getFileContent(t) {
+    if (t === "form-code")
+      return this.config.codeContent;
+    throw new Error(`File ${t} not found`);
+  }
+  async updateFileContent(t, r) {
+    if (t === "form-code") {
+      this.config.codeContent = r;
+      const n = this.files.find((a) => a.id === t);
+      n && (n.content = r);
+    }
+  }
+  async getFileMetadata(t) {
+    return this.findFileById(t)?.metadata || {};
+  }
+  initializeFiles() {
+    this.files = [
+      {
+        id: "form-code",
+        name: this.config.fileName || "code.js",
+        type: "file",
+        path: `/${this.config.fileName || "code.js"}`,
+        content: this.config.codeContent,
+        metadata: {
+          language: this.config.language || "javascript",
+          lastModified: /* @__PURE__ */ new Date()
+        }
+      }
+    ];
+  }
+  findFileById(t) {
+    return this.files.find((r) => r.id === t) || null;
+  }
+}
+class ke {
+  config;
+  files = [];
+  constructor(t) {
+    this.config = t, this.initializeFiles();
+  }
+  async getFiles() {
+    return this.files;
+  }
+  async getFileContent(t) {
+    const r = this.findFileById(t);
+    if (!r || !r.metadata?.url)
+      throw new Error(`File ${t} not found`);
+    try {
+      const n = await fetch(r.metadata.url);
+      if (!n.ok)
+        throw new Error(`Failed to fetch file: ${n.statusText}`);
+      return await n.text();
+    } catch (n) {
+      throw new Error(`Error fetching file content: ${n}`);
+    }
+  }
+  async updateFileContent(t, r) {
+    console.log(`Would save file ${t} content to backend:`, r);
+    const n = this.findFileById(t);
+    n && (n.content = r);
+  }
+  async getFileMetadata(t) {
+    return this.findFileById(t)?.metadata || {};
+  }
+  initializeFiles() {
+    this.files = this.config.fileUrls.map((t, r) => ({
+      id: `url-file-${r}`,
+      name: t.name,
+      type: "file",
+      path: `/${t.name}`,
+      metadata: {
+        language: t.type,
+        url: t.url,
+        lastModified: /* @__PURE__ */ new Date()
+      }
+    }));
+  }
+  findFileById(t) {
+    return this.files.find((r) => r.id === t) || null;
+  }
+}
+function Se(i) {
+  if (i.workflowConfig)
+    return new Te(i.workflowConfig);
+  if (i.formConfig)
+    return new Ce(i.formConfig);
+  if (i.urlConfig)
+    return new ke(i.urlConfig);
+  throw new Error("No valid configuration provided");
+}
+const Ne = ({
+  value: i,
+  onChange: t,
+  language: r = "javascript",
+  filename: n,
+  readOnly: a = !1,
+  loading: l = !1
+}) => {
+  const d = (p) => {
+    p !== void 0 && t(p);
+  };
+  return /* @__PURE__ */ o.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ o.jsx(
+    me,
+    {
+      height: "100%",
+      defaultLanguage: r,
+      defaultValue: i,
+      onChange: d,
+      theme: "vs-light",
+      options: {
+        minimap: {
+          enabled: !1
+        },
+        fontSize: 14,
+        wordWrap: "on",
+        automaticLayout: !0,
+        padding: {
+          top: 16
+        },
+        scrollBeyondLastLine: !1,
+        readOnly: a
+      }
+    }
+  ) });
+}, Ae = ({
+  activePanel: i,
+  setActivePanel: t
+}) => {
+  const r = [
+    {
+      id: "explorer",
+      icon: ee,
+      label: "Files"
+    },
+    {
+      id: "data",
+      icon: ge,
+      label: "Data"
+    },
+    {
+      id: "functions",
+      icon: ve,
+      label: "Functions"
+    },
+    {
+      id: "versions",
+      icon: xe,
+      label: "Versions"
+    },
+    {
+      id: "tests",
+      icon: Ee,
+      label: "Tests"
+    }
+  ];
+  return /* @__PURE__ */ o.jsxs("div", { className: "w-14 border-r border-slate-200 bg-white flex flex-col gap-4 items-center py-4", children: [
+    r.map((n) => {
+      const a = n.icon;
+      return /* @__PURE__ */ o.jsx(X, { title: n.label, placement: "right", children: /* @__PURE__ */ o.jsx(
+        D,
+        {
+          type: i === n.id ? "primary" : "text",
+          icon: /* @__PURE__ */ o.jsx(a, { size: 16 }),
+          onClick: () => t(n.id)
+        }
+      ) }, n.id);
+    }),
+    /* @__PURE__ */ o.jsx("div", { className: "mt-auto", children: /* @__PURE__ */ o.jsx(X, { title: "Settings", placement: "right", children: /* @__PURE__ */ o.jsx(D, { type: "text", icon: /* @__PURE__ */ o.jsx(ye, { size: 20 }) }) }) })
+  ] });
+}, Oe = ({
+  leftPanel: i,
+  editor: t,
+  rightPanel: r,
+  activePanel: n,
+  setActivePanel: a
+}) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+  /* @__PURE__ */ o.jsx(Ae, { activePanel: n, setActivePanel: a }),
+  /* @__PURE__ */ o.jsx("div", { className: "flex-1", children: r ? /* @__PURE__ */ o.jsxs(
+    F,
+    {
+      style: { height: "100%" },
+      onResize: (l) => console.log(l),
+      children: [
+        /* @__PURE__ */ o.jsx(
+          F.Panel,
+          {
+            defaultSize: "25%",
+            min: "15%",
+            max: "40%",
+            className: "bg-white border-r border-slate-200",
+            collapsible: !0,
+            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: i })
+          }
+        ),
+        /* @__PURE__ */ o.jsx(F.Panel, { defaultSize: "50%", min: "30%", children: t }),
+        /* @__PURE__ */ o.jsx(
+          F.Panel,
+          {
+            defaultSize: "25%",
+            min: "20%",
+            max: "50%",
+            className: "bg-white border-l border-slate-200",
+            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: r })
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ o.jsxs(F, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ o.jsx(
+      F.Panel,
+      {
+        defaultSize: "25%",
+        min: "15%",
+        max: "40%",
+        className: "bg-white border-r border-slate-200",
+        children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: i })
+      }
+    ),
+    /* @__PURE__ */ o.jsx(F.Panel, { defaultSize: "75%", min: "60%", children: t })
+  ] }) })
+] }), Pe = ({
+  files: i,
+  activeFile: t,
+  onFileSelect: r,
+  loading: n = !1,
+  error: a = null,
+  onRefresh: l
+}) => {
+  const d = (b) => b.map((c) => ({
+    title: c.name,
+    key: c.id,
+    icon: c.type === "file" ? /* @__PURE__ */ o.jsx(je, { size: 16, className: "text-slate-500 flex" }) : /* @__PURE__ */ o.jsx(ee, { size: 16, className: "text-slate-500 flex" }),
+    isLeaf: c.type === "file",
+    children: c.children ? d(c.children) : void 0,
+    metadata: c.metadata
+  })), p = d(i), x = (b, c) => {
+    c?.node.isLeaf && c.node.key && r(c.node.key);
+  };
+  return /* @__PURE__ */ o.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ o.jsx("h2", { className: "font-medium text-sm", children: "Files" }),
+      /* @__PURE__ */ o.jsx("div", { className: "flex items-center gap-2", children: l && /* @__PURE__ */ o.jsx(
+        D,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ o.jsx(be, { size: 16 }),
+          onClick: l,
+          loading: n,
+          title: "Refresh files"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o.jsxs("div", { className: "p-2", children: [
+      a && /* @__PURE__ */ o.jsx(
+        he,
+        {
+          message: "Error loading files",
+          description: a,
+          type: "error",
+          className: "mb-2"
+        }
+      ),
+      /* @__PURE__ */ o.jsx(
+        pe,
+        {
+          treeData: p,
+          onSelect: x,
+          selectedKeys: t ? [t] : [],
+          showIcon: !0,
+          defaultExpandAll: !0,
+          showLine: !0,
+          className: "file-explorer-tree"
+        }
+      )
+    ] })
+  ] });
+}, Y = ({
+  config: i,
+  rightPanel: t = !1
+}) => {
+  const r = K.useMemo(
+    () => Se(i),
+    [i]
+  );
+  console.log({ config: i });
+  const {
+    files: n,
+    activeFile: a,
+    fileContent: l,
+    loading: d,
+    error: p,
+    setActiveFile: x,
+    updateFileContent: b,
+    refreshFiles: c,
+    getFileById: y
+  } = _e(r), v = a ? y(a) : null, w = v?.metadata?.language || "javascript";
+  return /* @__PURE__ */ o.jsx(
+    Oe,
+    {
+      leftPanel: /* @__PURE__ */ o.jsx(
+        Pe,
+        {
+          files: n,
+          activeFile: a,
+          onFileSelect: x,
+          loading: d,
+          error: p,
+          onRefresh: c
+        }
+      ),
+      editor: /* @__PURE__ */ o.jsx(
+        Ne,
+        {
+          value: l,
+          onChange: b,
+          language: w,
+          filename: v?.name,
+          readOnly: i.settings?.readOnly,
+          loading: d
+        }
+      ),
+      rightPanel: t,
+      activePanel: "explorer",
+      setActivePanel: () => {
+      }
+    }
+  );
+}, De = ({
+  functionId: i,
+  version: t,
+  versionList: r,
+  fetchFunction: n,
+  fetchVersionList: a
+}) => {
+  const l = {
+    workflowConfig: {
+      functionId: i,
+      version: t,
+      versionList: r,
+      fetchFunction: n,
+      fetchVersionList: a
+    }
+  };
+  return /* @__PURE__ */ o.jsx(Y, { config: l });
+}, Ye = ({
+  codeContent: i,
+  fileName: t = "code.js",
+  language: r = "javascript",
+  readOnly: n = !1
+}) => {
+  const a = {
+    formConfig: {
+      codeContent: i,
+      fileName: t,
+      language: r
+    },
+    settings: {
+      readOnly: n
+    }
+  };
+  return /* @__PURE__ */ o.jsx(Y, { config: a });
+}, Me = ({ fileUrls: i, rightPanel: t }) => {
+  const r = {
+    urlConfig: {
+      fileUrls: i
+    }
+  };
+  return /* @__PURE__ */ o.jsx(Y, { config: r, rightPanel: t });
+}, Be = "1.0.0";
+export {
+  Ve as Alert,
+  qe as Button,
+  Ne as CodeEditor,
+  Y as CodeEditorWrapper,
+  Oe as EditorLayout,
+  Pe as FileExplorer,
+  Ye as FormCodeEditor,
+  Ce as FormFileProvider,
+  Je as Splitter,
+  Ge as Tooltip,
+  Xe as Tree,
+  Me as URLCodeEditor,
+  ke as URLFileProvider,
+  Be as VERSION,
+  De as WorkflowCodeEditor,
+  Te as WorkflowFileProvider,
+  Se as createFileProvider,
+  _e as useFileManager
+};