@tekibo/feedpulse-sdk 0.4.0

package/README.md

@@ -0,0 +1,145 @@
+# @tekibo/feedpulse-sdk
+
+Developer-first embeddable behavior analytics and feedback SDK for Nuxt and React.
+
+- Tracks user interactions from elements tagged with `data-fp-id`
+- Sends event batches to your FeedPulse ingest endpoint
+- Includes ready-to-use feedback widgets for Nuxt and React
+
+## Install
+
+```bash
+pnpm add @tekibo/feedpulse-sdk
+```
+
+## What this SDK tracks
+
+The SDK automatically tracks:
+
+- `click`: when users click an element that has `data-fp-id`
+- `hover`: when users hover an element for more than 500ms
+- `scroll_into_view`: when tagged elements enter viewport
+- `feedback`: explicit rating/message submissions from widget or manual API
+
+## Quick start (Nuxt)
+
+Import from `@tekibo/feedpulse-sdk/nuxt` and wrap your app:
+
+```vue
+<script setup lang="ts">
+import { FeedPulseProvider, FeedPulseWidget } from "@tekibo/feedpulse-sdk/nuxt";
+</script>
+
+<template>
+  <FeedPulseProvider api-key="fp_live_your_project_key">
+    <NuxtPage />
+    <FeedPulseWidget id="global-feedback" position="bottom-right" />
+  </FeedPulseProvider>
+</template>
+```
+
+The SDK uses `https://feed-pulse.vercel.app/api/ingest` by default, so only `api-key` is required.
+Tag any interactive element with `data-fp-id`:
+
+```vue
+<template>
+  <UButton data-fp-id="hero-cta">
+    Start free trial
+  </UButton>
+</template>
+```
+
+Use the composable for manual feedback/event calls:
+
+```vue
+<script setup lang="ts">
+import { useFeedPulse } from "@tekibo/feedpulse-sdk/nuxt";
+
+const tracker = useFeedPulse();
+
+function sendNps() {
+  tracker?.trackFeedback("nps-card", 5, "Great onboarding flow");
+}
+</script>
+```
+
+## Quick start (React)
+
+Import from `@tekibo/feedpulse-sdk/react`:
+
+```tsx
+import { FeedPulseProvider, FeedPulseWidget, useFeedPulse } from "@tekibo/feedpulse-sdk/react";
+
+function SaveButton() {
+  const { tracker } = useFeedPulse();
+
+  return (
+    <button
+      data-fp-id="settings-save"
+      onClick={() => tracker?.trackFeedback("settings-save", 5, "Saved successfully")}
+    >
+      Save
+    </button>
+  );
+}
+
+export default function App() {
+  return (
+    <FeedPulseProvider apiKey="fp_live_your_project_key">
+      <button data-fp-id="hero-cta">Get Started</button>
+      <SaveButton />
+      <FeedPulseWidget id="global-feedback" position="bottom-right" />
+    </FeedPulseProvider>
+  );
+}
+```
+
+## Core API
+
+Import from `@tekibo/feedpulse-sdk`:
+
+```ts
+import { FeedPulseTracker } from "@tekibo/feedpulse-sdk";
+```
+
+`FeedPulseTracker` configuration:
+
+- `apiKey: string` required
+- `endpoint?: string` optional, defaults to `https://feed-pulse.vercel.app/api/ingest`
+- `batchInterval?: number` optional, defaults to `5000` ms
+
+Key methods:
+
+- `init()` start listeners and batching
+- `track(eventType, elementId, metadata?)` enqueue an event
+- `trackFeedback(elementId, rating, message)` send feedback immediately
+- `destroy()` stop listeners and flush queue
+
+## Widget props
+
+Nuxt and React widgets support:
+
+- `id?: string` element id used in feedback event
+- `placeholder?: string` prompt text
+- `position?: "bottom-right" | "bottom-left" | "inline"` default is `"bottom-right"`
+
+## Optional endpoint override
+
+You can override the default endpoint when needed:
+
+- Nuxt: `<FeedPulseProvider api-key="..." endpoint="https://your-domain.com/api/ingest">`
+- React: `<FeedPulseProvider apiKey="..." endpoint="https://your-domain.com/api/ingest">`
+
+## Integration checklist for your app
+
+1. Create a project in FeedPulse dashboard and copy the project API key
+2. Install package and add provider at root layout/app level
+3. Add `data-fp-id` to primary buttons, links, forms, and sections
+4. Optionally mount `FeedPulseWidget` for direct user feedback
+5. Verify data appears in FeedPulse dashboard analytics and feedback pages
+
+## Package exports
+
+- `@tekibo/feedpulse-sdk` → core types + tracker
+- `@tekibo/feedpulse-sdk/nuxt` → `FeedPulseProvider`, `FeedPulseWidget`, `useFeedPulse`
+- `@tekibo/feedpulse-sdk/react` → `FeedPulseProvider`, `FeedPulseWidget`, `useFeedPulse`

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class d{constructor(e){this.queue=[],this.flushInterval=null,this.observer=null,this.intersectionObserver=null,this.scrollFallbackListener=null,this.resizeFallbackListener=null,this.seenInView=new Set;const i="https://feedpulse-workers.YOUR_SUBDOMAIN.workers.dev/ingest";this.config={apiKey:e.apiKey,endpoint:e.endpoint??i,batchInterval:e.batchInterval??5e3,debug:e.debug??!1},this.visitorId="",this.sessionId=""}init(){this.isBrowser()&&(this.visitorId=this.getOrCreateVisitorId(),this.sessionId=this.generateSessionId(),this.startFlushInterval(),this.attachGlobalListeners(),this.observeDOM())}attachGlobalListeners(){document.addEventListener("click",t=>{const s=t.target.closest("[data-fp-id]");s&&this.track("click",s.getAttribute("data-fp-id"),{x:t.clientX,y:t.clientY})},{passive:!0});let e=0,i=null;document.addEventListener("mouseover",t=>{const s=t.target.closest("[data-fp-id]");s&&(e=Date.now(),i=s.getAttribute("data-fp-id"))},{passive:!0}),document.addEventListener("mouseout",t=>{if(!t.target.closest("[data-fp-id]")||!i)return;const r=Date.now()-e;r>500&&this.track("hover",i,{hoverDuration:r}),i=null},{passive:!0})}observeDOM(){const e=s=>{this.seenInView.has(s)||(this.seenInView.add(s),this.track("scroll_into_view",s,{scrollDepth:Math.round(window.scrollY/Math.max(1,document.body.scrollHeight)*100)}))};this.intersectionObserver=new IntersectionObserver(s=>{for(const r of s){const n=r.target.dataset.fpId;!n||!r.isIntersecting||e(n)}},{threshold:.1});const i=()=>{document.querySelectorAll("[data-fp-id]").forEach(s=>{this.intersectionObserver?.observe(s)})},t=()=>{const s=window.innerHeight*.1,r=window.innerHeight*.9;document.querySelectorAll("[data-fp-id]").forEach(n=>{const o=n.dataset.fpId;if(!o||this.seenInView.has(o))return;const a=n.getBoundingClientRect();a.bottom>=s&&a.top<=r&&e(o)})};i(),t(),this.scrollFallbackListener=()=>t(),this.resizeFallbackListener=()=>t(),window.addEventListener("scroll",this.scrollFallbackListener,{passive:!0}),window.addEventListener("resize",this.resizeFallbackListener,{passive:!0}),this.observer=new MutationObserver(()=>i()),this.observer.observe(document.body,{childList:!0,subtree:!0})}track(e,i,t){this.isBrowser()&&this.queue.push({projectApiKey:this.config.apiKey,elementId:i,eventType:e,sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,referrer:document.referrer,device:this.getDeviceType(),browser:this.getBrowser(),os:this.getOS(),metadata:t,timestamp:new Date().toISOString()})}trackFeedback(e,i,t){this.isBrowser()&&(!i&&!t||this.sendImmediate([{projectApiKey:this.config.apiKey,elementId:e??"__page__",eventType:"feedback",sessionId:this.sessionId,visitorId:this.visitorId,page:window.location.pathname,device:this.getDeviceType(),metadata:{rating:i,message:t},timestamp:new Date().toISOString()}]))}async flush(){if(this.queue.length===0)return;const e=[...this.queue];this.queue=[],await this.sendImmediate(e)}async sendImmediate(e){try{const i=await fetch(this.config.endpoint,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({events:e}),keepalive:!0});if(this.config.debug&&i.ok){const t=await i.json().catch(()=>null);t?.ingested!==void 0&&t?.pipeline&&globalThis.console.debug(`[FeedPulse] ${t.ingested} events via ${t.pipeline} pipeline`)}}catch{}}startFlushInterval(){this.flushInterval=setInterval(()=>this.flush(),this.config.batchInterval),window.addEventListener("beforeunload",()=>this.flush()),document.addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&this.flush()})}getOrCreateVisitorId(){const e="__fp_vid",i=this.generateId();try{let t=localStorage.getItem(e);return t||(t=i,localStorage.setItem(e,t)),t}catch{return i}}generateId(){return typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`}isBrowser(){return typeof window<"u"&&typeof document<"u"}generateSessionId(){return`${Date.now()}-${Math.random().toString(36).slice(2)}`}getDeviceType(){const e=navigator.userAgent;return/Mobi|Android/i.test(e)?"mobile":/Tablet|iPad/i.test(e)?"tablet":"desktop"}getBrowser(){const e=navigator.userAgent;return e.includes("Edg")?"Edge":e.includes("Chrome")?"Chrome":e.includes("Firefox")?"Firefox":e.includes("Safari")?"Safari":"Other"}getOS(){const e=navigator.userAgent;return e.includes("Windows")?"Windows":e.includes("Mac")?"macOS":e.includes("Linux")?"Linux":e.includes("Android")?"Android":/iPhone|iOS/.test(e)?"iOS":"Other"}destroy(){this.flushInterval&&clearInterval(this.flushInterval),this.scrollFallbackListener&&window.removeEventListener("scroll",this.scrollFallbackListener),this.resizeFallbackListener&&window.removeEventListener("resize",this.resizeFallbackListener),this.observer?.disconnect(),this.intersectionObserver?.disconnect(),this.flush()}}exports.FeedPulseTracker=d;

package/dist/index.mjs

@@ -0,0 +1,153 @@
+class l {
+  constructor(e) {
+    this.queue = [], this.flushInterval = null, this.observer = null, this.intersectionObserver = null, this.scrollFallbackListener = null, this.resizeFallbackListener = null, this.seenInView = /* @__PURE__ */ new Set();
+    const i = "https://feedpulse-workers.YOUR_SUBDOMAIN.workers.dev/ingest";
+    this.config = {
+      apiKey: e.apiKey,
+      endpoint: e.endpoint ?? i,
+      batchInterval: e.batchInterval ?? 5e3,
+      debug: e.debug ?? !1
+    }, this.visitorId = "", this.sessionId = "";
+  }
+  init() {
+    this.isBrowser() && (this.visitorId = this.getOrCreateVisitorId(), this.sessionId = this.generateSessionId(), this.startFlushInterval(), this.attachGlobalListeners(), this.observeDOM());
+  }
+  attachGlobalListeners() {
+    document.addEventListener("click", (t) => {
+      const s = t.target.closest("[data-fp-id]");
+      s && this.track("click", s.getAttribute("data-fp-id"), {
+        x: t.clientX,
+        y: t.clientY
+      });
+    }, { passive: !0 });
+    let e = 0, i = null;
+    document.addEventListener("mouseover", (t) => {
+      const s = t.target.closest("[data-fp-id]");
+      s && (e = Date.now(), i = s.getAttribute("data-fp-id"));
+    }, { passive: !0 }), document.addEventListener("mouseout", (t) => {
+      if (!t.target.closest("[data-fp-id]") || !i)
+        return;
+      const r = Date.now() - e;
+      r > 500 && this.track("hover", i, { hoverDuration: r }), i = null;
+    }, { passive: !0 });
+  }
+  observeDOM() {
+    const e = (s) => {
+      this.seenInView.has(s) || (this.seenInView.add(s), this.track("scroll_into_view", s, {
+        scrollDepth: Math.round(window.scrollY / Math.max(1, document.body.scrollHeight) * 100)
+      }));
+    };
+    this.intersectionObserver = new IntersectionObserver((s) => {
+      for (const r of s) {
+        const n = r.target.dataset.fpId;
+        !n || !r.isIntersecting || e(n);
+      }
+    }, { threshold: 0.1 });
+    const i = () => {
+      document.querySelectorAll("[data-fp-id]").forEach((s) => {
+        this.intersectionObserver?.observe(s);
+      });
+    }, t = () => {
+      const s = window.innerHeight * 0.1, r = window.innerHeight * 0.9;
+      document.querySelectorAll("[data-fp-id]").forEach((n) => {
+        const o = n.dataset.fpId;
+        if (!o || this.seenInView.has(o))
+          return;
+        const a = n.getBoundingClientRect();
+        a.bottom >= s && a.top <= r && e(o);
+      });
+    };
+    i(), t(), this.scrollFallbackListener = () => t(), this.resizeFallbackListener = () => t(), window.addEventListener("scroll", this.scrollFallbackListener, { passive: !0 }), window.addEventListener("resize", this.resizeFallbackListener, { passive: !0 }), this.observer = new MutationObserver(() => i()), this.observer.observe(document.body, { childList: !0, subtree: !0 });
+  }
+  track(e, i, t) {
+    this.isBrowser() && this.queue.push({
+      projectApiKey: this.config.apiKey,
+      elementId: i,
+      eventType: e,
+      sessionId: this.sessionId,
+      visitorId: this.visitorId,
+      page: window.location.pathname,
+      referrer: document.referrer,
+      device: this.getDeviceType(),
+      browser: this.getBrowser(),
+      os: this.getOS(),
+      metadata: t,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  trackFeedback(e, i, t) {
+    this.isBrowser() && (!i && !t || this.sendImmediate([{
+      projectApiKey: this.config.apiKey,
+      elementId: e ?? "__page__",
+      eventType: "feedback",
+      sessionId: this.sessionId,
+      visitorId: this.visitorId,
+      page: window.location.pathname,
+      device: this.getDeviceType(),
+      metadata: { rating: i, message: t },
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }]));
+  }
+  async flush() {
+    if (this.queue.length === 0)
+      return;
+    const e = [...this.queue];
+    this.queue = [], await this.sendImmediate(e);
+  }
+  async sendImmediate(e) {
+    try {
+      const i = await fetch(this.config.endpoint, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ events: e }),
+        keepalive: !0
+      });
+      if (this.config.debug && i.ok) {
+        const t = await i.json().catch(() => null);
+        t?.ingested !== void 0 && t?.pipeline && globalThis.console.debug(`[FeedPulse] ${t.ingested} events via ${t.pipeline} pipeline`);
+      }
+    } catch {
+    }
+  }
+  startFlushInterval() {
+    this.flushInterval = setInterval(() => this.flush(), this.config.batchInterval), window.addEventListener("beforeunload", () => this.flush()), document.addEventListener("visibilitychange", () => {
+      document.visibilityState === "hidden" && this.flush();
+    });
+  }
+  getOrCreateVisitorId() {
+    const e = "__fp_vid", i = this.generateId();
+    try {
+      let t = localStorage.getItem(e);
+      return t || (t = i, localStorage.setItem(e, t)), t;
+    } catch {
+      return i;
+    }
+  }
+  generateId() {
+    return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  }
+  isBrowser() {
+    return typeof window < "u" && typeof document < "u";
+  }
+  generateSessionId() {
+    return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  }
+  getDeviceType() {
+    const e = navigator.userAgent;
+    return /Mobi|Android/i.test(e) ? "mobile" : /Tablet|iPad/i.test(e) ? "tablet" : "desktop";
+  }
+  getBrowser() {
+    const e = navigator.userAgent;
+    return e.includes("Edg") ? "Edge" : e.includes("Chrome") ? "Chrome" : e.includes("Firefox") ? "Firefox" : e.includes("Safari") ? "Safari" : "Other";
+  }
+  getOS() {
+    const e = navigator.userAgent;
+    return e.includes("Windows") ? "Windows" : e.includes("Mac") ? "macOS" : e.includes("Linux") ? "Linux" : e.includes("Android") ? "Android" : /iPhone|iOS/.test(e) ? "iOS" : "Other";
+  }
+  destroy() {
+    this.flushInterval && clearInterval(this.flushInterval), this.scrollFallbackListener && window.removeEventListener("scroll", this.scrollFallbackListener), this.resizeFallbackListener && window.removeEventListener("resize", this.resizeFallbackListener), this.observer?.disconnect(), this.intersectionObserver?.disconnect(), this.flush();
+  }
+}
+export {
+  l as FeedPulseTracker
+};

package/dist/nuxt.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),g=require("./index.js"),c=Symbol("feedpulse");function p(){return e.inject(c,null)}const b=e.defineComponent({__name:"FeedPulseProvider",props:{apiKey:{},endpoint:{},debug:{type:Boolean}},setup(t){const o=t,d=new g.FeedPulseTracker({apiKey:o.apiKey,endpoint:o.endpoint,debug:o.debug});return e.provide(c,d),e.onMounted(()=>d.init()),e.onBeforeUnmount(()=>d.destroy()),(r,n)=>e.renderSlot(r.$slots,"default")}}),x={key:1,style:{background:"#fff",border:"1px solid #e5e7eb","border-radius":"12px",padding:"16px",width:"280px","box-shadow":"0 10px 25px rgba(0,0,0,0.15)"}},k={style:{margin:"0 0 12px","font-weight":"600",color:"#111"}},v={style:{display:"flex",gap:"6px","margin-bottom":"12px"}},y=["onClick"],h={key:1,style:{"text-align":"center",padding:"16px",color:"#111"}},E=e.defineComponent({__name:"FeedPulseWidget",props:{id:{},placeholder:{},position:{default:"bottom-right"}},setup(t){const o=t,d=p(),r=e.ref(o.position==="inline"),n=e.ref(null),s=e.ref(""),a=e.ref(!1);function m(u){n.value=u}function f(){!n.value&&!s.value.trim()||(d?.trackFeedback(o.id??null,n.value,s.value||null),a.value=!0,setTimeout(()=>{r.value=o.position==="inline",a.value=!1,n.value=null,s.value=""},2e3))}return(u,l)=>(e.openBlock(),e.createElementBlock("div",{class:"feedpulse-widget",style:e.normalizeStyle(t.position!=="inline"?`position:fixed; ${t.position==="bottom-right"?"right:24px":"left:24px"}; bottom:24px; z-index:9999;`:"")},[t.position!=="inline"?(e.openBlock(),e.createElementBlock("button",{key:0,style:{background:"#6366f1",color:"#fff",border:"none","border-radius":"50%",width:"48px",height:"48px","font-size":"20px",cursor:"pointer"},onClick:l[0]||(l[0]=i=>r.value=!r.value)}," 💬 ")):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("div",x,[a.value?(e.openBlock(),e.createElementBlock("div",h,[...l[2]||(l[2]=[e.createElementVNode("p",{style:{"font-size":"28px",margin:"0"}}," 🎉 ",-1),e.createElementVNode("p",{style:{margin:"8px 0 0","font-weight":"600"}}," Thanks for your feedback! ",-1)])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("p",k,e.toDisplayString(t.placeholder??"How was your experience?"),1),e.createElementVNode("div",v,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(5,i=>e.createElementVNode("button",{key:i,style:e.normalizeStyle({background:"none",border:"none",cursor:"pointer",fontSize:"24px",opacity:n.value!==null&&i<=n.value?1:.3}),onClick:w=>m(i)}," ⭐ ",12,y)),64))]),e.withDirectives(e.createElementVNode("textarea",{"onUpdate:modelValue":l[1]||(l[1]=i=>s.value=i),placeholder:"Tell us more (optional)...",rows:"3",style:{width:"100%",padding:"8px",border:"1px solid #d1d5db","border-radius":"8px",resize:"none","font-size":"14px"}},null,512),[[e.vModelText,s.value]]),e.createElementVNode("button",{style:{"margin-top":"10px",width:"100%",background:"#6366f1",color:"#fff",border:"none","border-radius":"8px",padding:"10px","font-weight":"600",cursor:"pointer"},onClick:f}," Submit Feedback ")],64))])):e.createCommentVNode("",!0)],4))}});exports.FeedPulseProvider=b;exports.FeedPulseWidget=E;exports.useFeedPulse=p;

package/dist/nuxt.mjs

@@ -0,0 +1,88 @@
+import { inject as h, defineComponent as m, provide as w, onMounted as F, onBeforeUnmount as P, renderSlot as _, ref as p, createElementBlock as s, openBlock as d, normalizeStyle as x, createCommentVNode as b, Fragment as g, createElementVNode as n, withDirectives as z, toDisplayString as S, renderList as C, vModelText as E } from "vue";
+import { FeedPulseTracker as T } from "./index.mjs";
+const v = /* @__PURE__ */ Symbol("feedpulse");
+function $() {
+  return h(v, null);
+}
+const W = /* @__PURE__ */ m({
+  __name: "FeedPulseProvider",
+  props: {
+    apiKey: {},
+    endpoint: {},
+    debug: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, u = new T({
+      apiKey: t.apiKey,
+      endpoint: t.endpoint,
+      debug: t.debug
+    });
+    return w(v, u), F(() => u.init()), P(() => u.destroy()), (i, o) => _(i.$slots, "default");
+  }
+}), B = {
+  key: 1,
+  style: { background: "#fff", border: "1px solid #e5e7eb", "border-radius": "12px", padding: "16px", width: "280px", "box-shadow": "0 10px 25px rgba(0,0,0,0.15)" }
+}, K = { style: { margin: "0 0 12px", "font-weight": "600", color: "#111" } }, D = { style: { display: "flex", gap: "6px", "margin-bottom": "12px" } }, U = ["onClick"], V = {
+  key: 1,
+  style: { "text-align": "center", padding: "16px", color: "#111" }
+}, j = /* @__PURE__ */ m({
+  __name: "FeedPulseWidget",
+  props: {
+    id: {},
+    placeholder: {},
+    position: { default: "bottom-right" }
+  },
+  setup(e) {
+    const t = e, u = $(), i = p(t.position === "inline"), o = p(null), a = p(""), c = p(!1);
+    function y(f) {
+      o.value = f;
+    }
+    function k() {
+      !o.value && !a.value.trim() || (u?.trackFeedback(t.id ?? null, o.value, a.value || null), c.value = !0, setTimeout(() => {
+        i.value = t.position === "inline", c.value = !1, o.value = null, a.value = "";
+      }, 2e3));
+    }
+    return (f, r) => (d(), s("div", {
+      class: "feedpulse-widget",
+      style: x(e.position !== "inline" ? `position:fixed; ${e.position === "bottom-right" ? "right:24px" : "left:24px"}; bottom:24px; z-index:9999;` : "")
+    }, [
+      e.position !== "inline" ? (d(), s("button", {
+        key: 0,
+        style: { background: "#6366f1", color: "#fff", border: "none", "border-radius": "50%", width: "48px", height: "48px", "font-size": "20px", cursor: "pointer" },
+        onClick: r[0] || (r[0] = (l) => i.value = !i.value)
+      }, " 💬 ")) : b("", !0),
+      i.value ? (d(), s("div", B, [
+        c.value ? (d(), s("div", V, [...r[2] || (r[2] = [
+          n("p", { style: { "font-size": "28px", margin: "0" } }, " 🎉 ", -1),
+          n("p", { style: { margin: "8px 0 0", "font-weight": "600" } }, " Thanks for your feedback! ", -1)
+        ])])) : (d(), s(g, { key: 0 }, [
+          n("p", K, S(e.placeholder ?? "How was your experience?"), 1),
+          n("div", D, [
+            (d(), s(g, null, C(5, (l) => n("button", {
+              key: l,
+              style: x({ background: "none", border: "none", cursor: "pointer", fontSize: "24px", opacity: o.value !== null && l <= o.value ? 1 : 0.3 }),
+              onClick: (L) => y(l)
+            }, " ⭐ ", 12, U)), 64))
+          ]),
+          z(n("textarea", {
+            "onUpdate:modelValue": r[1] || (r[1] = (l) => a.value = l),
+            placeholder: "Tell us more (optional)...",
+            rows: "3",
+            style: { width: "100%", padding: "8px", border: "1px solid #d1d5db", "border-radius": "8px", resize: "none", "font-size": "14px" }
+          }, null, 512), [
+            [E, a.value]
+          ]),
+          n("button", {
+            style: { "margin-top": "10px", width: "100%", background: "#6366f1", color: "#fff", border: "none", "border-radius": "8px", padding: "10px", "font-weight": "600", cursor: "pointer" },
+            onClick: k
+          }, " Submit Feedback ")
+        ], 64))
+      ])) : b("", !0)
+    ], 4));
+  }
+});
+export {
+  W as FeedPulseProvider,
+  j as FeedPulseWidget,
+  $ as useFeedPulse
+};

package/dist/react.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),ne=require("./index.js");var S={exports:{}},g={};var z;function oe(){if(z)return g;z=1;var i=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function s(d,n,u){var c=null;if(u!==void 0&&(c=""+u),n.key!==void 0&&(c=""+n.key),"key"in n){u={};for(var b in n)b!=="key"&&(u[b]=n[b])}else u=n;return n=u.ref,{$$typeof:i,type:d,key:c,ref:n!==void 0?n:null,props:u}}return g.Fragment=f,g.jsx=s,g.jsxs=s,g}var x={};var D;function ae(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ee?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case P:return"Fragment";case V:return"Profiler";case J:return"StrictMode";case H:return"Suspense";case Z:return"SuspenseList";case K:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case U:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case B:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Q:return r=e.displayName||null,r!==null?r:i(e.type)||"Memo";case j:r=e._payload,e=e._init;try{return i(e(r))}catch{}}return null}function f(e){return""+e}function s(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),f(e)}}function d(e){if(e===P)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var r=i(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function n(){var e=w.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function c(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function R(){var e=i(this.type);return Y[e]||(Y[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,r,t,o,y,A){var a=t.ref;return e={$$typeof:p,type:e,key:r,props:t,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:R}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function k(e,r,t,o,y,A){var a=r.children;if(a!==void 0)if(o)if(re(a)){for(o=0;o<a.length;o++)v(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(a);if(N.call(r,"key")){a=i(e);var _=Object.keys(r).filter(function(te){return te!=="key"});o=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",W[a+o]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,o,a,_,a),W[a+o]=!0)}if(a=null,t!==void 0&&(s(t),a=""+t),c(r)&&(s(r.key),a=""+r.key),"key"in r){t={};for(var C in r)C!=="key"&&(t[C]=r[C])}else t=r;return a&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,a,t,n(),y,A)}function v(e){h(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?h(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function h(e){return typeof e=="object"&&e!==null&&e.$$typeof===p}var E=m,p=Symbol.for("react.transitional.element"),U=Symbol.for("react.portal"),P=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=Symbol.for("react.context"),B=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),K=Symbol.for("react.activity"),ee=Symbol.for("react.client.reference"),w=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,re=Array.isArray,O=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var F,Y={},I=E.react_stack_bottom_frame.bind(E,u)(),$=O(d(u)),W={};x.Fragment=P,x.jsx=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!1,o?Error("react-stack-top-frame"):I,o?O(d(e)):$)},x.jsxs=function(e,r,t){var o=1e4>w.recentlyCreatedOwnerStacks++;return k(e,r,t,!0,o?Error("react-stack-top-frame"):I,o?O(d(e)):$)}})()),x}var M;function se(){return M||(M=1,process.env.NODE_ENV==="production"?S.exports=oe():S.exports=ae()),S.exports}var l=se();const L=m.createContext({tracker:null});function le({apiKey:i,endpoint:f,debug:s,children:d}){const n=m.useRef(null);return m.useEffect(()=>(n.current=new ne.FeedPulseTracker({apiKey:i,endpoint:f,debug:s}),n.current.init(),()=>n.current?.destroy()),[i,f,s]),l.jsx(L.Provider,{value:{tracker:n.current},children:d})}function q(){return m.useContext(L)}function ue({id:i,placeholder:f,position:s="bottom-right"}){const{tracker:d}=q(),[n,u]=m.useState(s==="inline"),[c,b]=m.useState(null),[R,T]=m.useState(""),[k,v]=m.useState(!1),h=()=>{!c&&!R.trim()||(d?.trackFeedback(i??null,c,R||null),v(!0),setTimeout(()=>{u(s==="inline"),v(!1),b(null),T("")},2e3))},E=s!=="inline"?{position:"fixed",bottom:24,[s==="bottom-right"?"right":"left"]:24,zIndex:9999}:{};return l.jsxs("div",{style:E,children:[s!=="inline"&&l.jsx("button",{onClick:()=>u(!n),style:{background:"#6366f1",color:"#fff",border:"none",borderRadius:"50%",width:48,height:48,fontSize:20,cursor:"pointer"},children:"💬"}),n&&l.jsx("div",{style:{background:"#fff",border:"1px solid #e5e7eb",borderRadius:12,padding:16,width:280,boxShadow:"0 10px 25px rgba(0,0,0,0.15)"},children:k?l.jsxs("div",{style:{textAlign:"center",padding:16},children:[l.jsx("p",{style:{fontSize:28,margin:0},children:"🎉"}),l.jsx("p",{style:{margin:"8px 0 0",fontWeight:600},children:"Thanks for your feedback!"})]}):l.jsxs(l.Fragment,{children:[l.jsx("p",{style:{margin:"0 0 12px",fontWeight:600},children:f??"How was your experience?"}),l.jsx("div",{style:{display:"flex",gap:6,marginBottom:12},children:[1,2,3,4,5].map(p=>l.jsx("button",{onClick:()=>b(p),style:{background:"none",border:"none",cursor:"pointer",fontSize:24,opacity:c!==null&&p<=c?1:.3},children:"⭐"},p))}),l.jsx("textarea",{value:R,onChange:p=>T(p.target.value),placeholder:"Tell us more (optional)...",rows:3,style:{width:"100%",padding:8,border:"1px solid #d1d5db",borderRadius:8,resize:"none",fontSize:14}}),l.jsx("button",{onClick:h,style:{marginTop:10,width:"100%",background:"#6366f1",color:"#fff",border:"none",borderRadius:8,padding:10,fontWeight:600,cursor:"pointer"},children:"Submit Feedback"})]})})]})}exports.FeedPulseProvider=le;exports.FeedPulseWidget=ue;exports.useFeedPulse=q;

package/dist/react.mjs

@@ -0,0 +1,330 @@
+import te, { createContext as ne, useRef as oe, useEffect as ae, useContext as se, useState as y } from "react";
+import { FeedPulseTracker as le } from "./index.mjs";
+var S = { exports: {} }, v = {};
+var z;
+function ie() {
+  if (z) return v;
+  z = 1;
+  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(d, n, i) {
+    var c = null;
+    if (i !== void 0 && (c = "" + i), n.key !== void 0 && (c = "" + n.key), "key" in n) {
+      i = {};
+      for (var m in n)
+        m !== "key" && (i[m] = n[m]);
+    } else i = n;
+    return n = i.ref, {
+      $$typeof: u,
+      type: d,
+      key: c,
+      ref: n !== void 0 ? n : null,
+      props: i
+    };
+  }
+  return v.Fragment = f, v.jsx = s, v.jsxs = s, v;
+}
+var x = {};
+var D;
+function ue() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case j:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case q:
+          return "StrictMode";
+        case B:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case U:
+            return "Portal";
+          case G:
+            return e.displayName || "Context";
+          case V:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case X:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case w:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        f(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), f(e);
+      }
+    }
+    function d(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === w)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function c(e) {
+      if (N.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, r) {
+      function t() {
+        F || (F = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function _() {
+      var e = u(this.type);
+      return Y[e] || (Y[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function g(e, r, t, o, h, A) {
+      var a = t.ref;
+      return e = {
+        $$typeof: b,
+        type: e,
+        key: r,
+        props: t,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: h
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: A
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function k(e, r, t, o, h, A) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (ee(a)) {
+            for (o = 0; o < a.length; o++)
+              R(a[o]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(a);
+      if (N.call(r, "key")) {
+        a = u(e);
+        var E = Object.keys(r).filter(function(re) {
+          return re !== "key";
+        });
+        o = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", W[a + o] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          o,
+          a,
+          E,
+          a
+        ), W[a + o] = !0);
+      }
+      if (a = null, t !== void 0 && (s(t), a = "" + t), c(r) && (s(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var C in r)
+          C !== "key" && (t[C] = r[C]);
+      } else t = r;
+      return a && m(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), g(
+        e,
+        a,
+        t,
+        n(),
+        h,
+        A
+      );
+    }
+    function R(e) {
+      T(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === w && (e._payload.status === "fulfilled" ? T(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function T(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === b;
+    }
+    var p = te, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), Z = /* @__PURE__ */ Symbol.for("react.memo"), w = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), P = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, ee = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var F, Y = {}, I = p.react_stack_bottom_frame.bind(
+      p,
+      i
+    )(), $ = O(d(i)), W = {};
+    x.Fragment = j, x.jsx = function(e, r, t) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        r,
+        t,
+        !1,
+        o ? Error("react-stack-top-frame") : I,
+        o ? O(d(e)) : $
+      );
+    }, x.jsxs = function(e, r, t) {
+      var o = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        r,
+        t,
+        !0,
+        o ? Error("react-stack-top-frame") : I,
+        o ? O(d(e)) : $
+      );
+    };
+  })()), x;
+}
+var M;
+function ce() {
+  return M || (M = 1, process.env.NODE_ENV === "production" ? S.exports = ie() : S.exports = ue()), S.exports;
+}
+var l = ce();
+const L = ne({ tracker: null });
+function be({
+  apiKey: u,
+  endpoint: f,
+  debug: s,
+  children: d
+}) {
+  const n = oe(null);
+  return ae(() => (n.current = new le({ apiKey: u, endpoint: f, debug: s }), n.current.init(), () => n.current?.destroy()), [u, f, s]), /* @__PURE__ */ l.jsx(L.Provider, { value: { tracker: n.current }, children: d });
+}
+function fe() {
+  return se(L);
+}
+function pe({ id: u, placeholder: f, position: s = "bottom-right" }) {
+  const { tracker: d } = fe(), [n, i] = y(s === "inline"), [c, m] = y(null), [_, g] = y(""), [k, R] = y(!1), T = () => {
+    !c && !_.trim() || (d?.trackFeedback(u ?? null, c, _ || null), R(!0), setTimeout(() => {
+      i(s === "inline"), R(!1), m(null), g("");
+    }, 2e3));
+  }, p = s !== "inline" ? { position: "fixed", bottom: 24, [s === "bottom-right" ? "right" : "left"]: 24, zIndex: 9999 } : {};
+  return /* @__PURE__ */ l.jsxs("div", { style: p, children: [
+    s !== "inline" && /* @__PURE__ */ l.jsx(
+      "button",
+      {
+        onClick: () => i(!n),
+        style: { background: "#6366f1", color: "#fff", border: "none", borderRadius: "50%", width: 48, height: 48, fontSize: 20, cursor: "pointer" },
+        children: "💬"
+      }
+    ),
+    n && /* @__PURE__ */ l.jsx("div", { style: { background: "#fff", border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, width: 280, boxShadow: "0 10px 25px rgba(0,0,0,0.15)" }, children: k ? /* @__PURE__ */ l.jsxs("div", { style: { textAlign: "center", padding: 16 }, children: [
+      /* @__PURE__ */ l.jsx("p", { style: { fontSize: 28, margin: 0 }, children: "🎉" }),
+      /* @__PURE__ */ l.jsx("p", { style: { margin: "8px 0 0", fontWeight: 600 }, children: "Thanks for your feedback!" })
+    ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+      /* @__PURE__ */ l.jsx("p", { style: { margin: "0 0 12px", fontWeight: 600 }, children: f ?? "How was your experience?" }),
+      /* @__PURE__ */ l.jsx("div", { style: { display: "flex", gap: 6, marginBottom: 12 }, children: [1, 2, 3, 4, 5].map((b) => /* @__PURE__ */ l.jsx(
+        "button",
+        {
+          onClick: () => m(b),
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: 24, opacity: c !== null && b <= c ? 1 : 0.3 },
+          children: "⭐"
+        },
+        b
+      )) }),
+      /* @__PURE__ */ l.jsx(
+        "textarea",
+        {
+          value: _,
+          onChange: (b) => g(b.target.value),
+          placeholder: "Tell us more (optional)...",
+          rows: 3,
+          style: { width: "100%", padding: 8, border: "1px solid #d1d5db", borderRadius: 8, resize: "none", fontSize: 14 }
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        "button",
+        {
+          onClick: T,
+          style: { marginTop: 10, width: "100%", background: "#6366f1", color: "#fff", border: "none", borderRadius: 8, padding: 10, fontWeight: 600, cursor: "pointer" },
+          children: "Submit Feedback"
+        }
+      )
+    ] }) })
+  ] });
+}
+export {
+  be as FeedPulseProvider,
+  pe as FeedPulseWidget,
+  fe as useFeedPulse
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@tekibo/feedpulse-sdk",
+  "version": "0.4.0",
+  "description": "Embeddable analytics and feedback SDK for FeedPulse",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./nuxt": {
+      "import": "./dist/nuxt.mjs",
+      "require": "./dist/nuxt.js"
+    },
+    "./react": {
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "react": "^19.1.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vue": "^3.5.26"
+  }
+}