@oktis-works/admin 0.4.22 → 0.4.23

package/dist/server/chunks/MediaLibrary_CfwJY7WG.mjs

@@ -0,0 +1,466 @@
+import { n as useTranslation, r as apiClient } from "./i18n_BgHPm3Sm.mjs";
+import { a as For2, c as Pagination, l as Select, m as onMount, o as Input, p as createSignal, r as Button, s as Modal, u as Show2 } from "./DashboardLayout_DnvPikNH.mjs";
+import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey, ssrStyleProperty } from "solid-js/web";
+//#region src/components/media/MediaLibrary.tsx
+var _tmpl$ = [
+	"<div",
+	" class=\"notice notice--error\">",
+	"</div>"
+];
+var _tmpl$2 = [
+	"<div",
+	" class=\"notice\">",
+	"</div>"
+];
+var _tmpl$3 = [
+	"<div",
+	" class=\"media-grid\">",
+	"</div>"
+];
+var _tmpl$4 = [
+	"<div",
+	" class=\"media-library\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><div class=\"",
+	"\"><p><strong>",
+	"</strong> ou</p><label class=\"btn btn-primary\" style=\"",
+	"\"><!--$-->",
+	"<!--/--><input type=\"file\" multiple style=\"",
+	"\"",
+	"></label><p class=\"muted\">",
+	"</p></div><div class=\"toolbar\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div>"
+];
+var _tmpl$5 = [
+	"<p",
+	" class=\"muted\">",
+	"</p>"
+];
+var _tmpl$6 = ["<img", " loading=\"lazy\">"];
+var _tmpl$7 = [
+	"<button",
+	" type=\"button\" class=\"",
+	"\"><div class=\"media-card__preview\">",
+	"</div><div class=\"media-card__meta\"><span class=\"media-card__name\"",
+	">",
+	"</span><span class=\"muted\"><!--$-->",
+	"<!--/--> · <!--$-->",
+	"<!--/--></span></div></button>"
+];
+var _tmpl$8 = [
+	"<span",
+	" class=\"media-card__ext\">",
+	"</span>"
+];
+var _tmpl$9 = ["<img", ">"];
+var _tmpl$0 = [
+	"<video",
+	" controls",
+	"></video>"
+];
+var _tmpl$1 = [
+	"<audio",
+	" controls",
+	"></audio>"
+];
+var _tmpl$10 = ["<iframe", "></iframe>"];
+var _tmpl$11 = [
+	"<div",
+	" class=\"media-card__ext media-modal__file-icon\">",
+	"</div>"
+];
+var _tmpl$12 = [
+	"<dt",
+	">",
+	"</dt>"
+];
+var _tmpl$13 = [
+	"<dd",
+	">",
+	"</dd>"
+];
+var _tmpl$14 = [
+	"<div",
+	" class=\"media-modal\"><div class=\"media-modal__preview\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div><div class=\"media-modal__layout\"><div class=\"media-modal__fields\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><label class=\"field__label\"><!--$-->",
+	"<!--/--><textarea class=\"input media-modal__textarea\" name=\"media-description\"",
+	"></textarea></label></div><dl class=\"media-details__list media-modal__facts\"><dt>",
+	"</dt><dd>",
+	"</dd><dt>",
+	"</dt><dd>",
+	"</dd><dt>",
+	"</dt><dd>",
+	"</dd><!--$-->",
+	"<!--/--><dt>",
+	"</dt><dd>",
+	"</dd><dt>",
+	"</dt><dd class=\"media-details__url\"><code>",
+	"</code><button class=\"btn btn-secondary btn-sm\" type=\"button\">",
+	"</button></dd></dl></div><div class=\"media-modal__replace\"><label class=\"btn btn-secondary\" style=\"",
+	"\"><!--$-->",
+	"<!--/--><input type=\"file\" style=\"",
+	"\"",
+	"></label><span class=\"muted\">",
+	"</span></div><div class=\"media-details__actions\"><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--><!--$-->",
+	"<!--/--></div></div>"
+];
+function formatSize(bytes) {
+	if (!Number.isFinite(bytes)) return "—";
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / 1048576).toFixed(1)} MB`;
+}
+function isImage(media) {
+	return media.mime_type.startsWith("image/");
+}
+function isVideo(media) {
+	return media.mime_type.startsWith("video/");
+}
+function isAudio(media) {
+	return media.mime_type.startsWith("audio/");
+}
+function isPdf(media) {
+	return media.mime_type === "application/pdf";
+}
+function displayTitle(media) {
+	return media.title?.trim() || media.filename;
+}
+function dimensions(media) {
+	const metadata = media.metadata;
+	const width = Number(metadata?.["width"]);
+	const height = Number(metadata?.["height"]);
+	return width > 0 && height > 0 ? `${width} × ${height} px` : null;
+}
+function draftFrom(media) {
+	return {
+		title: media.title ?? media.filename,
+		alt: media.alt ?? "",
+		caption: media.caption ?? "",
+		description: media.description ?? ""
+	};
+}
+function MediaLibrary(props) {
+	const { t } = useTranslation();
+	const [items, setItems] = createSignal([]);
+	const [total, setTotal] = createSignal(0);
+	const [page, setPage] = createSignal(1);
+	const [search, setSearch] = createSignal("");
+	const [mimeType, setMimeType] = createSignal("");
+	const [error, setError] = createSignal("");
+	const [info, setInfo] = createSignal("");
+	const [uploading, setUploading] = createSignal(false);
+	const [selected, setSelected] = createSignal(null);
+	const [draft, setDraft] = createSignal({
+		title: "",
+		alt: "",
+		caption: "",
+		description: ""
+	});
+	const [dragOver, setDragOver] = createSignal(false);
+	const [savingDetails, setSavingDetails] = createSignal(false);
+	const [replacing, setReplacing] = createSignal(false);
+	const limit = 24;
+	const mediaUrl = (media) => apiClient.mediaUrl(media.url);
+	const load = async () => {
+		try {
+			const result = await apiClient.listMedia({
+				page: page(),
+				limit,
+				search: search() || void 0,
+				mimeType: mimeType() || void 0
+			});
+			setItems(result.data ?? []);
+			setTotal(result.total ?? 0);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	};
+	onMount(load);
+	const searchNow = async () => {
+		setPage(1);
+		await load();
+	};
+	const remove = async (media) => {
+		if (!confirm(t("media.details.confirmDelete", { filename: media.filename }))) return;
+		try {
+			await apiClient.deleteMedia(media.id);
+			if (selected()?.id === media.id) setSelected(null);
+			await load();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	};
+	const saveDetails = async () => {
+		const media = selected();
+		if (!media) return;
+		setSavingDetails(true);
+		setError("");
+		try {
+			const updated = await apiClient.updateMedia(media.id, draft());
+			const merged = {
+				...media,
+				...updated
+			};
+			setSelected(merged);
+			setDraft(draftFrom(merged));
+			setInfo(t("media.details.saved"));
+			await load();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setSavingDetails(false);
+		}
+	};
+	return ssr(_tmpl$4, ssrHydrationKey(), escape(createComponent(Show2, {
+		get when() {
+			return error();
+		},
+		get children() {
+			return ssr(_tmpl$, ssrHydrationKey(), escape(error()));
+		}
+	})), escape(createComponent(Show2, {
+		get when() {
+			return info();
+		},
+		get children() {
+			return ssr(_tmpl$2, ssrHydrationKey(), escape(info()));
+		}
+	})), `upload-zone ${dragOver() || props.focusUpload ? "upload-zone--active" : ""}`, escape(t("media.upload.dropzone")), ssrStyleProperty("cursor:", "pointer"), uploading() ? escape(t("media.upload.uploading")) : escape(t("media.upload.select")), ssrStyleProperty("display:", "none"), ssrAttribute("disabled", uploading(), true), escape(t("media.upload.hint")), escape(createComponent(Input, {
+		name: "media-search",
+		get placeholder() {
+			return t("media.toolbar.search");
+		},
+		get value() {
+			return search();
+		},
+		onInput: (value) => {
+			setSearch(value);
+			searchNow();
+		}
+	})), escape(createComponent(Select, {
+		name: "media-mime",
+		get placeholder() {
+			return t("media.toolbar.allTypes");
+		},
+		get value() {
+			return mimeType();
+		},
+		get options() {
+			return [
+				{
+					value: "image/png",
+					label: t("media.mimeTypes.png")
+				},
+				{
+					value: "image/jpeg",
+					label: t("media.mimeTypes.jpeg")
+				},
+				{
+					value: "image/gif",
+					label: t("media.mimeTypes.gif")
+				},
+				{
+					value: "image/webp",
+					label: t("media.mimeTypes.webp")
+				},
+				{
+					value: "image/svg+xml",
+					label: t("media.mimeTypes.svg")
+				},
+				{
+					value: "application/pdf",
+					label: t("media.mimeTypes.pdf")
+				},
+				{
+					value: "video/mp4",
+					label: t("media.mimeTypes.mp4")
+				},
+				{
+					value: "audio/mpeg",
+					label: t("media.mimeTypes.mp3")
+				}
+			];
+		},
+		onChange: (value) => {
+			setMimeType(value);
+			searchNow();
+		}
+	})), escape(createComponent(Button, {
+		variant: "secondary",
+		onClick: () => void searchNow(),
+		get children() {
+			return t("media.toolbar.searchBtn");
+		}
+	})), escape(createComponent(Show2, {
+		get when() {
+			return items().length > 0;
+		},
+		get fallback() {
+			return ssr(_tmpl$5, ssrHydrationKey(), escape(t("media.empty")));
+		},
+		get children() {
+			return ssr(_tmpl$3, ssrHydrationKey(), escape(createComponent(For2, {
+				get each() {
+					return items();
+				},
+				children: (media) => ssr(_tmpl$7, ssrHydrationKey(), `media-card ${selected()?.id === media.id ? "media-card--selected" : ""}`, escape(createComponent(Show2, {
+					get when() {
+						return isImage(media);
+					},
+					get fallback() {
+						return ssr(_tmpl$8, ssrHydrationKey(), escape(media.mime_type.split("/")[1]?.toUpperCase() ?? "FILE"));
+					},
+					get children() {
+						return ssr(_tmpl$6, ssrHydrationKey() + ssrAttribute("src", escape(mediaUrl(media), true), false) + ssrAttribute("alt", escape(media.alt ?? displayTitle(media), true), false));
+					}
+				})), ssrAttribute("title", escape(displayTitle(media), true), false), escape(displayTitle(media)), escape(media.filename), escape(formatSize(media.size)))
+			})));
+		}
+	})), escape(createComponent(Pagination, {
+		get page() {
+			return page();
+		},
+		limit,
+		get total() {
+			return total();
+		},
+		onPageChange: (next) => {
+			setPage(next);
+			load();
+		}
+	})), escape(createComponent(Modal, {
+		get open() {
+			return Boolean(selected());
+		},
+		get title() {
+			return memo(() => !!selected())() ? displayTitle(selected()) : t("media.details.title");
+		},
+		onClose: () => setSelected(null),
+		get children() {
+			return createComponent(Show2, {
+				get when() {
+					return selected();
+				},
+				children: (media) => ssr(_tmpl$14, ssrHydrationKey(), escape(createComponent(Show2, {
+					get when() {
+						return isImage(media());
+					},
+					get children() {
+						return ssr(_tmpl$9, ssrHydrationKey() + ssrAttribute("src", escape(mediaUrl(media()), true), false) + ssrAttribute("alt", escape(draft().alt || displayTitle(media()), true), false));
+					}
+				})), escape(createComponent(Show2, {
+					get when() {
+						return isVideo(media());
+					},
+					get children() {
+						return ssr(_tmpl$0, ssrHydrationKey(), ssrAttribute("src", escape(mediaUrl(media()), true), false));
+					}
+				})), escape(createComponent(Show2, {
+					get when() {
+						return isAudio(media());
+					},
+					get children() {
+						return ssr(_tmpl$1, ssrHydrationKey(), ssrAttribute("src", escape(mediaUrl(media()), true), false));
+					}
+				})), escape(createComponent(Show2, {
+					get when() {
+						return isPdf(media());
+					},
+					get children() {
+						return ssr(_tmpl$10, ssrHydrationKey() + ssrAttribute("title", escape(displayTitle(media()), true), false) + ssrAttribute("src", escape(mediaUrl(media()), true), false));
+					}
+				})), escape(createComponent(Show2, {
+					get when() {
+						return memo(() => !!(!isImage(media()) && !isVideo(media()) && !isAudio(media())))() && !isPdf(media());
+					},
+					get children() {
+						return ssr(_tmpl$11, ssrHydrationKey(), escape(media().mime_type.split("/")[1]?.toUpperCase() ?? "FILE"));
+					}
+				})), escape(createComponent(Input, {
+					name: "media-title",
+					get label() {
+						return t("media.details.titleField");
+					},
+					get value() {
+						return draft().title;
+					},
+					onInput: (value) => setDraft({
+						...draft(),
+						title: value
+					})
+				})), escape(createComponent(Input, {
+					name: "media-alt",
+					get label() {
+						return t("media.details.alt");
+					},
+					get value() {
+						return draft().alt;
+					},
+					onInput: (value) => setDraft({
+						...draft(),
+						alt: value
+					})
+				})), escape(createComponent(Input, {
+					name: "media-caption",
+					get label() {
+						return t("media.details.caption");
+					},
+					get value() {
+						return draft().caption;
+					},
+					onInput: (value) => setDraft({
+						...draft(),
+						caption: value
+					})
+				})), escape(t("media.details.description")), ssrAttribute("value", escape(draft().description, true), false), escape(t("media.details.file")), escape(media().filename), escape(t("media.details.type")), escape(media().mime_type), escape(t("media.details.size")), escape(formatSize(media().size)), escape(createComponent(Show2, {
+					get when() {
+						return dimensions(media());
+					},
+					get children() {
+						return [ssr(_tmpl$12, ssrHydrationKey(), escape(t("media.details.dimensions"))), ssr(_tmpl$13, ssrHydrationKey(), escape(dimensions(media())))];
+					}
+				})), escape(t("media.details.uploaded")), media().created_at ? escape(new Date(media().created_at).toLocaleString()) : "—", escape(t("media.details.url")), escape(mediaUrl(media())), escape(t("media.details.copy")), ssrStyleProperty("cursor:", "pointer"), replacing() ? escape(t("media.details.replacing")) : escape(t("media.details.replace")), ssrStyleProperty("display:", "none"), ssrAttribute("disabled", replacing(), true), escape(t("media.details.replaceHint")), escape(createComponent(Button, {
+					variant: "primary",
+					get disabled() {
+						return savingDetails();
+					},
+					get loading() {
+						return savingDetails();
+					},
+					onClick: () => void saveDetails(),
+					get children() {
+						return t("media.details.save");
+					}
+				})), escape(createComponent(Button, {
+					variant: "danger",
+					onClick: () => void remove(media()),
+					get children() {
+						return t("media.details.delete");
+					}
+				})), escape(createComponent(Button, {
+					variant: "secondary",
+					onClick: () => setSelected(null),
+					get children() {
+						return t("media.details.close");
+					}
+				})))
+			});
+		}
+	})));
+}
+//#endregion
+export { MediaLibrary as t };

package/dist/server/chunks/{_slug__MPfKFp1f.mjs → _slug__Bf1zTrrT.mjs}

@@ -1,7 +1,7 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, p as addAttribute, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent } from "./compiler_O7J1rlsi.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_DsYrIyKK.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_DnvPikNH.mjs";
 //#region src/pages/plugins/[slug].astro
 var _slug__exports = /* @__PURE__ */ __exportAll({
 	default: () => $$Slug,

package/dist/server/chunks/{access_dvh8pEEF.mjs → access_Iqz1YRc2.mjs}

@@ -1,8 +1,8 @@
 import { r as __exportAll } from "./rolldown-runtime_BMI-E3GI.mjs";
 import { S as createAstro, d as maybeRenderHead, i as renderComponent, u as renderTemplate } from "./server_B5N27szj.mjs";
 import { t as createComponent$1 } from "./compiler_O7J1rlsi.mjs";
-import { n as useTranslation, r as apiClient } from "./i18n_BJJWXenY.mjs";
-import { t as $$DashboardLayout } from "./DashboardLayout_DsYrIyKK.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_BgHPm3Sm.mjs";
+import { t as $$DashboardLayout } from "./DashboardLayout_DnvPikNH.mjs";
 import { createComponent, escape, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createSignal, onMount } from "solid-js";
 //#region src/components/apps/settings/ResourceHubs.tsx