# LayerSpy v2.0.0 ⚡

The Privacy-First, 100% Client-Side 3D Print G-Code Analyzer & Simulator

LayerSpy v2.1.0 is a feature-packed update introducing an intelligent cooling & overhang traffic light system, an interactive warning linter with instant severity filtering, a light/dark theme switcher in the header, and comprehensive SEO and knowledge base additions.

---

✨ What's New in v2.1.0

🔍 1. Interactive Linter Severity Filter Bar

• Filter Chips with Live Counters: Filter diagnostic warnings instantly by All, 🔴 Critical, 🟡 Warning, and 🟢 Info.
• Dynamic DOM Filtering: Immediate category filtering without re-parsing files.
• Empty-State Feedback: Displays clean contextual notices when a category has 0 warnings.
• One-Click Navigation: Directly jump to problematic layers in the 2D/3D viewport or jump to exact lines in the G-Code viewer.

🚦 2. Cooling & Overhang Ampelsystem (Traffic Light System)

• Layer-Accurate Fan Tracking: Full parsing and tracking of M106 S<0-255>, M107, and Klipper SET_FAN_SPEED.
• 🟢 Optimal (Green): Well-cooled overhangs (Fan $\ge$ 70% for PLA/PETG bridges, initial bed adhesion layers).
• 🟡 Warning (Yellow): Reduced cooling notice on steep features.
• 🔴 Critical (Red): Critical melting risks when steep overhangs ($> 60^\circ$) or bridges print with insufficient cooling fan ($< 30%$).

🌗 3. Light & Dark Theme Toggle

• Dedicated header switcher allowing users to choose between Dark Mode (default) and a crisp Light Mode.
• Optimized contrast and styling across all inspection tools, modals, tooltips, and charts.

📚 4. 3D Printing Glossary & FAQ Expansion

• Integrated knowledge base explaining advanced 3D printing concepts (VFA, Pressure Advance, Klipper kinematics, Z-Seam alignment, Volumetric Flow).
• Enhanced structured data (FAQPage JSON-LD schema) for improved search engine indexing.

🌐 5. 100% Client-Side Privacy Guarantee

• Zero server uploads — all .gcode analysis, WebGL rendering, and motion kinematics run 100% in your browser.

---

🚀 LayerSpy v2.0.0 – Next-Gen 3D G-Code Analyzer & Motion Simulator

LayerSpy v2.0.0 brings major visual upgrades, streamlined UI layouts for all screen sizes, advanced physics-based diagnostics (Overhangs, Pressure Advance, VFA), and complete bilingual localization (English / German).

---

🌟 What's New in v2.0.0

1. 🎛️ Dynamic Zen Mode & Fullscreen Workspace

• Zen Mode Toggle (⛶): Instantly collapse left/right sidebars to maximize the 3D/2D viewport.
• Auto-Responsive Compact Layout: Floating action bars, badge counters, and toolbars adapt smoothly to smaller screens and laptops without overlapping or clipping.

2. 🧱 Overhang Angle Radar & Volumetric Flow Inspector

• Physics-Accurate Overhang Detection: Visualizes toolpaths with real overhang angles (<45° Safe, 45–60° Moderate, 60–75° Steep, >75° Critical, Bridge).
• Solid Tubes & Path Rendering: First-load tube rendering fixes and clear color scales.
• Interactive Legend Popover: Clean floating HUD legend with dedicated toggle icon (🎨), eliminating button clutter.

3. 🎯 Pressure Advance & Corner Auditor

• Corner Bulge Risk Detection: Flags high deceleration points ($\Delta v &gt; 60\text{ mm/s}$) where filament oozing or corner swelling occurs.
• Klipper / Marlin PA Simulator: Embed calibrated Pressure Advance values directly into your G-Code.
• Retraction Health & Grinding Auditor: Warns about excessive retraction clusters in tight toolpaths.

4. 📡 VFA & Resonance Radar

• Real-time kinematic inspection of outer and inner perimeter speeds to detect motor vibration zones and surface ripple risks (VFA).

5. 🌐 100% Bilingual Localization (EN / DE)

• Full English default localization with zero untranslated fragments.
• Seamless dynamic language toggle for all widgets, diagnostic linter alerts, corner statistics, and inspection cards.

