react-linear-feedback 0.2.0 → 0.4.0

package/dist/vite/index.js

@@ -2,6 +2,12 @@ import { LinearClient } from '@linear/sdk';
 
 // src/server/core.ts
 var MAX_NOTE = 5e3;
+var DEFAULT_LABEL_TTL_MS = 10 * 60 * 1e3;
+var MISS_TTL_MS = 60 * 1e3;
+var labelCache = /* @__PURE__ */ new Map();
+function labelCacheKey(teamId, name) {
+  return `${teamId}:${name.toLowerCase()}`;
+}
 async function createFeedbackIssue(payload, config) {
   const { apiKey, teamId } = config;
   if (!apiKey || !teamId) throw new Error("not_configured");
@@ -34,7 +40,8 @@ async function createFeedbackIssue(payload, config) {
   ].filter(Boolean).join("\n");
   const title = `${typeLabel}: ${note.slice(0, 60)}${note.length > 60 ? "\u2026" : ""}`;
   const labelName = config.labels?.[annotation.type] ?? annotation.type;
-  const labelId = labelName ? await resolveLabelId(linear, labelName, teamId) : null;
+  const ttl = config.labelCacheTtlMs ?? DEFAULT_LABEL_TTL_MS;
+  const labelId = labelName ? await resolveLabelIdCached(linear, labelName, teamId, ttl) : null;
   if (labelName && !labelId) console.warn(`[feedback] label "${labelName}" not found \u2014 creating issue without it`);
   const create = async (ids) => {
     const created = await linear.createIssue({ teamId, title, description, labelIds: ids.length ? ids : void 0 });
@@ -42,6 +49,7 @@ async function createFeedbackIssue(payload, config) {
   };
   const issue = await create(labelId ? [labelId] : []).catch((err) => {
     if (!labelId) throw err;
+    if (labelName) labelCache.delete(labelCacheKey(teamId, labelName));
     console.warn("[feedback] create failed with label, retrying without it", err);
     return create([]);
   });
@@ -50,6 +58,15 @@ async function createFeedbackIssue(payload, config) {
 function capitalize(s) {
   return s.charAt(0).toUpperCase() + s.slice(1);
 }
+async function resolveLabelIdCached(linear, name, teamId, ttlMs) {
+  if (ttlMs <= 0) return resolveLabelId(linear, name, teamId);
+  const key = labelCacheKey(teamId, name);
+  const hit = labelCache.get(key);
+  if (hit && hit.expires > Date.now()) return hit.id;
+  const id = await resolveLabelId(linear, name, teamId);
+  labelCache.set(key, { id, expires: Date.now() + (id ? ttlMs : Math.min(ttlMs, MISS_TTL_MS)) });
+  return id;
+}
 async function resolveLabelId(linear, name, teamId) {
   try {
     const { nodes } = await linear.issueLabels({ filter: { name: { eqIgnoreCase: name } }, first: 50 });
@@ -88,44 +105,92 @@ async function uploadScreenshot(linear, dataUrl) {
   return upload.uploadFile.assetUrl;
 }
 
-// src/server/node.ts
+// src/server/web.ts
 var BAD_REQUEST = /* @__PURE__ */ new Set(["note_required", "note_too_long", "bad_type", "bad_json", "not_configured"]);
-function send(res, status, body) {
-  res.statusCode = status;
-  res.setHeader("content-type", "application/json");
-  res.end(JSON.stringify(body));
+function json(body, status, headers = {}) {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { "content-type": "application/json", ...headers }
+  });
 }
-async function readJson(req) {
-  const chunks = [];
-  for await (const chunk of req) chunks.push(Buffer.from(chunk));
-  const raw = Buffer.concat(chunks).toString("utf8");
-  if (!raw) throw new Error("bad_json");
-  try {
-    return JSON.parse(raw);
-  } catch {
-    throw new Error("bad_json");
-  }
+function corsHeaders(req, allowed) {
+  const origin = req.headers.get("origin");
+  if (!origin || allowed.length === 0) return {};
+  if (!allowed.includes("*") && !allowed.includes(origin)) return {};
+  return {
+    "access-control-allow-origin": allowed.includes("*") ? "*" : origin,
+    vary: "Origin",
+    "access-control-allow-methods": "POST, OPTIONS",
+    "access-control-allow-headers": "content-type, x-feedback-token",
+    "access-control-max-age": "86400"
+  };
 }
-function createNodeHandler(config) {
-  return async function handler(req, res) {
+function createWebHandler(config) {
+  const allowed = config.allowedOrigins ?? (config.allowedOrigin ? [config.allowedOrigin] : []);
+  if (!config.apiKey || !config.teamId)
+    console.warn("[feedback] LINEAR apiKey/teamId missing \u2014 submissions will fail with 500 not_configured");
+  return async function handler(req) {
+    const cors = corsHeaders(req, allowed);
+    const origin = req.headers.get("origin");
+    if (origin && allowed.length > 0 && !allowed.includes("*") && !allowed.includes(origin))
+      return json({ error: "forbidden_origin" }, 403);
+    if (req.method === "OPTIONS") return new Response(null, { status: 204, headers: cors });
+    if (config.authorize && !await config.authorize(req)) return json({ error: "unauthorized" }, 404, cors);
+    let payload;
+    try {
+      payload = await req.json();
+    } catch {
+      return json({ error: "bad_json" }, 400, cors);
+    }
     try {
-      if (config.authorize && !await config.authorize(req)) return send(res, 404, { error: "unauthorized" });
-      if (config.allowedOrigin) {
-        const origin = req.headers.origin ?? "";
-        if (origin && origin !== config.allowedOrigin) return send(res, 403, { error: "forbidden_origin" });
-      }
-      const payload = req.body ?? await readJson(req);
       const issue = await createFeedbackIssue(payload, config);
-      send(res, 200, { ok: true, ...issue });
+      return json({ ok: true, ...issue }, 200, cors);
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
-      if (BAD_REQUEST.has(message)) return send(res, message === "not_configured" ? 500 : 400, { error: message });
+      if (BAD_REQUEST.has(message)) return json({ error: message }, message === "not_configured" ? 500 : 400, cors);
       console.error("[feedback] issue create failed", err);
-      send(res, 502, { error: "issue_create_failed", message });
+      return json({ error: "issue_create_failed", message }, 502, cors);
     }
   };
 }
 
+// src/server/node.ts
+function createNodeHandler(config) {
+  const originals = /* @__PURE__ */ new WeakMap();
+  const web = createWebHandler({
+    ...config,
+    authorize: config.authorize ? (request) => config.authorize(originals.get(request)) : void 0
+  });
+  return async function handler(req, res) {
+    const request = await toWebRequest(req);
+    originals.set(request, req);
+    const response = await web(request);
+    res.statusCode = response.status;
+    response.headers.forEach((value, key) => res.setHeader(key, value));
+    res.end(await response.text());
+  };
+}
+async function toWebRequest(req) {
+  const url = `http://${req.headers.host ?? "localhost"}${req.url ?? "/"}`;
+  const headers = new Headers();
+  for (const [key, value] of Object.entries(req.headers)) {
+    if (value == null) continue;
+    headers.set(key, Array.isArray(value) ? value.join(", ") : value);
+  }
+  const method = req.method ?? "POST";
+  let body;
+  if (method !== "GET" && method !== "HEAD" && method !== "OPTIONS") {
+    if (req.body !== void 0) {
+      body = typeof req.body === "string" ? req.body : JSON.stringify(req.body);
+    } else {
+      const chunks = [];
+      for await (const chunk of req) chunks.push(Buffer.from(chunk));
+      body = Buffer.concat(chunks).toString("utf8");
+    }
+  }
+  return new Request(url, { method, headers, body });
+}
+
 // src/vite/index.ts
 function linearFeedback(config) {
   const endpoint = config.endpoint ?? "/api/feedback";
@@ -135,7 +200,7 @@ function linearFeedback(config) {
     apply: "serve",
     configureServer(server) {
       server.middlewares.use(endpoint, (req, res, next) => {
-        if (req.method !== "POST") return next();
+        if (req.method !== "POST" && req.method !== "OPTIONS") return next();
         handler(req, res).catch(next);
       });
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-linear-feedback",
-  "version": "0.2.0",
-  "description": "Drop-in React feedback widget: draw a box, write a note, and it captures a screenshot and opens a Linear issue. Framework-agnostic, self-contained styles, zero design-system dependencies.",
+  "version": "0.4.0",
+  "description": "Drop-in feedback widget for React apps or any site via a script tag: draw a box, write a note, and it captures a screenshot and opens a Linear issue. Self-contained styles, zero design-system dependencies.",
   "license": "MIT",
   "author": "Oliver Odgaard",
   "repository": {
@@ -16,14 +16,20 @@
     "access": "public"
   },
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "dist/embed/linear-feedback.js"
+  ],
   "keywords": [
     "react",
     "feedback",
     "linear",
     "screenshot",
     "bug-report",
-    "widget"
+    "bug-reporting",
+    "widget",
+    "embed",
+    "script-tag",
+    "marker"
   ],
   "files": [
     "dist",
@@ -45,11 +51,18 @@
       "types": "./dist/vite/index.d.ts",
       "import": "./dist/vite/index.js",
       "require": "./dist/vite/index.cjs"
+    },
+    "./embed": {
+      "types": "./dist/embed/index.d.ts",
+      "import": "./dist/embed/index.js"
     }
   },
+  "unpkg": "dist/embed/linear-feedback.js",
+  "jsdelivr": "dist/embed/linear-feedback.js",
   "scripts": {
     "build": "tsup && node scripts/postbuild.mjs",
     "typecheck": "tsc --noEmit",
+    "size": "gzip -c dist/embed/linear-feedback.js | wc -c",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
@@ -73,6 +86,7 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "preact": "^10.29.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tsup": "^8.5.0",