add loading and workspace instance opening

Author: Qix-

minimap-app/www-src/js/api.mjs

@@ -125,10 +125,10 @@ class Project {
 export class Workspace {
 	static async open_git(remote) {
 		const id = await invoke('git_workspace_open', { remote });
-		return new GitWorkspace(id, 'git');
+		return new Workspace(id, 'git');
 	}
 
-	static async open_temporary(author, email) {
+	static async open_mem(author, email) {
 		const id = await invoke('mem_workspace_open', { author, email });
 		return new Workspace(id, 'mem');
 	}

minimap-app/www-src/js/index.mjs

@@ -8,6 +8,9 @@ import * as configSignal from 'minimap/js/util/tauri-config-signal.mjs';
 import Root from 'minimap/js/module/Root.mjs';
 import ErrorView from 'minimap/js/module/ErrorView.mjs';
 import WorkspaceSelect from 'minimap/js/module/WorkspaceSelect.mjs';
+import Loading from 'minimap/js/module/Loading.mjs';
+
+import { Workspace } from 'minimap/js/api.mjs';
 
 import './reset.css';
 import './global.css';
@@ -21,16 +24,15 @@ S.root(() => {
 		savedWorkspaces: configSignal.array('workspaces', [
 			{
 				type: 'git',
-				remote:
-					'file:///C:/Users/Anonymous/AppData/Roaming/minimap/test-repo'
+				remote: 'git@github.com:Qix-/test-minimap.git'
 			},
 			{ type: 'mem', author: 'Max Mustermann', email: 'max@example.com' },
 			{
 				type: 'git',
-				remote:
-					'file:///C:/Users/Anonymous/AppData/Roaming/minimap/test-repo'
+				remote: 'file:///Z:/tmp/minimap-test-repo'
 			}
-		])
+		]),
+		currentWorkspace: S.data()
 	};
 
 	if (typeof window !== 'undefined') window.Minimap = Minimap;
@@ -53,9 +55,63 @@ S.root(() => {
 	const currentView = S(() => {
 		if (Minimap.errorMessage()) return <ErrorView {...Minimap} />;
 
+		const currentWorkspace = Minimap.currentWorkspace();
+		if (currentWorkspace && currentWorkspace.workspace)
+			return () => (
+				<div>
+					workspace view:{' '}
+					{JSON.stringify({
+						...currentWorkspace,
+						workspace: undefined
+					})}
+				</div>
+			);
+		if (currentWorkspace && !currentWorkspace.workspace)
+			return () => <Loading>{I`loading workspace...`}</Loading>;
+
 		return () => <WorkspaceSelect {...Minimap} />;
 	});
 
+	// React to workspace loads
+	S(async () => {
+		const currentWorkspace = Minimap.currentWorkspace();
+		if (!currentWorkspace) return;
+		if (currentWorkspace.workspace) return;
+
+		switch (currentWorkspace.type) {
+			case 'git':
+				if (!currentWorkspace.remote) {
+					console.error(
+						"missing required property 'remote' for workspace type 'git':",
+						currentWorkspace
+					);
+					Minimap.currentWorkspace(undefined);
+					break;
+				}
+
+				currentWorkspace.workspace = await Workspace.open_git(
+					currentWorkspace.remote
+				);
+
+				Minimap.currentWorkspace(currentWorkspace);
+
+				break;
+			case 'mem':
+				currentWorkspace.workspace = await Workspace.open_mem(
+					currentWorkspace.author ?? '<unknown author>',
+					currentWorkspace.email ?? '<unknown email>'
+				);
+
+				Minimap.currentWorkspace(currentWorkspace);
+
+				break;
+			default:
+				console.error('unknown workspace type:', currentWorkspace.type);
+				Minimap.currentWorkspace(undefined);
+				break;
+		}
+	});
+
 	// Attach!
 	document.body.prepend(<Root view={currentView} fadeTime={150} />);
 });

minimap-app/www-src/js/module/Loading.css

@@ -0,0 +1,16 @@
+@keyframes loading-fadeinout {
+	0% {
+		opacity: 0.5;
+	}
+	50% {
+		opacity: 1;
+	}
+	100% {
+		opacity: 0.5;
+	}
+}
+
+.root {
+	text-transform: uppercase;
+	animation: loading-fadeinout 900ms infinite;
+}

minimap-app/www-src/js/module/Loading.mjs

@@ -0,0 +1,12 @@
+import * as Surplus from 'surplus';
+
+import I from 'minimap/js/util/i18n.mjs';
+import sig from 'minimap/js/util/sig.mjs';
+
+import * as C from './Loading.css';
+
+export default ({ children }) => (
+	<div className={C.root}>
+		{children?.length > 0 ? children : I`loading...`}
+	</div>
+);

minimap-app/www-src/js/module/WorkspaceSelect.mjs

@@ -24,7 +24,7 @@ const TYPE_TAGS = {
 	]
 };
 
-export default ({ savedWorkspaces }) => {
+export default ({ savedWorkspaces, currentWorkspace }) => {
 	return (
 		<div className={C.root}>
 			<div className={C.logoContainer}>
@@ -36,7 +36,10 @@ export default ({ savedWorkspaces }) => {
 					{savedWorkspaces.map(workspace => {
 						const TypeTag = TYPE_TAGS[workspace.type];
 						return (
-							<button className={C.workspace}>
+							<button
+								className={C.workspace}
+								onClick={() => currentWorkspace(workspace)}
+							>
 								<TypeTag {...workspace} />
 							</button>
 						);