Ability to open workspace from directory, WorkspaceMeta, and many sync improvements

2026-07-10 14:52:49 +02:00 · 2025-01-08 14:57:13 -08:00
parent 37671a50f2
commit cbc443075a
71 changed files with 1012 additions and 1844 deletions
@@ -0,0 +1,150 @@
+import type { Folder, Workspace } from '@yaakapp-internal/models';
+import { applySync, calculateSync } from '@yaakapp-internal/sync';
+import { Banner } from '../components/core/Banner';
+import { InlineCode } from '../components/core/InlineCode';
+import { VStack } from '../components/core/Stacks';
+import { getActiveWorkspaceId } from '../hooks/useActiveWorkspace';
+import { createFastMutation } from '../hooks/useFastMutation';
+import { trackEvent } from '../lib/analytics';
+import { showConfirm } from '../lib/confirm';
+import { fallbackRequestName } from '../lib/fallbackRequestName';
+import { pluralizeCount } from '../lib/pluralize';
+import { showPrompt } from '../lib/prompt';
+import { router } from '../lib/router';
+import { invokeCmd } from '../lib/tauri';
+
+export const createWorkspace = createFastMutation<Workspace, void, Partial<Workspace>>({
+  mutationKey: ['create_workspace'],
+  mutationFn: (patch) => invokeCmd<Workspace>('cmd_update_workspace', { workspace: patch }),
+  onSuccess: async (workspace) => {
+    await router.navigate({
+      to: '/workspaces/$workspaceId',
+      params: { workspaceId: workspace.id },
+    });
+  },
+  onSettled: () => trackEvent('workspace', 'create'),
+});
+
+export const createFolder = createFastMutation<
+  Folder | null,
+  void,
+  Partial<Pick<Folder, 'name' | 'sortPriority' | 'folderId'>>
+>({
+  mutationKey: ['create_folder'],
+  mutationFn: async (patch) => {
+    const workspaceId = getActiveWorkspaceId();
+    if (workspaceId == null) {
+      throw new Error("Cannot create folder when there's no active workspace");
+    }
+
+    if (!patch.name) {
+      const name = await showPrompt({
+        id: 'new-folder',
+        label: 'Name',
+        defaultValue: 'Folder',
+        title: 'New Folder',
+        confirmText: 'Create',
+        placeholder: 'Name',
+      });
+      if (name == null) return null;
+
+      patch.name = name;
+    }
+
+    patch.sortPriority = patch.sortPriority || -Date.now();
+    return invokeCmd<Folder>('cmd_update_folder', { folder: { workspaceId, ...patch } });
+  },
+  onSettled: () => trackEvent('folder', 'create'),
+});
+
+export const syncWorkspace = createFastMutation<
+  void,
+  void,
+  { workspaceId: string; syncDir: string }
+>({
+  mutationKey: [],
+  mutationFn: async ({ workspaceId, syncDir }) => {
+    const ops = (await calculateSync(workspaceId, syncDir)) ?? [];
+    console.log('SYNCING WORKSPACE', ops);
+    if (ops.length === 0) {
+      return;
+    }
+
+    const dbOps = ops.filter((o) => o.type.startsWith('db'));
+
+    if (dbOps.length === 0) {
+      await applySync(workspaceId, syncDir, ops);
+      return;
+    }
+
+    const isDeletingWorkspace = ops.some(
+      (o) => o.type === 'dbDelete' && o.model.model === 'workspace',
+    );
+
+    console.log('Filesystem changes detected', { dbOps, ops });
+
+    const confirmed = await showConfirm({
+      id: 'commit-sync',
+      title: 'Filesystem Changes Detected',
+      confirmText: 'Apply Changes',
+      description: (
+        <VStack space={3}>
+          {isDeletingWorkspace && (
+            <Banner color="danger">
+              🚨 <strong>Changes contain a workspace deletion!</strong>
+            </Banner>
+          )}
+          <p>
+            {pluralizeCount('file', dbOps.length)} in the directory have changed. Do you want to
+            apply the updates to your workspace?
+          </p>
+          <div className="overflow-y-auto max-h-[10rem]">
+            <table className="w-full text-sm mb-auto min-w-full max-w-full divide-y divide-surface-highlight">
+              <thead>
+                <tr>
+                  <th className="py-1 text-left">Name</th>
+                  <th className="py-1 text-right pl-4">Operation</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-surface-highlight">
+                {dbOps.map((op, i) => {
+                  let name = '';
+                  let label = '';
+                  let color = '';
+
+                  if (op.type === 'dbCreate') {
+                    label = 'create';
+                    name = fallbackRequestName(op.fs.model);
+                    color = 'text-success';
+                  } else if (op.type === 'dbUpdate') {
+                    label = 'update';
+                    name = fallbackRequestName(op.fs.model);
+                    color = 'text-info';
+                  } else if (op.type === 'dbDelete') {
+                    label = 'delete';
+                    name = fallbackRequestName(op.model);
+                    color = 'text-danger';
+                  } else {
+                    return null;
+                  }
+
+                  return (
+                    <tr key={i} className="text-text">
+                      <td className="py-1">{name}</td>
+                      <td className="py-1 pl-4 text-right">
+                        <InlineCode className={color}>{label}</InlineCode>
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        </VStack>
+      ),
+    });
+    if (confirmed) {
+      await applySync(workspaceId, syncDir, ops);
+    }
+  },
+});