robodev 0.24.0 → 0.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robodev",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "CLI for Robodev Starbase — create, auth, link, and deploy hosted apps",
   "type": "module",
   "license": "MIT",

package/templates/auth-chat/package.json

@@ -11,7 +11,7 @@
     "@robodev-ai/sdk": "^0.6.0"
   },
   "devDependencies": {
-    "robodev": "^0.24.0",
+    "robodev": "^0.25.0",
     "rulesync": "^8.18.0",
     "typescript": "^5.9.2"
   }

package/templates/backend/package.json

@@ -10,7 +10,7 @@
     "@robodev-ai/sdk": "^0.6.0"
   },
   "devDependencies": {
-    "robodev": "^0.24.0",
+    "robodev": "^0.25.0",
     "typescript": "^5.9.2"
   }
 }

package/templates/empty/package.json

@@ -10,7 +10,7 @@
     "@robodev-ai/sdk": "^0.6.0"
   },
   "devDependencies": {
-    "robodev": "^0.24.0",
+    "robodev": "^0.25.0",
     "typescript": "^5.9.2"
   }
 }

package/templates/marketplace/api/_lib.seed.test.ts

@@ -0,0 +1,10 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+
+import { seedListingPhotoSeed } from "./_lib";
+
+test("seedListingPhotoSeed is stable and URL-safe", () => {
+  assert.equal(seedListingPhotoSeed("Vintage analog synthesizer"), "vintage-analog-synthesizer");
+  assert.equal(seedListingPhotoSeed("Vintage analog synthesizer"), seedListingPhotoSeed("Vintage analog synthesizer"));
+  assert.equal(seedListingPhotoSeed("  "), "listing");
+});

package/templates/marketplace/api/_lib.ts

@@ -286,7 +286,16 @@ export async function sendMail(
   await email.send({ to: input.to, subject: input.subject, text: input.text });
 }
 
