New Push

site/architecture/overview/index.html

@@ -1,15 +1,15 @@
 <!doctype html><html lang=de class=no-js> <head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Halbautomatische Disc-Ripping-Plattform für DVDs & Blu-rays mit HandBrake-Encoding"><meta name=author content=Michael><link href=https://mboehmlaender.github.io/ripster/architecture/overview/ rel=canonical><link href=../ rel=prev><link href=../backend/ rel=next><link rel=icon href=../../assets/images/favicon.png><meta name=generator content="mkdocs-1.6.1, mkdocs-material-9.7.0"><title>Übersicht - Ripster</title><link rel=stylesheet href=../../assets/stylesheets/main.618322db.min.css><link rel=stylesheet href=../../assets/stylesheets/palette.ab4e12ef.min.css><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback"><style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style><link rel=stylesheet href=../../stylesheets/extra.css><script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script></head> <body dir=ltr data-md-color-scheme=default data-md-color-primary=deep-purple data-md-color-accent=purple> <input class=md-toggle data-md-toggle=drawer type=checkbox id=__drawer autocomplete=off> <input class=md-toggle data-md-toggle=search type=checkbox id=__search autocomplete=off> <label class=md-overlay for=__drawer></label> <div data-md-component=skip> <a href=#architektur-ubersicht class=md-skip> Zum Inhalt </a> </div> <div data-md-component=announce> </div> <div data-md-color-scheme=default data-md-component=outdated hidden> </div> <header class="md-header md-header--shadow md-header--lifted" data-md-component=header> <nav class="md-header__inner md-grid" aria-label=Kopfzeile> <a href=../.. title=Ripster class="md-header__button md-logo" aria-label=Ripster data-md-component=logo> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 14a2 2 0 0 1-2-2c0-1.11.89-2 2-2s2 .89 2 2a2 2 0 0 1-2 2m0-10a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8"/></svg> </a> <label class="md-header__button md-icon" for=__drawer> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg> </label> <div class=md-header__title data-md-component=header-title> <div class=md-header__ellipsis> <div class=md-header__topic> <span class=md-ellipsis> Ripster </span> </div> <div class=md-header__topic data-md-component=header-topic> <span class=md-ellipsis> Übersicht </span> </div> </div> </div> <form class=md-header__option data-md-component=palette> <input class=md-option data-md-color-media data-md-color-scheme=default data-md-color-primary=deep-purple data-md-color-accent=purple aria-label="Dunkelmodus aktivieren" type=radio name=__palette id=__palette_0> <label class="md-header__button md-icon" title="Dunkelmodus aktivieren" for=__palette_1 hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg> </label> <input class=md-option data-md-color-media data-md-color-scheme=slate data-md-color-primary=deep-purple data-md-color-accent=purple aria-label="Hellmodus aktivieren" type=radio name=__palette id=__palette_1> <label class="md-header__button md-icon" title="Hellmodus aktivieren" for=__palette_0 hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12s-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12z"/></svg> </label> </form> <script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script> <label class="md-header__button md-icon" for=__search> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1Line truncated
 </span></code></pre></div> <h3 id=service-layer-muster>Service-Layer-Muster<a class=headerlink href=#service-layer-muster title="Permanent link">&para;</a></h3> <div class="language-text highlight"><pre><span></span><code><span id=__span-1-1><a id=__codelineno-1-1 name=__codelineno-1-1 href=#__codelineno-1-1></a>HTTP-Route → Service → Datenbank
 </span></code></pre></div> <p>Routes delegieren die gesamte Business-Logik an Services. Services sind voneinander unabhängig und können einzeln getestet werden.</p> <h3 id=schema-getriebene-einstellungen>Schema-getriebene Einstellungen<a class=headerlink href=#schema-getriebene-einstellungen title="Permanent link">&para;</a></h3> <p>Die Settings-Konfiguration definiert <strong>sowohl</strong> die Validierungsregeln als auch die UI-Struktur in einer einzigen Quelle (<code>settings_schema</code>-Tabelle). Die <code>DynamicSettingsForm</code>-Komponente rendert das Formular dynamisch aus dem Schema.</p> <hr> <h2 id=echtzeit-kommunikation>Echtzeit-Kommunikation<a class=headerlink href=#echtzeit-kommunikation title="Permanent link">&para;</a></h2> <h3 id=websocket-protokoll>WebSocket-Protokoll<a class=headerlink href=#websocket-protokoll title="Permanent link">&para;</a></h3> <p>Der WebSocket-Server läuft unter dem Pfad <code>/ws</code>. Nachrichten werden als JSON übertragen:</p> <div class="language-json highlight"><pre><span></span><code><span id=__span-2-1><a id=__codelineno-2-1 name=__codelineno-2-1 href=#__codelineno-2-1></a><span class=p>{</span>
