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

package/README.md

@@ -24,6 +24,8 @@ export default component$(() => {
 
 `<ZitadelLogout project={project} postSignOutUrl="/login" />` works the same way.
 
+The signed-in session card is `<ZitadelSession project={project} />` (exported as `ZitadelSession`).
+
 The widget's flow events are surfaced as optional QRL callbacks:
 `onFlowStep$`, `onFlowInput$`, `onFlowComplete$`, and `onFlowError$`.
 
@@ -32,27 +34,14 @@ The widget's flow events are surfaced as optional QRL 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" }
-  ]
-}
-```
-
-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

@@ -5,6 +5,7 @@ import { configureZitadel, getApi, getZitadelConfig, ZitadelConfig, ZitadelProje
 export { configureZitadel, getApi, getZitadelConfig };
 export type { ZitadelConfig, ZitadelProject };
 export * from './types';
+export { businessLocales } from '@zitadel/components';
 /**
  * Wraps each plain-callback handler from the shared SPA contract in a Qwik
  * {@link QRL} and suffixes the prop name with `$`, so the Qwik prop set is

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,mBAAmB,EACnC,aAAa,IAAI,oBAAoB,EACrC,cAAc,IAAI,qBAAqB,EACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAA0C,KAAK,GAAG,EAAE,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC9C,cAAc,SAAS,CAAC;AA+BxB;;;;;GAKG;AACH,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,GAC9F,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GACxB,KAAK;CACV,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,MAAM,CAAC,oBAAoB,CAAC,GAAG;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC;CACxD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,yDAyCvB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAClD,MAAM,CAAC,qBAAqB,CAAC,GAAG;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;CACzD,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,aAAa,0DA6BxB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GACpD,MAAM,CAAC,sBAAsB,CAAC,GAAG;IAC/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,cAAc,2DA+BzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,mBAAmB,EACnC,aAAa,IAAI,oBAAoB,EACrC,cAAc,IAAI,qBAAqB,EACxC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAA0C,KAAK,GAAG,EAAE,KAAK,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC9C,cAAc,SAAS,CAAC;AAIxB,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA+BtD;;;;;GAKG;AACH,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,IAAI,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,GAC9F,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC,GACxB,KAAK;CACV,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,MAAM,CAAC,oBAAoB,CAAC,GAAG;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC;CACxD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,yDA4CvB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAClD,MAAM,CAAC,qBAAqB,CAAC,GAAG;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,oBAAoB,GAAG,SAAS,CAAC,CAAC;CACzD,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,aAAa,0DA8BxB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GACpD,MAAM,CAAC,sBAAsB,CAAC,GAAG;IAC/B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC;CAC1D,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,cAAc,2DAkCzB,CAAC"}

package/dist/index.qwik.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
-import "@zitadel/components";
+import { businessLocales } from "@zitadel/components";
 import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
 import { configureZitadel, getApi, getZitadelConfig } from "@zitadel/api/config";
 function projectProp(project, projectId, proxyPath) {
@@ -53,7 +53,10 @@ const ZitadelLogin = component$((props) => {
     ...localeProps(props.locales, props.lang),
     purpose: props.purpose ?? "login",
     "flow-name": props.flowName,
-    "post-sign-in-url": props.postSignInUrl
+    "post-sign-in-url": props.postSignInUrl,
+    variant: props.variant,
+    theme: props.theme,
+    suppressHeader: props.suppressHeader
   });
 });
 const ZitadelLogout = component$((props) => {
@@ -79,7 +82,8 @@ const ZitadelLogout = component$((props) => {
       }
     },
     ...projectProp(props.project, props.projectId, props.proxyPath),
-    "post-sign-out-url": props.postSignOutUrl
+    "post-sign-out-url": props.postSignOutUrl,
+    theme: props.theme
   });
 });
 const ZitadelSession = component$((props) => {
@@ -107,13 +111,17 @@ const ZitadelSession = component$((props) => {
     ...projectProp(props.project, props.projectId, props.proxyPath),
     "post-sign-out-url": props.postSignOutUrl,
     heading: props.heading,
-    "logout-label": props.logoutLabel
+    "logout-label": props.logoutLabel,
+    variant: props.variant,
+    theme: props.theme,
+    suppressHeader: props.suppressHeader
   });
 });
 export {
   ZitadelLogin,
   ZitadelLogout,
   ZitadelSession,
+  businessLocales,
   configureZitadel,
   getApi,
   getZitadelConfig

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zitadel/sdk-qwik",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.19",
   "description": "Qwik components for the Zitadel auth UI (client-side SPA).",
   "homepage": "https://github.com/zitadel/nextgen/tree/main/packages/sdk-qwik#readme",
   "bugs": {
@@ -29,9 +29,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@zitadel/components": "0.1.0-alpha.17",
-    "@zitadel/sdk-core": "0.1.0-alpha.17",
-    "@zitadel/api": "0.1.0-alpha.17"
+    "@zitadel/api": "0.1.0-alpha.19",
+    "@zitadel/components": "0.1.0-alpha.19",
+    "@zitadel/sdk-core": "0.1.0-alpha.19"
   },
   "peerDependencies": {
     "@builder.io/qwik": "^1.5.0"