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

src-web/commands/commands.tsx

@@ -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);
+    }
+  },
+});

src-web/commands/openWorkspace.tsx

@@ -0,0 +1,35 @@
+import { open } from '@tauri-apps/plugin-dialog';
+import { applySync, calculateSyncFsOnly } from '@yaakapp-internal/sync';
+import { createFastMutation } from '../hooks/useFastMutation';
+import { showSimpleAlert } from '../lib/alert';
+import { router } from '../lib/router';
+
+export const openWorkspace = createFastMutation({
+  mutationKey: [],
+  mutationFn: async () => {
+    const dir = await open({
+      title: 'Select Workspace Directory',
+      directory: true,
+      multiple: false,
+    });
+
+    if (dir == null) return;
+
+    const ops = await calculateSyncFsOnly(dir);
+
+    const workspace = ops
+      .map((o) => (o.type === 'dbCreate' && o.fs.model.type === 'workspace' ? o.fs.model : null))
+      .filter((m) => m)[0];
+    if (workspace == null) {
+      showSimpleAlert('Failed to Open', 'No workspace found in directory');
+      return;
+    }
+
+    await applySync(workspace.id, dir, ops);
+
+    router.navigate({
+      to: '/workspaces/$workspaceId',
+      params: { workspaceId: workspace.id },
+    });
+  },
+});

src-web/commands/upsertWorkspaceMeta.ts

@@ -0,0 +1,19 @@
+import type { WorkspaceMeta } from '@yaakapp-internal/models';
+import { createFastMutation } from '../hooks/useFastMutation';
+import { workspaceMetaAtom } from '../hooks/useWorkspaceMeta';
+import { jotaiStore } from '../lib/jotai';
+import { invokeCmd } from '../lib/tauri';
+
+export const upsertWorkspaceMeta = createFastMutation<
+  WorkspaceMeta,
+  unknown,
+  Partial<WorkspaceMeta>
+>({
+  mutationKey: ['update_workspace_meta'],
+  mutationFn: async (patch) => {
+    const workspaceMeta = jotaiStore.get(workspaceMetaAtom);
+    return invokeCmd<WorkspaceMeta>('cmd_update_workspace_meta', {
+      workspaceMeta: { ...workspaceMeta, ...patch },
+    });
+  },
+});