feat: migrate to authorizer-js v3.x, bump to v1.0.0

lakhansamani · lakhansamani · commit 3e7824f17e70 · 2026-06-17T06:07:22.000+05:30
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -0,0 +1,13 @@
+name: CI
+on: [push, pull_request]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - run: npm install
+      - run: npm run build
+      - run: npm run check
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@authorizerdev/authorizer-svelte",
-	"version": "0.1.9",
+	"version": "1.0.0",
 	"license": "MIT",
 	"author": "Lakhan Samani",
 	"scripts": {
@@ -33,6 +33,6 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@authorizerdev/authorizer-js": "^1.2.6"
+		"@authorizerdev/authorizer-js": "^3.2.1"
 	}
 }
diff --git a/src/lib/components/AuthorizerBasicAuthLogin.svelte b/src/lib/components/AuthorizerBasicAuthLogin.svelte
@@ -6,7 +6,7 @@
 	import { ButtonAppearance, MessageType, Views } from '../constants';
 	import { isValidEmail } from '../utils/common';
 	import type { AuthorizerState } from '../types';
-	import type { LoginInput } from '@authorizerdev/authorizer-js';
+	import type { LoginRequest } from '@authorizerdev/authorizer-js';
 
 	export let setView: Function | undefined = undefined;
 	export let onLogin: Function | undefined = undefined;