---

Full Changelog: 1.7.0...2.0.0

# 🚀 LayerSpy v1.7.0 – VFA & Ghosting Radar, Corner Deceleration Auditor & UI Polish

LayerSpy v1.7.0 introduces two major diagnostic engines designed to catch print defects before they reach the build plate: the VFA & Ghosting Radar and the Corner & Deceleration Auditor with automatic Pressure Advance detection.

🌟 New Features & Highlights

📡 VFA & Ghosting Radar

• Vibration Corridor Detection: Configure two distinct speed bands (defaults: 45–65 mm/s and 90–110 mm/s) to target known stepper motor resonance frequencies and belt vibrations.
• Outer Wall Ratio Analysis: Dynamically calculates the exact percentage of outer walls printed in the hazard zones. Triggers an alert if $&gt; 15%$ of outer perimeters are affected.
• Dedicated Visual Radar Mode: Highlights high-risk outer perimeters in Magenta, safe speeds in Green, and dims internal structures in translucent gray (available in both 2D and 3D).

📐 Corner & Deceleration Auditor (Bulging & Pressure Advance)

• Vector Angle Geometry Engine: Identifies sharp corner vertices ($\alpha &lt; 100^\circ$ / direction changes $&gt; 80^\circ$) across outer walls.
• Deceleration Delta Tracking: Flags acute nozzle pressure spikes when entering corners with speed drops $\Delta v &gt; 60\text{ mm/s}$.
• Smart Pressure Advance (PA) Auditor:
  • Automatically scans G-Code for Klipper SET_PRESSURE_ADVANCE, Marlin M900 K, and slicer configuration comments.
  • No PA Configured: Highlights vertices as 🔴 High Bulge Risk.
  • PA Active: Classifies vertices as 🟡 PA Stress Points (firmware compensation active).
• Canvas Warning Overlays: Renders glowing warning beacons on the exact vertices of affected corners in 2D and 3D with an on/off toggle.

🎨 UI & Layout Stability

• Jitter-Free Control Bar: Separated view modes, legends, and playback sliders into distinct, fixed-height flex containers to eliminate layout jumping when switching between analysis modes.
• Bento Widget Integration: Real-time summary cards for VFA status and Pressure Advance diagnostics in the sidebar.
• Enhanced Linter Navigation: Added direct "Jump to Layer" buttons in the G-Code Inspector for all corner warnings.

---

🛠️ Technical Details

• Pure Vanilla JS: Zero build steps, zero external runtime frameworks.
• Instant Processing: Performs real-time evaluations across typed Float32Array buffers without re-parsing large G-Code files.
• Bilingual: Full support for English and German.

---

🚀 LayerSpy Update: Klipper Colors, Dynamic Heatmaps & True Kinematics

🎨 New Feature Coloring (Slicer Standard)

The feature type colors in the 3D and 2D previews have been completely overhauled to match the classic standard (familiar from Klipper, Mainsail, PrusaSlicer, or Orca):

• Orange: Outer Wall
• Yellow: Inner Wall / Perimeter
• Red: Infill / Sparse Infill
• Purple: Solid Infill / Bottom Surface
• Pink: Top Surface / Skin
• Light Blue: Bridge / Overhang
• White: Gap Fill
• Green: Support

Now you can tell exactly what structures your model consists of at a glance, without staring at a sea of yellow!

🏎️ Dynamic Heatmaps & Perfect Contrast

The speed preview ("Speed") no longer relies on fixed, hardcoded limits (e.g., 240 mm/s).
LayerSpy now dynamically analyzes the absolute maximum speed present in your specific print when loading the G-Code. The color gradient (Blue to Red) and the legend automatically scale perfectly between 0 and your maximum.
Whether you are printing a delicate cylinder at 40 mm/s or a massive part at 300 mm/s – you always get the full color palette and perfect contrast!

📈 "Actual Speed" (True Kinematics) - Massive Improvements

The kinematics mode has been vastly improved:

