@fluxo-dev/shell 0.0.41 → 0.0.42

package/Settings.vue.esm.js

@@ -0,0 +1,433 @@
+import { d as defineComponent, c as computed, U as openBlock, $ as createBlock, G as unref, a1 as c$1, cV as C$1, V as createElementBlock, W as createVNode, ac as withCtx, Z as createBaseVNode, a2 as createCommentVNode, ad as createTextVNode, a3 as normalizeClass, ay as $, _ as renderSlot, ap as w$1, aq as Te, ab as toDisplayString, F as Fragment, aa as renderList, cW as E, X as normalizeStyle, r as ref, bf as resolveDynamicComponent } from './index.esm2.js';
+import { x, a } from './ViewLayoutContent.vue.esm.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'react-redux';
+import 'react-router-dom';
+import '@fluxo-dev/ui-components';
+import '@fluxo-dev/shell-mfe';
+import '@mantine/core';
+import '@fluxo-dev/shell-ravify';
+import '@fluxo-dev/state';
+import '@mantine/hooks';
+import '@mantine/spotlight';
+import '@fluxo-dev/api-client-base';
+import '@mantine/notifications';
+import 'react-dom';
+import '@mantine/form';
+import '@mantine/dates';
+import '@mantine/dropzone';
+import '@fluxo-dev/shell-reporting';
+import '@fluxo-dev/shell-workflow';
+import '@fluxo-dev/shell-bi';
+import '@fluxo-dev/shell-hub';
+import '@fluxo-dev/shell-printing';
+import 'node:crypto';
+import 'util';
+
+const I = /* @__PURE__ */ defineComponent({
+  __name: "IntegrationLogo",
+  props: {
+    integration: {}
+  },
+  setup(n) {
+    const a = n, r = [
+      "adonisjs",
+      "dotnet",
+      "elysiajs",
+      "express",
+      "fastapi",
+      "fastify",
+      "go",
+      "hono",
+      "laravel",
+      "litestar",
+      "nestjs",
+      "nextjs",
+      "nitro",
+      "nuxt",
+      "platformatic",
+      "react",
+      "rust"
+    ], s = computed(() => {
+      var e;
+      const o = "Openapi", t = (e = a.integration) == null ? void 0 : e.toLocaleLowerCase();
+      if (!t) return o;
+      const c = t.charAt(0).toUpperCase() + t.slice(1);
+      return r.includes(t) ? c : o;
+    });
+    return (o, t) => (openBlock(), createBlock(unref(c$1), {
+      class: "w-full h-full rounded-lg",
+      logo: s.value
+    }, null, 8, ["logo"]));
+  }
+});
+
+const g = { class: "flex flex-col gap-2" }, y = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, w = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, C = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, z = /* @__PURE__ */ defineComponent({
+  __name: "SettingsAppearance",
+  setup(h) {
+    const { colorMode: s, setColorMode: r } = C$1();
+    return (v, t) => (openBlock(), createElementBlock("div", g, [
+      createVNode(unref($), {
+        class: normalizeClass([
+          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+          unref(s) === "system" ? "bg-b-2 text-c-1" : "bg-b-1"
+        ]),
+        onClick: t[0] || (t[0] = (p) => unref(r)("system"))
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", y, [
+            unref(s) === "system" ? (openBlock(), createBlock(unref(c$1), {
+              key: 0,
+              icon: "Checkmark",
+              size: "xs",
+              thickness: "3.5"
+            })) : createCommentVNode("", !0)
+          ]),
+          t[3] || (t[3] = createTextVNode(" System Preference (default) "))
+        ]),
+        _: 1
+      }, 8, ["class"]),
+      createVNode(unref($), {
+        class: normalizeClass([
+          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+          unref(s) === "light" ? "bg-b-2 text-c-1" : "bg-b-1"
+        ]),
+        onClick: t[1] || (t[1] = (p) => unref(r)("light"))
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", w, [
+            unref(s) === "light" ? (openBlock(), createBlock(unref(c$1), {
+              key: 0,
+              icon: "Checkmark",
+              size: "xs",
+              thickness: "3.5"
+            })) : createCommentVNode("", !0)
+          ]),
+          t[4] || (t[4] = createTextVNode(" Light Mode Always "))
+        ]),
+        _: 1
+      }, 8, ["class"]),
+      createVNode(unref($), {
+        class: normalizeClass([
+          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 mb-8 border-1/2",
+          unref(s) === "dark" ? "bg-b-2 text-c-1" : "bg-b-1"
+        ]),
+        onClick: t[2] || (t[2] = (p) => unref(r)("dark"))
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", C, [
+            unref(s) === "dark" ? (openBlock(), createBlock(unref(c$1), {
+              key: 0,
+              icon: "Checkmark",
+              size: "xs",
+              thickness: "3.5"
+            })) : createCommentVNode("", !0)
+          ]),
+          t[5] || (t[5] = createTextVNode(" Dark Mode Always "))
+        ]),
+        _: 1
+      }, 8, ["class"])
+    ]));
+  }
+});
+
+const i = { class: "flex flex-col gap-2" }, r = {
+  key: 0,
+  class: "font-bold"
+}, c = {
+  key: 1,
+  class: "text-c-2 mb-4 leading-[21px]"
+}, m = /* @__PURE__ */ defineComponent({
+  __name: "SettingsSection",
+  setup(a) {
+    return (e, d) => (openBlock(), createElementBlock("div", i, [
+      e.$slots.title ? (openBlock(), createElementBlock("h3", r, [
+        renderSlot(e.$slots, "title")
+      ])) : createCommentVNode("", !0),
+      e.$slots.description ? (openBlock(), createElementBlock("p", c, [
+        renderSlot(e.$slots, "description")
+      ])) : createCommentVNode("", !0),
+      renderSlot(e.$slots, "default")
+    ]));
+  }
+});
+
+const N = { class: "bg-b-1 w-full h-full overflow-auto" }, R = { class: "px-5 py-5 max-w-[720px] ml-auto mr-auto w-full" }, V = { class: "flex flex-col gap-8" }, W = { class: "flex flex-col gap-2" }, F = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, O = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, P = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, D = { class: "flex flex-col gap-2" }, G = { class: "grid grid-cols-2 gap-2" }, q = { class: "flex items-center gap-2" }, H = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, M = { class: "flex items-center gap-1" }, X = { class: "grid grid-cols-2 gap-2" }, Y = { class: "flex items-center gap-2" }, J = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, K = { class: "flex items-center gap-1" }, Q = { class: "rounded-xl size-7" }, b = "https://proxy.scalar.com", ne = /* @__PURE__ */ defineComponent({
+  __name: "SettingsGeneral",
+  setup(Z) {
+    const { activeWorkspace: o } = w$1(), { proxyUrl: u, workspaceMutators: x } = Te(), S = [
+      "default",
+      "alternate",
+      // 'moon',
+      "purple",
+      "solarized",
+      // 'bluePlanet',
+      "saturn",
+      "kepler"
+      // 'mars',
+      // 'deepSpace',
+    ], z$1 = ["elysiajs", "fastify"], y = (k) => ({
+      default: { light: "#fff", dark: "#0f0f0f", accent: "#0099ff" },
+      alternate: { light: "#f9f9f9", dark: "#131313", accent: "#e7e7e7" },
+      moon: { light: "#ccc9b3", dark: "#313332", accent: "#645b0f" },
+      purple: { light: "#f5f6f8", dark: "#22252b", accent: "#5469d4" },
+      solarized: { light: "#fdf6e3", dark: "#00212b", accent: "#007acc" },
+      bluePlanet: { light: "#f0f2f5", dark: "#000e23", accent: "#e0e2e6" },
+      saturn: { light: "#e4e4df", dark: "#2c2c30", accent: "#1763a6" },
+      kepler: { light: "#f6f6f6", dark: "#0d0f1e", accent: "#7070ff" },
+      mars: { light: "#f2efe8", dark: "#321116", accent: "#c75549" },
+      deepSpace: { light: "#f4f4f5", dark: "#09090b", accent: "#8ab4f8" },
+      none: { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }
+    })[k] || { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }, _ = (k) => {
+      x.edit(o.value.uid, "themeId", k);
+    };
+    return (k, t) => (openBlock(), createElementBlock("div", N, [
+      createBaseVNode("div", R, [
+        createBaseVNode("div", V, [
+          t[13] || (t[13] = createBaseVNode("div", null, [
+            createBaseVNode("h2", { class: "font-bold text-xl mt-10" }, "Settings")
+          ], -1)),
+          createVNode(m, null, {
+            title: withCtx(() => t[3] || (t[3] = [
+              createTextVNode("CORS Proxy")
+            ])),
+            description: withCtx(() => t[4] || (t[4] = [
+              createTextVNode(" Browsers block cross-origin requests for security. We provide a public proxy to "),
+              createBaseVNode("a", {
+                class: "hover:text-c-1 underline-offset-2",
+                href: "https://en.wikipedia.org/wiki/Cross-origin_resource_sharing",
+                target: "_blank"
+              }, " bypass CORS issues ", -1),
+              createTextVNode(" . Check the "),
+              createBaseVNode("a", {
+                class: "hover:text-c-1 underline-offset-2",
+                href: "https://github.com/scalar/scalar/tree/main/examples/proxy-server",
+                target: "_blank"
+              }, " source code on GitHub ", -1),
+              createTextVNode(" . ")
+            ])),
+            default: withCtx(() => [
+              createBaseVNode("div", W, [
+                createVNode(unref($), {
+                  class: normalizeClass(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2", {
+                    "bg-b-2 text-c-1": unref(o).proxyUrl === b
+                  }]),
+                  variant: unref(o).proxyUrl === b ? "primary" : "secondary",
+                  onClick: t[0] || (t[0] = (s) => unref(x).edit(
+                    unref(o).uid,
+                    "proxyUrl",
+                    b
+                  ))
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", F, [
+                      unref(o).proxyUrl === b ? (openBlock(), createBlock(unref(c$1), {
+                        key: 0,
+                        icon: "Checkmark",
+                        size: "xs",
+                        thickness: "3.5"
+                      })) : createCommentVNode("", !0)
+                    ]),
+                    t[5] || (t[5] = createTextVNode(" Use proxy.scalar.com (default) "))
+                  ]),
+                  _: 1
+                }, 8, ["class", "variant"]),
+                unref(u) && unref(u) !== b ? (openBlock(), createBlock(unref($), {
+                  key: 0,
+                  class: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2",
+                  variant: "primary",
+                  onClick: t[1] || (t[1] = (s) => unref(x).edit(
+                    unref(o).uid,
+                    "proxyUrl",
+                    unref(u)
+                  ))
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", O, [
+                      unref(o).proxyUrl === unref(u) ? (openBlock(), createBlock(unref(c$1), {
+                        key: 0,
+                        icon: "Checkmark",
+                        size: "xs",
+                        thickness: "3.5"
+                      })) : createCommentVNode("", !0)
+                    ]),
+                    createTextVNode(" Use custom proxy (" + toDisplayString(unref(u)) + ") ", 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", !0),
+                createVNode(unref($), {
+                  class: normalizeClass(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-1 border-1/2", { "bg-b-2 text-c-1": !unref(o).proxyUrl }]),
+                  variant: unref(o).proxyUrl ? "secondary" : "primary",
+                  onClick: t[2] || (t[2] = (s) => unref(x).edit(unref(o).uid, "proxyUrl", ""))
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", P, [
+                      unref(o).proxyUrl ? createCommentVNode("", !0) : (openBlock(), createBlock(unref(c$1), {
+                        key: 0,
+                        icon: "Checkmark",
+                        size: "xs",
+                        thickness: "3.5"
+                      }))
+                    ]),
+                    t[6] || (t[6] = createTextVNode(" Skip the proxy "))
+                  ]),
+                  _: 1
+                }, 8, ["class", "variant"])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(m, null, {
+            title: withCtx(() => t[7] || (t[7] = [
+              createTextVNode("Themes")
+            ])),
+            description: withCtx(() => t[8] || (t[8] = [
+              createTextVNode(" We’ve got a whole rainbow of themes for you to play with: ")
+            ])),
+            default: withCtx(() => [
+              createBaseVNode("div", D, [
+                createBaseVNode("div", G, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(S, (s) => createVNode(unref($), {
+                    key: s,
+                    class: normalizeClass(["px-2 flex items-center justify-between gap-2 text-c-1 border-1/2", [
+                      unref(o).themeId === s ? "bg-b-2" : "bg-b-1"
+                    ]]),
+                    variant: "ghost",
+                    onClick: ($) => _(s)
+                  }, {
+                    default: withCtx(() => [
+                      createBaseVNode("div", q, [
+                        createBaseVNode("div", {
+                          class: normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full border-2 border-c-3", {
+                            "bg-primary": unref(o).themeId === s
+                          }])
+                        }, [
+                          createBaseVNode("div", H, [
+                            unref(o).themeId === s ? (openBlock(), createBlock(unref(c$1), {
+                              key: 0,
+                              icon: "Checkmark",
+                              size: "xs",
+                              thickness: "3.5"
+                            })) : createCommentVNode("", !0)
+                          ])
+                        ], 2),
+                        createTextVNode(" " + toDisplayString(unref(E)[s]), 1)
+                      ]),
+                      createBaseVNode("div", M, [
+                        createBaseVNode("span", {
+                          class: "inline-block w-5 h-5 rounded-full border-c-3 -mr-3",
+                          style: normalizeStyle({
+                            backgroundColor: y(s).light
+                          })
+                        }, null, 4),
+                        createBaseVNode("span", {
+                          class: "inline-block w-5 h-5 rounded-full border-c-3 -mr-3",
+                          style: normalizeStyle({
+                            backgroundColor: y(s).dark
+                          })
+                        }, null, 4),
+                        createBaseVNode("span", {
+                          class: "inline-block w-5 h-5 rounded-full border-c-3",
+                          style: normalizeStyle({
+                            backgroundColor: y(s).accent
+                          })
+                        }, null, 4)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])), 64))
+                ])
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(m, null, {
+            title: withCtx(() => t[9] || (t[9] = [
+              createTextVNode("Framework Themes")
+            ])),
+            description: withCtx(() => t[10] || (t[10] = [
+              createTextVNode(" Are you a real fan? Show your support by using your favorite framework’s theme! ")
+            ])),
+            default: withCtx(() => [
+              createBaseVNode("div", X, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(z$1, (s) => createVNode(unref($), {
+                  key: s,
+                  class: normalizeClass(["px-2 flex items-center justify-between gap-2 text-c-1 border-1/2", [
+                    unref(o).themeId === s ? "bg-b-2" : "bg-b-1"
+                  ]]),
+                  variant: "ghost",
+                  onClick: ($) => _(s)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", Y, [
+                      createBaseVNode("div", {
+                        class: normalizeClass(["flex items-center justify-center w-5 h-5 rounded-full border-2 border-c-3", {
+                          "bg-primary": unref(o).themeId === s
+                        }])
+                      }, [
+                        createBaseVNode("div", J, [
+                          unref(o).themeId === s ? (openBlock(), createBlock(unref(c$1), {
+                            key: 0,
+                            icon: "Checkmark",
+                            size: "xs",
+                            thickness: "3.5"
+                          })) : createCommentVNode("", !0)
+                        ])
+                      ], 2),
+                      createTextVNode(" " + toDisplayString(unref(E)[s]), 1)
+                    ]),
+                    createBaseVNode("div", K, [
+                      createBaseVNode("div", Q, [
+                        createVNode(I, { integration: s }, null, 8, ["integration"])
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])), 64))
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(m, null, {
+            title: withCtx(() => t[11] || (t[11] = [
+              createTextVNode("Appearance")
+            ])),
+            description: withCtx(() => t[12] || (t[12] = [
+              createTextVNode(" Choose between light, dark, or system-based appearance for your workspace. ")
+            ])),
+            default: withCtx(() => [
+              createVNode(z)
+            ]),
+            _: 1
+          })
+        ])
+      ])
+    ]));
+  }
+});
+
+const v = /* @__PURE__ */ defineComponent({
+  __name: "Settings",
+  setup(f) {
+    const n = {
+      general: {
+        component: ne,
+        title: "general"
+      }
+    }, r = ref("general");
+    return (_, u) => (openBlock(), createBlock(a, null, {
+      default: withCtx(() => [
+        createVNode(x, { class: "flex-1" }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(n[r.value].component)))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+
+export { v as default };