opacacms 0.1.7 → 0.1.8

package/dist/admin/index.js

@@ -1,25 +1,260 @@
-import {
-  $config,
-  $hasMetadataError,
-  $isFetchingConfig,
-  $needsInit,
-  $router,
+import { createRequire } from "node:module";
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toCommonJS = (from) => {
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __moduleCache;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/admin/auth-client.ts
+import { createAuthClient } from "better-auth/client";
+import { adminClient } from "better-auth/client/plugins";
+var client = null, currentURL = null, configureAuth = (serverUrl) => {
+  if (!serverUrl || !serverUrl.startsWith("http"))
+    return;
+  const url = serverUrl;
+  const baseURL = url.replace(/\/$/, "") + "/api/auth";
+  if (client && currentURL === baseURL)
+    return;
+  currentURL = baseURL;
+  client = createAuthClient({
+    baseURL,
+    autoRefresh: true,
+    fetchOptions: {
+      credentials: "include"
+    },
+    plugins: [adminClient()]
+  });
+}, authClient;
+var init_auth_client = __esm(() => {
+  authClient = new Proxy({}, {
+    get(_, prop) {
+      if (!client) {
+        throw new Error("Auth client not configured. Did you provide a valid serverUrl?");
+      }
+      return client[prop];
+    }
+  });
+});
+
+// src/admin/stores/ui.ts
+var exports_ui = {};
+__export(exports_ui, {
+  toggleSidebar: () => toggleSidebar,
+  notify: () => notify,
+  clearToast: () => clearToast,
+  $toasts: () => $toasts,
+  $isSidebarCollapsed: () => $isSidebarCollapsed
+});
+import { persistentAtom } from "@nanostores/persistent";
+import { atom as atom2 } from "nanostores";
+function toggleSidebar() {
+  $isSidebarCollapsed.set(!$isSidebarCollapsed.get());
+}
+function notify(message, type = "success") {
+  const id = Math.random().toString(36).substring(2, 9);
+  $toasts.set([...$toasts.get(), { id, message, type }]);
+}
+function clearToast(id) {
+  $toasts.set($toasts.get().filter((t) => t.id !== id));
+}
+var $toasts, $isSidebarCollapsed;
+var init_ui = __esm(() => {
+  $toasts = atom2([]);
+  $isSidebarCollapsed = persistentAtom("opaca-sidebar-collapsed", false, {
+    encode: JSON.stringify,
+    decode: JSON.parse
+  });
+});
+
+// src/admin/stores/auth.ts
+var exports_auth = {};
+__export(exports_auth, {
+  syncSession: () => syncSession,
+  logout: () => logout,
+  login: () => login,
+  $user: () => $user,
+  $session: () => $session,
+  $isAuthenticated: () => $isAuthenticated,
+  $isAuthPending: () => $isAuthPending
+});
+import { atom as atom3, computed } from "nanostores";
+async function syncSession() {
+  $isAuthPending.set(true);
+  try {
+    const res = await authClient.getSession();
+    $session.set(res.data);
+  } catch (err) {
+    console.error("[OpacaCMS] Failed to sync session:", err);
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+async function login(data) {
+  $isAuthPending.set(true);
+  try {
+    const res = await authClient.signIn.email({
+      email: data.email,
+      password: data.password
+    });
+    if (res.error) {
+      throw new Error(res.error.message || "Invalid credentials");
+    }
+    await syncSession();
+    notify("Logged in successfully", "success");
+    return res;
+  } catch (error) {
+    notify(error instanceof Error ? error.message : "Login failed", "error");
+    throw error;
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+async function logout() {
+  $isAuthPending.set(true);
+  try {
+    await authClient.signOut();
+    $session.set(null);
+    notify("Logged out successfully");
+  } catch {
+    notify("Logout failed", "error");
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+var $session, $isAuthPending, $user, $isAuthenticated;
+var init_auth = __esm(() => {
+  init_auth_client();
+  init_ui();
+  $session = atom3(null);
+  $isAuthPending = atom3(true);
+  $user = computed($session, (session) => session?.user ?? null);
+  $isAuthenticated = computed($session, (session) => !!session);
+});
+// src/admin/router.ts
+import { createRouter } from "@nanostores/router";
+var $router = createRouter({
+  dashboard: "/admin",
+  collections: "/admin/collections/:slug",
+  document: "/admin/collections/:slug/:id",
+  globals: "/admin/globals/:slug",
+  settings: "/admin/settings"
+});
+// src/admin/stores/config.ts
+import { atom } from "nanostores";
+var $config = atom(null);
+var $needsInit = atom(false);
+var $isFetchingConfig = atom(false);
+var $hasMetadataError = atom(false);
+function setConfig(config) {
+  $config.set(config);
+}
+function setNeedsInit(needs) {
+  $needsInit.set(needs);
+}
+// src/admin/stores/query.ts
+import { nanoquery } from "@nanostores/query";
+
+// src/admin/api-client.ts
+import ky from "ky";
+var client2 = null;
+var currentBaseURL = null;
+var configureAPI = (serverUrl) => {
+  if (!serverUrl || !serverUrl.startsWith("http"))
+    return;
+  const url = serverUrl;
+  const baseURL = url.replace(/\/$/, "");
+  if (client2 && currentBaseURL === baseURL)
+    return;
+  currentBaseURL = baseURL;
+  client2 = ky.create({
+    prefixUrl: baseURL,
+    credentials: "include",
+    retry: 0,
+    hooks: {
+      afterResponse: [
+        async (_request, _options, response) => {
+          if (response.status === 401 || response.status === 403) {
+            try {
+              const { $session: $session2 } = await Promise.resolve().then(() => (init_auth(), exports_auth));
+              const { notify: notify2 } = await Promise.resolve().then(() => (init_ui(), exports_ui));
+              $session2.set(null);
+              notify2("Session expired. Please log in again.", "error");
+            } catch (e) {}
+          }
+        }
+      ]
+    }
+  });
+};
+var getCurrentBaseURL = () => {
+  if (!currentBaseURL) {
+    throw new Error("API client not configured. Did you provide a valid serverUrl?");
+  }
+  return currentBaseURL;
+};
+var api = new Proxy({}, {
+  get(_, prop) {
+    if (!client2) {
+      throw new Error("API client not configured. Did you provide a valid serverUrl?");
+    }
+    if (!client2)
+      throw new Error("API client not configured");
+    const c = client2;
+    if (c) {
+      return c[prop];
+    }
+    return;
+  }
+});
+
+// src/admin/stores/query.ts
+var [
   createFetcherStore,
   createMutatorStore,
-  invalidateKeys,
-  mutateCache,
-  revalidateKeys,
-  setConfig,
-  setNeedsInit
-} from "../chunk-fa5mg0hr.js";
-import {
-  $isSidebarCollapsed,
-  $toasts,
-  clearToast,
-  notify,
-  toggleSidebar
-} from "../chunk-j4d50hrx.js";
-import"../chunk-8sqjbsgt.js";
+  { invalidateKeys, revalidateKeys, mutateCache }
+] = nanoquery({
+  fetcher: (...keys) => {
+    const url = keys.join("");
+    return api.get(url).json();
+  }
+});
+
+// src/admin/index.ts
+init_ui();
 export {
   toggleSidebar,
   setNeedsInit,

package/dist/admin/webcomponent.js

@@ -1,32 +1,169 @@
-import {
-  $isAuthPending,
-  $session,
-  authClient,
-  configureAuth,
-  login,
-  logout,
-  syncSession
-} from "../chunk-16vgcf3k.js";
-import {
-  $config,
-  $needsInit,
-  $router,
-  api,
-  configureAPI,
-  createFetcherStore,
-  createMutatorStore,
-  getCurrentBaseURL,
-  setConfig,
-  setNeedsInit
-} from "../chunk-fa5mg0hr.js";
-import {
-  $isSidebarCollapsed,
-  $toasts,
-  clearToast,
-  notify,
-  toggleSidebar
-} from "../chunk-j4d50hrx.js";
-import"../chunk-8sqjbsgt.js";
+import { createRequire } from "node:module";
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toCommonJS = (from) => {
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __moduleCache;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/admin/auth-client.ts
+import { createAuthClient } from "better-auth/client";
+import { adminClient } from "better-auth/client/plugins";
+var client = null, currentURL = null, configureAuth = (serverUrl) => {
+  if (!serverUrl || !serverUrl.startsWith("http"))
+    return;
+  const url = serverUrl;
+  const baseURL = url.replace(/\/$/, "") + "/api/auth";
+  if (client && currentURL === baseURL)
+    return;
+  currentURL = baseURL;
+  client = createAuthClient({
+    baseURL,
+    autoRefresh: true,
+    fetchOptions: {
+      credentials: "include"
+    },
+    plugins: [adminClient()]
+  });
+}, authClient;
+var init_auth_client = __esm(() => {
+  authClient = new Proxy({}, {
+    get(_, prop) {
+      if (!client) {
+        throw new Error("Auth client not configured. Did you provide a valid serverUrl?");
+      }
+      return client[prop];
+    }
+  });
+});
+
+// src/admin/stores/ui.ts
+var exports_ui = {};
+__export(exports_ui, {
+  toggleSidebar: () => toggleSidebar,
+  notify: () => notify,
+  clearToast: () => clearToast,
+  $toasts: () => $toasts,
+  $isSidebarCollapsed: () => $isSidebarCollapsed
+});
+import { persistentAtom } from "@nanostores/persistent";
+import { atom } from "nanostores";
+function toggleSidebar() {
+  $isSidebarCollapsed.set(!$isSidebarCollapsed.get());
+}
+function notify(message, type = "success") {
+  const id = Math.random().toString(36).substring(2, 9);
+  $toasts.set([...$toasts.get(), { id, message, type }]);
+}
+function clearToast(id) {
+  $toasts.set($toasts.get().filter((t) => t.id !== id));
+}
+var $toasts, $isSidebarCollapsed;
+var init_ui = __esm(() => {
+  $toasts = atom([]);
+  $isSidebarCollapsed = persistentAtom("opaca-sidebar-collapsed", false, {
+    encode: JSON.stringify,
+    decode: JSON.parse
+  });
+});
+
+// src/admin/stores/auth.ts
+var exports_auth = {};
+__export(exports_auth, {
+  syncSession: () => syncSession,
+  logout: () => logout,
+  login: () => login,
+  $user: () => $user,
+  $session: () => $session,
+  $isAuthenticated: () => $isAuthenticated,
+  $isAuthPending: () => $isAuthPending
+});
+import { atom as atom2, computed } from "nanostores";
+async function syncSession() {
+  $isAuthPending.set(true);
+  try {
+    const res = await authClient.getSession();
+    $session.set(res.data);
+  } catch (err) {
+    console.error("[OpacaCMS] Failed to sync session:", err);
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+async function login(data) {
+  $isAuthPending.set(true);
+  try {
+    const res = await authClient.signIn.email({
+      email: data.email,
+      password: data.password
+    });
+    if (res.error) {
+      throw new Error(res.error.message || "Invalid credentials");
+    }
+    await syncSession();
+    notify("Logged in successfully", "success");
+    return res;
+  } catch (error) {
+    notify(error instanceof Error ? error.message : "Login failed", "error");
+    throw error;
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+async function logout() {
+  $isAuthPending.set(true);
+  try {
+    await authClient.signOut();
+    $session.set(null);
+    notify("Logged out successfully");
+  } catch {
+    notify("Logout failed", "error");
+  } finally {
+    $isAuthPending.set(false);
+  }
+}
+var $session, $isAuthPending, $user, $isAuthenticated;
+var init_auth = __esm(() => {
+  init_auth_client();
+  init_ui();
+  $session = atom2(null);
+  $isAuthPending = atom2(true);
+  $user = computed($session, (session) => session?.user ?? null);
+  $isAuthenticated = computed($session, (session) => !!session);
+});
 
 // src/admin/webcomponent.tsx
 import r2wc from "@r2wc/react-to-web-component";
@@ -36,6 +173,91 @@ import { useStore as useStore10 } from "@nanostores/react";
 import { Loader2 as Loader211 } from "lucide-react";
 import { useCallback as useCallback10, useEffect as useEffect19, useState as useState26 } from "react";
 
+// src/admin/api-client.ts
+import ky from "ky";
+var client2 = null;
+var currentBaseURL = null;
+var configureAPI = (serverUrl) => {
+  if (!serverUrl || !serverUrl.startsWith("http"))
+    return;
+  const url = serverUrl;
+  const baseURL = url.replace(/\/$/, "");
+  if (client2 && currentBaseURL === baseURL)
+    return;
+  currentBaseURL = baseURL;
+  client2 = ky.create({
+    prefixUrl: baseURL,
+    credentials: "include",
+    retry: 0,
+    hooks: {
+      afterResponse: [
+        async (_request, _options, response) => {
+          if (response.status === 401 || response.status === 403) {
+            try {
+              const { $session: $session2 } = await Promise.resolve().then(() => (init_auth(), exports_auth));
+              const { notify: notify2 } = await Promise.resolve().then(() => (init_ui(), exports_ui));
+              $session2.set(null);
+              notify2("Session expired. Please log in again.", "error");
+            } catch (e) {}
+          }
+        }
+      ]
+    }
+  });
+};
+var getCurrentBaseURL = () => {
+  if (!currentBaseURL) {
+    throw new Error("API client not configured. Did you provide a valid serverUrl?");
+  }
+  return currentBaseURL;
+};
+var api = new Proxy({}, {
+  get(_, prop) {
+    if (!client2) {
+      throw new Error("API client not configured. Did you provide a valid serverUrl?");
+    }
+    if (!client2)
+      throw new Error("API client not configured");
+    const c = client2;
+    if (c) {
+      return c[prop];
+    }
+    return;
+  }
+});
+
+// src/admin/ui/admin-client.tsx
+init_auth_client();
+
+// src/admin/router.ts
+import { createRouter } from "@nanostores/router";
+var $router = createRouter({
+  dashboard: "/admin",
+  collections: "/admin/collections/:slug",
+  document: "/admin/collections/:slug/:id",
+  globals: "/admin/globals/:slug",
+  settings: "/admin/settings"
+});
+
+// src/admin/ui/admin-client.tsx
+init_auth();
+
+// src/admin/stores/config.ts
+import { atom as atom3 } from "nanostores";
+var $config = atom3(null);
+var $needsInit = atom3(false);
+var $isFetchingConfig = atom3(false);
+var $hasMetadataError = atom3(false);
+function setConfig(config) {
+  $config.set(config);
+}
+function setNeedsInit(needs) {
+  $needsInit.set(needs);
+}
+
+// src/admin/ui/admin-client.tsx
+init_ui();
+
 // src/admin/ui/admin-layout.tsx
 import { useStore } from "@nanostores/react";
 import * as LucideIcons from "lucide-react";
@@ -49,6 +271,7 @@ import {
   LogOut,
   Settings
 } from "lucide-react";
+init_ui();
 
 // src/admin/ui/components/link.tsx
 import { jsxDEV } from "react/jsx-dev-runtime";
@@ -1313,9 +1536,24 @@ function traverseNodes(children) {
 }
 
 // src/admin/stores/admin-queries.ts
-import { atom, computed } from "nanostores";
-var $collectionQuery = atom(null);
-var $collectionUrl = computed($collectionQuery, (params) => {
+import { atom as atom4, computed as computed2 } from "nanostores";
+
+// src/admin/stores/query.ts
+import { nanoquery } from "@nanostores/query";
+var [
+  createFetcherStore,
+  createMutatorStore,
+  { invalidateKeys, revalidateKeys, mutateCache }
+] = nanoquery({
+  fetcher: (...keys) => {
+    const url = keys.join("");
+    return api.get(url).json();
+  }
+});
+
+// src/admin/stores/admin-queries.ts
+var $collectionQuery = atom4(null);
+var $collectionUrl = computed2($collectionQuery, (params) => {
   if (!params)
     return null;
   const searchParams = new URLSearchParams;
@@ -1350,8 +1588,8 @@ var $collectionUrl = computed($collectionQuery, (params) => {
 var $collectionData = createFetcherStore([
   $collectionUrl
 ]);
-var $documentQuery = atom(null);
-var $documentUrl = computed($documentQuery, (params) => {
+var $documentQuery = atom4(null);
+var $documentUrl = computed2($documentQuery, (params) => {
   if (!params)
     return null;
   return `api/${params.slug}/${params.id}`;
@@ -1366,8 +1604,8 @@ var $saveDocument = createMutatorStore(async ({ data, revalidate }) => {
   revalidate(`api/${slug}/${id}`);
   return res;
 });
-var $globalQuery = atom(null);
-var $globalUrl = computed($globalQuery, (slug) => {
+var $globalQuery = atom4(null);
+var $globalUrl = computed2($globalQuery, (slug) => {
   if (!slug)
     return null;
   return `api/globals/${slug}`;
@@ -1381,8 +1619,8 @@ var $saveGlobal = createMutatorStore(async ({ data, revalidate }) => {
 });
 
 // src/admin/stores/column-visibility.ts
-import { persistentAtom } from "@nanostores/persistent";
-var $columnVisibility = persistentAtom("opaca-column-visibility", {}, {
+import { persistentAtom as persistentAtom2 } from "@nanostores/persistent";
+var $columnVisibility = persistentAtom2("opaca-column-visibility", {}, {
   encode: JSON.stringify,
   decode: JSON.parse
 });
@@ -1406,6 +1644,9 @@ function initColumnVisibility(slug, fields, defaultColumns) {
   });
 }
 
+// src/admin/ui/views/collection-list-view.tsx
+init_ui();
+
 // src/admin/ui/components/ColumnVisibilityToggle.tsx
 import { useStore as useStore2 } from "@nanostores/react";
 import { Check, ChevronDown as ChevronDown2, Settings2 } from "lucide-react";
@@ -1795,17 +2036,17 @@ import {
 import React14, { useMemo as useMemo4, useRef as useRef4, useState as useState8 } from "react";
 
 // src/admin/stores/media.ts
-import { persistentAtom as persistentAtom2 } from "@nanostores/persistent";
-import { atom as atom2 } from "nanostores";
-var $mediaViewMode = persistentAtom2("opaca-media-view-mode", "grid");
-var $mediaSelectedBucket = persistentAtom2("opaca-media-selected-bucket", "all");
-var $bucketColors = persistentAtom2("opaca-bucket-colors", {}, {
+import { persistentAtom as persistentAtom3 } from "@nanostores/persistent";
+import { atom as atom5 } from "nanostores";
+var $mediaViewMode = persistentAtom3("opaca-media-view-mode", "grid");
+var $mediaSelectedBucket = persistentAtom3("opaca-media-selected-bucket", "all");
+var $bucketColors = persistentAtom3("opaca-bucket-colors", {}, {
   encode: JSON.stringify,
   decode: JSON.parse
 });
-var $mediaCurrentFolder = atom2("");
-var $mediaSearch = atom2("");
-var $mediaPage = atom2(1);
+var $mediaCurrentFolder = atom5("");
+var $mediaSearch = atom5("");
+var $mediaPage = atom5(1);
 var $assets = createFetcherStore(["api/__system/assets", $mediaSelectedBucket, $mediaCurrentFolder, $mediaSearch, $mediaPage], {
   fetcher: (base, bucket, folder, search, page) => {
     const params = new URLSearchParams({
@@ -4258,6 +4499,7 @@ import { useStore as useStore7 } from "@nanostores/react";
 import { useForm } from "@tanstack/react-form";
 import { AlertCircle as AlertCircle2, ArrowLeft, Loader2 as Loader25, Save as Save2, Trash2 as Trash24 } from "lucide-react";
 import { useEffect as useEffect16, useMemo as useMemo8, useState as useState20 } from "react";
+init_ui();
 
 // src/admin/ui/components/fields/index.tsx
 import React17, { useEffect as useEffect15, useRef as useRef7 } from "react";
@@ -6608,6 +6850,7 @@ function DocumentEditView({ collection, id, onBack }) {
 import { useStore as useStore8 } from "@nanostores/react";
 import { AlertCircle as AlertCircle3, Loader2 as Loader26, Save as Save3 } from "lucide-react";
 import { useEffect as useEffect17, useState as useState21 } from "react";
+init_ui();
 import { jsxDEV as jsxDEV55 } from "react/jsx-dev-runtime";
 function GlobalEditView({ global }) {
   const [formData, setFormData] = useState21({});
@@ -6808,6 +7051,7 @@ function GlobalEditView({ global }) {
 }
 
 // src/admin/ui/views/init-view.tsx
+init_auth_client();
 import { AlertCircle as AlertCircle4, Loader2 as Loader27, Lock, ShieldCheck, User } from "lucide-react";
 import { useState as useState22 } from "react";
 import { jsxDEV as jsxDEV56, Fragment as Fragment10 } from "react/jsx-dev-runtime";
@@ -7193,6 +7437,7 @@ import {
 } from "lucide-react";
 import { useMemo as useMemo9, useRef as useRef8, useState as useState24 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
+init_ui();
 import { jsxDEV as jsxDEV58 } from "react/jsx-dev-runtime";
 var formatMediaDate = (date) => {
   if (!date)