@phosart/devtool 0.2.34

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

@@ -0,0 +1,945 @@
+import { x as ensure_array_like, J as stringify, F as bind_props, y as attr_class, N as clsx, G as attr } from './index2-ChX94GIg.js';
+import { A as AddImageButton, T as TextBox, I as ImageEdit, O as OptionalInput, a as OriginalImage } from './TextBox-C3S0hJ__.js';
+import { M as Modal, C as Collapsable } from './Modal-DA7zbP8z.js';
+import { g as getOverrides, b as getEpoch } from './galleryoverride.svelte-B2ZVvDFe.js';
+import { C as ChippedInput, T as TagEdit, a as ControlledChippedInput } from './TagEdit-3SsU_fnj.js';
+import { a as arrAsObject, T as TextInput } from './TextInput-CQElFTug.js';
+import { s as setContext, C as escape_html, E as getContext } from './context-FIVNPyAB.js';
+import { n as normalizeArtist, a as normalizeCharacter } from './6-CV402NdJ.js';
+import { parseDate } from 'chrono-node';
+import { DateTime } from 'luxon';
+import { C as Checkbox } from './Checkbox-DChMOPT3.js';
+import { a as isBaseGallery, i as isExtendsGallery } from './galleryutil-BkuoU13t.js';
+import { i as invalidateAll, g as goto } from './client-CkT7wwfA.js';
+import { A as ActionButton, r as resolve } from './ActionButton-oTjd-GJn.js';
+import './util-tN3TRq5K.js';
+import '@monaco-editor/loader';
+import './Tooltip-Dslr47kD.js';
+import './log-Dgdg632G.js';
+import 'tslog';
+import './SearchInput-B3TKAvNh.js';
+import 'fuzzysort';
+import 'phosart-common/server';
+import 'node:path';
+import './index-FDRDdWKb.js';
+import './state.svelte-B_f7G8yO.js';
+import './routing-Cz2vwfLK.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 = normalizeArtist(Object.keys(allArtists), allArtists);
+    const normalized = normalizeArtist(pieceArtists, allArtists);
+    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: arrAsObject(normalizedAll, (s) => s.name),
+          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 = 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 = { ...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,
+          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 = (() => {
+      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 } = $$props;
+    const overrides = getOverrides();
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div><div>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></div>`);
+            },
+            $$slots: { collapsedRight: true, default: true }
+          });
+        }
+      }
+      $$renderer3.push(`<!--]--> <div class="flex">`);
+      AddImageButton($$renderer3, {
+        title: "Drag image to add a new 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(`/api/gallery/${galleryPath}/save`, {
+      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;
+    let g = data.rawGallery;
+    const sorted = g && isBaseGallery(g) ? g.pieces.map((v, i) => [v, i]).toSorted(([a], [b]) => b.date.getTime() - a.date.getTime()) : [];
+    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();
+        g = data.rawGallery;
+      } finally {
+        loading = false;
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      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="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>`);
+            }, 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, {
+              overrideOnClick: void 0,
+              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,
+              modalRight,
+              children: ($$renderer4) => {
+                var bind_get_1 = () => piece.description ?? "";
+                var bind_set_1 = (v) => void (piece.description = v);
+                $$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_1();
+                  },
+                  set value($$value) {
+                    bind_set_1($$value);
+                  }
+                });
+                $$renderer4.push(`<!----> `);
+                TextBox($$renderer4, {
+                  label: "Alt Text",
+                  get value() {
+                    return piece.alt;
+                  },
+                  set value($$value) {
+                    piece.alt = $$value;
+                    $$settled = false;
+                  }
+                });
+                $$renderer4.push(`<!----> `);
+                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(`<!----> <div>`);
+                Collapsable($$renderer4, {
+                  title: "Advanced",
+                  class: "my-3",
+                  children: ($$renderer5) => {
+                    var bind_get_3 = () => !!piece.nsfw;
+                    var bind_set_3 = (v) => void (piece.nsfw = v || void 0);
+                    var bind_get_4 = () => !!piece.deindexed;
+                    var bind_set_4 = (v) => void (piece.deindexed = v || void 0);
+                    {
+                      let control = function($$renderer6, enabled, value) {
+                        var bind_get_2 = () => value;
+                        var bind_set_2 = (v) => void (piece.id = v);
+                        TextInput($$renderer6, {
+                          label: "id",
+                          get value() {
+                            return bind_get_2();
+                          },
+                          set value($$value) {
+                            bind_set_2($$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_3();
+                      },
+                      set checked($$value) {
+                        bind_set_3($$value);
+                      }
+                    });
+                    $$renderer5.push(`<!----> <div class="mt-4"></div> `);
+                    Checkbox($$renderer5, {
+                      label: "Deindexed?",
+                      get checked() {
+                        return bind_get_4();
+                      },
+                      set checked($$value) {
+                        bind_set_4($$value);
+                      }
+                    });
+                    $$renderer5.push(`<!----> <div class="mt-4"></div> `);
+                    PieceAltEdit($$renderer5, {
+                      galleryPath: { gallery: data.galleryPath, piece: piece.slug },
+                      get value() {
+                        return piece.alts;
+                      },
+                      set value($$value) {
+                        piece.alts = $$value;
+                        $$settled = false;
+                      }
+                    });
+                    $$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: { right: true, modalRight: true, default: 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(`/api/gallery/${data.galleryPath}/save`, { 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_5 = () => v;
+                    var bind_set_5 = (v2) => bulkModifications.isDeindexed = v2;
+                    Checkbox($$renderer6, {
+                      label: "Deindexed?",
+                      right: true,
+                      get checked() {
+                        return bind_get_5();
+                      },
+                      set checked($$value) {
+                        bind_set_5($$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_6 = () => v;
+                    var bind_set_6 = (v2) => bulkModifications.isNsfw = v2;
+                    Checkbox($$renderer6, {
+                      label: "NSFW?",
+                      right: true,
+                      get checked() {
+                        return bind_get_6();
+                      },
+                      set checked($$value) {
+                        bind_set_6($$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(`<!---->`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          },
+          $$slots: { modalRight: true, default: true }
+        });
+      }
+      $$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-CSUOqbhb.js.map