-</span><span id=__span-2-2><a id=__codelineno-2-2 name=__codelineno-2-2 href=#__codelineno-2-2></a><span class=w>  </span><span class=nt>&quot;type&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;PIPELINE_STATE_CHANGE&quot;</span><span class=p>,</span>
-</span><span id=__span-2-3><a id=__codelineno-2-3 name=__codelineno-2-3 href=#__codelineno-2-3></a><span class=w>  </span><span class=nt>&quot;data&quot;</span><span class=p>:</span><span class=w> </span><span class=p>{</span>
+</span><span id=__span-2-2><a id=__codelineno-2-2 name=__codelineno-2-2 href=#__codelineno-2-2></a><span class=w>  </span><span class=nt>&quot;type&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;PIPELINE_STATE_CHANGED&quot;</span><span class=p>,</span>
+</span><span id=__span-2-3><a id=__codelineno-2-3 name=__codelineno-2-3 href=#__codelineno-2-3></a><span class=w>  </span><span class=nt>&quot;payload&quot;</span><span class=p>:</span><span class=w> </span><span class=p>{</span>
 </span><span id=__span-2-4><a id=__codelineno-2-4 name=__codelineno-2-4 href=#__codelineno-2-4></a><span class=w>    </span><span class=nt>&quot;state&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;ENCODING&quot;</span><span class=p>,</span>
-</span><span id=__span-2-5><a id=__codelineno-2-5 name=__codelineno-2-5 href=#__codelineno-2-5></a><span class=w>    </span><span class=nt>&quot;jobId&quot;</span><span class=p>:</span><span class=w> </span><span class=mi>42</span><span class=p>,</span>
+</span><span id=__span-2-5><a id=__codelineno-2-5 name=__codelineno-2-5 href=#__codelineno-2-5></a><span class=w>    </span><span class=nt>&quot;activeJobId&quot;</span><span class=p>:</span><span class=w> </span><span class=mi>42</span><span class=p>,</span>
 </span><span id=__span-2-6><a id=__codelineno-2-6 name=__codelineno-2-6 href=#__codelineno-2-6></a><span class=w>    </span><span class=nt>&quot;progress&quot;</span><span class=p>:</span><span class=w> </span><span class=mf>73.5</span><span class=p>,</span>
 </span><span id=__span-2-7><a id=__codelineno-2-7 name=__codelineno-2-7 href=#__codelineno-2-7></a><span class=w>    </span><span class=nt>&quot;eta&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;00:12:34&quot;</span>
 </span><span id=__span-2-8><a id=__codelineno-2-8 name=__codelineno-2-8 href=#__codelineno-2-8></a><span class=w>  </span><span class=p>}</span>
 </span><span id=__span-2-9><a id=__codelineno-2-9 name=__codelineno-2-9 href=#__codelineno-2-9></a><span class=p>}</span>
