@zitadel/sdk-svelte 0.1.0-alpha.18 → 1.0.0-alpha.20

package/README.md

@@ -23,20 +23,21 @@ TypeScript ≥ 5.0 — the published type definitions re-export with `export typ
 
 `<ZitadelLogout {project} postSignOutUrl="/login" />` works the same way.
 
+The signed-in session card is `<ZitadelSession {project} />` (exported as `ZitadelSession`).
+
 The widget's flow events are also surfaced as optional callbacks:
 `onFlowStep`, `onFlowInput`, `onFlowComplete`, and `onFlowError`.
 
 ## Proxying to the backend (deployment)
 
-The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`). A SPA has no
-server, so in production the path comes from your hosting platform — a
-`vercel.json` rewrite, a `netlify.toml` redirect, or a minimal Cloudflare
-worker — with no secrets on the platform, per
-[ADR 036](https://github.com/zitadel/nextgen/blob/main/docs/adrs/036-api-credential-planes.md).
-CLI scaffolding for these configs is tracked in
-[zitadel/nextgen#560](https://github.com/zitadel/nextgen/issues/560). **Until
-that work lands, production SPA deployment is not yet supported** — the CLI dev
-proxy covers local development.
-
-For local development you can skip the proxy and point `proxyPath` straight at the
-backend (cross-origin), e.g. `proxyPath: "http://localhost:4000"`.
+The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`). In
+production the same-origin path must come from your hosting platform — until
+the CLI can scaffold those configs, **production SPA deployment is not yet
+supported**; see
+[ADR 036](https://github.com/zitadel/nextgen/blob/main/docs/adrs/036-api-credential-planes.md)
+and [zitadel/nextgen#560](https://github.com/zitadel/nextgen/issues/560). The
+CLI dev proxy covers local development.
+
+For local development you can also skip the proxy and point `proxyPath`
+straight at the backend (cross-origin), e.g. `proxyPath: "http://localhost:8080"`
+(the `zitadel start` local runtime default port).

package/dist/index.js

@@ -3,61 +3,61 @@ import * as e from "svelte/internal/client";
 import { businessLocales as j } from "@zitadel/components";
 import { configureZitadel as S, getApi as b, getZitadelConfig as y } from "@zitadel/api/config";
 var f = e.from_html("<zitadel-login></zitadel-login>", 2);
-function h(s, t) {
+function h(i, t) {
   e.push(t, !0);
-  let l = e.prop(t, "purpose", 3, "login"), i = e.state(void 0);
+  let o = e.prop(t, "purpose", 3, "login"), _ = e.state(void 0);
   function r() {
-    return e.get(i);
+    return e.get(_);
   }
   e.user_effect(() => {
-    const o = e.get(i);
-    if (!o)
+    const l = e.get(_);
+    if (!l)
       return;
-    const m = (_) => t.onFlowStep?.(_.detail), d = (_) => t.onFlowInput?.(_.detail), c = (_) => t.onFlowComplete?.(_.detail), u = (_) => t.onFlowError?.(_.detail);
-    return o.addEventListener("zitadel-flow-step", m), o.addEventListener("zitadel-flow-input", d), o.addEventListener("zitadel-flow-complete", c), o.addEventListener("zitadel-flow-error", u), () => {
-      o.removeEventListener("zitadel-flow-step", m), o.removeEventListener("zitadel-flow-input", d), o.removeEventListener("zitadel-flow-complete", c), o.removeEventListener("zitadel-flow-error", u);
+    const m = (s) => t.onFlowStep?.(s.detail), d = (s) => t.onFlowInput?.(s.detail), c = (s) => t.onFlowComplete?.(s.detail), u = (s) => t.onFlowError?.(s.detail);
+    return l.addEventListener("zitadel-flow-step", m), l.addEventListener("zitadel-flow-input", d), l.addEventListener("zitadel-flow-complete", c), l.addEventListener("zitadel-flow-error", u), () => {
+      l.removeEventListener("zitadel-flow-step", m), l.removeEventListener("zitadel-flow-input", d), l.removeEventListener("zitadel-flow-complete", c), l.removeEventListener("zitadel-flow-error", u);
     };
   });
   var n = { getElement: r }, a = f();
-  return e.template_effect(() => e.set_custom_element_data(a, "project", t.project)), e.template_effect(() => e.set_custom_element_data(a, "purpose", l())), e.template_effect(() => e.set_custom_element_data(a, "locales", t.locales)), e.template_effect(() => e.set_custom_element_data(a, "lang", t.lang)), e.template_effect(() => e.set_custom_element_data(a, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(a, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(a, "post-sign-in-url", t.postSignInUrl)), e.template_effect(() => e.set_custom_element_data(a, "flow-name", t.flowName)), e.template_effect(() => e.set_custom_element_data(a, "variant", t.variant)), e.template_effect(() => e.set_custom_element_data(a, "theme", t.theme)), e.bind_this(a, (o) => e.set(i, o), () => e.get(i)), e.append(s, a), e.pop(n);
+  return e.template_effect(() => e.set_custom_element_data(a, "project", t.project)), e.template_effect(() => e.set_custom_element_data(a, "purpose", o())), e.template_effect(() => e.set_custom_element_data(a, "locales", t.locales)), e.template_effect(() => e.set_custom_element_data(a, "lang", t.lang)), e.template_effect(() => e.set_custom_element_data(a, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(a, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(a, "post-sign-in-url", t.postSignInUrl)), e.template_effect(() => e.set_custom_element_data(a, "flow-name", t.flowName)), e.template_effect(() => e.set_custom_element_data(a, "variant", t.variant)), e.template_effect(() => e.set_custom_element_data(a, "theme", t.theme)), e.template_effect(() => e.set_custom_element_data(a, "suppressHeader", t.suppressHeader)), e.bind_this(a, (l) => e.set(_, l), () => e.get(_)), e.append(i, a), e.pop(n);
 }
 var g = e.from_html("<zitadel-logout></zitadel-logout>", 2);
-function z(s, t) {
+function z(i, t) {
   e.push(t, !0);
-  let l = e.state(void 0);
-  function i() {
-    return e.get(l);
+  let o = e.state(void 0);
+  function _() {
+    return e.get(o);
   }
   e.user_effect(() => {
-    const a = e.get(l);
+    const a = e.get(o);
     if (!a)
       return;
-    const o = (m) => t.onSignout?.(m.detail);
-    return a.addEventListener("zitadel-signout", o), () => {
-      a.removeEventListener("zitadel-signout", o);
+    const l = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", l), () => {
+      a.removeEventListener("zitadel-signout", l);
     };
   });
-  var r = { getElement: i }, n = g();
-  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.template_effect(() => e.set_custom_element_data(n, "theme", t.theme)), e.bind_this(n, (a) => e.set(l, a), () => e.get(l)), e.append(s, n), e.pop(r);
+  var r = { getElement: _ }, n = g();
+  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.template_effect(() => e.set_custom_element_data(n, "theme", t.theme)), e.bind_this(n, (a) => e.set(o, a), () => e.get(o)), e.append(i, n), e.pop(r);
 }
 var p = e.from_html("<zitadel-session></zitadel-session>", 2);
-function E(s, t) {
+function E(i, t) {
   e.push(t, !0);
-  let l = e.state(void 0);
-  function i() {
-    return e.get(l);
+  let o = e.state(void 0);
+  function _() {
+    return e.get(o);
   }
   e.user_effect(() => {
-    const a = e.get(l);
+    const a = e.get(o);
     if (!a)
       return;
-    const o = (m) => t.onSignout?.(m.detail);
-    return a.addEventListener("zitadel-signout", o), () => {
-      a.removeEventListener("zitadel-signout", o);
+    const l = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", l), () => {
+      a.removeEventListener("zitadel-signout", l);
     };
   });
-  var r = { getElement: i }, n = p();
-  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.template_effect(() => e.set_custom_element_data(n, "heading", t.heading)), e.template_effect(() => e.set_custom_element_data(n, "logout-label", t.logoutLabel)), e.template_effect(() => e.set_custom_element_data(n, "variant", t.variant)), e.template_effect(() => e.set_custom_element_data(n, "theme", t.theme)), e.bind_this(n, (a) => e.set(l, a), () => e.get(l)), e.append(s, n), e.pop(r);
+  var r = { getElement: _ }, n = p();
+  return e.template_effect(() => e.set_custom_element_data(n, "project", t.project)), e.template_effect(() => e.set_custom_element_data(n, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(n, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(n, "post-sign-out-url", t.postSignOutUrl)), e.template_effect(() => e.set_custom_element_data(n, "heading", t.heading)), e.template_effect(() => e.set_custom_element_data(n, "logout-label", t.logoutLabel)), e.template_effect(() => e.set_custom_element_data(n, "variant", t.variant)), e.template_effect(() => e.set_custom_element_data(n, "theme", t.theme)), e.template_effect(() => e.set_custom_element_data(n, "suppressHeader", t.suppressHeader)), e.bind_this(n, (a) => e.set(o, a), () => e.get(o)), e.append(i, n), e.pop(r);
 }
 export {
   h as ZitadelLogin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-svelte",
-  "version": "0.1.0-alpha.18",
+  "version": "1.0.0-alpha.20",
   "description": "Svelte components for the Zitadel auth UI (client-side SPA).",
   "homepage": "https://github.com/zitadel/nextgen/tree/main/packages/sdk-svelte#readme",
   "bugs": {
@@ -29,9 +29,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@zitadel/components": "0.1.0-alpha.18",
-    "@zitadel/api": "0.1.0-alpha.18",
-    "@zitadel/sdk-core": "0.1.0-alpha.18"
+    "@zitadel/components": "1.0.0-alpha.20",
+    "@zitadel/sdk-core": "1.0.0-alpha.20",
+    "@zitadel/api": "1.0.0-alpha.20"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"