buktiin 0.0.2 → 0.0.4

package/dist/widget.iife.js

@@ -1,4 +1,4 @@
-(function(){"use strict";function m(n){const t=document.createElement("div");t.classList.add("bukt-container");const e=document.createElement("div");e.classList.add("bukt-main-content");const i=document.createElement("div");i.classList.add("bukt-thumbnail");const a=document.createElement("span");a.innerHTML="I&A",i.appendChild(a);const o=document.createElement("div");o.classList.add("bukt-main");const d=document.createElement("p");d.classList.add("bukt-title"),d.innerHTML=n;const r=document.createElement("div");r.classList.add("bukt-info");const c=document.createElement("span");c.classList.add("bukt-desc"),c.innerHTML="Baru saja";const l=document.createElement("span");l.classList.add("bukt-stamp"),l.innerHTML="diverifikasi oleh ";const s=document.createElement("a");s.classList.add("bukt-brand"),s.href="https://buktiin.id",s.target="_blank",s.innerHTML="Buktiin",l.appendChild(s),r.appendChild(c),r.appendChild(l),o.appendChild(d),o.appendChild(r),e.appendChild(i),e.appendChild(o);const u=document.createElement("button");u.classList.add("bukt-close"),u.onclick=()=>t.remove(),t.appendChild(e),t.appendChild(u),document.body.appendChild(t),setTimeout(()=>{t.style.animation="bukt-fade-out 0.3s ease-in forwards",setTimeout(()=>t.remove(),300)},3500)}function p(){return document.currentScript?.dataset.site||null}async function b(n){const t="https://kgzpnnofxtxtaatwayvg.supabase.co",e="sb_publishable_4bdBlPzHrzcSiKzRyWd6Kw_WIn3zn2Y",i=`${t}/rest/v1/sites?id=eq.${n}&select=enabled,messages,interval`,a=await fetch(i,{headers:{apikey:e,Authorization:`Bearer ${e}`}});return a.ok&&(await a.json())[0]||null}(async function(){const n=p();if(!n){console.error("Site ID not found");return}const t=await b(n);if(!t){console.error("Site not found");return}if(!t.enabled){console.error("Site not enabled");return}console.log("config: ",t);let e=0;function i(){m(t.messages[e%t.messages.length]),e++}setTimeout(()=>{i(),setInterval(i,t.interval)},500)})(),(function(){if(document.getElementById("bukt-style"))return;const t=document.createElement("style");t.id="bukt-style",t.innerHTML=`
+(function(){"use strict";function p(i,t){const e=document.createElement("div");e.classList.add("bukt-container");const n=document.createElement("div");n.classList.add("bukt-main-content");const a=document.createElement("div");if(a.classList.add("bukt-thumbnail"),t){const r=document.createElement("img");r.src=t,a.appendChild(r)}else{const r=document.createElement("span");r.innerHTML="I&A",a.appendChild(r)}const o=document.createElement("div");o.classList.add("bukt-main");const c=document.createElement("p");c.classList.add("bukt-title"),c.innerHTML=i;const l=document.createElement("div");l.classList.add("bukt-info");const u=document.createElement("span");u.classList.add("bukt-desc"),u.innerHTML="Baru saja";const d=document.createElement("span");d.classList.add("bukt-stamp"),d.innerHTML="diverifikasi oleh ";const s=document.createElement("a");s.classList.add("bukt-brand"),s.href="https://buktiin.id",s.target="_blank",s.innerHTML="Buktiin",d.appendChild(s),l.appendChild(u),l.appendChild(d),o.appendChild(c),o.appendChild(l),n.appendChild(a),n.appendChild(o);const m=document.createElement("button");m.classList.add("bukt-close"),m.onclick=()=>e.remove(),e.appendChild(n),e.appendChild(m),document.body.appendChild(e),setTimeout(()=>{e.style.animation="bukt-fade-out 0.3s ease-in forwards",setTimeout(()=>e.remove(),300)},3500)}function b(){return document.currentScript?.dataset.site||null}async function h(i){const t="https://kgzpnnofxtxtaatwayvg.supabase.co",e="sb_publishable_4bdBlPzHrzcSiKzRyWd6Kw_WIn3zn2Y",n=`${t}/rest/v1/sites?id=eq.${i}&select=enabled,messages,interval,img_src`,a=await fetch(n,{headers:{apikey:e,Authorization:`Bearer ${e}`}});return a.ok&&(await a.json())[0]||null}(async function(){const i=b();if(!i){console.error("Site ID not found");return}const t=await h(i);if(!t){console.error("Site not found");return}if(!t.enabled){console.error("Site not enabled");return}let e=0;function n(){p(t.messages[e%t.messages.length],t.img_src),e++}setTimeout(()=>{n(),setInterval(n,t.interval)},500)})(),(function(){if(document.getElementById("bukt-style"))return;const t=document.createElement("style");t.id="bukt-style",t.innerHTML=`
     @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
 
     @keyframes bukt-fade-in {
@@ -26,7 +26,7 @@
       font-family: "Inter", sans-serif;
       font-optical-sizing: auto;
       font-style: normal;
-      position: absolute;
+      position: fixed;
       bottom: 2rem;
       left: 0.5rem;
       right: 0.5rem;
@@ -74,24 +74,30 @@
       width: 0.75rem;
     }
     .bukt-thumbnail {
-      background-color: #89986d;
       border-radius: 0.5rem;
       display: flex;
       justify-content: center;
       align-items: center;
-      color: #f6f0d7;
       height: 52px;
       width: auto;
       aspect-ratio: 1;
     }
+    .bukt-thumbnail > img {
+      width: 80%;
+      height: 80%;
+      object-fit: cover;
+    }
+    .bukt-thumbnail > span {
+      color: #1f1f1f;
+    }
     .bukt-main {
       display: flex;
       flex-direction: column;
       gap: 0.25rem;
     }
     .bukt-title {
-      font-size: 0.875rem;
-      font-weight: 600;
+      font-size: 0.75rem;
+      font-weight: 400;
       color: #1f1f1f;
       display: -webkit-box;
       -webkit-box-orient: vertical;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buktiin",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Social proof app to improve convertion rate",
   "main": "dist/widget.js",
   "files": [