@linkitbe/sdk 1.0.2 → 1.0.8

package/dist/linkitbe_sdk.js

@@ -20,7 +20,9 @@
     enableFeedAutoProcess: false,
     // Корень наблюдения для фида (обязателен при enableFeedAutoProcess=true).
     feedObserverRootSelector: null,
-    sdkVersion: '1.0.2',
+    // true = перед POST integration-viewable запросить GET /v1/events/integration-viewable-token (нужен секрет на markup-api).
+    fetchImpressionTokenForViewable: true,
+    sdkVersion: '1.0.8',
     styles: {
       link_color: '#e2187b',
       link_weight: '700',
@@ -113,6 +115,32 @@
     return null;
   }
 
+  async function fetchIntegrationViewableImpressionToken(articleId, processingId) {
+    const partnerKey = config.partnerApiKey ? String(config.partnerApiKey).trim() : '';
+    if (!partnerKey || !processingId) return null;
+    try {
+      const base = String(config.apiBaseUrl || 'https://api.linkitbe.com').replace(/\/$/, '');
+      const u = new URL(base + '/v1/events/integration-viewable-token');
+      u.searchParams.set('article_id', articleId);
+      u.searchParams.set('domain', String(config.domain || ''));
+      u.searchParams.set('processing_id', String(processingId));
+      const res = await fetch(u.toString(), {
+        method: 'GET',
+        headers: {
+          'Accept': 'application/json',
+          'X-Partner-Api-Key': partnerKey,
+        },
+        credentials: 'omit',
+      });
+      if (!res.ok) return null;
+      const j = await res.json();
+      return j && j.impression_token ? String(j.impression_token) : null;
+    } catch (e) {
+      console.warn('[LinkItBe] impression token fetch failed', e);
+      return null;
+    }
+  }
+
   async function emitSdkEvent(eventType, path, articleId, integration, extra) {
     const processingId = extractProcessingIdFromIntegrations([integration]);
     if (!processingId) return;
@@ -136,6 +164,11 @@
       referrer: document.referrer || null,
     }, extra || {});
 
