Merge branch 'temp-branch'

.github/workflows/providers/gitea-release.yml

@@ -37,42 +37,51 @@ jobs:
         sudo apt-get update
         sudo apt-get install xxd
     
+    - name: Check for SPIFFS changes
+      id: check_spiffs
+      run: |
+        git fetch --unshallow || true
+        CHANGED_FILES=$(git diff --name-only HEAD^..HEAD)
+        if echo "$CHANGED_FILES" | grep -q "^data/\|^html/"; then
+          echo "SPIFFS_CHANGED=true" >> $GITHUB_OUTPUT
+        else
+          echo "SPIFFS_CHANGED=false" >> $GITHUB_OUTPUT
+        fi
+    
     - name: Build Firmware
       run: |
-        pio run -e esp32dev -t buildfs  # Build SPIFFS
+        # Get version from platformio.ini
-        pio run -e esp32dev            # Build firmware
+        VERSION=$(grep '^version = ' platformio.ini | cut -d'"' -f2)
-        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/filaman.bin
+        
-        cp .pio/build/esp32dev/spiffs.bin .pio/build/esp32dev/filaman_spiffs.bin
+        # Always build firmware
+        pio run -e esp32dev
+        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/filaman_${VERSION}.bin
+        
+        # Only build SPIFFS if changed
+        if [[ "${{ steps.check_spiffs.outputs.SPIFFS_CHANGED }}" == "true" ]]; then
+          echo "Building SPIFFS due to changes..."
+          cp .pio/build/esp32dev/spiffs.bin .pio/build/esp32dev/webpage_${VERSION}.bin
+        fi
         
     - name: Prepare binaries
       run: |
-        # Ensure we're in the project root
-        cd $GITHUB_WORKSPACE
-        
-        # Create SPIFFS directory if it doesn't exist
-        mkdir -p .pio/build/esp32dev/spiffs
-        
-        # Copy firmware to SPIFFS directory
-        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/spiffs/firmware.bin
-        
-        # Build new SPIFFS image with firmware included
-        pio run -t buildfs
-        
         cd .pio/build/esp32dev
+        VERSION=$(grep '^version = ' ../../platformio.ini | cut -d'"' -f2)
         
-        # Create release files
+        # Create full binary only if SPIFFS changed
-        cp spiffs.bin filaman_spiffs.bin
+        if [[ "${{ steps.check_spiffs.outputs.SPIFFS_CHANGED }}" == "true" ]]; then
-        
-        # Create full binary with correct partition offsets
           echo "Creating full binary..."
           esptool.py --chip esp32 merge_bin \
+            --fill-flash-size 4MB \
             --flash_mode dio \
             --flash_freq 40m \
-          -o filaman_full.bin \
+            --flash_size 4MB \
-          0x1000 bootloader.bin \
+            -o filaman_full_${VERSION}.bin \
+            0x0000 bootloader.bin \
             0x8000 partitions.bin \
             0x10000 firmware.bin \
-          0x310000 spiffs.bin
+            0x390000 spiffs.bin
+        fi
         
         # Verify file sizes
         echo "File sizes:"
@@ -85,6 +94,7 @@ jobs:
         TAG="${{ inputs.gitea_ref_name }}"
         API_URL="${{ inputs.gitea_server_url }}/api/v1"
         REPO="${{ inputs.gitea_repository }}"
