add disk usage widget

Author: slikts

.vscode/settings.json

@@ -1,4 +1,6 @@
 {
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": {
     "source.fixAll": "always"
   },

apps/api/src/main.ts

@@ -1,7 +1,7 @@
 import express from 'express';
 import cors from 'cors';
 import * as trpcExpress from '@trpc/server/adapters/express';
-import { appRouter } from './routers/_app';
+import { appRouter } from './trpc/root';
 import { createContext } from './trpc/context';
 
 const host = process.env.HOST ?? 'localhost';

apps/api/src/routers/_app.ts

@@ -1,11 +1,10 @@
 import express from 'express';
 import * as trpcExpress from '@trpc/server/adapters/express';
-import { appRouter } from './routers/_app';
+import { appRouter } from './trpc/root';
 import { createContext } from './trpc/context';
 
 const app = express();
 
-// Add a root route
 app.get('/', (req, res) => {
   res.json({ message: 'Welcome to the Modes API!' });
 });

apps/api/src/routers/example.ts

@@ -5,13 +5,15 @@ import { tagsRouter } from './routers/tags';
 import { usersRouter } from './routers/users';
 import { mediaVersionsRouter } from './routers/mediaVersions';
 import { processedMediaRouter } from './routers/processedMedia';
+import { systemRouter } from './routers/system';
 
 export const appRouter = router({
   media: mediaRouter,
   collections: collectionsRouter,
   tags: tagsRouter,
   users: usersRouter,
   mediaVersions: mediaVersionsRouter,
-  processedMedia: processedMediaRouter
+  processedMedia: processedMediaRouter,
+  system: systemRouter,
 });
 export type AppRouter = typeof appRouter;

apps/api/src/server.ts

@@ -0,0 +1,6 @@
+import { publicProcedure, router } from "../router";
+import { getDiskStats } from "../../utils/system";
+
+export const systemRouter = router({
+  getDiskUsage: publicProcedure.query(getDiskStats)
+});

apps/api/src/trpc/root.ts

@@ -0,0 +1,18 @@
+import si from 'systeminformation';
+
+export const getDiskStats = async () => {
+  const fsSize = await si.fsSize();
+  const rootFs = fsSize.find(fs => fs.mount === '/');
+  
+  if (!rootFs) {
+    return null;
+  }
+
+  return {
+    mount: rootFs.mount,
+    total: rootFs.size,
+    used: rootFs.used,
+    available: rootFs.available,
+    usedPercent: rootFs.use
+  };
+}

apps/api/src/trpc/routers/system.ts

@@ -10,6 +10,7 @@
     "@tanstack/react-query": "^4.36.1",
     "@trpc/client": "^10.45.2",
     "@trpc/react-query": "^10.45.2",
+    "pretty-bytes": "^6.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-router-dom": "6.11.2",