@taruvi/navkit 0.0.1

package/src/styles/variables.ts

@@ -0,0 +1,61 @@
+// Design Tokens - Centralized design values for consistent theming
+
+export const colours = {
+  text: {
+    primary: '#333333',
+    secondary: '#424242',
+    tertiary: '#9e9e9e',
+  },
+  bg: {
+    white: '#fff',
+    light: '#f5f5f5',
+    avatar: '#E0E0E0',
+  },
+  border: {
+    light: '#e0e0e0',
+  },
+}
+
+export const spacing = {
+  xs: '10px',
+  sm: 1.5,
+  md: 2,
+  lg: 3,
+}
+
+export const shadows = {
+  dropdown: '0 4px 20px rgba(0,0,0,0.1)',
+}
+
+export const borderRadius = {
+  default: 2,
+}
+
+export const typography = {
+  sizes: {
+    xs: '0.8125rem',
+    sm: '0.875rem',
+    md: '1.125rem',
+  },
+  weights: {
+    regular: 400,
+    semibold: 600,
+  },
+  letterSpacing: {
+    default: '0.5px',
+  },
+}
+
+export const zIndex = {
+  overlay: 1300,
+}
+
+export const dimensions = {
+  navHeight: '60px',
+  avatarSize: 30,
+  iconSize: {
+    sm: '18px',
+    md: '24px',
+    lg: '1.25rem',
+  },
+}

package/src/types.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react"
+
+export interface AppData {
+    appname: string,
+    icon: string,
+    url: string,
+    id: string
+}
+
+export interface UserData {
+  fullName?: string
+  pfp?: string
+  username?: string
+  email?: string
+}
+
+export interface SiteSettings {
+  shortcuts?: AppData[]
+  logo?: string
+  showChat: boolean
+  frontendUrl: string
+  mattermostUrl: string
+}
+
+export interface NavigationContextType {
+  navigateToUrl: (url: string, openInLine: boolean) => void
+  isDesk: boolean
+  appsList: AppData[]
+  userData: UserData | null
+  siteSettings: SiteSettings
+  jwtToken: string
+  isUserAuthenticated: boolean
+}
+
+export interface NavkitProviderProps {
+  children: ReactNode
+  client: object
+}

package/tsconfig.app.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src"]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/tsconfig.node.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    react({
+      babel: {
+        plugins: [['babel-plugin-react-compiler']],
+      },
+    }),
+  ],
+})