feat: collections overhaul — reorder, search, edit/delete, tags (v0.53.0)

Seven related improvements to collections:

- Drag-and-drop reorder (dnd-kit, same pattern as the shopping list) — new
  collection_recipes.position column (migration 0049, backfilled from
  existing added_at order so nothing jumps around on upgrade).
- Search collections by name/description (server-side, list page) and
  search recipes within a collection (client-side filter, already loaded).
- Edit collection: name/description/tags/private notes via a new dialog;
  new collections.notes + collections.tags columns.
- Delete collection with a choice to also delete its recipes — only ones
  the deleting user actually owns, never recipes shared in by others.
- Collection detail (both owner and public view) now renders the same
  RecipeGridCard used on /recipes, instead of the older, plainer RecipeCard.
- Collection list cards redesigned — photo-collage preview (first 4 recipe
  covers/placeholders), tag badges, cleaner layout.
- Fixed the recipe count shown on a collection card: the query capped the
  `recipes` relation at 1 for thumbnail purposes and then read `.length`
  off that same capped array, so it never showed more than 1. Now a
  proper grouped count query, separate from the thumbnail fetch.

New/changed endpoints documented in OpenAPI: PATCH /collections/{id}/reorder,
DELETE /collections/{id}?deleteRecipes, PUT /collections/{id}'s new
notes/tags fields.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-19 18:44:08 +02:00
parent 5403a06348
commit e8c687e53a
19 changed files with 6300 additions and 82 deletions
@@ -0,0 +1,13 @@
ALTER TABLE "collection_recipes" ADD COLUMN "position" integer DEFAULT 0 NOT NULL;--> statement-breakpoint
ALTER TABLE "collections" ADD COLUMN "notes" text;--> statement-breakpoint
ALTER TABLE "collections" ADD COLUMN "tags" text[] DEFAULT '{}' NOT NULL;--> statement-breakpoint
CREATE INDEX "collection_recipes_collection_position_idx" ON "collection_recipes" USING btree ("collection_id","position");--> statement-breakpoint
-- Backfill existing rows so they keep their current (added-at) order instead
-- of all collapsing to position 0 once the app starts ordering by position.
UPDATE "collection_recipes" cr
SET "position" = ranked.rn
FROM (
SELECT collection_id, recipe_id, row_number() OVER (PARTITION BY collection_id ORDER BY added_at) - 1 AS rn
FROM "collection_recipes"
) ranked
WHERE cr.collection_id = ranked.collection_id AND cr.recipe_id = ranked.recipe_id;
File diff suppressed because it is too large Load Diff
@@ -344,6 +344,13 @@
"when": 1784449674049,
"tag": "0048_normal_shiver_man",
"breakpoints": true
},
{
"idx": 49,
"version": "7",
"when": 1784478763332,
"tag": "0049_silky_bruce_banner",
"breakpoints": true
}
]
}
+6 -1
View File
@@ -61,6 +61,8 @@ export const collections = pgTable("collections", {
userId: text("user_id").notNull().references(() => users.id, { onDelete: "cascade" }),
name: text("name").notNull(),
description: text("description"),
notes: text("notes"),
tags: text("tags").array().notNull().default([]),
isPublic: boolean("is_public").notNull().default(false),
createdAt: timestamp("created_at").notNull().defaultNow(),
updatedAt: timestamp("updated_at").notNull().defaultNow(),
@@ -71,8 +73,11 @@ export const collections = pgTable("collections", {
export const collectionRecipes = pgTable("collection_recipes", {
collectionId: text("collection_id").notNull().references(() => collections.id, { onDelete: "cascade" }),
recipeId: text("recipe_id").notNull().references(() => recipes.id, { onDelete: "cascade" }),
position: integer("position").notNull().default(0),
addedAt: timestamp("added_at").notNull().defaultNow(),
});
}, (t) => [
index("collection_recipes_collection_position_idx").on(t.collectionId, t.position),
]);
export const collectionFavorites = pgTable("collection_favorites", {
userId: text("user_id").notNull().references(() => users.id, { onDelete: "cascade" }),