@zitadel/sdk-svelte 0.1.0-alpha.17 → 0.1.0-alpha.19

package/README.md

@@ -23,32 +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 on Vercel use `@zitadel/edge-proxy` to forward those calls:
-
-```ts
-// api/__nextgen/[...path].ts  (Vercel Edge Function)
-import { handleProxy, resolveConfig } from '@zitadel/edge-proxy';
-export const config = { runtime: 'edge' };
-const proxyConfig = resolveConfig({
-  apiUrl: process.env.NEXTGEN_API_URL ?? '',
-});
-export default (req: Request) => handleProxy(req, proxyConfig);
-```
-
-```json
-// vercel.json
-{
-  "rewrites": [
-    { "source": "/__nextgen/(.*)", "destination": "/api/__nextgen/$1" }
-  ]
-}
-```
-
-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.d.ts

@@ -4,3 +4,4 @@ export { default as ZitadelSession } from "./ZitadelSession.svelte";
 export { configureZitadel, getApi, getZitadelConfig } from "@zitadel/api/config";
 export type { ZitadelConfig, ZitadelProject } from "@zitadel/api/config";
 export * from "./types";
+export { businessLocales } from "@zitadel/components";

package/dist/index.js

@@ -1,69 +1,70 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import "@zitadel/components";
-import { configureZitadel as x, getApi as S, getZitadelConfig as y } from "@zitadel/api/config";
+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(_, t) {
+function h(i, t) {
   e.push(t, !0);
-  let l = e.prop(t, "purpose", 3, "login"), i = e.state(void 0);
-  function d() {
-    return e.get(i);
+  let o = e.prop(t, "purpose", 3, "login"), _ = e.state(void 0);
+  function r() {
+    return e.get(_);
   }
   e.user_effect(() => {
-    const a = e.get(i);
-    if (!a)
+    const l = e.get(_);
+    if (!l)
       return;
-    const s = (r) => t.onFlowStep?.(r.detail), m = (r) => t.onFlowInput?.(r.detail), u = (r) => t.onFlowComplete?.(r.detail), c = (r) => t.onFlowError?.(r.detail);
-    return a.addEventListener("zitadel-flow-step", s), a.addEventListener("zitadel-flow-input", m), a.addEventListener("zitadel-flow-complete", u), a.addEventListener("zitadel-flow-error", c), () => {
-      a.removeEventListener("zitadel-flow-step", s), a.removeEventListener("zitadel-flow-input", m), a.removeEventListener("zitadel-flow-complete", u), a.removeEventListener("zitadel-flow-error", c);
+    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: d }, o = f();
-  return e.template_effect(() => e.set_custom_element_data(o, "project", t.project)), e.template_effect(() => e.set_custom_element_data(o, "purpose", l())), e.template_effect(() => e.set_custom_element_data(o, "locales", t.locales)), e.template_effect(() => e.set_custom_element_data(o, "lang", t.lang)), e.template_effect(() => e.set_custom_element_data(o, "project-id", t.projectId)), e.template_effect(() => e.set_custom_element_data(o, "proxy-path", t.proxyPath)), e.template_effect(() => e.set_custom_element_data(o, "post-sign-in-url", t.postSignInUrl)), e.template_effect(() => e.set_custom_element_data(o, "flow-name", t.flowName)), e.bind_this(o, (a) => e.set(i, a), () => e.get(i)), e.append(_, o), e.pop(n);
+  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", 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 E(_, 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 o = e.get(l);
-    if (!o)
+    const a = e.get(o);
+    if (!a)
       return;
-    const a = (s) => t.onSignout?.(s.detail);
-    return o.addEventListener("zitadel-signout", a), () => {
-      o.removeEventListener("zitadel-signout", a);
+    const l = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", l), () => {
+      a.removeEventListener("zitadel-signout", l);
     };
   });
-  var d = { 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.bind_this(n, (o) => e.set(l, o), () => e.get(l)), e.append(_, n), e.pop(d);
+  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 L(_, 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 o = e.get(l);
-    if (!o)
+    const a = e.get(o);
+    if (!a)
       return;
-    const a = (s) => t.onSignout?.(s.detail);
-    return o.addEventListener("zitadel-signout", a), () => {
-      o.removeEventListener("zitadel-signout", a);
+    const l = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", l), () => {
+      a.removeEventListener("zitadel-signout", l);
     };
   });
-  var d = { 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.bind_this(n, (o) => e.set(l, o), () => e.get(l)), e.append(_, n), e.pop(d);
+  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,
-  E as ZitadelLogout,
-  L as ZitadelSession,
-  x as configureZitadel,
-  S as getApi,
+  z as ZitadelLogout,
+  E as ZitadelSession,
+  j as businessLocales,
+  S as configureZitadel,
+  b as getApi,
   y as getZitadelConfig
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-svelte",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.19",
   "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.17",
-    "@zitadel/api": "0.1.0-alpha.17",
-    "@zitadel/sdk-core": "0.1.0-alpha.17"
+    "@zitadel/sdk-core": "0.1.0-alpha.19",
+    "@zitadel/api": "0.1.0-alpha.19",
+    "@zitadel/components": "0.1.0-alpha.19"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"