documentation-hub 5.7.2

package/package.json

@@ -0,0 +1,214 @@
+{
+  "name": "documentation-hub",
+  "version": "5.7.2",
+  "description": "A modern document processing and session management desktop application",
+  "author": "DiaTech",
+  "main": "dist/electron/main.js",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:electron": "electron-builder",
+    "preview": "vite preview",
+    "electron": "electron .",
+    "electron:dev": "concurrently -k \"npm run dev\" \"wait-on http://localhost:5173 && electron .\"",
+    "dist": "npm run build && npm run build:electron",
+    "release": "npm run build && npx electron-builder && node scripts/generate-latest-yml.js && npx electron-builder --publish always -c.publish.releaseType=release && gh release upload v%npm_package_version% release/latest.yml --clobber",
+    "update-server": "node scripts/local-update-server.js",
+    "test:update": "concurrently -k \"npm run dev\" \"wait-on http://localhost:5173 && node -e \\\"require('child_process').spawn(require('electron'), ['.'], {stdio:'inherit', env:{...process.env, FORCE_DEV_UPDATE_CONFIG:'true'}})\\\"\"",
+    "postinstall": "electron-builder install-app-deps",
+    "predist": "yalc remove --all && npm install",
+    "lint": "eslint src/ electron/",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,md}\"",
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:ci": "jest --ci --coverage --maxWorkers=2",
+    "test:toc": "node test-debug-toc.js",
+    "docs:generate": "typedoc",
+    "docs:watch": "typedoc --watch",
+    "generate:icons": "node build/create-icon.js",
+    "prepare": "husky"
+  },
+  "keywords": [
+    "electron",
+    "typescript",
+    "react",
+    "vite",
+    "desktop"
+  ],
+  "license": "MIT",
+  "devDependencies": {
+    "@tailwindcss/postcss": "4.1.18",
+    "@tailwindcss/vite": "4.1.18",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/adm-zip": "^0.5.7",
+    "@types/better-sqlite3": "^7.6.13",
+    "@types/jest": "^30.0.0",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "25.0.10",
+    "@types/react": "19.2.10",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "8.54.0",
+    "@typescript-eslint/parser": "8.54.0",
+    "@vitejs/plugin-react": "5.1.2",
+    "autoprefixer": "^10.4.23",
+    "concurrently": "^9.2.1",
+    "electron": "^40.0.0",
+    "electron-builder": "^26.8.1",
+    "eslint": "9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "husky": "^9.1.7",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "patch-package": "^8.0.1",
+    "postcss": "8.5.6",
+    "prettier": "^3.8.1",
+    "prettier-plugin-tailwindcss": "0.7.2",
+    "react-router": "7.13.0",
+    "tailwindcss": "4.1.18",
+    "ts-jest": "^29.4.6",
+    "typescript": "5.9.3",
+    "vite": "7.3.1",
+    "vite-plugin-electron": "^0.29.0",
+    "vite-plugin-electron-renderer": "0.14.6",
+    "wait-on": "^9.0.3"
+  },
+  "dependencies": {
+    "@azure/msal-node": "^5.0.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@types/diff": "^7.0.2",
+    "@types/react-window": "^1.8.8",
+    "adm-zip": "^0.5.16",
+    "all": "^0.0.0",
+    "better-sqlite3": "^12.6.2",
+    "canvas": "^3.2.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "diff": "^8.0.3",
+    "docx": "^9.5.1",
+    "docxmlater": "10.1.3",
+    "electron-log": "^5.4.3",
+    "electron-updater": "6.8.1",
+    "fast-diff": "^1.3.0",
+    "framer-motion": "^12.29.2",
+    "fuse.js": "^7.1.0",
+    "idb": "^8.0.3",
+    "lucide-react": "^0.563.0",
+    "mammoth": "^1.11.0",
+    "p-limit": "7.2.0",
+    "react": "^19.2.4",
+    "react-dom": "19.2.4",
+    "react-router-dom": "7.13.0",
+    "react-window": "^2.2.5",
+    "recharts": "3.7.0",
+    "rimraf": "^6.1.2",
+    "tailwind-merge": "^3.4.0",
+    "tw-animate-css": "^1.4.0",
+    "xlsx": "^0.18.5",
+    "zustand": "^5.0.10"
+  },
+  "build": {
+    "appId": "com.documentationhub.app",
+    "productName": "Documentation Hub",
+    "artifactName": "${productName}-Setup-${version}.${ext}",
+    "publish": [
+      {
+        "provider": "github",
+        "owner": "ItMeDiaTech",
+        "repo": "Documentation_Hub",
+        "releaseType": "release"
+      }
+    ],
+    "asar": true,
+    "asarUnpack": [
+      "**/*.node",
+      "**/better-sqlite3/**",
+      "**/canvas/**"
+    ],
+    "directories": {
+      "output": "release",
+      "buildResources": "build"
+    },
+    "files": [
+      "dist/**/*",
+      "node_modules/**/*",
+      "package.json"
+    ],
+    "extraResources": [
+      {
+        "from": "build/app-update.yml",
+        "to": "app-update.yml"
+      },
+      {
+        "from": "build/icon.ico",
+        "to": "icon.ico"
+      }
+    ],
+    "icon": "build/icon.png",
+    "win": {
+      "target": [
+        "msi"
+      ],
+      "icon": "build/icon.ico",
+      "artifactName": "Documentation-Hub-${version}.${ext}",
+      "signAndEditExecutable": false
+    },
+    "msi": {
+      "upgradeCode": "CF863E5D-30C2-470B-B337-4373B543F563",
+      "oneClick": false,
+      "perMachine": false,
+      "createDesktopShortcut": true,
+      "createStartMenuShortcut": true,
+      "runAfterFinish": true,
+      "warningsAsErrors": false,
+      "shortcutName": "DocumentationHub",
+      "additionalWixArgs": [
+        "-sval"
+      ]
+    },
+    "mac": {
+      "target": [
+        "dmg"
+      ],
+      "category": "public.app-category.productivity",
+      "icon": "build/icon.png",
+      "artifactName": "Documentation-Hub-${version}.${ext}"
+    },
+    "dmg": {
+      "contents": [
+        {
+          "x": 130,
+          "y": 220
+        },
+        {
+          "x": 410,
+          "y": 220,
+          "type": "link",
+          "path": "/Applications"
+        }
+      ],
+      "artifactName": "Documentation-Hub-${version}.dmg"
+    },
+    "linux": {
+      "target": [
+        "AppImage"
+      ],
+      "category": "Office",
+      "icon": "build",
+      "artifactName": "Documentation-Hub-${version}.${ext}"
+    }
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    // Tailwind is now handled by the Vite plugin
+    autoprefixer: {},
+  },
+};

