@taruvi/navkit 0.0.1 → 0.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taruvi/navkit",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "main": "src/App.tsx",
   "type": "module",
   "scripts": {
@@ -16,10 +16,10 @@
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@mui/material": "^5.0.0"
+    "@taruvi/sdk": "^1.0.9",
+    "@mui/material": ">=5 <8"
   },
   "dependencies": {
-    "@taruvi/sdk": "^1.0.7",
     "react": "^19.1.1"
   },
   "devDependencies": {

package/src/NavkitContext.tsx

@@ -1,6 +1,6 @@
 import { createContext, startTransition, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from 'react'
 import type { AppData, NavigationContextType, NavkitProviderProps, SiteSettings, UserData } from './types'
-import { User, Settings, Auth } from "@taruvi-io/sdk"
+import { User, Settings, Auth } from "@taruvi/sdk"
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fas } from '@fortawesome/free-solid-svg-icons'
 import { far } from '@fortawesome/free-regular-svg-icons'
@@ -89,14 +89,23 @@ export const NavkitProvider = ({ children, client }: NavkitProviderProps) => {
     // }
     siteSettings.current = fetchedSettings
     if (isUserAuthenticated) {
-      const [apps, userDataResponse] = await Promise.all([
-        user.current.getApps?.(),
-        user.current.getUserData(),
-      ]);
-      startTransition(() => {
-        setAppsList(apps || [])
-        setUserData(userDataResponse || null)
-      })
+      const userDataResponse = await user.current.getUserData()
+      setUserData(userDataResponse || null)
+
+      // Fetch user apps using username from userData
+      if (userDataResponse?.username) {
+        const appsResponse = await user.current.getUserApps(userDataResponse.username)
+        // Transform API response to match AppData interface
+        const transformedApps: AppData[] = (appsResponse || []).map((app: any) => ({
+          id: app.slug,
+          appname: app.display_name || app.name,
+          icon: app.icon,
+          url: app.url
+        }))
+        startTransition(() => {
+          setAppsList(transformedApps)
+        })
+      }
     }
 
   }, [client])

package/src/components/AppLauncher/AppLauncher.tsx

@@ -6,20 +6,11 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import type { IconName } from "@fortawesome/fontawesome-svg-core"
 import { useNavigation } from "../../NavkitContext"
 import { appLauncherStyles } from "./AppLauncher.styles"
-import siteData from "../../../mocks/site.json"
-
 
 
 const AppLauncher = () => {
-    const { navigateToUrl } = useNavigation()
-
-    // Transform apps from site.json to include id
-    const appsList: AppData[] = siteData.apps.map((app, index) => ({
-        ...app,
-        id: `app-${index}`
-    }))
-
-    const [filteredApps, setFilteredApps] = useState<AppData[]>(appsList)
+    const { navigateToUrl, appsList } = useNavigation()
+    const [filteredApps, setFilteredApps] = useState<AppData[]>(appsList || [])
 
     const handleAppClick = (app: AppData) => {
         navigateToUrl(app.url, false)
@@ -30,8 +21,8 @@ const AppLauncher = () => {
     }
 
     useEffect(() => {
-        setFilteredApps(appsList)
-    }, [])
+        setFilteredApps(appsList || [])
+    }, [appsList])
 
     return (
         <Card sx={appLauncherStyles.container}>

package/src/types.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react"
+import type { Client } from "@taruvi/sdk"
 
 export interface AppData {
     appname: string,
@@ -34,5 +35,5 @@ export interface NavigationContextType {
 
 export interface NavkitProviderProps {
   children: ReactNode
-  client: object
+  client: Client
 }