@wix/himalaya-cli 0.1599.0 → 0.1601.0

package/templates/podcast-creator/dev/index.ts

@@ -27340,6 +27340,72 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                                   }
                                 }
                               }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "children": [
+                                    {
+                                      "id": "himi_blog_post.report",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Report",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.report"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.reported"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.hide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Hide post",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.openHide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.hidden"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.unhide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Undo hide",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.unhide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.notHidden"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
                             }
                           ]
                         }
@@ -27598,6 +27664,122 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                 "hiddenPath": "$service:himiBlogPost.noPost"
               }
             },
+            {
+              "id": "himi_blog_post.hide_sheet",
+              "body": {
+                "package": "himalaya",
+                "type": "BottomSheet",
+                "props": {
+                  "presentedPath": "$service:himiBlogPost.hideSheetOpen",
+                  "dismissible": true,
+                  "showGrabber": true,
+                  "onDismiss": {
+                    "actionId": "tier5.himiBlogPost.closeHide"
+                  },
+                  "content": {
+                    "id": "",
+                    "body": {
+                      "package": "himalaya",
+                      "type": "VStack",
+                      "props": {
+                        "spacing": 12,
+                        "alignment": "leading",
+                        "children": [
+                          {
+                            "id": "",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Text",
+                              "props": {
+                                "text": "Why are you hiding this post?",
+                                "style": "title3"
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_offensive",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is offensive",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "offensive"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_misleading",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is misleading",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "misleading"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_other",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Something else",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "other"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_cancel",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Cancel",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.closeHide"
+                                }
+                              }
+                            }
+                          }
+                        ]
+                      }
+                    },
+                    "modifiers": {
+                      "padding": {
+                        "leading": 20,
+                        "trailing": 20,
+                        "top": 16,
+                        "bottom": 24
+                      }
+                    }
+                  }
+                }
+              }
+            },
             {
               "id": "",
               "body": {

package/templates/podcast-creator/tier5-src/_shared/himi-blog-hidden.ts

@@ -0,0 +1,66 @@
+// The posts this device's reader chose to hide, as the One App blog does: a client-side list of post ids that the
+// blog feed, the Home cards and Saved leave out. Nothing is sent to the site, and another device or account does not
+// share it. It is the saved-posts store's twin (see himi-blog-saved.ts) and reads storage the same way: native workers
+// have only the sync `himalaya.storage` KV, a browser has `localStorage`, and each screen runs its own worker, so
+// the durable arm is what lets a Hide on the post screen reach the feed's worker.
+const KEY = "himi-blog:hidden-posts:v1";
+
+type StorageLike = {
+  getItem: (key: string) => string | null;
+  setItem: (key: string, value: string) => void;
+};
+
+type HiddenHost = typeof globalThis & {
+  himalaya?: { storage?: StorageLike };
+  localStorage?: StorageLike;
+  __himiBlogHiddenIds?: string[];
+};
+
+const host = globalThis as HiddenHost;
+
+function storage(): StorageLike | undefined {
+  return host.himalaya?.storage ?? host.localStorage;
+}
+
+const unique = (ids: string[]): string[] => Array.from(new Set(ids.map((id) => id.trim()).filter(Boolean)));
+
+export function readHiddenIds(): string[] {
+  try {
+    const raw = storage()?.getItem(KEY);
+    if (raw) {
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed)) return unique(parsed.filter((id): id is string => typeof id === "string"));
+    }
+  } catch {
+    // Unreadable storage: fall back to what this worker context holds in memory.
+  }
+  return unique(host.__himiBlogHiddenIds ?? []);
+}
+
+function writeHiddenIds(ids: string[]): void {
+  const next = unique(ids);
+  host.__himiBlogHiddenIds = next;
+  try {
+    storage()?.setItem(KEY, JSON.stringify(next));
+  } catch {
+    // Storage-less hosts keep the in-memory arm only.
+  }
+}
+
+export function isHiddenId(id: string): boolean {
+  return readHiddenIds().includes(id);
+}
+
+export function hideId(id: string): void {
+  writeHiddenIds([id, ...readHiddenIds()]);
+}
+
+export function unhideId(id: string): void {
+  writeHiddenIds(readHiddenIds().filter((hiddenId) => hiddenId !== id));
+}
+
+/** The items a list may show: every one whose `id` this device has not hidden. */
+export function withoutHidden<T extends { id?: string | null }>(items: T[]): T[] {
+  const hidden = new Set(readHiddenIds());
+  return hidden.size ? items.filter((item) => !item.id || !hidden.has(item.id)) : items;
+}

