@depict-ai/ui 1.4.8 → 1.4.9

package/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.8";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.9";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6072,6 +6072,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_,
@@ -6165,12 +6166,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, $52FdA$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, $52FdA$depictaiutilishared.edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $52FdA$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $52FdA$solidjs.createSignal)();
   const formatted_number_of_results_ = (0, $068bde7fa83ac02c$export$92f2da32c6e7e7ee)({
     number_: (0, $52FdA$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_
   });
@@ -6202,8 +6212,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     }), _el$4, _co$);
     (0, $52FdA$solidjsweb.insert)(_el$, (0, $52FdA$solidjsweb.createComponent)((0, $52FdA$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_();
@@ -6422,8 +6432,8 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
           formatted_number_of_results_: formatted_number_of_results_,
           i18n_: i18n_,
           number_of_results_: (0, $52FdA$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;
           })
         });
       }
@@ -6827,6 +6837,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() {
@@ -6860,6 +6871,12 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
   set listing_type(listing_type) {
     (0, $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_listing_type_signal)[1](listing_type);
   }
+  get meta_title_suffix() {
+    return (0, $parcel$interopDefault($52FdA$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_meta_title_suffix_)[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    (0, $parcel$interopDefault($52FdA$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($52FdA$babelruntimehelpersclassPrivateFieldGet))(this, $9cbefc32b9dab36d$var$_router).on_navigation_;
@@ -6897,6 +6914,10 @@ class $9cbefc32b9dab36d$export$f34314aa9505732e {
       writable: true,
       value: (0, $52FdA$solidjs.createSignal)("")
     });
+    $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_meta_title_suffix_, {
+      writable: true,
+      value: (0, $52FdA$solidjs.createSignal)()
+    });
     $9cbefc32b9dab36d$var$_classPrivateFieldInitSpec(this, $9cbefc32b9dab36d$var$_listing_type_signal, {
       writable: true,
       value: (0, $52FdA$solidjs.createSignal)()
@@ -7016,6 +7037,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_,

package/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.8";
+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({
@@ -815,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/ES10/index.js

@@ -1,4 +1,4 @@
-import { add_to_version_info as $8tj43$add_to_version_info, observer as $8tj43$observer, catchify as $8tj43$catchify, useExpandingContainer as $8tj43$useExpandingContainer, standard_price_format as $8tj43$standard_price_format, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, slider_fading_factory as $8tj43$slider_fading_factory, make_random_classname as $8tj43$make_random_classname, dlog as $8tj43$dlog, hex_to_rgb as $8tj43$hex_to_rgb, report as $8tj43$report, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, javascript_media_query as $8tj43$javascript_media_query, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, fetch_recs as $8tj43$fetch_recs, snakeCasifyObject as $8tj43$snakeCasifyObject, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, base_url as $8tj43$base_url, get_depict_id as $8tj43$get_depict_id, get_user_id as $8tj43$get_user_id, get_session_id as $8tj43$get_session_id, make_url_with_query_params as $8tj43$make_url_with_query_params, fetch_retry as $8tj43$fetch_retry, add_version_query_params as $8tj43$add_version_query_params, dwarn as $8tj43$dwarn, sort_obj as $8tj43$sort_obj, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, queueMacroTask as $8tj43$queueMacroTask, is_debug as $8tj43$is_debug, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, deparallelize_no_drop as $8tj43$deparallelize_no_drop, insert_surfaces as $8tj43$insert_surfaces } from "@depict-ai/utilishared/ES10";
+import { add_to_version_info as $8tj43$add_to_version_info, observer as $8tj43$observer, catchify as $8tj43$catchify, useExpandingContainer as $8tj43$useExpandingContainer, standard_price_format as $8tj43$standard_price_format, Amazing_Slider as $8tj43$Amazing_Slider, slider_snap_css as $8tj43$slider_snap_css, slider_fading_factory as $8tj43$slider_fading_factory, make_random_classname as $8tj43$make_random_classname, dlog as $8tj43$dlog, hex_to_rgb as $8tj43$hex_to_rgb, report as $8tj43$report, relative_luminance_from_rgb as $8tj43$relative_luminance_from_rgb, javascript_media_query as $8tj43$javascript_media_query, n_col_styling_with_dist as $8tj43$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $8tj43$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $8tj43$layout_get_total_rec_amount_for_row, layout_media_query_header as $8tj43$layout_media_query_header, fetch_recs as $8tj43$fetch_recs, snakeCasifyObject as $8tj43$snakeCasifyObject, instant_exec_on_suspect_history_change as $8tj43$instant_exec_on_suspect_history_change, base_url as $8tj43$base_url, get_depict_id as $8tj43$get_depict_id, get_user_id as $8tj43$get_user_id, get_session_id as $8tj43$get_session_id, make_url_with_query_params as $8tj43$make_url_with_query_params, fetch_retry as $8tj43$fetch_retry, add_version_query_params as $8tj43$add_version_query_params, dwarn as $8tj43$dwarn, sort_obj as $8tj43$sort_obj, edit_current_page_meta_tags as $8tj43$edit_current_page_meta_tags, base64_encode_unicode as $8tj43$base64_encode_unicode, base64_decode_unicode as $8tj43$base64_decode_unicode, queueMacroTask as $8tj43$queueMacroTask, is_debug as $8tj43$is_debug, make_asyncIterable_exiter as $8tj43$make_asyncIterable_exiter, href_change_ipns as $8tj43$href_change_ipns, ContainedImage as $8tj43$ContainedImage, buildThresholdList as $8tj43$buildThresholdList, deparallelize_no_drop as $8tj43$deparallelize_no_drop, insert_surfaces as $8tj43$insert_surfaces } from "@depict-ai/utilishared/ES10";
 import { insert as $8tj43$insert, createComponent as $8tj43$createComponent, template as $8tj43$template, getNextElement as $8tj43$getNextElement, getNextMarker as $8tj43$getNextMarker, addEventListener as $8tj43$addEventListener, runHydrationEvents as $8tj43$runHydrationEvents, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, effect as $8tj43$effect, setAttribute as $8tj43$setAttribute, spread as $8tj43$spread, mergeProps as $8tj43$mergeProps, Dynamic as $8tj43$Dynamic, use as $8tj43$use, style as $8tj43$style, classList as $8tj43$classList, className as $8tj43$className, isServer as $8tj43$isServer } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, untrack as $8tj43$untrack, createEffect as $8tj43$createEffect, getOwner as $8tj43$getOwner, Show as $8tj43$Show, runWithOwner as $8tj43$runWithOwner, Index as $8tj43$Index, onCleanup as $8tj43$onCleanup, createRoot as $8tj43$createRoot, on as $8tj43$on, For as $8tj43$For, createRenderEffect as $8tj43$createRenderEffect, createComputed as $8tj43$createComputed, batch as $8tj43$batch, ErrorBoundary as $8tj43$ErrorBoundary, createResource as $8tj43$createResource, createReaction as $8tj43$createReaction, Suspense as $8tj43$Suspense } from "solid-js";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
@@ -8,7 +8,7 @@ import $8tj43$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.8";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.9";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -6020,6 +6020,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_,
@@ -6113,12 +6114,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, $8tj43$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, $8tj43$edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $8tj43$createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $8tj43$createSignal)();
   const formatted_number_of_results_ = (0, $43fbdca0f726a34b$export$92f2da32c6e7e7ee)({
     number_: (0, $8tj43$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_
   });
@@ -6150,8 +6160,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     }), _el$4, _co$);
     (0, $8tj43$insert)(_el$, (0, $8tj43$createComponent)((0, $8tj43$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_();
@@ -6370,8 +6380,8 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
           formatted_number_of_results_: formatted_number_of_results_,
           i18n_: i18n_,
           number_of_results_: (0, $8tj43$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;
           })
         });
       }
@@ -6775,6 +6785,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() {
@@ -6808,6 +6819,12 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
   set listing_type(listing_type) {
     (0, $8tj43$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_listing_type_signal)[1](listing_type);
   }
+  get meta_title_suffix() {
+    return (0, $8tj43$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_meta_title_suffix_)[0]();
+  }
+  set meta_title_suffix(new_suffix) {
+    (0, $8tj43$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, $8tj43$babelruntimehelpersclassPrivateFieldGet)(this, $f5f54892fd0c7d9f$var$_router).on_navigation_;
@@ -6845,6 +6862,10 @@ class $f5f54892fd0c7d9f$export$f34314aa9505732e {
       writable: true,
       value: (0, $8tj43$createSignal)("")
     });
+    $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(this, $f5f54892fd0c7d9f$var$_meta_title_suffix_, {
+      writable: true,
+      value: (0, $8tj43$createSignal)()
+    });
     $f5f54892fd0c7d9f$var$_classPrivateFieldInitSpec(this, $f5f54892fd0c7d9f$var$_listing_type_signal, {
       writable: true,
       value: (0, $8tj43$createSignal)()
@@ -6964,6 +6985,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_,

package/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.8";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.9";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5653,6 +5653,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_,
@@ -5731,6 +5732,14 @@ function $840d88a04b2d22a7$export$f7d2f673fc2f091d({
   const available_filters_ = (0, $gVhhF$solidjs.createMemo)(() => plp_results_()?.filters);
   const crumb_data_ = (0, $gVhhF$solidjs.createMemo)(() => plp_results_()?.breadcrumb);
   const quicklinks_data_ = (0, $gVhhF$solidjs.createMemo)(() => plp_results_()?.quick_links);
+  const meta_tag_data_ = (0, $gVhhF$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, $gVhhF$depictaiutilishared.edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $gVhhF$solidjs.createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $gVhhF$solidjs.createSignal)();
   const formatted_number_of_results_ = (0, $0f400c3f7248d5f1$export$92f2da32c6e7e7ee)({
@@ -6321,6 +6330,7 @@ class $48567ac5b39bac56$export$f34314aa9505732e {
   #merchant_signal = (0, $gVhhF$solidjs.createSignal)();
   #market_signal = (0, $gVhhF$solidjs.createSignal)();
   #query_id_signal = (0, $gVhhF$solidjs.createSignal)("");
+  #meta_title_suffix_ = (0, $gVhhF$solidjs.createSignal)();
   #listing_type_signal = (0, $gVhhF$solidjs.createSignal)();
   static #keys_constructed_with = new Set();
   get localization() {
@@ -6354,6 +6364,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_;
@@ -6481,6 +6497,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_,

package/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.8";
+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({
@@ -815,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/latest/index.js

@@ -1,11 +1,11 @@
-import { add_to_version_info as $9HbP8$add_to_version_info, observer as $9HbP8$observer, catchify as $9HbP8$catchify, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, make_random_classname as $9HbP8$make_random_classname, dlog as $9HbP8$dlog, hex_to_rgb as $9HbP8$hex_to_rgb, report as $9HbP8$report, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, javascript_media_query as $9HbP8$javascript_media_query, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, queueMacroTask as $9HbP8$queueMacroTask, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
+import { add_to_version_info as $9HbP8$add_to_version_info, observer as $9HbP8$observer, catchify as $9HbP8$catchify, useExpandingContainer as $9HbP8$useExpandingContainer, standard_price_format as $9HbP8$standard_price_format, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, slider_fading_factory as $9HbP8$slider_fading_factory, make_random_classname as $9HbP8$make_random_classname, dlog as $9HbP8$dlog, hex_to_rgb as $9HbP8$hex_to_rgb, report as $9HbP8$report, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, javascript_media_query as $9HbP8$javascript_media_query, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, fetch_recs as $9HbP8$fetch_recs, snakeCasifyObject as $9HbP8$snakeCasifyObject, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, base_url as $9HbP8$base_url, get_depict_id as $9HbP8$get_depict_id, get_user_id as $9HbP8$get_user_id, get_session_id as $9HbP8$get_session_id, sort_obj as $9HbP8$sort_obj, fetch_retry as $9HbP8$fetch_retry, add_version_query_params as $9HbP8$add_version_query_params, dwarn as $9HbP8$dwarn, make_url_with_query_params as $9HbP8$make_url_with_query_params, edit_current_page_meta_tags as $9HbP8$edit_current_page_meta_tags, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, queueMacroTask as $9HbP8$queueMacroTask, is_debug as $9HbP8$is_debug, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, insert_surfaces as $9HbP8$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { insert as $9HbP8$insert, createComponent as $9HbP8$createComponent, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, getNextMarker as $9HbP8$getNextMarker, addEventListener as $9HbP8$addEventListener, runHydrationEvents as $9HbP8$runHydrationEvents, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, effect as $9HbP8$effect, setAttribute as $9HbP8$setAttribute, spread as $9HbP8$spread, mergeProps as $9HbP8$mergeProps, Dynamic as $9HbP8$Dynamic, use as $9HbP8$use, style as $9HbP8$style, classList as $9HbP8$classList, className as $9HbP8$className, isServer as $9HbP8$isServer } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, untrack as $9HbP8$untrack, createEffect as $9HbP8$createEffect, getOwner as $9HbP8$getOwner, Show as $9HbP8$Show, runWithOwner as $9HbP8$runWithOwner, Index as $9HbP8$Index, onCleanup as $9HbP8$onCleanup, createRoot as $9HbP8$createRoot, on as $9HbP8$on, For as $9HbP8$For, createRenderEffect as $9HbP8$createRenderEffect, createComputed as $9HbP8$createComputed, batch as $9HbP8$batch, ErrorBoundary as $9HbP8$ErrorBoundary, createResource as $9HbP8$createResource, createReaction as $9HbP8$createReaction, Suspense as $9HbP8$Suspense } from "solid-js";
 
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.8";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.9";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -5604,6 +5604,7 @@ function $df5d81d0fe61ff21$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_,
@@ -5682,6 +5683,14 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
   const available_filters_ = (0, $9HbP8$createMemo)(() => plp_results_()?.filters);
   const crumb_data_ = (0, $9HbP8$createMemo)(() => plp_results_()?.breadcrumb);
   const quicklinks_data_ = (0, $9HbP8$createMemo)(() => plp_results_()?.quick_links);
+  const meta_tag_data_ = (0, $9HbP8$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, $9HbP8$edit_current_page_meta_tags)(meta_tag_data_);
   const [sort_or_filter_open_, set_sort_or_filter_open_] = (0, $9HbP8$createSignal)(false);
   const [desktop_filter_elements_, set_desktop_filter_elements] = (0, $9HbP8$createSignal)();
   const formatted_number_of_results_ = (0, $511cc0abd9a64ce8$export$92f2da32c6e7e7ee)({
@@ -6272,6 +6281,7 @@ class $961b5c64bef4662f$export$f34314aa9505732e {
   #merchant_signal = (0, $9HbP8$createSignal)();
   #market_signal = (0, $9HbP8$createSignal)();
   #query_id_signal = (0, $9HbP8$createSignal)("");
+  #meta_title_suffix_ = (0, $9HbP8$createSignal)();
   #listing_type_signal = (0, $9HbP8$createSignal)();
   static #keys_constructed_with = new Set();
   get localization() {
@@ -6305,6 +6315,12 @@ class $961b5c64bef4662f$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_;
@@ -6432,6 +6448,7 @@ function $961b5c64bef4662f$export$e2bf8ce7779e827e(props) {
       depict_api_: depict_api_,
       min_products_to_fetch_: $961b5c64bef4662f$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_,