Cleaned up code, implemented message queue to notify subscribers of document updates.

lib/features/documents/view/widgets/placeholder/document_item_placeholder.dart

@@ -0,0 +1,30 @@
+import 'dart:math';
+
+mixin DocumentItemPlaceholder {
+  static const _tags = ["    ", "            ", "      "];
+  static const _titleLengths = <double>[double.infinity, 150.0, 200.0];
+  static const _correspondentLengths = <double>[120.0, 80.0, 40.0];
+
+  Random get random;
+
+  RandomDocumentItemPlaceholderValues get nextValues {
+    return RandomDocumentItemPlaceholderValues(
+      tagCount: random.nextInt(_tags.length + 1),
+      correspondentLength: _correspondentLengths[
+          random.nextInt(_correspondentLengths.length - 1)],
+      titleLength: _titleLengths[random.nextInt(_titleLengths.length - 1)],
+    );
+  }
+}
+
+class RandomDocumentItemPlaceholderValues {
+  final int tagCount;
+  final double correspondentLength;
+  final double titleLength;
+
+  RandomDocumentItemPlaceholderValues({
+    required this.tagCount,
+    required this.correspondentLength,
+    required this.titleLength,
+  });
+}

lib/features/documents/view/widgets/placeholder/tags_placeholder.dart

@@ -0,0 +1,37 @@
+import 'package:flutter/material.dart';
+
+class TagsPlaceholder extends StatelessWidget {
+  static const _lengths = [24, 36, 16, 48];
+  final int count;
+  final bool dense;
+  const TagsPlaceholder({
+    super.key,
+    required this.count,
+    required this.dense,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      height: 32,
+      child: ListView.separated(
+        itemCount: count,
+        scrollDirection: Axis.horizontal,
+        itemBuilder: (context, index) => FilterChip(
+          labelPadding:
+              dense ? const EdgeInsets.symmetric(horizontal: 2) : null,
+          padding: dense ? const EdgeInsets.all(4) : null,
+          visualDensity: const VisualDensity(vertical: -2),
+          materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+          side: BorderSide.none,
+          onSelected: (_) {},
+          selected: false,
+          label: Text(
+            List.filled(_lengths[index], " ").join(),
+          ),
+        ),
+        separatorBuilder: (context, _) => const SizedBox(width: 4),
+      ),
+    );
+  }
+}

lib/features/documents/view/widgets/placeholder/text_placeholder.dart

@@ -0,0 +1,26 @@
+import 'dart:math';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:paperless_mobile/extensions/flutter_extensions.dart';
+
+class TextPlaceholder extends StatelessWidget {
+  final double length;
+  final double fontSize;
+
+  const TextPlaceholder({
+    super.key,
+    required this.length,
+    required this.fontSize,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.white,
+      width: length,
+      height: fontSize,
+    );
+  }
+}