Add extra info

Kyonru · Kyonru · commit 1693acde1585 · 2025-08-25T23:07:59.000-04:00
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,2 @@
+npm run typecheck
+npm run lint
diff --git a/ROADMAP.md b/ROADMAP.md
@@ -2,20 +2,20 @@
 
 ## 0.3.0 – Variable Inspection
 
-- [ ] Add Tests
 - [x] Add check for updates
-- [ ] Editable observed variables
-- [ ] Logs should be fetched globally not in tab
-- [ ] Add optional screenshot on error
-- [ ] Add clear logs button
-- [ ] Add observed type, metadata
+- [x] Logs should be fetched globally not in tab
+- [x] Add clear logs button
+- [x] Add play/pause logs button
+- [x] Add changelog page (github link)
+- [x] Add license page (github link)
 
 ---
 
 ## 0.4.0 – Performance & Assets
 
-- [ ] Add changelog page (github link)
-- [ ] Add license page (github link)
+- [ ] Editable observed variables
+- [ ] Add optional screenshot on error
+- [ ] Add observed type, metadata
 - [ ] Add take screenshot button (on logs an screenshot entry is created)
 - [ ] SPIKE: Explore gift creation
 - [ ] SPIKE: Asset viewer (textures, audio list)
@@ -48,6 +48,7 @@
 
 ## 0.7.0 – Plugin System Maturity
 
+- [ ] Add Tests
 - [ ] Stable public plugin API documentation
 - [ ] Runtime load/unload plugins
 - [ ] Versioned plugin compatibility
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,7 +13,8 @@
     "typecheck:lua": "luacheck src-lua",
     "typecheck": "npm run typecheck:web && npm run typecheck:lua",
     "lint": "eslint src --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
-    "tauri": "tauri"
+    "tauri": "tauri",
+    "prepare": "husky"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -32,7 +33,7 @@
     "@radix-ui/react-tabs": "^1.1.12",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/vite": "4.1.11",
     "@tanstack/query-async-storage-persister": "^5.83.1",
     "@tanstack/react-query": "^5.84.1",
@@ -70,6 +71,7 @@
     "@vitejs/plugin-react": "^4.3.4",
     "concurrently": "^9.2.0",
     "eslint": "^9.33.0",
+    "husky": "^9.1.7",
     "tw-animate-css": "^1.3.6",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.39.0",
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
@@ -1,22 +1,35 @@
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 
-import { cn } from '@/utils/styles';
+import { cn } from "@/utils/styles"
 
-function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
 }
 
-function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
   return (
     <TooltipProvider>
       <TooltipPrimitive.Root data-slot="tooltip" {...props} />
     </TooltipProvider>
-  );
+  )
 }
 
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
 }
 
 function TooltipContent({
@@ -31,16 +44,16 @@ function TooltipContent({
         data-slot="tooltip-content"
         sideOffset={sideOffset}
         className={cn(
-          'bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
-          className,
+          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+          className
         )}
         {...props}
       >
         {children}
         <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
-  );
+  )
 }
 
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
@@ -15,6 +15,8 @@ import { useConfigStore } from '@/store/config';
 import { Label } from '@/components/ui/label';
 import { useVersionMismatch } from '@/hooks/use-config';
 import { useSettingsStore } from '@/store/settings';
+import { BookOpenIcon, HandCoinsIcon, HistoryIcon } from 'lucide-react';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
 
 export function AboutModal() {
   const open = useAboutStore((state) => state.open);
@@ -32,6 +34,21 @@ export function AboutModal() {
     openUrl(url);
   };
 
+  const onLicense = () => {
+    const url = `https://github.com/Kyonru/feather/blob/main/LICENSE.md`;
+    openUrl(url);
+  };
+
+  const onChangelog = () => {
+    const url = `https://github.com/Kyonru/feather/blob/main/CHANGELOG.md`;
+    openUrl(url);
+  };
+
+  const onSupport = () => {
+    const url = `https://github.com/sponsors/Kyonru`;
+    openUrl(url);
+  };
+
   const isVersionMismatch = useVersionMismatch();
 
   const developer = 'Kyonru';
@@ -101,6 +118,39 @@ export function AboutModal() {
               </div>
             </Label>
           )}
+
+          <div className="flex flex-row gap-1">
+            <Tooltip>
+              <TooltipTrigger>
+                <Button variant="ghost" onClick={onLicense} className="w-fit">
+                  <BookOpenIcon className="text-chart-3" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>License</p>
+              </TooltipContent>
+            </Tooltip>
+            <Tooltip>
+              <TooltipTrigger>
+                <Button variant="ghost" onClick={onChangelog} className="w-fit">
+                  <HistoryIcon className="text-chart-4" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>Changelog</p>
+              </TooltipContent>
+            </Tooltip>
+            <Tooltip>
+              <TooltipTrigger>
+                <Button variant="ghost" onClick={onSupport} className="w-fit">
+                  <HandCoinsIcon className="text-chart-5" />
+                </Button>
+              </TooltipTrigger>
+              <TooltipContent>
+                <p>Support</p>
+              </TooltipContent>
+            </Tooltip>
+          </div>
         </DialogFooter>
       </DialogContent>
     </Dialog>
