@rocketsearch/nuxt-uappi 0.1.0

package/runtime/css/showcase.css

@@ -0,0 +1,56 @@
+/* Port de linxecommerce/2.0.0/src/scss/showcase.scss — CSS nested nativo.
+   O Swiper vira scroll-snap: arraste/touch nativos, setas rolam uma "página". */
+
+[data-rocket-showcase-position] {
+  margin-top: 60px;
+  margin-bottom: 60px;
+}
+
+.rocket-search__showcase {
+  --showcase-gap: 16px;
+  position: relative;
+
+  & .rocket-search__showcase__title {
+    position: relative;
+    display: block;
+    margin-bottom: 30px;
+    font-size: 25px;
+    font-weight: 700;
+    text-align: center;
+
+    &.rocket-search__product-placeholder__item {
+      width: 150px;
+      height: 30px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
+  & .rocket-search__showcase__description {
+    display: block;
+    margin-bottom: 30px;
+    text-align: center;
+  }
+
+  & .rocket-search__showcase__track {
+    display: flex;
+    gap: var(--showcase-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  & .rocket-search__showcase__slide {
+    flex: 0 0 calc((100% - (var(--product-columns) - 1) * var(--showcase-gap)) / var(--product-columns));
+    min-width: 0;
+    scroll-snap-align: start;
+  }
+}
+

package/runtime/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/runtime/plugin.js

@@ -0,0 +1,98 @@
+import { createRocket, sectionFromNivel } from '<%= options.runtimeDir %>/rocket.js';
+
+const options = <%= JSON.stringify(options.config) %>;
+
+// Traduz o `dadosPageAtual` do tema (resposta da Front API da Uappi) para o contexto da
+// página — é o que o browsingContext entregava na Linx.
+function pageFromState (dados) {
+  const nivel = dados && dados.estrutura && dados.estrutura.nivel;
+  const section = sectionFromNivel(nivel);
+  if (!section) return null;
+  const conteudo = (dados && dados.conteudo) || {};
+  return {
+    section,
+    productId: section === 'pdp' && conteudo.id != null ? String(conteudo.id) : null,
+    categoryId: section === 'category' && conteudo.id != null ? String(conteudo.id) : null,
+    product: section === 'pdp' ? conteudo : null
+  };
+}
+
+export default function ({ app, store, $axios }, inject) {
+  const rocket = createRocket(options);
+  inject('rocket', rocket);
+
+  if (process.server) {
+    // Banner loading="ssr" busca no servidor e precisa do pageType da página renderizada.
+    // Só o contexto: evento nenhum sai do servidor.
+    if (store) {
+      store.subscribe((mutation) => {
+        const page = mutation.type === 'setDadosPageAtual' && pageFromState(mutation.payload);
+        if (page) rocket.setPage(page);
+      });
+    }
+    return;
+  }
+
+  rocket.initDebugFromUrl();
+  rocket.flushPendingCartEvents();
+
+  let pageResolved = false;
+
+  function applyPage (dados) {
+    const page = pageFromState(dados);
+    if (!page) return;
+    pageResolved = true;
+    rocket.setPage(page);
+    rocket.fireProductView();
+    rocket.firePageViewIfSectionChanged();
+  }
+
+  // Primeira carga: a página já veio do SSR, o commit aconteceu no servidor e o estado
+  // chega hidratado — não há mutation no cliente para ouvir.
+  if (store && store.state.dadosPageAtual) applyPage(store.state.dadosPageAtual);
+
+  // 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);
+    });
+  }
+
+  if (!pageResolved) rocket.firePageViewIfSectionChanged();
+
+  // Só depois do onReady: a navegação INICIAL do Nuxt também passa pelo beforeEach
+  // (from = '/'), e o reset apagaria o contexto que acabou de vir do SSR.
+  app.router.onReady(() => {
+    app.router.beforeEach((to, from, next) => {
+      if (to.path !== from.path) {
+        pageResolved = false;
+        rocket.setPage({});
+      }
+      next();
+    });
+
+    // Página que não commita dados (ex.: rota estática sem Front API) ainda precisa de
+    // page_view — sem isso a jornada ficaria presa na seção anterior.
+    app.router.afterEach((to, from) => {
+      if (to.path === from.path) return;
+      setTimeout(() => {
+        if (!pageResolved) rocket.firePageViewIfSectionChanged();
+      }, 1500);
+    });
+  });
+
+  // Mesmo ponto único que a Linx interceptava (/carrinho/adicionar-produto): aqui todo
+  // add-to-cart do tema passa por POST /v2/front/checkout/cart no $axios.
+  if ($axios) {
+    $axios.onResponse((response) => {
+      const config = response && response.config;
+      if (!config || String(config.method).toLowerCase() !== 'post') return;
+      if (!/\/v2\/front\/checkout\/cart\/?$/.test(config.url || '')) return;
+      try {
+        const payload = typeof config.data === 'string' ? JSON.parse(config.data) : config.data;
+        rocket.trackAddToCart(payload);
+      }
+      catch (e) { /* tracking é best-effort */ }
+    });
+  }
+}