@scalar/api-client 2.5.12 → 2.5.15

package/dist/views/Collection/CollectionInfoForm.vue.js

@@ -1,7 +1,7 @@
 import o from "./CollectionInfoForm.vue2.js";
 /* empty css                        */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-faabb883"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-68d5218e"]]);
 export {
-  m as default
+  f as default
 };

package/dist/views/Collection/components/EnvironmentForm.vue.js

@@ -1,7 +1,7 @@
 import o from "./EnvironmentForm.vue2.js";
 /* empty css                     */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-efc6e074"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2debec7e"]]);
 export {
-  f as default
+  p as default
 };

package/dist/views/Collection/components/MarkdownInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Collection/components/MarkdownInput.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AAuSF,wBAQG"}
+{"version":3,"file":"MarkdownInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Collection/components/MarkdownInput.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAIrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AA4SF,wBAQG"}

package/dist/views/Collection/components/MarkdownInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./MarkdownInput.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1d968b50"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5997a667"]]);
 export {
   m as default
 };

package/dist/views/Collection/components/MarkdownInput.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as V, ref as p, watch as w, nextTick as x, createElementBlock as i, openBlock as o, createElementVNode as n, createBlock as u, createCommentVNode as a, unref as s, withCtx as v, createVNode as d, Fragment as f } from "vue";
-import { ScalarButton as c, ScalarIcon as b, ScalarMarkdown as h } from "@scalar/components";
-import y from "../../../components/CodeInput/CodeInput.vue.js";
-const z = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, I = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" }, B = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, $ = {
+import { defineComponent as h, ref as p, watch as w, nextTick as x, createElementBlock as i, openBlock as o, createElementVNode as n, createBlock as u, createCommentVNode as a, unref as r, withCtx as v, createVNode as d, Fragment as f } from "vue";
+import { ScalarButton as c, ScalarIcon as b, ScalarMarkdown as y } from "@scalar/components";
+import z from "../../../components/CodeInput/CodeInput.vue.js";
+const B = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, I = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" }, E = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, N = {
   key: 1,
   class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4"
