Merge pull request #27 from shiv3/feat/prettier-shiv3

feat: apply Prettier formatting across multiple files

Author: shiv3

.github/workflows/manual-release.yml

@@ -4,7 +4,7 @@ on:
   workflow_dispatch:
     inputs:
       version:
-        description: 'Version to release (e.g., 1.0.0)'
+        description: "Version to release (e.g., 1.0.0)"
         required: true
         type: string
 
@@ -17,7 +17,7 @@ jobs:
       release_id: ${{ steps.create_release.outputs.id }}
     steps:
       - uses: actions/checkout@v4
-      
+
       - name: Create Release
         id: create_release
         uses: actions/github-script@v7
@@ -42,14 +42,14 @@ jobs:
       fail-fast: false
       matrix:
         include:
-          - platform: 'macos-latest'
-            args: '--target aarch64-apple-darwin'
-          - platform: 'macos-latest'
-            args: '--target x86_64-apple-darwin'
-          - platform: 'ubuntu-22.04'
-            args: ''
-          - platform: 'windows-latest'
-            args: ''
+          - platform: "macos-latest"
+            args: "--target aarch64-apple-darwin"
+          - platform: "macos-latest"
+            args: "--target x86_64-apple-darwin"
+          - platform: "ubuntu-22.04"
+            args: ""
+          - platform: "windows-latest"
+            args: ""
 
     runs-on: ${{ matrix.platform }}
     steps:
@@ -80,4 +80,4 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           releaseId: ${{ needs.create-release.outputs.release_id }}
-          args: ${{ matrix.args }}
+          args: ${{ matrix.args }}

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: Release Desktop App
 on:
   push:
     tags:
-      - 'v*'
+      - "v*"
   workflow_dispatch:
 
 jobs:
@@ -14,18 +14,18 @@ jobs:
       fail-fast: false
       matrix:
         include:
-          - platform: 'macos-latest'
-            args: '--target aarch64-apple-darwin'
-            target: 'aarch64-apple-darwin'
-          - platform: 'macos-latest'
-            args: '--target x86_64-apple-darwin'
-            target: 'x86_64-apple-darwin'
-          - platform: 'ubuntu-22.04'
-            args: ''
-            target: 'x86_64-unknown-linux-gnu'
-          - platform: 'windows-latest'
-            args: ''
-            target: 'x86_64-pc-windows-msvc'
+          - platform: "macos-latest"
+            args: "--target aarch64-apple-darwin"
+            target: "aarch64-apple-darwin"
+          - platform: "macos-latest"
+            args: "--target x86_64-apple-darwin"
+            target: "x86_64-apple-darwin"
+          - platform: "ubuntu-22.04"
+            args: ""
+            target: "x86_64-unknown-linux-gnu"
+          - platform: "windows-latest"
+            args: ""
+            target: "x86_64-pc-windows-msvc"
 
     runs-on: ${{ matrix.platform }}
     steps:
@@ -61,18 +61,18 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           tagName: ${{ github.ref_name }}
-          releaseName: 'OCPP CP Simulator ${{ github.ref_name }}'
+          releaseName: "OCPP CP Simulator ${{ github.ref_name }}"
           releaseBody: |
             See the assets to download this version and install.
-            
+
             ## What's Changed
-            
+
             ### Desktop App Downloads
             - **macOS (Apple Silicon)**: `OCPP.CP.Simulator_*_aarch64.dmg`
             - **macOS (Intel)**: `OCPP.CP.Simulator_*_x64.dmg`
             - **Windows**: `OCPP.CP.Simulator_*_x64-setup.exe` or `.msi`
             - **Linux**: `ocpp-cp-simulator_*_amd64.AppImage` or `.deb`
-            
+
             ### Web Version
             The web version is available at: https://shiv3.github.io/ocpp-cp-simulator/
           releaseDraft: true
@@ -98,10 +98,10 @@ jobs:
               repo: context.repo.repo,
               tag: context.ref.replace('refs/tags/', '')
             });
-            
+
             // Get commit history
             let body = release.body;
