UNPKG

sticky-horse

Version:

With StickyHorse allow your users to send feedback to your team.

329 lines (328 loc) 19.2 kB
"use strict"; var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __exportStar = (this && this.__exportStar) || function(m, exports) { for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p); }; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype); return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (g && (g = 0, op[0] && (_ = 0)), _) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || Array.prototype.slice.call(from)); }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); exports.sendNoteAsEmail = exports.setScreenshotRef = exports.isStickyHorseValid = exports.initStickyHorse = exports.usePageTracking = exports.useCursorTracking = exports.TrackingOverlay = exports.useSocket = exports.withTracking = exports.StickyNoteWrapper = exports.DraggableNote = exports.UserFeedbackOverlay = exports.LaserCursorTrail = exports.CursorOverlay = void 0; __exportStar(require("./types"), exports); var react_toastify_1 = require("react-toastify"); require("react-toastify/dist/ReactToastify.css"); // Context provider // export { // StickyHorseProvider, // useStickyHorse // } from './contexts/StickyHorseContext'; // Components var CursorOverlay_1 = require("./components/CursorOverlay"); Object.defineProperty(exports, "CursorOverlay", { enumerable: true, get: function () { return CursorOverlay_1.CursorOverlay; } }); var LaserCursorTrail_1 = require("./components/LaserCursorTrail"); // Fixed import to default Object.defineProperty(exports, "LaserCursorTrail", { enumerable: true, get: function () { return __importDefault(LaserCursorTrail_1).default; } }); var UserFeedbackOverlay_1 = require("./components/UserFeedbackOverlay"); Object.defineProperty(exports, "UserFeedbackOverlay", { enumerable: true, get: function () { return UserFeedbackOverlay_1.UserFeedbackOverlay; } }); var DraggableNote_1 = require("./components/DraggableNote"); Object.defineProperty(exports, "DraggableNote", { enumerable: true, get: function () { return DraggableNote_1.DraggableNote; } }); var StickyNoteWrapper_1 = require("./components/StickyNoteWrapper"); Object.defineProperty(exports, "StickyNoteWrapper", { enumerable: true, get: function () { return StickyNoteWrapper_1.StickyNoteWrapper; } }); var withTracking_1 = require("./components/withTracking"); Object.defineProperty(exports, "withTracking", { enumerable: true, get: function () { return withTracking_1.withTracking; } }); var withTracking_2 = require("./components/withTracking"); Object.defineProperty(exports, "useSocket", { enumerable: true, get: function () { return withTracking_2.useSocket; } }); var TrackingOverlay_1 = require("./components/TrackingOverlay"); Object.defineProperty(exports, "TrackingOverlay", { enumerable: true, get: function () { return TrackingOverlay_1.TrackingOverlay; } }); __exportStar(require("./components/TrackingDebug"), exports); __exportStar(require("./pages/tracking"), exports); __exportStar(require("./utils/trackingUtils"), exports); // Hooks var useCursorTracking_1 = require("./hooks/useCursorTracking"); Object.defineProperty(exports, "useCursorTracking", { enumerable: true, get: function () { return useCursorTracking_1.useCursorTracking; } }); var usePageTracking_1 = require("./hooks/usePageTracking"); Object.defineProperty(exports, "usePageTracking", { enumerable: true, get: function () { return usePageTracking_1.usePageTracking; } }); // Socket utilities var socket_1 = require("./utils/socket"); // interface StickyHorseConfig { // apiKey: string; // email?: EmailConfig; // } var SERVER_URL = 'https://sticky-horse.onrender.com'; // http://localhost:4000 // const SERVER_URL = 'http://localhost:4000'; var RESEND_API_KEY = "re_AEp11HHt_NjFRMunFPSPFKYyckjy2e7YX"; // Initialize config as null to enforce initialization var config = null; var screenshotRef = null; var isServiceEnabled = true; // Add function to check email limits var checkEmailLimits = function (apiKey) { return __awaiter(void 0, void 0, void 0, function () { var response, error, data, error_1; return __generator(this, function (_a) { switch (_a.label) { case 0: _a.trys.push([0, 5, , 6]); return [4 /*yield*/, fetch("".concat(SERVER_URL, "/api/check-email-limits"), { method: 'GET', headers: { 'Content-Type': 'application/json', 'x-api-key': apiKey } })]; case 1: response = _a.sent(); if (!!response.ok) return [3 /*break*/, 3]; return [4 /*yield*/, response.json()]; case 2: error = _a.sent(); if (error.code === 'EMAIL_LIMIT_EXCEEDED') { console.error('Email limit exceeded. Service will be disabled. You can upgrade your version of StickyHorse to continue.'); react_toastify_1.toast.error('Email limit exceeded. Please upgrade your StickyHorse plan to continue sending emails.'); isServiceEnabled = false; return [2 /*return*/, false]; } throw new Error(error.message); case 3: return [4 /*yield*/, response.json()]; case 4: data = _a.sent(); return [2 /*return*/, data.canSendEmails]; case 5: error_1 = _a.sent(); console.error('Failed to check email limits:', error_1); react_toastify_1.toast.error('Failed to check email limits. Please try again later.'); return [2 /*return*/, false]; case 6: return [2 /*return*/]; } }); }); }; var initStickyHorse = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) { var error_2; var apiKey = _b.apiKey, _c = _b.email, fromEmail = _c.fromEmail, toEmail = _c.toEmail; return __generator(this, function (_d) { switch (_d.label) { case 0: _d.trys.push([0, 3, , 4]); config = { apiKey: apiKey, email: { apiKey: RESEND_API_KEY, fromEmail: fromEmail, toEmail: toEmail, } }; console.log("Test log", apiKey); if (!apiKey) { throw new Error('API key is required. Get your API key from the dashboard at https://sticky.horse/dashboard/api-keys'); } return [4 /*yield*/, checkEmailLimits(apiKey)]; case 1: _d.sent(); // // Initialize socket connection return [4 /*yield*/, (0, socket_1.initializeSocket)(apiKey)]; case 2: // // Initialize socket connection _d.sent(); return [2 /*return*/, config]; case 3: error_2 = _d.sent(); console.error('Failed to initialize StickyHorse:', error_2); throw error_2; case 4: return [2 /*return*/]; } }); }); }; exports.initStickyHorse = initStickyHorse; // Modify isStickyHorseValid to check both initialization and limits var isStickyHorseValid = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) { switch (_a.label) { case 0: if (!config || !isServiceEnabled) { return [2 /*return*/, false]; } return [4 /*yield*/, checkEmailLimits(config.apiKey)]; case 1: return [2 /*return*/, _a.sent()]; } }); }); }; exports.isStickyHorseValid = isStickyHorseValid; var setScreenshotRef = function (ref) { screenshotRef = ref; }; exports.setScreenshotRef = setScreenshotRef; // Email sending function var sendNoteAsEmail = function (content_1, toEmail_1) { var args_1 = []; for (var _i = 2; _i < arguments.length; _i++) { args_1[_i - 2] = arguments[_i]; } return __awaiter(void 0, __spreadArray([content_1, toEmail_1], args_1, true), void 0, function (content, toEmail, subject, screenshotBase64, customFromEmail // Add optional parameter for direct from email ) { var fromEmail, targetEmail, apiKey, imageUrl, uploadResponse, errorData, uploadData, error_3, emailData, response, errorData, result, error_4, error_5; if (subject === void 0) { subject = 'Note from StickyHorse'; } return __generator(this, function (_a) { switch (_a.label) { case 0: fromEmail = customFromEmail; targetEmail = toEmail; apiKey = config === null || config === void 0 ? void 0 : config.apiKey; // Try to get values from config if available if (config && config.email) { if (!fromEmail) fromEmail = config.email.fromEmail; if (!targetEmail) targetEmail = config.email.toEmail; apiKey = config.apiKey; } // Final fallbacks and validation if (!apiKey) { throw new Error('No API key available. Please ensure initialization is complete.'); } if (!targetEmail) { throw new Error('No recipient email address provided. Please provide a toEmail parameter or initialize with a default toEmail.'); } if (!fromEmail) { console.warn("No sender email configured, using default"); fromEmail = "noreply@sticky.horse"; } _a.label = 1; case 1: _a.trys.push([1, 16, , 17]); imageUrl = void 0; if (!screenshotBase64) return [3 /*break*/, 8]; _a.label = 2; case 2: _a.trys.push([2, 7, , 8]); return [4 /*yield*/, fetch("".concat(SERVER_URL, "/api/upload-image"), { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-api-key': apiKey }, body: JSON.stringify({ image: screenshotBase64, filename: "note-".concat(Date.now(), ".png") }) })]; case 3: uploadResponse = _a.sent(); if (!!uploadResponse.ok) return [3 /*break*/, 5]; return [4 /*yield*/, uploadResponse.json()]; case 4: errorData = _a.sent(); throw new Error("Failed to upload image: ".concat(errorData.error || uploadResponse.statusText)); case 5: return [4 /*yield*/, uploadResponse.json()]; case 6: uploadData = _a.sent(); // console.log('uploadData', uploadData); if (!uploadData.success || !uploadData.imageUrl) { throw new Error('Invalid response from upload endpoint'); } imageUrl = uploadData.imageUrl; return [3 /*break*/, 8]; case 7: error_3 = _a.sent(); console.error('Upload error:', error_3); throw new Error("Failed to upload image: ".concat(error_3 instanceof Error ? error_3.message : 'Unknown error')); case 8: emailData = { from: fromEmail, to: targetEmail, subject: subject, html: "\n <div style=\"\n max-width: 800px;\n margin: 20px auto;\n padding: 20px;\n background-color: #fefce8;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n font-family: system-ui, -apple-system, sans-serif;\n \">\n <div style=\"\n padding: 10px;\n border-bottom: 1px solid #fef08a;\n margin-bottom: 20px;\n \">\n <h2 style=\"\n margin: 0;\n color: #444;\n font-size: 18px;\n \">Note Content</h2>\n </div>\n <div style=\"\n white-space: pre-wrap;\n color: #374151;\n line-height: 1.5;\n margin-bottom: 20px;\n \">".concat(content, "</div>\n ").concat(imageUrl ? "\n <div style=\"margin-top: 20px;\">\n <h3 style=\"\n margin: 0 0 10px 0;\n color: #444;\n font-size: 16px;\n \">Screenshot</h3>\n <img \n src=\"".concat(imageUrl, "\"\n style=\"\n max-width: 100%;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n display: block;\n margin: 0 auto;\n \"\n alt=\"Note Screenshot\"\n />\n </div>\n ") : screenshotBase64 ? " <img \n src=\"".concat(screenshotBase64, "\"\n style=\"\n max-width: 100%;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n display: block;\n margin: 0 auto;\n \"\n alt=\"Note Screenshot\"\n />") : '', "\n </div>\n ") }; _a.label = 9; case 9: _a.trys.push([9, 14, , 15]); return [4 /*yield*/, fetch("".concat(SERVER_URL, "/api/send-email"), { method: 'POST', headers: { 'Content-Type': 'application/json', 'x-api-key': apiKey }, body: JSON.stringify(emailData) })]; case 10: response = _a.sent(); if (!!response.ok) return [3 /*break*/, 12]; return [4 /*yield*/, response.json()]; case 11: errorData = _a.sent(); throw new Error("Failed to send email: ".concat(errorData.error || response.statusText)); case 12: return [4 /*yield*/, response.json()]; case 13: result = _a.sent(); if (!result.success) { throw new Error('Failed to send email: ' + (result.error || 'Unknown error')); } return [2 /*return*/, result]; case 14: error_4 = _a.sent(); console.error('Failed to send email:', error_4); throw error_4; case 15: return [3 /*break*/, 17]; case 16: error_5 = _a.sent(); console.error('Failed to send email:', error_5); throw error_5; case 17: return [2 /*return*/]; } }); }); }; exports.sendNoteAsEmail = sendNoteAsEmail;