• True Heatmap: "Actual Speed" now defaults to the dynamic Blue-to-Red scale, but is based on the actually achievable print head speed (v_real) instead of the target speed requested by the slicer. You can instantly see where your printer physically has to slow down on sharp corners and small curves!
• New Efficiency Gradient: You can enable a special "Efficiency Gradient" (Red to Green) in the kinematics mode via a new checkbox. This mode shows you the percentage ratio between target and actual speed. It immediately highlights the bottlenecks (acceleration & jerk) in your G-Code where the slicer demands 100% speed, but the hardware simply cannot keep up.

🐛 Bugfixes & UI Optimizations

• Fixed an issue in the 2D layer view where certain kinematics features were not rendered or had incorrect colors.
• The speed distribution histogram now uses correct scaling to match the 3D view.
• Fixed corrupted characters and emojis (?) in the UI and G-Code Explorer.
• Added missing German and English translations for the new UI elements and modes.

LayerSpy v1.3.0 - The Precision & IDE Update

This major update transforms the G-Code Explorer into a full-fledged IDE tree view and brings absolute, frame-perfect control to the playback simulator.

✨ New Features & Improvements

🌳 IDE-Style G-Code Explorer

• Tree-View Hierarchy: Folded sections (like ;LAYER: or ;TYPE:) now visually indent all of their child commands perfectly.
• Vertical Guide Lines: Added a continuous, faint vertical tree-line extending from the +/- buttons down the entire block, exactly like modern code editors (e.g. VS Code).
• Pixel-Perfect Alignment: The bookmark buttons (★) and G-code text of child lines are now mathematically aligned with their parent headers for a much cleaner layout.
• Smart Active Line Visibility: When a child line becomes active during playback, it receives a thick yellow left-border that highlights perfectly on the indented edge without breaking the tree structure.
• Smart Layer Jump: Jumping to a new layer now automatically highlights the very first command of that layer, rather than leaving the list blank.

🎥 Playback Speed Overhaul

• Absolute Speed Control: The playback speed has been completely decoupled from layer size. A layer with 15,000 paths no longer races through the list uncontrollably.
• Micro-Adjustments: Expanded the speed dropdown to give you absolute control:
  • 0.1x (Extremely slow - perfect for debugging the nozzle path)
  • 0.25x
  • 0.5x
  • 1.0x (Default - exactly 30 lines per second)
  • 2.0x
  • 5.0x
  • 10.0x (Fast-forward mode)
• Continuous Tracking: The G-Code Explorer now automatically paginates and keeps the active line perfectly centered in your viewport while playing or scrubbing the slider.

🛠️ Bug Fixes & Under The Hood

• Auto-Pagination Loop Fix: Fixed a critical bug where the pagination engine would miscalculate the target page during playback, causing it to freeze or loop infinitely.
• Slider Rendering: Fixed a visual glitch where the playback slider's background track color (orange fill) wouldn't update programmatically during auto-playback.
• Contrast Improvements: Switched the playback speed dropdown to use the dark theme (upload-btn class) so the text is actually readable.
• CSS Architecture: Migrated inline styles for the G-Code list into structured CSS classes (.is-child) with robust cache busting (?v=2) to ensure styles load reliably.

LayerSpy v1.2.0 - Linter, Folding & Histogram Analysis

🚀 Release: LayerSpy v1.2.0

We are excited to announce LayerSpy v1.2.0! 🎉
This update brings massive improvements to our G-Code analysis engine and makes the user interface significantly more interactive and helpful.

---

✨ New Features

🔍 G-Code Linter (Syntax & Plausibility Check)

• Smart Detection: Automatically detects faulty G-Code the moment you load a file.
• Failure Prevention: Actively warns you of potential print failures before they happen (e.g., cold extrusion risks from low temperatures, or printhead movements exceeding build plate limits).
• Interactive UI: Warnings are visually highlighted directly within the code list, featuring quick "Jump to error" buttons for effortless debugging.

📊 Speed Distribution (Histogram)

• Visual Insights: A brand-new analysis tab featuring a comprehensive bar chart (histogram). Instantly see exactly what percentage of your print runs at which speed (from slow to fast).
• Seamless Synchronization: Fully synchronized with both the 2D and 3D views. The colors in the bar chart are 100% matched to the speed-mode colors of your 3D model!
• Bilingual: Fully translated and available in both English and German.

📂 Code Folding

