rewrite with svelte kit

.github/workflows/pull-request.yml

@@ -1,5 +1,4 @@
 name: 🔍 Pull Request
-
 on:
   pull_request:
     branches:
@@ -44,4 +43,4 @@ jobs:
           projectId: githelm
           target: preview
           channelId: ${{ github.head_ref }}
-          expires: 7d
+          expires: 7d

.gitignore

@@ -12,6 +12,9 @@ pnpm-debug.log*
 # Vite build output
 dist/
 
+# Svelte build output
+.svelte-kit/
+
 # Firebase 
 .firebase/
 
@@ -33,4 +36,5 @@ dist/
 .DS_Store
 
 # Windows files
-Thumbs.d
+Thumbs.d
+/old

README.md

@@ -1,3 +1,100 @@
-# githelm
+# GitHelm
+
+GitHelm is a web application designed to monitor GitHub pull requests and actions across multiple repositories. The application provides a user-friendly interface to authenticate with GitHub, configure repositories and actions to monitor, and view the status of pull requests and actions in real-time.
+
+<a href="https://www.buymeacoffee.com/githelm" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 40px !important;width: 150px !important;" ></a>
+
+## Using the Site
+### Features
+
+- **Monitor Pull Requests**: Configure and monitor pull requests across multiple repositories.
+- **Monitor Actions**: Configure and monitor GitHub actions across multiple repositories.
+- **Filtering**: Add filters to pull requests and actions to narrow down the results.
+- **Real-time Updates**: Automatically refresh the content every 60 seconds to provide real-time updates.
+- **Progressive Web App (PWA)**: Install the application as a PWA for offline access.
+
+#### Authentication
+
+1. **Login**:
+   - Click the "Login with GitHub" button.
+   - Authenticate with your GitHub account.
+   - Authorize any organization you wish to monitor.
+
+2. **Logout**:
+   - Click the "Logout" button to sign out of the application.
+
+#### Setting Up Repositories
+
+1. **Add a Repository**:
+   - Navigate to the "Pull Requests" or "Actions" section (or tabs if you're on mobile).
+   - Click the "Edit" button to enter the configuration mode.
+   - Enter the organization and repository name.
+   - Add any filters (labels for pull requests or workflow names for actions).
+   - Click the "Add" button to add the repository to the configuration.
+
+2. **Save Configuration**:
+   - Click the "Save" button to save the configuration.
+   - The repositories and actions will be monitored based on the configuration.
+
+#### Adding Filters
+
+1. **Add a Filter**:
+   - In the configuration mode, enter the filter (label for pull requests or workflow name for actions).
+   - Click the "Add Filter" button to add the filter.
+
+2. **Remove a Filter**:
+   - Click the "x" button next to the filter to remove it.
+
+### Viewing Pull Requests and Actions
+
+1. **Pull Requests**:
+   - Navigate to the "Pull Requests" tab to view the list of monitored pull requests.
+   - The pull requests will be displayed with their titles and statuses.
+
+2. **Actions**:
+   - Navigate to the "Actions" tab to view the list of monitored actions.
+   - The actions will be displayed with their names and statuses.
+
+### Real-time Updates
+
+- The application will automatically refresh the content every 60 seconds to provide real-time updates.
+- You can also manually refresh the content by clicking the "Refresh" button next to time timer located in the footer.
+
+### Progressive Web App (PWA)
+
+- You can install the application as a PWA for offline access.
+- Follow the browser prompts to install the application on your device
+
+## Development
+### Requirements
+
+- Node.js (v18 or higher)
+- pnpm (v9 or higher)
+- GitHub account
+
+### Development Setup
+
+1. **Install Dependencies**:
+
+   ```sh
+   pnpm install
+   ```
+
+2. **Run the Development Server**:
+
+   ```sh
+   pnpm run dev
+   ```
+
+3. **Build the Application**:
+
+   ```sh
+   pnpm run build
+   ```
+
+4. **Preview the Production Build**:
+
+   ```sh
+   pnpm run serve
+   ```
 
-<a href="https://www.buymeacoffee.com/githelm" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

package.json

@@ -1,49 +1,50 @@
 {
   "name": "githelm",
   "version": "1.0.0",
-  "description": "",
-  "main": "src/main.js",
+  "private": true,
   "type": "module",
   "packageManager": "[email protected]",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "test": "vitest",
+    "build": "vite build",
     "serve": "vite preview",
-    "generate-pwa-icons": "pwa-assets-generator"
+    "check": "svelte-check --tsconfig ./tsconfig.json && tsc -p tsconfig.node.json"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Steven-Harris/githelm.git"
   },
-  "author": "",
-  "license": "ISC",
+  "author": "steven-harris",
   "bugs": {
     "url": "https://github.com/Steven-Harris/githelm/issues"
   },
   "homepage": "https://githelm.com",
-  "resolutions": {
-    "sharp": "0.32.6",
-    "sharp-ico": "0.1.5"
-  },
   "dependencies": {
     "firebase": "^11.2.0",
-    "sortablejs": "^1.15.6"
+    "tailwindcss": "^4.0.2"
   },
   "devDependencies": {
-    "@types/node": "^22.13.0",
-    "@types/sortablejs": "^1.15.8",
+    "@sveltejs/adapter-static": "^3.0.8",
+    "@sveltejs/kit": "^2.16.1",
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tailwindcss/vite": "^4.0.3",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/svelte": "^5.2.6",
+    "@tsconfig/svelte": "5.0.4",
     "@vite-pwa/assets-generator": "^0.2.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "cssnano": "^7.0.6",
-    "firebase-tools": "^13.29.3",
-    "postcss": "^8.5.1",
-    "tailwindcss": "^3.4.17",
+    "@vite-pwa/sveltekit": "^0.6.7",
+    "sharp": "0.32.6",
+    "sharp-ico": "0.1.5",
+    "svelte": "^5.19.6",
+    "svelte-check": "^4.1.4",
+    "svelte-preprocess": "^6.0.3",
+    "tslib": "2.8.1",
     "typescript": "^5.7.3",
     "vite": "^6.0.11",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-pwa": "^0.21.1",
-    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^2.1.8",
     "workbox-window": "^7.3.0"
   }
 }