@wix/himalaya-cli 0.1099.0 → 0.1101.0

package/templates/retail-store/tier5-src/_shared/collection-contract.ts

@@ -37,6 +37,13 @@ export interface CollectionConfig {
    * `screenId` opens that screen with the row id; without it the verb reuses the
    * row's own tap action (the detail screen that owns the verb). */
   primaryVerb?: { label: string; screenId?: string };
+  /** A catalog card whose one expected per-item action is "favorite".
+   *  The ellipsis overflow is replaced by an always-visible heart toggle wired to
+   *  the same `collectionSave` reducer. A dropdown `Menu` anchored inside a
+   *  list/grid row renders clipped inside the row's own bounds, so on a product
+   *  card the overflow's items were unreachable AND the wrong pattern: shoppers
+   *  expect a heart, not a 3-item menu two taps deep. */
+  favoriteToggle?: boolean;
   /** A state field the DOMAIN narrows `rows` by (e.g. a category picker). While it is set,
    *  zero rows is a filtered result, not an empty source. */
   narrowedBy?: string;
@@ -45,7 +52,7 @@ export interface CollectionConfig {
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
 export const COLLECTIONS: Record<string, CollectionConfig> = {
-  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'] },
+  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'], favoriteToggle: true },
   himiBookingServices: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', filter: 'category', view: 'grid', backendQuery: true, searchPlaceholder: 'Search services', countNoun: ['service', 'services'], primaryVerb: { label: 'Book', screenId: 'himi_time' } },
   himiBookingBookings: { rows: 'rows', title: 'title', subtitle: 'subtitle', metadata: ['status'], view: 'list', backendQuery: true,
     defaultFilter: 'value:Upcoming', searchPlaceholder: 'Search by booking ID', countNoun: ['booking', 'bookings'], filterValues: ['Upcoming', 'Past', 'Cancelled'],

package/templates/retail-store/tier5-src/himi-blog-post/index.ts

@@ -2,7 +2,7 @@
 import { defineService } from "@himalaya/state";
 import { share as shareSheet } from "@himalaya/share";
 import { getPost, likePost, unlikePost, type WixPost } from "@himalaya/wix-blog";
-import { createBlogComment, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
+import { comments, BLOG_COMMENTS_APP_ID, blogCommentRow, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
 import { wixMediaUrl, WIX_DETAIL_IMAGE } from "@himalaya/wix-media";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { isSavedId, toggleSavedId } from "../_shared/himi-blog-saved";
@@ -240,6 +240,12 @@ function toCommentRow(row: WixBlogCommentRow): CommentRow {
   };
 }
 
+/** The comment text as Ricos rich content, typed against the auto tier's REST types. */
+const commentRichContent = (text: string): comments.RichContent => ({
+  nodes: [{ type: "PARAGRAPH", id: "himi-blog-comment", nodes: [{ type: "TEXT", id: "himi-blog-comment-text", textData: { text } }] }],
+  metadata: { version: 1 },
+});
+
 function derive(s: S): S {
   const isLoading = s.status === "loading";
   const errored = s.status === "error";
@@ -423,12 +429,16 @@ const svc = defineService<S, {
       const text = s.commentDraft.trim();
       if (!text) return derive({ ...s, actionMessage: copyParam("blogPost.commentValidation", "Write a comment first.") });
       try {
-        const created = await createBlogComment(s.id, text);
-        const comments = [toCommentRow(created), ...s.comments];
+        const { comment } = await comments.createComment({
+          comment: { appId: BLOG_COMMENTS_APP_ID, contextId: s.id, resourceId: s.id, content: { richContent: commentRichContent(text) } },
+        });
+        const created = blogCommentRow(comment);
+        // Named to avoid shadowing the `comments` namespace import in this same block scope.
+        const updatedComments = [toCommentRow(created), ...s.comments];
         return derive({
           ...s,
           commentDraft: "",
-          comments,
+          comments: updatedComments,
           commentsUnavailable: false,
           commentStatusText: "",
           actionMessage: copyParam("blogPost.commentPosted", "Comment posted"),

package/templates/retail-store-owner/tier5-src/_shared/collection-contract.ts

@@ -37,6 +37,13 @@ export interface CollectionConfig {
    * `screenId` opens that screen with the row id; without it the verb reuses the
    * row's own tap action (the detail screen that owns the verb). */
   primaryVerb?: { label: string; screenId?: string };
+  /** A catalog card whose one expected per-item action is "favorite".
+   *  The ellipsis overflow is replaced by an always-visible heart toggle wired to
+   *  the same `collectionSave` reducer. A dropdown `Menu` anchored inside a
+   *  list/grid row renders clipped inside the row's own bounds, so on a product
+   *  card the overflow's items were unreachable AND the wrong pattern: shoppers
+   *  expect a heart, not a 3-item menu two taps deep. */
+  favoriteToggle?: boolean;
   /** A state field the DOMAIN narrows `rows` by (e.g. a category picker). While it is set,
    *  zero rows is a filtered result, not an empty source. */
   narrowedBy?: string;
@@ -45,7 +52,7 @@ export interface CollectionConfig {
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
 export const COLLECTIONS: Record<string, CollectionConfig> = {
-  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'] },
+  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'], favoriteToggle: true },
   himiBookingServices: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', filter: 'category', view: 'grid', backendQuery: true, searchPlaceholder: 'Search services', countNoun: ['service', 'services'], primaryVerb: { label: 'Book', screenId: 'himi_time' } },
   himiBookingBookings: { rows: 'rows', title: 'title', subtitle: 'subtitle', metadata: ['status'], view: 'list', backendQuery: true,
     defaultFilter: 'value:Upcoming', searchPlaceholder: 'Search by booking ID', countNoun: ['booking', 'bookings'], filterValues: ['Upcoming', 'Past', 'Cancelled'],

package/templates/yoga-studio/tier5-src/_shared/collection-contract.ts

@@ -37,6 +37,13 @@ export interface CollectionConfig {
    * `screenId` opens that screen with the row id; without it the verb reuses the
    * row's own tap action (the detail screen that owns the verb). */
   primaryVerb?: { label: string; screenId?: string };
+  /** A catalog card whose one expected per-item action is "favorite".
+   *  The ellipsis overflow is replaced by an always-visible heart toggle wired to
+   *  the same `collectionSave` reducer. A dropdown `Menu` anchored inside a
+   *  list/grid row renders clipped inside the row's own bounds, so on a product
+   *  card the overflow's items were unreachable AND the wrong pattern: shoppers
+   *  expect a heart, not a 3-item menu two taps deep. */
+  favoriteToggle?: boolean;
   /** A state field the DOMAIN narrows `rows` by (e.g. a category picker). While it is set,
    *  zero rows is a filtered result, not an empty source. */
   narrowedBy?: string;
@@ -45,7 +52,7 @@ export interface CollectionConfig {
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
 export const COLLECTIONS: Record<string, CollectionConfig> = {
-  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'] },
+  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'], favoriteToggle: true },
   himiBookingServices: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', filter: 'category', view: 'grid', backendQuery: true, searchPlaceholder: 'Search services', countNoun: ['service', 'services'], primaryVerb: { label: 'Book', screenId: 'himi_time' } },
   himiBookingBookings: { rows: 'rows', title: 'title', subtitle: 'subtitle', metadata: ['status'], view: 'list', backendQuery: true,
     defaultFilter: 'value:Upcoming', searchPlaceholder: 'Search by booking ID', countNoun: ['booking', 'bookings'], filterValues: ['Upcoming', 'Past', 'Cancelled'],

package/templates/yoga-studio/tier5-src/himi-blog-post/index.ts

@@ -2,7 +2,7 @@
 import { defineService } from "@himalaya/state";
 import { share as shareSheet } from "@himalaya/share";
 import { getPost, likePost, unlikePost, type WixPost } from "@himalaya/wix-blog";
-import { createBlogComment, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
+import { comments, BLOG_COMMENTS_APP_ID, blogCommentRow, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
 import { wixMediaUrl, WIX_DETAIL_IMAGE } from "@himalaya/wix-media";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { isSavedId, toggleSavedId } from "../_shared/himi-blog-saved";
@@ -240,6 +240,12 @@ function toCommentRow(row: WixBlogCommentRow): CommentRow {
   };
 }
 
+/** The comment text as Ricos rich content, typed against the auto tier's REST types. */
+const commentRichContent = (text: string): comments.RichContent => ({
+  nodes: [{ type: "PARAGRAPH", id: "himi-blog-comment", nodes: [{ type: "TEXT", id: "himi-blog-comment-text", textData: { text } }] }],
+  metadata: { version: 1 },
+});
+
 function derive(s: S): S {
   const isLoading = s.status === "loading";
   const errored = s.status === "error";
@@ -423,12 +429,16 @@ const svc = defineService<S, {
       const text = s.commentDraft.trim();
       if (!text) return derive({ ...s, actionMessage: copyParam("blogPost.commentValidation", "Write a comment first.") });
       try {
-        const created = await createBlogComment(s.id, text);
-        const comments = [toCommentRow(created), ...s.comments];
+        const { comment } = await comments.createComment({
+          comment: { appId: BLOG_COMMENTS_APP_ID, contextId: s.id, resourceId: s.id, content: { richContent: commentRichContent(text) } },
+        });
+        const created = blogCommentRow(comment);
+        // Named to avoid shadowing the `comments` namespace import in this same block scope.
+        const updatedComments = [toCommentRow(created), ...s.comments];
         return derive({
           ...s,
           commentDraft: "",
-          comments,
+          comments: updatedComments,
           commentsUnavailable: false,
           commentStatusText: "",
           actionMessage: copyParam("blogPost.commentPosted", "Comment posted"),

package/templates/yoga-studio-owner/tier5-src/_shared/collection-contract.ts

@@ -37,6 +37,13 @@ export interface CollectionConfig {
    * `screenId` opens that screen with the row id; without it the verb reuses the
    * row's own tap action (the detail screen that owns the verb). */
   primaryVerb?: { label: string; screenId?: string };
+  /** A catalog card whose one expected per-item action is "favorite".
+   *  The ellipsis overflow is replaced by an always-visible heart toggle wired to
+   *  the same `collectionSave` reducer. A dropdown `Menu` anchored inside a
+   *  list/grid row renders clipped inside the row's own bounds, so on a product
+   *  card the overflow's items were unreachable AND the wrong pattern: shoppers
+   *  expect a heart, not a 3-item menu two taps deep. */
+  favoriteToggle?: boolean;
   /** A state field the DOMAIN narrows `rows` by (e.g. a category picker). While it is set,
    *  zero rows is a filtered result, not an empty source. */
   narrowedBy?: string;
@@ -45,7 +52,7 @@ export interface CollectionConfig {
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
 export const COLLECTIONS: Record<string, CollectionConfig> = {
-  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'] },
+  himiStoreShop: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', view: 'grid', backendQuery: true, countNoun: ['product', 'products'], favoriteToggle: true },
   himiBookingServices: { rows: 'results', title: 'name', subtitle: 'subtitle', image: 'image', filter: 'category', view: 'grid', backendQuery: true, searchPlaceholder: 'Search services', countNoun: ['service', 'services'], primaryVerb: { label: 'Book', screenId: 'himi_time' } },
   himiBookingBookings: { rows: 'rows', title: 'title', subtitle: 'subtitle', metadata: ['status'], view: 'list', backendQuery: true,
     defaultFilter: 'value:Upcoming', searchPlaceholder: 'Search by booking ID', countNoun: ['booking', 'bookings'], filterValues: ['Upcoming', 'Past', 'Cancelled'],