@phosart/devtool 0.2.68 → 0.3.0

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

@@ -1,1203 +0,0 @@
-import { p as derived, L as setContext, h as head, o as escape_html, j as ensure_array_like, l as stringify, x as bind_props, k as attr_class, I as clsx, y as attr, z as getContext } from './url-DAcOnjX0.js';
-import { A as AddImageButton, O as OptionalInput, T as TextBox, I as ImageEdit, a as OriginalImage } from './TextBox-Bam4lYhA.js';
-import { M as Modal, C as Collapsable } from './Modal-DaiQaG4-.js';
-import { g as getOverrides, b as getEpoch } from './galleryoverride.svelte-B-LzQrr2.js';
-import { C as ChippedInput, T as TagEdit, a as ControlledChippedInput } from './TagEdit-Ddkd6UkG.js';
-import { d as addVisualization, b as addKey, a as arrAsObject, T as TextInput } from './SearchInput-1p6YrIBH.js';
-import { a as normalizeArtist, n as normalizeCharacter } from './art-kKkUpdby.js';
-import { parseDate } from 'chrono-node';
-import { DateTime } from 'luxon';
-import { C as Checkbox } from './Checkbox-BMs5z3M6.js';
-import { i as isExtendsGallery, a as isBaseGallery, c as copyPieces } from './galleryutil-CdWyR2BP.js';
-import { g as goto, i as invalidateAll } from './client-CHdX8mKQ.js';
-import { r as resolve, t as truthy } from './util-B37Rvgjl.js';
-import { A as ActionButton } from './ActionButton-vALVNYy6.js';
-import '@monaco-editor/loader';
-import './Tooltip-D76oRsU8.js';
-import './log-Dgdg632G.js';
-import 'tslog';
-import 'fuzzysort';
-import 'node:path';
-import './exports-7ECo9oy7.js';
-import './index-DeXr9LUC.js';
-import './state.svelte-pSYW5Nat.js';
-import './routing-DnQyokYQ.js';
-
-const key$1 = /* @__PURE__ */ Symbol();
-function useArtistsContext(artists) {
-  setContext(key$1, artists);
-}
-function useArtists() {
-  return getContext(key$1);
-}
-const key = /* @__PURE__ */ Symbol();
-function useCharacterContext(characters) {
-  setContext(key, characters);
-}
-function useCharacters() {
-  return getContext(key);
-}
-function ArtistEdit($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { artists: pieceArtists = void 0 } = $$props;
-    const allArtists = useArtists();
-    const normalizedAll = derived(() => normalizeArtist(Object.keys(allArtists), allArtists));
-    const normalized = derived(() => normalizeArtist(pieceArtists, allArtists));
-    const options = derived(() => arrAsObject(addKey(normalizedAll(), (na) => `@${na.info.handle} (${na.info.name})`), (s) => s.info.handle));
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      var bind_get = () => normalized();
-      var bind_set = (v) => void (pieceArtists = v.map((v2) => v2.name));
-      {
-        let renderChip = function($$renderer4, na) {
-          $$renderer4.push(`<!---->@${escape_html(na.name)}`);
-        };
-        ChippedInput($$renderer3, {
-          label: "Artists",
-          options: options(),
-          get value() {
-            return bind_get();
-          },
-          set value($$value) {
-            bind_set($$value);
-          },
-          prefix: "@",
-          onAddUnknown: (s) => {
-            return { name: s, anonymous: false, info: null };
-          },
-          renderChip,
-          $$slots: { renderChip: true }
-        });
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { artists: pieceArtists });
-  });
-}
-function CharactersEdit($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { characters: pieceCharacters = void 0, allCharacters } = $$props;
-    const fullCharacters = useCharacters();
-    const allArtists = useArtists();
-    let search = "";
-    let manualArtistOptions = derived(() => arrAsObject(Object.keys(allArtists).map((a) => ({ name: search.split(" by")[0], from: a })).filter((ch) => !(`${ch.name} by ${ch.from}` in allCharacters)), (a) => `[new] ${a.name} by ${a.from}`));
-    let options = derived(() => ({ ...allCharacters, ...manualArtistOptions() }));
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      {
-        let renderChip = function($$renderer4, ch) {
-          const nch = normalizeCharacter(ch, fullCharacters);
-          $$renderer4.push(`<div>`);
-          if (!nch.from) {
-            $$renderer4.push("<!--[-->");
-            if (nch.info) {
-              $$renderer4.push("<!--[-->");
-              $$renderer4.push(`${escape_html(nch.info.name)}`);
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push(`${escape_html(nch.name)}`);
-            }
-            $$renderer4.push(`<!--]-->`);
-          } else {
-            $$renderer4.push("<!--[!-->");
-            $$renderer4.push(`${escape_html(nch.name)} by ${escape_html(nch.from)}`);
-          }
-          $$renderer4.push(`<!--]--></div>`);
-        };
-        ControlledChippedInput($$renderer3, {
-          label: "Characters",
-          options: options(),
-          onSelect: (k, v) => {
-            if (!v) {
-              k = k.replaceAll(/^\[new\]\s*/g, "");
-              const arr = k.split(" by ");
-              if (arr.length == 2) {
-                v = { from: arr[1], name: arr[0] };
-              } else {
-                v = arr[0];
-              }
-            }
-            pieceCharacters = [...pieceCharacters, v];
-            search = "";
-          },
-          onRemove: (_, i) => {
-            pieceCharacters = [
-              ...pieceCharacters.slice(0, i),
-              ...pieceCharacters.slice(i + 1)
-            ];
-          },
-          value: pieceCharacters,
-          get search() {
-            return search;
-          },
-          set search($$value) {
-            search = $$value;
-            $$settled = false;
-          },
-          renderChip,
-          $$slots: { renderChip: true }
-        });
-      }
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { characters: pieceCharacters });
-  });
-}
-function DateEdit($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { date = void 0 } = $$props;
-    let dateString = "";
-    let dateParsed = derived(() => {
-      const d = typeof dateString === "string" ? parseDate(dateString) : null;
-      if (!d) {
-        return null;
-      }
-      return DateTime.fromJSDate(d);
-    });
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="flex items-center">`);
-      TextInput($$renderer3, {
-        placeholder: DateTime.fromJSDate(date).toFormat("fff"),
-        label: "Date",
-        class: "w-xs max-w-full",
-        onkeydown: (kev) => {
-          const dte = dateParsed()?.toJSDate();
-          if (kev.code === "Enter" && dte) {
-            date = dte;
-            dateString = "";
-          }
-        },
-        validationError: dateString ? "Press enter to confirm" : void 0,
-        get value() {
-          return dateString;
-        },
-        set value($$value) {
-          dateString = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----> `);
-      if (dateParsed()) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<span>= ${escape_html(dateParsed().toFormat("fff"))}</span>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { date });
-  });
-}
-function ExtendsEdit($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { value = void 0, allGalleries } = $$props;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      ChippedInput($$renderer3, {
-        label: "Extends...",
-        options: arrAsObject(allGalleries),
-        get value() {
-          return value;
-        },
-        set value($$value) {
-          value = $$value;
-          $$settled = false;
-        }
-      });
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { value });
-  });
-}
-function PieceAltEdit($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { value = void 0, galleryPath, label, shortLabel } = $$props;
-    const overrides = getOverrides();
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div><div>${escape_html(label ?? "Alternatives")}:</div> <div class="ml-4"><!--[-->`);
-      const each_array = ensure_array_like(value);
-      for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-        let alt = each_array[i];
-        {
-          let collapsedRight = function($$renderer4) {
-            $$renderer4.push(`<div class="h-16 max-h-16 w-16 max-w-16">`);
-            OriginalImage($$renderer4, {
-              galleryPath: { ...galleryPath, alt: alt.name, altIndex: i },
-              isVideo: !!alt.video,
-              class: alt.nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : ""
-            });
-            $$renderer4.push(`<!----></div>`);
-          };
-          Collapsable($$renderer3, {
-            title: alt.name,
-            class: `my-2 border ${stringify(alt.nsfw ? "outline-2 outline-amber-600" : "")} ${stringify(alt.deindexed ? " bg-gray-200" : "")}`,
-            collapsedRight,
-            children: ($$renderer4) => {
-              var bind_get = () => !!alt.nsfw;
-              var bind_set = (v) => void (alt.nsfw = v || void 0);
-              var bind_get_1 = () => !!alt.deindexed;
-              var bind_set_1 = (v) => void (alt.deindexed = v || void 0);
-              TextInput($$renderer4, {
-                label: "Name",
-                get value() {
-                  return alt.name;
-                },
-                set value($$value) {
-                  alt.name = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              TextBox($$renderer4, {
-                label: "Description",
-                get value() {
-                  return alt.description;
-                },
-                set value($$value) {
-                  alt.description = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              TextBox($$renderer4, {
-                label: "Alt Text",
-                get value() {
-                  return alt.alt;
-                },
-                set value($$value) {
-                  alt.alt = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> <div class="my-4"></div> `);
-              Checkbox($$renderer4, {
-                label: "NSFW?",
-                get checked() {
-                  return bind_get();
-                },
-                set checked($$value) {
-                  bind_set($$value);
-                }
-              });
-              $$renderer4.push(`<!----> <div class="my-4"></div> `);
-              Checkbox($$renderer4, {
-                label: "Deindexed?",
-                get checked() {
-                  return bind_get_1();
-                },
-                set checked($$value) {
-                  bind_set_1($$value);
-                }
-              });
-              $$renderer4.push(`<!----> <div class="my-4"></div> `);
-              ImageEdit($$renderer4, {
-                galleryPath: { ...galleryPath, alt: alt.name, altIndex: i },
-                class: alt.nsfw ? "duration-300ms blur-lg transition-[filter] hover:blur-none hover:duration-[3s]" : "",
-                get resource() {
-                  return value[i];
-                },
-                set resource($$value) {
-                  value[i] = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> <div><button class="cursor-pointer rounded-2xl border p-3">Delete</button> `);
-              if (i !== 0) {
-                $$renderer4.push("<!--[-->");
-                $$renderer4.push(`<button class="cursor-pointer rounded-2xl border p-3">Up</button>`);
-              } else {
-                $$renderer4.push("<!--[!-->");
-              }
-              $$renderer4.push(`<!--]--> `);
-              if (i !== (value?.length ?? 0) - 1) {
-                $$renderer4.push("<!--[-->");
-                $$renderer4.push(`<button class="cursor-pointer rounded-2xl border p-3">Down</button>`);
-              } else {
-                $$renderer4.push("<!--[!-->");
-              }
-              $$renderer4.push(`<!--]--></div>`);
-            },
-            $$slots: { collapsedRight: true, default: true }
-          });
-        }
-      }
-      $$renderer3.push(`<!--]--> <div class="flex">`);
-      AddImageButton($$renderer3, {
-        title: `Drag image to add a new ${stringify(shortLabel ?? "alt")}`,
-        existingIdentifiers: value?.map((p) => p.name) ?? [],
-        galleryPath,
-        onUpload: (data) => {
-          if (!value) {
-            value = [];
-          }
-          for (let i = 0; i < data.length; i++) {
-            overrides.setFromNew(
-              {
-                ...galleryPath,
-                alt: data[i].piece.name,
-                altIndex: value.length + i
-              },
-              data[i].file
-            );
-          }
-          value = [
-            ...value,
-            ...data.map((p) => p.piece).map((p) => ({
-              alt: p.alt,
-              image: p.image,
-              name: p.name,
-              description: p.description,
-              video: p.video
-            }))
-          ];
-        }
-      });
-      $$renderer3.push(`<!----></div></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { value });
-  });
-}
-function ScreenSentinel($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    $$renderer2.push(`<div></div>`);
-  });
-}
-async function persistGallery(galleryPath, gallery, invalidate = true) {
-  try {
-    await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: galleryPath }), {
-      method: "POST",
-      body: JSON.stringify(gallery),
-      headers: { "Content-Type": "application/json" }
-    });
-  } finally {
-    if (invalidate) {
-      await invalidateAll();
-    }
-  }
-}
-function _page($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const { data } = $$props;
-    const rawGallery = derived(() => data.galleries[data.galleryPath]);
-    let g = rawGallery();
-    let filters = [];
-    let searchMode = "every";
-    const sorted = derived(() => g && isBaseGallery(g) ? g.pieces.map((v, i) => [v, i]).toSorted(([a], [b]) => b.date.getTime() - a.date.getTime()).filter(([piece]) => filters.length === 0 || filters[searchMode]((rr) => {
-      const doesMatch = (() => {
-        switch (rr.type) {
-          case "piece":
-            return rr.resource.slug === piece.slug;
-          case "artist": {
-            const as = normalizeArtist(piece.artist, data.allArtists);
-            return as.some((a) => (a.info?.handle ?? a.name)?.toLowerCase() === (rr.resource.info?.handle ?? a.name)?.toLowerCase());
-          }
-          case "character": {
-            const ac = normalizeCharacter(piece.characters, data.allCharacters);
-            return ac.some((c) => c.info ? c.info.name?.toLowerCase() === rr.resource.info?.name?.toLowerCase() : c.name.toLowerCase() === rr.resource.name.toLowerCase() && c.from?.toLowerCase() === rr.resource.from?.toLowerCase());
-          }
-          case "tag": {
-            return piece.tags?.find((t) => t.toLowerCase() === rr.resource.toLowerCase()) ?? false;
-          }
-        }
-      })();
-      return rr.negated ? !doesMatch : doesMatch;
-    })) : []);
-    useArtistsContext(data.allArtists);
-    useCharacterContext(data.allCharacters);
-    let refs = {};
-    let loading = false;
-    const overrides = getOverrides();
-    let epoch = getEpoch();
-    let shiftDown = false;
-    let limit = 9;
-    let bulkSelected = [];
-    let completingBulk = false;
-    let bulkModifications = {
-      add: { artists: [], characters: [], tags: [] },
-      remove: { artists: [], characters: [], tags: [] },
-      isDeindexed: null,
-      isNsfw: null
-    };
-    async function save() {
-      loading = true;
-      try {
-        await persistGallery(
-          data.galleryPath,
-          g,
-          /* invalidate = */
-          false
-        );
-        epoch.epoch += 1;
-        overrides.reset();
-        await invalidateAll();
-      } finally {
-        loading = false;
-      }
-    }
-    let selectedPieceData = null;
-    let copyPath = "";
-    const filterable = derived(() => {
-      const artistRefs = normalizeArtist(Object.keys(data.allArtists), data.allArtists).map((a) => ({ type: "artist", resource: a }));
-      const tags = data.allTags.map((v) => ({ type: "tag", resource: v }));
-      const char = normalizeCharacter(Object.keys(data.allCharacters), data.allCharacters).map((c) => ({ type: "character", resource: c }));
-      function getKey(r) {
-        const base = (() => {
-          switch (r.type) {
-            case "artist":
-              return "artist:" + r.resource.info.handle.toLowerCase().trim();
-            case "character":
-              return "character:" + (r.resource.name + (r.resource.from ? ":" + r.resource.from : "")).toLowerCase().trim();
-            case "tag":
-              return "tag:" + r.resource.toLowerCase().trim();
-            default:
-              throw Error("Unsupported");
-          }
-        })();
-        if (r.negated) {
-          return "-" + base;
-        }
-        return base;
-      }
-      const positive = Object.fromEntries(addVisualization(addKey([...artistRefs, ...tags, ...char], getKey), getKey).map((v) => {
-        return [getKey(v), v];
-      }));
-      const negative = Object.fromEntries(addVisualization(addKey([...artistRefs, ...tags, ...char].map((v) => ({ ...v, negated: true })), getKey), getKey).map((v) => {
-        return [getKey(v), v];
-      }));
-      return { ...positive, ...negative };
-    });
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      head("10lyvyb", $$renderer3, ($$renderer4) => {
-        $$renderer4.title(($$renderer5) => {
-          $$renderer5.push(`<title>${escape_html(data.galleryPath)} | Art Site Editor</title>`);
-        });
-      });
-      if (isExtendsGallery(g)) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="flex flex-col">`);
-        ExtendsEdit($$renderer3, {
-          allGalleries: data.allGalleryRelpaths,
-          get value() {
-            return g.$extends;
-          },
-          set value($$value) {
-            g.$extends = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----> `);
-        ActionButton($$renderer3, {
-          action: save,
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->Save`);
-          }
-        });
-        $$renderer3.push(`<!----></div>`);
-      } else {
-        let addButton = function($$renderer4) {
-          $$renderer4.push(`<div class="m-2 flex items-center gap-x-2"><div class="flex grow">`);
-          {
-            $$renderer4.push("<!--[!-->");
-            AddImageButton($$renderer4, {
-              title: "Drag (or paste) an image to add it",
-              defaultArtist: data.config?.defaultArtist ?? null,
-              existingIdentifiers: isBaseGallery(g) ? g?.pieces?.map((p) => p.slug) ?? [] : [],
-              galleryPath: { gallery: data.galleryPath, piece: "" },
-              onUpload: (additionalPieces) => {
-                if (!isBaseGallery(g)) return;
-                for (const piece of additionalPieces) {
-                  overrides.setFromNew({ gallery: data.galleryPath, piece: piece.piece.slug }, piece.file);
-                }
-                g.pieces = [...g.pieces, ...additionalPieces.map((p) => p.piece)];
-                save();
-              }
-            });
-          }
-          $$renderer4.push(`<!--]--></div> <div><button${attr_class(`block grow cursor-pointer rounded-2xl border ${stringify("border-gray-400")} p-4 text-left text-gray-600 select-none hover:bg-gray-100 active:bg-gray-200`)}><i${attr_class(clsx("fa-regular fa-square-check"))}></i> `);
-          {
-            $$renderer4.push("<!--[!-->");
-            $$renderer4.push(`Bulk Edit`);
-          }
-          $$renderer4.push(`<!--]--></button></div> <div><a${attr("href", resolve("/gallery/[...gallerypath]/bluesky", { gallerypath: data.galleryPath }))} class="block grow cursor-pointer rounded-2xl border border-blue-400 p-4 text-left text-blue-600 select-none hover:bg-blue-100 active:bg-blue-200"><i class="fa-brands fa-bluesky"></i> Import from Bluesky</a></div></div>`);
-        };
-        $$renderer3.push("<!--[!-->");
-        addButton($$renderer3);
-        $$renderer3.push(`<!----> <div class="flex w-full items-center">`);
-        ChippedInput($$renderer3, {
-          class: "w-full",
-          label: "🔍",
-          labelClass: "",
-          options: filterable(),
-          get value() {
-            return filters;
-          },
-          set value($$value) {
-            filters = $$value;
-            $$settled = false;
-          }
-        });
-        $$renderer3.push(`<!----> `);
-        ActionButton($$renderer3, {
-          action: () => {
-            searchMode = searchMode === "every" ? "some" : "every";
-          },
-          class: "mr-1 h-fit w-12",
-          children: ($$renderer4) => {
-            $$renderer4.push(`<!---->${escape_html(searchMode === "every" ? "all" : "any")}`);
-          }
-        });
-        $$renderer3.push(`<!----></div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
-        const each_array = ensure_array_like(sorted().slice(0, limit));
-        for (let sortedIndex = 0, $$length = each_array.length; sortedIndex < $$length; sortedIndex++) {
-          let [piece, i] = each_array[sortedIndex];
-          $$renderer3.push(`<div class="flex items-center">`);
-          {
-            $$renderer3.push("<!--[!-->");
-          }
-          $$renderer3.push(`<!--]--> `);
-          {
-            let right = function($$renderer4) {
-              $$renderer4.push(`<div class="h-16 max-h-16 w-16 max-w-16">`);
-              OriginalImage($$renderer4, {
-                galleryPath: { gallery: data.galleryPath, piece: piece.slug },
-                isVideo: !!piece.video,
-                class: piece.nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : ""
-              });
-              $$renderer4.push(`<!----></div>`);
-            };
-            Modal($$renderer3, {
-              overrideOnClick: () => {
-                selectedPieceData = [piece, i, sortedIndex];
-              },
-              title: piece.name,
-              subtitle: DateTime.fromJSDate(piece.date).toFormat("f"),
-              class: `m-2 grow rounded-2xl border ${stringify(piece.deindexed ? "bg-gray-200" : "")} ${stringify(piece.nsfw ? "outline-2 outline-amber-600" : "")}`,
-              right,
-              $$slots: { right: true }
-            });
-          }
-          $$renderer3.push(`<!----></div>`);
-        }
-        $$renderer3.push(`<!--]--></div> `);
-        ScreenSentinel($$renderer3);
-        $$renderer3.push(`<!----> `);
-        if (g?.pieces.length > 0) {
-          $$renderer3.push("<!--[-->");
-          addButton($$renderer3);
-        } else {
-          $$renderer3.push("<!--[!-->");
-        }
-        $$renderer3.push(`<!--]--> <div class="flex justify-stretch pl-2">`);
-        Collapsable($$renderer3, {
-          title: "Advanced",
-          class: "w-full",
-          children: ($$renderer4) => {
-            ActionButton($$renderer4, {
-              disabled: !shiftDown,
-              class: `${stringify("cursor-not-allowed font-bold")} w-full text-center `,
-              action: async () => {
-                await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: data.galleryPath }), { method: "DELETE" });
-                await goto(resolve("/"));
-                await invalidateAll();
-              },
-              children: ($$renderer5) => {
-                $$renderer5.push(`<div class="font-normal"><i class="fa-solid fa-trash"></i> Delete Gallery</div> <div class="text-[8pt]">(requires shift-click)</div>`);
-              }
-            });
-            $$renderer4.push(`<!----> `);
-            Collapsable($$renderer4, {
-              title: "JSON",
-              class: "mt-2 no-scrollbar overflow-scroll border-t border-gray-300 text-gray-400",
-              children: ($$renderer5) => {
-                $$renderer5.push(`<pre class="text-gray-900">${escape_html(JSON.stringify(g, null, 4))}</pre>`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer4.push(`<!---->`);
-          },
-          $$slots: { default: true }
-        });
-        $$renderer3.push(`<!----></div>`);
-      }
-      $$renderer3.push(`<!--]--> `);
-      if (isBaseGallery(g) && limit < g?.pieces.length) {
-        $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<div class="h-screen"></div>`);
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]--> `);
-      {
-        let modalRight = function($$renderer4) {
-          $$renderer4.push(`<div class="flex items-stretch gap-x-3 py-1"><div>`);
-          if (!loading) {
-            $$renderer4.push("<!--[-->");
-            $$renderer4.push(`<button class="h-full cursor-pointer rounded-2xl border p-3 hover:bg-gray-300 active:bg-gray-500"><i class="fa-regular fa-save"></i> <span>Save</span></button>`);
-          } else {
-            $$renderer4.push("<!--[!-->");
-            $$renderer4.push(`<div class="h-full cursor-pointer rounded-2xl border p-3">Saving...</div>`);
-          }
-          $$renderer4.push(`<!--]--> `);
-          {
-            $$renderer4.push("<!--[!-->");
-          }
-          $$renderer4.push(`<!--]--></div></div>`);
-        };
-        Modal($$renderer3, {
-          headless: true,
-          title: "Complete Bulk",
-          get open() {
-            return completingBulk;
-          },
-          set open($$value) {
-            completingBulk = $$value;
-            $$settled = false;
-          },
-          modalRight,
-          children: ($$renderer4) => {
-            $$renderer4.push(`<div>Editing ${escape_html(bulkSelected.length)} entries:</div> <div class="flex items-stretch"><div class="flex w-20 items-center">Add:</div> <div class="m-4 w-2 border border-r-0"></div> <div class="flex flex-col">`);
-            ArtistEdit($$renderer4, {
-              get artists() {
-                return bulkModifications.add.artists;
-              },
-              set artists($$value) {
-                bulkModifications.add.artists = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----> `);
-            TagEdit($$renderer4, {
-              possibleTags: data.allTags,
-              prefix: "#",
-              get value() {
-                return bulkModifications.add.tags;
-              },
-              set value($$value) {
-                bulkModifications.add.tags = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----> `);
-            CharactersEdit($$renderer4, {
-              allCharacters: data.allCharacterRefs,
-              get characters() {
-                return bulkModifications.add.characters;
-              },
-              set characters($$value) {
-                bulkModifications.add.characters = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----></div></div> <div class="m-2 w-full border-t border-dashed border-gray-300"></div> <div class="flex items-stretch"><div class="flex w-20 items-center">Remove:</div> <div class="m-4 w-2 border border-r-0"></div> <div class="flex flex-col">`);
-            ArtistEdit($$renderer4, {
-              get artists() {
-                return bulkModifications.remove.artists;
-              },
-              set artists($$value) {
-                bulkModifications.remove.artists = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----> `);
-            TagEdit($$renderer4, {
-              possibleTags: data.allTags,
-              prefix: "#",
-              get value() {
-                return bulkModifications.remove.tags;
-              },
-              set value($$value) {
-                bulkModifications.remove.tags = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----> `);
-            CharactersEdit($$renderer4, {
-              allCharacters: data.allCharacterRefs,
-              get characters() {
-                return bulkModifications.remove.characters;
-              },
-              set characters($$value) {
-                bulkModifications.remove.characters = $$value;
-                $$settled = false;
-              }
-            });
-            $$renderer4.push(`<!----></div></div> <div class="m-2 w-full border-t border-dashed border-gray-300"></div> `);
-            Collapsable($$renderer4, {
-              title: "Advanced",
-              children: ($$renderer5) => {
-                {
-                  let control = function($$renderer6, v) {
-                    var bind_get_1 = () => v;
-                    var bind_set_1 = (v2) => bulkModifications.isDeindexed = v2;
-                    Checkbox($$renderer6, {
-                      label: "Deindexed?",
-                      right: true,
-                      get checked() {
-                        return bind_get_1();
-                      },
-                      set checked($$value) {
-                        bind_set_1($$value);
-                      }
-                    });
-                  };
-                  OptionalInput($$renderer5, {
-                    label: "Set?",
-                    empty: false,
-                    get value() {
-                      return bulkModifications.isDeindexed;
-                    },
-                    set value($$value) {
-                      bulkModifications.isDeindexed = $$value;
-                      $$settled = false;
-                    },
-                    control,
-                    $$slots: { control: true }
-                  });
-                }
-                $$renderer5.push(`<!----> <div class="my-4"></div> `);
-                {
-                  let control = function($$renderer6, v) {
-                    var bind_get_2 = () => v;
-                    var bind_set_2 = (v2) => bulkModifications.isNsfw = v2;
-                    Checkbox($$renderer6, {
-                      label: "NSFW?",
-                      right: true,
-                      get checked() {
-                        return bind_get_2();
-                      },
-                      set checked($$value) {
-                        bind_set_2($$value);
-                      }
-                    });
-                  };
-                  OptionalInput($$renderer5, {
-                    label: "Set?",
-                    empty: false,
-                    get value() {
-                      return bulkModifications.isNsfw;
-                    },
-                    set value($$value) {
-                      bulkModifications.isNsfw = $$value;
-                      $$settled = false;
-                    },
-                    control,
-                    $$slots: { control: true }
-                  });
-                }
-                $$renderer5.push(`<!----> <div class="my-4"></div> <div class="flex gap-x-3">`);
-                TextInput($$renderer5, {
-                  label: "Copy To...",
-                  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(`<!----> `);
-                {
-                  let loadingContent = function($$renderer6) {
-                    $$renderer6.push(`<!---->Copying...`);
-                  };
-                  ActionButton($$renderer5, {
-                    disabled: !data.galleries[copyPath] || !isBaseGallery(g),
-                    action: async () => {
-                      const target = data.galleries[copyPath];
-                      const src = g;
-                      if (!isBaseGallery(src) || !target || !isBaseGallery(target)) return;
-                      const newPieces = await copyPieces(
-                        bulkSelected.map((k) => {
-                          return src.pieces.find((g2) => g2.slug === k);
-                        }).filter(truthy),
-                        data.galleryPath,
-                        copyPath
-                      );
-                      target.pieces = [...target.pieces, ...newPieces];
-                      await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: copyPath }), {
-                        method: "POST",
-                        body: JSON.stringify(target),
-                        headers: { "Content-Type": "application/json" }
-                      });
-                      copyPath = "";
-                    },
-                    loadingContent,
-                    children: ($$renderer6) => {
-                      $$renderer6.push(`<!---->Copy`);
-                    }
-                  });
-                }
-                $$renderer5.push(`<!----></div>`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer4.push(`<!---->`);
-          },
-          $$slots: { modalRight: true, default: true }
-        });
-      }
-      $$renderer3.push(`<!----> `);
-      if (selectedPieceData && isBaseGallery(g)) {
-        $$renderer3.push("<!--[-->");
-        const [piece, i] = selectedPieceData;
-        var bind_get_3 = () => true;
-        var bind_set_3 = (v) => {
-          if (!v) {
-            selectedPieceData = null;
-            copyPath = "";
-          }
-        };
-        {
-          let modalRight = function($$renderer4) {
-            $$renderer4.push(`<div class="flex items-stretch gap-x-3 py-1"><div><button${attr_class("w-40 rounded-2xl border p-3 text-center", void 0, {
-              "hover:bg-gray-300": shiftDown,
-              "active:bg-gray-500": shiftDown,
-              "cursor-pointer": shiftDown,
-              "hover:font-bold": !shiftDown,
-              "cursor-not-allowed": !shiftDown
-            })} style="line-height: 1;"><div><i class="fa-solid fa-trash"></i> <span class="font-normal">Delete</span></div> <div class="text-[8pt]">(requires shift-click)</div></button></div> <div>`);
-            if (!loading) {
-              $$renderer4.push("<!--[-->");
-              $$renderer4.push(`<button class="h-full cursor-pointer rounded-2xl border p-3 hover:bg-gray-300 active:bg-gray-500"><i class="fa-regular fa-save"></i> <span>Save</span></button>`);
-            } else {
-              $$renderer4.push("<!--[!-->");
-              $$renderer4.push(`<div class="h-full cursor-pointer rounded-2xl border p-3">Saving...</div>`);
-            }
-            $$renderer4.push(`<!--]--> `);
-            {
-              $$renderer4.push("<!--[!-->");
-            }
-            $$renderer4.push(`<!--]--></div></div>`);
-          };
-          Modal($$renderer3, {
-            headless: true,
-            get open() {
-              return bind_get_3();
-            },
-            set open($$value) {
-              bind_set_3($$value);
-            },
-            title: piece.name,
-            modalRight,
-            children: ($$renderer4) => {
-              var bind_get_4 = () => piece.description ?? "";
-              var bind_set_4 = (v) => void (piece.description = v);
-              var bind_get_5 = () => piece.alts_display == "comic_panels";
-              var bind_set_5 = (v) => void (piece.alts_display = v ? "comic_panels" : "alternatives");
-              $$renderer4.push(`<div>`);
-              TextInput($$renderer4, {
-                label: "Name",
-                get value() {
-                  return piece.name;
-                },
-                set value($$value) {
-                  piece.name = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              ArtistEdit($$renderer4, {
-                get artists() {
-                  return piece.artist;
-                },
-                set artists($$value) {
-                  piece.artist = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              DateEdit($$renderer4, {
-                get date() {
-                  return piece.date;
-                },
-                set date($$value) {
-                  piece.date = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              TagEdit($$renderer4, {
-                possibleTags: data.allTags,
-                prefix: "#",
-                get value() {
-                  return piece.tags;
-                },
-                set value($$value) {
-                  piece.tags = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              CharactersEdit($$renderer4, {
-                allCharacters: data.allCharacterRefs,
-                get characters() {
-                  return piece.characters;
-                },
-                set characters($$value) {
-                  piece.characters = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              TextBox($$renderer4, {
-                label: "Description",
-                get value() {
-                  return bind_get_4();
-                },
-                set value($$value) {
-                  bind_set_4($$value);
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              TextBox($$renderer4, {
-                label: "Alt Text",
-                get value() {
-                  return piece.alt;
-                },
-                set value($$value) {
-                  piece.alt = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> <div class="flex">`);
-              {
-                let label = function($$renderer5) {
-                  $$renderer5.push(`<pre class="my-3 w-40">Comic Mode?</pre>`);
-                };
-                Checkbox($$renderer4, {
-                  get checked() {
-                    return bind_get_5();
-                  },
-                  set checked($$value) {
-                    bind_set_5($$value);
-                  },
-                  label,
-                  $$slots: { label: true }
-                });
-              }
-              $$renderer4.push(`<!----></div> `);
-              ImageEdit($$renderer4, {
-                galleryPath: { gallery: data.galleryPath, piece: piece.slug },
-                class: piece.nsfw ? "duration-300ms blur-lg transition-[filter] hover:blur-none hover:duration-[3s]" : "",
-                get resource() {
-                  return g.pieces[i];
-                },
-                set resource($$value) {
-                  g.pieces[i] = $$value;
-                  $$settled = false;
-                }
-              });
-              $$renderer4.push(`<!----> `);
-              if (piece.alts_display === "comic_panels") {
-                $$renderer4.push("<!--[-->");
-                PieceAltEdit($$renderer4, {
-                  label: "Extra Pages",
-                  shortLabel: "page",
-                  galleryPath: { gallery: data.galleryPath, piece: piece.slug },
-                  get value() {
-                    return piece.alts;
-                  },
-                  set value($$value) {
-                    piece.alts = $$value;
-                    $$settled = false;
-                  }
-                });
-              } else {
-                $$renderer4.push("<!--[!-->");
-              }
-              $$renderer4.push(`<!--]--> <div>`);
-              Collapsable($$renderer4, {
-                title: "Advanced",
-                class: "my-3",
-                children: ($$renderer5) => {
-                  var bind_get_7 = () => !!piece.nsfw;
-                  var bind_set_7 = (v) => void (piece.nsfw = v || void 0);
-                  var bind_get_8 = () => !!piece.deindexed;
-                  var bind_set_8 = (v) => void (piece.deindexed = v || void 0);
-                  {
-                    let control = function($$renderer6, enabled, value) {
-                      var bind_get_6 = () => value;
-                      var bind_set_6 = (v) => {
-                        if (g.pieces.find((p) => p.slug === v || p.id === v)) {
-                          return;
-                        }
-                        piece.id = v;
-                      };
-                      TextInput($$renderer6, {
-                        label: "id",
-                        get value() {
-                          return bind_get_6();
-                        },
-                        set value($$value) {
-                          bind_set_6($$value);
-                        },
-                        disabled: !enabled,
-                        onclick: () => {
-                          piece.id = value;
-                          refs[piece.slug]?.focus();
-                        }
-                      });
-                    };
-                    OptionalInput($$renderer5, {
-                      empty: "",
-                      get value() {
-                        return piece.id;
-                      },
-                      set value($$value) {
-                        piece.id = $$value;
-                        $$settled = false;
-                      },
-                      control,
-                      $$slots: { control: true }
-                    });
-                  }
-                  $$renderer5.push(`<!----> <div class="mt-4"></div> `);
-                  Checkbox($$renderer5, {
-                    label: "NSFW?",
-                    get checked() {
-                      return bind_get_7();
-                    },
-                    set checked($$value) {
-                      bind_set_7($$value);
-                    }
-                  });
-                  $$renderer5.push(`<!----> <div class="mt-4"></div> `);
-                  Checkbox($$renderer5, {
-                    label: "Deindexed?",
-                    get checked() {
-                      return bind_get_8();
-                    },
-                    set checked($$value) {
-                      bind_set_8($$value);
-                    }
-                  });
-                  $$renderer5.push(`<!----> <div class="mt-4"></div> <div class="flex gap-x-3">`);
-                  TextInput($$renderer5, {
-                    label: "Copy To...",
-                    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(`<!----> `);
-                  {
-                    let loadingContent = function($$renderer6) {
-                      $$renderer6.push(`<!---->Copying...`);
-                    };
-                    ActionButton($$renderer5, {
-                      disabled: !data.galleries[copyPath] || !isBaseGallery(g),
-                      action: async () => {
-                        const target = data.galleries[copyPath];
-                        if (!target || !isBaseGallery(target)) return;
-                        const newPieces = await copyPieces([piece], data.galleryPath, copyPath);
-                        target.pieces = [...target.pieces, ...newPieces];
-                        await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: copyPath }), {
-                          method: "POST",
-                          body: JSON.stringify(target),
-                          headers: { "Content-Type": "application/json" }
-                        });
-                        copyPath = "";
-                      },
-                      loadingContent,
-                      children: ($$renderer6) => {
-                        $$renderer6.push(`<!---->Copy`);
-                      }
-                    });
-                  }
-                  $$renderer5.push(`<!----></div> <div class="mt-4"></div> `);
-                  if (piece.alts_display !== "comic_panels") {
-                    $$renderer5.push("<!--[-->");
-                    PieceAltEdit($$renderer5, {
-                      label: "Alternatives",
-                      shortLabel: "alt",
-                      galleryPath: { gallery: data.galleryPath, piece: piece.slug },
-                      get value() {
-                        return piece.alts;
-                      },
-                      set value($$value) {
-                        piece.alts = $$value;
-                        $$settled = false;
-                      }
-                    });
-                  } else {
-                    $$renderer5.push("<!--[!-->");
-                  }
-                  $$renderer5.push(`<!--]--> `);
-                  Collapsable($$renderer5, {
-                    title: "JSON",
-                    class: "mt-2 overflow-scroll border-t border-gray-300 text-gray-400",
-                    children: ($$renderer6) => {
-                      $$renderer6.push(`<pre class="text-gray-900">${escape_html(JSON.stringify(piece, null, 4))}</pre>`);
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer5.push(`<!---->`);
-                },
-                $$slots: { default: true }
-              });
-              $$renderer4.push(`<!----></div></div>`);
-            },
-            $$slots: { modalRight: true, default: true }
-          });
-        }
-      } else {
-        $$renderer3.push("<!--[!-->");
-      }
-      $$renderer3.push(`<!--]-->`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-  });
-}
-
-export { _page as default, persistGallery };
-//# sourceMappingURL=_page.svelte-Csn5PqWu.js.map