-}, D = /* @__PURE__ */ V({
+}, F = /* @__PURE__ */ h({
   __name: "MarkdownInput",
   props: {
     modelValue: {},
@@ -13,67 +13,73 @@ const z = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
     workspace: {}
   },
   emits: ["update:modelValue"],
-  setup(E, { emit: k }) {
+  setup(S, { emit: k }) {
     const g = k, t = p("preview"), m = p(null);
-    return w(t, (l) => {
+    w(t, (l) => {
       l === "edit" && x(() => {
         var e;
         (e = m.value) == null || e.focus();
       });
-    }), (l, e) => (o(), i("div", z, [
+    });
+    const V = () => {
+      requestAnimationFrame(() => {
+        t.value = "preview";
+      });
+    };
+    return (l, e) => (o(), i("div", B, [
       n("div", C, [
-        e[6] || (e[6] = n("h3", { class: "font-bold" }, "Description", -1)),
-        t.value === "preview" ? (o(), u(s(c), {
+        e[5] || (e[5] = n("h3", { class: "font-bold" }, "Description", -1)),
+        t.value === "preview" ? (o(), u(r(c), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (r) => t.value = "edit")
+          onClick: e[0] || (e[0] = (s) => t.value = "edit")
         }, {
           default: v(() => [
-            d(s(b), {
+            d(r(b), {
               icon: "Pencil",
               size: "sm",
               thickness: "1.5"
             }),
-            e[5] || (e[5] = n("span", null, "Edit", -1))
+            e[4] || (e[4] = n("span", null, "Edit", -1))
           ]),
           _: 1
         })) : a("", !0)
       ]),
       n("div", I, [
-        n("div", B, [
+        n("div", E, [
           t.value === "preview" ? (o(), i(f, { key: 0 }, [
             l.modelValue && l.modelValue.trim().length ? (o(), i(f, { key: 0 }, [
-              l.modelValue ? (o(), u(s(h), {
+              l.modelValue ? (o(), u(r(y), {
                 key: 0,
                 class: "h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
                 value: l.modelValue,
                 withImages: "",
-                onDblclick: e[1] || (e[1] = (r) => t.value = "edit")
+                onDblclick: e[1] || (e[1] = (s) => t.value = "edit")
               }, null, 8, ["value"])) : a("", !0),
-              e[7] || (e[7] = n("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
-            ], 64)) : (o(), i("div", $, [
-              d(s(c), {
+              e[6] || (e[6] = n("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
+            ], 64)) : (o(), i("div", N, [
+              d(r(c), {
                 class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
                 size: "sm",
                 variant: "ghost",
-                onClick: e[2] || (e[2] = (r) => t.value = "edit")
+                onClick: e[2] || (e[2] = (s) => t.value = "edit")
               }, {
                 default: v(() => [
-                  d(s(b), {
+                  d(r(b), {
                     icon: "Pencil",
                     size: "sm",
                     thickness: "1.5"
                   }),
-                  e[8] || (e[8] = n("span", null, "Write a description", -1))
+                  e[7] || (e[7] = n("span", null, "Write a description", -1))
                 ]),
                 _: 1
               })
             ]))
           ], 64)) : a("", !0),
-          t.value === "edit" ? (o(), u(y, {
+          t.value === "edit" ? (o(), u(z, {
             key: 1,
             ref_key: "codeInputRef",
             ref: m,
@@ -82,8 +88,8 @@ const z = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
             environment: l.environment,
             modelValue: l.modelValue,
             workspace: l.workspace,
-            onBlur: e[3] || (e[3] = (r) => t.value = "preview"),
-            "onUpdate:modelValue": e[4] || (e[4] = (r) => g("update:modelValue", r))
+            onBlur: V,
+            "onUpdate:modelValue": e[3] || (e[3] = (s) => g("update:modelValue", s))
           }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : a("", !0)
         ])
       ])
@@ -91,5 +97,5 @@ const z = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "fle
   }
 });
 export {
-  D as default
+  F as default
 };

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKtD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,CAAC;;AAmIF,wBAMG"}
+{"version":3,"file":"CodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"names":[],"mappings":"AAkGA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKtD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,CAAC;;AAqIF,wBAMG"}

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent as u, computed as a, createElementBlock as c, createBlock as s, createCommentVNode as d, openBlock as l, toDisplayString as m, unref as f } from "vue";
-import { ScalarCodeBlock as p } from "@scalar/components";
-import { isDefined as v } from "@scalar/oas-utils/helpers";
-import { getSnippet as y } from "./helpers/get-snippet.js";
-const g = {
+import { defineComponent as c, computed as a, createElementBlock as s, createBlock as m, createCommentVNode as d, openBlock as i, toDisplayString as f, unref as p } from "vue";
+import { ScalarCodeBlock as v } from "@scalar/components";
+import { isDefined as y } from "@scalar/oas-utils/helpers";
+import { getHarRequest as g } from "./helpers/get-har-request.js";
+import { getSnippet as x } from "./helpers/get-snippet.js";
+const k = {
   key: 0,
   class: "text-c-3 flex min-h-16 items-center justify-center px-4 text-sm"
-}, B = /* @__PURE__ */ u({
+}, q = /* @__PURE__ */ c({
   __name: "CodeSnippet",
   props: {
     target: {},
@@ -17,32 +18,32 @@ const g = {
     environment: {}
   },
   setup(t) {
-    const i = a(
+    const l = a(
       () => t.securitySchemes.flatMap((e) => e.type === "apiKey" ? e.value : (e == null ? void 0 : e.type) === "http" ? [
         e.token,
         e.password,
         btoa(`${e.username}:${e.password}`)
-      ] : e.type === "oauth2" ? Object.values(e.flows).map((r) => r == null ? void 0 : r.token).filter(v) : [])
+      ] : e.type === "oauth2" ? Object.values(e.flows).map((r) => r == null ? void 0 : r.token).filter(y) : [])
     ), n = a(() => {
-      const [e, r] = y(t.target, t.client, {
+      const e = g({
         operation: t.operation,
         example: t.example,
         server: t.server,
         securitySchemes: t.securitySchemes,
         environment: t.environment
-      });
-      return { error: e, payload: r };
+      }), [r, u] = x(t.target, t.client, e);
+      return { error: r, payload: u };
     }), o = a(() => t.target === "shell" && t.client === "curl" ? "curl" : t.target ?? "plaintext");
-    return (e, r) => n.value.error ? (l(), c("div", g, m(n.value.error.message), 1)) : n.value.payload ? (l(), s(f(p), {
+    return (e, r) => n.value.error ? (i(), s("div", k, f(n.value.error.message), 1)) : n.value.payload ? (i(), m(p(v), {
       key: 1,
       class: "w-full",
       content: n.value.payload,
-      hideCredentials: i.value,
+      hideCredentials: l.value,
       lang: o.value,
       lineNumbers: ""
     }, null, 8, ["content", "hideCredentials", "lang"])) : d("", !0);
   }
 });
 export {
-  B as default
+  q as default
 };

package/dist/views/Components/CodeSnippet/helpers/get-snippet.d.ts

@@ -1,15 +1,8 @@
 import type { ErrorResponse } from '../../../../libs/errors';
-import type { Operation, RequestExample, SecurityScheme, Server } from '@scalar/oas-utils/entities/spec';
 import { type ClientId, type TargetId } from '@scalar/snippetz';
-import type { EnvVariables } from '../../../../libs/env-helpers';
+import type { Request as HarRequest } from 'har-format';
 /**
  * Returns a code example for given operation
  */
-export declare const getSnippet: <T extends TargetId>(target: T | "javascript", client: ClientId<T>, { operation, example, server, securitySchemes, environment, }: {
-    operation?: Operation | undefined;
-    example?: RequestExample | undefined;
-    server?: Server | undefined;
-    securitySchemes?: SecurityScheme[];
-    environment?: EnvVariables | undefined;
-}) => ErrorResponse<string>;
+export declare const getSnippet: <T extends TargetId>(target: T | "javascript", client: ClientId<T>, harRequest: HarRequest) => ErrorResponse<string>;
 //# sourceMappingURL=get-snippet.d.ts.map

package/dist/views/Components/CodeSnippet/helpers/get-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAOtD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,iEAOhB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,KACA,aAAa,CAAC,MAAM,CAkDtB,CAAA"}
+{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AACzE,OAAO,KAAK,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,YAAY,CAAA;AAKvD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,cACP,UAAU,KACrB,aAAa,CAAC,MAAM,CA0CtB,CAAA"}

package/dist/views/Components/CodeSnippet/helpers/get-snippet.js

@@ -1,45 +1,31 @@
-import { snippetz as a } from "@scalar/snippetz";
-import { getHarRequest as d } from "./get-har-request.js";
-const s = "ws://replace.me", f = (i, t, {
-  operation: l,
-  example: u,
-  server: c,
-  securitySchemes: g = [],
-  environment: E
-}) => {
-  var n;
+import { snippetz as l } from "@scalar/snippetz";
+const i = "ws://replace.me", c = (a, t, r) => {
+  var o;
   try {
-    const r = d({
-      operation: l,
-      example: u,
-      server: c,
-      securitySchemes: g,
-      environment: E
-    });
     if (!r.url)
       return [new Error("Please enter a URL to see a code snippet"), null];
-    const o = r.url.startsWith("/") ? "" : "/";
+    const e = r.url.startsWith("/") ? "" : "/";
     try {
       new URL(r.url);
-    } catch (e) {
-      console.error("[getSnippet] Invalid URL", e), r.url = `${s}${o}${r.url}`;
+    } catch (n) {
+      console.error("[getSnippet] Invalid URL", n), r.url = `${i}${e}${r.url}`;
     }
-    if (((n = r.postData) == null ? void 0 : n.mimeType) === "application/json")
+    if (((o = r.postData) == null ? void 0 : o.mimeType) === "application/json")
       try {
         JSON.parse(r.postData.text || "{}");
-      } catch (e) {
-        return console.error("[getSnippet] Invalid JSON body", e), [new Error("Invalid JSON body"), null];
+      } catch (n) {
+        return console.error("[getSnippet] Invalid JSON body", n), [new Error("Invalid JSON body"), null];
       }
-    const p = i.replace("javascript", "js");
-    if (a().hasPlugin(p, t)) {
-      const e = a().print(p, t, r);
-      return e ? [null, e.replace(`${s}${o}`, "")] : [new Error("Error generating snippet"), null];
+    const p = a.replace("javascript", "js");
+    if (l().hasPlugin(p, t)) {
+      const n = l().print(p, t, r);
+      return n ? [null, n.replace(`${i}${e}`, "")] : [new Error("Error generating snippet"), null];
     }
-  } catch (r) {
-    return console.error("[getSnippet] Error generating snippet", r), [new Error("Error generating snippet"), null];
+  } catch (e) {
+    return console.error("[getSnippet] Error generating snippet", e), [new Error("Error generating snippet"), null];
   }
   return [new Error("No snippet found"), null];
 };
 export {
-  f as getSnippet
+  c as getSnippet
 };

package/dist/views/Cookies/CookieForm.vue.js

@@ -10,7 +10,7 @@ const x = /* @__PURE__ */ s({
       { label: "Name", key: "name", placeholder: "session_id" },
       { label: "Value", key: "value", placeholder: "my-cookie-session-id" },
       { label: "Domain", key: "domain", placeholder: "example.com" }
-      // TODO: We don’t check the path (yet), so we don’t need to show it.
+      // TODO: We don't check the path (yet), so we don't need to show it.
       // { label: 'Path', key: 'path', placeholder: '/' },
     ], m = l(
       () => t[e.value] || d.parse({

package/dist/views/Cookies/Cookies.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":";AA0jBA,wBAMG"}
+{"version":3,"file":"Cookies.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Cookies/Cookies.vue"],"names":[],"mappings":";AA8kBA,wBAMG"}

package/dist/views/Cookies/Cookies.vue2.js

@@ -1,110 +1,116 @@
-import { defineComponent as K, onMounted as L, onBeforeUnmount as V, computed as h, createBlock as d, openBlock as n, withCtx as a, createVNode as r, unref as u, createTextVNode as b, createElementVNode as y, createElementBlock as w, Fragment as j, renderList as A, withModifiers as O } from "vue";
-import { useModal as H } from "@scalar/components";
-import { cookieSchema as I } from "@scalar/oas-utils/entities/cookie";
-import { useRouter as R, useRoute as W } from "vue-router";
+import { defineComponent as K, onMounted as L, onBeforeUnmount as V, computed as b, watch as j, createBlock as d, openBlock as r, withCtx as a, createVNode as n, unref as u, createTextVNode as y, createElementVNode as w, createElementBlock as x, Fragment as A, renderList as O, withModifiers as H } from "vue";
+import { useModal as I } from "@scalar/components";
+import { cookieSchema as R } from "@scalar/oas-utils/entities/cookie";
+import { useRouter as W, useRoute as q } from "vue-router";
 import D from "../../components/EmptyState.vue.js";
 import F from "../../components/Sidebar/SidebarButton.vue.js";
 import P from "../../components/Sidebar/SidebarList.vue.js";
 import T from "../../components/Sidebar/SidebarListElement.vue.js";
 import U from "../../components/ViewLayout/ViewLayout.vue.js";
-import q from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import z from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { PathId as x } from "../../routes.js";
-import G from "./CookieForm.vue.js";
-import J from "./CookieModal.vue.js";
-import { useActiveEntities as Q } from "../../store/active-entities.js";
-import { useWorkspace as X } from "../../store/store.js";
-import Y from "../../components/Sidebar/Sidebar.vue.js";
-const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, he = /* @__PURE__ */ K({
+import z from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import G from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { PathId as M } from "../../routes.js";
+import J from "./CookieForm.vue.js";
+import Q from "./CookieModal.vue.js";
+import { useActiveEntities as X } from "../../store/active-entities.js";
+import { useWorkspace as Y } from "../../store/store.js";
+import Z from "../../components/Sidebar/Sidebar.vue.js";
+const ee = { class: "flex-1" }, oe = { class: "relative mb-[.5px] last:mb-0" }, be = /* @__PURE__ */ K({
   __name: "Cookies",
-  setup(oe) {
-    const { cookies: c, cookieMutators: p, events: k, workspaceMutators: v } = X(), { activeWorkspace: l, activeCookieId: g } = Q(), m = R(), M = W(), f = H(), E = (t) => {
+  setup(te) {
+    const { cookies: c, cookieMutators: k, events: v, workspaceMutators: C } = Y(), { activeWorkspace: l, activeCookieId: g } = X(), m = W(), h = q(), f = I(), E = (o) => {
       var e, i;
-      const o = I.parse({
-        name: t.name,
-        value: t.value,
-        domain: t.domain,
+      const t = R.parse({
+        name: o.name,
+        value: o.value,
+        domain: o.domain,
         path: "/"
       });
-      p.add(o), v.edit((e = l.value) == null ? void 0 : e.uid, "cookies", [
+      k.add(t), C.edit((e = l.value) == null ? void 0 : e.uid, "cookies", [
         ...((i = l.value) == null ? void 0 : i.cookies) ?? [],
-        o.uid
+        t.uid
       ]), m.push({
         name: "cookies",
         params: {
-          cookies: o.uid
+          cookies: t.uid
         }
       });
-    }, N = (t) => {
+    }, N = (o) => {
       var e, i;
-      p.delete(t), v.edit((e = l.value) == null ? void 0 : e.uid, "cookies", [
-        ...(((i = l.value) == null ? void 0 : i.cookies) ?? []).filter((s) => s !== t)
+      k.delete(o), C.edit((e = l.value) == null ? void 0 : e.uid, "cookies", [
+        ...(((i = l.value) == null ? void 0 : i.cookies) ?? []).filter((s) => s !== o)
       ]);
-      const o = Object.values(c).filter(
-        (s) => s.uid !== t
+      const t = Object.values(c).filter(
+        (s) => s.uid !== o
       );
-      if (o.length > 0) {
-        const s = o[o.length - 1];
+      if (t.length > 0) {
+        const s = t[t.length - 1];
         s && m.push(s.uid);
       } else
         m.push({
           name: "cookies",
           params: {
-            [x.Cookies]: "default"
+            [M.Cookies]: "default"
           }
         });
-    }, C = () => {
+    }, p = () => {
       f.show();
-    }, _ = (t) => {
-      t != null && t.createNew && M.name === "cookies" && C();
-    }, S = (t, o) => {
+    }, _ = (o) => {
+      o != null && o.createNew && h.name === "cookies" && p();
+    }, S = (o, t) => {
       var i;
       const e = {
         name: "cookies",
         params: {
           workspace: ((i = l.value) == null ? void 0 : i.uid) ?? "default",
-          cookies: o
+          cookies: t
         }
       };
-      if (t.metaKey) {
+      if (o.metaKey) {
         const s = m.resolve(e).href;
         window.open(s, "_blank");
         return;
       }
       m.push(e);
     };
-    L(() => k.hotKeys.on(_)), V(() => k.hotKeys.off(_));
-    const $ = h(
+    L(() => v.hotKeys.on(_)), V(() => v.hotKeys.off(_));
+    const $ = b(
       () => c[g.value]
-    ), B = h(
+    ), B = b(
       () => Object.keys(c).length > 0 && $.value
     );
-    return (t, o) => (n(), d(U, null, {
+    return j(
+      () => h.query.openCookieModal,
+      (o) => {
+        o === "true" && p();
+      },
+      { immediate: !0 }
+    ), (o, t) => (r(), d(U, null, {
       default: a(() => [
-        r(u(Y), { title: "Cookies" }, {
+        n(u(Z), { title: "Cookies" }, {
           content: a(() => [
-            y("div", Z, [
-              r(P, null, {
+            w("div", ee, [
+              n(P, null, {
                 default: a(() => [
-                  (n(!0), w(j, null, A(Object.values(u(c)), (e) => (n(), w("li", {
+                  (r(!0), x(A, null, O(Object.values(u(c)), (e) => (r(), x("li", {
                     key: e.uid,
                     class: "gap-1/2 flex flex-col"
                   }, [
-                    y("div", ee, [
-                      (n(), d(T, {
+                    w("div", oe, [
+                      (r(), d(T, {
                         key: e.uid,
                         class: "text-xs",
                         isDeletable: "",
                         to: {
                           name: "cookies",
                           params: {
-                            [u(x).Cookies]: e.uid
+                            [u(M).Cookies]: e.uid
                           }
                         },
                         type: "cookies",
                         variable: { name: e.name, uid: e.uid },
                         warningMessage: "Are you sure you want to delete this cookie?",
-                        onClick: O((i) => S(i, e.uid), ["prevent"]),
+                        onClick: H((i) => S(i, e.uid), ["prevent"]),
                         onDelete: (i) => N(e.uid)
                       }, null, 8, ["to", "variable", "onClick", "onDelete"]))
                     ])
@@ -115,38 +121,38 @@ const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, h
             ])
           ]),
           button: a(() => [
-            r(F, {
-              click: C,
+            n(F, {
+              click: p,
               hotkey: "N"
             }, {
-              title: a(() => o[1] || (o[1] = [
-                b(" Add Cookie ")
+              title: a(() => t[1] || (t[1] = [
+                y(" Add Cookie ")
               ])),
               _: 1
             })
           ]),
           _: 1
         }),
-        r(q, { class: "flex-1" }, {
+        n(z, { class: "flex-1" }, {
           default: a(() => [
-            B.value ? (n(), d(z, {
+            B.value ? (r(), d(G, {
               key: 0,
               class: "*:border-b-0"
             }, {
-              title: a(() => o[2] || (o[2] = [
-                b("Edit Cookie")
+              title: a(() => t[2] || (t[2] = [
+                y("Edit Cookie")
               ])),
               default: a(() => [
-                r(G)
+                n(J)
               ]),
               _: 1
-            })) : (n(), d(D, { key: 1 }))
+            })) : (r(), d(D, { key: 1 }))
           ]),
           _: 1
         }),
-        r(J, {
+        n(Q, {
           state: u(f),
-          onCancel: o[0] || (o[0] = (e) => u(f).hide()),
+          onCancel: t[0] || (t[0] = (e) => u(f).hide()),
           onSubmit: E
         }, null, 8, ["state"])
       ]),
@@ -155,5 +161,5 @@ const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, h
   }
 });
 export {
-  he as default
+  be as default
 };

package/dist/views/Environment/Environment.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/Environment.vue"],"names":[],"mappings":";AA6/CA,wBAMG"}
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/Environment.vue"],"names":[],"mappings":";AAihDA,wBAMG"}