@zitadel/sdk-solid 0.1.0-alpha.17 → 0.1.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -24
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +40 -32
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -23,32 +23,21 @@ export default function LoginPage() {
|
|
|
23
23
|
|
|
24
24
|
`<ZitadelLogout project={project} postSignOutUrl="/login" />` works the same way.
|
|
25
25
|
|
|
26
|
+
The signed-in session card is `<ZitadelSession project={project} />` (exported as `ZitadelSession`).
|
|
27
|
+
|
|
26
28
|
The widget's flow events are also surfaced as optional callbacks:
|
|
27
29
|
`onFlowStep`, `onFlowInput`, `onFlowComplete`, and `onFlowError`.
|
|
28
30
|
|
|
29
31
|
## Proxying to the backend (deployment)
|
|
30
32
|
|
|
31
|
-
The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`).
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
```json
|
|
45
|
-
// vercel.json
|
|
46
|
-
{
|
|
47
|
-
"rewrites": [
|
|
48
|
-
{ "source": "/__nextgen/(.*)", "destination": "/api/__nextgen/$1" }
|
|
49
|
-
]
|
|
50
|
-
}
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
For local development you can skip the proxy and point `proxyPath` straight at the
|
|
54
|
-
backend (cross-origin), e.g. `proxyPath: "http://localhost:4000"`.
|
|
33
|
+
The widgets call `${proxyPath}/…` same-origin (default `/__nextgen`). In
|
|
34
|
+
production the same-origin path must come from your hosting platform — until
|
|
35
|
+
the CLI can scaffold those configs, **production SPA deployment is not yet
|
|
36
|
+
supported**; see
|
|
37
|
+
[ADR 036](https://github.com/zitadel/nextgen/blob/main/docs/adrs/036-api-credential-planes.md)
|
|
38
|
+
and [zitadel/nextgen#560](https://github.com/zitadel/nextgen/issues/560). The
|
|
39
|
+
CLI dev proxy covers local development.
|
|
40
|
+
|
|
41
|
+
For local development you can also skip the proxy and point `proxyPath`
|
|
42
|
+
straight at the backend (cross-origin), e.g. `proxyPath: "http://localhost:8080"`
|
|
43
|
+
(the `zitadel start` local runtime default port).
|
package/dist/index.d.ts
CHANGED
|
@@ -8,13 +8,16 @@ declare module "solid-js" {
|
|
|
8
8
|
"zitadel-login": Omit<HTMLAttributes<HTMLElement>, "ref"> & {
|
|
9
9
|
ref?: ZitadelLoginElement | ((el: ZitadelLoginElement) => void);
|
|
10
10
|
"prop:project"?: ZitadelProject;
|
|
11
|
-
"prop:locales"?: Record<string, Record<string, string
|
|
11
|
+
"prop:locales"?: Record<string, Partial<Record<string, string>>>;
|
|
12
12
|
"prop:lang"?: string;
|
|
13
13
|
"project-id"?: string;
|
|
14
14
|
"proxy-path"?: string;
|
|
15
15
|
purpose?: string;
|
|
16
16
|
"flow-name"?: string;
|
|
17
17
|
"post-sign-in-url"?: string;
|
|
18
|
+
variant?: "widget" | "page";
|
|
19
|
+
theme?: "light" | "dark" | "auto";
|
|
20
|
+
"prop:suppressHeader"?: boolean;
|
|
18
21
|
"on:zitadel-flow-step"?: (event: CustomEvent<ZitadelFlowStepDetail>) => void;
|
|
19
22
|
"on:zitadel-flow-input"?: (event: CustomEvent<ZitadelFlowInputDetail>) => void;
|
|
20
23
|
"on:zitadel-flow-complete"?: (event: CustomEvent<ZitadelFlowCompleteDetail>) => void;
|
|
@@ -26,6 +29,7 @@ declare module "solid-js" {
|
|
|
26
29
|
"project-id"?: string;
|
|
27
30
|
"proxy-path"?: string;
|
|
28
31
|
"post-sign-out-url"?: string;
|
|
32
|
+
theme?: "light" | "dark" | "auto";
|
|
29
33
|
"on:zitadel-signout"?: (event: CustomEvent<ZitadelSignoutDetail>) => void;
|
|
30
34
|
};
|
|
31
35
|
"zitadel-session": Omit<HTMLAttributes<HTMLElement>, "ref"> & {
|
|
@@ -36,6 +40,9 @@ declare module "solid-js" {
|
|
|
36
40
|
"post-sign-out-url"?: string;
|
|
37
41
|
heading?: string;
|
|
38
42
|
"logout-label"?: string;
|
|
43
|
+
variant?: "widget" | "page";
|
|
44
|
+
theme?: "light" | "dark" | "auto";
|
|
45
|
+
"prop:suppressHeader"?: boolean;
|
|
39
46
|
"on:zitadel-signout"?: (event: CustomEvent<ZitadelSignoutDetail>) => void;
|
|
40
47
|
};
|
|
41
48
|
}
|
|
@@ -44,6 +51,7 @@ declare module "solid-js" {
|
|
|
44
51
|
export { configureZitadel, getApi, getZitadelConfig };
|
|
45
52
|
export type { ZitadelConfig, ZitadelProject };
|
|
46
53
|
export * from './types';
|
|
54
|
+
export { businessLocales } from '@zitadel/components';
|
|
47
55
|
/**
|
|
48
56
|
* Solid component wrapping the `<zitadel-login>` web component. Binds the
|
|
49
57
|
* {@link ZitadelProject} handle as a DOM property (or the discrete project id /
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +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;AAE7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EACL,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EACV,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAEjB,OAAO,QAAQ,UAAU,CAAC;IAExB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG;gBAC1D,GAAG,CAAC,EAAE,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC,CAAC;gBAChE,cAAc,CAAC,EAAE,cAAc,CAAC;gBAChC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { addEventListener as d, use as
|
|
2
|
-
import "@zitadel/components";
|
|
3
|
-
import { configureZitadel as
|
|
4
|
-
var
|
|
5
|
-
function
|
|
1
|
+
import { addEventListener as d, use as h, getOwner as m, effect as s, template as w } from "solid-js/web";
|
|
2
|
+
import { businessLocales as F } from "@zitadel/components";
|
|
3
|
+
import { configureZitadel as b, getApi as C, getZitadelConfig as E } from "@zitadel/api/config";
|
|
4
|
+
var x = /* @__PURE__ */ w("<zitadel-login>", !0, !1, !1), y = /* @__PURE__ */ w("<zitadel-logout>", !0, !1, !1), z = /* @__PURE__ */ w("<zitadel-session>", !0, !1, !1);
|
|
5
|
+
function L(i) {
|
|
6
6
|
return (() => {
|
|
7
|
-
var t =
|
|
8
|
-
d(t, "zitadel-flow-error", (e) =>
|
|
9
|
-
var
|
|
10
|
-
return typeof
|
|
11
|
-
var
|
|
12
|
-
return
|
|
7
|
+
var t = x();
|
|
8
|
+
d(t, "zitadel-flow-error", (e) => i.onFlowError?.(e.detail)), d(t, "zitadel-flow-complete", (e) => i.onFlowComplete?.(e.detail)), d(t, "zitadel-flow-input", (e) => i.onFlowInput?.(e.detail)), d(t, "zitadel-flow-step", (e) => i.onFlowStep?.(e.detail));
|
|
9
|
+
var o = i.ref;
|
|
10
|
+
return typeof o == "function" ? h(o, t) : i.ref = t, t._$owner = m(), s((e) => {
|
|
11
|
+
var a = i.project, n = i.locales, r = i.lang, l = i.projectId, v = i.proxyPath, u = i.purpose ?? "login", f = i.flowName, g = i.postSignInUrl, c = i.variant, j = i.theme, S = i.suppressHeader;
|
|
12
|
+
return a !== e.e && (t.project = e.e = a), n !== e.t && (t.locales = e.t = n), r !== e.a && (t.lang = e.a = r), l !== e.o && (t.projectId = e.o = l), v !== e.i && (t.proxyPath = e.i = v), u !== e.n && (t.purpose = e.n = u), f !== e.s && (t.flowName = e.s = f), g !== e.h && (t.postSignInUrl = e.h = g), c !== e.r && (t.variant = e.r = c), j !== e.d && (t.theme = e.d = j), S !== e.l && (t.suppressHeader = e.l = S), e;
|
|
13
13
|
}, {
|
|
14
14
|
e: void 0,
|
|
15
15
|
t: void 0,
|
|
@@ -18,49 +18,57 @@ function x(o) {
|
|
|
18
18
|
i: void 0,
|
|
19
19
|
n: void 0,
|
|
20
20
|
s: void 0,
|
|
21
|
-
h: void 0
|
|
21
|
+
h: void 0,
|
|
22
|
+
r: void 0,
|
|
23
|
+
d: void 0,
|
|
24
|
+
l: void 0
|
|
22
25
|
}), t;
|
|
23
26
|
})();
|
|
24
27
|
}
|
|
25
|
-
function P(
|
|
28
|
+
function P(i) {
|
|
26
29
|
return (() => {
|
|
27
|
-
var t =
|
|
28
|
-
d(t, "zitadel-signout", (e) =>
|
|
29
|
-
var
|
|
30
|
-
return typeof
|
|
31
|
-
var
|
|
32
|
-
return
|
|
30
|
+
var t = y();
|
|
31
|
+
d(t, "zitadel-signout", (e) => i.onSignout?.(e.detail));
|
|
32
|
+
var o = i.ref;
|
|
33
|
+
return typeof o == "function" ? h(o, t) : i.ref = t, t._$owner = m(), s((e) => {
|
|
34
|
+
var a = i.project, n = i.projectId, r = i.proxyPath, l = i.postSignOutUrl, v = i.theme;
|
|
35
|
+
return a !== e.e && (t.project = e.e = a), n !== e.t && (t.projectId = e.t = n), r !== e.a && (t.proxyPath = e.a = r), l !== e.o && (t.postSignOutUrl = e.o = l), v !== e.i && (t.theme = e.i = v), e;
|
|
33
36
|
}, {
|
|
34
37
|
e: void 0,
|
|
35
38
|
t: void 0,
|
|
36
39
|
a: void 0,
|
|
37
|
-
o: void 0
|
|
40
|
+
o: void 0,
|
|
41
|
+
i: void 0
|
|
38
42
|
}), t;
|
|
39
43
|
})();
|
|
40
44
|
}
|
|
41
|
-
function U(
|
|
45
|
+
function U(i) {
|
|
42
46
|
return (() => {
|
|
43
|
-
var t =
|
|
44
|
-
d(t, "zitadel-signout", (e) =>
|
|
45
|
-
var
|
|
46
|
-
return typeof
|
|
47
|
-
var
|
|
48
|
-
return
|
|
47
|
+
var t = z();
|
|
48
|
+
d(t, "zitadel-signout", (e) => i.onSignout?.(e.detail));
|
|
49
|
+
var o = i.ref;
|
|
50
|
+
return typeof o == "function" ? h(o, t) : i.ref = t, t._$owner = m(), s((e) => {
|
|
51
|
+
var a = i.project, n = i.projectId, r = i.proxyPath, l = i.postSignOutUrl, v = i.heading, u = i.logoutLabel, f = i.variant, g = i.theme, c = i.suppressHeader;
|
|
52
|
+
return a !== e.e && (t.project = e.e = a), n !== e.t && (t.projectId = e.t = n), r !== e.a && (t.proxyPath = e.a = r), l !== e.o && (t.postSignOutUrl = e.o = l), v !== e.i && (t.heading = e.i = v), u !== e.n && (t.logoutLabel = e.n = u), f !== e.s && (t.variant = e.s = f), g !== e.h && (t.theme = e.h = g), c !== e.r && (t.suppressHeader = e.r = c), e;
|
|
49
53
|
}, {
|
|
50
54
|
e: void 0,
|
|
51
55
|
t: void 0,
|
|
52
56
|
a: void 0,
|
|
53
57
|
o: void 0,
|
|
54
58
|
i: void 0,
|
|
55
|
-
n: void 0
|
|
59
|
+
n: void 0,
|
|
60
|
+
s: void 0,
|
|
61
|
+
h: void 0,
|
|
62
|
+
r: void 0
|
|
56
63
|
}), t;
|
|
57
64
|
})();
|
|
58
65
|
}
|
|
59
66
|
export {
|
|
60
|
-
|
|
67
|
+
L as ZitadelLogin,
|
|
61
68
|
P as ZitadelLogout,
|
|
62
69
|
U as ZitadelSession,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
70
|
+
F as businessLocales,
|
|
71
|
+
b as configureZitadel,
|
|
72
|
+
C as getApi,
|
|
73
|
+
E as getZitadelConfig
|
|
66
74
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zitadel/sdk-solid",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.19",
|
|
4
4
|
"description": "Solid components for the Zitadel auth UI (client-side SPA).",
|
|
5
5
|
"homepage": "https://github.com/zitadel/nextgen/tree/main/packages/sdk-solid#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"access": "public"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@zitadel/api": "0.1.0-alpha.
|
|
30
|
-
"@zitadel/sdk-core": "0.1.0-alpha.
|
|
31
|
-
"@zitadel/components": "0.1.0-alpha.
|
|
29
|
+
"@zitadel/api": "0.1.0-alpha.19",
|
|
30
|
+
"@zitadel/sdk-core": "0.1.0-alpha.19",
|
|
31
|
+
"@zitadel/components": "0.1.0-alpha.19"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"solid-js": ">=1.6"
|