sticky-horse
Version:
With StickyHorse allow your users to send feedback to your team.
329 lines (328 loc) • 19.2 kB
JavaScript
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;
;