@@ -59,7 +59,7 @@
 	const onSubmit = async () => {
 		componentState.loading = true;
 		try {
-			const data: LoginInput = {
+			const data: LoginRequest = {
 				email: formData?.email || '',
 				password: formData?.password || ''
 			};
@@ -72,24 +72,24 @@
 			if (roles && roles.length) {
 				data.roles = roles;
 			}
-			const res = await state.authorizerRef.login(data);
-			if (res && res?.should_show_email_otp_screen) {
+			const { data: res, errors } = await state.authorizerRef.login(data);
+			if (errors && errors.length) {
+				componentState.loading = false;
+				componentState.error = errors[0]?.message || 'Internal error!';
+				return;
+			}
+			if (res?.should_show_email_otp_screen) {
 				otpData = {
 					isScreenVisible: true,
-					email: data?.email
+					email: data.email || null
 				};
 				return;
 			}
 			if (res) {
 				componentState.error = null;
 				state.setAuthData({
 					user: res.user || null,
-					token: {
-						access_token: res.access_token,
-						expires_in: res.expires_in,
-						refresh_token: res.refresh_token,
-						id_token: res.id_token
-					},
+					token: res,
 					config: state.config,
 					loading: false
 				});
diff --git a/src/lib/components/AuthorizerForgotPassword.svelte b/src/lib/components/AuthorizerForgotPassword.svelte
@@ -40,13 +40,17 @@
 	const onSubmit = async () => {
 		try {
 			componentState.loading = true;
-			const res = await state.authorizerRef.forgotPassword({
+			const { data: res, errors } = await state.authorizerRef.forgotPassword({
 				email: componentState.email || '',
 				state: urlProps.state || '',
 				redirect_uri: urlProps.redirect_uri || state.config.redirectURL || window.location.origin
 			});
 			componentState.loading = false;
-			if (res && res.message) {
+			if (errors && errors.length) {
+				componentState.error = errors[0]?.message || '';
+				return;
+			}
+			if (res?.message) {
 				componentState.error = null;
 				componentState.successMessage = res.message;
 			}
diff --git a/src/lib/components/AuthorizerMagicLinkLogin.svelte b/src/lib/components/AuthorizerMagicLinkLogin.svelte
@@ -5,7 +5,7 @@
 	import { isValidEmail } from '../utils/common';
 	import Message from './Message.svelte';
 	import type { AuthorizerState } from '../types';
-	import type { MagicLinkLoginInput } from '@authorizerdev/authorizer-js';
+	import type { MagicLinkLoginRequest } from '@authorizerdev/authorizer-js';
 
 	export let onMagicLinkLogin: Function | undefined = undefined;
 	export let urlProps: {
@@ -45,7 +45,7 @@
 		try {
 			componentState.loading = true;
 
-			const data: MagicLinkLoginInput = {
+			const data: MagicLinkLoginRequest = {
 				email: componentState.email || '',
 				state: urlProps.state || '',
 				redirect_uri: urlProps.redirect_uri || ''
@@ -55,11 +55,15 @@
 				data.roles = roles;
 			}
 
-			const res = await state.authorizerRef.magicLinkLogin(data);
+			const { data: res, errors } = await state.authorizerRef.magicLinkLogin(data);
 			componentState.loading = false;
+			if (errors && errors.length) {
+				componentState.error = errors[0]?.message || '';
+				return;
+			}
 			if (res) {
 				componentState.error = null;
-				componentState.successMessage = res.message || ``;
+				componentState.successMessage = res?.message || ``;
 				if (onMagicLinkLogin) {
 					onMagicLinkLogin(res);
 				}
diff --git a/src/lib/components/AuthorizerProvider.svelte b/src/lib/components/AuthorizerProvider.svelte
@@ -72,20 +72,14 @@
 	let intervalRef: any;
 
 	const getToken = async () => {
-		const metaRes = await state.authorizerRef.getMetaData();
+		const { data: metaRes } = await state.authorizerRef.getMetaData();
 		try {
-			const res = await state.authorizerRef.getSession();
-			if (res.access_token && res.user) {
-				const token = {
-					access_token: res.access_token,
-					expires_in: res.expires_in,
-					id_token: res.id_token,
-					refresh_token: res.refresh_token || ''
-				};
+			const { data: res } = await state.authorizerRef.getSession();
+			if (res?.access_token && res?.user) {
 				dispatch({
 					type: AuthorizerProviderActionType.SET_AUTH_DATA,
 					payload: {
-						token,
+						token: res,
 						user: res.user,
 						config: metaRes,
 						loading: false
@@ -94,7 +88,7 @@
 				if (intervalRef) clearInterval(intervalRef);
 				intervalRef = setInterval(() => {
 					getToken();
-				}, res.expires_in * 1000);
+				}, (res.expires_in ?? 0) * 1000);
 			} else {
 				dispatch({
 					type: AuthorizerProviderActionType.SET_AUTH_DATA,
@@ -144,7 +138,7 @@
 						if (intervalRef) clearInterval(intervalRef);
 						intervalRef = setInterval(() => {
 							getToken();
-						}, token.expires_in * 1000);
+						}, (token.expires_in ?? 0) * 1000);
 					}
 				},
 				setAuthData: (data: AuthorizerInputState) => {
@@ -156,7 +150,7 @@
 						if (intervalRef) clearInterval(intervalRef);
 						intervalRef = setInterval(() => {
 							getToken();
-						}, data.token.expires_in * 1000);
+						}, (data.token.expires_in ?? 0) * 1000);
 					}
 				},
 				setUser: (user: User) => {
diff --git a/src/lib/components/AuthorizerSignup.svelte b/src/lib/components/AuthorizerSignup.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { SignupInput } from '@authorizerdev/authorizer-js';
+	import type { SignupRequest } from '@authorizerdev/authorizer-js';
 	import { StyledButton, StyledFormGroup, StyledFooter, StyledLink } from '../styledComponents';
 	import { store } from '../store';
 	import { Views, MessageType, ButtonAppearance } from '../constants';
@@ -71,7 +71,7 @@
 	const onSubmit = async () => {
 		try {
 			componentState.loading = true;
-			const data: SignupInput = {
+			const data: SignupRequest = {
 				email: formData.email || '',
 				password: formData.password || '',
 				confirm_password: formData.confirmPassword || ''
@@ -88,19 +88,19 @@
 			if (roles && roles.length) {
 				data.roles = roles;
 			}
-			const res = await state.authorizerRef.signup(data);
+			const { data: res, errors } = await state.authorizerRef.signup(data);
+			if (errors && errors.length) {
+				componentState.loading = false;
+				componentState.error = errors[0]?.message || '';
+				return;
+			}
 			if (res) {
 				componentState.error = null;
 				if (res.access_token) {
 					componentState.error = null;
 					state.setAuthData({
 						user: res.user || null,
-						token: {
-							access_token: res.access_token,
-							expires_in: res.expires_in,
-							refresh_token: res.refresh_token,
-							id_token: res.id_token
-						},
+						token: res,
 						config: state.config,
 						loading: false
 					});
diff --git a/src/lib/components/AuthorizerVerifyOtp.svelte b/src/lib/components/AuthorizerVerifyOtp.svelte
@@ -5,7 +5,7 @@
 	import { ButtonAppearance, Views, MessageType } from '../constants';
 	import Message from './Message.svelte';
 	import type { AuthorizerState } from '../types';
-	import type { VerifyOtpInput } from '@authorizerdev/authorizer-js';
+	import type { VerifyOtpRequest } from '@authorizerdev/authorizer-js';
 
 	export let setView: Function | undefined = undefined;
 	export let onLogin: Function | undefined = undefined;
@@ -45,7 +45,7 @@
 
 	const onSubmit = async () => {
 		componentState.successMessage = null;
-		const data: VerifyOtpInput = {
+		const data: VerifyOtpRequest = {
 			email,
 			otp: componentState.otp || ''
 		};
@@ -54,18 +54,17 @@
 		}
 		try {
 			componentState.loading = true;
-			const res = await state.authorizerRef.verifyOtp(data);
+			const { data: res, errors } = await state.authorizerRef.verifyOtp(data);
 			componentState.loading = false;
+			if (errors && errors.length) {
+				componentState.error = errors[0]?.message || '';
+				return;
+			}
 			if (res) {
 				componentState.error = null;
 				state.setAuthData({
 					user: res.user || null,
-					token: {
-						access_token: res.access_token,
-						expires_in: res.expires_in,
-						refresh_token: res.refresh_token,
-						id_token: res.id_token
-					},
+					token: res,
 					config: state.config,
 					loading: false
 				});
@@ -88,11 +87,15 @@
 		componentState.successMessage = null;
 		try {
 			componentState.sendingOtp = true;
-			const res = await state.authorizerRef.resendOtp({
+			const { data: res, errors } = await state.authorizerRef.resendOtp({
 				email
 			});
 			componentState.sendingOtp = false;
-			if (res && res?.message) {
+			if (errors && errors.length) {
+				componentState.error = errors[0]?.message || '';
+				return;
+			}
+			if (res?.message) {
 				componentState.error = null;
 				componentState.successMessage = res.message;
 			}
diff --git a/src/lib/store/index.ts b/src/lib/store/index.ts
diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@authorizerdev/authorizer-svelte",`
`3`		`- "version": "0.1.9",`
	`3`	`+ "version": "1.0.0",`
`4`	`4`	`"license": "MIT",`
`5`	`5`	`"author": "Lakhan Samani",`
`6`	`6`	`"scripts": {`
`@@ -33,6 +33,6 @@`
`33`	`33`	`},`
`34`	`34`	`"type": "module",`
`35`	`35`	`"dependencies": {`
`36`		`- "@authorizerdev/authorizer-js": "^1.2.6"`
	`36`	`+ "@authorizerdev/authorizer-js": "^3.2.1"`
`37`	`37`	`}`
`38`	`38`	`}`