+    if (eventType === 'integration_viewable' && config.fetchImpressionTokenForViewable) {
+      const tok = await fetchIntegrationViewableImpressionToken(articleId, processingId);
+      if (tok) payload.impression_token = tok;
+    }
+
     try {
       const base = String(config.apiBaseUrl || 'https://api.linkitbe.com').replace(/\/$/, '');
       await fetch(`${base}${path}`, {
@@ -163,22 +196,52 @@
 
   function attachIntegrationViewableObserver(articleId, contentBlock) {
     if (!articleId) return;
+    const clearTimer = (linkEl) => {
+      const t = linkEl._lbViewDwellTimer;
+      if (t) {
+        clearTimeout(t);
+        linkEl._lbViewDwellTimer = null;
+      }
+    };
     const io = new IntersectionObserver((entries) => {
       for (let i = 0; i < entries.length; i++) {
         const en = entries[i];
-        if (!en.isIntersecting || en.intersectionRatio < 0.5) continue;
         const linkEl = en.target;
         if (linkEl.dataset.lbViewableSent === '1') continue;
-        let integration;
-        try {
-          integration = JSON.parse(decodeURIComponent(linkEl.dataset.lbIntegration || ''));
-        } catch (e) {
-          io.unobserve(linkEl);
+        if (!en.isIntersecting || en.intersectionRatio < 0.5) {
+          clearTimer(linkEl);
+          linkEl._lbViewVisibleSince = null;
+          linkEl._lbViewLastIr = null;
           continue;
         }
-        linkEl.dataset.lbViewableSent = '1';
-        emitSdkEvent('integration_viewable', '/v1/events/integration-viewable', articleId, integration);
-        io.unobserve(linkEl);
+        linkEl._lbViewLastIr = String(Math.min(1, Math.max(0, en.intersectionRatio)));
+        if (!linkEl._lbViewVisibleSince) {
+          linkEl._lbViewVisibleSince = Date.now();
+        }
+        clearTimer(linkEl);
+        linkEl._lbViewDwellTimer = setTimeout(() => {
+          linkEl._lbViewDwellTimer = null;
+          if (linkEl.dataset.lbViewableSent === '1') return;
+          if (document.visibilityState !== 'visible') return;
+          let integration;
+          try {
+            integration = JSON.parse(decodeURIComponent(linkEl.dataset.lbIntegration || ''));
+          } catch (e) {
+            io.unobserve(linkEl);
+            return;
+          }
+          linkEl.dataset.lbViewableSent = '1';
+          const start = linkEl._lbViewVisibleSince || Date.now();
+          const dwell = Math.max(0, Date.now() - start);
+          const ir = parseFloat(linkEl._lbViewLastIr || '0.5');
+          emitSdkEvent('integration_viewable', '/v1/events/integration-viewable', articleId, integration, {
+            tab_visible: document.visibilityState === 'visible',
+            dwell_ms: Math.max(1000, dwell),
+            intersection_ratio: ir,
+            viewability_rule_version: 'elitesdk-1',
+          });
+          io.unobserve(linkEl);
+        }, 1000);
       }
     }, { threshold: [0.5] });
     contentBlock.querySelectorAll('.__lb_link').forEach((linkEl) => io.observe(linkEl));
@@ -214,6 +277,29 @@
     return preview;
   }
 
+  function positionMarkupPreview(preview, clientX, clientY) {
+    const margin = 12;
+    const offsetX = 16;
+    const cursorAnchor = 60;
+
+    const previewHeight = preview.offsetHeight || 0;
+    const previewWidth = preview.offsetWidth || 0;
+
+    let left = clientX + offsetX;
+    let top = clientY - previewHeight + cursorAnchor;
+
+    const maxLeft = window.innerWidth - previewWidth - margin;
+    left = Math.min(Math.max(left, margin), Math.max(margin, maxLeft));
+
+    const viewportBottom = window.innerHeight - margin;
+    if (top + previewHeight > viewportBottom) {
+      top = clientY - previewHeight - margin;
+    }
+
+    preview.style.left = left + 'px';
+    preview.style.top = Math.max(margin, top) + 'px';
+  }
+
   function showPreview(preview, integration, x, y, styles_config) {
     if (!integration.preview || !integration.preview.img) {
       preview.style.display = 'none';
@@ -242,9 +328,8 @@
     cta.textContent = integration.preview.cta ? String(integration.preview.cta) : '';
     preview.appendChild(cta);
 
-    preview.style.left = (x + 16) + 'px';
-    preview.style.top = (y - 60) + 'px';
     preview.style.display = 'block';
+    positionMarkupPreview(preview, x, y);
   }
 
 
@@ -404,6 +489,113 @@
     }
   }
 
+  function normalizePlainMarkerText(markerText) {
+    const normalized = String(markerText || '#реклама').trim();
+    if (!normalized) {
+      return '#реклама';
+    }
+    if (normalized.endsWith(':')) {
+      return normalized;
+    }
+    return normalized.replace(/:+$/, '') + ':';
+  }
+
+  function appendEridToAdvertiserInfoUrl(rawUrl, erid) {
+    const sanitizedErid = erid != null ? String(erid).trim() : '';
+    if (!sanitizedErid || !rawUrl) {
+      return rawUrl;
+    }
+
+    try {
+      const url = new URL(String(rawUrl), window.location.origin);
+      url.searchParams.set('erid', sanitizedErid);
+      return url.toString();
+    } catch (e) {
+      return rawUrl;
+    }
+  }
+
+  function resolveAdvertiserInfoUrl(integration, pageConfig) {
+    const erid = integration && integration.erid != null
+      ? String(integration.erid).trim()
+      : '';
+
+    const fromIntegration = sanitizeIntegrationLink(integration && integration.advertiser_info_url);
+    if (fromIntegration) {
+      return appendEridToAdvertiserInfoUrl(fromIntegration, erid);
+    }
+
+    const base = pageConfig && pageConfig.advertiser_info_base_url;
+    const advertiser = integration && integration.advertiser != null
+      ? String(integration.advertiser).trim()
+      : '';
+    if (!base || !advertiser) {
+      return null;
+    }
+
+    try {
+      const url = new URL(String(base), window.location.origin);
+      url.searchParams.append('items[]', advertiser);
+      if (erid) {
+        url.searchParams.set('erid', erid);
+      }
+      return url.toString();
+    } catch (e) {
+      return null;
+    }
+  }
+
+  function createAdvertiserInfoLinkElement(integration, linkText, linkStyle, pageConfig) {
+    const sanitizedLink = resolveAdvertiserInfoUrl(integration, pageConfig);
+    if (!sanitizedLink) {
+      console.warn('[LinkItBe] advertiser info url is missing for marker', integration && integration.advertiser);
+      return null;
+    }
+
+    const a = document.createElement('a');
+    a.href = sanitizedLink;
+    a.target = '_blank';
+    a.rel = 'noopener noreferrer sponsored nofollow';
+    a.className = '__lb_link __lb_advertiser_info_link';
+    a.style.cssText = linkStyle.replace(/\s+/g, ' ').trim();
+    a.textContent = linkText;
+    return a;
+  }
+
+  function buildLabelingMarkerNode(labelingTemplate, integration, pageConfig) {
+    const template = labelingTemplate && typeof labelingTemplate === 'object' ? labelingTemplate : {};
+    const markerType = template.marker_type || 'plain_text';
+    const position = template.position || 'before_phrase';
+    const markerText = template.marker_text != null ? String(template.marker_text).trim() : '';
+    const labelStyle = 'font-size:11px;color:#999;display:block;margin-bottom:4px;';
+    const markerLinkStyle = 'font-size:11px;color:#999;font-weight:400;text-decoration:underline;cursor:pointer;';
+
+    if (markerType === 'marker_link') {
+      const text = markerText || '#реклама';
+      const linkEl = createAdvertiserInfoLinkElement(integration, text, markerLinkStyle, pageConfig);
+      if (linkEl) {
+        const wrapper = document.createElement('span');
+        wrapper.style.cssText = labelStyle.replace('margin-bottom:4px;', '');
+        wrapper.appendChild(linkEl);
+        return { node: wrapper, position: position };
+      }
+      console.warn('[LinkItBe] marker_link fallback to plain text:', text);
+      const span = document.createElement('span');
+      span.style.cssText = labelStyle;
+      span.textContent = text;
+      return { node: span, position: position };
+    }
+
+    if (markerType !== 'plain_text') {
+      console.warn('[LinkItBe] unsupported marker_type, fallback to plain_text:', markerType);
+    }
+
+    const span = document.createElement('span');
+    span.style.cssText = labelStyle;
+    span.textContent = normalizePlainMarkerText(markerText || '#реклама');
+    return { node: span, position: position };
+  }
+
   function createLinkElement(integration, linkText, linkStyle) {
     const sanitizedLink = sanitizeIntegrationLink(integration.link);
     if (!sanitizedLink) {
@@ -466,23 +658,17 @@
 
   const MINI_OFFER_PLACEHOLDER = '{anchor_text}';
 
-  function applyMiniOffer(contentBlock, integration, linkStyle) {
-    const sel = config.plainBlockSelector || 'p, blockquote, h1, h2, h3, h4, h5, h6';
-    const blocks = contentBlock.querySelectorAll(sel);
-    if (!blocks.length) {
-      console.warn('[LinkItBe] mini-offer: no content blocks');
+  function applyMiniOffer(contentBlock, integration, linkStyle, labelingTemplate, pageConfig) {
+    if (!contentBlock) {
+      console.warn('[LinkItBe] mini-offer: no content block');
       return false;
     }
 
-    const lastBlock = blocks[blocks.length - 1];
     const outro = document.createElement('p');
     outro.className = '__lb_mini_offer';
     outro.style.cssText = 'margin-top:16px;font-size:15px;font-family:Manrope, sans-serif;color:#343b4c;';
 
-    const adLabel = document.createElement('span');
-    adLabel.style.cssText = 'font-size:11px;color:#999;display:block;margin-bottom:4px;';
-    adLabel.textContent = '#реклама';
-    outro.appendChild(adLabel);
+    const marker = buildLabelingMarkerNode(labelingTemplate, integration, pageConfig);
 
     const body = document.createElement('span');
     const template = integration.text != null ? String(integration.text) : '';
@@ -500,12 +686,20 @@
     body.appendChild(anchor);
     if (after) body.appendChild(document.createTextNode(after));
 
+    if (marker && marker.position === 'before_phrase') {
+      outro.appendChild(marker.node);
+    }
     outro.appendChild(body);
-    lastBlock.after(outro);
+    if (marker && marker.position === 'after_phrase') {
+      outro.appendChild(document.createElement('br'));
+      outro.appendChild(marker.node);
+    }
+
+    contentBlock.appendChild(outro);
     return true;
   }
 
-  function applyIntegrations(articleId, integrations, contentBlock, style_config) {
+  function applyIntegrations(articleId, integrations, contentBlock, style_config, labeling_template, page_config) {
     if (!contentBlock) {
       console.warn('[LinkItBe] Content block not provided');
       const active = filterIntegrationsByAllowedFormats(integrations);
@@ -545,7 +739,7 @@
     }
 
     active.filter(i => i.type === 'mini-offer').forEach(integ => {
-      if (applyMiniOffer(contentBlock, integ, linkStyle)) {
+      if (applyMiniOffer(contentBlock, integ, linkStyle, labeling_template, page_config)) {
         appliedCount += 1;
       } else {
         console.warn('[LinkItBe] mini-offer failed');
@@ -571,8 +765,7 @@
           emitSdkEvent('preview_viewed', '/v1/events/preview-viewed', articleId, integration);
         });
         linkEl.addEventListener('mousemove', (e) => {
-          preview.style.left = (e.clientX + 16) + 'px';
-          preview.style.top = (e.clientY - 60) + 'px';
+          positionMarkupPreview(preview, e.clientX, e.clientY);
         });
         linkEl.addEventListener('mouseleave', () => { preview.style.display = 'none'; });
       });
@@ -594,8 +787,10 @@
 
     const integrations = Array.isArray(data.integrations) ? data.integrations : [];
 
-    const style_config = data.config.style;
-    const result = applyIntegrations(articleId, integrations, contentBlock, style_config);
+    const page_config = data.config && typeof data.config === 'object' ? data.config : {};
+    const style_config = page_config.style || {};
+    const labeling_template = page_config.labeling_template || null;
+    const result = applyIntegrations(articleId, integrations, contentBlock, style_config, labeling_template, page_config);
 
     await emitViewRendered(articleId, result.integrations, result.appliedCount);
   }

package/dist/linkitbe_sdk.min.js

@@ -1 +1 @@
-!function(){const e=Object.assign({domain:window.location.hostname,bootOnLoad:!0,contentSelector:null,showPreview:!0,plainBlockJoiner:"\n",plainBlockSelector:"p, blockquote, h1, h2, h3, h4, h5, h6",allowedFormats:["keyword","mini-offer"],apiBaseUrl:"https://api.linkitbe.com",partnerApiKey:null,articleIdResolver:null,enableFeedAutoProcess:!1,feedObserverRootSelector:null,sdkVersion:"1.0.2",styles:{link_color:"#e2187b",link_weight:"700",link_decoration:"underline"}},window.LinkItBeConfig||{});function n(n){if("function"==typeof e.articleIdResolver)try{const t=e.articleIdResolver(n),o=null!=t?String(t).trim():"";if(o)return o}catch(e){console.warn("[LinkItBe] articleIdResolver failed",e)}return null}function t(){const e="__lb_session_id";try{const n=window.localStorage.getItem(e);if(n&&n.trim())return n.trim();const t=window.crypto&&window.crypto.randomUUID?window.crypto.randomUUID():`${Date.now()}-${Math.random().toString(16).slice(2)}`;return window.localStorage.setItem(e,t),t}catch(e){return`${Date.now()}-${Math.random().toString(16).slice(2)}`}}function o(e){if(!Array.isArray(e))return null;for(const n of e){const e=n&&n.link?String(n.link):"";if(e)try{const n=new URL(e,window.location.origin).searchParams.get("processing_id"),t=Number(n);if(Number.isFinite(t)&&t>0)return t}catch(e){}}return null}async function r(n,r,i,l,s){const c=o([l]);if(!c)return;const a=e.partnerApiKey?String(e.partnerApiKey).trim():"";if(!a)return;const d=Object.assign({event_id:window.crypto&&window.crypto.randomUUID?window.crypto.randomUUID():`${Date.now()}-${Math.random().toString(16).slice(2)}`,event_type:n,event_time:(new Date).toISOString(),article_id:i,domain:e.domain,processing_id:c,placement_link:window.location.href,integration_type:l&&null!=l.type?l.type:null,sdk_version:String(e.sdkVersion||""),session_id:t(),referrer:document.referrer||null},s||{});try{const n=String(e.apiBaseUrl||"https://api.linkitbe.com").replace(/\/$/,"");await fetch(`${n}${r}`,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json","X-Partner-Api-Key":a},body:JSON.stringify(d),keepalive:!0,credentials:"omit"})}catch(e){console.warn("[LinkItBe] failed to send "+n,e)}}async function i(e,n,t){if(t<=0)return;const i=function(e){if(!Array.isArray(e))return null;for(let n=0;n<e.length;n++){const t=e[n];if(t&&o([t]))return t}return null}(n);i&&await r("view_rendered","/v1/events/view-rendered",e,i,{integrations_count:t})}function l(n){const t=e.allowedFormats;return null!=t&&Array.isArray(t)?n.filter(e=>t.includes(e.type)):n}function s(e){const n=[],t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode:e=>function(e){const n=e.nodeType===Node.TEXT_NODE?e.parentElement:e;return!!(n&&n.closest&&n.closest("a.__lb_link"))}(e)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT});let o;for(;o=t.nextNode();)n.push(o);return n}function c(e,n){if(!n)return[];const t=new RegExp(String(n).replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gi");const o=[];let r;for(;null!==(r=t.exec(e));)o.push({start:r.index,end:r.index+r[0].length}),0===r[0].length&&t.lastIndex===r.index&&t.lastIndex++;return o}function a(e,n,t){const o=function(e){if(null==e)return null;try{const n=new URL(String(e),window.location.origin);return"http:"!==n.protocol&&"https:"!==n.protocol?null:n.toString()}catch(e){return null}}(e.link);if(!o)return null;const r=document.createElement("a");return r.href=o,r.target="_blank",r.rel="noopener noreferrer sponsored nofollow",r.className="__lb_link",r.setAttribute("data-lb-integration",encodeURIComponent(JSON.stringify(e))),r.style.cssText=t.replace(/\s+/g," ").trim(),r.textContent=n,r}function d(n,t){const{plain:o,spans:r}=function(n){const t=null!=e.plainBlockJoiner?e.plainBlockJoiner:"\n",o=e.plainBlockSelector||"p, blockquote, h1, h2, h3, h4, h5, h6",r=n.querySelectorAll(o),i=[];let l="";return r.forEach((e,n)=>{n>0&&(l+=t);const o=s(e);for(const e of o){const n=e.textContent;if(!n.length)continue;const t=l.length;l+=n,i.push({g0:t,g1:l.length,node:e})}}),{plain:l,spans:i}}(n),i=function(e,n){if(!e.length)return null;if(1===e.length)return e[0];const t=n||{},o=t.match_index;if(null!=o&&Number.isFinite(Number(o))){const n=Number(o);if(n>=0&&n<e.length)return e[n];console.warn("[LinkItBe] match_index out of range:",o,"n=",e.length)}const r=t.offset_start,i=t.offset_end;if(null!=r&&Number.isFinite(Number(r))){const n=Number(r),t=null!=i&&Number.isFinite(Number(i))?Number(i):null;let o=e[0],l=1/0;for(const r of e){const e=1e9*Math.abs(r.start-n)+(null!=t?Math.abs(r.end-t):0);e<l&&(l=e,o=r)}return o}return console.warn("[LinkItBe] ambiguous matches, skipping (no match_index / offset_start):",e.length),null}(c(o,t.keyword),t.position);if(!i)return null;const l=o.slice(i.start,i.end);return{plain:o,spans:r,span:i,linkText:l}}function u(e,n,t){const o=d(e,n);if(!o)return console.warn("[LinkItBe] no span for keyword:",n.keyword),!1;const{plain:r,spans:i,span:l,linkText:s}=o,c=function(e,n,t){if(e<0||e>=t||!n.length)return null;const o=n.find(n=>e>=n.g0&&e<n.g1);return o?{node:o.node,offset:e-o.g0}:null}(l.start,i,r.length),u=function(e,n,t){if(!n.length)return null;if(e<=0)return{node:n[0].node,offset:0};if(e>=t){const e=n[n.length-1];return{node:e.node,offset:e.node.textContent.length}}for(let t=0;t<n.length;t++){const o=n[t];if(e>o.g0&&e<=o.g1)return{node:o.node,offset:e-o.g0};if(e===o.g0)return{node:o.node,offset:0}}for(let t=0;t<n.length;t++)if(e<n[t].g0)return{node:n[t].node,offset:0};return null}(l.end,i,r.length);if(!c||!u)return console.warn("[LinkItBe] could not map span to DOM"),!1;const p=r.slice(l.start,l.end);if(p.toLowerCase()!==s.toLowerCase())return console.warn("[LinkItBe] plain slice mismatch"),!1;const f=document.createRange();f.setStart(c.node,c.offset),f.setEnd(u.node,u.offset);const g=a(n,p,t);return g?(function(e,n){try{e.surroundContents(n)}catch(t){const o=e.extractContents();for(;o.firstChild;)n.appendChild(o.firstChild);e.insertNode(n)}}(f,g),!0):(console.warn("[LinkItBe] invalid integration link:",n.link),!1)}const p="{anchor_text}";function f(n,t,o,i){if(!o){console.warn("[LinkItBe] Content block not provided");return{appliedCount:0,integrations:l(t)}}const s=e.showPreview?function(){const e=document.createElement("div");return e.id="__lb_preview",e.style.cssText="\n      position: fixed;\n      display: none;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n      padding: 12px;\n      z-index: 99999;\n      width: 180px;\n      font-family: Manrope, sans-serif;\n      pointer-events: none;\n    ",document.body.appendChild(e),e}():null,c=`\n      color:${i.link_color};\n      font-weight:${i.link_weight};\n      text-decoration:${i.link_decoration};\n      cursor:pointer;\n    `,f=l(t);let g=0,h=f.filter(e=>"keyword"===e.type);for(;h.length;){const e=[];for(const n of h){const t=d(o,n);t&&e.push({integ:n,spanStart:t.span.start})}if(!e.length){h.forEach(e=>console.warn("[LinkItBe] unresolved keyword:",e.keyword));break}e.sort((e,n)=>n.spanStart-e.spanStart);const{integ:n}=e[0];u(o,n,c)&&(g+=1),h=h.filter(e=>e!==n)}return f.filter(e=>"mini-offer"===e.type).forEach(n=>{!function(n,t,o){const r=e.plainBlockSelector||"p, blockquote, h1, h2, h3, h4, h5, h6",i=n.querySelectorAll(r);if(!i.length)return console.warn("[LinkItBe] mini-offer: no content blocks"),!1;const l=i[i.length-1],s=document.createElement("p");s.className="__lb_mini_offer",s.style.cssText="margin-top:16px;font-size:15px;font-family:Manrope, sans-serif;color:#343b4c;";const c=document.createElement("span");c.style.cssText="font-size:11px;color:#999;display:block;margin-bottom:4px;",c.textContent="#реклама",s.appendChild(c);const d=document.createElement("span"),u=null!=t.text?String(t.text):"",f=null!=t.anchor_text?String(t.anchor_text):"",g=u.indexOf(p),h=g>=0?u.slice(0,g):u,w=g>=0?u.slice(g+13):"";h&&d.appendChild(document.createTextNode(h));const m=a(t,f,o);return m?(d.appendChild(m),w&&d.appendChild(document.createTextNode(w)),s.appendChild(d),l.after(s),!0):(console.warn("[LinkItBe] mini-offer invalid integration link:",t.link),!1)}(o,n,c)?console.warn("[LinkItBe] mini-offer failed"):g+=1}),s&&o.querySelectorAll(".__lb_link").forEach(e=>{let t;try{t=JSON.parse(decodeURIComponent(e.dataset.lbIntegration||""))}catch(e){return void console.warn("[LinkItBe] invalid integration payload for preview",e)}t.preview&&t.preview.img&&(e.addEventListener("mouseenter",o=>{!function(e,n,t,o,r){if(!n.preview||!n.preview.img)return void(e.style.display="none");e.replaceChildren();const i=document.createElement("img");i.src=String(n.preview.img),i.style.cssText="width:100%;border-radius:8px;display:block;",e.appendChild(i);const l=document.createElement("div");l.style.cssText="margin-top:8px;font-size:13px;color:#343b4c;font-weight:600;",l.textContent=n.preview.title?String(n.preview.title):"",e.appendChild(l);const s=document.createElement("div");s.style.cssText="font-size:12px;color:#777;margin-top:2px;",s.textContent=n.preview.price?String(n.preview.price):"",e.appendChild(s);const c=document.createElement("div");c.style.cssText=`font-size:12px;color:${r.link_color};margin-top:2px;`,c.textContent=n.preview.cta?String(n.preview.cta):"",e.appendChild(c),e.style.left=t+16+"px",e.style.top=o-60+"px",e.style.display="block"}(s,t,o.clientX,o.clientY,i),"1"!==e.dataset.lbPreviewSent&&n&&(e.dataset.lbPreviewSent="1",r("preview_viewed","/v1/events/preview-viewed",n,t))}),e.addEventListener("mousemove",e=>{s.style.left=e.clientX+16+"px",s.style.top=e.clientY-60+"px"}),e.addEventListener("mouseleave",()=>{s.style.display="none"}))}),function(e,n){if(!e)return;const t=new IntersectionObserver(n=>{for(let o=0;o<n.length;o++){const i=n[o];if(!i.isIntersecting||i.intersectionRatio<.5)continue;const l=i.target;if("1"===l.dataset.lbViewableSent)continue;let s;try{s=JSON.parse(decodeURIComponent(l.dataset.lbIntegration||""))}catch(e){t.unobserve(l);continue}l.dataset.lbViewableSent="1",r("integration_viewable","/v1/events/integration-viewable",e,s),t.unobserve(l)}},{threshold:[.5]});n.querySelectorAll(".__lb_link").forEach(e=>t.observe(e))}(n,o),{appliedCount:g,integrations:f}}async function g(n,t){if(!function(e,n){return e?!!n||(console.warn("[LinkItBe] Content block not found for article:",e),!1):(console.warn("[LinkItBe] Article ID not found"),!1)}(n,t))return;if("1"===t.dataset.lbProcessed)return;const o=await async function(n){const t=`${String(e.apiBaseUrl||"https://api.linkitbe.com").replace(/\/$/,"")}/v1/markup?article_id=${encodeURIComponent(n)}&domain=${encodeURIComponent(e.domain)}`,o={Accept:"application/json"},r=e.partnerApiKey?String(e.partnerApiKey).trim():"";r&&(o["X-Partner-Api-Key"]=r);const i=await fetch(t,{method:"GET",headers:o,credentials:"omit"});return i.ok?await i.json():null}(n);o&&await async function(e,n,t){if("1"===n.dataset.lbProcessed)return;n.dataset.lbProcessed="1";const o=f(e,Array.isArray(t.integrations)?t.integrations:[],n,t.config.style);await i(e,o.integrations,o.appliedCount)}(n,t,o)}function h(t){if(t.nodeType!==Node.ELEMENT_NODE)return;const o=t.querySelector(e.contentSelector);if(!o)return;g(n(o),o)}function w(e){if(!e)return void console.warn("[LinkItBe] feedRoot not provided for auto markup");new MutationObserver(e=>{for(const n of e)for(let e=0;e<n.addedNodes.length;e++)h(n.addedNodes[e])}).observe(e,{childList:!0,subtree:!0})}async function m(){const t=document.querySelector(e.contentSelector),o=n(t);if(await g(o,t),!0!==e.enableFeedAutoProcess)return;const r=document.querySelector(e.feedObserverRootSelector);r?w(r):console.warn("[LinkItBe] feedObserverRootSelector not found:",e.feedObserverRootSelector)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",m):!0===e.bootOnLoad&&m(),window.LinkItBe=Object.assign({},window.LinkItBe||{},{initArticle:g,startFeedAutoMarkup:w})}();
+!function(){const e=Object.assign({domain:window.location.hostname,bootOnLoad:!0,contentSelector:null,showPreview:!0,plainBlockJoiner:"\n",plainBlockSelector:"p, blockquote, h1, h2, h3, h4, h5, h6",allowedFormats:["keyword","mini-offer"],apiBaseUrl:"https://api.linkitbe.com",partnerApiKey:null,articleIdResolver:null,enableFeedAutoProcess:!1,feedObserverRootSelector:null,fetchImpressionTokenForViewable:!0,sdkVersion:"1.0.8",styles:{link_color:"#e2187b",link_weight:"700",link_decoration:"underline"}},window.LinkItBeConfig||{});function n(n){if("function"==typeof e.articleIdResolver)try{const t=e.articleIdResolver(n),o=null!=t?String(t).trim():"";if(o)return o}catch(e){console.warn("[LinkItBe] articleIdResolver failed",e)}return null}function t(){const e="__lb_session_id";try{const n=window.localStorage.getItem(e);if(n&&n.trim())return n.trim();const t=window.crypto&&window.crypto.randomUUID?window.crypto.randomUUID():`${Date.now()}-${Math.random().toString(16).slice(2)}`;return window.localStorage.setItem(e,t),t}catch(e){return`${Date.now()}-${Math.random().toString(16).slice(2)}`}}function o(e){if(!Array.isArray(e))return null;for(const n of e){const e=n&&n.link?String(n.link):"";if(e)try{const n=new URL(e,window.location.origin).searchParams.get("processing_id"),t=Number(n);if(Number.isFinite(t)&&t>0)return t}catch(e){}}return null}async function r(n,r,i,l,s){const a=o([l]);if(!a)return;const c=e.partnerApiKey?String(e.partnerApiKey).trim():"";if(!c)return;const d=Object.assign({event_id:window.crypto&&window.crypto.randomUUID?window.crypto.randomUUID():`${Date.now()}-${Math.random().toString(16).slice(2)}`,event_type:n,event_time:(new Date).toISOString(),article_id:i,domain:e.domain,processing_id:a,placement_link:window.location.href,integration_type:l&&null!=l.type?l.type:null,sdk_version:String(e.sdkVersion||""),session_id:t(),referrer:document.referrer||null},s||{});if("integration_viewable"===n&&e.fetchImpressionTokenForViewable){const n=await async function(n,t){const o=e.partnerApiKey?String(e.partnerApiKey).trim():"";if(!o||!t)return null;try{const r=String(e.apiBaseUrl||"https://api.linkitbe.com").replace(/\/$/,""),i=new URL(r+"/v1/events/integration-viewable-token");i.searchParams.set("article_id",n),i.searchParams.set("domain",String(e.domain||"")),i.searchParams.set("processing_id",String(t));const l=await fetch(i.toString(),{method:"GET",headers:{Accept:"application/json","X-Partner-Api-Key":o},credentials:"omit"});if(!l.ok)return null;const s=await l.json();return s&&s.impression_token?String(s.impression_token):null}catch(e){return console.warn("[LinkItBe] impression token fetch failed",e),null}}(i,a);n&&(d.impression_token=n)}try{const n=String(e.apiBaseUrl||"https://api.linkitbe.com").replace(/\/$/,"");await fetch(`${n}${r}`,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json","X-Partner-Api-Key":c},body:JSON.stringify(d),keepalive:!0,credentials:"omit"})}catch(e){console.warn("[LinkItBe] failed to send "+n,e)}}async function i(e,n,t){if(t<=0)return;const i=function(e){if(!Array.isArray(e))return null;for(let n=0;n<e.length;n++){const t=e[n];if(t&&o([t]))return t}return null}(n);i&&await r("view_rendered","/v1/events/view-rendered",e,i,{integrations_count:t})}function l(n){const t=e.allowedFormats;return null!=t&&Array.isArray(t)?n.filter(e=>t.includes(e.type)):n}function s(e,n,t){const o=12,r=e.offsetHeight||0,i=e.offsetWidth||0;let l=n+16,s=t-r+60;const a=window.innerWidth-i-o;l=Math.min(Math.max(l,o),Math.max(o,a));s+r>window.innerHeight-o&&(s=t-r-o),e.style.left=l+"px",e.style.top=Math.max(o,s)+"px"}function a(e){const n=[],t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,{acceptNode:e=>function(e){const n=e.nodeType===Node.TEXT_NODE?e.parentElement:e;return!!(n&&n.closest&&n.closest("a.__lb_link"))}(e)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT});let o;for(;o=t.nextNode();)n.push(o);return n}function c(e,n){if(!n)return[];const t=new RegExp(String(n).replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gi");const o=[];let r;for(;null!==(r=t.exec(e));)o.push({start:r.index,end:r.index+r[0].length}),0===r[0].length&&t.lastIndex===r.index&&t.lastIndex++;return o}function d(e){if(null==e)return null;try{const n=new URL(String(e),window.location.origin);return"http:"!==n.protocol&&"https:"!==n.protocol?null:n.toString()}catch(e){return null}}function u(e,n){const t=e&&null!=e.erid?String(e.erid).trim():"",o=d(e&&e.advertiser_info_url);if(o)return function(e,n){const t=null!=n?String(n).trim():"";if(!t||!e)return e;try{const n=new URL(String(e),window.location.origin);return n.searchParams.set("erid",t),n.toString()}catch(n){return e}}(o,t);const r=n&&n.advertiser_info_base_url,i=e&&null!=e.advertiser?String(e.advertiser).trim():"";if(!r||!i)return null;try{const e=new URL(String(r),window.location.origin);return e.searchParams.append("items[]",i),t&&e.searchParams.set("erid",t),e.toString()}catch(e){return null}}function p(e,n,t){const o=e&&"object"==typeof e?e:{},r=o.marker_type||"plain_text",i=o.position||"before_phrase",l=null!=o.marker_text?String(o.marker_text).trim():"",s="font-size:11px;color:#999;display:block;margin-bottom:4px;";if("marker_link"===r){const e=l||"#реклама",o=function(e,n,t,o){const r=u(e,o);if(!r)return console.warn("[LinkItBe] advertiser info url is missing for marker",e&&e.advertiser),null;const i=document.createElement("a");return i.href=r,i.target="_blank",i.rel="noopener noreferrer sponsored nofollow",i.className="__lb_link __lb_advertiser_info_link",i.style.cssText=t.replace(/\s+/g," ").trim(),i.textContent=n,i}(n,e,"font-size:11px;color:#999;font-weight:400;text-decoration:underline;cursor:pointer;",t);if(o){const e=document.createElement("span");return e.style.cssText=s.replace("margin-bottom:4px;",""),e.appendChild(o),{node:e,position:i}}console.warn("[LinkItBe] marker_link fallback to plain text:",e);const r=document.createElement("span");return r.style.cssText=s,r.textContent=e,{node:r,position:i}}"plain_text"!==r&&console.warn("[LinkItBe] unsupported marker_type, fallback to plain_text:",r);const a=document.createElement("span");return a.style.cssText=s,a.textContent=function(e){const n=String(e||"#реклама").trim();return n?n.endsWith(":")?n:n.replace(/:+$/,"")+":":"#реклама"}(l||"#реклама"),{node:a,position:i}}function f(e,n,t){const o=d(e.link);if(!o)return null;const r=document.createElement("a");return r.href=o,r.target="_blank",r.rel="noopener noreferrer sponsored nofollow",r.className="__lb_link",r.setAttribute("data-lb-integration",encodeURIComponent(JSON.stringify(e))),r.style.cssText=t.replace(/\s+/g," ").trim(),r.textContent=n,r}function m(n,t){const{plain:o,spans:r}=function(n){const t=null!=e.plainBlockJoiner?e.plainBlockJoiner:"\n",o=e.plainBlockSelector||"p, blockquote, h1, h2, h3, h4, h5, h6",r=n.querySelectorAll(o),i=[];let l="";return r.forEach((e,n)=>{n>0&&(l+=t);const o=a(e);for(const e of o){const n=e.textContent;if(!n.length)continue;const t=l.length;l+=n,i.push({g0:t,g1:l.length,node:e})}}),{plain:l,spans:i}}(n),i=function(e,n){if(!e.length)return null;if(1===e.length)return e[0];const t=n||{},o=t.match_index;if(null!=o&&Number.isFinite(Number(o))){const n=Number(o);if(n>=0&&n<e.length)return e[n];console.warn("[LinkItBe] match_index out of range:",o,"n=",e.length)}const r=t.offset_start,i=t.offset_end;if(null!=r&&Number.isFinite(Number(r))){const n=Number(r),t=null!=i&&Number.isFinite(Number(i))?Number(i):null;let o=e[0],l=1/0;for(const r of e){const e=1e9*Math.abs(r.start-n)+(null!=t?Math.abs(r.end-t):0);e<l&&(l=e,o=r)}return o}return console.warn("[LinkItBe] ambiguous matches, skipping (no match_index / offset_start):",e.length),null}(c(o,t.keyword),t.position);if(!i)return null;const l=o.slice(i.start,i.end);return{plain:o,spans:r,span:i,linkText:l}}function w(e,n,t){const o=m(e,n);if(!o)return console.warn("[LinkItBe] no span for keyword:",n.keyword),!1;const{plain:r,spans:i,span:l,linkText:s}=o,a=function(e,n,t){if(e<0||e>=t||!n.length)return null;const o=n.find(n=>e>=n.g0&&e<n.g1);return o?{node:o.node,offset:e-o.g0}:null}(l.start,i,r.length),c=function(e,n,t){if(!n.length)return null;if(e<=0)return{node:n[0].node,offset:0};if(e>=t){const e=n[n.length-1];return{node:e.node,offset:e.node.textContent.length}}for(let t=0;t<n.length;t++){const o=n[t];if(e>o.g0&&e<=o.g1)return{node:o.node,offset:e-o.g0};if(e===o.g0)return{node:o.node,offset:0}}for(let t=0;t<n.length;t++)if(e<n[t].g0)return{node:n[t].node,offset:0};return null}(l.end,i,r.length);if(!a||!c)return console.warn("[LinkItBe] could not map span to DOM"),!1;const d=r.slice(l.start,l.end);if(d.toLowerCase()!==s.toLowerCase())return console.warn("[LinkItBe] plain slice mismatch"),!1;const u=document.createRange();u.setStart(a.node,a.offset),u.setEnd(c.node,c.offset);const p=f(n,d,t);return p?(function(e,n){try{e.surroundContents(n)}catch(t){const o=e.extractContents();for(;o.firstChild;)n.appendChild(o.firstChild);e.insertNode(n)}}(u,p),!0):(console.warn("[LinkItBe] invalid integration link:",n.link),!1)}const h="{anchor_text}";function g(n,t,o,i,a,c){if(!o){console.warn("[LinkItBe] Content block not provided");return{appliedCount:0,integrations:l(t)}}const d=e.showPreview?function(){const e=document.createElement("div");return e.id="__lb_preview",e.style.cssText="\n      position: fixed;\n      display: none;\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n      padding: 12px;\n      z-index: 99999;\n      width: 180px;\n      font-family: Manrope, sans-serif;\n      pointer-events: none;\n    ",document.body.appendChild(e),e}():null,u=`\n      color:${i.link_color};\n      font-weight:${i.link_weight};\n      text-decoration:${i.link_decoration};\n      cursor:pointer;\n    `,g=l(t);let b=0,_=g.filter(e=>"keyword"===e.type);for(;_.length;){const e=[];for(const n of _){const t=m(o,n);t&&e.push({integ:n,spanStart:t.span.start})}if(!e.length){_.forEach(e=>console.warn("[LinkItBe] unresolved keyword:",e.keyword));break}e.sort((e,n)=>n.spanStart-e.spanStart);const{integ:n}=e[0];w(o,n,u)&&(b+=1),_=_.filter(e=>e!==n)}return g.filter(e=>"mini-offer"===e.type).forEach(e=>{!function(e,n,t,o,r){if(!e)return console.warn("[LinkItBe] mini-offer: no content block"),!1;const i=document.createElement("p");i.className="__lb_mini_offer",i.style.cssText="margin-top:16px;font-size:15px;font-family:Manrope, sans-serif;color:#343b4c;";const l=p(o,n,r),s=document.createElement("span"),a=null!=n.text?String(n.text):"",c=null!=n.anchor_text?String(n.anchor_text):"",d=a.indexOf(h),u=d>=0?a.slice(0,d):a,m=d>=0?a.slice(d+13):"";u&&s.appendChild(document.createTextNode(u));const w=f(n,c,t);return w?(s.appendChild(w),m&&s.appendChild(document.createTextNode(m)),l&&"before_phrase"===l.position&&i.appendChild(l.node),i.appendChild(s),l&&"after_phrase"===l.position&&(i.appendChild(document.createElement("br")),i.appendChild(l.node)),e.appendChild(i),!0):(console.warn("[LinkItBe] mini-offer invalid integration link:",n.link),!1)}(o,e,u,a,c)?console.warn("[LinkItBe] mini-offer failed"):b+=1}),d&&o.querySelectorAll(".__lb_link").forEach(e=>{let t;try{t=JSON.parse(decodeURIComponent(e.dataset.lbIntegration||""))}catch(e){return void console.warn("[LinkItBe] invalid integration payload for preview",e)}t.preview&&t.preview.img&&(e.addEventListener("mouseenter",o=>{!function(e,n,t,o,r){if(!n.preview||!n.preview.img)return void(e.style.display="none");e.replaceChildren();const i=document.createElement("img");i.src=String(n.preview.img),i.style.cssText="width:100%;border-radius:8px;display:block;",e.appendChild(i);const l=document.createElement("div");l.style.cssText="margin-top:8px;font-size:13px;color:#343b4c;font-weight:600;",l.textContent=n.preview.title?String(n.preview.title):"",e.appendChild(l);const a=document.createElement("div");a.style.cssText="font-size:12px;color:#777;margin-top:2px;",a.textContent=n.preview.price?String(n.preview.price):"",e.appendChild(a);const c=document.createElement("div");c.style.cssText=`font-size:12px;color:${r.link_color};margin-top:2px;`,c.textContent=n.preview.cta?String(n.preview.cta):"",e.appendChild(c),e.style.display="block",s(e,t,o)}(d,t,o.clientX,o.clientY,i),"1"!==e.dataset.lbPreviewSent&&n&&(e.dataset.lbPreviewSent="1",r("preview_viewed","/v1/events/preview-viewed",n,t))}),e.addEventListener("mousemove",e=>{s(d,e.clientX,e.clientY)}),e.addEventListener("mouseleave",()=>{d.style.display="none"}))}),function(e,n){if(!e)return;const t=e=>{const n=e._lbViewDwellTimer;n&&(clearTimeout(n),e._lbViewDwellTimer=null)},o=new IntersectionObserver(n=>{for(let i=0;i<n.length;i++){const l=n[i],s=l.target;"1"!==s.dataset.lbViewableSent&&(!l.isIntersecting||l.intersectionRatio<.5?(t(s),s._lbViewVisibleSince=null,s._lbViewLastIr=null):(s._lbViewLastIr=String(Math.min(1,Math.max(0,l.intersectionRatio))),s._lbViewVisibleSince||(s._lbViewVisibleSince=Date.now()),t(s),s._lbViewDwellTimer=setTimeout(()=>{if(s._lbViewDwellTimer=null,"1"===s.dataset.lbViewableSent)return;if("visible"!==document.visibilityState)return;let n;try{n=JSON.parse(decodeURIComponent(s.dataset.lbIntegration||""))}catch(e){return void o.unobserve(s)}s.dataset.lbViewableSent="1";const t=s._lbViewVisibleSince||Date.now(),i=Math.max(0,Date.now()-t),l=parseFloat(s._lbViewLastIr||"0.5");r("integration_viewable","/v1/events/integration-viewable",e,n,{tab_visible:"visible"===document.visibilityState,dwell_ms:Math.max(1e3,i),intersection_ratio:l,viewability_rule_version:"elitesdk-1"}),o.unobserve(s)},1e3)))}},{threshold:[.5]});n.querySelectorAll(".__lb_link").forEach(e=>o.observe(e))}(n,o),{appliedCount:b,integrations:g}}async function b(n,t){if(!function(e,n){return e?!!n||(console.warn("[LinkItBe] Content block not found for article:",e),!1):(console.warn("[LinkItBe] Article ID not found"),!1)}(n,t))return;if("1"===t.dataset.lbProcessed)return;const o=await async function(n){const t=`${String(e.apiBaseUrl||"https://api.linkitbe.com").replace(/\/$/,"")}/v1/markup?article_id=${encodeURIComponent(n)}&domain=${encodeURIComponent(e.domain)}`,o={Accept:"application/json"},r=e.partnerApiKey?String(e.partnerApiKey).trim():"";r&&(o["X-Partner-Api-Key"]=r);const i=await fetch(t,{method:"GET",headers:o,credentials:"omit"});return i.ok?await i.json():null}(n);o&&await async function(e,n,t){if("1"===n.dataset.lbProcessed)return;n.dataset.lbProcessed="1";const o=Array.isArray(t.integrations)?t.integrations:[],r=t.config&&"object"==typeof t.config?t.config:{},l=g(e,o,n,r.style||{},r.labeling_template||null,r);await i(e,l.integrations,l.appliedCount)}(n,t,o)}function _(t){if(t.nodeType!==Node.ELEMENT_NODE)return;const o=t.querySelector(e.contentSelector);if(!o)return;b(n(o),o)}function k(e){if(!e)return void console.warn("[LinkItBe] feedRoot not provided for auto markup");new MutationObserver(e=>{for(const n of e)for(let e=0;e<n.addedNodes.length;e++)_(n.addedNodes[e])}).observe(e,{childList:!0,subtree:!0})}async function y(){const t=document.querySelector(e.contentSelector),o=n(t);if(await b(o,t),!0!==e.enableFeedAutoProcess)return;const r=document.querySelector(e.feedObserverRootSelector);r?k(r):console.warn("[LinkItBe] feedObserverRootSelector not found:",e.feedObserverRootSelector)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",y):!0===e.bootOnLoad&&y(),window.LinkItBe=Object.assign({},window.LinkItBe||{},{initArticle:b,startFeedAutoMarkup:k})}();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkitbe/sdk",
-  "version": "1.0.2",
+  "version": "1.0.8",
   "description": "LinkItBe browser SDK",
   "license": "UNLICENSED",
   "publishConfig": {