-</span></code></pre></div> <p><strong>Nachrichtentypen:</strong></p> <table> <thead> <tr> <th>Typ</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>PIPELINE_STATE_CHANGE</code></td> <td>Pipeline-Zustand hat gewechselt</td> </tr> <tr> <td><code>PROGRESS_UPDATE</code></td> <td>Fortschritt (% und ETA)</td> </tr> <tr> <td><code>DISC_DETECTED</code></td> <td>Disc wurde erkannt</td> </tr> <tr> <td><code>DISC_REMOVED</code></td> <td>Disc wurde entfernt</td> </tr> <tr> <td><code>ERROR</code></td> <td>Fehler aufgetreten</td> </tr> <tr> <td><code>JOB_COMPLETE</code></td> <td>Job abgeschlossen</td> </tr> </tbody> </table> <h3 id=reconnect-logik>Reconnect-Logik<a class=headerlink href=#reconnect-logik title="Permanent link">&para;</a></h3> <p>Der Frontend-Hook <code>useWebSocket.js</code> implementiert automatisches Reconnect mit exponential backoff bei Verbindungsabbrüchen.</p> <hr> <h2 id=prozess-management>Prozess-Management<a class=headerlink href=#prozess-management title="Permanent link">&para;</a></h2> <h3 id=processrunnerjs>processRunner.js<a class=headerlink href=#processrunnerjs title="Permanent link">&para;</a></h3> <p>Externe Tools (MakeMKV, HandBrake, MediaInfo) werden als <strong>Child Processes</strong> gestartet:</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-3-1><a id=__codelineno-3-1 name=__codelineno-3-1 href=#__codelineno-3-1></a><span class=nx>spawn</span><span class=p>(</span><span class=nx>command</span><span class=p>,</span><span class=w> </span><span class=nx>args</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>stdio</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=s1>&#39;ignore&#39;</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;pipe&#39;</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;pipe&#39;</span><span class=p>]</span><span class=w> </span><span class=p>})</span>
+</span></code></pre></div> <p><strong>Nachrichtentypen:</strong></p> <table> <thead> <tr> <th>Typ</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>PIPELINE_STATE_CHANGED</code></td> <td>Pipeline-Zustand hat gewechselt</td> </tr> <tr> <td><code>PIPELINE_PROGRESS</code></td> <td>Fortschritt (% und ETA)</td> </tr> <tr> <td><code>PIPELINE_QUEUE_CHANGED</code></td> <td>Queue-Status geändert</td> </tr> <tr> <td><code>DISC_DETECTED</code></td> <td>Disc wurde erkannt</td> </tr> <tr> <td><code>DISC_REMOVED</code></td> <td>Disc wurde entfernt</td> </tr> <tr> <td><code>PIPELINE_ERROR</code></td> <td>Pipeline-Fehler aufgetreten</td> </tr> <tr> <td><code>DISK_DETECTION_ERROR</code></td> <td>Laufwerkserkennung-Fehler</td> </tr> </tbody> </table> <h3 id=reconnect-logik>Reconnect-Logik<a class=headerlink href=#reconnect-logik title="Permanent link">&para;</a></h3> <p>Der Frontend-Hook <code>useWebSocket.js</code> implementiert automatisches Reconnect mit festem Intervall von 1500ms bei Verbindungsabbrüchen.</p> <hr> <h2 id=prozess-management>Prozess-Management<a class=headerlink href=#prozess-management title="Permanent link">&para;</a></h2> <h3 id=processrunnerjs>processRunner.js<a class=headerlink href=#processrunnerjs title="Permanent link">&para;</a></h3> <p>Externe Tools (MakeMKV, HandBrake, MediaInfo) werden als <strong>Child Processes</strong> gestartet:</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-3-1><a id=__codelineno-3-1 name=__codelineno-3-1 href=#__codelineno-3-1></a><span class=nx>spawn</span><span class=p>(</span><span class=nx>command</span><span class=p>,</span><span class=w> </span><span class=nx>args</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>stdio</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=s1>&#39;ignore&#39;</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;pipe&#39;</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;pipe&#39;</span><span class=p>]</span><span class=w> </span><span class=p>})</span>
 </span></code></pre></div> <ul> <li><strong>stdout/stderr</strong> werden zeilenweise gelesen und in Echtzeit verarbeitet</li> <li><strong>Progress-Parsing</strong> erfolgt über reguläre Ausdrücke in <code>progressParsers.js</code></li> <li><strong>Graceful Shutdown</strong>: SIGINT → Timeout → SIGKILL</li> <li><strong>Prozess-Tracking</strong>: Aktive Prozesse werden registriert für sauberes Beenden</li> </ul> <hr> <h2 id=datenpersistenz>Datenpersistenz<a class=headerlink href=#datenpersistenz title="Permanent link">&para;</a></h2> <h3 id=sqlite-datenbank>SQLite-Datenbank<a class=headerlink href=#sqlite-datenbank title="Permanent link">&para;</a></h3> <p>Ripster verwendet eine <strong>einzige SQLite-Datei</strong> für alle persistenten Daten:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-4-1><a id=__codelineno-4-1 name=__codelineno-4-1 href=#__codelineno-4-1></a>backend/data/ripster.db
 </span></code></pre></div> <p><strong>Tabellen:</strong></p> <table> <thead> <tr> <th>Tabelle</th> <th>Inhalt</th> </tr> </thead> <tbody> <tr> <td><code>jobs</code></td> <td>Alle Rip-Jobs mit Status, Logs, Metadaten</td> </tr> <tr> <td><code>pipeline_state</code></td> <td>Aktueller Pipeline-Zustand (Singleton)</td> </tr> <tr> <td><code>settings_schema</code></td> <td>Schema aller verfügbaren Einstellungen</td> </tr> <tr> <td><code>settings_values</code></td> <td>Benutzer-konfigurierte Werte</td> </tr> </tbody> </table> <h3 id=migrations-strategie>Migrations-Strategie<a class=headerlink href=#migrations-strategie title="Permanent link">&para;</a></h3> <p>Beim Start prüft <code>database.js</code> automatisch, ob das Schema aktuell ist, und führt fehlende Migrationen aus. Korrupte Datenbankdateien werden in ein Quarantäne-Verzeichnis verschoben und eine neue Datenbank erstellt.</p> <hr> <h2 id=fehlerbehandlung>Fehlerbehandlung<a class=headerlink href=#fehlerbehandlung title="Permanent link">&para;</a></h2> <h3 id=strukturierte-fehler>Strukturierte Fehler<a class=headerlink href=#strukturierte-fehler title="Permanent link">&para;</a></h3> <p>Alle Fehler werden mit Kontext-Metadaten protokolliert:</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-5-1><a id=__codelineno-5-1 name=__codelineno-5-1 href=#__codelineno-5-1></a><span class=nx>logger</span><span class=p>.</span><span class=nx>error</span><span class=p>(</span><span class=s1>&#39;Encoding fehlgeschlagen&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span>
 </span><span id=__span-5-2><a id=__codelineno-5-2 name=__codelineno-5-2 href=#__codelineno-5-2></a><span class=w>  </span><span class=nx>jobId</span><span class=o>:</span><span class=w> </span><span class=nx>job</span><span class=p>.</span><span class=nx>id</span><span class=p>,</span>