home-tools/bookshelf
1
0
Fork 0
Code Actions Packages Releases Activity

Initial commit

Browse Source 
Photo-based book cataloger with AI identification.
Room → Cabinet → Shelf → Book hierarchy; FastAPI + SQLite backend;
vanilla JS SPA; OpenAI-compatible plugin system for boundary
detection, text recognition, and archive search.
This commit is contained in:
night
2026-03-09 14:11:11 +03:00
commit f29678ebf1
64 changed files with 8605 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
static/index.html Normal file
View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="theme-color" content="#1e3a5f">
<title>Bookshelf</title>
<!-- Global reset, body font/background, and .hidden utility -->
<link rel="stylesheet" href="css/base.css">
<!-- Sticky header, two-column desktop layout, mobile single-column default -->
<link rel="stylesheet" href="css/layout.css">
<!-- Sidebar tree: node rows, drag handle, toggle, name, action buttons, book thumbnails, status/source badges -->
<link rel="stylesheet" href="css/tree.css">
<!-- Generic button variants, book detail panel, image/canvas wrapper, identification form -->
<link rel="stylesheet" href="css/forms.css">
<!-- Fixed-position overlays: toast notification, loading spinner, photo queue -->
<link rel="stylesheet" href="css/overlays.css">
</head>
<body>
<!-- Main app mount point — entire UI is rendered here by render() in js/init.js -->
<div id="app"></div>
<!-- Photo queue overlay: full-screen mobile UI for sequential book photography.
Lives outside #app so its event listener does not conflict with the tree. -->
<div id="photo-queue-overlay" style="display:none"></div>
<!-- Shared file input for all photo uploads (cabinet, shelf, book, room).
Triggered programmatically by triggerPhoto() in js/photo.js. -->
<input type="file" id="gphoto" accept="image/*" class="hidden">
<!-- Slide-in toast notification; text set by toast() in js/helpers.js -->
<div class="toast" id="toast"></div>
<!-- SortableJS: drag-and-drop reordering for rooms, cabinets, shelves, and books -->
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script>
<!-- All mutable application state (S, _plugins, _batchState, _bnd, _photoQueue).
Must load first — every subsequent module reads these globals. -->
<script src="js/state.js"></script>
<!-- Pure utilities: esc(), toast(), isDesktop(). No dependencies. -->
<script src="js/helpers.js"></script>
<!-- Fetch wrapper req(). Throws on non-2xx with server detail message. -->
<script src="js/api.js"></script>
<!-- Boundary-line canvas editor: draw, drag, snap-to-AI, Ctrl+Alt+Click to add.
Defines _bnd structure — loaded before detail-render.js which reads it. -->
<script src="js/canvas-boundary.js"></script>
<!-- Tree HTML generators: vApp(), vRoom/Cabinet/Shelf/Book(), vBatchBtn(),
plugin helpers, candidate suggestion rows, walkTree/findNode/removeNode. -->
<script src="js/tree-render.js"></script>
<!-- Detail panel HTML generators: vDetailBody(), vCabinetDetail(),
vShelfDetail(), vBookDetail(). Reads _bnd for boundary plugin selection. -->
<script src="js/detail-render.js"></script>
<!-- In-place crop tool: draggable rectangle on canvas, POSTs pixel coords.
Calls drawBnd() on cancel to restore the boundary overlay. -->
<script src="js/canvas-crop.js"></script>
<!-- Inline contenteditable name editing (blur-to-save) and SortableJS wiring. -->
<script src="js/editing.js"></script>
<!-- Photo upload for all entity types and mobile Photo Queue feature.
Registers the gphoto 'change' handler at parse time. -->
<script src="js/photo.js"></script>
<!-- Event delegation on #app and #photo-queue-overlay; central handle() dispatcher
with all action cases; accordion expand helpers. -->
<script src="js/events.js"></script>
<!-- render(), renderDetail(), loadConfig(), startBatchPolling(), loadTree(),
and the bootstrap Promise.all([loadConfig(), loadTree()]) call. -->
<script src="js/init.js"></script>
</body>
</html>