@makolabs/ripple 1.7.4 → 1.7.5

package/dist/funcs/user-management.remote.d.ts

@@ -26,6 +26,7 @@ export declare const verifyToken: import("@sveltejs/kit").RemoteCommand<{
 }, Promise<{
     valid: boolean;
     scopes?: string[];
+    sub?: string;
     error?: string;
     token?: string;
 }>>;

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

@@ -122,9 +122,11 @@ async function verifyApiKeyToken(apiKey) {
                 // The API returns "scope" (singular) as a space-separated string, not "scopes" array
                 const scopeString = verifyResult.data.data.scope;
                 const scopes = scopeString ? scopeString.split(' ').filter(Boolean) : [];
+                const sub = verifyResult.data.data.sub;
                 return {
                     valid: true,
-                    scopes: scopes
+                    scopes: scopes,
+                    sub: sub
                 };
             }
         }
@@ -335,7 +337,7 @@ export const deleteUsers = command('unchecked', async (userIds) => {
 });
 async function fetchUserPermissions(email) {
     try {
-        const userData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${email}`);
+        const userData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${encodeURIComponent(email)}`);
         if (userData?.data?.data && Array.isArray(userData.data.data)) {
             userData.data.data = userData.data.data.filter((key) => key.status === 'active');
         }
@@ -433,7 +435,7 @@ export const updateUserPermissions = command('unchecked', async (options) => {
             throw new Error('User has no email address');
         }
         // Fetch user's active keys
-        const allKeysData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${email}`);
+        const allKeysData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${encodeURIComponent(email)}`);
         const userKeys = (allKeysData?.data?.data || []).filter((key) => key.status === 'active');
         if (userKeys.length === 0) {
             // No active key exists, create new one
@@ -514,7 +516,7 @@ export const generateApiKey = command('unchecked', async (options) => {
             throw new Error('User has no email address');
         }
         // Check if user has existing active key
-        const allKeysData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${email}`);
+        const allKeysData = await makeAdminRequest(`/admin/keys?client_id=${CLIENT_ID}&sub=${encodeURIComponent(email)}`);
         const userKeys = (allKeysData?.data?.data || []).filter((key) => key.status === 'active');
         let newApiKey;
         let wasRotated = false;
@@ -622,6 +624,8 @@ export const generateApiKey = command('unchecked', async (options) => {
 export const verifyToken = command('unchecked', async (options) => {
     try {
         const result = await verifyApiKeyToken(options.apiKey);
+        console.log('[verifyToken] Current scopes:', result.scopes);
+        console.log('[verifyToken] Sub:', result.sub);
         // Also return the issued token for debugging
         if (result.valid) {
             try {
@@ -634,6 +638,7 @@ export const verifyToken = command('unchecked', async (options) => {
                 const finalResult = {
                     valid: result.valid,
                     scopes: result.scopes,
+                    sub: result.sub,
                     token: tokenResult.data?.data?.access_token
                 };
                 // Ensure result is serializable
@@ -644,7 +649,8 @@ export const verifyToken = command('unchecked', async (options) => {
                 // Return result without token
                 return JSON.parse(JSON.stringify({
                     valid: result.valid,
-                    scopes: result.scopes
+                    scopes: result.scopes,
+                    sub: result.sub
                 }));
             }
         }

package/dist/user-management/UserModal.svelte

@@ -32,9 +32,12 @@
 	let showApiKey = $state(false);
 	let regeneratingApiKey = $state(false);
 	let verifyingToken = $state(false);
-	let tokenVerification = $state<{ valid?: boolean; scopes?: string[]; error?: string } | null>(
-		null
-	);
+	let tokenVerification = $state<{
+		valid?: boolean;
+		scopes?: string[];
+		sub?: string;
+		error?: string;
+	} | null>(null);
 	let initialRole = $state<string>('');
 
 	// Form data
@@ -482,6 +485,11 @@
 									</svg>
 									<div class="min-w-0 flex-1">
 										<p class="text-success-800 text-xs font-medium">Token verified successfully</p>
+										{#if tokenVerification.sub}
+											<p class="text-success-700 mt-1 text-xs">
+												Sub: {tokenVerification.sub}
+											</p>
+										{/if}
 										{#if tokenVerification.scopes && tokenVerification.scopes.length > 0}
 											<p class="text-success-700 mt-1 text-xs">
 												Scopes: {tokenVerification.scopes.join(', ')}

package/package.json

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