package/templates/podcast-creator/tier5-src/himi-blog-feed/index.ts

@@ -4,6 +4,7 @@ import { queryCategories, queryPosts, type WixPost } from "@himalaya/wix-blog";
 import { stashCopy, copyParam } from "../_shared/himi-copy.js";
 import { getAll, upsert, type DbEntity } from "@himalaya/local-db";
 import { formatDateMedium } from "../_shared/engine-intl.js";
+import { withoutHidden } from "../_shared/himi-blog-hidden.js";
 
 const PAGE_SIZE = 20;
 
@@ -137,7 +138,8 @@ function normalize(post: WixPost, categoryMap: Map<string, string>): PostRow {
 
 function applyFilters(s: S): S {
   const needle = s.query.trim().toLowerCase();
-  const posts = s.allPosts.filter((post) => {
+  // Posts this device's reader hid (on the post screen) never show, whatever the cache or the live page holds.
+  const posts = withoutHidden(s.allPosts).filter((post) => {
     const categoryOk = !s.selectedCategoryId || post.categoryId === s.selectedCategoryId;
     const queryOk =
       !needle ||

package/templates/podcast-creator/tier5-src/himi-blog-post/index.ts

@@ -5,6 +5,7 @@ import { getPost, likePost, unlikePost, type WixPost, type WixPostWithContent }
 import { comments, BLOG_COMMENTS_APP_ID, blogCommentRow, listBlogComments, type WixBlogCommentRow } from "@himalaya/wix-comments";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { isSavedId, toggleSavedId } from "../_shared/himi-blog-saved";
+import { hideId, isHiddenId, unhideId } from "../_shared/himi-blog-hidden";
 import { stashCopy, copyParam, copyTemplate } from "../_shared/himi-copy.js";
 import { formatDateMedium, formatMonthDay } from "../_shared/engine-intl.js";
 import { openRichLink } from "../_shared/rich-content-link.js";
@@ -64,6 +65,14 @@ interface S {
   notLiked: boolean;
   saved: boolean;
   notSaved: boolean;
+  /** This device's reader hid the post: the feed, Home and Saved leave it out, and this screen offers Undo. */
+  hidden: boolean;
+  notHidden: boolean;
+  /** The reason sheet (offensive / misleading / other) is open. */
+  hideSheetOpen: boolean;
+  /** The reader reported the post this visit; the report button then says so and stops sending. */
+  reported: boolean;
+  notReported: boolean;
   commentDraft: string;
   comments: CommentRow[];
   commentsUnavailable: boolean;
@@ -212,6 +221,8 @@ function derive(s: S): S {
     hasBodyJson: s.bodyJson !== "",
     notLiked: !s.liked,
     notSaved: !s.saved,
+    notHidden: !s.hidden,
+    notReported: !s.reported,
     commentsAvailable: !s.commentsUnavailable,
   };
 }
@@ -238,6 +249,11 @@ const baseState: S = derive({
   notLiked: true,
   saved: false,
   notSaved: true,
+  hidden: false,
+  notHidden: true,
+  hideSheetOpen: false,
+  reported: false,
+  notReported: true,
   commentDraft: "",
   comments: [],
   commentsUnavailable: false,
@@ -278,6 +294,7 @@ async function cachedPostState(s: S, id: string): Promise<S> {
     initial: String(cached.initial ?? "") || (title[0] || "#").toUpperCase(),
     liked: false,
     saved: isSavedId(id),
+    hidden: isHiddenId(id),
     comments: [],
     commentsUnavailable: true,
     commentStatusText: copyParam("blogPost.commentsUnavailable", "Comments are unavailable right now."),
@@ -331,6 +348,7 @@ async function loadPostState(s: S): Promise<S | undefined> {
       initial: (title[0] || "#").toUpperCase(),
       liked: Boolean(post.memberInteraction?.liked),
       saved: isSavedId(id),
+      hidden: isHiddenId(id),
       comments,
       commentsUnavailable,
       commentStatusText: commentsUnavailable
@@ -359,6 +377,14 @@ const svc = defineService<S, {
   like: (s: S) => Promise<S>;
   unlike: (s: S) => Promise<S>;
   toggleSave: (s: S) => S;
+  /** Report the post: no site API takes a member's report, so the reader is thanked and the tap is the signal. */
+  report: (s: S) => S;
+  openHide: (s: S) => S;
+  closeHide: (s: S) => S;
+  /** Hide the post on this device. The sheet's three reasons (offensive, misleading, other) are asked for as the One
+   *  App asks them, but the list keeps only the id and the site is told nothing, so the worker does not read the reason. */
+  hide: (s: S) => S;
+  unhide: (s: S) => S;
   share: (s: S) => Promise<S>;
   setComment: (s: S, arg?: unknown) => S;
   submitComment: (s: S) => Promise<S>;
@@ -397,6 +423,22 @@ const svc = defineService<S, {
       const saved = toggleSavedId(s.id);
       return derive({ ...s, saved, actionMessage: saved ? copyParam("blogPost.savedMessage", "Saved for later") : copyParam("blogPost.unsavedMessage", "Removed from saved") });
     },
+    report: (s) => {
+      if (!s.id || s.reported) return s;
+      return derive({ ...s, reported: true, actionMessage: copyParam("blogPost.reportedMessage", "Post reported") });
+    },
+    openHide: (s) => s.id ? derive({ ...s, hideSheetOpen: true }) : s,
+    closeHide: (s) => derive({ ...s, hideSheetOpen: false }),
+    hide: (s) => {
+      if (!s.id) return s;
+      hideId(s.id);
+      return derive({ ...s, hidden: true, hideSheetOpen: false, actionMessage: copyParam("blogPost.hiddenMessage", "Post hidden. It will not show in your feeds.") });
+    },
+    unhide: (s) => {
+      if (!s.id) return s;
+      unhideId(s.id);
+      return derive({ ...s, hidden: false, actionMessage: copyParam("blogPost.unhiddenMessage", "Post is visible again") });
+    },
     share: async (s) => {
       if (!s.title) return s;
       try {

package/templates/podcast-creator/tier5-src/himi-blog-saved/index.ts

@@ -3,6 +3,7 @@ import { defineService } from "@himalaya/state";
 import { getPost, type WixPost } from "@himalaya/wix-blog";
 import { get, type DbEntity } from "@himalaya/local-db";
 import { readSavedIds, writeSavedIds } from "../_shared/himi-blog-saved";
+import { readHiddenIds } from "../_shared/himi-blog-hidden";
 import { stashCopy, copyParam } from "../_shared/himi-copy.js";
 import { formatDateMedium } from "../_shared/engine-intl.js";
 
@@ -144,7 +145,9 @@ const baseState: S = derive({
 });
 
 async function loadSavedState(s: S): Promise<S> {
-  const ids = readSavedIds();
+  // A saved post this device's reader also hid stays in the saved list (Undo brings it back) but is not shown.
+  const hidden = new Set(readHiddenIds());
+  const ids = readSavedIds().filter((id) => !hidden.has(id));
   if (!ids.length) {
     return derive({ ...s, status: "ready", posts: [], emptyText: copyParam("saved.emptyText", "No saved posts yet.") });
   }

package/templates/podcast-creator/tier5-src/himi-branded-lite-home/index.ts

@@ -26,6 +26,7 @@ import { formatDateMedium } from "../_shared/engine-intl.js";
 import { readSavedProducts, type SavedProduct } from "../_shared/himi-store-saved.js";
 import { loadStoreCategories, type StoreCategoryCard } from "../_shared/himi-store-categories.js";
 import { readSavedIds } from "../_shared/himi-blog-saved.js";
+import { withoutHidden } from "../_shared/himi-blog-hidden.js";
 import { wixMediaUrl } from "@himalaya/wix-media";
 import { groupImage, programImage } from "../_shared/himi-media.js";
 import { isWixVideoWebRefusal, listLatestVideos, videoCard, type WixVideoCard } from "@himalaya/wix-video";
@@ -770,8 +771,10 @@ async function fetchExtrasSignal(arg: unknown): Promise<ExtrasSignal> {
     // read used to make; a failure collapses both blocks silently.
     jobs.push(queryPosts({ query: { paging: { limit: 8 }, sort: [{ fieldName: "firstPublishedDate", order: "DESC" }] } })
       .then((response) => {
-        extras.announcementTitle = cleanTitle(response.posts?.[0]?.title);
-        extras.postCards = (response.posts ?? []).filter((post) => post.id).slice(0, 6).map(postCard);
+        // Posts this device's reader hid on the post screen are left out of both blocks.
+        const posts = withoutHidden(response.posts ?? []);
+        extras.announcementTitle = cleanTitle(posts[0]?.title);
+        extras.postCards = posts.filter((post) => post.id).slice(0, 6).map(postCard);
       })
       .catch(() => { /* collapse silently */ }));
   }

package/templates/portfolio-creative/dev/index.ts

@@ -36676,6 +36676,72 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                                   }
                                 }
                               }
+                            },
+                            {
+                              "id": "",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "HStack",
+                                "props": {
+                                  "spacing": 8,
+                                  "children": [
+                                    {
+                                      "id": "himi_blog_post.report",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Report",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.report"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.reported"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.hide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Hide post",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.openHide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.hidden"
+                                      }
+                                    },
+                                    {
+                                      "id": "himi_blog_post.unhide",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Button",
+                                        "props": {
+                                          "title": "Undo hide",
+                                          "style": "secondary",
+                                          "fullWidth": true,
+                                          "action": {
+                                            "actionId": "tier5.himiBlogPost.unhide"
+                                          }
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "hiddenPath": "$service:himiBlogPost.notHidden"
+                                      }
+                                    }
+                                  ]
+                                }
+                              }
                             }
                           ]
                         }
@@ -36934,6 +37000,122 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                 "hiddenPath": "$service:himiBlogPost.noPost"
               }
             },
+            {
+              "id": "himi_blog_post.hide_sheet",
+              "body": {
+                "package": "himalaya",
+                "type": "BottomSheet",
+                "props": {
+                  "presentedPath": "$service:himiBlogPost.hideSheetOpen",
+                  "dismissible": true,
+                  "showGrabber": true,
+                  "onDismiss": {
+                    "actionId": "tier5.himiBlogPost.closeHide"
+                  },
+                  "content": {
+                    "id": "",
+                    "body": {
+                      "package": "himalaya",
+                      "type": "VStack",
+                      "props": {
+                        "spacing": 12,
+                        "alignment": "leading",
+                        "children": [
+                          {
+                            "id": "",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Text",
+                              "props": {
+                                "text": "Why are you hiding this post?",
+                                "style": "title3"
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_offensive",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is offensive",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "offensive"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_misleading",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "It is misleading",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "misleading"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_other",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Something else",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.hide",
+                                  "params": {
+                                    "reason": "other"
+                                  }
+                                }
+                              }
+                            }
+                          },
+                          {
+                            "id": "himi_blog_post.hide_cancel",
+                            "body": {
+                              "package": "himalaya",
+                              "type": "Button",
+                              "props": {
+                                "title": "Cancel",
+                                "style": "secondary",
+                                "fullWidth": true,
+                                "action": {
+                                  "actionId": "tier5.himiBlogPost.closeHide"
+                                }
+                              }
+                            }
+                          }
+                        ]
+                      }
+                    },
+                    "modifiers": {
+                      "padding": {
+                        "leading": 20,
+                        "trailing": 20,
+                        "top": 16,
+                        "bottom": 24
+                      }
+                    }
+                  }
+                }
+              }
+            },
             {
               "id": "",
               "body": {