package/publish-release.ps1

@@ -0,0 +1,5 @@
+$ghPath = "$env:USERPROFILE\AppData\Local\Programs\gh\gh.exe"
+$token = & $ghPath auth token
+$env:GH_TOKEN = $token
+Set-Location 'c:\Users\DiaTech\Projects\DocHub\development\dochub-app'
+npx electron-builder --publish always '-c.publish.releaseType=release'

package/renovate.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": ["config:recommended"],
+  "packageRules": [
+    {
+      "matchPackageNames": ["docxmlater"],
+      "automerge": true,
+      "schedule": ["at any time"],
+      "groupName": "docxmlater"
+    },
+    {
+      "matchDepTypes": ["devDependencies"],
+      "excludePackageNames": ["electron", "better-sqlite3", "canvas"],
+      "groupName": "dev-dependencies",
+      "schedule": ["every weekend"],
+      "automerge": true
+    },
+    {
+      "matchPackageNames": ["better-sqlite3", "canvas"],
+      "groupName": "native-modules",
+      "automerge": false
+    },
+    {
+      "matchPackageNames": ["electron"],
+      "matchUpdateTypes": ["major"],
+      "automerge": false,
+      "labels": ["breaking-change"]
+    }
+  ]
+}

package/src/App.tsx

@@ -0,0 +1,216 @@
+import { createHashRouter, RouterProvider, Outlet } from 'react-router-dom';
+import { ThemeProvider } from '@/contexts/ThemeContext';
+import { SessionProvider } from '@/contexts/SessionContext';
+import { UserSettingsProvider } from '@/contexts/UserSettingsContext';
+import { GlobalStatsProvider } from '@/contexts/GlobalStatsContext';
+import { TitleBar } from '@/components/layout/TitleBar';
+import { Sidebar } from '@/components/layout/Sidebar';
+import { Header } from '@/components/layout/Header';
+import { CommandPalette } from '@/components/navigation/CommandPalette';
+import { KeyboardShortcutsModal } from '@/components/navigation/KeyboardShortcutsModal';
+import { TooltipProvider } from '@/components/common/Tooltip';
+import { BugReportButton } from '@/components/common/BugReportButton';
+import { UpdateNotification } from '@/components/common/UpdateNotification';
+import { DebugConsole } from '@/components/common/DebugConsole';
+import { ErrorBoundary } from '@/components/common/ErrorBoundary';
+import { ContextErrorFallback } from '@/components/common/ErrorFallback';
+import { SplashScreen } from '@/components/common/SplashScreen';
+import { useState, lazy, Suspense, useEffect, useCallback } from 'react';
+import { useGlobalStats } from '@/contexts/GlobalStatsContext';
+import { useNavigate } from 'react-router-dom';
+
+// Lazy load pages for code splitting and faster initial load
+const Dashboard = lazy(() => import('@/pages/Dashboard').then((m) => ({ default: m.Dashboard })));
+const Settings = lazy(() => import('@/pages/Settings').then((m) => ({ default: m.Settings })));
+const CurrentSession = lazy(() =>
+  import('@/pages/CurrentSession').then((m) => ({ default: m.CurrentSession }))
+);
+const Sessions = lazy(() => import('@/pages/Sessions').then((m) => ({ default: m.Sessions })));
+const Documents = lazy(() => import('@/pages/Documents').then((m) => ({ default: m.Documents })));
+const Analytics = lazy(() => import('@/pages/Analytics').then((m) => ({ default: m.Analytics })));
+const Reporting = lazy(() => import('@/pages/Reporting').then((m) => ({ default: m.Reporting })));
+const Search = lazy(() => import('@/pages/Search').then((m) => ({ default: m.Search })));
+
+// Loading fallback component
+function PageLoader() {
+  return (
+    <div className="flex items-center justify-center h-full">
+      <div className="text-center">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" />
+        <p className="text-muted-foreground">Loading...</p>
+      </div>
+    </div>
+  );
+}
+
+function EmptyPage({ title }: { title: string }) {
+  return (
+    <div className="flex items-center justify-center h-full">
+      <div className="text-center">
+        <h2 className="text-2xl font-bold mb-2">{title}</h2>
+        <p className="text-muted-foreground">This page is under construction</p>
+      </div>
+    </div>
+  );
+}
+
+function Layout() {
+  const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+  const [shortcutsModalOpen, setShortcutsModalOpen] = useState(false);
+  const { isLoading } = useGlobalStats();
+  const [isInitialized, setIsInitialized] = useState(false);
+  const navigate = useNavigate();
+
+  // Global keyboard shortcuts
+  const handleKeyDown = useCallback((e: KeyboardEvent) => {
+    // Don't trigger shortcuts when typing in inputs
+    const target = e.target as HTMLElement;
+    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
+      return;
+    }
+
+    // ? - Show keyboard shortcuts
+    if (e.key === '?' && !e.ctrlKey && !e.metaKey) {
+      e.preventDefault();
+      setShortcutsModalOpen(true);
+      return;
+    }
+
+    const isMod = e.ctrlKey || e.metaKey;
+
+    // Mod+K - Command palette (handled elsewhere, but ensure consistency)
+    if (isMod && e.key === 'k') {
+      e.preventDefault();
+      setCommandPaletteOpen(true);
+      return;
+    }
+
+    // Navigation shortcuts
+    if (isMod && e.key >= '1' && e.key <= '4') {
+      e.preventDefault();
+      const routes = ['/', '/sessions', '/analytics', '/documents'];
+      const index = parseInt(e.key) - 1;
+      if (routes[index]) {
+        navigate(routes[index]);
+      }
+      return;
+    }
+
+    // Mod+, - Settings
+    if (isMod && e.key === ',') {
+      e.preventDefault();
+      navigate('/settings');
+      return;
+    }
+  }, [navigate]);
+
+  useEffect(() => {
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [handleKeyDown]);
+
+  // Track initialization completion with slight delay for smooth transition
+  useEffect(() => {
+    if (!isLoading && !isInitialized) {
+      // Add 300ms delay to ensure smooth transition
+      const timer = setTimeout(() => {
+        setIsInitialized(true);
+      }, 300);
+      return () => clearTimeout(timer);
+    }
+  }, [isLoading, isInitialized]);
+
+  // Show splash screen during initialization
+  if (!isInitialized) {
+    return <SplashScreen message="Loading your workspace..." />;
+  }
+
+  return (
+    <div className="h-screen flex flex-col overflow-hidden bg-background">
+      <TitleBar />
+
+      <div className="flex-1 flex overflow-hidden">
+        <Sidebar />
+
+        <div className="flex-1 flex flex-col overflow-hidden">
+          <Header onCommandPalette={() => setCommandPaletteOpen(true)} />
+
+          <main className="flex-1 overflow-auto">
+            <Suspense fallback={<PageLoader />}>
+              <Outlet />
+            </Suspense>
+          </main>
+        </div>
+      </div>
+
+      <CommandPalette open={commandPaletteOpen} onOpenChange={setCommandPaletteOpen} />
+
+      <KeyboardShortcutsModal open={shortcutsModalOpen} onOpenChange={setShortcutsModalOpen} />
+
+      <BugReportButton />
+
+      <UpdateNotification />
+
+      <DebugConsole />
+    </div>
+  );
+}
+
+const router = createHashRouter(
+  [
+    {
+      path: '/',
+      element: <Layout />,
+      children: [
+        { index: true, element: <Dashboard /> },
+        { path: 'sessions', element: <Sessions /> },
+        { path: 'session/:id', element: <CurrentSession /> },
+        { path: 'analytics', element: <Analytics /> },
+        { path: 'team', element: <EmptyPage title="Team" /> },
+        { path: 'documents', element: <Documents /> },
+        { path: 'reporting', element: <Reporting /> },
+        { path: 'search', element: <Search /> },
+        { path: 'profile', element: <EmptyPage title="Profile" /> },
+        { path: 'settings', element: <Settings /> },
+      ],
+    },
+  ],
+  {
+    future: {
+      v7_startTransition: true,
+      v7_relativeSplatPath: true,
+      v7_fetcherPersist: true,
+      v7_normalizeFormMethod: true,
+      v7_partialHydration: true,
+      v7_skipActionErrorRevalidation: true,
+    },
+  }
+);
+
+function App() {
+  return (
+    <ErrorBoundary>
+      <ErrorBoundary fallback={<ContextErrorFallback context="theme" />}>
+        <ThemeProvider>
+          <ErrorBoundary fallback={<ContextErrorFallback context="settings" />}>
+            <UserSettingsProvider>
+              <ErrorBoundary fallback={<ContextErrorFallback context="stats" />}>
+                <GlobalStatsProvider>
+                  <ErrorBoundary fallback={<ContextErrorFallback context="session" />}>
+                    <SessionProvider>
+                      <TooltipProvider>
+                        <RouterProvider router={router} />
+                      </TooltipProvider>
+                    </SessionProvider>
+                  </ErrorBoundary>
+                </GlobalStatsProvider>
+              </ErrorBoundary>
+            </UserSettingsProvider>
+          </ErrorBoundary>
+        </ThemeProvider>
+      </ErrorBoundary>
+    </ErrorBoundary>
+  );
+}
+
+export default App;

