@taruvi/navkit 0.0.30 → 0.0.32

package/.github/workflows/publish.yml

@@ -0,0 +1,65 @@
+name: Publish to npm
+
+on:
+  push:
+    branches:
+      - main
+      - beta
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+      
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          registry-url: 'https://registry.npmjs.org'
+      
+      - run: npm ci
+      
+      - run: npm test
+      
+      - run: npm run build
+
+      - name: Create and push git tag
+        if: github.ref == 'refs/heads/main'
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          git config user.name "github-actions"
+          git config user.email "github-actions@github.com"
+          if git ls-remote --tags origin | grep -q "refs/tags/v$VERSION"; then
+            echo "Tag v$VERSION already exists, skipping."
+          else
+            git tag "v$VERSION"
+            git push origin "v$VERSION"
+          fi
+
+      - name: Publish (latest)
+        if: github.ref == 'refs/heads/main'
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          if npm view "@taruvi/navkit@$VERSION" version 2>/dev/null | grep -q "$VERSION"; then
+            echo "Version $VERSION already published, skipping."
+          else
+            npm publish --access public
+          fi
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Publish (beta)
+        if: github.ref == 'refs/heads/beta'
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          if npm view "@taruvi/navkit@$VERSION" version 2>/dev/null | grep -q "$VERSION"; then
+            echo "Version $VERSION already published, skipping."
+          else
+            npm publish --access public --tag beta
+          fi
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@taruvi/navkit",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "main": "src/App.tsx",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
+    "test": "vitest run",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -43,7 +44,8 @@
     "react-dom": "^19.2.3",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.45.0",
-    "vite": "^7.1.7"
+    "vite": "^7.1.7",
+    "vitest": "^4.0.18"
   },
   "dependencies": {
     "@taruvi/sdk": "^1.3.4-beta.0"

package/src/App.tsx

@@ -11,7 +11,7 @@ import taruviLogo from "./assets/taruvi-logo.png";
 import type { Client } from "@taruvi/sdk"
 
 const NavkitContent = () => {
-  const { isUserAuthenticated, siteSettings, appSettings, userData, appsList, jwtToken, themeMode } = useNavigation();
+  const { isUserAuthenticated, siteSettings, appSettings, appName, userData, jwtToken, themeMode } = useNavigation();
   const styles = getAppStyles(themeMode)
   const [showAppLauncher, setShowAppLauncher] = useState<boolean>(false)
   const [showProfileMenu, setShowProfileMenu] = useState<boolean>(false)
@@ -35,9 +35,9 @@ const NavkitContent = () => {
         <Toolbar sx={styles.toolbar}>
           <Box component={"a"} href="/" sx={styles.leftSection}>
             {appSettings?.icon ? <Box component="img" src={appSettings?.icon} sx={styles.logo} /> : <></>}
-            {appSettings?.displayName &&
-              <Typography sx={styles.appName}>
-                {appSettings.displayName.length > 40 ? `${appSettings.displayName.substring(0, 40)}...` : appSettings.displayName}
+            {(appName || appSettings?.displayName) &&
+              <Typography sx={styles.appName} onClick={() => (window.location.href = "/")}>
+                {(() => { const name = appName || appSettings!.displayName!; return name.length > 40 ? `${name.substring(0, 40)}...` : name })()}
               </Typography>
             }
           </Box>
@@ -111,12 +111,13 @@ const NavkitContent = () => {
 
 interface NavkitProps {
   client: Client
+  appName?: string
   getTheme?: (theme: 'light' | 'dark') => void
 }
 
-const Navkit = ({ client, getTheme }: NavkitProps) => {
+const Navkit = ({ client, getTheme, appName }: NavkitProps) => {
   return (
-    <NavkitProvider client={client} onThemeChange={getTheme}>
+    <NavkitProvider client={client} onThemeChange={getTheme} appName={appName}>
       <NavkitContent />
     </NavkitProvider>
   )

package/src/NavkitContext.tsx

@@ -19,7 +19,7 @@ const getInitialTheme = (): ThemeMode => {
 
 export const NavigationContext = createContext<NavigationContextType | undefined>(undefined)
 
-export const NavkitProvider = ({ children, client, onThemeChange }: NavkitProviderProps) => {
+export const NavkitProvider = ({ children, client, onThemeChange, appName }: NavkitProviderProps) => {
   const auth = new Auth(client)
 
   const user = useRef<any>(null)
@@ -161,7 +161,7 @@ export const NavkitProvider = ({ children, client, onThemeChange }: NavkitProvid
   }, [themeMode, onThemeChange])
 
   return (
-    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings: appSettings.current, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
+    <NavigationContext.Provider value={{ navigateToUrl, isDesk, appsList, userData, siteSettings: siteSettings.current, appSettings: appSettings.current, appName, jwtToken, isUserAuthenticated, client, auth, themeMode, toggleTheme }}>
       {children}
     </NavigationContext.Provider>
   )

package/src/dummy.test.ts

@@ -0,0 +1,5 @@
+import { test, expect } from 'vitest'
+
+test('dummy', () => {
+  expect(true).toBe(true)
+})

package/src/types.ts

@@ -60,6 +60,7 @@ export interface NavigationContextType {
   userData: UserData | null
   siteSettings: SiteSettings
   appSettings: AppSettings
+  appName?: string
   jwtToken: string
   isUserAuthenticated: boolean
   client: Client
@@ -72,4 +73,5 @@ export interface NavkitProviderProps {
   children: ReactNode
   client: Client
   onThemeChange?: (theme: ThemeMode) => void
+  appName?: string
 }

package/.claude/settings.local.json

@@ -1,12 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npm run dev:*)",
-      "WebSearch",
-      "Bash(npm run build:*)",
-      "Bash(npm install:*)"
-    ],
-    "deny": [],
-    "ask": []
-  }
-}