@newsoftglobal/feedbackkit-js 1.0.1 → 1.0.3

package/dist/feedbackkit.js

@@ -8,6 +8,18 @@
 
     const SERVER_URL = 'https://backend.feedbackkit.dev';
 
+    // Auto-load html2canvas if not present
+    function _loadHtml2Canvas() {
+        if (typeof html2canvas !== 'undefined') return Promise.resolve();
+        return new Promise(function (resolve) {
+            var s = document.createElement('script');
+            s.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
+            s.onload = resolve;
+            s.onerror = resolve; // continue without it
+            document.head.appendChild(s);
+        });
+    }
+
     // ==================== CSS ====================
     const CSS = `
 .fk-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:16px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;box-shadow:0 4px 20px rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;z-index:99999;transition:all .2s}
@@ -205,7 +217,8 @@
             tabList.textContent = '📋 My Feedbacks';
             tabList.onclick = () => { this.activeTab = 'list'; this._loadFeedbacks(); this._showPanel(); };
 
-            tabs.append(tabNew, tabList);
+            tabs.append(tabNew);
+            if (this.api.hasUser) tabs.append(tabList);
             panel.appendChild(tabs);
 
             if (this.activeTab === 'new') {
@@ -634,7 +647,18 @@
                 return;
             }
             this._api = new FeedbackKitAPI(options.apiKey);
-            this._widget = new FeedbackKitWidget(this._api);
+            _loadHtml2Canvas();
+
+            const self = this;
+            const boot = () => {
+                self._widget = new FeedbackKitWidget(self._api);
+            };
+
+            if (document.readyState === 'loading') {
+                document.addEventListener('DOMContentLoaded', boot);
+            } else {
+                boot();
+            }
             return this;
         },
 

package/dist/feedbackkit.min.js

@@ -1,6 +1,16 @@
 (function (root) {
 'use strict';
-const SERVER_URL = 'https:
+const SERVER_URL = 'https://backend.feedbackkit.dev';
+function _loadHtml2Canvas() {
+if (typeof html2canvas !== 'undefined') return Promise.resolve();
+return new Promise(function (resolve) {
+var s = document.createElement('script');
+s.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js';
+s.onload = resolve;
+s.onerror = resolve; // continue without it
+document.head.appendChild(s);
+});
+}
 const CSS = `
 .fk-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:16px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;box-shadow:0 4px 20px rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;z-index:99999;transition:all .2s}
 .fk-fab:hover{transform:scale(1.06);box-shadow:0 6px 28px rgba(99,102,241,.55)}
@@ -134,7 +144,7 @@ return res.json();
 class FeedbackKitWidget {
 constructor(api) {
 this.api = api;
-this.state = 'idle'; 
+this.state = 'idle'; // idle, panel, capturing, form, success, detail
 this.screenshot = null;
 this.activeTab = 'new';
 this.feedbacks = [];
@@ -176,7 +186,8 @@ tabNew.onclick = () => { this.activeTab = 'new'; this._showPanel(); };
 const tabList = this._el('button', `fk-tab ${this.activeTab === 'list' ? 'active' : ''}`);
 tabList.textContent = '📋 My Feedbacks';
 tabList.onclick = () => { this.activeTab = 'list'; this._loadFeedbacks(); this._showPanel(); };
-tabs.append(tabNew, tabList);
+tabs.append(tabNew);
+if (this.api.hasUser) tabs.append(tabList);
 panel.appendChild(tabs);
 if (this.activeTab === 'new') {
 const body = this._el('div', 'fk-panel-body');
@@ -534,7 +545,16 @@ console.warn('[FeedbackKit] Missing apiKey');
 return;
 }
 this._api = new FeedbackKitAPI(options.apiKey);
-this._widget = new FeedbackKitWidget(this._api);
+_loadHtml2Canvas();
+const self = this;
+const boot = () => {
+self._widget = new FeedbackKitWidget(self._api);
+};
+if (document.readyState === 'loading') {
+document.addEventListener('DOMContentLoaded', boot);
+} else {
+boot();
+}
 return this;
 },
 setUser(userInfo) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@newsoftglobal/feedbackkit-js",
-    "version": "1.0.1",
+    "version": "1.0.3",
     "description": "FeedbackKit Vanilla JS SDK — Collect user feedback with screenshots, comments, and tracking",
     "author": "NewSoft Global",
     "license": "MIT",