robodev 0.24.0 → 0.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "robodev",
-  "version": "0.24.0",
+  "version": "0.26.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.26.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.26.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.26.0",
     "typescript": "^5.9.2"
   }
 }

package/templates/marketplace/README.md

@@ -1,8 +1,8 @@
 # {{NAME}}
 
-Starter from `robodev create --starter marketplace`: Tiny C2C marketplace schema (`categories`, `listings`, `cart_items`, `orders`, `watches`, `reviews`, `media`), file-based APIs in `api/`, and a Povio UI in `apps/fe`.
+Starter from `robodev create --starter marketplace`: Marketplace C2C marketplace schema (`categories`, `listings`, `cart_items`, `orders`, `watches`, `reviews`, `media`), file-based APIs in `api/`, and a Povio UI in `apps/fe`.
 
-After a CLI create or deploy with `.robodev` `frontend` set (the default for this starter), the project host serves the built Tiny SPA at `GET /`. APIs and Swagger still win over static files.
+After a CLI create or deploy with `.robodev` `frontend` set (the default for this starter), the project host serves the built Marketplace SPA at `GET /`. APIs and Swagger still win over static files.
 
 Local Starbase occupies FE **:3000** and BE **:4000**. Point the CLI at it, then run starter Vite on **3001** so it does not steal the dashboard port:
 
@@ -27,7 +27,7 @@ npx robodev deploy
 
 `robodev create` / `robodev link` write `VITE_API_URL`, `VITE_PUBLIC_API_URL`, and `APP_PUBLIC_API_URL` in `.env`, rewrite `.config/local.spa.yml` so the FE talks to the project host, and (when `apps/fe/package.json` exists) add a `frontend` block to `.robodev`. `robodev deploy` then runs the local Vite build and uploads the static output.
 
-Dashboard create deploys schema + APIs only. The Tiny FE tree is copied by `robodev create`; a later CLI deploy hosts the SPA.
+Dashboard create deploys schema + APIs only. The Marketplace FE tree is copied by `robodev create`; a later CLI deploy hosts the SPA.
 
 Auth stays reserved at `/api/user/*`. Do not add `api/user/**`.
 

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