-            
+
             try {
               const { data: commits } = await github.rest.repos.compareCommits({
                 owner: context.repo.owner,
@@ -118,10 +118,10 @@ jobs:
             } catch (e) {
               console.log('Failed to get commit history:', e.message);
             }
-            
+
             await github.rest.repos.updateRelease({
               owner: context.repo.owner,
               repo: context.repo.repo,
               release_id: release.id,
               body: body
-            });
+            });

.prettierignore

@@ -0,0 +1,44 @@
+# Dependencies
+node_modules/
+
+# Production build
+dist/
+build/
+
+# Environment files
+.env
+.env.local
+.env.*.local
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# IDE
+.vscode/
+.idea/
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Coverage
+coverage/
+
+# Temporary files
+*.tmp
+*.temp
+
+# Generated files
+*.min.js
+*.min.css
+
+# Package manager files
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+
+# Tauri generated files
+src-tauri/target/

README.md

@@ -3,43 +3,51 @@
 OCPP charger simulator written in React that works as a standalone web app or desktop application.
 
 ## Web Version
+
 https://shiv3.github.io/ocpp-cp-simulator/#config=%7B"wsURL"%3A"wss%3A%2F%2Flocalhost%3A8080%2F"%2C"connectorNumber"%3A2%2C"ChargePointID"%3A"test-cp"%2C"tagID"%3A"test-tag"%2C"ocppVersion"%3A"OCPP-1.6J"%2C"Experimental"%3Anull%7D
 
 ## Desktop Application
 
 ### Download
+
 Download the latest desktop version from the [Releases](https://github.com/shiv3/ocpp-cp-simulator/releases) page.
 
 Available for:
-- **macOS**: 
+
+- **macOS**:
   - Apple Silicon: `OCPP.CP.Simulator_*_aarch64.dmg`
   - Intel: `OCPP.CP.Simulator_*_x64.dmg`
 - **Windows**: `OCPP.CP.Simulator_*_x64-setup.exe` or `.msi`
-- **Linux**: 
+- **Linux**:
   - AppImage: `ocpp-cp-simulator_*_amd64.AppImage` (recommended)
   - Debian/Ubuntu: `ocpp-cp-simulator_*_amd64.deb`
 
 ### Installation
 
 #### macOS
+
 1. Download the appropriate `.dmg` file for your processor
 2. Open the downloaded file
 3. Drag the OCPP CP Simulator app to your Applications folder
 4. First time opening: Right-click and select "Open" to bypass Gatekeeper
 
 #### Windows
+
 1. Download the `.exe` or `.msi` installer
 2. Run the installer
 3. Follow the installation wizard
 4. The app will be available in your Start Menu
 
 #### Linux
+
 **AppImage (Recommended)**
+
 1. Download the `.AppImage` file
 2. Make it executable: `chmod +x ocpp-cp-simulator_*.AppImage`
 3. Run: `./ocpp-cp-simulator_*.AppImage`
 
 **Debian/Ubuntu**
+
 1. Download the `.deb` file
 2. Install: `sudo dpkg -i ocpp-cp-simulator_*.deb`
 3. Or double-click to install with Software Center
@@ -60,6 +68,7 @@ npm run tauri:build
 ```
 
 #### Prerequisites for Development
+
 - Node.js (v18 or later)
 - Rust (latest stable)
 - Platform-specific dependencies:
@@ -69,13 +78,10 @@ npm run tauri:build
 
 <img width="1532" alt="image" src="https://github.com/user-attachments/assets/480f6e76-a426-4f0c-b133-a62a03f0847e">
 
-
 ## Doc
 
 https://deepwiki.com/shiv3/ocpp-cp-simulator
 
-
-
 ### Experimental feature
 
 experimental feature support e.g. simultaneous use of multiple chargers

index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

package.json

@@ -8,6 +8,8 @@
     "build": "vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "prepare": "husky",
     "tauri": "tauri",
     "tauri:dev": "tauri dev",
@@ -48,7 +50,7 @@
     "vite": "^5.3.4"
   },
   "lint-staged": {
-    "*.{ts,tsx}": "eslint --cache --fix",
-    "*.{js,css,md}": "prettier --write"
+    "*.{ts,tsx,js,jsx,css,md,json}": "prettier --write",
+    "*.{ts,tsx}": "eslint --cache --fix"
   }
 }

scripts/generate-icon.js

@@ -1,14 +1,14 @@
 #!/usr/bin/env node
 
-import { createWriteStream } from 'fs';
-import { mkdir } from 'fs/promises';
-import { dirname, join } from 'path';
-import { fileURLToPath } from 'url';
-import https from 'https';
+import { createWriteStream } from "fs";
+import { mkdir } from "fs/promises";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+import https from "https";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const projectRoot = join(__dirname, '..');
-const iconsDir = join(projectRoot, 'src-tauri', 'icons');
+const projectRoot = join(__dirname, "..");
+const iconsDir = join(projectRoot, "src-tauri", "icons");
 
 // Simple PNG generation using canvas-like approach
 async function generatePNG(size) {
@@ -17,41 +17,43 @@ async function generatePNG(size) {
   const svg = `<?xml version="1.0" encoding="UTF-8"?>
 <svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}" xmlns="http://www.w3.org/2000/svg">
   <rect width="${size}" height="${size}" fill="#2563eb" rx="${size * 0.125}"/>
