Merge pull request #29 from PastaLaPate/dev

Dev

Author: PastaLaPate

.prettierrc

@@ -2,7 +2,7 @@
   "tabWidth": 2,
   "useTabs": false,
   "semi": true,
-  "printWidth": 120,
+  "printWidth": 80,
   "trailingComma": "es5",
   "bracketSpacing": true,
   "arrowParens": "always",

.vscode/extensions.json

@@ -1,9 +1,9 @@
 {
   "recommendations": [
-    "Gruntfuggly.todo-tree", 
-    "austenc.tailwind-docs", 
-    "bradlc.vscode-tailwindcss", 
-    "antfu.vite", 
+    "Gruntfuggly.todo-tree",
+    "austenc.tailwind-docs",
+    "bradlc.vscode-tailwindcss",
+    "antfu.vite",
     "dbaeumer.vscode-eslint",
     "esbenp.prettier-vscode",
     "Tyriar.lorem-ipsum",
@@ -12,4 +12,4 @@
     "christian-kohler.npm-intellisense",
     "Enivia.oklch-decorator"
   ]
-}
+}

.vscode/settings.json

@@ -4,9 +4,12 @@
     "source.fixAll.eslint": "always",
     "source.organizeImports": "always"
   },
+  "editor.indentSize": 2,
+  "editor.wordWrap": "on",
   "vite.autoStart": true,
-  "vite.devCommand": "npm run dev",
+  "vite.devCommand": "pnpm run dev",
   "editor.formatOnSave": true,
+  "tailwindCSS.classAttributes": ["class", "className", "ngClass", "class:list", "inputClassName", "iconClassName"],
   "todo-tree.highlights.defaultHighlight": {
     "icon": "alert",
     "type": "text-and-comment",
@@ -58,15 +61,6 @@
       "iconColour": "green"
     }
   },
-  "todo-tree.general.tags": [
-    "BUG",
-    "HACK",
-    "FIXME",
-    "TODO",
-    "NOTE",
-    "COMMENT",
-    "[ ]",
-    "[x]"
-  ],
+  "todo-tree.general.tags": ["BUG", "HACK", "FIXME", "TODO", "NOTE", "COMMENT", "[ ]", "[x]"],
   "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS).*(\\n\\s*//\\s{2,}.*)*"
 }

README.md

@@ -4,10 +4,12 @@
 
 ## Features
 
-- 🪶**Lightweight**: Optimized for small devices like Raspberry Pi.
+- 📱**Responsive**: Optimized for small screens like a 5" one.
+- 🪶**Lightweight**: Optimized for limited performance devices like Raspberry Pi.
 - ✅**User-friendly**: Intuitive interface for easy navigation.
 - 📂**File explorer**: Start 3D prints directly from the file explorer.
 - 🔥**Preheat presets**: Quickly preheat your printer with custom presets.
+- 🧵**Filament Spool Selector**: Select if you have SpoolManager installed a filament spool to print with.
 
 ## Screenshots
 

backend/package-lock.json

@@ -14,6 +14,8 @@
     "bonjour-service": "^1.3.0",
     "cors": "^2.8.5",
     "express": "^5.1.0",
-    "node-fetch": "^3.3.2"
+    "morgan": "^1.10.0",
+    "node-fetch": "^3.3.2",
+    "rotating-file-stream": "^3.2.6"
   }
 }

backend/package.json

@@ -2,27 +2,19 @@ import { Bonjour } from "bonjour-service"; // you must install this
 
 import cors from "cors";
 import express from "express";
+import morgan from "morgan";
 import fetch from "node-fetch";
+import * as rfs from "rotating-file-stream";
 import { exec, spawn } from "child_process";
 import fs from "fs";
 import os from "os";
 import path from "path";
 import { fileURLToPath } from "url";
-import util from "util";
 
 // Get absolute path to this script (because import.meta.url gives a file:// URL)
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
-var log_file = fs.createWriteStream(__dirname + "/server.log", { flags: "w" });
-var log_stdout = process.stdout;
-
-console.log = function (d) {
-  //
-  log_file.write(util.format(d) + "\n");
-  log_stdout.write(util.format(d) + "\n");
-};
-
 // Read version.json using fs since require is not available in ES modules
 let version = "";
 let versionFilePath = path.join(__dirname, "version.json");
@@ -39,6 +31,21 @@ if (fs.existsSync(versionFilePath)) {
 
 const app = express();
 
+app.use(
+  morgan("combined", {
+    stream: rfs.createStream(
+      (date, index) =>
+        date
+          ? `${date.getFullYear()}/${date.getMonth()}-${date.getDate()}.log`
+          : "server.log",
+      {
+        interval: "1d",
+        path: path.join(__dirname, "log"),
+      }
+    ),
+  })
+);
+
 const allowedOrigins = [
   "http://localhost",
   "http://localhost:3000",
@@ -56,7 +63,7 @@ app.use(
       }
       return callback(new Error("Not allowed by CORS"));
     },
-  }),
+  })
 );
 
 // Resolve the path to ../frontend relative to backend
@@ -107,7 +114,7 @@ app.get("/api/bonjour", (req, res) => {
     },
     (service) => {
       services.push(service);
-    },
+    }
   );
 
   setTimeout(() => {
@@ -146,7 +153,7 @@ app.post("/api/update", async (req, res) => {
       {
         stdio: "ignore",
         detached: true,
-      },
+      }
     ).unref();
   } catch (err) {
     console.error(err);

backend/server.js

@@ -23,6 +23,7 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.5",
     "@radix-ui/react-tabs": "^1.1.12",
+    "@stepperize/react": "^5.1.6",
     "@tailwindcss/vite": "^4.1.7",
     "axios": "^1.9.0",
     "bonjour": "^3.5.0",
@@ -32,7 +33,7 @@
     "cmdk": "^1.1.1",
     "dnssd": "^0.4.1",
     "framer-motion": "^12.15.0",
-    "lucide-react": "^0.511.0",
+    "lucide-react": "^0.523.0",
     "motion": "^12.14.0",
     "next-themes": "^0.4.6",
     "nodemon": "^3.1.10",