@@ -54,8 +54,8 @@
   "auth": {
     "wrapper": {
       "title": "Administration portal",
-      "description": "Tiny",
-      "watermark": "© {{year}} Tiny • Developed and maintained by Povio"
+      "description": "Marketplace",
+      "watermark": "© {{year}} Marketplace • Developed and maintained by Povio"
     },
     "shared": {
       "errors": {
@@ -143,7 +143,7 @@
   },
   "layout": {
     "header": {
-      "logo": "Tiny",
+      "logo": "Marketplace",
       "openMenu": "Open menu",
       "closeMenu": "Close menu",
       "nav": {
@@ -151,7 +151,8 @@
         "sell": "Sell",
         "watchlist": "Watchlist",
         "orders": "Orders",
-        "cart": "Cart"
+        "cart": "Cart",
+        "cartCount": "Cart ({{count}})"
       },
       "profile": "Profile",
       "logout": "Logout"
@@ -166,7 +167,8 @@
     "search": "Search",
     "searchPlaceholder": "Search listings",
     "allCategories": "All categories",
-    "empty": "No listings match your search."
+    "empty": "No listings match your search.",
+    "clearFilters": "Clear filters"
   },
   "listing": {
     "notFound": "Listing not found.",
@@ -190,6 +192,8 @@
     "images": "Images",
     "description": "Description",
     "price": "Price",
+    "aboutThisItem": "About this item",
+    "noDescription": "No description.",
     "reviews": "Reviews",
     "noReviews": "No reviews yet."
   },
@@ -202,6 +206,7 @@
     "create": "New listing",
     "empty": "You have no listings yet.",
     "soldOut": "Sold out",
+    "active": "Active",
     "inactive": "Inactive",
     "edit": "Edit",
     "deactivate": "Deactivate",
@@ -281,6 +286,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

@@ -54,8 +54,8 @@
   "auth": {
     "wrapper": {
       "title": "Administrativni portal",
-      "description": "Tiny",
-      "watermark": "© {{year}} Tiny • Razvija in vzdržuje Povio"
+      "description": "Marketplace",
+      "watermark": "© {{year}} Marketplace • Razvija in vzdržuje Povio"
     },
     "shared": {
       "errors": {
@@ -143,7 +143,7 @@
   },
   "layout": {
     "header": {
-      "logo": "Tiny",
+      "logo": "Marketplace",
       "openMenu": "Odpri meni",
       "closeMenu": "Zapri meni",
       "nav": {
@@ -151,7 +151,8 @@
         "sell": "Prodaj",
         "watchlist": "Seznam spremljanja",
         "orders": "Naročila",
-        "cart": "Košarica"
+        "cart": "Košarica",
+        "cartCount": "Košarica ({{count}})"
       },
       "profile": "Profil",
       "logout": "Odjava"
@@ -166,7 +167,8 @@
     "search": "Iskanje",
     "searchPlaceholder": "Išči oglase",
     "allCategories": "Vse kategorije",
-    "empty": "Noben oglas ne ustreza iskanju."
+    "empty": "Noben oglas ne ustreza iskanju.",
+    "clearFilters": "Počisti filtre"
   },
   "listing": {
     "notFound": "Oglas ni bil najden.",
@@ -190,6 +192,8 @@
     "images": "Slike",
     "description": "Opis",
     "price": "Cena",
+    "aboutThisItem": "O izdelku",
+    "noDescription": "Ni opisa.",
     "reviews": "Ocene",
     "noReviews": "Ocene še ni."
   },
@@ -202,6 +206,7 @@
     "create": "Nov oglas",
     "empty": "Nimate še oglasov.",
     "soldOut": "Razprodano",
+    "active": "Aktivno",
     "inactive": "Neaktivno",
     "edit": "Uredi",
     "deactivate": "Deaktiviraj",
@@ -281,6 +286,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/BrowsePage.tsx

@@ -21,6 +21,7 @@ export function BrowsePage() {
     categoryId,
   });
   const listings = data?.items ?? [];
+  const hasFilters = Boolean(search.trim() || categoryId);
 
   return (
     <div className="flex flex-col gap-6">
@@ -61,13 +62,39 @@ export function BrowsePage() {
       {isLoading ? (
         <LoadingState />
       ) : listings.length === 0 ? (
-        <Typography size="body-3" className="text-text-default-2">
-          {t(($) => $.browse.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.browse.empty)}
+          </Typography>
+          {hasFilters ? (
+            <Button
+              size="xs"
+              onPress={() => {
+                setSearch("");
+                setCategoryId(undefined);
+              }}
+            >
+              {t(($) => $.browse.clearFilters)}
+            </Button>
+          ) : (
+            <Button
+              size="xs"
+              link={{ to: "/my-listings" }}
+            >
+              {t(($) => $.sell.title)}
+            </Button>
+          )}
+        </div>
       ) : (
         <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
           {listings.map((listing) => (
-            <ListingCard key={listing.id} listing={listing} />
+            <ListingCard
+              key={listing.id}
+              listing={listing}
+            />
           ))}
         </div>
       )}

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

@@ -1,3 +1,4 @@
+import { Link } from "@povio/ui";
 import { Button, TextInput, Typography, useToast } from "@povio/ui/tanstack";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
@@ -5,6 +6,7 @@ import { useTranslation } from "react-i18next";
 import { LoadingState } from "@/components/shared/layout/LoadingState";
 import { PageHeader } from "@/components/shared/page/PageHeader";
 import { CartQueries } from "@/openapi/cart/cart.queries";
+import { getFallbackImageUrl } from "@/utils/image-fallback";
 import { formatCents } from "@/utils/listing-form";
 
 export function CartPage() {
@@ -15,6 +17,7 @@ export function CartPage() {
   const updateItem = CartQueries.useUpdate();
   const removeItem = CartQueries.useDeleteApiCartById();
   const items = data ?? [];
+  const subtotalCents = items.reduce((sum, item) => sum + item.listing.priceCents * item.quantity, 0);
 
   const onQty = async (id: string, quantity: number) => {
     try {
@@ -40,7 +43,10 @@ export function CartPage() {
         title={t(($) => $.cart.title)}
         actions={
           items.length > 0 ? (
-            <Button size="xs" link={{ to: "/checkout" }}>
+            <Button
+              size="xs"
+              link={{ to: "/checkout" }}
+            >
               {t(($) => $.cart.checkout)}
             </Button>
           ) : null
@@ -50,37 +56,83 @@ export function CartPage() {
       {isLoading ? (
         <LoadingState />
       ) : items.length === 0 ? (
-        <Typography size="body-3" className="text-text-default-2">
-          {t(($) => $.cart.empty)}
-        </Typography>
+        <div className="flex flex-col items-start gap-3">
+          <Typography
+            size="body-3"
+            className="text-text-default-2"
+          >
+            {t(($) => $.cart.empty)}
+          </Typography>
+          <Button
+            size="xs"
+            link={{ to: "/" }}
+          >
+            {t(($) => $.layout.header.nav.browse)}
+          </Button>
+        </div>
       ) : (
         <div className="flex flex-col gap-4">
-          {items.map((item) => (
-            <div
-              key={item.id}
-              className="flex flex-col gap-2 border-elevation-outline-default-1 border-b pb-4"
-            >
-              <Typography size="title-5">{item.listing.title}</Typography>
-              <Typography size="body-3">{formatCents(item.listing.priceCents)}</Typography>
-              <div className="flex flex-wrap items-end gap-2">
-                <TextInput
-                  variant="filled"
-                  size="extra-small"
-                  value={String(item.quantity)}
-                  onChange={(value) => void onQty(item.id, Number(value) || 1)}
-                  label={t(($) => $.cart.quantity)}
-                />
-                <Button
-                  size="xs"
-                  variant="outlined"
-                  color="secondary"
-                  onPress={() => void onRemove(item.id)}
+          {items.map((item) => {
+            const imageSrc = item.listing.images[0]?.url ?? getFallbackImageUrl({ width: 80, height: 80 });
+
+            return (
+              <div
+                key={item.id}
+                className="flex items-start gap-4 border-elevation-outline-default-1 border-b pb-4"
+              >
+                <Link
+                  to="/listings/$id"
+                  params={{ id: item.listing.id }}
+                  className="shrink-0 overflow-hidden rounded-m border border-elevation-outline-default-1 no-underline!"
+                >
+                  <img
+                    src={imageSrc}
+                    alt=""
+                    className="h-16 w-16 object-cover"
+                  />
+                </Link>
+                <div className="flex min-w-0 flex-1 flex-col gap-2">
+                  <Link
+                    to="/listings/$id"
+                    params={{ id: item.listing.id }}
+                    className="min-w-0 no-underline!"
+                  >
+                    <Typography size="title-5">{item.listing.title}</Typography>
+                  </Link>
+                  <div className="flex flex-wrap items-end gap-2">
+                    <TextInput
+                      variant="filled"
+                      size="extra-small"
+                      value={String(item.quantity)}
+                      onChange={(value) => void onQty(item.id, Number(value) || 1)}
+                      label={t(($) => $.cart.quantity)}
+                    />
+                    <Button
+                      size="xs"
+                      variant="outlined"
+                      color="secondary"
+                      onPress={() => void onRemove(item.id)}
+                    >
+                      {t(($) => $.cart.remove)}
+                    </Button>
+                  </div>
+                </div>
+                <Typography
+                  size="title-5"
+                  variant="prominent-1"
+                  className="shrink-0"
                 >
-                  {t(($) => $.cart.remove)}
-                </Button>
+                  {formatCents(item.listing.priceCents)}
+                </Typography>
               </div>
-            </div>
-          ))}
+            );
+          })}
+          <Typography
+            size="title-5"
+            variant="prominent-1"
+          >
+            {t(($) => $.cart.subtotal)}: {formatCents(subtotalCents)}
+          </Typography>
         </div>
       )}
     </div>