-  <text x="${size/2}" y="${size * 0.6}" font-family="Arial, sans-serif" font-size="${size * 0.15}" font-weight="bold" text-anchor="middle" fill="#ffffff">OCPP</text>
+  <text x="${size / 2}" y="${size * 0.6}" font-family="Arial, sans-serif" font-size="${size * 0.15}" font-weight="bold" text-anchor="middle" fill="#ffffff">OCPP</text>
 </svg>`;
-  
+
   return svg;
 }
 
 async function createIcons() {
   try {
     await mkdir(iconsDir, { recursive: true });
-    
+
     // For now, create placeholder files
     // In a real implementation, you would convert SVG to PNG using a library like sharp or canvas
     const sizes = [
-      { name: '32x32.png', size: 32 },
-      { name: '128x128.png', size: 128 },
-      { name: '[email protected]', size: 256 },
+      { name: "32x32.png", size: 32 },
+      { name: "128x128.png", size: 128 },
+      { name: "[email protected]", size: 256 },
     ];
-    
+
     for (const { name, size } of sizes) {
       const svg = await generatePNG(size);
-      const svgPath = join(iconsDir, name.replace('.png', '.svg'));
-      
+      const svgPath = join(iconsDir, name.replace(".png", ".svg"));
+
       await fs.writeFile(svgPath, svg);
       console.log(`Created placeholder for ${name}`);
     }
-    
+
     // Create empty ico and icns files for now
-    await fs.writeFile(join(iconsDir, 'icon.ico'), '');
-    await fs.writeFile(join(iconsDir, 'icon.icns'), '');
-    
-    console.log('Icon placeholders created. For production, convert these to proper formats.');
+    await fs.writeFile(join(iconsDir, "icon.ico"), "");
+    await fs.writeFile(join(iconsDir, "icon.icns"), "");
+
+    console.log(
+      "Icon placeholders created. For production, convert these to proper formats.",
+    );
   } catch (error) {
-    console.error('Error creating icons:', error);
+    console.error("Error creating icons:", error);
     process.exit(1);
   }
 }
 
-createIcons();
+createIcons();

src-tauri/tauri.conf.json

@@ -29,4 +29,4 @@
     "targets": "all",
     "icon": []
   }
-}
+}

src/App.tsx

@@ -1,20 +1,18 @@
 // App.tsx
 import React from "react";
-import {BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import Navbar from "./components/Navbar.tsx";
 import Settings from "./components/Settings.tsx";
 import TopPage from "./components/TopPage.tsx";
 
 const App: React.FC = () => {
-
-
   return (
     <Router basename={import.meta.env.VITE_BASE_URL}>
       <div className="min-h-screen bg-gray-100">
         <Navbar />
         <div className="container mx-auto my-auto p-4">
           <Routes>
-            <Route path="/" element={<TopPage />}  />
+            <Route path="/" element={<TopPage />} />
             <Route path="/settings" element={<Settings />} />
           </Routes>
         </div>