@loupekit/shared 0.3.4-next.9 → 0.4.0-next.10

package/dist/index.d.ts

@@ -52,6 +52,10 @@ export interface RegionRect {
  * - "region"  → a free-form rectangle the user dragged out; carries `region`.
  */
 export type CommentKind = "element" | "region";
+/** Device class the feedback was captured on, derived from the viewport width. */
+export type DeviceType = "mobile" | "tablet" | "desktop";
+/** Classify a viewport width into a device bucket (mobile < 768 ≤ tablet < 1024 ≤ desktop). */
+export declare function deviceType(width: number): DeviceType;
 export interface Comment {
     id: string;
     projectKey: string;
@@ -69,6 +73,11 @@ export interface Comment {
     };
     /** Present for region comments: the dragged rectangle in document coords. */
     region?: RegionRect;
+    /** The viewport the feedback was captured on — use deviceType(viewport.w) for the device class. */
+    viewport?: {
+        w: number;
+        h: number;
+    };
     /** A URL (object storage) in server mode, or an inline data URL in offline mode. */
     screenshot?: string;
     createdAt: string;

package/dist/index.js

@@ -1,4 +1,12 @@
 // Canonical types + pure helpers shared across the SDK, server, dashboard, and MCP.
+/** Classify a viewport width into a device bucket (mobile < 768 ≤ tablet < 1024 ≤ desktop). */
+export function deviceType(width) {
+    if (width < 768)
+        return "mobile";
+    if (width < 1024)
+        return "tablet";
+    return "desktop";
+}
 const DROP_EXACT = new Set([
     "api", "key", "fbclid", "gclid", "gbraid", "wbraid", "msclkid",
     "ref", "ref_src", "mc_cid", "mc_eid", "_hsenc", "_hsmi", "igshid",

package/package.json

@@ -5,7 +5,7 @@
     "email": "m.ashraf.saed@gmail.com",
     "url": "https://www.linkedin.com/in/mohamedashrafelsaed/"
   },
-  "version": "0.3.4-next.9",
+  "version": "0.4.0-next.10",
   "description": "Canonical TypeScript types + helpers (normalizeUrl) shared across the Loupe visual-feedback platform.",
   "keywords": [
     "loupe",