@zitadel/sdk-svelte 0.1.0-alpha.16 → 0.1.0-alpha.18

package/README.md

@@ -29,26 +29,14 @@ The widget's flow events are also surfaced as optional callbacks:
 ## 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" }
-  ]
-}
-```
+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"`.

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(s, t) {
   e.push(t, !0);
   let l = e.prop(t, "purpose", 3, "login"), i = e.state(void 0);
-  function d() {
+  function r() {
     return e.get(i);
   }
   e.user_effect(() => {
-    const a = e.get(i);
-    if (!a)
+    const o = e.get(i);
+    if (!o)
       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 = (_) => 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);
     };
   });
-  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", 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);
 }
 var g = e.from_html("<zitadel-logout></zitadel-logout>", 2);
-function E(_, t) {
+function z(s, t) {
   e.push(t, !0);
   let l = e.state(void 0);
   function i() {
     return e.get(l);
   }
   e.user_effect(() => {
-    const o = e.get(l);
-    if (!o)
+    const a = e.get(l);
+    if (!a)
       return;
-    const a = (s) => t.onSignout?.(s.detail);
-    return o.addEventListener("zitadel-signout", a), () => {
-      o.removeEventListener("zitadel-signout", a);
+    const o = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", o), () => {
+      a.removeEventListener("zitadel-signout", o);
     };
   });
-  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: 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 p = e.from_html("<zitadel-session></zitadel-session>", 2);
-function L(_, t) {
+function E(s, t) {
   e.push(t, !0);
   let l = e.state(void 0);
   function i() {
     return e.get(l);
   }
   e.user_effect(() => {
-    const o = e.get(l);
-    if (!o)
+    const a = e.get(l);
+    if (!a)
       return;
-    const a = (s) => t.onSignout?.(s.detail);
-    return o.addEventListener("zitadel-signout", a), () => {
-      o.removeEventListener("zitadel-signout", a);
+    const o = (m) => t.onSignout?.(m.detail);
+    return a.addEventListener("zitadel-signout", o), () => {
+      a.removeEventListener("zitadel-signout", o);
     };
   });
-  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: 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);
 }
 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.16",
+  "version": "0.1.0-alpha.18",
   "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/api": "0.1.0-alpha.16",
-    "@zitadel/components": "0.1.0-alpha.16",
-    "@zitadel/sdk-core": "0.1.0-alpha.16"
+    "@zitadel/components": "0.1.0-alpha.18",
+    "@zitadel/api": "0.1.0-alpha.18",
+    "@zitadel/sdk-core": "0.1.0-alpha.18"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"