@functionalcms/svelte-components 2.16.4 → 2.17.0

package/dist/auth/auth.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="@sveltejs/kit" />
+export declare const configureAuthentication: (projectId: string) => {
+    handle: import("@sveltejs/kit").Handle;
+    signIn: import("@sveltejs/kit").Action;
+    signOut: import("@sveltejs/kit").Action;
+};

package/dist/auth/auth.js

@@ -0,0 +1,65 @@
+import { SvelteKitAuth } from '@auth/sveltekit';
+import Zitadel from "@auth/sveltekit/providers/zitadel";
+function decodeBase64Value(base64) {
+    return Buffer.from(base64, 'base64').toString('utf-8');
+}
+function decodeMetadatas(metadata) {
+    const decodedMetadata = {};
+    for (const key in metadata) {
+        if (metadata.hasOwnProperty(key)) {
+            decodedMetadata[key] = decodeBase64Value(metadata[key]);
+        }
+    }
+    return decodedMetadata;
+}
+function getRoles(roles) {
+    const mappedRoles = Object.keys(roles ?? []);
+    return mappedRoles;
+}
+const rolesScope = (projectId) => `urn:zitadel:iam:org:project:${projectId}:roles`;
+const metadataScope = `urn:zitadel:iam:user:metadata`;
+export const configureAuthentication = (projectId) => {
+    return SvelteKitAuth({
+        issuer: "https://login.functional-auth.com",
+        trustHost: true,
+        providers: [Zitadel({
+                async profile(profile) {
+                    return {
+                        id: profile.sub,
+                        name: profile.name,
+                        firstName: profile.given_name,
+                        lastName: profile.family_name,
+                        email: profile.email,
+                        loginName: profile.preferred_username,
+                        image: profile.picture,
+                        accessToken: profile.access_token,
+                        roles: getRoles(profile[rolesScope(projectId)]),
+                        metadata: decodeMetadatas(profile[metadataScope])
+                    };
+                },
+            })],
+        callbacks: {
+            async jwt({ token, user, account }) {
+                // Your JWT callback logic here
+                if (account) {
+                    token.id = account.providerAccountId;
+                    token.accessToken = account.access_token;
+                }
+                if (user) {
+                    token.roles = user.roles;
+                    token.metadata = user.metadata;
+                }
+                return token;
+            },
+            async session({ session, token, user }) {
+                session.accessToken = token.accessToken;
+                if (session.user) {
+                    session.user.roles = token.roles;
+                    session.user.metadata = token.metadata;
+                    session.userId = token.id;
+                }
+                return session;
+            }
+        }
+    });
+};

package/dist/index.d.ts

@@ -24,6 +24,7 @@ import { title, suffix } from './stores/title.js';
 import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
+import type { configureAuthentication } from './auth/auth.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts, configureAuthentication };
 export type { BlogPost };

package/dist/index.js

@@ -24,4 +24,4 @@ import { pages } from './stores/pages.js';
 import { metaDescription, metaKeywords } from './stores/meta.js';
 import { Justify, Placement, Orientation, Position, Sizes, AlignItmes } from './components/Styling.js';
 import { Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts } from 'agnostic-svelte';
-export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts };
+export { Visiblity, HeaderNavigationItem, DynamicMenu, FlatMenu, ColumnMenu, HamburgerMenu, BlogTitle, BlogDescription, listAllPosts, importPost, DefaultLayout, TwoColumnsLayout, Banner, Link, Logo, SimpleFooter, Gallery, Carusel, CaruseleItem, Spacer, Well, Justify, Placement, Orientation, AlignItmes, Position, Sizes, ShowItem, convertShowItemsToNavigationItems, title, suffix, pages, metaDescription, metaKeywords, Alert, Avatar, AvatarGroup, Breadcrumb, Button, ButtonGroup, Card, ChoiceInput, Close, Dialog, Disclose, Divider, Drawer, EmptyState, Header, HeaderNav, HeaderNavItem, Icon, IconSvg, Input, InputAddonItem, Loader, Pagination, Progress, Select, Spinner, Switch, Table, Tabs, Tag, Toast, Toasts, configureAuthentication };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.16.4",
+	"version": "2.17.0",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -57,7 +57,8 @@
 		"vite": "^5.0.10"
 	},
 	"dependencies": {
-		"@splidejs/svelte-splide": "^0.2.9"
+		"@splidejs/svelte-splide": "^0.2.9",
+		"@auth/sveltekit": "latest"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",