+        VERSION=$(grep '^version = ' platformio.ini | cut -d'"' -f2)
         
         # Create release
         RESPONSE=$(curl -k -s \
@@ -102,12 +112,20 @@ jobs:
         
         if [ -n "$RELEASE_ID" ]; then
           echo "Release created with ID: $RELEASE_ID"
-          
-          # Upload binaries
           cd .pio/build/esp32dev
           
-          # Check if files exist before uploading
+          # Always upload firmware
-          for file in filaman_spiffs.bin filaman_full.bin; do
+          if [ -f "filaman_${VERSION}.bin" ]; then
+            curl -k -s \
+              -X POST \
+              -H "Authorization: token ${TOKEN}" \
+              -H "Content-Type: application/octet-stream" \
+              --data-binary "@filaman_${VERSION}.bin" \
+              "${API_URL}/repos/${REPO}/releases/${RELEASE_ID}/assets?name=filaman_${VERSION}.bin"
+          fi
+          
+          # Upload SPIFFS and full binary only if they exist
+          for file in webpage_${VERSION}.bin filaman_full_${VERSION}.bin; do
             if [ -f "$file" ]; then
               echo "Uploading $file..."
               curl -k -s \
@@ -116,8 +134,6 @@ jobs:
                 -H "Content-Type: application/octet-stream" \
                 --data-binary "@$file" \
                 "${API_URL}/repos/${REPO}/releases/${RELEASE_ID}/assets?name=$file"
-            else
-              echo "Warning: $file not found"
             fi
           done
         else

.github/workflows/providers/github-release.yml

@@ -26,42 +26,51 @@ jobs:
         sudo apt-get update
         sudo apt-get install xxd
     
+    - name: Check for SPIFFS changes
+      id: check_spiffs
+      run: |
+        git fetch --unshallow || true
+        CHANGED_FILES=$(git diff --name-only HEAD^..HEAD)
+        if echo "$CHANGED_FILES" | grep -q "^data/\|^html/"; then
+          echo "SPIFFS_CHANGED=true" >> $GITHUB_OUTPUT
+        else
+          echo "SPIFFS_CHANGED=false" >> $GITHUB_OUTPUT
+        fi
+    
     - name: Build Firmware
       run: |
-        pio run -e esp32dev -t buildfs  # Build SPIFFS
+        # Get version from platformio.ini
-        pio run -e esp32dev            # Build firmware
+        VERSION=$(grep '^version = ' platformio.ini | cut -d'"' -f2)
-        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/filaman.bin
+        
-        cp .pio/build/esp32dev/spiffs.bin .pio/build/esp32dev/filaman_spiffs.bin
+        # Always build firmware
+        pio run -e esp32dev
+        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/filaman_${VERSION}.bin
+        
+        # Only build SPIFFS if changed
+        if [[ "${{ steps.check_spiffs.outputs.SPIFFS_CHANGED }}" == "true" ]]; then
+          echo "Building SPIFFS due to changes..."
+          cp .pio/build/esp32dev/spiffs.bin .pio/build/esp32dev/webpage_${VERSION}.bin
+        fi
         
     - name: Prepare binaries
       run: |
-        # Ensure we're in the project root
-        cd $GITHUB_WORKSPACE
-        
-        # Create SPIFFS directory if it doesn't exist
-        mkdir -p .pio/build/esp32dev/spiffs
-        
-        # Copy firmware to SPIFFS directory
-        cp .pio/build/esp32dev/firmware.bin .pio/build/esp32dev/spiffs/firmware.bin
-        
-        # Build new SPIFFS image with firmware included
-        pio run -t buildfs
-        
         cd .pio/build/esp32dev
+        VERSION=$(grep '^version = ' ../../platformio.ini | cut -d'"' -f2)
         
-        # Create release files
+        # Create full binary only if SPIFFS changed
-        cp spiffs.bin filaman_spiffs.bin
+        if [[ "${{ steps.check_spiffs.outputs.SPIFFS_CHANGED }}" == "true" ]]; then
-        
-        # Create full binary without filling unused space
           echo "Creating full binary..."
           esptool.py --chip esp32 merge_bin \
+            --fill-flash-size 4MB \
             --flash_mode dio \
             --flash_freq 40m \
-          -o filaman_full.bin \
+            --flash_size 4MB \
-          0x1000 bootloader.bin \
+            -o filaman_full_${VERSION}.bin \
+            0x0000 bootloader.bin \
             0x8000 partitions.bin \
             0x10000 firmware.bin \
-          0x310000 spiffs.bin
+            0x390000 spiffs.bin
+        fi
         
         # Verify file sizes
         echo "File sizes:"
@@ -85,16 +94,23 @@ jobs:
       env:
         GH_TOKEN: ${{ github.token }}
       run: |
-        # Check which files exist and create a list for upload
         cd .pio/build/esp32dev
+        VERSION=$(grep '^version = ' ../../platformio.ini | cut -d'"' -f2)
         FILES_TO_UPLOAD=""
-        for file in filaman_spiffs.bin filaman_full.bin; do
+        
-          if [ -f "$file" ]; then
+        # Always add firmware
-            FILES_TO_UPLOAD="$FILES_TO_UPLOAD .pio/build/esp32dev/$file"
+        if [ -f "filaman_${VERSION}.bin" ]; then
-          else
+          FILES_TO_UPLOAD="$FILES_TO_UPLOAD filaman_${VERSION}.bin"
-            echo "Warning: $file not found"
+        fi
+        
+        # Add SPIFFS and full binary only if they exist
+        if [ -f "webpage_${VERSION}.bin" ]; then
+          FILES_TO_UPLOAD="$FILES_TO_UPLOAD webpage_${VERSION}.bin"
+        fi
+        
+        if [ -f "filaman_full_${VERSION}.bin" ]; then
+          FILES_TO_UPLOAD="$FILES_TO_UPLOAD filaman_full_${VERSION}.bin"
         fi
-        done
         
         # Create release with available files
         if [ -n "$FILES_TO_UPLOAD" ]; then
@@ -105,3 +121,4 @@ jobs:
         else
           echo "Error: No files found to upload"
           exit 1
+        fi

CHANGELOG.md

@@ -1,23 +1,13 @@
 # Changelog
 
-## [1.2.94] - 2025-02-21
+## [1.2.95] - 2025-02-21
-### Changed
-- update webpages for version v1.2.94
-- remove unused flash size parameters in release workflows
-
-
-## [1.2.93] - 2025-02-21
-### Changed
-- update webpages for version v1.2.93
-- update SPIFFS initialization and partition sizes; enhance WiFi setup
-
-
-## [1.2.92] - 2025-02-21
 ### Added
-- enhance OTA upload handling with chunk validation and timeout checks
+- enhance update process with separate forms for firmware and webpage uploads, including validation and improved UI
+- add API endpoint for version retrieval and update HTML to display dynamic version
 
 ### Changed
-- update webpages for version v1.2.92
+- update webpages for version v1.2.95
+- bump version to 1.2.94 in platformio.ini
 
 
 ## [1.2.91] - 2025-02-20

html/header.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,4 +44,6 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 

html/index.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,6 +44,8 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 
 <!-- head -->
 

html/rfid.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,6 +44,8 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 
 <!-- head -->
 

html/spoolman.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,6 +44,8 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 
 <!-- head -->
 

html/upgrade.html

@@ -5,59 +5,131 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>FilaMan - Firmware Update</title>
     <link rel="stylesheet" href="style.css">
-    <style>
+    <script>
-        .debug-log {
+        fetch('/api/version')
-            background: #f5f5f5;
+            .then(response => response.json())
-            border: 1px solid #ddd;
+            .then(data => {
-            padding: 10px;
+                const versionSpan = document.querySelector('.version');
-            margin: 10px 0;
+                if (versionSpan) {
-            font-family: monospace;
+                    versionSpan.textContent = 'v' + data.version;
-            max-height: 200px;
-            overflow-y: auto;
-            display: none;
                 }
-    </style>
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
-    <div class="content">
+    <div class="navbar">
-        <h1>Firmware Update</h1>
+        <div style="display: flex; align-items: center; gap: 2rem;">
+            <img src="/logo.png" alt="FilaMan Logo" class="logo">
+            <div class="logo-text">
+                <h1>FilaMan<span class="version"></span></h1>
+                <h4>Filament Management Tool</h4>
+            </div>
+        </div>
+        <nav style="display: flex; gap: 1rem;">
+            <a href="/">Start</a>
+            <a href="/waage">Scale</a>
+            <a href="/spoolman">Spoolman/Bambu</a>
+            <a href="/about">About</a>
+            <a href="/upgrade">Upgrade</a>
+        </nav>
+        <div class="status-container">
+            <div class="status-item">
+                <span class="status-dot" id="bambuDot"></span>B
+            </div>
+            <div class="status-item">
+                <span class="status-dot" id="spoolmanDot"></span>S
+            </div>
+            <div class="ram-status" id="ramStatus"></div>
+        </div>
+    </div>
+</body>
+</html>
 
+<!-- head -->
+    
+    <div class="content">
+        <h1>System Update</h1>
         <div class="warning">
             <strong>Warning:</strong> Do not power off the device during update.
         </div>
 
-        <form id="updateForm">
+        <div class="update-options">
-            <input type="file" name="update" accept=".bin">
+            <div class="update-section">
-            <button type="submit">Update Firmware</button>
+                <h2>Firmware Update</h2>
+                <p>Upload a new firmware file (filaman_*.bin)</p>
+                <div class="update-form">
+                    <form id="firmwareForm" enctype='multipart/form-data' data-type="firmware">
+                        <input type='file' name='update' accept='.bin' required>
+                        <input type='submit' value='Start Firmware Update'>
                     </form>
+                </div>
+            </div>
 
-        <div class="progress" style="display: none;">
+            <div class="update-section">
-            <div class="progress-bar"></div>
+                <h2>Webpage Update</h2>
+                <p>Upload a new webpage file (webpage_*.bin)</p>
+                <div class="update-form">
+                    <form id="webpageForm" enctype='multipart/form-data' data-type="webpage">
+                        <input type='file' name='update' accept='.bin' required>
+                        <input type='submit' value='Start Webpage Update'>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+        <div class="progress-container" style="display: none;">
+            <div class="progress-bar">0%</</div>
+        </div>
         <div class="status"></div>
     </div>
 
-        <div class="debug-log"></div>
+    <style>
-    </div>
+        .update-options {
+            display: flex;
+            gap: 2rem;
+            margin: 2rem 0;
+        }
+        .update-section {
+            flex: 1;
+            background: #f5f5f5;
+            padding: 1.5rem;
+            border-radius: 8px;
+        }
+        .update-section h2 {
+            margin-top: 0;
+            color: #333;
+        }
+        .update-section p {
+            color: #666;
+            margin-bottom: 1rem;
+        }
+    </style>
 
     <script>
-        const form = document.getElementById('updateForm');
+        // Hide status indicators during update
-        const progress = document.querySelector('.progress');
+        const statusContainer = document.querySelector('.status-container');
-        const progressBar = document.querySelector('.progress-bar');
+        if (statusContainer) {
-        const status = document.querySelector('.status');
+            statusContainer.style.display = 'none';
-        const debugLog = document.querySelector('.debug-log');
-
-        function log(message) {
-            debugLog.style.display = 'block';
-            const time = new Date().toLocaleTimeString();
-            debugLog.innerHTML += `[${time}] ${message}<br>`;
-            debugLog.scrollTop = debugLog.scrollHeight;
         }
 
-        form.addEventListener('submit', async (e) => {
+        function handleUpdate(e) {
             e.preventDefault();
             const file = form.update.files[0];
+            const updateType = form.dataset.type;
+
             if (!file) {
-                alert('Please select a file');
+                alert('Please select a file.');
+                return;
+            }
+
+            // Validate file name pattern
+            if (updateType === 'firmware' && !file.name.startsWith('filaman_')) {
+                alert('Please select a valid firmware file (filaman_*.bin)');
+                return;
+            }
+            if (updateType === 'webpage' && !file.name.startsWith('webpage_')) {
+                alert('Please select a valid webpage file (webpage_*.bin)');
                 return;
             }
 
@@ -71,48 +143,83 @@
             const formData = new FormData();
             formData.append('update', file);
             
+            const progress = document.querySelector('.progress-bar');
+            const progressContainer = document.querySelector('.progress-container');
+            const status = document.querySelector('.status');
+            
+            progressContainer.style.display = 'block';
+            status.style.display = 'none';
+            status.className = 'status';
+
+            // Disable both forms during update
+            document.querySelectorAll('form input[type=submit]').forEach(btn => btn.disabled = true);
+
+            const xhr = new XMLHttpRequest();
+            xhr.open('POST', '/update', true);
+            xhr.upload.onprogress = (e) => {
+                if (e.lengthComputable) {
+                    const percentComplete = (e.loaded / e.total) * 100;
+                    progress.style.width = percentComplete + '%';
+                    progress.textContent = Math.round(percentComplete) + '%';
+                }
+            };
+
+            xhr.onload = function() {
                 try {
-                log('Starting upload...');
+                    let response = this.responseText;
-                const response = await fetch('/update', {
+                    try {
-                    method: 'POST',
+                        const jsonResponse = JSON.parse(response);
-                    body: formData
+                        response = jsonResponse.message;
-                });
                         
-                log(`Server responded with status: ${response.status}`);
+                        if (jsonResponse.restart) {
-
+                            status.textContent = response + " Redirecting in 20 seconds...";
-                let result;
+                            let countdown = 20;
-                const contentType = response.headers.get('content-type');
+                            const timer = setInterval(() => {
-                log(`Response content-type: ${contentType}`);
+                                countdown--;
-
+                                if (countdown <= 0) {
-                if (contentType && contentType.includes('application/json')) {
+                                    clearInterval(timer);
-                    result = await response.json();
+                                    window.location.href = '/';
-                    log('Received JSON response');
                                 } else {
-                    const text = await response.text();
+                                    status.textContent = response + ` Redirecting in ${countdown} seconds...`;
-                    log(`Received text response: ${text}`);
+                                }
-                    result = { success: response.ok, message: text };
+                            }, 1000);
+                        }
+                    } catch (e) {
+                        if (!isNaN(response)) {
+                            const percent = parseInt(response);
+                            progress.style.width = percent + '%';
+                            progress.textContent = percent + '%';
+                            return;
+                        }
                     }
                     
-                log(`Update result: ${JSON.stringify(result)}`);
+                    status.textContent = response;
+                    status.classList.add(xhr.status === 200 ? 'success' : 'error');
+                    status.style.display = 'block';
                     
-                if (response.ok && result.success) {
+                    if (xhr.status !== 200) {
-                    status.textContent = 'Update successful! Restarting...';
+                        document.querySelectorAll('form input[type=submit]').forEach(btn => btn.disabled = false);
-                    status.className = 'success';
-                    setTimeout(() => {
-                        window.location.href = '/';
-                    }, 5000);
-                } else {
-                    throw new Error(result.message || 'Update failed');
                     }
                 } catch (error) {
-                log(`Error: ${error.message}`);
+                    status.textContent = 'Error: ' + error.message;
-                console.error('Update error:', error);
+                    status.classList.add('error');
-                status.textContent = `Error: ${error.message}`;
+                    status.style.display = 'block';
-                status.className = 'error';
+                    document.querySelectorAll('form input[type=submit]').forEach(btn => btn.disabled = false);
-                form.style.display = 'block';
-                progress.style.display = 'none';
                 }
-        });
+            };
+
+            xhr.onerror = function() {
+                status.textContent = 'Update failed: Network error';
+                status.classList.add('error');
+                status.style.display = 'block';
+                document.querySelectorAll('form input[type=submit]').forEach(btn => btn.disabled = false);
+            };
+
+            xhr.send(formData);
+        }
+
+        document.getElementById('firmwareForm').addEventListener('submit', handleUpdate);
+        document.getElementById('webpageForm').addEventListener('submit', handleUpdate);
     </script>
 </body>
 </html>

html/waage.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,6 +44,8 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 
 <!-- head -->
 

html/wifi.html

@@ -6,13 +6,24 @@
     <title>FilaMan - Filament Management Tool</title>
     <link rel="icon" type="image/png" href="/favicon.ico">
     <link rel="stylesheet" href="style.css">
+    <script>
+        fetch('/api/version')
+            .then(response => response.json())
+            .then(data => {
+                const versionSpan = document.querySelector('.version');
+                if (versionSpan) {
+                    versionSpan.textContent = 'v' + data.version;
+                }
+            })
+            .catch(error => console.error('Error fetching version:', error));
+    </script>
 </head>
 <body>
     <div class="navbar">
         <div style="display: flex; align-items: center; gap: 2rem;">
             <img src="/logo.png" alt="FilaMan Logo" class="logo">
             <div class="logo-text">
-                <h1>FilaMan<span class="version">v1.2.94</span></h1>
+                <h1>FilaMan<span class="version"></span></h1>
                 <h4>Filament Management Tool</h4>
             </div>
         </div>
@@ -33,6 +44,8 @@
             <div class="ram-status" id="ramStatus"></div>
         </div>
     </div>
+</body>
+</html>
 
 <!-- head -->
 

platformio.ini

@@ -9,7 +9,7 @@
 ; https://docs.platformio.org/page/projectconf.html
 
 [common]
-version = "1.2.94"
+version = "1.2.95"
 
 [env:esp32dev]
 platform = espressif32
@@ -50,26 +50,20 @@ build_flags =
     -DCORE_DEBUG_LEVEL=3
     -DCONFIG_ARDUHAL_LOG_COLORS=1
     -DOTA_DEBUG=1
+    -DCONFIG_OPTIMIZATION_LEVEL_DEBUG=1
     -DCONFIG_ESP32_PANIC_PRINT_REBOOT
-    -DCONFIG_ARDUINO_OTA_READSIZE=8192
+    -DBOOT_APP_PARTITION_OTA_0=1
-    -DCONFIG_PARTITION_TABLE_OFFSET=0x8000
+    -DCONFIG_LOG_DEFAULT_LEVEL=3
-    -DCONFIG_PARTITION_TABLE_MD5=y
-    -DCONFIG_APP_ROLLBACK_ENABLE=1
-    -DSPIFFS_MAX_PARTITIONS=3
-    -DCONFIG_SPIFFS_LOG_BLOCK_SIZE=4096
-    -DCONFIG_SPIFFS_CACHE=y
     
 extra_scripts = 
     scripts/extra_script.py
-    pre:scripts/pre_build.py     ; wird zuerst ausgeführt
+    ${env:buildfs.extra_scripts}
-    pre:scripts/pre_spiffs.py    ; wird als zweites ausgeführt
-    pre:scripts/combine_html.py  ; wird als drittes ausgeführt
-    scripts/gzip_files.py
 
-; Remove or comment out the targets line
+[env:buildfs]
-;targets = buildfs, build
+extra_scripts =
+    pre:scripts/combine_html.py  ; Combine header with HTML files
+    scripts/gzip_files.py       ; Compress files for SPIFFS
 
-; Add a custom target to build both
 [platformio]
 default_envs = esp32dev
 

src/website.cpp

@@ -12,7 +12,7 @@
 
 // Cache-Control Header definieren
 #define CACHE_CONTROL "max-age=31536000" // Cache für 1 Jahr
-#define MAX_UPLOAD_SIZE 4194304  // 4MB maximale Upload-Größe
+#define VERSION "1.0.0"
 
 AsyncWebServer server(webserverPort);
 AsyncWebSocket ws("/ws");
@@ -413,6 +413,11 @@ void setupWebserver(AsyncWebServer &server) {
         }
     );
 
+    server.on("/api/version", HTTP_GET, [](AsyncWebServerRequest *request){
+        String jsonResponse = "{\"version\": \"" VERSION "\"}";
+        request->send(200, "application/json", jsonResponse);
+    });
+
     // Fehlerbehandlung für nicht gefundene Seiten
     server.onNotFound([](AsyncWebServerRequest *request){
         Serial.print("404 - Nicht gefunden: ");
@@ -430,22 +435,50 @@ void setupWebserver(AsyncWebServer &server) {
     Serial.println("Webserver gestartet");
 }
 
-// Upload-Handler für alle Datei-Uploads
+void handleOTAUpload(AsyncWebServerRequest *request, const String& filename, size_t index, uint8_t *data, size_t len, bool final) {
-void handleUpload(AsyncWebServerRequest *request, String filename, size_t index, uint8_t *data, size_t len, bool final) {
+    if (!index) {
-    if (!filename.endsWith(".bin")) {
+        // Start eines neuen Uploads
-        request->send(400, "application/json", "{\"success\":false,\"message\":\"Invalid file type\"}");
+        Serial.println("Update Start: " + filename);
+        
+        // Überprüfe den Dateityp basierend auf dem Dateinamen
+        bool isFirmware = filename.startsWith("filaman_");
+        bool isWebpage = filename.startsWith("webpage_");
+        
+        if (!isFirmware && !isWebpage) {
+            request->send(400, "application/json", "{\"message\":\"Invalid file type. File must start with 'filaman_' or 'webpage_'\"}");
             return;
         }
 
-    if (request->url() == "/update") {
+        // Wähle den Update-Typ basierend auf dem Dateinamen
-        handleOTAUpload(request, filename, index, data, len, final);
+        if (isWebpage) {
+            if (!Update.begin(SPIFFS.totalBytes(), U_SPIFFS)) {
+                Update.printError(Serial);
+                request->send(400, "application/json", "{\"message\":\"SPIFFS Update failed: " + String(Update.errorString()) + "\"}");
+                return;
+            }
+        } else {
+            if (!Update.begin(UPDATE_SIZE_UNKNOWN, U_FLASH)) {
+                Update.printError(Serial);
+                request->send(400, "application/json", "{\"message\":\"Firmware Update failed: " + String(Update.errorString()) + "\"}");
+                return;
+            }
         }
     }
 
-// Body-Handler für große Anfragen
+    if (Update.write(data, len) != len) {
-void handleBody(AsyncWebServerRequest *request, uint8_t *data, size_t len, size_t index, size_t total) {
+        Update.printError(Serial);
-    // Handler für große POST-Anfragen
+        request->send(400, "application/json", "{\"message\":\"Write failed: " + String(Update.errorString()) + "\"}");
-    if (total > MAX_UPLOAD_SIZE) {
+        return;
-        request->send(413, "application/json", "{\"success\":false,\"message\":\"File too large\"}");
+    }
+
+    if (final) {
+        if (!Update.end(true)) {
+            Update.printError(Serial);
+            request->send(400, "application/json", "{\"message\":\"Update failed: " + String(Update.errorString()) + "\"}");
+            return;
+        }
+        request->send(200, "application/json", "{\"message\":\"Update successful!\", \"restart\": true}");
+        delay(500);
+        ESP.restart();
     }
 }