board_bloc.dart 13 KB

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