docs: Update manga EPUB implementation guide

- Add markdownlint disable directives for linting
- Update SQL examples for consistency
- Update templ examples for panel detection integration
- Update TypeScript examples for reader shell configuration
This commit is contained in:
2026-04-12 20:44:02 -04:00
parent 03f7c15445
commit a13d2cc3bb
+10 -7
View File
@@ -1,3 +1,6 @@
<!-- markdownlint-disable MD010 -->
<!-- markdownlint-disable MD013 -->
# Manga EPUB and Panel Detection Implementation
**Status:** Ready to implement
@@ -843,10 +846,10 @@ import { Alpine } from "../alpine";
document.addEventListener("alpine:init", () => {
Alpine.data("readerShell", () => ({
enablePanelDetection: false,
libraryType: '',
formatGroup: '',
mangaType: '',
readingDirection: '',
libraryType: "",
formatGroup: "",
mangaType: "",
readingDirection: "",
panelDetector: null,
initReader(config: any) {
@@ -859,7 +862,7 @@ document.addEventListener("alpine:init", () => {
console.log("Reader initialized with:", {
panelDetection: this.enablePanelDetection,
library: this.libraryType,
format: this.formatGroup
format: this.formatGroup,
});
// Only load panel detection if enabled
@@ -871,7 +874,7 @@ document.addEventListener("alpine:init", () => {
async loadPanelDetection() {
try {
// Dynamic import to only load when needed
const { PanelDetector } = await import('foliate-js/panel-detection.js');
const { PanelDetector } = await import("foliate-js/panel-detection.js");
this.panelDetector = new PanelDetector();
console.log("Panel detection loaded successfully");
} catch (error) {
@@ -889,7 +892,7 @@ document.addEventListener("alpine:init", () => {
const view = document.querySelector("#reader-view");
// @ts-ignore - foliate custom element
view?.prev?.();
}
},
}));
Alpine.start();