@rocketsearch/nuxt-uappi 0.1.0 → 0.2.1

package/module.js

@@ -77,8 +77,9 @@ module.exports = function rocketSearchUappi (moduleOptions) {
   });
 
   // O pacote chega fora de node_modules via link em dev e dentro dele em produção:
-  // nos dois casos o Babel do tema precisa transpilar.
-  this.options.build.transpile.push(__dirname);
+  // nos dois casos o Babel do tema precisa transpilar. O nome cobre o import direto do
+  // tema (runtime/listing.js): sem ele o bundle do SSR faz require() de ES module.
+  this.options.build.transpile.push(__dirname, module.exports.meta.name);
 
   // Conexão fria + preflight CORS era o grosso da latência do storefront, não a busca.
   this.options.head.link = this.options.head.link || [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocketsearch/nuxt-uappi",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Rocket Search para storefronts Uappi (Nuxt 2): busca, autocomplete, vitrines, banners e eventos",
   "main": "module.js",
   "files": [

package/runtime/components/RocketSearch.vue

@@ -174,9 +174,9 @@
 import RocketSearchFacets from './search/RocketSearchFacets.vue';
 import RocketSearchPagination from './search/RocketSearchPagination.vue';
 import { fetchUappiProducts, productImage, productPath, productPrice, formatCurrency } from '../uappi.js';
+import { TRACKING_PARAMS } from '../listing.js';
 
 // Parâmetros de campanha nunca viram filtro na busca.
-const TRACKING_PARAMS = ['gclid', 'gbraid', 'wbraid', 'gad_source', 'gad_campaignid', 'gclsrc', 'dclid', 'fbclid', 'msclkid', 'yclid', 'ttclid', 'twclid', 'epik', 'sccid', 'sc_click_id', 'li_fat_id', 'rdt_cid', 'irclickid', 'ko_click_id', 'ob_click_id', 'tblci', 'mc_cid', 'mc_eid', '_hsenc', '_hsmi', 'hsctatracking', 'mkt_tok', 'vero_id', 'wickedid'];
 function emptyContext () {
   return {
     appliedFilters: [],

package/runtime/listing.js

@@ -0,0 +1,189 @@
+/**
+ * Busca da Rocket no formato da listagem da Front API da Uappi
+ * (`/v2/front/url/product/listing/search`).
+ *
+ * Para o tema que quer manter a própria página de listagem (filtros, ordenação,
+ * paginação, card): troca só a fonte dos dados. A URL segue o vocabulário do tema
+ * (busca, pg, ipp, order, preco); facets da Rocket entram como `?<Facet>=v1;v2`.
+ */
+
+import { fetchUappiProducts } from './uappi.js';
+
+export const TRACKING_PARAMS = ['gclid', 'gbraid', 'wbraid', 'gad_source', 'gad_campaignid', 'gclsrc', 'dclid', 'fbclid', 'msclkid', 'yclid', 'ttclid', 'twclid', 'epik', 'sccid', 'sc_click_id', 'li_fat_id', 'rdt_cid', 'irclickid', 'ko_click_id', 'ob_click_id', 'tblci', 'mc_cid', 'mc_eid', '_hsenc', '_hsmi', 'hsctatracking', 'mkt_tok', 'vero_id', 'wickedid'];
+
+// Params do tema que não são facet. marca/filtro/atributo/selo são os filtros nativos da
+// Uappi (ids dela): link antigo com eles não pode zerar a busca.
+const THEME_PARAMS = ['busca', 'pg', 'ipp', 'order', 'preco', 'marca', 'filtro', 'atributo', 'selo'];
+
+const SEARCH_ROUTE = '/busca';
+
+function splitValues (raw) {
+  return String(raw || '').split(';').filter(v => v !== '');
+}
+
+function isForwardable (key) {
+  const lower = key.toLowerCase();
+  return !THEME_PARAMS.includes(key) && !TRACKING_PARAMS.includes(lower) && lower.indexOf('utm_') !== 0;
+}
+
+export function toRocketParams (query, limit) {
+  const params = {
+    q: String(query.busca || ''),
+    page: parseInt(query.pg, 10) || 1,
+    size: parseInt(query.ipp, 10) || limit,
+    sort: query.order || 'relevance'
+  };
+  if (query.preco) {
+    const [min, max] = String(query.preco).split('-');
+    if (min) params.minPrice = min;
+    if (max) params.maxPrice = max;
+  }
+  Object.keys(query).forEach((key) => {
+    const value = query[key];
+    if (value === undefined || value === null || value === '' || !isForwardable(key)) return;
+    params[key] = Array.isArray(value) ? value.join(';') : value;
+  });
+  return params;
+}
+
+function route (query) {
+  return { name: 'search', params: {}, query, route: SEARCH_ROUTE };
+}
+
+// Query do link de uma opção: estado atual com o valor ligado/desligado, página zerada.
+function toggled (query, key, value) {
+  const next = Object.assign({}, query);
+  delete next.pg;
+  const values = splitValues(next[key]);
+  const on = values.includes(value);
+  const result = on ? values.filter(v => v !== value) : values.concat(value);
+  if (result.length) next[key] = result.join(';');
+  else delete next[key];
+  return next;
+}
+
+function facetValues (facet, query) {
+  const active = splitValues(query[facet.label]);
+  return (facet.values || []).map((v, index) => {
+    const value = String(v.value);
+    return {
+      id: index + 1,
+      nome: value,
+      label: value,
+      imagem: '',
+      imagemOriginal: '',
+      ordem: index,
+      ativo: active.includes(value),
+      rota: route(toggled(query, facet.label, value)),
+      url: ''
+    };
+  });
+}
+
+export function toUappiListing (response, products, query, options) {
+  const opts = options || {};
+  const term = String(query.busca || '');
+  const facets = Object.values((response && response.facets) || {});
+  const baseQuery = Object.assign({}, query);
+  delete baseQuery.pg;
+
+  const marcas = [];
+  const atributos = [];
+  const filtrosPreco = [];
+  facets.forEach((facet, index) => {
+    if (facet.type === 'range') {
+      if (facet.min != null && facet.max != null) {
+        const de = Math.floor(facet.min);
+        const ate = Math.ceil(facet.max);
+        filtrosPreco.push({ de, ate, ativo: !!query.preco, rota: route(Object.assign({}, baseQuery, { preco: `${de}-${ate}` })), url: '' });
+      }
+      return;
+    }
+    // Disponibilidade (0/1) não tem par na listagem da Uappi.
+    if (facet.type !== 'terms' || facet.field === 'hasStock' || !(facet.values || []).length) return;
+    const values = facetValues(facet, query);
+    if (facet.field === 'brand.name') marcas.push(...values);
+    else atributos.push({ id: index + 1, nome: facet.label, tipo: 'texto', valores: values });
+  });
+
+  const ordenacao = ((response && response.sortOptions) || []).map(option => ({
+    label: option.label,
+    title: option.description || option.label,
+    atual: (query.order || 'relevance') === option.id,
+    rota: route(Object.assign({}, baseQuery, { order: option.id })),
+    url: ''
+  }));
+
+  const size = (response && response.size) || parseInt(query.ipp, 10) || opts.limit;
+  const page = (response && response.page) || 1;
+  const title = (term ? term.charAt(0).toUpperCase() + term.slice(1) : 'Busca') + (opts.titleSuffix || '');
+
+  return {
+    estrutura: {
+      nivel: 'product/listing/search',
+      seo: { title, titleSocial: title, description: '', descriptionSocial: '', keywords: '', indexar: false },
+      breadcrumb: [
+        { label: 'Home', atual: false, rota: { name: 'home', params: {}, query: {}, route: '/' }, url: '/' },
+        { label: 'Busca', atual: true, rota: route({ busca: term }), url: '' }
+      ]
+    },
+    conteudo: {
+      busca: { texto: term, sugestao: [] },
+      layoutPersonalizado: { layout: '', codigoCss: '' },
+      produtos: products,
+      detalhes: {
+        categorias: { niveisAnteriores: [], atual: [], irmas: [], filhas: [] },
+        marcas,
+        filtros: [],
+        filtrosPreco,
+        filtrosDescontoPrecoPor: [],
+        selos: [],
+        atributos,
+        ordenacao
+      }
+    },
+    info: {
+      filtros: { busca: term },
+      offset: (page - 1) * size,
+      limit: size,
+      exibindo: products.length,
+      total: (response && response.total) || 0
+    }
+  };
+}
+
+/**
+ * Busca na Rocket + dados dos produtos na Uappi, já no formato da listagem.
+ * `rocketSearch` leva o que o evento `search` precisa: no SSR o dispatchEvent é no-op,
+ * então quem chama dispara com `dispatchListingSearch` já no cliente.
+ */
+export async function rocketSearchListing ({ $rocket, $axios, query, limit, titleSuffix }) {
+  const start = Date.now();
+  const response = await $rocket.search(toRocketParams(query, limit));
+  const responseTime = Date.now() - start;
+  $rocket.rememberSearchPrices(response.products);
+  const products = await fetchUappiProducts($axios, (response.products || []).map(p => p.id));
+  const listing = toUappiListing(response, products, query, { limit, titleSuffix });
+  listing.rocketSearch = { query: String(query.busca || ''), total: response.total || 0, responseTime, sent: false };
+  return listing;
+}
+
+export function dispatchListingSearch ($rocket, listing) {
+  const info = listing && listing.rocketSearch;
+  if (!info || info.sent || !info.query || typeof window === 'undefined') return;
+  info.sent = true;
+  $rocket.dispatchEvent('search', {
+    query: info.query,
+    resultsCount: info.total,
+    meta: { query: info.query, resultsCount: info.total, responseTime: info.responseTime }
+  }).catch(() => {});
+}
+
+export function dispatchListingClick ($rocket, listing, product, position) {
+  if (!product || product.id == null) return;
+  $rocket.dispatchEvent('click', {
+    productId: String(product.id),
+    position,
+    meta: { source: 'search-page', query: (listing && listing.rocketSearch && listing.rocketSearch.query) || '' }
+  }).catch(() => {});
+}

package/runtime/plugin.js

@@ -51,10 +51,16 @@ export default function ({ app, store, $axios }, inject) {
   // chega hidratado — não há mutation no cliente para ouvir.
   if (store && store.state.dadosPageAtual) applyPage(store.state.dadosPageAtual);
 
+  // Cliente logado (ROC-656): o tema guarda o retorno de checkout/user (`{ id, logado }`) no
+  // Vuex — `setUser` no SSR, então chega hidratado — e commita `setUser` de novo no login e na
+  // troca de perfil, que não recarregam a página.
+  if (store && store.state.user) rocket.trackLogin(store.state.user).catch(() => {});
+
   // Navegação SPA: o tema commita setDadosPageAtual quando a página nova carrega os dados.
   if (store) {
     store.subscribe((mutation) => {
       if (mutation.type === 'setDadosPageAtual') applyPage(mutation.payload);
+      else if (mutation.type === 'setUser') rocket.trackLogin(mutation.payload).catch(() => {});
     });
   }
 

package/runtime/rocket.js

@@ -22,6 +22,7 @@ const PENDING_CART_EVENTS_KEY = 'rs_pending_add_to_cart_events';
 const ANON_SESSION_KEY = 'rs_anon_session_id';
 const ANON_SESSION_TTL = 30 * 60 * 1000;
 const LAST_SECTION_KEY = 'rs_last_section';
+const LOGIN_SENT_KEY = 'rs_login_sent';
 const DEBUG_TOKEN_KEY = 'rs_debug_token';
 const SHOWCASE_DEBUG_KEY = 'rs_showcase_debug';
 // 2h — em sincronia com DEBUG_SESSION_TTL_SECONDS no backend.
@@ -489,6 +490,22 @@ export function createRocket (config) {
     rocket.dispatchEvent('page_view', { meta: { pageType: section, fromSection: prev || null } }).catch(() => {});
   };
 
+  // Cliente logado → 'login' com o id do cliente na Uappi (o mesmo `cliente.id` dos pedidos),
+  // uma vez por (sessão, cliente) na aba (ROC-656). `user` é a resposta da Front API em
+  // checkout/user, checkout/login e checkout/login-multiple-profile: `{ id, logado, ... }`.
+  // A Uappi não tem verificador de comprador: o vínculo fica `declared`. A marca só é gravada
+  // depois de entregue — envio perdido sai de novo na próxima resposta com o cliente.
+  rocket.trackLogin = async function (user) {
+    const customerId = user && user.logado !== false ? toPositiveNumber(user.id) : null;
+    if (!isBrowser || !customerId) return;
+    const sessionId = await rocket.getSessionId();
+    if (!sessionId) return;
+    const mark = sessionId + ':' + customerId;
+    if (storageGet(LOGIN_SENT_KEY) === mark) return;
+    const res = await rocket.dispatchEvent('login', { customerId });
+    if (res && res.ok) storageSet(LOGIN_SENT_KEY, mark);
+  };
+
   rocket.fireProductView = function () {
     if (!page.productId) return;
     const viewData = { productId: page.productId };