title | description |
---|---|
Jwt |
Wrapper for jwt-decode. |
Wrapper for jwt-decode.
@install-pkg(jwt-decode)
<script>
import {jwt} from "@sveu/extend/jwt"
const { header, payload } = jwt("your-token")
console.log(header)
console.log(payload)
</script>
<script>
import { jwt } from "@sveu/extend/jwt" // [svp! hl:1]
let token =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c"
$: ({ header, payload } = jwt(token)) // [svp! hl:1]
</script>
<input bind:value="{token}" />
<h1>Header:</h1>
<h2>{JSON.stringify(header)}</h2>
<hr />
<h1>Payload:</h1>
<h2>{JSON.stringify(payload)}</h2>
<script>
import { jwt } from "@sveu/extend/jwt" // [svp! hl:1]
let token =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c"
$: ({ header, payload } = jwt(token, { fallback: "Sorry" })) // [svp! hl:1]
</script>
<input bind:value="{token}" />
<h1>Header:</h1>
<h2>{JSON.stringify(header)}</h2>
<hr />
<h1>Payload:</h1>
<h2>{JSON.stringify(payload)}</h2>
<script>
import { jwt } from "@sveu/extend/jwt" // [svp! hl:1]
function on_error(error) {
alert(error.message)
}
let token =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c"
$: ({ header, payload } = jwt(token, { onError: on_error })) // [svp! hl:1]
</script>
<input bind:value="{token}" />
<h1>Header:</h1>
<h2>{JSON.stringify(header)}</h2>
<hr />
<h1>Payload:</h1>
<h2>{JSON.stringify(payload)}</h2>
Name | Description | Type | Required |
---|---|---|---|
value | JWT string. | string |
Yes |
Nam | Description | Type | Default |
---|---|---|---|
fallback | Value returned when encounter error on decoding. | any |
null |
onError | Error callback for decoding. | (error: unknown) => void |
undefined |