@phosart/devtool 0.2.67 → 0.3.0

package/build/server/chunks/_page.svelte-d4pEcCcc.js

@@ -0,0 +1,591 @@
+import { F as props_id, p as head, y as attr, x as ensure_array_like, z as attr_class, t as escape_html, B as derived, G as spread_props, A as stringify, q as attr_style } from './root-C9Hma45-.js';
+import { g as goto, i as invalidateAll } from './index-ChycExq-.js';
+import { r as resolve } from './server2-BkW4FhQy.js';
+import { M as Modal, C as Collapsable } from './Modal-C0ES40l0.js';
+import { C as Checkbox } from './Checkbox-CozDRCdr.js';
+import { S as SearchInput, T as TextInput } from './SearchInput-BgG4wOSi.js';
+import { A as ActionButton } from './ActionButton-zFpFdWu0.js';
+import { a as isBaseGallery, c as copyPieces } from './galleryutil-CNHfNYsK.js';
+import { L as Layout, u as usePath, I as Icon } from './Layout-CCaz3zTu.js';
+import { arrayToShuffled } from 'array-shuffle';
+import { O as OriginalImage } from './OriginalImage-C1Oocqz3.js';
+import fz from 'fuzzysort';
+import './exports-C9KHKwPe.js';
+import './routing-DYQTvdBm.js';
+import './Tooltip-B5AhBaHE.js';
+import 'node:path';
+import './util-DTbakmxX.js';
+import './log-Dgdg632G.js';
+import 'tslog';
+import './navbarstate.svelte-DDGU7WKW.js';
+import './galleryoverride.svelte-KeKQnrJx.js';
+
+function defaultCombine(a) {
+  return a;
+}
+function asRecord(arr, key, combine) {
+  const record = {};
+  for (const val of arr) {
+    const k = key(val);
+    if (k in record) {
+      record[k] = defaultCombine(record[k]);
+    } else {
+      record[k] = val;
+    }
+  }
+  return record;
+}
+function Tile($$renderer, $$props) {
+  const { children, title, href, class: cls, onclick } = $$props;
+  function inner($$renderer2) {
+    $$renderer2.push(`<div${attr_class(`flex h-64 w-64 flex-wrap overflow-hidden rounded-2xl ${stringify(cls ?? "")}`, "svelte-1s33icu")}>`);
+    children($$renderer2);
+    $$renderer2.push(`<!----></div> <div class="nametag svelte-1s33icu"><span>`);
+    if (typeof title === "string") {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`${escape_html(title)}`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      title($$renderer2);
+      $$renderer2.push(`<!---->`);
+    }
+    $$renderer2.push(`<!--]--></span></div>`);
+  }
+  if (href) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<a${attr("href", href)} class="tile svelte-1s33icu">`);
+    inner($$renderer);
+    $$renderer.push(`<!----></a>`);
+  } else if (onclick) {
+    $$renderer.push("<!--[1-->");
+    $$renderer.push(`<button class="tile svelte-1s33icu">`);
+    inner($$renderer);
+    $$renderer.push(`<!----></button>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+    $$renderer.push(`<span class="tile svelte-1s33icu">`);
+    inner($$renderer);
+    $$renderer.push(`<!----></span>`);
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function GalleryPreview($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { gallery, cssSize, galleryPath } = $$props;
+    const pieces = derived(() => arrayToShuffled(gallery.pieces).slice(0, 4));
+    if (pieces()[0]) {
+      $$renderer2.push("<!--[0-->");
+      const topw = pieces()[1] ? "calc(var(--preview-size) / 2)" : "var(--preview-size)";
+      const toph = pieces()[2] ? "calc(var(--preview-size) / 2)" : "var(--preview-size)";
+      const botw = pieces()[3] ? "calc(var(--preview-size) / 2)" : "var(--preview-size)";
+      const both = "calc(var(--preview-size) / 2)";
+      $$renderer2.push(`<div class="preview svelte-1iw7rpk"${attr_style(`--preview-size: ${stringify(cssSize)}`)}><div${attr_style(`height: ${toph}; width: ${topw}`)}${attr_class("imgcontainer svelte-1iw7rpk", void 0, { "square": topw === toph })}><div class="svelte-1iw7rpk">`);
+      OriginalImage($$renderer2, {
+        class: pieces()[0].nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : "",
+        galleryPath: { gallery: galleryPath, piece: pieces()[0].slug }
+      });
+      $$renderer2.push(`<!----></div></div> `);
+      if (pieces()[1]) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div${attr_style(`height: ${toph}; width: ${topw}`)}${attr_class("imgcontainer svelte-1iw7rpk", void 0, { "square": topw === toph })}><div class="svelte-1iw7rpk">`);
+        OriginalImage($$renderer2, {
+          class: pieces()[1].nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : "",
+          galleryPath: { gallery: galleryPath, piece: pieces()[1].slug }
+        });
+        $$renderer2.push(`<!----></div></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (pieces()[2]) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div${attr_style(`height: calc(var(--preview-size) / 2); width: ${botw}`)}${attr_class("imgcontainer svelte-1iw7rpk", void 0, { "square": botw === both })}><div class="svelte-1iw7rpk">`);
+        OriginalImage($$renderer2, {
+          class: pieces()[2].nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : "",
+          galleryPath: { gallery: galleryPath, piece: pieces()[2].slug }
+        });
+        $$renderer2.push(`<!----></div></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (pieces()[3]) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div${attr_style(`height: calc(var(--preview-size) / 2); width: ${botw}`)}${attr_class("imgcontainer svelte-1iw7rpk", void 0, { "square": botw === both })}><div class="svelte-1iw7rpk">`);
+        OriginalImage($$renderer2, {
+          class: pieces()[3].nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : "",
+          galleryPath: { gallery: galleryPath, piece: pieces()[3].slug }
+        });
+        $$renderer2.push(`<!----></div></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function GalleryTile($$renderer, $$props) {
+  const { galleryPath, name, gallery, href, px = 256 } = $$props;
+  $$renderer.push(`<div class="flex justify-center">`);
+  Tile($$renderer, {
+    href,
+    title: name,
+    children: ($$renderer2) => {
+      GalleryPreview($$renderer2, { cssSize: `${stringify(px)}px`, gallery, galleryPath });
+    }
+  });
+  $$renderer.push(`<!----></div>`);
+}
+function qsearch(search, arr, ...key) {
+  if (!search) {
+    return arr;
+  }
+  return fz.go(search, arr, { keys: key, threshold: 0.3 }).map((res) => res.obj);
+}
+function qsearchObj(search, obj, ...key) {
+  if (!search) {
+    return obj;
+  }
+  return Object.fromEntries(qsearch(search, Object.entries(obj), ...key.map((f) => ([k, v]) => f(v, k))));
+}
+function Cable($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      [
+        "path",
+        {
+          "d": "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z"
+        }
+      ],
+      ["path", { "d": "M17 21v-2" }],
+      [
+        "path",
+        { "d": "M19 14V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V10" }
+      ],
+      ["path", { "d": "M21 21v-2" }],
+      ["path", { "d": "M3 5V3" }],
+      [
+        "path",
+        {
+          "d": "M4 10a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2z"
+        }
+      ],
+      ["path", { "d": "M7 5V3" }]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "cable" },
+      /**
+       * @component @name Cable
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTcgMTlhMSAxIDAgMCAxLTEtMXYtMmEyIDIgMCAwIDEgMi0yaDJhMiAyIDAgMCAxIDIgMnYyYTEgMSAwIDAgMS0xIDF6IiAvPgogIDxwYXRoIGQ9Ik0xNyAyMXYtMiIgLz4KICA8cGF0aCBkPSJNMTkgMTRWNi41YTEgMSAwIDAgMC03IDB2MTFhMSAxIDAgMCAxLTcgMFYxMCIgLz4KICA8cGF0aCBkPSJNMjEgMjF2LTIiIC8+CiAgPHBhdGggZD0iTTMgNVYzIiAvPgogIDxwYXRoIGQ9Ik00IDEwYTIgMiAwIDAgMS0yLTJWNmExIDEgMCAwIDEgMS0xaDRhMSAxIDAgMCAxIDEgMXYyYTIgMiAwIDAgMS0yIDJ6IiAvPgogIDxwYXRoIGQ9Ik03IDVWMyIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/cable
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Folder_plus($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["path", { "d": "M12 10v6" }],
+      ["path", { "d": "M9 13h6" }],
+      [
+        "path",
+        {
+          "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+        }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "folder-plus" },
+      /**
+       * @component @name FolderPlus
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTIgMTB2NiIgLz4KICA8cGF0aCBkPSJNOSAxM2g2IiAvPgogIDxwYXRoIGQ9Ik0yMCAyMGEyIDIgMCAwIDAgMi0yVjhhMiAyIDAgMCAwLTItMmgtNy45YTIgMiAwIDAgMS0xLjY5LS45TDkuNiAzLjlBMiAyIDAgMCAwIDcuOTMgM0g0YTIgMiAwIDAgMC0yIDJ2MTNhMiAyIDAgMCAwIDIgMloiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/folder-plus
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Folder($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      [
+        "path",
+        {
+          "d": "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+        }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "folder" },
+      /**
+       * @component @name Folder
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMjAgMjBhMiAyIDAgMCAwIDItMlY4YTIgMiAwIDAgMC0yLTJoLTcuOWEyIDIgMCAwIDEtMS42OS0uOUw5LjYgMy45QTIgMiAwIDAgMCA3LjkzIDNINGEyIDIgMCAwIDAtMiAydjEzYTIgMiAwIDAgMCAyIDJaIiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/folder
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function Images($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      [
+        "path",
+        { "d": "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16" }
+      ],
+      [
+        "path",
+        { "d": "M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2" }
+      ],
+      [
+        "circle",
+        { "cx": "13", "cy": "7", "r": "1", "fill": "currentColor" }
+      ],
+      [
+        "rect",
+        { "x": "8", "y": "2", "width": "14", "height": "14", "rx": "2" }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "images" },
+      /**
+       * @component @name Images
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMjIgMTEtMS4yOTYtMS4yOTZhMi40IDIuNCAwIDAgMC0zLjQwOCAwTDExIDE2IiAvPgogIDxwYXRoIGQ9Ik00IDhhMiAyIDAgMCAwLTIgMnYxMGEyIDIgMCAwIDAgMiAyaDEwYTIgMiAwIDAgMCAyLTIiIC8+CiAgPGNpcmNsZSBjeD0iMTMiIGN5PSI3IiByPSIxIiBmaWxsPSJjdXJyZW50Q29sb3IiIC8+CiAgPHJlY3QgeD0iOCIgeT0iMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiByeD0iMiIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/images
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function DirectoryList($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { tree, path, search } = $$props;
+    const folders = derived(() => qsearchObj(search, Object.fromEntries(Object.entries(tree.structure).filter((v) => v[1].$type === "folder")), (_, k) => k));
+    const galleries = derived(() => qsearchObj(search, Object.fromEntries(Object.entries(tree.structure).filter((v) => v[1].$type === "gallery")), (_, k) => k));
+    $$renderer2.push(`<div><div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><!--[-->`);
+    const each_array = ensure_array_like(Object.entries(folders()));
+    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+      let [k, v] = each_array[$$index];
+      const empty = Object.keys(v.structure).length == 0;
+      $$renderer2.push(`<a${attr_class("btn flex items-center preset-outlined-surface-950-50 p-2 whitespace-normal", void 0, { "font-extralight": empty, "text-gray-500": empty })}${attr("href", resolve("/") + "?" + String(new URLSearchParams({ path: [...path, k].join("/") })))}>`);
+      Folder($$renderer2, {});
+      $$renderer2.push(`<!----> ${escape_html(k)}`);
+      if (empty) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(` (empty)`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></a>`);
+    }
+    $$renderer2.push(`<!--]--> <!--[-->`);
+    const each_array_1 = ensure_array_like(Object.entries(galleries()));
+    for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+      let [k, v] = each_array_1[$$index_1];
+      if (v.$type === "gallery" && !v.isBase) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<a class="btn flex items-center preset-outlined-surface-950-50 p-2"${attr("href", resolve("/gallery/[...gallerypath]", { gallerypath: [...path, k].join("/") }))}>`);
+        Cable($$renderer2, {});
+        $$renderer2.push(`<!----> ${escape_html(k)}</a>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div> <div class="mt-8 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"><!--[-->`);
+    const each_array_2 = ensure_array_like(Object.entries(galleries()));
+    for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+      let [k, v] = each_array_2[$$index_2];
+      const galname = k.replace(/\.gallery$/, "");
+      if (v.$type === "gallery" && v.isBase) {
+        $$renderer2.push("<!--[0-->");
+        GalleryTile($$renderer2, {
+          name: galname,
+          galleryPath: [...path, k].join("/"),
+          gallery: v.data,
+          href: resolve("/gallery/[...gallerypath]", { gallerypath: [...path, k].join("/") })
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div></div>`);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const id = props_id($$renderer2);
+    const { data } = $$props;
+    let newName = "";
+    let isExtendedGallery = false;
+    const fpath = derived(usePath);
+    let search = "";
+    let copyPath = "";
+    function fldr(item) {
+      if (item.$type !== "folder") {
+        throw new Error("RIP");
+      }
+      return item;
+    }
+    function gotoPath(tree, fpath2) {
+      while (fpath2.length > 0) {
+        tree = fldr(tree.structure[fpath2[0]]);
+        fpath2 = fpath2.slice(1);
+      }
+      return tree;
+    }
+    function controls($$renderer3, path) {
+      $$renderer3.push(`<div class="mb-4 flex gap-x-1">`);
+      {
+        let icon = function($$renderer4) {
+          Folder_plus($$renderer4, { size: "8pt" });
+        }, children = function($$renderer4, close) {
+          $$renderer4.push(`<div class="m-4">`);
+          TextInput($$renderer4, {
+            label: "Folder name",
+            get value() {
+              return newName;
+            },
+            set value($$value) {
+              newName = $$value;
+              $$settled = false;
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          ActionButton($$renderer4, {
+            disabled: !newName,
+            action: async () => {
+              await fetch(resolve("/api/folder/[...folderpath]", { folderpath: [...path, newName].join("/") }), { method: "PATCH" });
+              await invalidateAll();
+              close();
+            },
+            unstyled: true,
+            class: "btn w-full preset-filled-primary-500",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Create`);
+            }
+          });
+          $$renderer4.push(`<!----></div>`);
+        };
+        Modal($$renderer3, {
+          title: "New Folder",
+          onClose: () => void (newName = ""),
+          class: "preset-outlined-primary-50-950 bg-surface-300-700",
+          icon,
+          children,
+          $$slots: { icon: true, default: true }
+        });
+      }
+      $$renderer3.push(`<!----> `);
+      {
+        let icon = function($$renderer4) {
+          Images($$renderer4, { size: "8pt" });
+        }, children = function($$renderer4, close) {
+          $$renderer4.push(`<div class="m-4">`);
+          TextInput($$renderer4, {
+            label: "Gallery Name",
+            get value() {
+              return newName;
+            },
+            set value($$value) {
+              newName = $$value;
+              $$settled = false;
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          ActionButton($$renderer4, {
+            disabled: !newName,
+            action: async () => {
+              const target = [...path, newName + ".gallery"].join("/");
+              let pieces = [];
+              const copied = data.galleries[copyPath];
+              if (!isExtendedGallery && copied && isBaseGallery(copied)) {
+                pieces = await copyPieces(copied.pieces, copyPath, target);
+              }
+              await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: target }), {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(isExtendedGallery ? { $extends: [] } : { pieces })
+              });
+              await invalidateAll();
+              close();
+            },
+            unstyled: true,
+            class: "btn w-full preset-filled-primary-500",
+            children: ($$renderer5) => {
+              $$renderer5.push(`<!---->Create`);
+            }
+          });
+          $$renderer4.push(`<!----> `);
+          Collapsable($$renderer4, {
+            title: "Advanced",
+            class: "mt-4",
+            children: ($$renderer5) => {
+              Checkbox($$renderer5, {
+                label: "Is extended gallery",
+                get checked() {
+                  return isExtendedGallery;
+                },
+                set checked($$value) {
+                  isExtendedGallery = $$value;
+                  $$settled = false;
+                }
+              });
+              $$renderer5.push(`<!----> <div class="my-4"></div> <div class="flex items-center gap-x-3">`);
+              TextInput($$renderer5, {
+                label: "Copy From...",
+                disabled: isExtendedGallery,
+                options: Object.keys(data.galleries).filter((k) => isBaseGallery(data.galleries[k])),
+                noReportValidation: true,
+                validationError: copyPath !== "" && !data.galleries[copyPath] ? "Select a valid path" : void 0,
+                get value() {
+                  return copyPath;
+                },
+                set value($$value) {
+                  copyPath = $$value;
+                  $$settled = false;
+                }
+              });
+              $$renderer5.push(`<!----> ${escape_html(data.galleries[copyPath] ? "✅" : "❌")}</div>`);
+            },
+            $$slots: { default: true }
+          });
+          $$renderer4.push(`<!----></div>`);
+        };
+        Modal($$renderer3, {
+          title: "New Gallery",
+          onClose: () => {
+            newName = "";
+            isExtendedGallery = false;
+          },
+          class: "preset-filled-primary-50-950",
+          icon,
+          children,
+          $$slots: { icon: true, default: true }
+        });
+      }
+      $$renderer3.push(`<!----></div>`);
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("1uha8ag", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>Art Site Editor</title>`);
+        });
+      });
+      {
+        let navRight = function($$renderer4) {
+          $$renderer4.push(`<div class="my-4 flex max-w-64 grow items-center gap-x-2 pr-4"><label${attr("for", `${id}-search-box`)}><i class="fa-solid fa-search"></i></label> <div class="relative flex grow overflow-visible">`);
+          SearchInput($$renderer4, {
+            id: `${id}-search-box`,
+            autoFocus: true,
+            class: "input h-8 w-0 grow",
+            noReportValidation: true,
+            acceptSuggestionOnEnter: true,
+            validationError: search !== "" && !data.galleryPaths.includes(search) ? "invalid path" : void 0,
+            options: asRecord(data.galleryPaths ?? [], (p) => p),
+            onSelect: (s) => {
+              if (data.galleryPaths.includes(s)) {
+                goto(resolve("/gallery/[...gallerypath]", { gallerypath: s }));
+              }
+            },
+            get search() {
+              return search;
+            },
+            set search($$value) {
+              search = $$value;
+              $$settled = false;
+            }
+          });
+          $$renderer4.push(`<!----></div></div>`);
+        };
+        Layout($$renderer3, {
+          title: "Galleries",
+          breadcrumbs: true,
+          navRight,
+          children: ($$renderer4) => {
+            DirectoryList($$renderer4, { path: fpath(), tree: gotoPath(data.tree, fpath()) });
+            $$renderer4.push(`<!----> <div class="absolute right-3 bottom-0">`);
+            controls($$renderer4, fpath());
+            $$renderer4.push(`<!----></div>`);
+          }
+        });
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-d4pEcCcc.js.map