@getauthui/core 0.1.14 → 0.1.15

package/README.md

@@ -15,7 +15,7 @@
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.14"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.15"></script>
 
 <authui-config
   endpoint="https://cloud.appwrite.io/v1"
@@ -65,7 +65,7 @@ CDN:
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.14"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.15"></script>
 ```
 
 The `<style>` keeps `<authui-show>` and the buttons hidden until the module defines them. See [`<authui-show>`](https://getauthui.appwrite.network/docs/components/show).
@@ -73,7 +73,7 @@ The `<style>` keeps `<authui-show>` and the buttons hidden until the module defi
 The default CDN URL is an ESM module: it defines the elements but does **not** set `window.AuthUI`. For `AuthUI.init` / `AuthUI.on` from a classic script, use the IIFE build:
 
 ```html
-<script src="https://unpkg.com/@getauthui/core@0.1.14/dist/authui.cdn.js"></script>
+<script src="https://unpkg.com/@getauthui/core@0.1.15/dist/authui.cdn.js"></script>
 ```
 
 npm:

package/dist/react/index.d.ts

@@ -19,8 +19,12 @@ export declare function useAuthUI(): {
  *
  * Configuration runs during render (not in an effect) so the first paint already
  * sees `configured: true` and a non-null `getClient()` when `endpoint` and
- * `project` are present. Changing any config field reconfigures the store.
- * `configure()` is idempotent, so React Strict Mode double-invoke is safe.
+ * `project` are present. Incomplete config (empty endpoint or project) mirrors
+ * `<authui-config>`: it does not mark configured, and surfaces `configError`.
+ * Changing any config field reconfigures the store. Passing a new object with
+ * the same values is fine; the fingerprint sorts keys so insertion order does
+ * not matter. `configure()` is idempotent, so React Strict Mode double-invoke
+ * is safe.
  */
 export declare function AuthUIProvider({ config, children, }: {
     config: AuthUIConfig;

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAe,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzF,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,qCAAqC,CAAC;AAE7C,iEAAiE;AACjE,wBAAgB,SAAS;;;;;;;;;;;EAUxB;AAOD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CAQf;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,YAAY,CAef;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CAMf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,YAAY,CAEf;AAgBD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;CACxE,GAAG,YAAY,CAEf;AAOD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CA6Bf;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,GAAG,IAAI,CAItB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAe,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzF,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,+BAA+B,CAAC;AACvC,OAAO,gCAAgC,CAAC;AACxC,OAAO,qCAAqC,CAAC;AAE7C,iEAAiE;AACjE,wBAAgB,SAAS;;;;;;;;;;;EAUxB;AAmBD;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CAcf;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,YAAY,CAqBf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CAMf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,YAAY,CAEf;AAgBD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;CACxE,GAAG,YAAY,CAEf;AAOD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,CA6Bf;AAED;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,YAAY,GAAG,IAAI,CAItB"}

package/dist/react.js

@@ -1,73 +1,90 @@
-import { createElement as c, useState as o, useEffect as i, useRef as h, Fragment as a } from "react";
-import { a as s, z as f, c as m, o as d } from "./authui-user-button-CV2B_0j5.js";
+import { createElement as i, useState as r, useEffect as c, useRef as h, Fragment as f } from "react";
+import { a as o, z as m, c as d, o as S } from "./authui-user-button-CV2B_0j5.js";
 function v() {
-  const [e, n] = o(() => s.getState());
-  return i(() => s.on("change", n), []), {
+  const [e, n] = r(() => o.getState());
+  return c(() => o.on("change", n), []), {
     ...e,
-    open: d,
-    close: m,
-    signOut: () => s.signOut(),
-    store: s
+    open: S,
+    close: d,
+    signOut: () => o.signOut(),
+    store: o
   };
 }
-function S(e) {
-  return JSON.stringify(e);
+function l(e) {
+  if (e === null || typeof e != "object") return e;
+  if (Array.isArray(e)) return e.map(l);
+  const n = e, t = {};
+  for (const u of Object.keys(n).sort())
+    t[u] = l(n[u]);
+  return t;
 }
-function A({
+function I(e) {
+  return JSON.stringify(l(e));
+}
+function O({
   config: e,
   children: n
 }) {
-  const t = S(e), u = h(null);
-  return u.current !== t && (u.current = t, s.configure(e)), c(a, null, n);
+  const t = I(e), u = h(null);
+  if (u.current !== t) {
+    u.current = t;
+    const a = e.endpoint?.trim() ?? "", s = e.project?.trim() ?? "";
+    !a || !s ? o.notifyConfigIncomplete() : o.configure(e);
+  }
+  return i(f, null, n);
 }
 function E(e) {
-  const [n, t] = o(null);
-  return i(() => {
+  const [n, t] = r(null);
+  return c(() => {
     !n || e.closeOnSuccess === void 0 || (n.closeOnSuccess = e.closeOnSuccess);
-  }, [n, e.closeOnSuccess]), c("authui-modal", {
+  }, [n, e.closeOnSuccess]), c(() => {
+    !n || typeof e.open != "boolean" || (n.open = e.open);
+  }, [n, e.open]), i("authui-modal", {
     ref: t,
     view: e.view,
-    open: e.open || void 0,
+    // Preserve boolean false; `props.open || undefined` would drop it and leave
+    // the dialog open. Controlled writes also go through the effect above.
+    open: e.open === void 0 ? void 0 : e.open,
     // Lit boolean attrs treat presence as true; write the string "false" so HTML
     // and React can turn the default off. Also set the JS property above.
     "close-on-success": e.closeOnSuccess === !1 ? "false" : e.closeOnSuccess === !0 ? "" : void 0
   });
 }
-function O(e) {
-  return c(
+function b(e) {
+  return i(
     "authui-button",
     { view: e.view, variant: e.variant, size: e.size },
     e.children
   );
 }
-function U(e) {
-  return c(g, e);
+function y(e) {
+  return i(w, e);
 }
-function g(e) {
-  const [n, t] = o(null);
-  return i(() => {
+function w(e) {
+  const [n, t] = r(null);
+  return c(() => {
     if (!n || !e.onSuccess) return;
     const u = () => e.onSuccess?.();
     return n.addEventListener("authui-success", u), () => n.removeEventListener("authui-success", u);
-  }, [n, e.onSuccess]), c("authui-sign-in", { ref: t, view: e.view });
+  }, [n, e.onSuccess]), i("authui-sign-in", { ref: t, view: e.view });
 }
-function M(e) {
-  return c("authui-account", { tab: e.tab });
+function U(e) {
+  return i("authui-account", { tab: e.tab });
 }
-function T(e) {
-  const [n, t] = o(null);
-  return i(() => {
+function M(e) {
+  const [n, t] = r(null);
+  return c(() => {
     !n || e.showTeams === void 0 || (n.showTeams = e.showTeams);
-  }, [n, e.showTeams]), i(() => {
+  }, [n, e.showTeams]), c(() => {
     n && (n.menuItems = e.menuItems ?? []);
-  }, [n, e.menuItems]), i(() => {
+  }, [n, e.menuItems]), c(() => {
     if (!n || !e.onMenuAction) return;
-    const u = (l) => {
-      const r = l.detail?.actionId;
-      r && e.onMenuAction?.(r);
+    const u = (a) => {
+      const s = a.detail?.actionId;
+      s && e.onMenuAction?.(s);
     };
     return n.addEventListener("authui-menu-action", u), () => n.removeEventListener("authui-menu-action", u);
-  }, [n, e.onMenuAction]), c(
+  }, [n, e.onMenuAction]), i(
     "authui-user-button",
     {
       ref: t,
@@ -78,17 +95,17 @@ function T(e) {
     e.children
   );
 }
-function b(e) {
+function j(e) {
   const { status: n } = v();
-  return f(n, e.when, e.unless) ? c(a, null, e.children) : null;
+  return m(n, e.when, e.unless) ? i(f, null, e.children) : null;
 }
 export {
-  M as AuthUIAccount,
-  O as AuthUIButton,
+  U as AuthUIAccount,
+  b as AuthUIButton,
   E as AuthUIModal,
-  A as AuthUIProvider,
-  U as AuthUISignIn,
-  T as AuthUIUserButton,
-  b as Show,
+  O as AuthUIProvider,
+  y as AuthUISignIn,
+  M as AuthUIUserButton,
+  j as Show,
   v as useAuthUI
 };

package/dist/types.d.ts

@@ -121,7 +121,7 @@ export interface AuthUIState {
     configured: boolean;
     /**
      * Developer-facing configuration problem (wrong project, origin, endpoint, or
-     * incomplete <authui-config>). When set, sign-in shows this instead of a form.
+     * incomplete config). When set, sign-in shows this instead of a form.
      */
     configError: string | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getauthui/core",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "description": "Drop-in authentication UI for Appwrite. One script tag, every sign-in method, MFA, sessions and account management as web components.",
   "type": "module",
   "main": "./dist/authui.js",