feat: display uncommit&unpush change - [INS-4138]

[CurryYangxx]

Feature: Show uncommitted & unpushed change for both insomnia sync and git sync

Currently this pr can only show unpush/uncommit status for active project

Changes:

• add hasUnpushedChanges and hasUncommittedChanges to the workspace meta model
• add can-push loader to check if there are unpushed changes
• check diff with remote when working in workspace and update workspace meta
• UI: replace the project icon color to mark change

Next step:

• show inactive project unpush status

[subnetmarco]

We need to show the dot in the cards as well:

[CurryYangxx]

updated

[gatzjames]

I think this should go to the loaders/actions that it relies upon.
My thinking:

• We want to move db calls out of the UI in general
• It's going to remove an extra useEffect

[CurryYangxx]

Move them to the loaders&actions.
FYI: I removed syncData and put hasUncommittedChanges and hasUnpushedChanges directly on the first level. Because the db update will not deep merge an object.

[gatzjames]

Thinking this is simpler to understand. What do you think? Feel free to add/dismiss this one:

Suggested change

	// update workspace meta with sync data, use for show unpushed changes on collection card
	models.workspaceMeta.updateByParentId(workspaceId, {
	syncData: {
	hasUncommittedChanges: Object.keys(status?.unstaged || {}).length > 0 || Object.keys(status?.stage || {}).length > 0,
	hasUnpushedChanges: compare?.ahead > 0,
	},
	});
	let hasUncommittedChanges = false;
	if (status?.unstaged && Object.keys(status.unstaged).length > 0) {
	hasUncommittedChanges = true;
	}
	if (status?.stage && Object.keys(stage).length > 0) {
	hasUncommittedChanges = true;
	}
	// update workspace meta with sync data, use for show unpushed changes on collection card
	models.workspaceMeta.updateByParentId(workspaceId, {
	syncData: {
	hasUncommittedChanges,
	hasUnpushedChanges: compare?.ahead > 0,
	},
	});

[CurryYangxx]

Good advice. I agree with you👍