@taruvi/navkit 0.0.29 → 0.0.31

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.29",
+  "version": "0.0.31",
   "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.styles.ts

@@ -7,13 +7,17 @@ export const appStyles = {
   },
   toolbar: {
     backgroundColor: colours.bg.white,
+    justifyContent: 'space-between',
   },
   leftSection: {
     display: 'flex',
-    flexGrow: 1,
     alignItems: 'center',
     justifyContent: 'start',
     gap: '10px',
+    width: 'fit-content',
+    cursor: 'pointer',
+    textDecoration: 'none',
+    color: 'inherit',
   },
   logo: {
     maxHeight: '40px',
@@ -74,14 +78,17 @@ export const getAppStyles = (mode: ThemeMode) => {
     toolbar: {
       backgroundColor: '#004369',
       boxShadow: ' 0px 0px 10px 2px rgba(0, 0, 0, 0.3)',
-      borderBottom: '2px solid #1565c0',
+      justifyContent: 'space-between',
     },
     leftSection: {
       display: 'flex',
-      flexGrow: 1,
       alignItems: 'center',
       justifyContent: 'start',
       gap: '10px',
+      width: 'fit-content',
+      cursor: 'pointer',
+      textDecoration: 'none',
+      color: 'inherit',
     },
     logo: {
       maxHeight: '40px',

package/src/App.tsx

@@ -18,6 +18,7 @@ const NavkitContent = () => {
   const [showShortcutsMenu, setShowShortcutsMenu] = useState<boolean>(false)
   const [showChat, setShowChat] = useState<boolean>(false)
   const [isAppLauncherHovered, setIsAppLauncherHovered] = useState<boolean>(false);
+  console.log("testing cicd")
 
   return (
     <>
@@ -33,7 +34,7 @@ const NavkitContent = () => {
       )}
       <AppBar position="static" sx={styles.appBar}>
         <Toolbar sx={styles.toolbar}>
-          <Box component={"div"} sx={styles.leftSection}>
+          <Box component={"a"} href="/" sx={styles.leftSection}>
             {appSettings?.icon ? <Box component="img" src={appSettings?.icon} sx={styles.logo} /> : <></>}
             {appSettings?.displayName &&
               <Typography sx={styles.appName} onClick={() => (window.location.href = "/")}>
@@ -45,22 +46,22 @@ const NavkitContent = () => {
             <Shortcuts showChat={setShowChat} onMenuToggle={() => setShowShortcutsMenu(!showShortcutsMenu)} />
             {isUserAuthenticated && userData && <Profile userData={userData} onClick={() => setShowProfileMenu(!showProfileMenu)} />}
             <Box
-              onClick={() => {
-                if (isUserAuthenticated) {
-                  setShowAppLauncher(!showAppLauncher);
-                }
-              }}
-              onMouseEnter={() => {
-                if (isUserAuthenticated) {
-                  setIsAppLauncherHovered(true);
-                }
-              }}
-              onMouseLeave={() => setIsAppLauncherHovered(false)}
-              sx={{
-                ...styles.appLauncherContainer,
-                cursor: isUserAuthenticated ? "pointer" : "default",
-              }}
-            >
+                onClick={() => {
+                  if (isUserAuthenticated) {
+                    setShowAppLauncher(!showAppLauncher);
+                  }
+                }}
+                onMouseEnter={() => {
+                  if (isUserAuthenticated) {
+                    setIsAppLauncherHovered(true);
+                  }
+                }}
+                onMouseLeave={() => setIsAppLauncherHovered(false)}
+                sx={{
+                  ...styles.appLauncherContainer,
+                  cursor: isUserAuthenticated ? "pointer" : "default",
+                }}
+              >
               {(isAppLauncherHovered || showAppLauncher) && isUserAuthenticated ? (
                 <Box sx={styles.appLauncherHover}>
                   <FontAwesomeIcon icon={["fas", "th"]} style={styles.appLauncherIcon} />
@@ -74,18 +75,19 @@ const NavkitContent = () => {
         </Toolbar>
       </AppBar>
 
-      {showAppLauncher && isUserAuthenticated && (
+      {showProfileMenu && (
         <Box>
-          <AppLauncher />
+          <ProfileMenu />
         </Box>
       )}
 
-      {showProfileMenu && (
+      {showAppLauncher && isUserAuthenticated && (
         <Box>
-          <ProfileMenu />
+          <AppLauncher />
         </Box>
       )}
 
+
       {showShortcutsMenu && (
         <Box>
           <ShortcutsMenu showChat={setShowChat} />

package/src/components/Shortucts/Shortcuts.tsx

@@ -38,16 +38,17 @@ const Shortcuts = (props: ShortcutsProps) => {
                         />
                     </Link>
                 ))}
-                {siteSettings.showChat && isUserAuthenticated && <Link
-                    key={"chat"}
-                    onClick={() => showChat?.(true)}
-                    sx={shortcutsStyles.shortcut}
-                >
-                    <FontAwesomeIcon
-                        icon={["far", "comment"] as any}
-                        style={shortcutsStyles.iconStyle}
-                    />
-                </Link>
+                {siteSettings.showChat && isUserAuthenticated &&
+                    <Link
+                        key={"chat"}
+                        onClick={() => showChat?.(true)}
+                        sx={shortcutsStyles.shortcut}
+                    >
+                        <FontAwesomeIcon
+                            icon={["far", "comment"] as any}
+                            style={shortcutsStyles.iconStyle}
+                        />
+                    </Link>
                 }
             </Box>
 

package/src/dummy.test.ts

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

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": []
-  }
-}