@descope/vue-sdk 1.0.0 → 1.0.2
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 +21 -4
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +60 -34
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -38,25 +38,42 @@ app.mount('#app');
|
|
|
38
38
|
|
|
39
39
|
### Use Descope to render specific flow
|
|
40
40
|
|
|
41
|
-
```
|
|
41
|
+
```vue
|
|
42
42
|
<template>
|
|
43
43
|
<Descope
|
|
44
|
-
flowId="
|
|
44
|
+
:flowId.prop="'my-flow-id'"
|
|
45
45
|
@error="handleError"
|
|
46
46
|
@success="handleSuccess"
|
|
47
47
|
/>
|
|
48
|
+
<!-- additional props -->
|
|
49
|
+
<!-- :theme.prop="'dark'" theme can be "light", "dark" or "os", which auto select a theme based on the OS theme. Default is "light" -->
|
|
50
|
+
<!-- :debug.prop="true" debug can be set to true to enable debug mode -->
|
|
51
|
+
<!-- :tenant.prop="tenantId" tenant ID for SSO (SAML) login. If not provided, Descope will use the domain of available email to choose the tenant -->
|
|
52
|
+
<!-- :redirectUrl.prop="redirectUrl" Redirect URL for OAuth and SSO (will be used when redirecting back from the OAuth provider / IdP), or for "Magic Link" and "Enchanted Link" (will be used as a link in the message sent to the the user) -->
|
|
53
|
+
<!-- :autoFocus.prop="'skipFirstScreen'" autoFocus can be true, false or "skipFirstScreen". Default is true. - true: automatically focus on the first input of each screen - false: do not automatically focus on screen's inputs - "skipFirstScreen": automatically focus on the first input of each screen, except first screen -->
|
|
54
|
+
<!-- :errorTransformer.prop="errorTransformer" errorTransformer is a function that receives an error object and returns a string. The returned string will be displayed to the user. NOTE: errorTransformer is not required. If not provided, the error object will be displayed as is. -->
|
|
48
55
|
</template>
|
|
49
56
|
|
|
50
57
|
<script setup>
|
|
51
58
|
import { Descope } from '@descope/vue-sdk';
|
|
52
59
|
|
|
53
60
|
const handleError = (e) => {
|
|
54
|
-
console.log('
|
|
61
|
+
console.log('Could not log in', e);
|
|
55
62
|
};
|
|
56
63
|
|
|
57
64
|
const handleSuccess = (e) => {
|
|
58
|
-
console.log('Logged in', e);
|
|
65
|
+
console.log('Logged in!', e);
|
|
59
66
|
};
|
|
67
|
+
|
|
68
|
+
// let tenantId = '<tenantId>'; // replace with your tenant ID
|
|
69
|
+
// let redirectUrl = '<redirectUrl>'; // replace with your redirect URL
|
|
70
|
+
|
|
71
|
+
// const errorTransformer = (error) => {
|
|
72
|
+
// const translationMap = {
|
|
73
|
+
// SAMLStartFailed: 'Failed to start SAML flow'
|
|
74
|
+
// };
|
|
75
|
+
// return translationMap[error.type] || error.text;
|
|
76
|
+
// };
|
|
60
77
|
</script>
|
|
61
78
|
```
|
|
62
79
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),s=require("@descope/web-component"),r=require("@descope/web-js-sdk");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(s),n=t(r);const u=Symbol("$descope"),a={"x-descope-sdk-name":"vue","x-descope-sdk-version":"1.0.2"},i="undefined"!=typeof window,l=()=>{const s=e.inject(u);if(!s)throw Error("Missing Descope context, make sure you are using the Descope plugin");return s},c=()=>l().sdk,d=["project-id","base-url","flow-id","^theme","^tenant","^debug","^telemetryKey","redirect-url","auto-focus",".errorTransformer"];var p=e.defineComponent({__name:"Descope",props:{flowId:{type:String,required:!0},tenant:{type:String},theme:{type:String},debug:{type:Boolean},telemetryKey:{type:String},redirectUrl:{type:String},autoFocus:{type:Boolean},errorTransformer:{type:Function}},emits:["success","error"],setup(s,{emit:r}){o.default.sdkConfigOverrides={baseHeaders:a};const{projectId:t,baseUrl:n}=l().options,u=c(),i=async e=>{await(u.httpClient.hooks?.afterRequest?.({},new Response(JSON.stringify(e.detail)))),r("success",e)},p=e=>r("error",e);return(r,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("descope-wc",{"project-id":e.unref(t),"base-url":e.unref(n),"flow-id":s.flowId,"^theme":s.theme,"^tenant":s.tenant,"^debug":s.debug,"^telemetryKey":s.telemetryKey,"redirect-url":s.redirectUrl,"auto-focus":s.autoFocus,".errorTransformer":s.errorTransformer,onSuccess:i,onError:p},null,40,d)]))}});p.__file="src/Descope.vue";const f=e=>(...s)=>{let r;try{r=e(...s)}catch(e){console.error(e)}return r};let v;const m=e=>{const s=n.default({...e,persistTokens:i,autoRefresh:i});return v=s,s};v=m({projectId:"temp pid"});const g=()=>i?v?.getSessionToken():(console.warn("Get session token is not supported in SSR"),""),h=f(((e=g(),s)=>v?.getJwtPermissions(e,s))),y=f(((e=g(),s)=>v?.getJwtRoles(e,s))),w=e.ref(null);let S;var k={install:function(s,r){const t=m({...r,persistTokens:!0,autoRefresh:!0,baseHeaders:a});S=t;const o=e.ref(null),n=e.ref(""),i=e.ref(null),l=e.ref(null);t.onSessionTokenChange((e=>{n.value=e})),t.onUserChange((e=>{l.value=e}));const c=async()=>{o.value=!0,await t.refresh(),o.value=!1},d=e.computed((()=>null===o.value)),p=e.computed((()=>null===i.value));w.value=()=>new Promise(((s,r)=>{!n.value&&d.value&&c().catch(r),e.watch((()=>o.value),(()=>!o.value&&s(!!e.unref(n))),{immediate:!0})})),s.provide(u,{session:{fetchSession:c,isLoading:e.readonly(o),session:e.readonly(n),isFetchSessionWasNeverCalled:d},user:{fetchUser:async()=>{i.value=!0,await t.me(),i.value=!1},isLoading:e.readonly(i),user:e.readonly(l),isFetchUserWasNeverCalled:p},sdk:t,options:r})}};exports.Descope=p,exports.default=k,exports.getJwtPermissions=h,exports.getJwtRoles=y,exports.getRefreshToken=()=>i?v?.getRefreshToken():(console.warn("Get refresh token is not supported in SSR"),""),exports.getSdk=()=>S,exports.getSessionToken=g,exports.routeGuard=()=>e.unref(w)?.(),exports.useDescope=c,exports.useSession=()=>{const{session:s}=l();return s.isFetchSessionWasNeverCalled.value&&s.fetchSession(),{isLoading:e.computed((()=>s.isLoading.value||s.isFetchSessionWasNeverCalled.value)),sessionToken:s.session,isAuthenticated:e.computed((()=>!!s.session.value))}},exports.useUser=()=>{const{user:s,session:r}=l(),t=()=>{!s.user.value&&r.session.value&&s.fetchUser()};return t(),e.watch(r.session,t),{isLoading:e.computed((()=>s.isLoading.value||s.isFetchUserWasNeverCalled.value)),user:s.user}};
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,42 +1,68 @@
|
|
|
1
1
|
import * as vue from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { App } from 'vue';
|
|
3
3
|
import * as _descope_core_js_sdk from '@descope/core-js-sdk';
|
|
4
4
|
|
|
5
|
-
declare const _default$1: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
type: StringConstructor;
|
|
10
|
-
required: boolean;
|
|
11
|
-
};
|
|
12
|
-
tenant: {
|
|
13
|
-
type: StringConstructor;
|
|
14
|
-
};
|
|
15
|
-
theme: {
|
|
16
|
-
type: StringConstructor;
|
|
17
|
-
};
|
|
18
|
-
debug: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
};
|
|
21
|
-
telemetryKey: {
|
|
22
|
-
type: StringConstructor;
|
|
23
|
-
};
|
|
24
|
-
redirectUrl: {
|
|
25
|
-
type: StringConstructor;
|
|
26
|
-
};
|
|
27
|
-
autoFocus: {
|
|
28
|
-
type: BooleanConstructor;
|
|
29
|
-
};
|
|
5
|
+
declare const _default$1: vue.DefineComponent<{
|
|
6
|
+
flowId: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
required: true;
|
|
30
9
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
projectId: string;
|
|
34
|
-
baseUrl: string;
|
|
35
|
-
sessionTokenViaCookie: boolean;
|
|
36
|
-
onSuccess: (e: CustomEvent) => Promise<void>;
|
|
37
|
-
onError: (e: Event) => void;
|
|
10
|
+
tenant: {
|
|
11
|
+
type: StringConstructor;
|
|
38
12
|
};
|
|
39
|
-
|
|
13
|
+
theme: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
};
|
|
16
|
+
debug: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
};
|
|
19
|
+
telemetryKey: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
};
|
|
22
|
+
redirectUrl: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
};
|
|
25
|
+
autoFocus: {
|
|
26
|
+
type: BooleanConstructor;
|
|
27
|
+
};
|
|
28
|
+
errorTransformer: {
|
|
29
|
+
type: FunctionConstructor;
|
|
30
|
+
};
|
|
31
|
+
}, (_ctx: any, _cache: any) => vue.VNode<vue.RendererNode, vue.RendererElement, {
|
|
32
|
+
[key: string]: any;
|
|
33
|
+
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("success" | "error")[], "success" | "error", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
|
|
34
|
+
flowId: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
required: true;
|
|
37
|
+
};
|
|
38
|
+
tenant: {
|
|
39
|
+
type: StringConstructor;
|
|
40
|
+
};
|
|
41
|
+
theme: {
|
|
42
|
+
type: StringConstructor;
|
|
43
|
+
};
|
|
44
|
+
debug: {
|
|
45
|
+
type: BooleanConstructor;
|
|
46
|
+
};
|
|
47
|
+
telemetryKey: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
};
|
|
50
|
+
redirectUrl: {
|
|
51
|
+
type: StringConstructor;
|
|
52
|
+
};
|
|
53
|
+
autoFocus: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
};
|
|
56
|
+
errorTransformer: {
|
|
57
|
+
type: FunctionConstructor;
|
|
58
|
+
};
|
|
59
|
+
}>> & {
|
|
60
|
+
onSuccess?: (...args: any[]) => any;
|
|
61
|
+
onError?: (...args: any[]) => any;
|
|
62
|
+
}, {
|
|
63
|
+
debug: boolean;
|
|
64
|
+
autoFocus: boolean;
|
|
65
|
+
}>;
|
|
40
66
|
|
|
41
67
|
type Options = {
|
|
42
68
|
projectId: string;
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{computed as e,watch as s,inject as o,defineComponent as r,openBlock as t,createElementBlock as n,createElementVNode as i,unref as a,ref as l,readonly as u}from"vue";import c from"@descope/web-component";import d from"@descope/web-js-sdk";const p=Symbol("$descope"),v={"x-descope-sdk-name":"vue","x-descope-sdk-version":"1.0.2"},f="undefined"!=typeof window,m=()=>{const e=o(p);if(!e)throw Error("Missing Descope context, make sure you are using the Descope plugin");return e},h=()=>m().sdk,g=()=>{const{session:s}=m();return s.isFetchSessionWasNeverCalled.value&&s.fetchSession(),{isLoading:e((()=>s.isLoading.value||s.isFetchSessionWasNeverCalled.value)),sessionToken:s.session,isAuthenticated:e((()=>!!s.session.value))}},y=()=>{const{user:o,session:r}=m(),t=()=>{!o.user.value&&r.session.value&&o.fetchUser()};return t(),s(r.session,t),{isLoading:e((()=>o.isLoading.value||o.isFetchUserWasNeverCalled.value)),user:o.user}},w=["project-id","base-url","flow-id","^theme","^tenant","^debug","^telemetryKey","redirect-url","auto-focus",".errorTransformer"];var S=r({__name:"Descope",props:{flowId:{type:String,required:!0},tenant:{type:String},theme:{type:String},debug:{type:Boolean},telemetryKey:{type:String},redirectUrl:{type:String},autoFocus:{type:Boolean},errorTransformer:{type:Function}},emits:["success","error"],setup(e,{emit:s}){c.sdkConfigOverrides={baseHeaders:v};const{projectId:o,baseUrl:r}=m().options,l=h(),u=async e=>{await(l.httpClient.hooks?.afterRequest?.({},new Response(JSON.stringify(e.detail)))),s("success",e)},d=e=>s("error",e);return(s,l)=>(t(),n("div",null,[i("descope-wc",{"project-id":a(o),"base-url":a(r),"flow-id":e.flowId,"^theme":e.theme,"^tenant":e.tenant,"^debug":e.debug,"^telemetryKey":e.telemetryKey,"redirect-url":e.redirectUrl,"auto-focus":e.autoFocus,".errorTransformer":e.errorTransformer,onSuccess:u,onError:d},null,40,w)]))}});S.__file="src/Descope.vue";const k=e=>(...s)=>{let o;try{o=e(...s)}catch(e){console.error(e)}return o};let b;const T=e=>{const s=d({...e,persistTokens:f,autoRefresh:f});return b=s,s};b=T({projectId:"temp pid"});const C=()=>f?b?.getSessionToken():(console.warn("Get session token is not supported in SSR"),""),F=()=>f?b?.getRefreshToken():(console.warn("Get refresh token is not supported in SSR"),""),R=k(((e=C(),s)=>b?.getJwtPermissions(e,s))),U=k(((e=C(),s)=>b?.getJwtRoles(e,s))),L=l(null),N=()=>a(L)?.();let j;const D=()=>j;var W={install:function(o,r){const t=T({...r,persistTokens:!0,autoRefresh:!0,baseHeaders:v});j=t;const n=l(null),i=l(""),c=l(null),d=l(null);t.onSessionTokenChange((e=>{i.value=e})),t.onUserChange((e=>{d.value=e}));const f=async()=>{n.value=!0,await t.refresh(),n.value=!1},m=e((()=>null===n.value)),h=e((()=>null===c.value));L.value=()=>new Promise(((e,o)=>{!i.value&&m.value&&f().catch(o),s((()=>n.value),(()=>!n.value&&e(!!a(i))),{immediate:!0})})),o.provide(p,{session:{fetchSession:f,isLoading:u(n),session:u(i),isFetchSessionWasNeverCalled:m},user:{fetchUser:async()=>{c.value=!0,await t.me(),c.value=!1},isLoading:u(c),user:u(d),isFetchUserWasNeverCalled:h},sdk:t,options:r})}};export{S as Descope,W as default,R as getJwtPermissions,U as getJwtRoles,F as getRefreshToken,D as getSdk,C as getSessionToken,N as routeGuard,h as useDescope,g as useSession,y as useUser};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@descope/vue-sdk",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"main": "dist/index.cjs",
|
|
5
5
|
"module": "dist/index.mjs",
|
|
6
6
|
"type": "module",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@descope/web-component": "2.0
|
|
34
|
+
"@descope/web-component": "2.6.0"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"vue": ">=3"
|