@makolabs/ripple 1.7.1 → 1.7.2

package/dist/funcs/mock-user-management.js

@@ -176,6 +176,10 @@ export async function getUserPermissions(userId) {
 export async function updateUserPermissions(options) {
     await delay();
     const { userId, permissions } = options;
+    // Validate permissions - require at least one permission scope
+    if (permissions.length === 0) {
+        throw new Error('At least one permission scope is required');
+    }
     const user = mockUsers.find((u) => u.id === userId);
     if (!user) {
         throw new Error(`User with ID ${userId} not found`);
@@ -188,6 +192,10 @@ export async function updateUserPermissions(options) {
  */
 export async function generateApiKey(options) {
     await delay();
+    // Validate permissions - require at least one permission scope
+    if (options.permissions.length === 0) {
+        throw new Error('At least one permission scope is required');
+    }
     const { userId } = options;
     const user = mockUsers.find((u) => u.id === userId);
     if (!user) {

package/dist/funcs/user-management.remote.js

@@ -416,6 +416,10 @@ async function refreshTokenIfSelfUpdate(userId) {
 export const updateUserPermissions = command('unchecked', async (options) => {
     const { userId, permissions } = options;
     try {
+        // Validate permissions - require at least one permission scope
+        if (permissions.length === 0) {
+            throw new Error('At least one permission scope is required');
+        }
         // Fetch user's active keys
         const allKeysData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${userId}`);
         const userKeys = (allKeysData?.data?.data || []).filter((key) => key.status === 'active');
@@ -455,7 +459,9 @@ export const updateUserPermissions = command('unchecked', async (options) => {
                     console.log('[updateUserPermissions] Key verification:', verification);
                     if (verification.valid) {
                         // Check if the scopes match what we expect
-                        const scopesMatch = permissions.every((perm) => verification.scopes?.includes(perm));
+                        // Note: permissions.length > 0 is guaranteed by validation above
+                        const scopesMatch = permissions.length > 0 &&
+                            permissions.every((perm) => verification.scopes?.includes(perm));
                         if (!scopesMatch) {
                             console.warn('[updateUserPermissions] Scopes mismatch. Expected:', permissions, 'Got:', verification.scopes);
                         }

package/dist/index.d.ts

@@ -339,6 +339,10 @@ export interface NavItemProps {
 export interface SidebarProps {
     items?: NavigationItem[];
     logo: LogoType;
+    /** Optional footer snippet rendered at the bottom of the sidebar */
+    footer?: Snippet<[{
+        collapsed: boolean;
+    }]>;
 }
 export { tv, cn } from './helper/cls.js';
 export { isRouteActive } from './helper/nav.svelte.js';

package/dist/layout/sidebar/Sidebar.svelte

@@ -5,7 +5,7 @@
 	import { isRouteActive } from '../../helper/nav.svelte.js';
 	import { resolve } from '$app/paths';
 
-	let { items = [], logo }: SidebarProps = $props();
+	let { items = [], logo, footer }: SidebarProps = $props();
 	let menubar: MenuBar = $state({
 		collapsed: false
 	});
@@ -178,6 +178,13 @@
 			{/each}
 		</nav>
 	</div>
+
+	<!-- Footer slot for custom content -->
+	{#if footer}
+		<div class="shrink-0 border-t border-white/10 px-3 py-3">
+			{@render footer({ collapsed: menubar.collapsed })}
+		</div>
+	{/if}
 </div>
 
 {#snippet ToggleIcon(classes = 'size-6 shrink-0 text-default-200')}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "1.7.1",
+	"version": "1.7.2",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {