.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "rules": {
+    "no-console": "warn",
+    "no-alert": "warn"
+  },
+  "globals": {
+    "window": "readonly",
+    "document": "readonly",
+    "Notification": "readonly"
+  }
+}

.github/workflows/release.yml

@@ -1,9 +1,12 @@
-name: Build and Release
+name: Build, Lint, and Release
 
 on:
   push:
     tags:
       - 'v*'
+  pull_request:
+    branches:
+      - '**'
 
 jobs:
   build:
@@ -21,18 +24,27 @@ jobs:
         with:
           node-version: '20'
 
-      # New step to set the npm version
       - name: Set app version
+        if: startsWith(github.ref, 'refs/tags/')
         run: |
           echo "Setting app version to $APP_VERSION"
           npm version ${{ github.ref_name }} --no-git-tag-version
 
       - name: Install dependencies
         run: npm install
 
+      - name: Run linter
+        run: npm run lint
+        continue-on-error: true
+
+      - name: Check formatting
+        run: npx prettier --check .
+        continue-on-error: true
+
       - name: Build the app
         run: npm run build
 
       - name: Package the app
+        if: startsWith(github.ref, 'refs/tags/')
         run: |
           npx electron-builder --mac --universal --publish always

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "semi": true,
+  "tabWidth": 2
+}

README.md

@@ -1,7 +1,11 @@
-# WatchMe
+<p align="center">
+  <img width="300px" src="https://raw.githubusercontent.com/killerwolf/watchme/refs/heads/main/misc/WatchMe-logo.png" alt="WatchMe Logo"/>
+</p>
 
 WatchMe is a powerful and user-friendly process monitoring tool designed to help you keep track of running processes on your system. With WatchMe, you can easily monitor specific processes and receive notifications when they end, ensuring you stay informed about your system's activity.
 
+![WatchMe Demo](misc/WatchMe-demo.gif)
+
 ## Features
 
 - Real-time process monitoring
@@ -74,22 +78,18 @@ We have several ideas for future improvements to WatchMe:
 
 1. **Cross-platform support**: Extend compatibility to Windows and Linux.
 2. **Advanced filtering options**: Implement more sophisticated process filtering capabilities.
-3. **Process resource usage monitoring**: Add the ability to track CPU and memory usage of monitored processes.
-4. **Custom notification rules**: Allow users to set up complex notification rules based on process behavior.
-5. **Process grouping**: Enable users to group related processes for easier monitoring.
-6. **Historical data and trends**: Implement a feature to view and analyze historical process data.
-7. **Remote monitoring**: Add the capability to monitor processes on remote machines.
-8. **Plugin system**: Develop a plugin architecture to allow for easy extensibility.
-9. **Localization**: Add support for multiple languages.
-10. **Dark mode**: Implement a dark theme option for the user interface.
+3. **Custom notification rules**: Allow users to set up complex notification rules based on process behavior.
+4. **Process grouping**: Enable users to group related processes for easier monitoring.
+5. **Remote monitoring**: Add the capability to monitor processes on remote machines.
+6. **Localization**: Add support for multiple languages.
+7. **Dark mode**: Implement a dark theme option for the user interface.
 
 ## License
 
 WatchMe is released under the MIT License with an additional attribution requirement. See the [LICENSE](LICENSE) file for details.
 
 This license allows for free use, modification, and distribution of the software, but requires that any derivative work, documentation, or user interface clearly credits the original author, [@killerwolf].
 
-
 ## Support
 
 If you encounter any issues or have questions, please file an issue on the [GitHub issue tracker](https://github.com/killerwolf/watchme/issues).