react-linear-feedback 0.1.1 → 0.3.0

package/dist/vite/index.cjs

@@ -0,0 +1,212 @@
+'use strict';
+
+var sdk = require('@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");
+  const note = payload?.annotation?.note?.trim();
+  if (!note) throw new Error("note_required");
+  if (note.length > MAX_NOTE) throw new Error("note_too_long");
+  const { annotation, context } = payload;
+  const typeLabel = annotation.typeLabel || capitalize(annotation.type || "Feedback");
+  const linear = new sdk.LinearClient({ apiKey });
+  let assetUrl = null;
+  if (payload.screenshot?.startsWith("data:image/")) {
+    try {
+      assetUrl = await uploadScreenshot(linear, payload.screenshot);
+    } catch (err) {
+      console.error("[feedback] screenshot upload failed", err);
+    }
+  }
+  const description = [
+    note,
+    "",
+    "---",
+    assetUrl ? `![screenshot](${encodeURI(assetUrl)})` : "_No screenshot captured._",
+    "",
+    "**Context**",
+    `- Type: ${typeLabel}`,
+    context?.url ? `- Page: ${context.url}` : null,
+    annotation.name ? `- Reported by: ${annotation.name}` : null,
+    context?.userAgent ? `- User agent: ${context.userAgent}` : null,
+    context?.timestamp ? `- Submitted: ${context.timestamp}` : null
+  ].filter(Boolean).join("\n");
+  const title = `${typeLabel}: ${note.slice(0, 60)}${note.length > 60 ? "\u2026" : ""}`;
+  const labelName = config.labels?.[annotation.type] ?? annotation.type;
+  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 });
+    return await created.issue;
+  };
+  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([]);
+  });
+  return { id: issue?.id, identifier: issue?.identifier, url: issue?.url };
+}
+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 });
+    if (nodes.length === 0) return null;
+    if (nodes.length === 1) return nodes[0].id;
+    const scored = await Promise.all(
+      nodes.map(async (n) => {
+        try {
+          const team = await n.team;
+          return { id: n.id, teamId: team?.id ?? null };
+        } catch {
+          return { id: n.id, teamId: null };
+        }
+      })
+    );
+    const pick = scored.find((s) => s.teamId === teamId) ?? scored.find((s) => s.teamId === null) ?? scored[0];
+    return pick.id;
+  } catch (err) {
+    console.warn("[feedback] label lookup failed", name, err);
+    return null;
+  }
+}
+async function uploadScreenshot(linear, dataUrl) {
+  const [meta, b64] = dataUrl.split(",");
+  const contentType = /data:(.*?);base64/.exec(meta)?.[1] ?? "image/jpeg";
+  const bytes = Buffer.from(b64, "base64");
+  const filename = `feedback-${Date.now()}.jpg`;
+  const upload = await linear.fileUpload(contentType, filename, bytes.length);
+  if (!upload.success || !upload.uploadFile) throw new Error("failed to request upload URL");
+  const headers = new Headers();
+  headers.set("Content-Type", contentType);
+  headers.set("Cache-Control", "public, max-age=31536000");
+  upload.uploadFile.headers.forEach(({ key, value }) => headers.set(key, value));
+  const put = await fetch(upload.uploadFile.uploadUrl, { method: "PUT", headers, body: new Uint8Array(bytes) });
+  if (!put.ok) throw new Error(`upload PUT failed: ${put.status}`);
+  return upload.uploadFile.assetUrl;
+}
+
+// src/server/web.ts
+var BAD_REQUEST = /* @__PURE__ */ new Set(["note_required", "note_too_long", "bad_type", "bad_json", "not_configured"]);
+function json(body, status, headers = {}) {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { "content-type": "application/json", ...headers }
+  });
+}
+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 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 {
+      const issue = await createFeedbackIssue(payload, config);
+      return json({ ok: true, ...issue }, 200, cors);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      if (BAD_REQUEST.has(message)) return json({ error: message }, message === "not_configured" ? 500 : 400, cors);
+      console.error("[feedback] issue create failed", err);
+      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";
+  const handler = createNodeHandler(config);
+  return {
+    name: "react-linear-feedback",
+    apply: "serve",
+    configureServer(server) {
+      server.middlewares.use(endpoint, (req, res, next) => {
+        if (req.method !== "POST" && req.method !== "OPTIONS") return next();
+        handler(req, res).catch(next);
+      });
+    }
+  };
+}
+
+exports.linearFeedback = linearFeedback;

package/dist/vite/index.d.cts