• Clutter-Free View: You can now easily expand and collapse large blocks of G-Code (like massive, complex infill areas) directly in the code view to maintain perfect clarity.

🔖 Bookmark System

• Lightning-Fast Navigation: Important G-Code lines can now be bookmarked with a single click, allowing you to instantly jump back to critical sections later.

---

🛠️ Under the Hood & Technical Changes

• Architecture: The global app instance has been heavily reworked, making it much more robust and accessible (window.gcodeApp).
• Versioning: Updated to 1.2.0 across package.json and the built-in update checker.
• Optimization: The app_v5.min.js core has been updated with all new features and thoroughly minified for maximum performance.

---

🛡️ Privacy First: As always, your G-Code files are analyzed strictly locally inside your browser. Your data never leaves your machine. No cloud uploads, ever!

### 🚀 LayerSpy Update v1.1.0

🎉 Willkommen beim LayerSpy v1.1.0 Update!

Dieses Update konzentriert sich voll und ganz auf Stabilität, Sicherheit und eine aufgeräumte Nutzeroberfläche. Wir haben viel unter der Haube geschraubt, um dein Erlebnis so reibungslos wie möglich zu machen!

⚙️ Die wichtigsten Änderungen

• Flow-Regler entfernt:
  Weniger ist mehr! Wir haben den manuellen Flow-Slider komplett aus der App entfernt. Warum? Weil moderne Slicer die Flussrate bereits perfekt in die generierten Extrusions-Befehle (E-Werte) einrechnen. Ein manuelles Nachjustieren in LayerSpy war schlichtweg überflüssig und führte nur zu Verwirrung.

• Sicherheit geht vor (Z-Offset):
  Beim Z-Offset ist Vorsicht geboten! Damit dein Druckbett heile bleibt, haben wir eine permanente Sicherheitswarnung direkt am Regler platziert. So verhinderst du aus Versehen teure Hardware-Schäden an deiner Nozzle oder dem Druckbett.

• Turbo-Boost & Online-Fixes:
  Hing LayerSpy online bei dir manchmal im endlosen Lade-Bildschirm fest? Problem gelöst! Wir haben unsere Hintergrund-Prozesse (Web-Worker) komplett umgeschrieben, um strenge Browser-Sicherheitsstandards (CSP) auf Live-Servern zu erfüllen. LayerSpy läuft nun auf jedem Server blitzschnell und absolut stabil.

---

Viel Spaß beim Analysieren deiner G-Codes! 🚀

LayerSpy v1.0.0

LayerSpy v1.0.0 - Initial Release 🎉

Willkommen beim ersten offiziellen Release von LayerSpy!
LayerSpy ist ein moderner, browserbasierter G-Code Analyzer mit Fokus auf ein aufgeräumtes Design, extrem nützliche Modifikationswerkzeuge und übersichtliche 3D-Ansichten.

✨ Features in dieser Version

• Neues modernes UI: Ein komplett neues Design (Glassmorphism, Dark Mode) für maximale Übersichtlichkeit.
• Interaktive Slider (Neu): Alle Parameter-Slider (Temperatur, Lüfter, Speed, Flow etc.) unterstützen jetzt eine blitzschnelle Bedienung per Mausrad. Zusätzlich kann der exakte Wert durch einen Klick auf die Prozent/Einheiten-Anzeige direkt per Tastatur manuell eingegeben werden!
• 3D-Ansicht: Interaktiver 3D-Viewer (Orbit Controls) zur Betrachtung der Druckpfade, umschaltbar zwischen Linien und soliden Pfaden.
• Drag & Drop: G-Code-Dateien können einfach von überall direkt in das Browserfenster gezogen werden.
• Erweiterte Analysen: Automatische Berechnung von X/Y/Z Dimensionen, verbrauchtem Volumen und Filamentgewicht.
• Direkte G-Code Modifikationen: Parameter wie Lüftergeschwindigkeit oder Flow-Rate können direkt im Analyzer angepasst und sofort als fertig modifizierte .gcode-Datei heruntergeladen werden.
• Integrierter Update-Check: Die App prüft beim Start automatisch auf GitHub, ob ein neues Release von LayerSpy verfügbar ist.