From 9ddcce79c63fc87e5d1f7a0b0c3ede0ca7098924 Mon Sep 17 00:00:00 2001 From: Hananoshika Yomaru Date: Tue, 19 May 2026 09:30:03 -0700 Subject: [PATCH] Refactor CatalogApp component to integrate CatalogFiltersMenu for improved filtering functionality, update layout structure in catalog-canvas-view for better readability, and enhance SASS styles for catalog header and filter menu. Remove unused functions and streamline canvas rendering logic in catalog-to-canvas. --- frontend/src/components/catalog-app.tsx | 48 +- .../src/components/catalog-canvas-view.tsx | 34 +- .../src/components/catalog-filters-menu.tsx | 94 +++ frontend/src/lib/catalog-canvas-viewport.ts | 31 + frontend/src/lib/catalog-to-canvas.ts | 9 +- themes/openfreebooks/sass/_catalog.scss | 619 +++++++++++------- themes/openfreebooks/static/js/bundle.js | 2 +- .../static/js/catalog-app-CvFENXwo.js | 2 + .../static/js/catalog-app-D-Pa7m8K.js | 2 + .../static/js/catalog-app-DydLfc7y.js | 2 + .../static/js/catalog-app-e24aHQLu.js | 2 + .../static/js/catalog-canvas-view-CqwlRFC-.js | 450 +++++++++++++ .../static/js/catalog-canvas-view-CyxXgKFM.js | 450 +++++++++++++ .../static/js/catalog-canvas-view-DBCmUv-a.js | 450 +++++++++++++ .../static/js/catalog-canvas-view-brNOkk1Q.js | 450 +++++++++++++ 15 files changed, 2351 insertions(+), 294 deletions(-) create mode 100644 frontend/src/components/catalog-filters-menu.tsx create mode 100644 frontend/src/lib/catalog-canvas-viewport.ts create mode 100644 themes/openfreebooks/static/js/catalog-app-CvFENXwo.js create mode 100644 themes/openfreebooks/static/js/catalog-app-D-Pa7m8K.js create mode 100644 themes/openfreebooks/static/js/catalog-app-DydLfc7y.js create mode 100644 themes/openfreebooks/static/js/catalog-app-e24aHQLu.js create mode 100644 themes/openfreebooks/static/js/catalog-canvas-view-CqwlRFC-.js create mode 100644 themes/openfreebooks/static/js/catalog-canvas-view-CyxXgKFM.js create mode 100644 themes/openfreebooks/static/js/catalog-canvas-view-DBCmUv-a.js create mode 100644 themes/openfreebooks/static/js/catalog-canvas-view-brNOkk1Q.js diff --git a/frontend/src/components/catalog-app.tsx b/frontend/src/components/catalog-app.tsx index 980f4a9..5595613 100644 --- a/frontend/src/components/catalog-app.tsx +++ b/frontend/src/components/catalog-app.tsx @@ -2,6 +2,7 @@ import { createMemo, createSignal, For, lazy, onCleanup, onMount, Show, Suspense import { subjectToCanvas } from "../lib/catalog-to-canvas"; import { watchSiteTheme } from "../lib/catalog-canvas-theme"; import { CatalogChapterCard } from "./catalog-chapter-card"; +import { CatalogFiltersMenu } from "./catalog-filters-menu"; import type { CatalogChapter, CatalogData, @@ -151,7 +152,10 @@ export function CatalogApp() { }); return ( -
+