@wix/himalaya-cli 0.1311.0 → 0.1312.0

package/templates/branded-lite/tier5-src/_shared/collection-contract.ts

@@ -58,6 +58,13 @@ export interface CollectionConfig {
 /** At or below this many records, with no query/filter narrowing them and no further
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
+/** The accessible name of a row's overflow menu: `template` with `{title}` filled, or the
+ *  generic `fallback` for a record with no title. */
+export function collectionActionsLabel(title: string, template: string, fallback: string): string {
+  const t = title.trim();
+  return t ? template.replace('{title}', () => t) : fallback;
+}
+
 export const COLLECTIONS: Record<string, CollectionConfig> = {
   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' } },
@@ -184,6 +191,9 @@ export function projectCollection(source: CollectionRow[], config: CollectionCon
       collectionSelectLabel: prefs.selectedIds.includes(collectionId(row)) ? 'Selected' : 'Select',
       // The save toggle names the action it WILL take (the service localizes it).
       collectionSaveLabel: prefs.savedIds.includes(collectionId(row)) ? 'Remove from saved' : 'Save',
+      // The row's overflow menu, named for its record: out of context (a rotor, a voice
+      // command) a list of identical "Item actions" cannot be told apart.
+      collectionActionsLabel: collectionActionsLabel(collectionTitle(row, config), 'Actions for {title}', 'Item actions'),
       collectionSubtitle: scalar(row[config.subtitle ?? '']) || scalar(row.subtitle) || scalar(row.description) || scalar(row.meta),
       collectionImage: scalar(row[config.image ?? '']), collectionNoImage: !scalar(row[config.image ?? '']), collectionHasImage: !!scalar(row[config.image ?? '']),
       collectionSaved: prefs.savedIds.includes(collectionId(row)), collectionNotSaved: !prefs.savedIds.includes(collectionId(row)), collectionSelected: prefs.selectedIds.includes(collectionId(row)),

package/templates/branded-lite/tier5-src/_shared/collection-service.ts

@@ -1,5 +1,5 @@
 import { defineService as register, type ServiceDefinition } from '@himalaya/state';
-import { COLLECTIONS, COLLECTION_CHROME_MIN_ITEMS, initialCollection, normalizeCollection, projectCollection, collectionId, type CollectionRow } from './collection-contract.js';
+import { COLLECTIONS, COLLECTION_CHROME_MIN_ITEMS, initialCollection, normalizeCollection, projectCollection, collectionId, collectionActionsLabel, type CollectionRow } from './collection-contract.js';
 import { localPreferences, type PreferenceRuntime } from './local-preferences.js';
 import { copyParam, stashCopy } from './himi-copy.js';
 import { createCollectionQuery, type CollectionQuerySource, type CollectionQueryState } from './collection-query.js';
@@ -130,6 +130,8 @@ export function decorateCollection(name: string, def: { state: State; actions?:
       // the save toggle names the action it WILL take for this row. The
       // old static "Save / unsave" made the owner work out the row's state.
       row.collectionSaveLabel = row.collectionSaved ? copyParam('collection.unsave', 'Remove from saved') : copyParam('collection.save', 'Save');
+      row.collectionActionsLabel = collectionActionsLabel(String(row.collectionTitle ?? ''),
+        copyParam('collection.itemActionsFor', 'Actions for {title}'), copyParam('collection.itemActions', 'Item actions'));
     });
     if (previewId && !rows.some(row => collectionId(row) === previewId)) previewId = '';
     const filterChoices = [{ id: 'all', label: copyParam('collection.all', 'All') }, { id: 'saved', label: copyParam('collection.saved', 'Saved') },

package/templates/community-club/dev/index.ts

@@ -6423,7 +6423,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -6831,7 +6831,7 @@ const SCREENS = runtimeSetting({
                                                                                     "modifiers": {
                                                                                       "width": 44,
                                                                                       "height": 44,
-                                                                                      "accessibilityLabel": "Item actions"
+                                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                                     }
                                                                                   },
                                                                                   "items": [
@@ -7191,7 +7191,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -7599,7 +7599,7 @@ const SCREENS = runtimeSetting({
                                                                                     "modifiers": {
                                                                                       "width": 44,
                                                                                       "height": 44,
-                                                                                      "accessibilityLabel": "Item actions"
+                                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                                     }
                                                                                   },
                                                                                   "items": [
@@ -8346,7 +8346,7 @@ const SCREENS = runtimeSetting({
                                                                           "modifiers": {
                                                                             "width": 44,
                                                                             "height": 44,
-                                                                            "accessibilityLabel": "Item actions"
+                                                                            "accessibilityLabel": "$item.collectionActionsLabel"
                                                                           }
                                                                         },
                                                                         "items": [
@@ -9896,7 +9896,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -10243,7 +10243,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -10533,7 +10533,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -10880,7 +10880,7 @@ const SCREENS = runtimeSetting({
                                                                             "modifiers": {
                                                                               "width": 44,
                                                                               "height": 44,
-                                                                              "accessibilityLabel": "Item actions"
+                                                                              "accessibilityLabel": "$item.collectionActionsLabel"
                                                                             }
                                                                           },
                                                                           "items": [
@@ -11521,7 +11521,7 @@ const SCREENS = runtimeSetting({
                                                                   "modifiers": {
                                                                     "width": 44,
                                                                     "height": 44,
-                                                                    "accessibilityLabel": "Item actions"
+                                                                    "accessibilityLabel": "$item.collectionActionsLabel"
                                                                   }
                                                                 },
                                                                 "items": [
@@ -12956,7 +12956,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -13293,7 +13293,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -13567,7 +13567,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -13904,7 +13904,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -14528,7 +14528,7 @@ const SCREENS = runtimeSetting({
                                                           "modifiers": {
                                                             "width": 44,
                                                             "height": 44,
-                                                            "accessibilityLabel": "Item actions"
+                                                            "accessibilityLabel": "$item.collectionActionsLabel"
                                                           }
                                                         },
                                                         "items": [
@@ -15441,7 +15441,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -15711,7 +15711,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -15985,7 +15985,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -16255,7 +16255,7 @@ const SCREENS = runtimeSetting({
                                                                     "modifiers": {
                                                                       "width": 44,
                                                                       "height": 44,
-                                                                      "accessibilityLabel": "Item actions"
+                                                                      "accessibilityLabel": "$item.collectionActionsLabel"
                                                                     }
                                                                   },
                                                                   "items": [
@@ -16812,7 +16812,7 @@ const SCREENS = runtimeSetting({
                                                           "modifiers": {
                                                             "width": 44,
                                                             "height": 44,
-                                                            "accessibilityLabel": "Item actions"
+                                                            "accessibilityLabel": "$item.collectionActionsLabel"
                                                           }
                                                         },
                                                         "items": [

package/templates/community-club/tier5-src/_shared/collection-contract.ts

@@ -58,6 +58,13 @@ export interface CollectionConfig {
 /** At or below this many records, with no query/filter narrowing them and no further
  * page, the list/grid toggle, Refine, chips, search and count are noise. */
 export const COLLECTION_CHROME_MIN_ITEMS = 4;
+/** The accessible name of a row's overflow menu: `template` with `{title}` filled, or the
+ *  generic `fallback` for a record with no title. */
+export function collectionActionsLabel(title: string, template: string, fallback: string): string {
+  const t = title.trim();
+  return t ? template.replace('{title}', () => t) : fallback;
+}
+
 export const COLLECTIONS: Record<string, CollectionConfig> = {
   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' } },
@@ -184,6 +191,9 @@ export function projectCollection(source: CollectionRow[], config: CollectionCon
       collectionSelectLabel: prefs.selectedIds.includes(collectionId(row)) ? 'Selected' : 'Select',
       // The save toggle names the action it WILL take (the service localizes it).
       collectionSaveLabel: prefs.savedIds.includes(collectionId(row)) ? 'Remove from saved' : 'Save',
+      // The row's overflow menu, named for its record: out of context (a rotor, a voice
+      // command) a list of identical "Item actions" cannot be told apart.
+      collectionActionsLabel: collectionActionsLabel(collectionTitle(row, config), 'Actions for {title}', 'Item actions'),
       collectionSubtitle: scalar(row[config.subtitle ?? '']) || scalar(row.subtitle) || scalar(row.description) || scalar(row.meta),
       collectionImage: scalar(row[config.image ?? '']), collectionNoImage: !scalar(row[config.image ?? '']), collectionHasImage: !!scalar(row[config.image ?? '']),
       collectionSaved: prefs.savedIds.includes(collectionId(row)), collectionNotSaved: !prefs.savedIds.includes(collectionId(row)), collectionSelected: prefs.selectedIds.includes(collectionId(row)),

package/templates/community-club/tier5-src/_shared/collection-service.ts

@@ -1,5 +1,5 @@
 import { defineService as register, type ServiceDefinition } from '@himalaya/state';
-import { COLLECTIONS, COLLECTION_CHROME_MIN_ITEMS, initialCollection, normalizeCollection, projectCollection, collectionId, type CollectionRow } from './collection-contract.js';
+import { COLLECTIONS, COLLECTION_CHROME_MIN_ITEMS, initialCollection, normalizeCollection, projectCollection, collectionId, collectionActionsLabel, type CollectionRow } from './collection-contract.js';
 import { localPreferences, type PreferenceRuntime } from './local-preferences.js';
 import { copyParam, stashCopy } from './himi-copy.js';
 import { createCollectionQuery, type CollectionQuerySource, type CollectionQueryState } from './collection-query.js';
@@ -130,6 +130,8 @@ export function decorateCollection(name: string, def: { state: State; actions?:
       // the save toggle names the action it WILL take for this row. The
       // old static "Save / unsave" made the owner work out the row's state.
       row.collectionSaveLabel = row.collectionSaved ? copyParam('collection.unsave', 'Remove from saved') : copyParam('collection.save', 'Save');
+      row.collectionActionsLabel = collectionActionsLabel(String(row.collectionTitle ?? ''),
+        copyParam('collection.itemActionsFor', 'Actions for {title}'), copyParam('collection.itemActions', 'Item actions'));
     });
     if (previewId && !rows.some(row => collectionId(row) === previewId)) previewId = '';
     const filterChoices = [{ id: 'all', label: copyParam('collection.all', 'All') }, { id: 'saved', label: copyParam('collection.saved', 'Saved') },