mirror of
https://github.com/lrnselfreliance/wrolpi.git
synced 2026-10-26 19:01:39 -04:00
6ea9d3645f
Phase 2, part 3. Baseline 63 -> 50.
Common.js is the one that mattered: 51 files import it, so its Semantic usage
was propping up the rest of the migration. Everything in it now comes from the
library -- Paginator, the two search inputs, DirectorySearch, TabLinks, the
toggles, the messages, APIButton, Breadcrumbs, SimpleAccordion, IframeViewer,
CardPoster, FileIcon, LoadStatistic, the theme menu, and the hotspot icons.
Also migrated: Placeholder, Apps, ArchivePreview, CbzViewer, AddToPlaylist,
TaggedDeleteConfirmModal, the collection edit/tag forms, and four inventory
components.
New in the library, all in the gallery and tested:
SearchBox Semantic's `<Search category>` with its grouped results shape
kept, because four call sites already build it. A real
combobox rather than a div that listens for clicks.
Pagination Semantic's prop names; onPageChange gets the page number.
TabBar the strip only -- routing stays with the caller.
IconStack Semantic's IconGroup, named once for assistive technology.
Table.HeaderCell sorted/onSort -- a real button carrying aria-sort.
Button/IconButton translate Semantic's size names.
That last one is defensive: unmigrated callers still pass size='tiny', and
Mantine drops a size it does not recognise without a word, so the button
quietly renders at the wrong size. Mapping here keeps the mixed state honest.
Three real bugs found and fixed on the way, none of them cosmetic:
* `fileSuffixIconName` returned fourteen icon names the map did not have, so
opening a folder with a PDF, a Word document or an archive in it logged an
error and drew a fallback glyph. All fourteen mapped, with a test that
walks the mapper's own return values, and another asserting every mapped
name resolves to a Tabler component that exists.
* `Statistic` relied on Semantic's `Statistic.Group` for its spacing, so on
the dashboard the load averages ran together into "1 MIN. LOAD5 MIN.
LOAD15 MIN. LOAD". It carries its own spacing now.
* Semantic's inverted stylesheet colors every descendant of an inverted
segment, so Toggle labels inherited #dddddd -- white pixels in night mode,
on the Settings page, which is exactly where someone adjusts their WROLPi
in the dark. Restated from tokens.
The baseline ratchet gained a third assertion: a migrated file may still lean
on Semantic's CSS classes without importing the library, which the import check
cannot see and which would collapse silently when Phase 4 deletes the
stylesheet. There is one such bridge today and it is now declared.
52 lines
1.9 KiB
JSON
52 lines
1.9 KiB
JSON
[
|
|
"src/App.js",
|
|
"src/DashboardPage.js",
|
|
"src/Events.js",
|
|
"src/Tags.js",
|
|
"src/api.js",
|
|
"src/components/Archive.js",
|
|
"src/components/BulkTagModal.js",
|
|
"src/components/Channels.js",
|
|
"src/components/DatesSelector.js",
|
|
"src/components/Docs.js",
|
|
"src/components/Download.js",
|
|
"src/components/FileBrowser.js",
|
|
"src/components/FilePreview.js",
|
|
"src/components/Files.js",
|
|
"src/components/Flasher.js",
|
|
"src/components/HelpModal.js",
|
|
"src/components/Map.js",
|
|
"src/components/MapSearchView.js",
|
|
"src/components/MapViewer.js",
|
|
"src/components/Nav.js",
|
|
"src/components/Playlists.js",
|
|
"src/components/Search.js",
|
|
"src/components/Theme.tsx",
|
|
"src/components/Upload.js",
|
|
"src/components/VideoPlayer.js",
|
|
"src/components/Videos.js",
|
|
"src/components/Zim.js",
|
|
"src/components/admin/ControllerPage.js",
|
|
"src/components/admin/Downloads.js",
|
|
"src/components/admin/Settings.js",
|
|
"src/components/admin/Status.js",
|
|
"src/components/calculators/DriveCalculator.js",
|
|
"src/components/calculators/ElectricalCalculators.js",
|
|
"src/components/calculators/FoodStorageCalculator.js",
|
|
"src/components/calculators/HamCalculators.js",
|
|
"src/components/calculators/OneTimePadCalculator.js",
|
|
"src/components/calculators/RatioCalculator.js",
|
|
"src/components/calculators/RationCalculator.js",
|
|
"src/components/calculators/WaterCalculator.js",
|
|
"src/components/collections/BatchReorganizeModal.js",
|
|
"src/components/collections/CollectionReorganizeModal.js",
|
|
"src/components/collections/CollectionTable.js",
|
|
"src/components/collections/ConflictResolutionModal.js",
|
|
"src/components/inventory/FieldCell.js",
|
|
"src/components/inventory/FieldSchemaEditor.js",
|
|
"src/components/inventory/InventoryImportModal.js",
|
|
"src/components/inventory/InventoryRoute.js",
|
|
"src/components/inventory/InventoryTable.js",
|
|
"src/hooks/customHooks.js",
|
|
"src/hooks/useForm.js"
|
|
]
|