-export async function ensureSeed(db: Db) {
+export function seedListingPhotoSeed(title: string): string {
+  const slug = title
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-+|-+$/g, "");
+  return slug || "listing";
+}
+
+export async function ensureSeed(ctx: ApiHandlerContext<unknown, unknown>) {
+  const db = ctx.db;
   const existingCategories = await db.select({ id: categories.id }).from(categories).limit(1);
   if (existingCategories.length === 0) {
     try {
@@ -302,41 +311,109 @@ export async function ensureSeed(db: Db) {
   }
 
   const existingListings = await db.select({ id: listings.id }).from(listings).limit(1);
-  if (existingListings.length > 0) return;
+  if (existingListings.length === 0) {
+    const categoryRows = await db.select().from(categories);
+    if (categoryRows.length > 0) {
+      const bySlug = new Map(categoryRows.map((row) => [row.slug, row]));
+      const now = new Date();
+      try {
+        await db.insert(listings).values(
+          LISTING_SEEDS.flatMap((seed) => {
+            const category = bySlug.get(seed.slug);
+            if (!category) return [];
+            return [
+              {
+                sellerId: SEED_SELLER_ID,
+                sellerName: SEED_SELLER_NAME,
+                sellerEmail: SEED_SELLER_EMAIL,
+                categoryId: category.id,
+                title: seed.title,
+                description: seed.description,
+                priceCents: seed.priceCents,
+                quantity: seed.quantity,
+                shippingCents: seed.shippingCents,
+                shippingDays: seed.shippingDays,
+                status: LISTING_STATUS.active,
+                createdAt: now,
+                updatedAt: now,
+              },
+            ];
+          }),
+        );
+      } catch {
+        // First request won the seed race.
+      }
+    }
+  }
 
-  const categoryRows = await db.select().from(categories);
-  if (categoryRows.length === 0) return;
-  const bySlug = new Map(categoryRows.map((row) => [row.slug, row]));
-  const now = new Date();
-  try {
-    await db.insert(listings).values(
-      LISTING_SEEDS.flatMap((seed) => {
-        const category = bySlug.get(seed.slug);
-        if (!category) return [];
-        return [
-          {
-            sellerId: SEED_SELLER_ID,
-            sellerName: SEED_SELLER_NAME,
-            sellerEmail: SEED_SELLER_EMAIL,
-            categoryId: category.id,
-            title: seed.title,
-            description: seed.description,
-            priceCents: seed.priceCents,
-            quantity: seed.quantity,
-            shippingCents: seed.shippingCents,
-            shippingDays: seed.shippingDays,
-            status: LISTING_STATUS.active,
-            createdAt: now,
-            updatedAt: now,
-          },
-        ];
-      }),
-    );
-  } catch {
-    // First request won the seed race.
+  await seedListingPhotos(ctx);
+}
+
+async function seedListingPhotos(ctx: ApiHandlerContext<unknown, unknown>) {
+  const seedRows = await ctx.db.select().from(listings).where(eq(listings.sellerId, SEED_SELLER_ID));
+  if (seedRows.length === 0) return;
+
+  const listingIds = seedRows.map((row) => row.id);
+  const imageRows = await ctx.db
+    .select({ listingId: listingImages.listingId })
+    .from(listingImages)
+    .where(inArray(listingImages.listingId, listingIds));
+  const withImage = new Set(imageRows.map((row) => row.listingId));
+
+  for (const listing of seedRows) {
+    if (withImage.has(listing.id)) continue;
+    try {
+      await seedOneListingPhoto(ctx, listing);
+    } catch {
+      // Per-listing failures must not abort the rest of seed.
+    }
   }
 }
 
+async function seedOneListingPhoto(ctx: ApiHandlerContext<unknown, unknown>, listing: ListingRow) {
+  const existing = await ctx.db
+    .select({ id: listingImages.id })
+    .from(listingImages)
+    .where(eq(listingImages.listingId, listing.id))
+    .limit(1);
+  if (existing.length > 0) return;
+
+  const seed = seedListingPhotoSeed(listing.title);
+  const response = await fetch(`https://picsum.photos/seed/${encodeURIComponent(seed)}/800/600`);
+  if (!response.ok) return;
+  const bytes = new Uint8Array(await response.arrayBuffer());
+  if (bytes.length === 0) return;
+
+  const headerType = response.headers.get("content-type")?.split(";")[0]?.trim();
+  const mimeType = headerType && ALLOWED_LISTING_IMAGE_TYPES.has(headerType) ? headerType : "image/jpeg";
+  const ext = mimeType === "image/png" ? "png" : mimeType === "image/webp" ? "webp" : "jpg";
+  const fileName = `${seed}.${ext}`;
+  const key = `listing-images/${SEED_SELLER_ID}/${listing.id}-${crypto.randomUUID()}-${fileName}`;
+
+  const [row] = await ctx.db
+    .insert(media)
+    .values({
+      key,
+      userId: SEED_SELLER_ID,
+      resourceName: LISTING_IMAGE_RESOURCE,
+      fileName,
+      fileSize: bytes.length,
+      mimeType,
+    })
+    .returning();
+
+  await ctx.storage.upload(row!.key, bytes, {
+    public: true,
+    contentType: mimeType,
+  });
+  await ctx.db.update(media).set({ uploaded: new Date() }).where(eq(media.id, row!.id));
+  await ctx.db.insert(listingImages).values({
+    listingId: listing.id,
+    mediaId: row!.id,
+    sortOrder: 0,
+  });
+}
+
 function sanitizeFilename(name: string): string {
   const base = name.split(/[/\\]/).pop() ?? "";
   return base
@@ -527,11 +604,7 @@ export async function enrichListings(
   });
 }
 
-export async function enrichOne(
-  ctx: ApiHandlerContext<unknown, unknown>,
-  listing: ListingRow,
-  currentUserId: string,
-) {
+export async function enrichOne(ctx: ApiHandlerContext<unknown, unknown>, listing: ListingRow, currentUserId: string) {
   const [dto] = await enrichListings(ctx, [listing], currentUserId);
   return dto!;
 }
@@ -546,14 +619,9 @@ export async function replaceListingImages(
   if (removeImageIds.length > 0) {
     await ctx.db
       .delete(listingImages)
-      .where(
-        and(eq(listingImages.listingId, listingId), inArray(listingImages.mediaId, removeImageIds)),
-      );
+      .where(and(eq(listingImages.listingId, listingId), inArray(listingImages.mediaId, removeImageIds)));
   }
-  const remaining = await ctx.db
-    .select()
-    .from(listingImages)
-    .where(eq(listingImages.listingId, listingId));
+  const remaining = await ctx.db.select().from(listingImages).where(eq(listingImages.listingId, listingId));
   if (remaining.length + files.length > MAX_LISTING_IMAGES) {
     return fail(400, "Too many images");
   }
@@ -607,8 +675,7 @@ export function parseListingWrite(body: {
   if (body.priceCents < 0 || body.quantity < 0 || body.shippingCents < 0 || body.shippingDays < 1) {
     return fail(400, "Invalid listing amounts");
   }
-  const status =
-    body.status === LISTING_STATUS.inactive ? LISTING_STATUS.inactive : LISTING_STATUS.active;
+  const status = body.status === LISTING_STATUS.inactive ? LISTING_STATUS.inactive : LISTING_STATUS.active;
   return {
     title: body.title.trim(),
     description: body.description?.trim() ? body.description.trim() : null,
@@ -664,14 +731,4 @@ export function toReviewDto(row: ReviewRow): ReviewDto {
   };
 }
 
-export {
-  cartItems,
-  categories,
-  listingImages,
-  listings,
-  media,
-  orderItems,
-  orders,
-  reviews,
-  watches,
-};
+export { cartItems, categories, listingImages, listings, media, orderItems, orders, reviews, watches };

package/templates/marketplace/api/categories.ts

@@ -4,7 +4,7 @@ import { categories, ensureSeed } from "./_lib";
 export const get = defineApi({
   auth: "required",
   handler: async (ctx) => {
-    await ensureSeed(ctx.db);
+    await ensureSeed(ctx);
     const rows = await ctx.db.select().from(categories);
     return rows.map((row) => ({ id: row.id, slug: row.slug, name: row.name }));
   },

package/templates/marketplace/api/listings/[id].ts

@@ -31,7 +31,7 @@ const listingBody = z.object({
 export const get = defineApi({
   auth: "required",
   handler: async (ctx) => {
-    await ensureSeed(ctx.db);
+    await ensureSeed(ctx);
     const listing = await findListing(ctx.db, ctx.params.id);
     if (!listing) return fail(404, "Listing not found");
     return enrichOne(ctx, listing, ctx.user!.id);

package/templates/marketplace/api/listings/paginate.ts

@@ -11,7 +11,7 @@ import {
 export const get = defineApi({
   auth: "required",
   handler: async (ctx) => {
-    await ensureSeed(ctx.db);
+    await ensureSeed(ctx);
     const query = ctx.query as Record<string, unknown>;
     const search = typeof query.search === "string" ? query.search : undefined;
     const categoryId = typeof query.categoryId === "string" ? query.categoryId : undefined;

package/templates/marketplace/api/listings.ts

@@ -31,7 +31,7 @@ const listingBody = z.object({
 export const get = defineApi({
   auth: "required",
   handler: async (ctx) => {
-    await ensureSeed(ctx.db);
+    await ensureSeed(ctx);
     const query = ctx.query as Record<string, unknown>;
     const mine = isTruthyQuery(query.mine);
     const search = typeof query.search === "string" ? query.search : undefined;

package/templates/marketplace/apps/fe/src/assets/locales/en/translation.json

@@ -281,6 +281,7 @@
     "sales": "Sales",
     "emptyPurchases": "No purchases yet.",
     "emptySales": "No sales yet.",
+    "view": "View",
     "status": {
       "paid": "Paid",
       "shipped": "Shipped",

package/templates/marketplace/apps/fe/src/assets/locales/sl/translation.json

@@ -281,6 +281,7 @@
     "sales": "Prodaje",
     "emptyPurchases": "Nimate še nakupov.",
     "emptySales": "Nimate še prodaj.",
+    "view": "Poglej",
     "status": {
       "paid": "Plačano",
       "shipped": "Poslano",

package/templates/marketplace/apps/fe/src/components/features/marketplace/ListingDetailsPage.tsx

@@ -1,5 +1,6 @@
-import { Button, TextInput, Typography, useToast } from "@povio/ui/tanstack";
+import { Button, IconButton, TextInput, Typography, useToast } from "@povio/ui/tanstack";
 import { useQueryClient } from "@tanstack/react-query";
+import { Heart } from "lucide-react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -11,9 +12,10 @@ import { ListingQueries } from "@/openapi/listing/listing.queries";
 import type { ListingModels } from "@/openapi/listing/listing.models";
 import { ReviewQueries } from "@/openapi/review/review.queries";
 import { WatchQueries } from "@/openapi/watch/watch.queries";
-import { getFallbackImageUrl } from "@/utils/image-fallback";
 import { formatCents } from "@/utils/listing-form";
 
+import { ListingGallery } from "./ListingGallery";
+
 interface ListingDetailsPageProps {
   listing: ListingModels.ListingDto;
 }
@@ -30,7 +32,6 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
   const { data: reviews } = ReviewQueries.useGetAll({ listingId: listing.id });
   const isOwn = user?.id === listing.sellerId;
   const canBuy = !isOwn && listing.status === "active" && listing.quantity > 0;
-  const imageSrc = listing.images[0]?.url ?? getFallbackImageUrl({ width: 800, height: 450 });
 
   const onAddToCart = async () => {
     try {
@@ -58,44 +59,90 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
 
   return (
     <div className="flex flex-col gap-6">
-      <PageHeader enableBack backProps={{ backLink: { to: "/" } }} title={listing.title} />
+      <PageHeader
+        enableBack
+        backProps={{ backLink: { to: "/" } }}
+        title={listing.title}
+      />
 
-      <Card className="max-w-3xl overflow-hidden p-0">
-        <div className="aspect-video w-full bg-elevation-fill-default-2">
-          <img src={imageSrc} alt="" className="h-full w-full object-cover" />
-        </div>
-        <div className="flex flex-col gap-4 p-4">
-          <Typography size="title-5" variant="prominent-1">
-            {formatCents(listing.priceCents)}
-          </Typography>
-          {listing.description ? (
-            <Typography size="body-3" className="whitespace-pre-wrap text-text-default-2">
-              {listing.description}
+      <div className="grid grid-cols-1 items-start gap-6 lg:grid-cols-[minmax(0,1.4fr)_minmax(16rem,22rem)]">
+        <ListingGallery images={listing.images} />
+
+        <Card className="flex flex-col gap-4">
+          <div className="flex items-start justify-between gap-3">
+            <Typography
+              size="title-5"
+              variant="prominent-1"
+            >
+              {formatCents(listing.priceCents)}
             </Typography>
-          ) : null}
-          <Typography size="label-3" className="text-text-default-2">
+            {isOwn ? (
+              <Button
+                size="xs"
+                link={{ to: "/sell/$id", params: { id: listing.id } }}
+              >
+                {t(($) => $.sell.edit)}
+              </Button>
+            ) : (
+              <IconButton
+                size="xs"
+                variant="ghost"
+                color="secondary"
+                label={listing.watchedByMe ? t(($) => $.listing.unwatch) : t(($) => $.listing.watch)}
+                disableTooltip
+                icon={listing.watchedByMe ? <Heart className="fill-current" /> : Heart}
+                onPress={() => void onToggleWatch()}
+              />
+            )}
+          </div>
+
+          <Typography
+            size="label-3"
+            className="text-text-default-2"
+          >
+            {listing.quantity > 0
+              ? t(($) => $.listing.inStock, { count: listing.quantity })
+              : t(($) => $.listing.soldOut)}
+          </Typography>
+          <Typography
+            size="label-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.listing.shipping)}: {formatCents(listing.shippingCents)} ·{" "}
+            {t(($) => $.listing.shippingDays, { count: listing.shippingDays })}
+          </Typography>
+          <Typography
+            size="label-3"
+            className="text-text-default-2"
+          >
             {t(($) => $.listing.seller)}: {listing.sellerName || listing.sellerEmail}
           </Typography>
           {listing.category ? (
-            <Typography size="label-3" className="text-text-default-2">
+            <Typography
+              size="label-3"
+              className="text-text-default-2"
+            >
               {t(($) => $.listing.category)}: {listing.category.name}
             </Typography>
           ) : null}
-          <Typography size="label-3" className="text-text-default-2">
-            {t(($) => $.listing.shipping)}: {formatCents(listing.shippingCents)} ·{" "}
-            {t(($) => $.listing.shippingDays, { count: listing.shippingDays })}
-          </Typography>
-          <Typography size="label-3" className="text-text-default-2">
-            {listing.quantity > 0
-              ? t(($) => $.listing.inStock, { count: listing.quantity })
-              : t(($) => $.listing.soldOut)}
-          </Typography>
-          <Typography size="label-3" className="text-text-default-2">
+          <Typography
+            size="label-3"
+            className="text-text-default-2"
+          >
             {listing.sellerAverageRating != null
               ? t(($) => $.listing.rating, { rating: listing.sellerAverageRating })
               : t(($) => $.listing.noRating)}
           </Typography>
 
+          {listing.description ? (
+            <Typography
+              size="body-3"
+              className="whitespace-pre-wrap text-text-default-2"
+            >
+              {listing.description}
+            </Typography>
+          ) : null}
+
           {isOwn ? <Typography size="body-3">{t(($) => $.listing.ownListing)}</Typography> : null}
 
           {canBuy ? (
@@ -107,35 +154,30 @@ export function ListingDetailsPage({ listing }: ListingDetailsPageProps) {
                 onChange={setQty}
                 label={t(($) => $.listing.quantity)}
               />
-              <Button size="xs" isLoading={addToCart.isPending} onPress={() => void onAddToCart()}>
+              <Button
+                size="xs"
+                isLoading={addToCart.isPending}
+                onPress={() => void onAddToCart()}
+              >
                 {t(($) => $.listing.addToCart)}
               </Button>
             </div>
           ) : null}
+        </Card>
+      </div>
 
-          {!isOwn ? (
-            <Button
-              size="xs"
-              variant="outlined"
-              color="secondary"
-              onPress={() => void onToggleWatch()}
-            >
-              {listing.watchedByMe ? t(($) => $.listing.unwatch) : t(($) => $.listing.watch)}
-            </Button>
-          ) : (
-            <Button size="xs" link={{ to: "/sell/$id", params: { id: listing.id } }}>
-              {t(($) => $.sell.edit)}
-            </Button>
-          )}
-        </div>
-      </Card>
-
-      <div className="flex max-w-3xl flex-col gap-3">
-        <Typography size="title-5" variant="prominent-1">
+      <div className="flex flex-col gap-3">
+        <Typography
+          size="title-5"
+          variant="prominent-1"
+        >
           {t(($) => $.listing.reviews)}
         </Typography>
         {!reviews || reviews.length === 0 ? (
-          <Typography size="body-3" className="text-text-default-2">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
             {t(($) => $.listing.noReviews)}
           </Typography>
         ) : (