@@ -0,0 +1,45 @@
+import { Plugin } from 'vite';
+import { IncomingMessage } from 'node:http';
+
+type FeedbackServerConfig = {
+    /** Linear personal API key (server-side secret). */
+    apiKey: string;
+    /** Target team UUID. */
+    teamId: string;
+    /**
+     * Map a type id (e.g. "bug") to a Linear label NAME. Defaults to the type id itself, so a type
+     * "bug" looks for a label named "bug". Labels are resolved by name at request time.
+     */
+    labels?: Record<string, string>;
+    /**
+     * How long resolved label name→ID lookups are cached (module scope, so warm serverless
+     * invocations reuse them). Default 10 minutes; 0 disables caching.
+     */
+    labelCacheTtlMs?: number;
+};
+
+type WebHandlerConfig = FeedbackServerConfig & {
+    /**
+     * Origins allowed to call this endpoint cross-origin (exact origins, or "*"). Enables
+     * CORS (preflight + response headers) — required when the widget is embedded via the
+     * script tag on a different domain than the handler.
+     */
+    allowedOrigins?: string[];
+    /** @deprecated Use `allowedOrigins`. Restrict to a single site origin. */
+    allowedOrigin?: string;
+    /** Return false to reject the request (e.g. a cookie/session/token check). */
+    authorize?: (req: Request) => boolean | Promise<boolean>;
+};
+
+type NodeHandlerConfig = Omit<WebHandlerConfig, "authorize"> & {
+    /** Return false to reject the request. Receives the original Node `IncomingMessage`. */
+    authorize?: (req: IncomingMessage) => boolean | Promise<boolean>;
+};
+
+type LinearFeedbackViteConfig = NodeHandlerConfig & {
+    /** Path the widget POSTs to; must match `<FeedbackGate endpoint>`. Default `/api/feedback`. */
+    endpoint?: string;
+};
+declare function linearFeedback(config: LinearFeedbackViteConfig): Plugin;
+
+export { type LinearFeedbackViteConfig, linearFeedback };

package/dist/vite/index.d.ts

@@ -0,0 +1,45 @@
+import { Plugin } from 'vite';
+import { IncomingMessage } from 'node:http';
+
+type FeedbackServerConfig = {
+    /** Linear personal API key (server-side secret). */
+    apiKey: string;
+    /** Target team UUID. */
+    teamId: string;
+    /**
+     * Map a type id (e.g. "bug") to a Linear label NAME. Defaults to the type id itself, so a type
+     * "bug" looks for a label named "bug". Labels are resolved by name at request time.
+     */
+    labels?: Record<string, string>;
+    /**
+     * How long resolved label name→ID lookups are cached (module scope, so warm serverless
+     * invocations reuse them). Default 10 minutes; 0 disables caching.
+     */
+    labelCacheTtlMs?: number;
+};
+
+type WebHandlerConfig = FeedbackServerConfig & {
+    /**
+     * Origins allowed to call this endpoint cross-origin (exact origins, or "*"). Enables
+     * CORS (preflight + response headers) — required when the widget is embedded via the
+     * script tag on a different domain than the handler.
+     */
+    allowedOrigins?: string[];
+    /** @deprecated Use `allowedOrigins`. Restrict to a single site origin. */
+    allowedOrigin?: string;
+    /** Return false to reject the request (e.g. a cookie/session/token check). */
+    authorize?: (req: Request) => boolean | Promise<boolean>;
+};
+
+type NodeHandlerConfig = Omit<WebHandlerConfig, "authorize"> & {
+    /** Return false to reject the request. Receives the original Node `IncomingMessage`. */
+    authorize?: (req: IncomingMessage) => boolean | Promise<boolean>;
+};
+
+type LinearFeedbackViteConfig = NodeHandlerConfig & {
+    /** Path the widget POSTs to; must match `<FeedbackGate endpoint>`. Default `/api/feedback`. */
+    endpoint?: string;
+};
+declare function linearFeedback(config: LinearFeedbackViteConfig): Plugin;
+
+export { type LinearFeedbackViteConfig, linearFeedback };

package/dist/vite/index.js

