npm - @aprovan/patchwork-web - Versions diffs - 0.1.0-dev.4d82df8 → 0.1.0-dev.78c0b14 - Mend

@aprovan/patchwork-web 0.1.0-dev.4d82df8 → 0.1.0-dev.78c0b14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/.turbo/turbo-build.log +5 -5
package/dist/assets/{index-CQT9NtoK.css → index-Bc9C0wOZ.css} +1 -1
package/dist/assets/{index-B_lEiI-9.js → index-j3SEx7i5.js} +188 -188
package/dist/index.html +2 -2
package/package.json +4 -4
package/src/lib/workspace-vfs.ts +0 -5
package/src/pages/ChatPage.tsx +10 -57
package/src/components/WorkspaceSwitcher.tsx +0 -125

package/dist/index.html CHANGED Viewed

@@ -9,8 +9,8 @@
       href="https://raw.githubusercontent.com/AprovanLabs/aprovan.com/main/docs/assets/social-labs.png"
     />
     <title>Patchwork</title>
-    <script type="module" crossorigin src="/assets/index-B_lEiI-9.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CQT9NtoK.css">
+    <script type="module" crossorigin src="/assets/index-j3SEx7i5.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Bc9C0wOZ.css">
   </head>
   <body class="min-h-screen bg-background font-sans antialiased">
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@aprovan/patchwork-web",
-  "version": "0.1.0-dev.4d82df8",
+  "version": "0.1.0-dev.78c0b14",
   "type": "module",
   "dependencies": {
     "@ai-sdk/react": "^3.0.69",
@@ -26,9 +26,9 @@
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.4.0",
     "tiptap-markdown": "^0.9.0",
-    "@aprovan/bobbin": "0.1.0-dev.4d82df8",
-    "@aprovan/patchwork-compiler": "0.1.2-dev.4d82df8",
-    "@aprovan/patchwork-editor": "0.1.2-dev.4d82df8"
+    "@aprovan/patchwork-editor": "0.1.2-dev.78c0b14",
+    "@aprovan/patchwork-compiler": "0.1.2-dev.78c0b14",
+    "@aprovan/bobbin": "0.1.0-dev.78c0b14"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",

package/src/lib/workspace-vfs.ts CHANGED Viewed

@@ -21,11 +21,6 @@ function getStore(): VFSStore {
   return storeInstance;
 }
-/** Tear down the current VFS store instance so the next call to getStore() creates a fresh one. */
-export function resetStore(): void {
-  storeInstance = null;
-}
 function normalizePath(path: string): string {
   return path.replace(/^\/+|\/+$/g, '');
 }

package/src/pages/ChatPage.tsx CHANGED Viewed

@@ -52,7 +52,6 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
-import WorkspaceSwitcher from "@/components/WorkspaceSwitcher";
 import {
   listWorkspaceEntries,
   listWorkspacePaths,
@@ -62,7 +61,6 @@ import {
   createSingleWorkspaceFileProject,
   saveWorkspaceProject,
   subscribeToWorkspaceChanges,
-  resetStore,
 } from "@/lib/workspace-vfs";
 const APROVAN_LOGO =
@@ -363,16 +361,11 @@ function toProjectRelativePath(projectId: string, path: string): string {
   return normalizedPath;
 }
-const TABS_KEY_PREFIX = 'patchwork:open-tabs';
-const ACTIVE_WORKSPACE_KEY = 'patchwork:active-workspace';
+const TABS_STORAGE_KEY = 'patchwork:open-tabs';
-function getTabsStorageKey(workspaceId: string | null): string {
-  return workspaceId ? `${TABS_KEY_PREFIX}:${workspaceId}` : TABS_KEY_PREFIX;
-}
-function loadPersistedTabState(workspaceId: string | null): { paths: string[]; activePath: string | null } {
+function loadPersistedTabState(): { paths: string[]; activePath: string | null } {
   try {
-    const raw = localStorage.getItem(getTabsStorageKey(workspaceId));
+    const raw = localStorage.getItem(TABS_STORAGE_KEY);
     if (!raw) return { paths: [], activePath: null };
     const parsed = JSON.parse(raw);
     return {
@@ -384,8 +377,8 @@ function loadPersistedTabState(workspaceId: string | null): { paths: string[]; a
   }
 }
-function persistTabState(paths: string[], activePath: string | null, workspaceId: string | null) {
-  localStorage.setItem(getTabsStorageKey(workspaceId), JSON.stringify({ paths, activePath }));
+function persistTabState(paths: string[], activePath: string | null) {
+  localStorage.setItem(TABS_STORAGE_KEY, JSON.stringify({ paths, activePath }));
 }
 export default function ChatPage() {
@@ -401,9 +394,6 @@ export default function ChatPage() {
   const [workspaceTreeVersion, setWorkspaceTreeVersion] = useState(0);
   const [workspaceLoading, setWorkspaceLoading] = useState(false);
   const [workspaceError, setWorkspaceError] = useState<string | null>(null);
-  const [activeWorkspaceId, setActiveWorkspaceId] = useState<string | null>(
-    () => localStorage.getItem(ACTIVE_WORKSPACE_KEY),
-  );
   const [chatContainer, setChatContainer] = useState<HTMLDivElement | null>(
     null,
   );
@@ -415,13 +405,11 @@ export default function ChatPage() {
   const [openTabs, setOpenTabs] = useState<
     Map<string, { code: string; loading: boolean; error: string | null }>
   >(() => {
-    const wsId = localStorage.getItem(ACTIVE_WORKSPACE_KEY);
-    const { paths } = loadPersistedTabState(wsId);
+    const { paths } = loadPersistedTabState();
     return new Map(paths.map((p) => [p, { code: '', loading: true, error: null }]));
   });
   const [activeTabPath, setActiveTabPath] = useState<string | null>(() => {
-    const wsId = localStorage.getItem(ACTIVE_WORKSPACE_KEY);
-    const { paths, activePath } = loadPersistedTabState(wsId);
+    const { paths, activePath } = loadPersistedTabState();
     if (activePath && paths.includes(activePath)) return activePath;
     return paths[0] ?? null;
   });
@@ -563,10 +551,10 @@ export default function ChatPage() {
     });
   }, []);
-  // Persist open tabs to localStorage (scoped by active workspace)
+  // Persist open tabs to localStorage
   useEffect(() => {
-    persistTabState([...openTabs.keys()], activeTabPath, activeWorkspaceId);
-  }, [openTabs, activeTabPath, activeWorkspaceId]);
+    persistTabState([...openTabs.keys()], activeTabPath);
+  }, [openTabs, activeTabPath]);
   // Fix activeTabPath when its tab is removed
   useEffect(() => {
@@ -699,37 +687,6 @@ export default function ChatPage() {
     setActiveTabPath(null);
   }, []);
-  const handleWorkspaceSwitch = useCallback(
-    (newWorkspaceId: string) => {
-      localStorage.setItem(ACTIVE_WORKSPACE_KEY, newWorkspaceId);
-      setActiveWorkspaceId(newWorkspaceId);
-      setOpenTabs(new Map());
-      setActiveTabPath(null);
-      setPinnedPaths(new Map());
-      setEditSession(null);
-      resetStore();
-      void refreshWorkspace();
-    },
-    [refreshWorkspace],
-  );
-  const handleWorkspaceLoad = useCallback(
-    (serverActiveId: string | null) => {
-      if (!serverActiveId) return;
-      const storedId = localStorage.getItem(ACTIVE_WORKSPACE_KEY);
-      if (serverActiveId === storedId) return;
-      // Server and localStorage disagree — trust the server
-      localStorage.setItem(ACTIVE_WORKSPACE_KEY, serverActiveId);
-      setActiveWorkspaceId(serverActiveId);
-      setOpenTabs(new Map());
-      setActiveTabPath(null);
-      setPinnedPaths(new Map());
-      resetStore();
-      void refreshWorkspace();
-    },
-    [refreshWorkspace],
-  );
   const filteredWorkspaceFiles = useMemo(() => {
     const query = workspaceFilter.trim().toLowerCase();
     if (!query) return workspaceFiles;
@@ -791,10 +748,6 @@ export default function ChatPage() {
                   className="h-8 w-8 rounded-full"
                 />
                 <span className="text-lg">patchwork</span>
-                <WorkspaceSwitcher
-                  onLoad={handleWorkspaceLoad}
-                  onSwitch={handleWorkspaceSwitch}
-                />
                 <ServicesInspector
                   namespaces={namespaces}
                   services={services}

package/src/components/WorkspaceSwitcher.tsx DELETED Viewed

@@ -1,125 +0,0 @@
-import { ChevronDown, Loader2 } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-export interface Workspace {
-  workspaceId: string;
-  name: string;
-  plan: string;
-  active: boolean;
-}
-interface WorkspaceSwitcherProps {
-  onLoad?: (activeWorkspaceId: string | null) => void;
-  onSwitch: (workspaceId: string) => void;
-}
-export default function WorkspaceSwitcher({ onLoad, onSwitch }: WorkspaceSwitcherProps) {
-  const [workspaces, setWorkspaces] = useState<Workspace[]>([]);
-  const [activeId, setActiveId] = useState<string | null>(null);
-  const [open, setOpen] = useState(false);
-  const [loading, setLoading] = useState(true);
-  const [switching, setSwitching] = useState(false);
-  const containerRef = useRef<HTMLDivElement>(null);
-  const onLoadRef = useRef(onLoad);
-  onLoadRef.current = onLoad;
-  useEffect(() => {
-    void fetch("/api/workspaces")
-      .then((r) => r.json())
-      .then((data: { workspaces: Workspace[]; activeWorkspaceId: string | null }) => {
-        setWorkspaces(data.workspaces ?? []);
-        setActiveId(data.activeWorkspaceId);
-        onLoadRef.current?.(data.activeWorkspaceId);
-      })
-      .catch(() => { onLoadRef.current?.(null); })
-      .finally(() => setLoading(false));
-  }, []);
-  useEffect(() => {
-    function handleClick(e: MouseEvent) {
-      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
-        setOpen(false);
-      }
-    }
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, []);
-  const active = workspaces.find((w) => w.workspaceId === activeId) ?? workspaces[0];
-  async function handleSelect(workspaceId: string) {
-    if (workspaceId === activeId || switching) return;
-    setOpen(false);
-    setSwitching(true);
-    try {
-      await fetch("/api/workspaces/active", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ workspaceId }),
-      });
-      setActiveId(workspaceId);
-      setWorkspaces((prev) =>
-        prev.map((w) => ({ ...w, active: w.workspaceId === workspaceId })),
-      );
-      onSwitch(workspaceId);
-    } catch {
-      // silently ignore — the current workspace stays active
-    } finally {
-      setSwitching(false);
-    }
-  }
-  if (loading) {
-    return (
-      <div className="flex items-center gap-1.5 text-xs text-muted-foreground">
-        <Loader2 className="h-3 w-3 animate-spin" />
-      </div>
-    );
-  }
-  if (workspaces.length <= 1) {
-    return (
-      <span className="text-xs text-muted-foreground truncate max-w-[160px]">
-        {active?.name ?? ""}
-      </span>
-    );
-  }
-  return (
-    <div ref={containerRef} className="relative">
-      <button
-        onClick={() => setOpen((o) => !o)}
-        disabled={switching}
-        className="flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors max-w-[160px]"
-        title={active?.name}
-      >
-        {switching ? (
-          <Loader2 className="h-3 w-3 animate-spin shrink-0" />
-        ) : null}
-        <span className="truncate">{active?.name ?? ""}</span>
-        <ChevronDown className="h-3 w-3 shrink-0" />
-      </button>
-      {open && (
-        <div className="absolute left-0 top-full mt-1 z-50 min-w-[180px] rounded-md border bg-popover shadow-md">
-          {workspaces.map((w) => (
-            <button
-              key={w.workspaceId}
-              onClick={() => void handleSelect(w.workspaceId)}
-              className={`w-full text-left px-3 py-2 text-xs hover:bg-muted transition-colors first:rounded-t-md last:rounded-b-md ${
-                w.workspaceId === activeId
-                  ? "font-medium text-foreground"
-                  : "text-muted-foreground"
-              }`}
-            >
-              <div className="truncate">{w.name}</div>
-              <div className="text-[10px] text-muted-foreground/60 uppercase tracking-wide">
-                {w.plan}
-              </div>
-            </button>
-          ))}
-        </div>
-      )}
-    </div>
-  );
-}