package/src/__mocks__/p-limit.js

@@ -0,0 +1,12 @@
+/**
+ * Mock for p-limit ESM module
+ * p-limit is used for concurrency control in batch processing
+ */
+const pLimit = (concurrency) => {
+  // Return a simple wrapper that just executes the function
+  return (fn) => fn();
+};
+
+// Named export
+module.exports = pLimit;
+module.exports.default = pLimit;

package/src/__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

package/src/components/common/BugReportButton.tsx

@@ -0,0 +1,44 @@
+import { cn } from '@/utils/cn';
+import { motion } from 'framer-motion';
+import { Bug } from 'lucide-react';
+import { useState } from 'react';
+import { BugReportDialog } from './BugReportDialog';
+
+export function BugReportButton() {
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+
+  return (
+    <>
+      <BugReportDialog isOpen={isDialogOpen} onClose={() => setIsDialogOpen(false)} />
+
+      <motion.button
+        onClick={() => setIsDialogOpen(true)}
+      initial={{ scale: 0 }}
+      animate={{ scale: 1 }}
+      whileHover={{ scale: 1.1, rotate: 10 }}
+      whileTap={{ scale: 0.9 }}
+      className={cn(
+        'fixed bottom-4 right-4 z-50',
+        'w-10 h-10 rounded-full',
+        'bg-linear-to-br from-red-500 to-orange-600',
+        'shadow-lg hover:shadow-xl',
+        'flex items-center justify-center',
+        'group transition-all duration-200',
+        'focus:outline-none focus-visible:ring-2 focus-visible:ring-ring'
+      )}
+      aria-label="Report a bug"
+      title="Report a bug"
+    >
+      <Bug className="w-5 h-5 text-white" />
+
+        <motion.div
+          className="absolute -top-8 right-0 px-2 py-1 bg-popover text-popover-foreground text-xs rounded shadow-md pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap"
+          initial={{ y: 10, opacity: 0 }}
+          whileHover={{ y: 0, opacity: 1 }}
+        >
+          Report a Bug
+        </motion.div>
+      </motion.button>
+    </>
+  );
+}