mirror of
https://github.com/kuhyx/todo-app.git
synced 2026-11-10 19:27:01 +01:00
Krzysztof kuhy Rudnicki
9f2ffdb8a9
Some checks failed
📎 now picks any file (Android: Camera / Gallery / File; desktop: an
unfiltered dialog) and the desktop page accepts any dropped file. Photo and
screenshot formats up to 64 MB are still re-encoded and shown inline;
everything else is stored byte for byte on dufs beside the images and linked
as [name](url), shown as a row with its size that opens in the platform's
app (Android) or a new browser tab (desktop). BACKLOG.md rewrites file links
to ~/data/cloud/todo-images/ like image links.
There is no size cap, so no layer holds a file in memory: uploads and
downloads stream through DufsImageClient, writes land in a .tmp renamed when
whole (an interrupted download no longer leaves a truncated file that looks
done), the desktop page POSTs the browser's own Blob with fetch, and Android's
"File" uses file_picker, because file_selector's Android side reads the whole
file into memory on the UI thread. Verified with a 1 GB file end to end on
desktop (peak RSS +36 MB) and on an API 36 emulator.
The wrapper serves attachments from the origin that holds the GitHub token
and the notes, so only script-free types open inline (nosniff), the rest
download; writes carrying another site's Origin are refused (this also
closes cross-site overwrites of the backup files); and attachment routes run
concurrently so a long upload or a playing video cannot stall the page.
Also: cupertino_icons 2.0.0 (unused, but the freshness gate blocks the
pubspec otherwise), open_file 4.0.0 and file_picker 13.1.0 pinned.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
53 lines
2.0 KiB
Dart
53 lines
2.0 KiB
Dart
import 'package:design_system/design_system.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:todo/images/attachment_links.dart';
|
|
import 'package:todo/ui/images/file_embed.dart';
|
|
import 'package:todo/ui/images/image_embed.dart';
|
|
|
|
/// Height of the thumbnail row under the editor.
|
|
const kAttachmentStripHeight = 88.0;
|
|
|
|
/// A row of tiles for every attachment [text] links to — thumbnails for
|
|
/// images, icon-and-name tiles for files — shown under the editing field so a
|
|
/// note's attachments are visible (and files openable) while writing it. The
|
|
/// editing modes show the links as text; without this the default (Raw)
|
|
/// mode would never show one at all. Empty when there are none.
|
|
class AttachmentStrip extends StatelessWidget {
|
|
/// Creates the strip for [text].
|
|
const AttachmentStrip({required this.text, super.key});
|
|
|
|
/// The note text being edited.
|
|
final String text;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final attachments = attachmentsIn(text);
|
|
if (attachments.isEmpty) return const SizedBox.shrink();
|
|
// Same centred column as the editor above it (rule 21), so on the wide
|
|
// desktop window the thumbnails sit under the text, not at the far edge.
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 8),
|
|
child: Center(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(
|
|
maxWidth: kProseMaxWidth,
|
|
maxHeight: kAttachmentStripHeight,
|
|
),
|
|
child: ListView.separated(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: attachments.length,
|
|
separatorBuilder: (_, _) => const SizedBox(width: 8),
|
|
itemBuilder: (context, i) => SizedBox(
|
|
width: kAttachmentStripHeight,
|
|
child: attachments[i].isImage
|
|
? ImageEmbed(ref: attachments[i].ref)
|
|
: FileEmbed(attachment: attachments[i], compact: true),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|