This commit is contained in:
michael committed 2026-03-05 19:34:01 +00:00
1 parent c3d1df42b0
commit 6836892907
22 files changed
+1869 -302

No files matched your search

+20 -13
View File
@@ -1,25 +1,31 @@
<!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/backend/ rel=canonical><link href=../overview/ rel=prev><link href=../frontend/ rel=next><link rel=icon href=../../assets/images/favicon.png><meta name=generator content="mkdocs-1.6.1, mkdocs-material-9.7.0"><title>Backend-Services - 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=#backend-services 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> Backend-Services </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 Line truncated
<!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/backend/ rel=canonical><link href=../overview/ rel=prev><link href=../frontend/ rel=next><link rel=icon href=../../assets/images/favicon.png><meta name=generator content="mkdocs-1.6.1, mkdocs-material-9.7.0"><title>Backend-Services - 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=#backend-services 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> Backend-Services </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 Line truncated
START(( )) --&gt; IDLE
IDLE --&gt;|analyzeDisc()| ANALYZING[ANALYZING]
ANALYZING --&gt;|MakeMKV fertig| META[METADATA\nSELECTION]
IDLE --&gt;|analyzeDisc()| META[METADATA\nSELECTION]
META --&gt;|selectMetadata()| RTS[READY_TO\nSTART]
RTS --&gt;|startJob()| RIP[RIPPING]
RTS --&gt;|Auto-Start/Queue| RIP[RIPPING]
RTS --&gt;|Auto-Start mit RAW| MIC[MEDIAINFO\nCHECK]
RIP --&gt;|MKV erstellt| MIC[MEDIAINFO\nCHECK]
MIC --&gt;|Playlist offen| WUD[WAITING_FOR\nUSER_DECISION]
WUD --&gt;|selectMetadata(selectedPlaylist)| MIC
MIC --&gt;|Tracks analysiert| RTE[READY_TO\nENCODE]
RTE --&gt;|confirmEncode()| ENC[ENCODING]
ENC --&gt;|HandBrake fertig| FIN([FINISHED])
RTE --&gt;|confirmEncodeReview() + startPreparedJob()| ENC[ENCODING]
ENC --&gt;|HandBrake + Post-Skripte fertig| FIN([FINISHED])
ENC --&gt;|Abbruch| CAN([CANCELLED])
ENC --&gt;|Fehler| ERR([ERROR])
RIP --&gt;|Fehler| ERR
ERR --&gt;|retryJob() / cancel| IDLE
RIP --&gt;|Abbruch| CAN
ERR --&gt;|retry() / cancel()| IDLE
CAN --&gt;|retry() / analyzeDisc()| IDLE
FIN --&gt;|cancel / neue Disc| IDLE
style FIN fill:#e8f5e9,stroke:#66bb6a,color:#2e7d32
style CAN fill:#fff3e0,stroke:#fb8c00,color:#e65100
style ERR fill:#ffebee,stroke:#ef5350,color:#c62828
style ENC fill:#f3e5f5,stroke:#ab47bc,color:#6a1b9a
style RIP fill:#e3f2fd,stroke:#42a5f5,color:#1565c0
style MIC fill:#e3f2fd,stroke:#42a5f5,color:#1565c0</code></pre> </div> <hr> <h2 id=diskdetectionservicejs>diskDetectionService.js<a class=headerlink href=#diskdetectionservicejs title="Permanent link">&para;</a></h2> <p>Überwacht das Disc-Laufwerk auf Disc-Einleger- und Auswurf-Ereignisse.</p> <h3 id=modi>Modi<a class=headerlink href=#modi title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Modus</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>auto</code></td> <td>Erkennt verfügbare Laufwerke automatisch</td> </tr> <tr> <td><code>explicit</code></td> <td>Überwacht ein bestimmtes Gerät (z.B. <code>/dev/sr0</code>)</td> </tr> </tbody> </table> <h3 id=polling>Polling<a class=headerlink href=#polling title="Permanent link">&para;</a></h3> <p>Der Service pollt das Laufwerk im konfigurierten Intervall (<code>disc_poll_interval_ms</code>, Standard: 5000ms) und emittiert Events:</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-0-1><a id=__codelineno-0-1 name=__codelineno-0-1 href=#__codelineno-0-1></a><span class=c1>// Ereignisse</span>
</span><span id=__span-0-2><a id=__codelineno-0-2 name=__codelineno-0-2 href=#__codelineno-0-2></a><span class=nx>emit</span><span class=p>(</span><span class=s1>&#39;disc-detected&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>device</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;/dev/sr0&#39;</span><span class=w> </span><span class=p>})</span>
</span><span id=__span-0-3><a id=__codelineno-0-3 name=__codelineno-0-3 href=#__codelineno-0-3></a><span class=nx>emit</span><span class=p>(</span><span class=s1>&#39;disc-removed&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>device</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;/dev/sr0&#39;</span><span class=w> </span><span class=p>})</span>
style MIC fill:#e3f2fd,stroke:#42a5f5,color:#1565c0</code></pre> </div> <hr> <h2 id=diskdetectionservicejs>diskDetectionService.js<a class=headerlink href=#diskdetectionservicejs title="Permanent link">&para;</a></h2> <p>Überwacht das Disc-Laufwerk auf Disc-Einleger- und Auswurf-Ereignisse.</p> <h3 id=modi>Modi<a class=headerlink href=#modi title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Modus</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>auto</code></td> <td>Erkennt verfügbare Laufwerke automatisch</td> </tr> <tr> <td><code>explicit</code></td> <td>Überwacht ein bestimmtes Gerät (z.B. <code>/dev/sr0</code>)</td> </tr> </tbody> </table> <h3 id=polling>Polling<a class=headerlink href=#polling title="Permanent link">&para;</a></h3> <p>Der Service pollt das Laufwerk im konfigurierten Intervall (<code>disc_poll_interval_ms</code>, Standard: 4000ms) und emittiert Events:</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-0-1><a id=__codelineno-0-1 name=__codelineno-0-1 href=#__codelineno-0-1></a><span class=c1>// Ereignisse</span>
</span><span id=__span-0-2><a id=__codelineno-0-2 name=__codelineno-0-2 href=#__codelineno-0-2></a><span class=nx>emit</span><span class=p>(</span><span class=s1>&#39;discInserted&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>path</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;/dev/sr0&#39;</span><span class=w> </span><span class=p>})</span>
</span><span id=__span-0-3><a id=__codelineno-0-3 name=__codelineno-0-3 href=#__codelineno-0-3></a><span class=nx>emit</span><span class=p>(</span><span class=s1>&#39;discRemoved&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>path</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;/dev/sr0&#39;</span><span class=w> </span><span class=p>})</span>
</span></code></pre></div> <hr> <h2 id=processrunnerjs>processRunner.js<a class=headerlink href=#processrunnerjs title="Permanent link">&para;</a></h2> <p>Verwaltet externe CLI-Prozesse.</p> <h3 id=features>Features<a class=headerlink href=#features title="Permanent link">&para;</a></h3> <ul> <li><strong>Streaming</strong>: stdout/stderr werden zeilenweise gelesen</li> <li><strong>Progress-Callbacks</strong>: Ermöglicht Echtzeit-Fortschrittsanzeige</li> <li><strong>Graceful Shutdown</strong>: SIGINT → Warte-Timeout → SIGKILL</li> <li><strong>Prozess-Registry</strong>: Verfolgt aktive Prozesse für sauberes Beenden</li> </ul> <h3 id=nutzung>Nutzung<a class=headerlink href=#nutzung title="Permanent link">&para;</a></h3> <div class="language-js highlight"><pre><span></span><code><span id=__span-1-1><a id=__codelineno-1-1 name=__codelineno-1-1 href=#__codelineno-1-1></a><span class=kd>const</span><span class=w> </span><span class=nx>result</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=k>await</span><span class=w> </span><span class=nx>runProcess</span><span class=p>(</span>
</span><span id=__span-1-2><a id=__codelineno-1-2 name=__codelineno-1-2 href=#__codelineno-1-2></a><span class=w> </span><span class=s1>&#39;HandBrakeCLI&#39;</span><span class=p>,</span>
</span><span id=__span-1-3><a id=__codelineno-1-3 name=__codelineno-1-3 href=#__codelineno-1-3></a><span class=w> </span><span class=p>[</span><span class=s1>&#39;--input&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>rawFile</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;--output&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>outputFile</span><span class=p>,</span><span class=w> </span><span class=s1>&#39;--preset&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>preset</span><span class=p>],</span>
@@ -28,8 +34,9 @@
</span><span id=__span-1-6><a id=__codelineno-1-6 name=__codelineno-1-6 href=#__codelineno-1-6></a><span class=w> </span><span class=nx>onStdout</span><span class=o>:</span><span class=w> </span><span class=p>(</span><span class=nx>line</span><span class=p>)</span><span class=w> </span><span class=p>=&gt;</span><span class=w> </span><span class=nx>logger</span><span class=p>.</span><span class=nx>debug</span><span class=p>(</span><span class=nx>line</span><span class=p>)</span>
</span><span id=__span-1-7><a id=__codelineno-1-7 name=__codelineno-1-7 href=#__codelineno-1-7></a><span class=w> </span><span class=p>}</span>
</span><span id=__span-1-8><a id=__codelineno-1-8 name=__codelineno-1-8 href=#__codelineno-1-8></a><span class=p>);</span>
</span></code></pre></div> <hr> <h2 id=websocketservicejs>websocketService.js<a class=headerlink href=#websocketservicejs title="Permanent link">&para;</a></h2> <p>WebSocket-Server für Echtzeit-Client-Kommunikation.</p> <h3 id=betrieb>Betrieb<a class=headerlink href=#betrieb title="Permanent link">&para;</a></h3> <ul> <li>Läuft auf Pfad <code>/ws</code> des Express-Servers</li> <li>Hält eine Registry aller verbundenen Clients</li> <li>Ermöglicht Broadcast an alle Clients oder gezieltes Senden</li> </ul> <h3 id=api>API<a class=headerlink href=#api title="Permanent link">&para;</a></h3> <div class="language-js 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=nx>broadcast</span><span class=p>({</span><span class=w> </span><span class=nx>type</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;PIPELINE_STATE_CHANGE&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>data</span><span class=o>:</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>state</span><span class=p>,</span><span class=w> </span><span class=nx>jobId</span><span class=w> </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=nx>broadcast</span><span class=p>({</span><span class=w> </span><span class=nx>type</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;PROGRESS_UPDATE&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>data</span><span class=o>:</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>progress</span><span class=p>,</span><span class=w> </span><span class=nx>eta</span><span class=w> </span><span class=p>}</span><span class=w> </span><span class=p>});</span>
</span></code></pre></div> <hr> <h2 id=websocketservicejs>websocketService.js<a class=headerlink href=#websocketservicejs title="Permanent link">&para;</a></h2> <p>WebSocket-Server für Echtzeit-Client-Kommunikation.</p> <h3 id=betrieb>Betrieb<a class=headerlink href=#betrieb title="Permanent link">&para;</a></h3> <ul> <li>Läuft auf Pfad <code>/ws</code> des Express-Servers</li> <li>Hält eine Registry aller verbundenen Clients</li> <li>Ermöglicht Broadcast an alle Clients oder gezieltes Senden</li> </ul> <h3 id=api>API<a class=headerlink href=#api title="Permanent link">&para;</a></h3> <div class="language-js 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=nx>broadcast</span><span class=p>(</span><span class=s1>&#39;PIPELINE_STATE_CHANGED&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>state</span><span class=p>,</span><span class=w> </span><span class=nx>activeJobId</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=nx>broadcast</span><span class=p>(</span><span class=s1>&#39;PIPELINE_PROGRESS&#39;</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>state</span><span class=p>,</span><span class=w> </span><span class=nx>progress</span><span class=p>,</span><span class=w> </span><span class=nx>eta</span><span class=p>,</span><span class=w> </span><span class=nx>statusText</span><span class=w> </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=nx>broadcast</span><span class=p>(</span><span class=s1>&#39;PIPELINE_QUEUE_CHANGED&#39;</span><span class=p>,</span><span class=w> </span><span class=nx>queueSnapshot</span><span class=p>);</span>
</span></code></pre></div> <hr> <h2 id=omdbservicejs>omdbService.js<a class=headerlink href=#omdbservicejs title="Permanent link">&para;</a></h2> <p>Integration mit der <a href=https://www.omdbapi.com/ >OMDb API</a>.</p> <h3 id=methoden>Methoden<a class=headerlink href=#methoden title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Methode</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>searchByTitle(title, type)</code></td> <td>Suche nach Titel (movie/series)</td> </tr> <tr> <td><code>fetchById(imdbId)</code></td> <td>Vollständige Metadaten per IMDb-ID</td> </tr> </tbody> </table> <h3 id=zuruckgegebene-daten>Zurückgegebene Daten<a class=headerlink href=#zuruckgegebene-daten title="Permanent link">&para;</a></h3> <div class="language-json 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=p>{</span>
</span><span id=__span-3-2><a id=__codelineno-3-2 name=__codelineno-3-2 href=#__codelineno-3-2></a><span class=w> </span><span class=nt>&quot;imdbId&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;tt1375666&quot;</span><span class=p>,</span>
</span><span id=__span-3-3><a id=__codelineno-3-3 name=__codelineno-3-3 href=#__codelineno-3-3></a><span class=w> </span><span class=nt>&quot;title&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;Inception&quot;</span><span class=p>,</span>
@@ -39,7 +46,7 @@
</span><span id=__span-3-7><a id=__codelineno-3-7 name=__codelineno-3-7 href=#__codelineno-3-7></a><span class=w> </span><span class=nt>&quot;plot&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;...&quot;</span><span class=p>,</span>
</span><span id=__span-3-8><a id=__codelineno-3-8 name=__codelineno-3-8 href=#__codelineno-3-8></a><span class=w> </span><span class=nt>&quot;director&quot;</span><span class=p>:</span><span class=w> </span><span class=s2>&quot;Christopher Nolan&quot;</span>
</span><span id=__span-3-9><a id=__codelineno-3-9 name=__codelineno-3-9 href=#__codelineno-3-9></a><span class=p>}</span>
</span></code></pre></div> <hr> <h2 id=settingsservicejs>settingsService.js<a class=headerlink href=#settingsservicejs title="Permanent link">&para;</a></h2> <p>Verwaltet alle Anwendungseinstellungen.</p> <h3 id=features_1>Features<a class=headerlink href=#features_1 title="Permanent link">&para;</a></h3> <ul> <li><strong>Schema-getriebene Validierung</strong>: Jede Einstellung hat Typ, Grenzen und Pflichtfeld-Flag</li> <li><strong>Kategorisierung</strong>: Einstellungen sind in Kategorien gruppiert (Paths, Tools, Encoding, ...)</li> <li><strong>Persistenz</strong>: Werte in SQLite, Schema ebenfalls in SQLite</li> <li><strong>Defaults</strong>: <code>defaultSettings.js</code> definiert Standardwerte</li> </ul> <h3 id=einstellungs-kategorien>Einstellungs-Kategorien<a class=headerlink href=#einstellungs-kategorien title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Kategorie</th> <th>Einstellungen</th> </tr> </thead> <tbody> <tr> <td><code>paths</code></td> <td><code>raw_dir</code>, <code>movie_dir</code>, <code>log_dir</code></td> </tr> <tr> <td><code>tools</code></td> <td><code>makemkv_command</code>, <code>handbrake_command</code>, <code>mediainfo_command</code></td> </tr> <tr> <td><code>encoding</code></td> <td><code>handbrake_preset</code>, <code>handbrake_extra_args</code>, <code>output_extension</code>, <code>filename_template</code></td> </tr> <tr> <td><code>drive</code></td> <td><code>drive_mode</code>, <code>drive_device</code>, <code>disc_poll_interval_ms</code></td> </tr> <tr> <td><code>makemkv</code></td> <td><code>makemkv_min_length_minutes</code>, <code>makemkv_backup_mode</code></td> </tr> <tr> <td><code>omdb</code></td> <td><code>omdb_api_key</code>, <code>omdb_default_type</code></td> </tr> <tr> <td><code>notifications</code></td> <td><code>pushover_user_key</code>, <code>pushover_api_token</code></td> </tr> </tbody> </table> <hr> <h2 id=historyservicejs>historyService.js<a class=headerlink href=#historyservicejs title="Permanent link">&para;</a></h2> <p>Datenbankoperationen für Job-Historie.</p> <h3 id=hauptoperationen>Hauptoperationen<a class=headerlink href=#hauptoperationen title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Operation</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>listJobs(filters)</code></td> <td>Jobs nach Status/Titel filtern</td> </tr> <tr> <td><code>getJob(id)</code></td> <td>Job-Details mit Logs abrufen</td> </tr> <tr> <td><code>findOrphanRawFolders()</code></td> <td>Nicht-getrackte Raw-Ordner finden</td> </tr> <tr> <td><code>importOrphanRaw(path)</code></td> <td>Orphan-Ordner als Job importieren</td> </tr> <tr> <td><code>assignOmdb(id, omdbData)</code></td> <td>OMDb-Metadaten nachträglich zuweisen</td> </tr> <tr> <td><code>deleteJob(id, deleteFiles)</code></td> <td>Job und optional Dateien löschen</td> </tr> </tbody> </table> <hr> <h2 id=notificationservicejs>notificationService.js<a class=headerlink href=#notificationservicejs title="Permanent link">&para;</a></h2> <p>PushOver-Push-Benachrichtigungen.</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-4-1><a id=__codelineno-4-1 name=__codelineno-4-1 href=#__codelineno-4-1></a><span class=k>await</span><span class=w> </span><span class=nx>notify</span><span class=p>({</span>
</span></code></pre></div> <hr> <h2 id=settingsservicejs>settingsService.js<a class=headerlink href=#settingsservicejs title="Permanent link">&para;</a></h2> <p>Verwaltet alle Anwendungseinstellungen.</p> <h3 id=features_1>Features<a class=headerlink href=#features_1 title="Permanent link">&para;</a></h3> <ul> <li><strong>Schema-getriebene Validierung</strong>: Jede Einstellung hat Typ, Grenzen und Pflichtfeld-Flag</li> <li><strong>Kategorisierung</strong>: Einstellungen sind in Kategorien gruppiert (Paths, Tools, Encoding, ...)</li> <li><strong>Persistenz</strong>: Werte in SQLite, Schema ebenfalls in SQLite</li> <li><strong>Defaults</strong>: <code>defaultSettings.js</code> definiert Standardwerte</li> </ul> <h3 id=einstellungs-kategorien>Einstellungs-Kategorien<a class=headerlink href=#einstellungs-kategorien title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Kategorie</th> <th>Einstellungen</th> </tr> </thead> <tbody> <tr> <td><code>Pfade</code></td> <td><code>raw_dir</code>, <code>movie_dir</code>, <code>log_dir</code></td> </tr> <tr> <td><code>Laufwerk</code></td> <td><code>drive_mode</code>, <code>drive_device</code>, <code>disc_poll_interval_ms</code>, <code>makemkv_source_index</code></td> </tr> <tr> <td><code>Monitoring</code></td> <td><code>hardware_monitoring_enabled</code>, <code>hardware_monitoring_interval_ms</code></td> </tr> <tr> <td><code>Tools</code></td> <td><code>makemkv_command</code>, <code>handbrake_command</code>, <code>mediainfo_command</code>, <code>pipeline_max_parallel_jobs</code></td> </tr> <tr> <td><code>Metadaten</code></td> <td><code>omdb_api_key</code>, <code>omdb_default_type</code></td> </tr> <tr> <td><code>Benachrichtigungen</code></td> <td><code>pushover_user_key</code>, <code>pushover_api_token</code></td> </tr> </tbody> </table> <hr> <h2 id=historyservicejs>historyService.js<a class=headerlink href=#historyservicejs title="Permanent link">&para;</a></h2> <p>Datenbankoperationen für Job-Historie.</p> <h3 id=hauptoperationen>Hauptoperationen<a class=headerlink href=#hauptoperationen title="Permanent link">&para;</a></h3> <table> <thead> <tr> <th>Operation</th> <th>Beschreibung</th> </tr> </thead> <tbody> <tr> <td><code>listJobs(filters)</code></td> <td>Jobs nach Status/Titel filtern</td> </tr> <tr> <td><code>getJob(id)</code></td> <td>Job-Details mit Logs abrufen</td> </tr> <tr> <td><code>findOrphanRawFolders()</code></td> <td>Nicht-getrackte Raw-Ordner finden</td> </tr> <tr> <td><code>importOrphanRaw(path)</code></td> <td>Orphan-Ordner als Job importieren</td> </tr> <tr> <td><code>assignOmdb(id, omdbData)</code></td> <td>OMDb-Metadaten nachträglich zuweisen</td> </tr> <tr> <td><code>deleteJob(id, deleteFiles)</code></td> <td>Job und optional Dateien löschen</td> </tr> </tbody> </table> <hr> <h2 id=notificationservicejs>notificationService.js<a class=headerlink href=#notificationservicejs title="Permanent link">&para;</a></h2> <p>PushOver-Push-Benachrichtigungen.</p> <div class="language-js highlight"><pre><span></span><code><span id=__span-4-1><a id=__codelineno-4-1 name=__codelineno-4-1 href=#__codelineno-4-1></a><span class=k>await</span><span class=w> </span><span class=nx>notify</span><span class=p>({</span>
</span><span id=__span-4-2><a id=__codelineno-4-2 name=__codelineno-4-2 href=#__codelineno-4-2></a><span class=w> </span><span class=nx>title</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;Ripster: Job abgeschlossen&#39;</span><span class=p>,</span>
</span><span id=__span-4-3><a id=__codelineno-4-3 name=__codelineno-4-3 href=#__codelineno-4-3></a><span class=w> </span><span class=nx>message</span><span class=o>:</span><span class=w> </span><span class=s1>&#39;Inception (2010) wurde erfolgreich encodiert&#39;</span>
</span><span id=__span-4-4><a id=__codelineno-4-4 name=__codelineno-4-4 href=#__codelineno-4-4></a><span class=p>});</span>
+11 -8
View File
@@ -1,4 +1,4 @@
<!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/frontend/ rel=canonical><link href=../backend/ rel=prev><link href=../database/ rel=next><link rel=icon href=../../assets/images/favicon.png><meta name=generator content="mkdocs-1.6.1, mkdocs-material-9.7.0"><title>Frontend-Komponenten - 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=#frontend-komponenten 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> Frontend-Komponenten </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.Line truncated
<!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/frontend/ rel=canonical><link href=../backend/ rel=prev><link href=../database/ rel=next><link rel=icon href=../../assets/images/favicon.png><meta name=generator content="mkdocs-1.6.1, mkdocs-material-9.7.0"><title>Frontend-Komponenten - 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=#frontend-komponenten 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> Frontend-Komponenten </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.Line truncated
</span><span id=__span-0-2><a id=__codelineno-0-2 name=__codelineno-0-2 href=#__codelineno-0-2></a>│ Metadaten auswählen │
</span><span id=__span-0-3><a id=__codelineno-0-3 name=__codelineno-0-3 href=#__codelineno-0-3></a>├─────────────────────────────────────┤
</span><span id=__span-0-4><a id=__codelineno-0-4 name=__codelineno-0-4 href=#__codelineno-0-4></a>│ Suche: [Inception ] 🔍 │
@@ -25,20 +25,23 @@
</span><span id=__span-1-10><a id=__codelineno-1-10 name=__codelineno-1-10 href=#__codelineno-1-10></a>│ ☑ Track 1: Deutsch │
</span><span id=__span-1-11><a id=__codelineno-1-11 name=__codelineno-1-11 href=#__codelineno-1-11></a>│ ☐ Track 2: English │
</span><span id=__span-1-12><a id=__codelineno-1-12 name=__codelineno-1-12 href=#__codelineno-1-12></a>├─────────────────────────────────────┤
</span><span id=__span-1-13><a id=__codelineno-1-13 name=__codelineno-1-13 href=#__codelineno-1-13></a>│ [Encodierung starten] │
</span><span id=__span-1-13><a id=__codelineno-1-13 name=__codelineno-1-13 href=#__codelineno-1-13></a>│ [Encoding starten] │
</span><span id=__span-1-14><a id=__codelineno-1-14 name=__codelineno-1-14 href=#__codelineno-1-14></a>└─────────────────────────────────────┘
</span></code></pre></div> <h3 id=dynamicsettingsformjsx>DynamicSettingsForm.jsx<a class=headerlink href=#dynamicsettingsformjsx title="Permanent link">&para;</a></h3> <p>Wiederverwendbares Formular, das aus dem Settings-Schema generiert wird.</p> <p><strong>Unterstützte Feldtypen:</strong></p> <table> <thead> <tr> <th>Typ</th> <th>UI-Element</th> </tr> </thead> <tbody> <tr> <td><code>string</code></td> <td>Text-Input</td> </tr> <tr> <td><code>number</code></td> <td>Zahlen-Input mit Min/Max</td> </tr> <tr> <td><code>boolean</code></td> <td>Toggle/Checkbox</td> </tr> <tr> <td><code>select</code></td> <td>Dropdown</td> </tr> <tr> <td><code>password</code></td> <td>Passwort-Input</td> </tr> </tbody> </table> <h3 id=pipelinestatuscardjsx>PipelineStatusCard.jsx<a class=headerlink href=#pipelinestatuscardjsx title="Permanent link">&para;</a></h3> <p>Status-Anzeige-Widget für die Dashboard-Seite.</p> <h3 id=jobdetaildialogjsx>JobDetailDialog.jsx<a class=headerlink href=#jobdetaildialogjsx title="Permanent link">&para;</a></h3> <p>Vollständiger Job-Detail-Dialog mit Logs-Viewer.</p> <hr> <h2 id=hooks>Hooks<a class=headerlink href=#hooks title="Permanent link">&para;</a></h2> <h3 id=usewebsocketjs>useWebSocket.js<a class=headerlink href=#usewebsocketjs title="Permanent link">&para;</a></h3> <p>Zentraler Custom-Hook für die WebSocket-Verbindung.</p> <div class="language-js 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=kd>const</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>status</span><span class=p>,</span><span class=w> </span><span class=nx>lastMessage</span><span class=w> </span><span class=p>}</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=nx>useWebSocket</span><span class=p>({</span>
</span></code></pre></div> <h3 id=dynamicsettingsformjsx>DynamicSettingsForm.jsx<a class=headerlink href=#dynamicsettingsformjsx title="Permanent link">&para;</a></h3> <p>Wiederverwendbares Formular, das aus dem Settings-Schema generiert wird.</p> <p><strong>Unterstützte Feldtypen:</strong></p> <table> <thead> <tr> <th>Typ</th> <th>UI-Element</th> </tr> </thead> <tbody> <tr> <td><code>string</code></td> <td>Text-Input</td> </tr> <tr> <td><code>number</code></td> <td>Zahlen-Input mit Min/Max</td> </tr> <tr> <td><code>boolean</code></td> <td>Toggle/Checkbox</td> </tr> <tr> <td><code>select</code></td> <td>Dropdown</td> </tr> <tr> <td><code>password</code></td> <td>Passwort-Input</td> </tr> </tbody> </table> <h3 id=pipelinestatuscardjsx>PipelineStatusCard.jsx<a class=headerlink href=#pipelinestatuscardjsx title="Permanent link">&para;</a></h3> <p>Status-Anzeige-Widget für die Dashboard-Seite.</p> <h3 id=jobdetaildialogjsx>JobDetailDialog.jsx<a class=headerlink href=#jobdetaildialogjsx title="Permanent link">&para;</a></h3> <p>Vollständiger Job-Detail-Dialog mit Logs-Viewer.</p> <hr> <h2 id=hooks>Hooks<a class=headerlink href=#hooks title="Permanent link">&para;</a></h2> <h3 id=usewebsocketjs>useWebSocket.js<a class=headerlink href=#usewebsocketjs title="Permanent link">&para;</a></h3> <p>Zentraler Custom-Hook für die WebSocket-Verbindung.</p> <div class="language-js 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=nx>useWebSocket</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=nx>onMessage</span><span class=o>:</span><span class=w> </span><span class=p>(</span><span class=nx>msg</span><span class=p>)</span><span class=w> </span><span class=p>=&gt;</span><span class=w> </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=k>if</span><span class=w> </span><span class=p>(</span><span class=nx>msg</span><span class=p>.</span><span class=nx>type</span><span class=w> </span><span class=o>===</span><span class=w> </span><span class=s1>&#39;PIPELINE_STATE_CHANGE&#39;</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=nx>setPipelineState</span><span class=p>(</span><span class=nx>msg</span><span class=p>.</span><span class=nx>data</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=k>if</span><span class=w> </span><span class=p>(</span><span class=nx>msg</span><span class=p>.</span><span class=nx>type</span><span class=w> </span><span class=o>===</span><span class=w> </span><span class=s1>&#39;PIPELINE_STATE_CHANGED&#39;</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=nx>setPipelineState</span><span class=p>(</span><span class=nx>msg</span><span class=p>.</span><span class=nx>payload</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=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=p>}</span>
</span><span id=__span-2-7><a id=__codelineno-2-7 name=__codelineno-2-7 href=#__codelineno-2-7></a><span class=p>});</span>
</span></code></pre></div> <p><strong>Features:</strong> - Automatische Verbindung zu <code>/ws</code> - Reconnect mit exponential backoff - Message-Parsing (JSON) - Status-Tracking (connecting, connected, disconnected)</p> <hr> <h2 id=api-client-clientjs>API-Client (client.js)<a class=headerlink href=#api-client-clientjs title="Permanent link">&para;</a></h2> <p>Zentraler HTTP-Client für alle Backend-Anfragen.</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=c1>// Beispiel-Aufrufe</span>
</span></code></pre></div> <p><strong>Features:</strong> - Automatische Verbindung zu <code>/ws</code> - Reconnect mit festem Intervall (<code>1500ms</code>) - Message-Parsing (JSON)</p> <hr> <h2 id=api-client-clientjs>API-Client (client.js)<a class=headerlink href=#api-client-clientjs title="Permanent link">&para;</a></h2> <p>Zentraler HTTP-Client für alle Backend-Anfragen.</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=c1>// Beispiel-Aufrufe</span>
</span><span id=__span-3-2><a id=__codelineno-3-2 name=__codelineno-3-2 href=#__codelineno-3-2></a><span class=kd>const</span><span class=w> </span><span class=nx>state</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>getPipelineState</span><span class=p>();</span>
</span><span id=__span-3-3><a id=__codelineno-3-3 name=__codelineno-3-3 href=#__codelineno-3-3></a><span class=kd>const</span><span class=w> </span><span class=nx>results</span><span class=w> </span><span class=o>=</span><span class=w> </span><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>searchOmdb</span><span class=p>(</span><span class=s1>&#39;Inception&#39;</span><span class=p>);</span>
</span><span id=__span-3-4><a id=__codelineno-3-4 name=__codelineno-3-4 href=#__codelineno-3-4></a><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>selectMetadata</span><span class=p>(</span><span class=nx>jobId</span><span class=p>,</span><span class=w> </span><span class=nx>omdbData</span><span class=p>,</span><span class=w> </span><span class=nx>playlist</span><span class=p>);</span>
</span><span id=__span-3-5><a id=__codelineno-3-5 name=__codelineno-3-5 href=#__codelineno-3-5></a><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>confirmEncode</span><span class=p>(</span><span class=nx>jobId</span><span class=p>,</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>audioTracks</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=mf>0</span><span class=p>,</span><span class=w> </span><span class=mf>1</span><span class=p>],</span><span class=w> </span><span class=nx>subtitleTracks</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=mf>0</span><span class=p>]</span><span class=w> </span><span class=p>});</span>
</span><span id=__span-3-4><a id=__codelineno-3-4 name=__codelineno-3-4 href=#__codelineno-3-4></a><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>selectMetadata</span><span class=p>({</span><span class=w> </span><span class=nx>jobId</span><span class=p>,</span><span class=w> </span><span class=nx>title</span><span class=p>,</span><span class=w> </span><span class=nx>year</span><span class=p>,</span><span class=w> </span><span class=nx>imdbId</span><span class=p>,</span><span class=w> </span><span class=nx>selectedPlaylist</span><span class=w> </span><span class=p>});</span>
</span><span id=__span-3-5><a id=__codelineno-3-5 name=__codelineno-3-5 href=#__codelineno-3-5></a><span class=k>await</span><span class=w> </span><span class=nx>api</span><span class=p>.</span><span class=nx>confirmEncodeReview</span><span class=p>(</span><span class=nx>jobId</span><span class=p>,</span><span class=w> </span><span class=p>{</span>
</span><span id=__span-3-6><a id=__codelineno-3-6 name=__codelineno-3-6 href=#__codelineno-3-6></a><span class=w> </span><span class=nx>selectedEncodeTitleId</span><span class=o>:</span><span class=w> </span><span class=mf>1</span><span class=p>,</span>
</span><span id=__span-3-7><a id=__codelineno-3-7 name=__codelineno-3-7 href=#__codelineno-3-7></a><span class=w> </span><span class=nx>selectedTrackSelection</span><span class=o>:</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=mf>1</span><span class=o>:</span><span class=w> </span><span class=p>{</span><span class=w> </span><span class=nx>audioTrackIds</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=mf>1</span><span class=p>],</span><span class=w> </span><span class=nx>subtitleTrackIds</span><span class=o>:</span><span class=w> </span><span class=p>[</span><span class=mf>3</span><span class=p>]</span><span class=w> </span><span class=p>}</span><span class=w> </span><span class=p>}</span>
</span><span id=__span-3-8><a id=__codelineno-3-8 name=__codelineno-3-8 href=#__codelineno-3-8></a><span class=p>});</span>
</span></code></pre></div> <p><strong>Features:</strong> - Zentralisierte Fehlerbehandlung - Automatische JSON-Serialisierung - Basis-URL aus Umgebungsvariable (<code>VITE_API_BASE</code>)</p> <hr> <h2 id=build-entwicklung>Build &amp; Entwicklung<a class=headerlink href=#build-entwicklung title="Permanent link">&para;</a></h2> <h3 id=entwicklungsserver>Entwicklungsserver<a class=headerlink href=#entwicklungsserver title="Permanent link">&para;</a></h3> <div class="language-bash highlight"><pre><span></span><code><span id=__span-4-1><a id=__codelineno-4-1 name=__codelineno-4-1 href=#__codelineno-4-1></a><span class=nb>cd</span><span class=w> </span>frontend
</span><span id=__span-4-2><a id=__codelineno-4-2 name=__codelineno-4-2 href=#__codelineno-4-2></a>npm<span class=w> </span>run<span class=w> </span>dev
</span><span id=__span-4-3><a id=__codelineno-4-3 name=__codelineno-4-3 href=#__codelineno-4-3></a><span class=c1># → http://localhost:5173</span>
+1 -1
View File
@@ -58,7 +58,7 @@
</span><span id=__span-1-2><a id=__codelineno-1-2 name=__codelineno-1-2 href=#__codelineno-1-2></a>├── Pages
</span><span id=__span-1-3><a id=__codelineno-1-3 name=__codelineno-1-3 href=#__codelineno-1-3></a>│ ├── DashboardPage.jsx ← Haupt-Interface
</span><span id=__span-1-4><a id=__codelineno-1-4 name=__codelineno-1-4 href=#__codelineno-1-4></a>│ ├── SettingsPage.jsx
</span><span id=__span-1-5><a id=__codelineno-1-5 name=__codelineno-1-5 href=#__codelineno-1-5></a>│ └── HistoryPage.jsx
</span><span id=__span-1-5><a id=__codelineno-1-5 name=__codelineno-1-5 href=#__codelineno-1-5></a>│ └── DatabasePage.jsx ← Historie/DB-Ansicht
</span><span id=__span-1-6><a id=__codelineno-1-6 name=__codelineno-1-6 href=#__codelineno-1-6></a>├── Components
</span><span id=__span-1-7><a id=__codelineno-1-7 name=__codelineno-1-7 href=#__codelineno-1-7></a>│ ├── PipelineStatusCard.jsx
</span><span id=__span-1-8><a id=__codelineno-1-8 name=__codelineno-1-8 href=#__codelineno-1-8></a>│ ├── MetadataSelectionDialog.jsx
+4 -4
View File
@@ -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>