Refactor file carousel into React component hierarchy

- Create PostFiles top-level component managing file display state
- Add FileCarousel component for thumbnail navigation
- Add DisplayedFile component for content rendering
- Add FileDetails component for metadata display
- Update props_for_post_files helper to generate HTML content server-side
- Replace HTML/JS carousel with prerendered React components
- Maintain single file layout compatibility
- Add proper TypeScript interfaces and error handling
- Register components in application and server bundles

Components now handle:
- Multiple file carousel display above content
- File content switching via React state
- Server-side rendered HTML injection
- File details metadata display
- Responsive thumbnail grid with selection states
This commit is contained in:
Dylan Knutson
2025-08-09 00:31:07 +00:00
parent 5f5a54d68f
commit 36ceae80fe
18 changed files with 405 additions and 62 deletions

View File

@@ -9,7 +9,7 @@ namespace :bluesky do
end
def resolve_did(handle)
DIDKit::Resolver.new.resolve_handle(handle).did
DIDKit::Resolver.new.resolve_handle(handle)&.did
end
desc "Add a DID to the Bluesky monitor"