opacacms 0.1.8 → 0.1.10

package/bun.lock

@@ -0,0 +1,34 @@
+{
+  "lockfileVersion": 1,
+  "configVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "opacacms",
+      "dependencies": {
+        "hono": "^4.11.4",
+        "zod": "^4.3.5",
+      },
+      "devDependencies": {
+        "@types/bun": "latest",
+      },
+      "peerDependencies": {
+        "typescript": "^5",
+      },
+    },
+  },
+  "packages": {
+    "@types/bun": ["@types/bun@1.3.6", "", { "dependencies": { "bun-types": "1.3.6" } }, "sha512-uWCv6FO/8LcpREhenN1d1b6fcspAB+cefwD7uti8C8VffIv0Um08TKMn98FynpTiU38+y2dUO55T11NgDt8VAA=="],
+
+    "@types/node": ["@types/node@25.0.9", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-/rpCXHlCWeqClNBwUhDcusJxXYDjZTyE8v5oTO7WbL8eij2nKhUeU89/6xgjU7N4/Vh3He0BtyhJdQbDyhiXAw=="],
+
+    "bun-types": ["bun-types@1.3.6", "", { "dependencies": { "@types/node": "*" } }, "sha512-OlFwHcnNV99r//9v5IIOgQ9Uk37gZqrNMCcqEaExdkVq3Avwqok1bJFmvGMCkCE0FqzdY8VMOZpfpR3lwI+CsQ=="],
+
+    "hono": ["hono@4.11.4", "", {}, "sha512-U7tt8JsyrxSRKspfhtLET79pU8K+tInj5QZXs1jSugO1Vq5dFj3kmZsRldo29mTBfcjDRVRXrEZ6LS63Cog9ZA=="],
+
+    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
+    "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
+
+    "zod": ["zod@4.3.5", "", {}, "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g=="],
+  }
+}

package/dist/admin/index.js

@@ -1,260 +1,152 @@
-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);
+import {
+  $config,
+  $hasMetadataError,
+  $isFetchingConfig,
+  $needsInit,
+  $router,
+  AdminClient,
+  AdminLayout,
+  Breadcrumbs,
+  Link,
+  Toast,
+  ToastContainer,
+  createFetcherStore,
+  createMutatorStore,
+  invalidateKeys,
+  mutateCache,
+  revalidateKeys,
+  setConfig,
+  setNeedsInit
+} from "../chunk-2zm8cy1w.js";
+import"../chunk-16vgcf3k.js";
+import {
+  $isSidebarCollapsed,
+  $toasts,
+  clearToast,
+  notify,
+  toggleSidebar
+} from "../chunk-j4d50hrx.js";
+import"../chunk-8sqjbsgt.js";
 
-// 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"))
+// src/admin/custom-field.ts
+function defineCustomField(tagName, adapter) {
+  if (typeof window === "undefined")
     return;
-  const url = serverUrl;
-  const baseURL = url.replace(/\/$/, "") + "/api/auth";
-  if (client && currentURL === baseURL)
+  if (customElements.get(tagName)) {
+    console.warn(`[OpacaCMS] Custom field tag "${tagName}" is already defined.`);
     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) {}
-          }
+  class OpacaCustomFieldElement extends HTMLElement {
+    _value;
+    _fieldConfig;
+    _error;
+    _parentData;
+    _isMounted = false;
+    handleChange = (newValue) => {
+      this.dispatchEvent(new CustomEvent("opacachange", {
+        detail: { value: newValue },
+        bubbles: true,
+        composed: true
+      }));
+    };
+    getProps() {
+      return {
+        value: this._value,
+        fieldConfig: this._fieldConfig,
+        disabled: this.getAttribute("data-disabled") === "true",
+        readOnly: this.getAttribute("data-readonly") === "true",
+        error: this._error,
+        parentData: this._parentData,
+        onChange: this.handleChange
+      };
+    }
+    set error(err) {
+      if (this._error !== err) {
+        this._error = err;
+        if (this._isMounted && adapter.update) {
+          adapter.update(this, this.getProps());
         }
-      ]
+      }
     }
-  });
-};
-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?");
+    get error() {
+      return this._error;
     }
-    if (!client2)
-      throw new Error("API client not configured");
-    const c = client2;
-    if (c) {
-      return c[prop];
+    set parentData(data) {
+      this._parentData = data;
+      if (this._isMounted && adapter.update) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get parentData() {
+      return this._parentData;
+    }
+    set value(val) {
+      const oldValue = this._value;
+      this._value = val;
+      if (this._isMounted && adapter.update && oldValue !== val) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get value() {
+      return this._value;
+    }
+    set fieldConfig(config) {
+      this._fieldConfig = config;
+      if (this._isMounted && adapter.update) {
+        adapter.update(this, this.getProps());
+      }
+    }
+    get fieldConfig() {
+      return this._fieldConfig;
+    }
+    connectedCallback() {
+      if (!this._isMounted) {
+        adapter.mount(this, this.getProps());
+        this._isMounted = true;
+      }
+    }
+    disconnectedCallback() {
+      if (this._isMounted) {
+        if (adapter.unmount) {
+          adapter.unmount(this);
+        }
+        this._isMounted = false;
+      }
     }
-    return;
-  }
-});
-
-// src/admin/stores/query.ts
-var [
-  createFetcherStore,
-  createMutatorStore,
-  { invalidateKeys, revalidateKeys, mutateCache }
-] = nanoquery({
-  fetcher: (...keys) => {
-    const url = keys.join("");
-    return api.get(url).json();
   }
-});
-
-// src/admin/index.ts
-init_ui();
+  customElements.define(tagName, OpacaCustomFieldElement);
+}
+// src/admin/react.tsx
+import React from "react";
+import { createRoot } from "react-dom/client";
+function defineReactField(tagName, Component) {
+  defineCustomField(tagName, {
+    mount: (container, props) => {
+      const el = container;
+      const root = createRoot(el);
+      el._opacaReactRoot = root;
+      root.render(React.createElement(Component, props));
+    },
+    update: (container, props) => {
+      const el = container;
+      const root = el._opacaReactRoot;
+      if (root) {
+        root.render(React.createElement(Component, props));
+      }
+    },
+    unmount: (container) => {
+      const el = container;
+      const root = el._opacaReactRoot;
+      if (root) {
+        setTimeout(() => {
+          root.unmount();
+          delete el._opacaReactRoot;
+        }, 0);
+      }
+    }
+  });
+}
 export {
   toggleSidebar,
   setNeedsInit,