board_bloc.dart 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409
  1. import 'dart:async';
  2. import 'package:app_flowy/plugins/grid/application/block/block_cache.dart';
  3. import 'package:app_flowy/plugins/grid/application/field/field_cache.dart';
  4. import 'package:app_flowy/plugins/grid/application/row/row_cache.dart';
  5. import 'package:app_flowy/plugins/grid/application/row/row_service.dart';
  6. import 'package:appflowy_board/appflowy_board.dart';
  7. import 'package:dartz/dartz.dart';
  8. import 'package:equatable/equatable.dart';
  9. import 'package:flowy_sdk/log.dart';
  10. import 'package:flowy_sdk/protobuf/flowy-error/errors.pb.dart';
  11. import 'package:flowy_sdk/protobuf/flowy-folder/view.pb.dart';
  12. import 'package:flowy_sdk/protobuf/flowy-grid/protobuf.dart';
  13. import 'package:flutter_bloc/flutter_bloc.dart';
  14. import 'package:freezed_annotation/freezed_annotation.dart';
  15. import 'dart:collection';
  16. import 'board_data_controller.dart';
  17. import 'group_controller.dart';
  18. part 'board_bloc.freezed.dart';
  19. class BoardBloc extends Bloc<BoardEvent, BoardState> {
  20. final BoardDataController _gridDataController;
  21. late final AFBoardDataController boardController;
  22. final MoveRowFFIService _rowService;
  23. LinkedHashMap<String, GroupController> groupControllers = LinkedHashMap();
  24. GridFieldCache get fieldCache => _gridDataController.fieldCache;
  25. String get gridId => _gridDataController.gridId;
  26. BoardBloc({required ViewPB view})
  27. : _rowService = MoveRowFFIService(gridId: view.id),
  28. _gridDataController = BoardDataController(view: view),
  29. super(BoardState.initial(view.id)) {
  30. boardController = AFBoardDataController(
  31. onMoveColumn: (
  32. fromColumnId,
  33. fromIndex,
  34. toColumnId,
  35. toIndex,
  36. ) {
  37. _moveGroup(fromColumnId, toColumnId);
  38. },
  39. onMoveColumnItem: (
  40. columnId,
  41. fromIndex,
  42. toIndex,
  43. ) {
  44. final fromRow = groupControllers[columnId]?.rowAtIndex(fromIndex);
  45. final toRow = groupControllers[columnId]?.rowAtIndex(toIndex);
  46. _moveRow(fromRow, columnId, toRow);
  47. },
  48. onMoveColumnItemToColumn: (
  49. fromColumnId,
  50. fromIndex,
  51. toColumnId,
  52. toIndex,
  53. ) {
  54. final fromRow = groupControllers[fromColumnId]?.rowAtIndex(fromIndex);
  55. final toRow = groupControllers[toColumnId]?.rowAtIndex(toIndex);
  56. _moveRow(fromRow, toColumnId, toRow);
  57. },
  58. );
  59. on<BoardEvent>(
  60. (event, emit) async {
  61. await event.when(
  62. initial: () async {
  63. _startListening();
  64. await _loadGrid(emit);
  65. },
  66. createBottomRow: (groupId) async {
  67. final startRowId = groupControllers[groupId]?.lastRow()?.id;
  68. final result = await _gridDataController.createBoardCard(
  69. groupId,
  70. startRowId: startRowId,
  71. );
  72. result.fold(
  73. (_) {},
  74. (err) => Log.error(err),
  75. );
  76. },
  77. createHeaderRow: (String groupId) async {
  78. final result = await _gridDataController.createBoardCard(groupId);
  79. result.fold(
  80. (_) {},
  81. (err) => Log.error(err),
  82. );
  83. },
  84. didCreateRow: (String groupId, RowPB row, int? index) {
  85. emit(state.copyWith(
  86. editingRow: Some(BoardEditingRow(
  87. columnId: groupId,
  88. row: row,
  89. index: index,
  90. )),
  91. ));
  92. },
  93. endEditRow: (rowId) {
  94. assert(state.editingRow.isSome());
  95. state.editingRow.fold(() => null, (editingRow) {
  96. assert(editingRow.row.id == rowId);
  97. emit(state.copyWith(editingRow: none()));
  98. });
  99. },
  100. didReceiveGridUpdate: (GridPB grid) {
  101. emit(state.copyWith(grid: Some(grid)));
  102. },
  103. didReceiveError: (FlowyError error) {
  104. emit(state.copyWith(noneOrError: some(error)));
  105. },
  106. didReceiveGroups: (List<GroupPB> groups) {
  107. emit(
  108. state.copyWith(
  109. groupIds: groups.map((group) => group.groupId).toList(),
  110. ),
  111. );
  112. },
  113. );
  114. },
  115. );
  116. }
  117. void _moveRow(RowPB? fromRow, String columnId, RowPB? toRow) {
  118. if (fromRow != null) {
  119. _rowService
  120. .moveGroupRow(
  121. fromRowId: fromRow.id,
  122. toGroupId: columnId,
  123. toRowId: toRow?.id,
  124. )
  125. .then((result) {
  126. result.fold((l) => null, (r) => add(BoardEvent.didReceiveError(r)));
  127. });
  128. }
  129. }
  130. void _moveGroup(String fromColumnId, String toColumnId) {
  131. _rowService
  132. .moveGroup(
  133. fromGroupId: fromColumnId,
  134. toGroupId: toColumnId,
  135. )
  136. .then((result) {
  137. result.fold((l) => null, (r) => add(BoardEvent.didReceiveError(r)));
  138. });
  139. }
  140. @override
  141. Future<void> close() async {
  142. await _gridDataController.dispose();
  143. for (final controller in groupControllers.values) {
  144. controller.dispose();
  145. }
  146. return super.close();
  147. }
  148. void initializeGroups(List<GroupPB> groups) {
  149. for (var controller in groupControllers.values) {
  150. controller.dispose();
  151. }
  152. groupControllers.clear();
  153. boardController.clear();
  154. //
  155. List<AFBoardColumnData> columns = groups.map((group) {
  156. return AFBoardColumnData(
  157. id: group.groupId,
  158. name: group.desc,
  159. items: _buildRows(group),
  160. customData: group,
  161. );
  162. }).toList();
  163. boardController.addColumns(columns);
  164. for (final group in groups) {
  165. final delegate = GroupControllerDelegateImpl(
  166. controller: boardController,
  167. onNewColumnItem: (groupId, row, index) {
  168. add(BoardEvent.didCreateRow(groupId, row, index));
  169. },
  170. );
  171. final controller = GroupController(
  172. gridId: state.gridId,
  173. group: group,
  174. delegate: delegate,
  175. );
  176. controller.startListening();
  177. groupControllers[controller.group.groupId] = (controller);
  178. }
  179. }
  180. GridRowCache? getRowCache(String blockId) {
  181. final GridBlockCache? blockCache = _gridDataController.blocks[blockId];
  182. return blockCache?.rowCache;
  183. }
  184. void _startListening() {
  185. _gridDataController.addListener(
  186. onGridChanged: (grid) {
  187. if (!isClosed) {
  188. add(BoardEvent.didReceiveGridUpdate(grid));
  189. }
  190. },
  191. didLoadGroups: (groups) {
  192. initializeGroups(groups);
  193. add(BoardEvent.didReceiveGroups(groups));
  194. },
  195. onDeletedGroup: (groupIds) {
  196. //
  197. },
  198. onInsertedGroup: (insertedGroups) {
  199. //
  200. },
  201. onUpdatedGroup: (updatedGroups) {
  202. for (final group in updatedGroups) {
  203. final columnController =
  204. boardController.getColumnController(group.groupId);
  205. columnController?.updateColumnName(group.desc);
  206. }
  207. },
  208. onError: (err) {
  209. Log.error(err);
  210. },
  211. onResetGroups: (groups) {
  212. initializeGroups(groups);
  213. add(BoardEvent.didReceiveGroups(groups));
  214. },
  215. );
  216. }
  217. List<AFColumnItem> _buildRows(GroupPB group) {
  218. final items = group.rows.map((row) {
  219. return BoardColumnItem(
  220. row: row,
  221. fieldId: group.fieldId,
  222. );
  223. }).toList();
  224. return <AFColumnItem>[...items];
  225. }
  226. Future<void> _loadGrid(Emitter<BoardState> emit) async {
  227. final result = await _gridDataController.loadData();
  228. result.fold(
  229. (grid) => emit(
  230. state.copyWith(loadingState: GridLoadingState.finish(left(unit))),
  231. ),
  232. (err) => emit(
  233. state.copyWith(loadingState: GridLoadingState.finish(right(err))),
  234. ),
  235. );
  236. }
  237. }
  238. @freezed
  239. class BoardEvent with _$BoardEvent {
  240. const factory BoardEvent.initial() = _InitialBoard;
  241. const factory BoardEvent.createBottomRow(String groupId) = _CreateBottomRow;
  242. const factory BoardEvent.createHeaderRow(String groupId) = _CreateHeaderRow;
  243. const factory BoardEvent.didCreateRow(
  244. String groupId,
  245. RowPB row,
  246. int? index,
  247. ) = _DidCreateRow;
  248. const factory BoardEvent.endEditRow(String rowId) = _EndEditRow;
  249. const factory BoardEvent.didReceiveError(FlowyError error) = _DidReceiveError;
  250. const factory BoardEvent.didReceiveGridUpdate(
  251. GridPB grid,
  252. ) = _DidReceiveGridUpdate;
  253. const factory BoardEvent.didReceiveGroups(List<GroupPB> groups) =
  254. _DidReceiveGroups;
  255. }
  256. @freezed
  257. class BoardState with _$BoardState {
  258. const factory BoardState({
  259. required String gridId,
  260. required Option<GridPB> grid,
  261. required List<String> groupIds,
  262. required Option<BoardEditingRow> editingRow,
  263. required GridLoadingState loadingState,
  264. required Option<FlowyError> noneOrError,
  265. }) = _BoardState;
  266. factory BoardState.initial(String gridId) => BoardState(
  267. grid: none(),
  268. gridId: gridId,
  269. groupIds: [],
  270. editingRow: none(),
  271. noneOrError: none(),
  272. loadingState: const _Loading(),
  273. );
  274. }
  275. @freezed
  276. class GridLoadingState with _$GridLoadingState {
  277. const factory GridLoadingState.loading() = _Loading;
  278. const factory GridLoadingState.finish(
  279. Either<Unit, FlowyError> successOrFail) = _Finish;
  280. }
  281. class GridFieldEquatable extends Equatable {
  282. final UnmodifiableListView<FieldPB> _fields;
  283. const GridFieldEquatable(
  284. UnmodifiableListView<FieldPB> fields,
  285. ) : _fields = fields;
  286. @override
  287. List<Object?> get props {
  288. if (_fields.isEmpty) {
  289. return [];
  290. }
  291. return [
  292. _fields.length,
  293. _fields
  294. .map((field) => field.width)
  295. .reduce((value, element) => value + element),
  296. ];
  297. }
  298. UnmodifiableListView<FieldPB> get value => UnmodifiableListView(_fields);
  299. }
  300. class BoardColumnItem extends AFColumnItem {
  301. final RowPB row;
  302. final String fieldId;
  303. final bool requestFocus;
  304. BoardColumnItem({
  305. required this.row,
  306. required this.fieldId,
  307. this.requestFocus = false,
  308. });
  309. @override
  310. String get id => row.id;
  311. }
  312. class GroupControllerDelegateImpl extends GroupControllerDelegate {
  313. final AFBoardDataController controller;
  314. final void Function(String, RowPB, int?) onNewColumnItem;
  315. GroupControllerDelegateImpl({
  316. required this.controller,
  317. required this.onNewColumnItem,
  318. });
  319. @override
  320. void insertRow(GroupPB group, RowPB row, int? index) {
  321. if (index != null) {
  322. final item = BoardColumnItem(row: row, fieldId: group.fieldId);
  323. controller.insertColumnItem(group.groupId, index, item);
  324. } else {
  325. final item = BoardColumnItem(
  326. row: row,
  327. fieldId: group.fieldId,
  328. );
  329. controller.addColumnItem(group.groupId, item);
  330. }
  331. }
  332. @override
  333. void removeRow(GroupPB group, String rowId) {
  334. controller.removeColumnItem(group.groupId, rowId);
  335. }
  336. @override
  337. void updateRow(GroupPB group, RowPB row) {
  338. controller.updateColumnItem(
  339. group.groupId,
  340. BoardColumnItem(
  341. row: row,
  342. fieldId: group.fieldId,
  343. ),
  344. );
  345. }
  346. @override
  347. void addNewRow(GroupPB group, RowPB row, int? index) {
  348. final item = BoardColumnItem(
  349. row: row,
  350. fieldId: group.fieldId,
  351. requestFocus: true,
  352. );
  353. if (index != null) {
  354. controller.insertColumnItem(group.groupId, index, item);
  355. } else {
  356. controller.addColumnItem(group.groupId, item);
  357. }
  358. onNewColumnItem(group.groupId, row, index);
  359. }
  360. }
  361. class BoardEditingRow {
  362. String columnId;
  363. RowPB row;
  364. int? index;
  365. BoardEditingRow({
  366. required this.columnId,
  367. required this.row,
  368. required this.index,
  369. });
  370. }