fix category reassignment

apps/gnocchi/verdant/package.json

@@ -27,7 +27,7 @@
     "@verdant-web/cli": "^4.4.1",
     "@verdant-web/common": "2.3.4",
     "@verdant-web/react": "34.0.1",
-    "@verdant-web/store": "3.8.1",
+    "@verdant-web/store": "3.8.3",
     "cuid": "^2.1.8",
     "stopword": "^2.0.8"
   },

apps/gnocchi/web/package.json

@@ -39,8 +39,8 @@
     "@tiptap/starter-kit": "2.4.0",
     "@use-gesture/react": "^10.2.24",
     "@vercel/analytics": "^0.1.6",
-    "@verdant-web/react-router": "^0.6.2",
-    "@verdant-web/store": "^3.8.1",
+    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/store": "^3.8.3",
     "@zip.js/zip.js": "^2.7.6",
     "classnames": "^2.3.2",
     "convert-units": "^3.0.0-beta.4",

apps/gnocchi/web/src/components/groceries/hooks.ts

@@ -1,6 +1,6 @@
 import { hooks } from '@/stores/groceries/index.js';
 import { Category, Item } from '@gnocchi.biscuits/verdant';
-import { useEffect, useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useSnapshot } from 'valtio';
 import { groceriesState } from './state.js';
 import { debounce } from '@a-type/utils';
@@ -34,6 +34,21 @@ export function useItemsGroupedAndSorted(
     [items, purchasedStillVisibleItems, purchasedHidingItems],
   );
 
+  // subscribe to the cateogryId on all visible items to re-render when the category changes
+  // since the items query won't rerender when this changes... not sure if there's a more
+  // straightforward way to approach this.
+  const [forcedChange, forceUpdate] = useState(0);
+  useEffect(() => {
+    const unsubs = visibleItems.map((item) =>
+      item.subscribeToField('categoryId', 'change', () => {
+        console.log('category changed', item.get('id'));
+        forceUpdate((prev) => prev + 1);
+      }),
+    );
+
+    return () => unsubs.forEach((unsub) => unsub());
+  }, [visibleItems]);
+
   const categoryGroups = useMemo(() => {
     const categoryGroups: { category: Category | null; items: Item[] }[] = [];
     const sortedCategories: (Category | null)[] = categories
@@ -64,7 +79,7 @@ export function useItemsGroupedAndSorted(
       categoryGroups[categoryIndex].items.push(item);
     }
     return categoryGroups;
-  }, [visibleItems, categories]);
+  }, [visibleItems, categories, forcedChange]);
 
   return {
     categoryGroups,

apps/humding/verdant/package.json

@@ -16,6 +16,6 @@
     "@verdant-web/cli": "4.4.1",
     "@verdant-web/common": "2.3.4",
     "@verdant-web/react": "34.0.1",
-    "@verdant-web/store": "^3.8.1"
+    "@verdant-web/store": "^3.8.3"
   }
 }

apps/humding/web/package.json

@@ -15,7 +15,7 @@
     "@humding.biscuits/verdant": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@use-gesture/react": "^10.2.24",
-    "@verdant-web/react-router": "^0.6.2",
+    "@verdant-web/react-router": "^0.6.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-hot-toast": "^2.4.1",

apps/marginalia/verdant/package.json

@@ -16,7 +16,7 @@
     "@verdant-web/cli": "^4.4.1",
     "@verdant-web/common": "^2.3.4",
     "@verdant-web/react": "^34.0.1",
-    "@verdant-web/store": "^3.8.1",
+    "@verdant-web/store": "^3.8.3",
     "cuid": "^2.1.8"
   }
 }

apps/marginalia/web/package.json

@@ -15,7 +15,7 @@
     "@marginalia.biscuits/verdant": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@tanstack/react-query": "5.39.0",
-    "@verdant-web/react-router": "^0.6.2",
+    "@verdant-web/react-router": "^0.6.3",
     "classnames": "^2.5.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",

apps/star-chart/verdant/package.json

@@ -16,6 +16,6 @@
     "@verdant-web/cli": "4.4.1",
     "@verdant-web/common": "2.3.4",
     "@verdant-web/react": "34.0.1",
-    "@verdant-web/store": "3.8.1"
+    "@verdant-web/store": "3.8.3"
   }
 }

apps/star-chart/web/package.json

@@ -16,7 +16,7 @@
     "@star-chart.biscuits/verdant": "workspace:*",
     "@types/raf": "^3.4.3",
     "@use-gesture/react": "^10.2.24",
-    "@verdant-web/react-router": "^0.6.2",
+    "@verdant-web/react-router": "^0.6.3",
     "@xstate/react": "^4.1.1",
     "raf": "^3.4.1",
     "react": "18.3.1",

apps/trip-tick/verdant/package.json

@@ -15,7 +15,7 @@
     "@verdant-web/cli": "^4.4.1",
     "@verdant-web/common": "2.3.4",
     "@verdant-web/react": "34.0.1",
-    "@verdant-web/store": "3.8.1",
+    "@verdant-web/store": "3.8.3",
     "cuid": "^2.1.8"
   }
 }

apps/trip-tick/web/package.json

@@ -19,8 +19,8 @@
     "@trip-tick.biscuits/verdant": "workspace:*",
     "@unocss/transformer-variant-group": "^0.54.1",
     "@verdant-web/react": "^34.0.1",
-    "@verdant-web/react-router": "^0.6.2",
-    "@verdant-web/store": "^3.8.1",
+    "@verdant-web/react-router": "^0.6.3",
+    "@verdant-web/store": "^3.8.3",
     "classnames": "^2.3.2",
     "date-fns": "^2.30.0",
     "downshift": "^7.0.1",

apps/wish-wash/verdant/package.json

@@ -16,6 +16,6 @@
     "@verdant-web/cli": "^4.4.1",
     "@verdant-web/common": "^2.3.4",
     "@verdant-web/react": "^34.0.1",
-    "@verdant-web/store": "^3.8.1"
+    "@verdant-web/store": "^3.8.3"
   }
 }

apps/wish-wash/web/package.json

@@ -14,7 +14,7 @@
     "@biscuits/client": "workspace:*",
     "@react-spring/web": "^9.7.3",
     "@unocss/transformer-variant-group": "^0.54.1",
-    "@verdant-web/react-router": "^0.6.2",
+    "@verdant-web/react-router": "^0.6.3",
     "@wish-wash.biscuits/verdant": "workspace:*",
     "react": "18.3.1",
     "react-dom": "18.3.1",

packages/client/package.json

@@ -64,11 +64,11 @@
   "devDependencies": {
     "@a-type/ui": "^0.8.24",
     "@types/react": "18.3.3",
-    "@verdant-web/react-router": "0.6.2",
-    "@verdant-web/store": "^3.8.1",
+    "@unocss/transformer-variant-group": "^0.58.0",
+    "@verdant-web/react-router": "0.6.3",
+    "@verdant-web/store": "^3.8.3",
     "react": "18.3.1",
-    "vite-plugin-pwa": "0.19.2",
     "unocss": "^0.58.0",
-    "@unocss/transformer-variant-group": "^0.58.0"
+    "vite-plugin-pwa": "0.19.2"
   }
 }