@functionalcms/svelte-components 0.6.0 → 0.7.0

package/dist/authStore.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="svelte" />
+export type AuthConfig = {
+    tenant: string;
+    tenantId: string;
+    policy: string;
+    scopes: Array<string>;
+    clientId: string;
+    redirectUrl: string;
+};
+export declare const authStore: {
+    isAuthenticated: import("svelte/store").Readable<boolean>;
+    userId: import("svelte/store").Readable<string>;
+    accessToken: import("svelte/store").Readable<string>;
+    initialise: (config: AuthConfig) => Promise<void>;
+    signIn: () => Promise<void>;
+    signOut: () => Promise<void>;
+};

package/dist/authStore.js

@@ -0,0 +1,65 @@
+import { readonly, writable } from "svelte/store";
+import { PublicClientApplication } from "@azure/msal-browser";
+const isAuthenticated = writable(false);
+const accessToken = writable('');
+const userId = writable('');
+let msal;
+let _config;
+const getMSALConfig = (config) => {
+    return {
+        auth: {
+            clientId: config.clientId,
+            authority: `https://${config.tenant}.b2clogin.com/${config.tenant}.onmicrosoft.com/${config.policy}`,
+            knownAuthorities: [`${config.tenant}.b2clogin.com`],
+            redirectUri: config.redirectUrl
+        },
+        cache: {
+            cacheLocation: "sessionStorage",
+            storeAuthStateInCookie: false, // If you wish to store cache items in cookies as well as browser cache, set this to "true".
+        },
+    };
+};
+const getLoginRequest = (config) => {
+    return {
+        scopes: ["openid", "offline_access", config.clientId, ...config.scopes]
+    };
+};
+const getTokenRequest = (config, account) => {
+    return {
+        scopes: ["openid", "offline_access", config.clientId, ...config.scopes],
+        forceRefresh: false,
+        account: account,
+    };
+};
+const handleToken = (token) => {
+    if (token !== null) {
+        isAuthenticated.set(true);
+        accessToken.set(token.accessToken);
+        userId.set(token.username);
+    }
+};
+const logUsingCookies = async (config) => {
+    const accounts = msal.getAllAccounts();
+    if (accounts.length > 0) {
+        const token = await msal.acquireTokenSilent(getTokenRequest(config, accounts[0]));
+        handleToken(token);
+    }
+};
+export const authStore = {
+    isAuthenticated: readonly(isAuthenticated),
+    userId: readonly(userId),
+    accessToken: readonly(accessToken),
+    initialise: async (config) => {
+        msal = new PublicClientApplication(getMSALConfig(config));
+        await msal.initialize();
+        await logUsingCookies(config);
+        _config = config;
+    },
+    signIn: async () => {
+        const loginResponse = await msal.loginPopup(getLoginRequest(_config));
+        handleToken(loginResponse);
+    },
+    signOut: async () => {
+        await msal.logoutPopup({});
+    },
+};

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import Box from './components/Box.svelte';
 import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
-export { Box, Hero, Header, Footer };
+import { authStore } from './authStore';
+export { Box, Hero, Header, Footer, authStore };

package/dist/index.js

@@ -4,10 +4,12 @@ import Box from './components/Box.svelte';
 import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
+import { authStore } from './authStore';
 
 export {
     Box,
     Hero,
     Header,
-    Footer
+    Footer,
+    authStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "0.6.0",
+	"version": "0.7.0",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -30,7 +30,8 @@
 		"!dist/**/*.spec.*"
 	],
 	"peerDependencies": {
-		"svelte": "^4.0.0"
+		"svelte": "^4.0.0",
+        "@azure/msal-browser": "^3.3.0"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",