Skip to content
This repository was archived by the owner on Apr 6, 2026. It is now read-only.

Fully rework the UI #1

Open
rossnoah wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Fully rework the UI #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,3 +10,7 @@

# Extra Stuff
/vscode/


# Build directories
dist/
3 changes: 3 additions & 0 deletions test-app/.babelrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}
27 changes: 23 additions & 4 deletions test-app/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,34 @@
"version": "2.0.0",
"main": "src/main.js",
"scripts": {
"start": "electron ."
"start": "electron .",
"build": "webpack --mode production",
"dev": "webpack --mode production && electron ."
Comment on lines +6 to +8

@coderabbitai coderabbitai Bot Oct 27, 2025

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

Fix dev workflow: use webpack-dev-server and set NODE_ENV

Current dev builds production and doesn’t start a dev server; NODE_ENV remains unset so main won’t load http://localhost:8080.

Apply:

   "scripts": {
-    "start": "electron .",
-    "build": "webpack --mode production",
-    "dev": "webpack --mode production && electron ."
+    "start": "electron .",
+    "build": "webpack --mode production",
+    "dev": "cross-env NODE_ENV=development concurrently \"webpack serve --mode development\" \"wait-on http://localhost:8080 && electron .\""
   },

And add cross-env:

   "devDependencies": {
+    "cross-env": "^7.0.3",
     "@babel/core": "^7.28.3",

Committable suggestion skipped: line range outside the PR's diff.

🤖 Prompt for AI Agents 
In test-app/package.json around lines 6 to 8, the "dev" script currently runs a
production build and doesn't start a dev server or set NODE_ENV; change the
"dev" script to run webpack-dev-server (so the renderer is served at
http://localhost:8080) and launch Electron after the server starts, and prefix
the command with cross-env NODE_ENV=development so the main process loads the
dev URL; also add cross-env as a devDependency (or document it in install steps)
so the environment variable works cross-platform.

},
"dependencies": {
"rclnodejs": "^0.27.4",
"fitty": "^2.3.6"
"fitty": "^2.3.6",
"react": "^19.1.1",
"react-dom": "^19.1.1",
"react-router-dom": "^7.8.2"
},
"devDependencies": {
"@babel/core": "^7.28.3",
"@babel/preset-env": "^7.28.3",
"@babel/preset-react": "^7.27.1",
"@electron/rebuild": "^3.6.0",
"autoprefixer": "^10.4.21",
"babel-loader": "^10.0.0",
"concurrently": "^9.2.1",
"css-loader": "^7.1.2",
"electron": "^31.0.0",
"material-icons": "^1.13.9"
"html-webpack-plugin": "^5.6.4",
"material-icons": "^1.13.9",
"postcss": "^8.5.6",
"postcss-loader": "^8.2.0",
"style-loader": "^4.0.0",
"wait-on": "^8.0.4",
"webpack": "^5.101.3",
"webpack-cli": "^6.0.1",
"webpack-dev-server": "^5.2.2"
}
}
13 changes: 0 additions & 13 deletions test-app/src/lock_screen.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,6 @@
font-size: 125%;
}
.btn.pressed {
transform: scale(1.05);
opacity: 0.8;
}
/* .shutdown {
Expand Down Expand Up @@ -149,20 +148,8 @@
border-radius: 50%;
background: rgb(95, 95, 95);
margin: 0px 5px;
animation: scale 0.3s ease-in-out; /* Animation! */
}
@keyframes scale {
from {
transform: scale(1.4);
}
}
.dot.removing {
animation: scaleIn 0.15s ease-in-out;
}
@keyframes scaleIn {
to {
transform: scale(0);
}
}
</style>
</head>
Expand Down
Loading