@depict-ai/ui 1.4.7 → 1.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.4.7",
+  "version": "1.4.9",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,9 +236,9 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^1.0.32",
+    "@depict-ai/plp-styling": "^1.0.33",
     "@depict-ai/types": "^1.0.34",
-    "@depict-ai/utilishared": "^1.0.30",
+    "@depict-ai/utilishared": "^1.0.31",
     "solid-js": "^1.7.3"
   },
   "type": "module",

package/server/ES10/index.cjs

@@ -60,7 +60,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.9";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -4846,6 +4846,7 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     depict_api_: depict_api_,
     query_id_: query_id_,
     listing_type_: listing_type_,
+    meta_title_suffix_: meta_title_suffix_,
     current_sorting_: current_sorting_,
     min_products_to_fetch_: min_products_to_fetch_,
     category_filters_open_: category_filters_open_,
@@ -4939,12 +4940,21 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     var _plp_results_4;
     return (_plp_results_4 = plp_results_()) === null || _plp_results_4 === void 0 ? void 0 : _plp_results_4.quick_links;
   });
+  const meta_tag_data_ = (0, $3hooq$solidjs.createMemo)(() => {
+    var _plp_results_5, _plp_results_5$metada, _plp_results_6, _plp_results_6$metada, _plp_results_7, _plp_results_7$metada;
+    meta_title_suffix_();
+    return (_plp_results_5 = plp_results_()) !== null && _plp_results_5 !== void 0 && (_plp_results_5$metada = _plp_results_5.metadata) !== null && _plp_results_5$metada !== void 0 && _plp_results_5$metada.replace_meta_tags ? {
+      title: ((_plp_results_6 = plp_results_()) === null || _plp_results_6 === void 0 ? void 0 : (_plp_results_6$metada = _plp_results_6.metadata) === null || _plp_results_6$metada === void 0 ? void 0 : _plp_results_6$metada.title) + (meta_title_suffix_() || ""),
+      description: (_plp_results_7 = plp_results_()) === null || _plp_results_7 === void 0 ? void 0 : (_plp_results_7$metada = _plp_results_7.metadata) === null || _plp_results_7$metada === void 0 ? void 0 : _plp_results_7$metada.description
+    } : null;
+  });
+  (0, $3hooq$depictaiutilishared.edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $3hooq$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $3hooq$solidjs.createSignal)();
   const formatted_number_of_results_ = (0, $068bde7fa83ac02c$export$92f2da32c6e7e7ee)({
     number_: (0, $3hooq$solidjs.createMemo)(() => {
-      var _plp_results_5;
-      return (_plp_results_5 = plp_results_()) === null || _plp_results_5 === void 0 ? void 0 : _plp_results_5.n_hits;
+      var _plp_results_8;
+      return (_plp_results_8 = plp_results_()) === null || _plp_results_8 === void 0 ? void 0 : _plp_results_8.n_hits;
     }),
     i18n_: i18n_
   });
