@phosart/devtool 0.2.34 → 0.2.36

package/build/server/chunks/{_page.svelte-CSUOqbhb.js → _page.svelte-DmuKCwzv.js}

@@ -1,11 +1,11 @@
-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 { w as head, 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, O as OptionalInput, T as TextBox, I as ImageEdit, 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 { n as normalizeArtist, a as normalizeCharacter } from './6-C3Culhtq.js';
 import { parseDate } from 'chrono-node';
 import { DateTime } from 'luxon';
 import { C as Checkbox } from './Checkbox-DChMOPT3.js';
@@ -19,7 +19,7 @@ import './log-Dgdg632G.js';
 import 'tslog';
 import './SearchInput-B3TKAvNh.js';
 import 'fuzzysort';
-import 'phosart-common/server';
+import '@phosart/common/server';
 import 'node:path';
 import './index-FDRDdWKb.js';
 import './state.svelte-B_f7G8yO.js';
@@ -434,9 +434,15 @@ function _page($$renderer, $$props) {
         loading = false;
       }
     }
+    let selectedPieceData = null;
     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">`);
@@ -505,212 +511,16 @@ function _page($$renderer, $$props) {
                 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,
+              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,
-              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 }
+              $$slots: { right: true }
             });
           }
           $$renderer3.push(`<!----></div>`);
@@ -864,16 +674,16 @@ function _page($$renderer, $$props) {
               children: ($$renderer5) => {
                 {
                   let control = function($$renderer6, v) {
-                    var bind_get_5 = () => v;
-                    var bind_set_5 = (v2) => bulkModifications.isDeindexed = v2;
+                    var bind_get_1 = () => v;
+                    var bind_set_1 = (v2) => bulkModifications.isDeindexed = v2;
                     Checkbox($$renderer6, {
                       label: "Deindexed?",
                       right: true,
                       get checked() {
-                        return bind_get_5();
+                        return bind_get_1();
                       },
                       set checked($$value) {
-                        bind_set_5($$value);
+                        bind_set_1($$value);
                       }
                     });
                   };
@@ -894,16 +704,16 @@ function _page($$renderer, $$props) {
                 $$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;
+                    var bind_get_2 = () => v;
+                    var bind_set_2 = (v2) => bulkModifications.isNsfw = v2;
                     Checkbox($$renderer6, {
                       label: "NSFW?",
                       right: true,
                       get checked() {
-                        return bind_get_6();
+                        return bind_get_2();
                       },
                       set checked($$value) {
-                        bind_set_6($$value);
+                        bind_set_2($$value);
                       }
                     });
                   };
@@ -930,7 +740,232 @@ function _page($$renderer, $$props) {
           $$slots: { modalRight: true, default: true }
         });
       }
-      $$renderer3.push(`<!---->`);
+      $$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;
+          }
+        };
+        {
+          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);
+              $$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(`<!----> `);
+              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_6 = () => !!piece.nsfw;
+                  var bind_set_6 = (v) => void (piece.nsfw = v || void 0);
+                  var bind_get_7 = () => !!piece.deindexed;
+                  var bind_set_7 = (v) => void (piece.deindexed = v || void 0);
+                  {
+                    let control = function($$renderer6, enabled, value) {
+                      var bind_get_5 = () => value;
+                      var bind_set_5 = (v) => void (piece.id = v);
+                      TextInput($$renderer6, {
+                        label: "id",
+                        get value() {
+                          return bind_get_5();
+                        },
+                        set value($$value) {
+                          bind_set_5($$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_6();
+                    },
+                    set checked($$value) {
+                      bind_set_6($$value);
+                    }
+                  });
+                  $$renderer5.push(`<!----> <div class="mt-4"></div> `);
+                  Checkbox($$renderer5, {
+                    label: "Deindexed?",
+                    get checked() {
+                      return bind_get_7();
+                    },
+                    set checked($$value) {
+                      bind_set_7($$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: { modalRight: true, default: true }
+          });
+        }
+      } else {
+        $$renderer3.push("<!--[!-->");
+      }
+      $$renderer3.push(`<!--]-->`);
     }
     do {
       $$settled = true;
@@ -942,4 +977,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default, persistGallery };
-//# sourceMappingURL=_page.svelte-CSUOqbhb.js.map
+//# sourceMappingURL=_page.svelte-DmuKCwzv.js.map