@@ -0,0 +1,210 @@
+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");
+  const note = payload?.annotation?.note?.trim();
+  if (!note) throw new Error("note_required");
+  if (note.length > MAX_NOTE) throw new Error("note_too_long");
+  const { annotation, context } = payload;
+  const typeLabel = annotation.typeLabel || capitalize(annotation.type || "Feedback");
+  const linear = new LinearClient({ apiKey });
+  let assetUrl = null;
+  if (payload.screenshot?.startsWith("data:image/")) {
+    try {
+      assetUrl = await uploadScreenshot(linear, payload.screenshot);
+    } catch (err) {
+      console.error("[feedback] screenshot upload failed", err);
+    }
+  }
+  const description = [
+    note,
+    "",
+    "---",
+    assetUrl ? `![screenshot](${encodeURI(assetUrl)})` : "_No screenshot captured._",
+    "",
+    "**Context**",
+    `- Type: ${typeLabel}`,
+    context?.url ? `- Page: ${context.url}` : null,
+    annotation.name ? `- Reported by: ${annotation.name}` : null,
+    context?.userAgent ? `- User agent: ${context.userAgent}` : null,
+    context?.timestamp ? `- Submitted: ${context.timestamp}` : null
+  ].filter(Boolean).join("\n");
+  const title = `${typeLabel}: ${note.slice(0, 60)}${note.length > 60 ? "\u2026" : ""}`;
+  const labelName = config.labels?.[annotation.type] ?? annotation.type;
+  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 });
+    return await created.issue;
+  };
+  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([]);
+  });
+  return { id: issue?.id, identifier: issue?.identifier, url: issue?.url };
+}
+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 });
+    if (nodes.length === 0) return null;
+    if (nodes.length === 1) return nodes[0].id;
+    const scored = await Promise.all(
+      nodes.map(async (n) => {
+        try {
+          const team = await n.team;
+          return { id: n.id, teamId: team?.id ?? null };
+        } catch {
+          return { id: n.id, teamId: null };
+        }
+      })
+    );
+    const pick = scored.find((s) => s.teamId === teamId) ?? scored.find((s) => s.teamId === null) ?? scored[0];
+    return pick.id;
+  } catch (err) {
+    console.warn("[feedback] label lookup failed", name, err);
+    return null;
+  }
+}
+async function uploadScreenshot(linear, dataUrl) {
+  const [meta, b64] = dataUrl.split(",");
+  const contentType = /data:(.*?);base64/.exec(meta)?.[1] ?? "image/jpeg";
+  const bytes = Buffer.from(b64, "base64");
+  const filename = `feedback-${Date.now()}.jpg`;
+  const upload = await linear.fileUpload(contentType, filename, bytes.length);
+  if (!upload.success || !upload.uploadFile) throw new Error("failed to request upload URL");
+  const headers = new Headers();
+  headers.set("Content-Type", contentType);
+  headers.set("Cache-Control", "public, max-age=31536000");
+  upload.uploadFile.headers.forEach(({ key, value }) => headers.set(key, value));
+  const put = await fetch(upload.uploadFile.uploadUrl, { method: "PUT", headers, body: new Uint8Array(bytes) });
+  if (!put.ok) throw new Error(`upload PUT failed: ${put.status}`);
+  return upload.uploadFile.assetUrl;
+}
+
+// src/server/web.ts
+var BAD_REQUEST = /* @__PURE__ */ new Set(["note_required", "note_too_long", "bad_type", "bad_json", "not_configured"]);
+function json(body, status, headers = {}) {
+  return new Response(JSON.stringify(body), {
+    status,
+    headers: { "content-type": "application/json", ...headers }
+  });
+}
+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 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 {
+      const issue = await createFeedbackIssue(payload, config);
+      return json({ ok: true, ...issue }, 200, cors);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      if (BAD_REQUEST.has(message)) return json({ error: message }, message === "not_configured" ? 500 : 400, cors);
+      console.error("[feedback] issue create failed", err);
+      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";
+  const handler = createNodeHandler(config);
+  return {
+    name: "react-linear-feedback",
+    apply: "serve",
+    configureServer(server) {
+      server.middlewares.use(endpoint, (req, res, next) => {
+        if (req.method !== "POST" && req.method !== "OPTIONS") return next();
+        handler(req, res).catch(next);
+      });
+    }
+  };
+}
+
+export { linearFeedback };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-linear-feedback",
-  "version": "0.1.1",
-  "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.3.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",
@@ -40,37 +46,51 @@
       "types": "./dist/server/index.d.ts",
       "import": "./dist/server/index.js",
       "require": "./dist/server/index.cjs"
+    },
+    "./vite": {
+      "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": {
+    "@linear/sdk": "^86.0.0",
     "modern-screenshot": "^4.7.0"
   },
   "peerDependencies": {
-    "@linear/sdk": ">=40",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "vite": ">=5"
   },
   "peerDependenciesMeta": {
-    "@linear/sdk": {
+    "react-dom": {
       "optional": true
     },
-    "react-dom": {
+    "vite": {
       "optional": true
     }
   },
   "devDependencies": {
-    "@linear/sdk": "^86.0.0",
     "@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",
-    "typescript": "^5.7.0"
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0"
   }
 }