@@ -4968,8 +4978,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     }
   })), (0, $3hooq$solidjsweb.escape)((0, $3hooq$solidjsweb.createComponent)((0, $3hooq$solidjs.Show), {
     get when() {
-      var _plp_results_6;
-      return ((_plp_results_6 = plp_results_()) === null || _plp_results_6 === void 0 ? void 0 : _plp_results_6.n_hits) === 1;
+      var _plp_results_9;
+      return ((_plp_results_9 = plp_results_()) === null || _plp_results_9 === void 0 ? void 0 : _plp_results_9.n_hits) === 1;
     },
     get fallback() {
       return i18n_.products_();
@@ -5151,8 +5161,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         i18n_: i18n_,
         number_of_results_: (0, $3hooq$solidjs.createMemo)(() => {
-          var _plp_results_7;
-          return (_plp_results_7 = plp_results_()) === null || _plp_results_7 === void 0 ? void 0 : _plp_results_7.n_hits;
+          var _plp_results_10;
+          return (_plp_results_10 = plp_results_()) === null || _plp_results_10 === void 0 ? void 0 : _plp_results_10.n_hits;
         })
       });
     }
@@ -5488,6 +5498,24 @@ function $73014ff36186a4dd$var$_get_navigation_happened_promise2(is_replace) {
     (0, $3hooq$depictaiutilishared.instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $bdea39a75c454f4f$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $9cbefc32b9dab36d$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 function $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $9cbefc32b9dab36d$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -5529,6 +5557,7 @@ var $9cbefc32b9dab36d$var$_locale_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_merchant_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_market_signal = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_query_id_signal = /*#__PURE__*/new WeakMap();
+var $9cbefc32b9dab36d$var$_meta_title_suffix_ = /*#__PURE__*/new WeakMap();
 var $9cbefc32b9dab36d$var$_listing_type_signal = /*#__PURE__*/new WeakMap();
 class $9cbefc32b9dab36d$export$f34314aa9505732e {
   get localization() {
@@ -5562,6 +5591,12 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
   set listing_type(listing_type) {
     (0, $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_listing_type_signal)[1](listing_type);
   }
+  get meta_title_suffix() {
+    return (0, $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_meta_title_suffix_)[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    (0, $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_meta_title_suffix_)[1](new_suffix);
+  }
   get on_navigation() {
     // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
     return (0, $parcel$interopDefault($3hooq$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_router).on_navigation_;
@@ -5599,6 +5634,10 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
       writable: true,
       value: (0, $3hooq$solidjs.createSignal)("")
     });
+    $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_meta_title_suffix_, {
+      writable: true,
+      value: (0, $3hooq$solidjs.createSignal)()
+    });
     $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_listing_type_signal, {
       writable: true,
       value: (0, $3hooq$solidjs.createSignal)()
@@ -5672,10 +5711,17 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $9cbefc32b9dab36d$var$get_shared_properties(depict_category);
   return (0, $d05611ff6b8c8357$export$23fca46f3143581f)(() => {
+    (0, $3hooq$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $3hooq$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $3hooq$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -5711,6 +5757,7 @@ function $9cbefc32b9dab36d$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $9cbefc32b9dab36d$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
+      meta_title_suffix_: () => depict_category.meta_title_suffix,
       query_id_: () => depict_category.category_id,
       listing_type_: () => depict_category.listing_type,
       i18n_: i18n_,
@@ -8698,6 +8745,13 @@ function $ddd39c5f36f49703$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $3hooq$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $3hooq$solidjs.onCleanup)(() => (0, $bdea39a75c454f4f$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $3hooq$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $739c927cbecd26b0$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.9";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -548,6 +548,8 @@ export class DepictCategory<InputDisplay extends Display, OutputDisplay extends
   set market(market: string);
   get listing_type(): ListingType | undefined;
   set listing_type(listing_type: ListingType | undefined);
+  get meta_title_suffix(): string | undefined;
+  set meta_title_suffix(new_suffix: string | undefined);
   get on_navigation(): OnNavigation;
   set on_navigation(new_function: OnNavigation);
   constructor({
@@ -568,6 +570,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +706,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };
@@ -813,6 +817,12 @@ export type BaseSearchProviderConfig = {
    */
   enableContentSearch?: boolean;
 };
+export type BaseCategoryProviderConfig = {
+  /**
+   * Currently used for SEO long tail only. Example: {generatedTitle} + {metaTitleSuffix}
+   */
+  metaTitleSuffix?: string;
+};
 export interface BaseProductListingConfig {
   /**
    * How many columns to show at each media size.

package/server/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $b8hua$add_to_version_info, observer as $b8hua$observer, catchify as $b8hua$catchify, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, make_random_classname as $b8hua$make_random_classname, dlog as $b8hua$dlog, hex_to_rgb as $b8hua$hex_to_rgb, report as $b8hua$report, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, javascript_media_query as $b8hua$javascript_media_query, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, queueMacroTask as $b8hua$queueMacroTask, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $b8hua$add_to_version_info, observer as $b8hua$observer, catchify as $b8hua$catchify, useExpandingContainer as $b8hua$useExpandingContainer, standard_price_format as $b8hua$standard_price_format, Amazing_Slider as $b8hua$Amazing_Slider, slider_snap_css as $b8hua$slider_snap_css, slider_fading_factory as $b8hua$slider_fading_factory, make_random_classname as $b8hua$make_random_classname, dlog as $b8hua$dlog, hex_to_rgb as $b8hua$hex_to_rgb, report as $b8hua$report, relative_luminance_from_rgb as $b8hua$relative_luminance_from_rgb, javascript_media_query as $b8hua$javascript_media_query, n_col_styling_with_dist as $b8hua$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $b8hua$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $b8hua$layout_get_total_rec_amount_for_row, layout_media_query_header as $b8hua$layout_media_query_header, fetch_recs as $b8hua$fetch_recs, snakeCasifyObject as $b8hua$snakeCasifyObject, instant_exec_on_suspect_history_change as $b8hua$instant_exec_on_suspect_history_change, base_url as $b8hua$base_url, get_depict_id as $b8hua$get_depict_id, get_user_id as $b8hua$get_user_id, get_session_id as $b8hua$get_session_id, make_url_with_query_params as $b8hua$make_url_with_query_params, fetch_retry as $b8hua$fetch_retry, add_version_query_params as $b8hua$add_version_query_params, dwarn as $b8hua$dwarn, sort_obj as $b8hua$sort_obj, edit_current_page_meta_tags as $b8hua$edit_current_page_meta_tags, base64_encode_unicode as $b8hua$base64_encode_unicode, base64_decode_unicode as $b8hua$base64_decode_unicode, queueMacroTask as $b8hua$queueMacroTask, make_asyncIterable_exiter as $b8hua$make_asyncIterable_exiter, href_change_ipns as $b8hua$href_change_ipns, ContainedImage as $b8hua$ContainedImage, deparallelize_no_drop as $b8hua$deparallelize_no_drop, insert_surfaces as $b8hua$insert_surfaces } from "@depict-ai/utilishared/ES10";
 import { insert as $b8hua$insert, createComponent as $b8hua$createComponent, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrAttribute as $b8hua$ssrAttribute, ssrElement as $b8hua$ssrElement, Dynamic as $b8hua$Dynamic, ssrStyle as $b8hua$ssrStyle, ssrClassList as $b8hua$ssrClassList, isServer as $b8hua$isServer, mergeProps as $b8hua$mergeProps } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, untrack as $b8hua$untrack, createEffect as $b8hua$createEffect, getOwner as $b8hua$getOwner, Show as $b8hua$Show, Index as $b8hua$Index, onCleanup as $b8hua$onCleanup, For as $b8hua$For, createRenderEffect as $b8hua$createRenderEffect, createComputed as $b8hua$createComputed, on as $b8hua$on, batch as $b8hua$batch, ErrorBoundary as $b8hua$ErrorBoundary, createRoot as $b8hua$createRoot, runWithOwner as $b8hua$runWithOwner, createResource as $b8hua$createResource, createReaction as $b8hua$createReaction, Suspense as $b8hua$Suspense } from "solid-js";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.9";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -4794,6 +4794,7 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     depict_api_: depict_api_,
     query_id_: query_id_,
     listing_type_: listing_type_,
+    meta_title_suffix_: meta_title_suffix_,
     current_sorting_: current_sorting_,
     min_products_to_fetch_: min_products_to_fetch_,
     category_filters_open_: category_filters_open_,
@@ -4887,12 +4888,21 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     var _plp_results_4;
     return (_plp_results_4 = plp_results_()) === null || _plp_results_4 === void 0 ? void 0 : _plp_results_4.quick_links;
   });
+  const meta_tag_data_ = (0, $b8hua$createMemo)(() => {
+    var _plp_results_5, _plp_results_5$metada, _plp_results_6, _plp_results_6$metada, _plp_results_7, _plp_results_7$metada;
+    meta_title_suffix_();
+    return (_plp_results_5 = plp_results_()) !== null && _plp_results_5 !== void 0 && (_plp_results_5$metada = _plp_results_5.metadata) !== null && _plp_results_5$metada !== void 0 && _plp_results_5$metada.replace_meta_tags ? {
+      title: ((_plp_results_6 = plp_results_()) === null || _plp_results_6 === void 0 ? void 0 : (_plp_results_6$metada = _plp_results_6.metadata) === null || _plp_results_6$metada === void 0 ? void 0 : _plp_results_6$metada.title) + (meta_title_suffix_() || ""),
+      description: (_plp_results_7 = plp_results_()) === null || _plp_results_7 === void 0 ? void 0 : (_plp_results_7$metada = _plp_results_7.metadata) === null || _plp_results_7$metada === void 0 ? void 0 : _plp_results_7$metada.description
+    } : null;
+  });
+  (0, $b8hua$edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $b8hua$createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $b8hua$createSignal)();
   const formatted_number_of_results_ = (0, $43fbdca0f726a34b$export$92f2da32c6e7e7ee)({
     number_: (0, $b8hua$createMemo)(() => {
-      var _plp_results_5;
-      return (_plp_results_5 = plp_results_()) === null || _plp_results_5 === void 0 ? void 0 : _plp_results_5.n_hits;
+      var _plp_results_8;
+      return (_plp_results_8 = plp_results_()) === null || _plp_results_8 === void 0 ? void 0 : _plp_results_8.n_hits;
     }),
     i18n_: i18n_
   });
@@ -4916,8 +4926,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     }
   })), (0, $b8hua$escape)((0, $b8hua$createComponent)((0, $b8hua$Show), {
     get when() {
-      var _plp_results_6;
-      return ((_plp_results_6 = plp_results_()) === null || _plp_results_6 === void 0 ? void 0 : _plp_results_6.n_hits) === 1;
+      var _plp_results_9;
+      return ((_plp_results_9 = plp_results_()) === null || _plp_results_9 === void 0 ? void 0 : _plp_results_9.n_hits) === 1;
     },
     get fallback() {
       return i18n_.products_();
@@ -5099,8 +5109,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
         formatted_number_of_results_: formatted_number_of_results_,
         i18n_: i18n_,
         number_of_results_: (0, $b8hua$createMemo)(() => {
-          var _plp_results_7;
-          return (_plp_results_7 = plp_results_()) === null || _plp_results_7 === void 0 ? void 0 : _plp_results_7.n_hits;
+          var _plp_results_10;
+          return (_plp_results_10 = plp_results_()) === null || _plp_results_10 === void 0 ? void 0 : _plp_results_10.n_hits;
         })
       });
     }
@@ -5436,6 +5446,24 @@ function $ac571292d606f30b$var$_get_navigation_happened_promise2(is_replace) {
     (0, $b8hua$instant_exec_on_suspect_history_change).add(handler);
   });
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $01c33966d9ddb108$export$f50b88e2a00918b5(fn) {
+  return function () {
+    if (!fn) return;
+    try {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $f5f54892fd0c7d9f$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 function $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(obj, privateMap, value) {
   $f5f54892fd0c7d9f$var$_checkPrivateRedeclaration(obj, privateMap);
@@ -5477,6 +5505,7 @@ var $f5f54892fd0c7d9f$var$_locale_signal = /*#__PURE__*/new WeakMap();
 var $f5f54892fd0c7d9f$var$_merchant_signal = /*#__PURE__*/new WeakMap();
 var $f5f54892fd0c7d9f$var$_market_signal = /*#__PURE__*/new WeakMap();
 var $f5f54892fd0c7d9f$var$_query_id_signal = /*#__PURE__*/new WeakMap();
+var $f5f54892fd0c7d9f$var$_meta_title_suffix_ = /*#__PURE__*/new WeakMap();
 var $f5f54892fd0c7d9f$var$_listing_type_signal = /*#__PURE__*/new WeakMap();
 class $f5f54892fd0c7d9f$export$f34314aa9505732e {
   get localization() {
@@ -5510,6 +5539,12 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
   set listing_type(listing_type) {
     (0, $b8hua$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_listing_type_signal)[1](listing_type);
   }
+  get meta_title_suffix() {
+    return (0, $b8hua$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_meta_title_suffix_)[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    (0, $b8hua$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_meta_title_suffix_)[1](new_suffix);
+  }
   get on_navigation() {
     // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
     return (0, $b8hua$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_router).on_navigation_;
@@ -5547,6 +5582,10 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
       writable: true,
       value: (0, $b8hua$createSignal)("")
     });
+    $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(this, $f5f54892fd0c7d9f$var$_meta_title_suffix_, {
+      writable: true,
+      value: (0, $b8hua$createSignal)()
+    });
     $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(this, $f5f54892fd0c7d9f$var$_listing_type_signal, {
       writable: true,
       value: (0, $b8hua$createSignal)()
@@ -5620,10 +5659,17 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $f5f54892fd0c7d9f$var$get_shared_properties(depict_category);
   return (0, $83e8cf2c0b87a58a$export$23fca46f3143581f)(() => {
+    (0, $b8hua$createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $b8hua$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $b8hua$createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -5659,6 +5705,7 @@ function $f5f54892fd0c7d9f$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $f5f54892fd0c7d9f$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
+      meta_title_suffix_: () => depict_category.meta_title_suffix,
       query_id_: () => depict_category.category_id,
       listing_type_: () => depict_category.listing_type,
       i18n_: i18n_,
@@ -8646,6 +8693,13 @@ function $eb064bc3350276c1$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $b8hua$createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $b8hua$onCleanup)(() => (0, $01c33966d9ddb108$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $b8hua$onCleanup)(shared_properties.reset_history_state_);
     return (0, $da279c5a540c6846$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.9";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -4482,6 +4482,7 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   depict_api_: depict_api_,
   query_id_: query_id_,
   listing_type_: listing_type_,
+  meta_title_suffix_: meta_title_suffix_,
   current_sorting_: current_sorting_,
   min_products_to_fetch_: min_products_to_fetch_,
   category_filters_open_: category_filters_open_,
@@ -4560,6 +4561,14 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   const available_filters_ = (0, $5vyXB$solidjs.createMemo)(() => plp_results_()?.filters);
   const crumb_data_ = (0, $5vyXB$solidjs.createMemo)(() => plp_results_()?.breadcrumb);
   const quicklinks_data_ = (0, $5vyXB$solidjs.createMemo)(() => plp_results_()?.quick_links);
+  const meta_tag_data_ = (0, $5vyXB$solidjs.createMemo)(() => {
+    meta_title_suffix_();
+    return plp_results_()?.metadata?.replace_meta_tags ? {
+      title: plp_results_()?.metadata?.title + (meta_title_suffix_() || ""),
+      description: plp_results_()?.metadata?.description
+    } : null;
+  });
+  (0, $5vyXB$depictaiutilishared.edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $5vyXB$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $5vyXB$solidjs.createSignal)();
   const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
@@ -5062,6 +5071,23 @@ class $e96dd13889871fc0$export$7e1297a3a19f10d8 {
     this.on_navigation_ = on_navigation;
   }
 }
+
+/**
+ * Wraps a function in a try/catch block and throws the error globally. If undefined is provided as fn, a no-op is returned.
+ * @param fn the function to wrap
+ */
+function $deaaf04362a1bc71$export$f50b88e2a00918b5(fn) {
+  return function (...args) {
+    if (!fn) return;
+    try {
+      return Reflect.apply(fn, this, args);
+    } catch (e) {
+      queueMicrotask(() => {
+        throw e;
+      });
+    }
+  };
+}
 const $48567ac5b39bac56$var$_tmpl$ = ["<div", ' class="depict plp category">', "</div>"];
 // We just pass page_url_creator to DepictAPI when we instantiate it, so don't allow it to be specified if api is already specified
 /**
@@ -5079,6 +5105,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
   #merchant_signal = (0, $5vyXB$solidjs.createSignal)();
   #market_signal = (0, $5vyXB$solidjs.createSignal)();
   #query_id_signal = (0, $5vyXB$solidjs.createSignal)("");
+  #meta_title_suffix_ = (0, $5vyXB$solidjs.createSignal)();
   #listing_type_signal = (0, $5vyXB$solidjs.createSignal)();
   static #keys_constructed_with = new Set();
   get localization() {
@@ -5112,6 +5139,12 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
   set listing_type(listing_type) {
     this.#listing_type_signal[1](listing_type);
   }
+  get meta_title_suffix() {
+    return this.#meta_title_suffix_[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    this.#meta_title_suffix_[1](new_suffix);
+  }
   get on_navigation() {
     // The only non-reactive public property on the class (I don't see it making sense to have it reactive)
     return this.#router.on_navigation_;
@@ -5193,10 +5226,17 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
   } = props;
   const shared_properties = $48567ac5b39bac56$var$get_shared_properties(depict_category);
   return (0, $95837413165cc2df$export$23fca46f3143581f)(() => {
+    (0, $5vyXB$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictCategory) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const id = depict_category.category_id; // <- this is a reactive getter
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)(id, prev);
+      return id;
+    });
+    (0, $5vyXB$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_id_change)());
     const grid_spacing_override = (0, $5vyXB$solidjs.createMemo)(() => {
       const {
         grid_spacing: grid_spacing
-      } = props; // can be reactive
+      } = props; // can be reactive, therefore read in the memo
       return typeof grid_spacing === "string" ? {
         grid_spacing: grid_spacing
       } : {
@@ -5232,6 +5272,7 @@ function $48567ac5b39bac56$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $48567ac5b39bac56$var$min_products_to_fetch_,
       local_filter_cache_: local_filter_cache_,
+      meta_title_suffix_: () => depict_category.meta_title_suffix,
       query_id_: () => depict_category.category_id,
       listing_type_: () => depict_category.listing_type,
       i18n_: i18n_,
@@ -7982,6 +8023,13 @@ function $2c61e4cd8229c49a$export$f2dc7e4e4aa11abb(props) {
         grid_spacing: grid_spacing.horizontal
       };
     });
+    (0, $5vyXB$solidjs.createEffect)(prev => {
+      // this is here (and not on DepictSearch) so that people also know when PageReplacer removes the page, it's intended to help people replace their own content when a depict page is navigated, see https://depictaiworkspace.slack.com/archives/C04M8MGCF3K/p1691670636155369
+      const search_query = shared_properties.get_search_query_();
+      (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)(search_query, prev);
+      return search_query;
+    });
+    (0, $5vyXB$solidjs.onCleanup)(() => (0, $deaaf04362a1bc71$export$f50b88e2a00918b5)(props.on_query_change)());
     (0, $5vyXB$solidjs.onCleanup)(shared_properties.reset_history_state_);
     return (0, $f1d7cb69f839a526$export$a54ec244c8863715)({
       input_modal_open_: () => !!depict_search.modal_open,

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.7";
+export const version = "1.4.9";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;
@@ -548,6 +548,8 @@ export class DepictCategory<InputDisplay extends Display, OutputDisplay extends
   set market(market: string);
   get listing_type(): ListingType | undefined;
   set listing_type(listing_type: ListingType | undefined);
+  get meta_title_suffix(): string | undefined;
+  set meta_title_suffix(new_suffix: string | undefined);
   get on_navigation(): OnNavigation;
   set on_navigation(new_function: OnNavigation);
   constructor({
@@ -568,6 +570,7 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   show_quicklinks?: boolean;
   show_breadcrumbs?: boolean;
   category_title: typeof CategoryTitle | typeof embedded_num_products;
+  on_query_id_change?: (new_query_id?: string | undefined, old_query_id?: string | undefined) => void;
 }): import("@depict-ai/utilishared").Node_Array;
 export function BreadCrumbs<T extends Display>({
   depict_category
@@ -703,6 +706,7 @@ export function SearchPage<OriginalDisplay extends Display, TransformedDisplay e
   grid_spacing: SDKGridSpacing;
   cols_at_size: SDKColsAtSize;
   product_card_template: ProductCardTemplate<[TransformedDisplay] extends [never] ? OriginalDisplay : ModernDisplayWithPageUrl<TransformedDisplay>>;
+  on_query_change?: (new_query?: string | undefined, old_query?: string | undefined) => void;
   extra_depict_options?: {
     recommendations_cols_at_size?: SDKColsAtSize;
   };
@@ -813,6 +817,12 @@ export type BaseSearchProviderConfig = {
    */
   enableContentSearch?: boolean;
 };
+export type BaseCategoryProviderConfig = {
+  /**
+   * Currently used for SEO long tail only. Example: {generatedTitle} + {metaTitleSuffix}
+   */
+  metaTitleSuffix?: string;
+};
 export interface BaseProductListingConfig {
   /**
    * How many columns to show at each media size.