@guidelytech/react-native 0.5.0 → 0.6.1

package/dist/index.cjs

@@ -54,7 +54,7 @@ module.exports = __toCommonJS(index_exports);
 var import_react8 = require("react");
 var import_react_native11 = require("react-native");
 
-// ../shared/dist/chunk-5IQVBZO6.js
+// ../shared/dist/chunk-OLWGMDRX.js
 function fnv1a(input) {
   let h = 2166136261;
   for (let i = 0; i < input.length; i++) {
@@ -360,6 +360,13 @@ function sanitizeProperties(props) {
 var SOURCEMAP_MAX_FILE_BYTES = 25 * 1024 * 1024;
 var MEDIA_IMAGE_MAX_BYTES = 10 * 1024 * 1024;
 var MEDIA_VIDEO_MAX_BYTES = 200 * 1024 * 1024;
+var MEDIA_FILE_MAX_BYTES = 50 * 1024 * 1024;
+var MEDIA_MAX_BYTES = Math.max(MEDIA_IMAGE_MAX_BYTES, MEDIA_VIDEO_MAX_BYTES, MEDIA_FILE_MAX_BYTES);
+var FILE_LINK_CLASS = "gd-file";
+var PDF_BLOCK_CLASS = "gd-pdf";
+function isFileLink(className, href) {
+  return !!className && className.split(/\s+/).includes(FILE_LINK_CLASS) && isSafeMediaUrl(href);
+}
 var YOUTUBE_ID = /^[A-Za-z0-9_-]{11}$/;
 var VIMEO_ID = /^\d{1,12}$/;
 var VIMEO_HASH = /^[0-9a-f]{6,20}$/i;
@@ -500,8 +507,45 @@ function isArticleListed(collections, article, member) {
   }
   return true;
 }
+var CAPTURE_SCREENSHOT_MAX_BYTES = 8 * 1024 * 1024;
 
-// ../sdk-core/dist/chunk-GJT7CFAC.js
+// ../sdk-core/dist/chunk-CYAG6ZYX.js
+function readJson(store, key, fallback) {
+  const raw = store.get(key);
+  if (raw == null) return fallback;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return fallback;
+  }
+}
+function writeJson(store, key, value) {
+  try {
+    store.set(key, JSON.stringify(value));
+  } catch {
+  }
+}
+var KEYS = {
+  anon: "guidely:anon",
+  seen: "guidely:seen",
+  config: (key) => `guidely:config:${key}`,
+  etag: (key) => `guidely:etag:${key}`,
+  state: (key) => `guidely:state:${key}`,
+  user: (key) => `guidely:user:${key}`,
+  queue: (key) => `guidely:queue:${key}`,
+  session: "guidely:session",
+  active: "guidely:active",
+  authoring: "guidely:authoring",
+  /** How-to capture session marker ({ token, … }) and its not-yet-uploaded steps. */
+  capture: "guidely:capture",
+  capturePending: "guidely:capture:pending",
+  /** Messenger conversations this browser can read: [{ id, token }]. */
+  conversations: (key) => `guidely:conversations:${key}`,
+  /** Announcement ids opened in the messenger's News tab. */
+  newsSeen: (key) => `guidely:news:${key}`
+};
+
+// ../sdk-core/dist/chunk-AKNE7D5M.js
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -523,7 +567,8 @@ var Api = class {
     const f = this.fetcher;
     if (!f) throw new Error("fetch is not available");
     const headers = { ...options.headers, "X-Guidely-Key": this.key, Accept: "application/json" };
-    if (options.body !== void 0) headers["Content-Type"] = "application/json";
+    const form = typeof FormData !== "undefined" && options.body instanceof FormData;
+    if (options.body !== void 0 && !form) headers["Content-Type"] = "application/json";
     if (options.etag) headers["If-None-Match"] = options.etag;
     const ac = typeof AbortController !== "undefined" ? new AbortController() : null;
     const timer = ac ? setTimeout(() => ac.abort(), options.timeoutMs ?? 1e4) : null;
@@ -531,7 +576,7 @@ var Api = class {
       const res = await f(this.url(path, options.params), {
         method,
         headers,
-        body: options.body === void 0 ? void 0 : JSON.stringify(options.body),
+        body: options.body === void 0 ? void 0 : form ? options.body : JSON.stringify(options.body),
         keepalive: options.keepalive,
         signal: ac?.signal,
         credentials: "omit",
@@ -556,6 +601,10 @@ var Api = class {
   post(path, body, options) {
     return this.request("POST", path, { body, ...options });
   }
+  /** Multipart POST (file uploads). No Content-Type header: the browser adds it with the boundary. */
+  postForm(path, form, options) {
+    return this.request("POST", path, { body: form, ...options });
+  }
   /**
    * POST that may answer with server-sent events. Each event is passed to `onEvent`; a JSON answer is
    * returned instead. No timeout: Scout replies can take a while and the server keeps the stream alive.
@@ -598,10 +647,10 @@ var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
 function backoffMs(attempt, baseMs = 1e3, maxMs = 3e4) {
   return Math.min(maxMs, baseMs * 2 ** Math.max(0, attempt));
 }
-async function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
+async function withRetry(send, attempts = 3, baseMs = 500) {
   for (let i = 0; i < attempts; i++) {
     try {
-      const res = await api.post(path, body);
+      const res = await send();
       if (res.ok || res.status >= 400 && res.status < 500 && res.status !== 429) return res;
     } catch {
     }
@@ -609,6 +658,9 @@ async function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
   }
   return null;
 }
+function postWithRetry(api, path, body, attempts = 3, baseMs = 500) {
+  return withRetry(() => api.post(path, body), attempts, baseMs);
+}
 async function readEventStream(body, onEvent) {
   const reader = body.getReader();
   const decoder = new TextDecoder();
@@ -643,36 +695,7 @@ async function readEventStream(body, onEvent) {
   if (buffer.trim()) dispatch(buffer);
 }
 
-// ../sdk-core/dist/chunk-HLR3W63Z.js
-function readJson(store, key, fallback) {
-  const raw = store.get(key);
-  if (raw == null) return fallback;
-  try {
-    return JSON.parse(raw);
-  } catch {
-    return fallback;
-  }
-}
-function writeJson(store, key, value) {
-  try {
-    store.set(key, JSON.stringify(value));
-  } catch {
-  }
-}
-var KEYS = {
-  anon: "guidely:anon",
-  seen: "guidely:seen",
-  config: (key) => `guidely:config:${key}`,
-  etag: (key) => `guidely:etag:${key}`,
-  state: (key) => `guidely:state:${key}`,
-  user: (key) => `guidely:user:${key}`,
-  queue: (key) => `guidely:queue:${key}`,
-  session: "guidely:session",
-  active: "guidely:active",
-  authoring: "guidely:authoring",
-  /** Messenger conversations this browser can read: [{ id, token }]. */
-  conversations: (key) => `guidely:conversations:${key}`
-};
+// ../sdk-core/dist/chunk-GDF6RCHQ.js
 var EventQueue = class {
   constructor(opts) {
     __publicField2(this, "opts", opts);
@@ -1754,7 +1777,7 @@ var PersistentStore = class {
 
 // src/core/client.ts
 var SDK_NAME = "@guidelytech/react-native";
-var SDK_VERSION = "0.5.0";
+var SDK_VERSION = "0.6.1";
 var DEFAULT_API_URL = "https://guidelytech.com";
 var PAGE_SCOPED = /* @__PURE__ */ new Set(["page_load", "url_match", "element_click", "element_visible", "delay"]);
 var nowIso = () => (/* @__PURE__ */ new Date()).toISOString();
@@ -2973,6 +2996,8 @@ function parseHtml(html) {
   const lists = [];
   let current = null;
   let skipping = null;
+  let pdf = null;
+  let fileLink = null;
   const media = (block) => {
     flush();
     blocks.push({ level: 1, runs: [], ...block });
@@ -3007,12 +3032,30 @@ function parseHtml(html) {
     if (last && last.bold === run.bold && last.italic === run.italic && last.underline === run.underline && last.code === run.code && last.href === run.href) last.text += text;
     else current.runs.push(run);
   };
+  const size = (attrs, name) => {
+    const n = Number(attr(attrs, name));
+    return n > 0 ? n : void 0;
+  };
+  const endPdf = (p) => {
+    const name = p.name.replace(/\s+/g, " ").trim();
+    if (p.href && p.pages.length) media({ kind: "pdf", href: p.href, alt: name || "PDF", pages: p.pages });
+    else if (p.href) media({ kind: "file", href: p.href, alt: name || "Open PDF" });
+    else for (const page of p.pages) media({ kind: "image", src: page.src, alt: page.alt, ...page.width && page.height ? { width: page.width, height: page.height } : {} });
+  };
   const re = /<!--[\s\S]*?-->|<\/?([a-zA-Z][a-zA-Z0-9]*)\b([^>]*)>|([^<]+|<)/g;
   let m;
   while (m = re.exec(html || "")) {
     const [token, rawTag, attrs = "", text] = m;
     if (text !== void 0) {
       if (skipping) continue;
+      if (pdf) {
+        if (pdf.inLink) pdf.name += decodeEntities(text);
+        continue;
+      }
+      if (fileLink) {
+        fileLink.name += decodeEntities(text);
+        continue;
+      }
       push(decodeEntities(text.replace(/\s+/g, " ")));
       continue;
     }
@@ -3036,6 +3079,44 @@ function parseHtml(html) {
       if (!token.endsWith("/>")) skipping = tag;
       continue;
     }
+    if (pdf) {
+      if (tag === "div") {
+        pdf.depth += closing ? -1 : 1;
+        if (pdf.depth === 0) {
+          endPdf(pdf);
+          pdf = null;
+        }
+      } else if (tag === "a") {
+        if (closing) pdf.inLink = false;
+        else if (!pdf.href && isFileLink(attr(attrs, "class"), attr(attrs, "href"))) {
+          pdf.href = attr(attrs, "href");
+          pdf.inLink = true;
+        }
+      } else if (tag === "img" && !closing) {
+        const src = attr(attrs, "src");
+        const w = size(attrs, "width");
+        const h = size(attrs, "height");
+        if (isSafeMediaUrl(src)) pdf.pages.push({ src, alt: attr(attrs, "alt") ?? "", ...w && h ? { width: w, height: h } : {} });
+      }
+      continue;
+    }
+    if (fileLink) {
+      if (closing && tag === "a") {
+        media({ kind: "file", href: fileLink.href, alt: fileLink.name.replace(/\s+/g, " ").trim() || "Open PDF" });
+        fileLink = null;
+      }
+      continue;
+    }
+    if (!closing && tag === "div" && (attr(attrs, "class") ?? "").split(/\s+/).includes(PDF_BLOCK_CLASS)) {
+      flush();
+      pdf = { depth: 1, name: "", inLink: false, pages: [] };
+      continue;
+    }
+    if (!closing && tag === "a" && isFileLink(attr(attrs, "class"), attr(attrs, "href"))) {
+      flush();
+      fileLink = { href: attr(attrs, "href"), name: "" };
+      continue;
+    }
     if (closing) {
       if (tag === "b" || tag === "strong") style.bold = Math.max(0, style.bold - 1);
       else if (tag === "i" || tag === "em") style.italic = Math.max(0, style.italic - 1);
@@ -3104,11 +3185,13 @@ function parseHtml(html) {
         }
     }
   }
+  if (pdf) endPdf(pdf);
+  if (fileLink) media({ kind: "file", href: fileLink.href, alt: fileLink.name.replace(/\s+/g, " ").trim() || "Open PDF" });
   flush();
   return blocks;
 }
 function htmlToText(html) {
-  return parseHtml(html).map((b) => b.kind === "image" || b.kind === "video" ? b.alt ?? "" : (b.marker ? `${b.marker} ` : "") + b.runs.map((r) => r.text).join("")).filter(Boolean).join("\n");
+  return parseHtml(html).map((b) => b.kind === "image" || b.kind === "video" || b.kind === "pdf" || b.kind === "file" ? b.alt ?? "" : (b.marker ? `${b.marker} ` : "") + b.runs.map((r) => r.text).join("")).filter(Boolean).join("\n");
 }
 
 // src/ui/RichText.tsx
@@ -3144,6 +3227,48 @@ function BodyVideo({ block, palette: p, onLink }) {
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: p.primary, fontFamily: p.fontFamily, fontWeight: "600" }, children: block.alt })
   ] });
 }
+var PAGE_RATIO = 1 / 1.414;
+var pageRatio = (p) => p.width && p.height ? p.width / p.height : PAGE_RATIO;
+function PdfBadge() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.badge, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.badgeText, children: "PDF" }) });
+}
+function BodyFile({ block, palette: p, onLink }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Pressable, { accessibilityRole: "link", accessibilityLabel: `${block.alt}, PDF`, onPress: () => onLink(block.href), style: ({ pressed }) => [styles2.video, { borderColor: p.border, backgroundColor: p.surface, opacity: pressed ? 0.7 : 1 }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PdfBadge, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { numberOfLines: 2, ellipsizeMode: "middle", style: [styles2.flex, { color: p.text, fontFamily: p.fontFamily, fontWeight: "600" }], children: block.alt })
+  ] });
+}
+function BodyPdf({ block, palette: p, onLink }) {
+  const pages = block.pages ?? [];
+  const [width, setWidth] = (0, import_react.useState)(0);
+  const [index, setIndex] = (0, import_react.useState)(0);
+  const [reading, setReading] = (0, import_react.useState)(false);
+  const height = width ? Math.max(...pages.map((pg) => width / pageRatio(pg))) : 0;
+  const onScroll = (e) => width && setIndex(Math.round(e.nativeEvent.contentOffset.x / width));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [styles2.pdf, { borderColor: p.border, backgroundColor: p.surface }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Pressable, { accessibilityRole: "button", accessibilityLabel: `Read ${block.alt} full screen`, onPress: () => setReading(true), style: ({ pressed }) => [styles2.pdfHeader, { opacity: pressed ? 0.7 : 1 }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PdfBadge, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { numberOfLines: 1, ellipsizeMode: "middle", style: [styles2.flex, { color: p.text, fontFamily: p.fontFamily, fontWeight: "600" }], children: block.alt }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: p.muted, fontSize: 16 }, children: "\u2922" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles2.pdfPages, onLayout: (e) => setWidth(e.nativeEvent.layout.width), children: [
+      width > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ScrollView, { horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll, scrollEventThrottle: 32, accessibilityLabel: `${block.alt}, page ${index + 1} of ${pages.length}`, children: pages.map((pg, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Pressable, { onPress: () => setReading(true), accessibilityRole: "imagebutton", accessibilityLabel: pg.alt || `Page ${i + 1}`, accessibilityHint: "Opens the document full screen", style: { width, height, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: pg.src }, resizeMode: "contain", style: [styles2.page, { width: Math.min(width, height * pageRatio(pg)), aspectRatio: pageRatio(pg) }] }) }, i)) }),
+      pages.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { pointerEvents: "none", style: styles2.count, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Text, { style: styles2.countText, children: [
+        index + 1,
+        " / ",
+        pages.length
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Modal, { visible: reading, animationType: "slide", presentationStyle: "fullScreen", onRequestClose: () => setReading(false), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles2.reader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: styles2.readerBar, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { numberOfLines: 1, ellipsizeMode: "middle", style: [styles2.flex, styles2.readerTitle], accessibilityRole: "header", children: block.alt }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Pressable, { accessibilityRole: "link", onPress: () => onLink(block.href), style: styles2.readerBtn, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.readerBtnText, children: "Open PDF \u2197" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Pressable, { accessibilityRole: "button", accessibilityLabel: "Close", onPress: () => setReading(false), style: styles2.readerBtn, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.readerBtnText, children: "Done" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ScrollView, { contentContainerStyle: styles2.readerPages, children: pages.map((pg, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Image, { source: { uri: pg.src }, accessible: true, accessibilityLabel: pg.alt || `Page ${i + 1}`, resizeMode: "contain", style: [styles2.readerPage, { aspectRatio: pageRatio(pg) }] }, i)) })
+    ] }) })
+  ] });
+}
 function RichText({ html, palette: p, onLink, size = 15 }) {
   const blocks = (0, import_react.useMemo)(() => parseHtml(html), [html]);
   if (!blocks.length) return null;
@@ -3151,6 +3276,8 @@ function RichText({ html, palette: p, onLink, size = 15 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.wrap, children: blocks.map((b, i) => {
     if (b.kind === "image") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BodyImage, { block: b, palette: p }, i);
     if (b.kind === "video") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BodyVideo, { block: b, palette: p, onLink }, i);
+    if (b.kind === "pdf") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BodyPdf, { block: b, palette: p, onLink }, i);
+    if (b.kind === "file") return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BodyFile, { block: b, palette: p, onLink }, i);
     const runs = b.runs.map((r, j) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: runStyle(r, p), onPress: r.href ? () => onLink(r.href) : void 0, accessibilityRole: r.href ? "link" : void 0, children: r.text }, j));
     if (b.kind === "list-item") {
       return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [styles2.li, { paddingLeft: (b.level - 1) * 14 }], children: [
@@ -3172,7 +3299,22 @@ var styles2 = import_react_native2.StyleSheet.create({
   flex: { flex: 1 },
   image: { width: "100%", borderRadius: 6 },
   video: { flexDirection: "row", alignItems: "center", gap: 8, paddingVertical: 12, paddingHorizontal: 14, borderWidth: 1, borderRadius: 8 },
-  play: { fontSize: 14 }
+  play: { fontSize: 14 },
+  badge: { backgroundColor: "#e5484d", borderRadius: 4, paddingHorizontal: 5, paddingVertical: 3 },
+  badgeText: { color: "#fff", fontSize: 9, fontWeight: "700", letterSpacing: 0.4 },
+  pdf: { borderWidth: 1, borderRadius: 10, overflow: "hidden" },
+  pdfHeader: { flexDirection: "row", alignItems: "center", gap: 8, minHeight: 44, paddingHorizontal: 12 },
+  pdfPages: { marginHorizontal: 10, marginBottom: 10 },
+  page: { backgroundColor: "#fff", borderRadius: 3 },
+  count: { position: "absolute", right: 8, bottom: 8, backgroundColor: "rgba(17,17,17,0.72)", borderRadius: 999, paddingHorizontal: 8, paddingVertical: 2 },
+  countText: { color: "#fff", fontSize: 11, fontWeight: "500", fontVariant: ["tabular-nums"] },
+  reader: { flex: 1, backgroundColor: "#0b0b0d" },
+  readerBar: { flexDirection: "row", alignItems: "center", gap: 8, paddingTop: import_react_native2.Platform.OS === "ios" ? 52 : 12, paddingBottom: 10, paddingHorizontal: 16 },
+  readerTitle: { color: "#fff", fontSize: 16, fontWeight: "600" },
+  readerBtn: { minHeight: 36, justifyContent: "center", paddingHorizontal: 12, borderRadius: 8, backgroundColor: "rgba(255,255,255,0.12)" },
+  readerBtnText: { color: "#fff", fontWeight: "600" },
+  readerPages: { gap: 12, paddingHorizontal: 12, paddingBottom: 32 },
+  readerPage: { width: "100%", backgroundColor: "#fff", borderRadius: 2 }
 });
 
 // src/ui/Checklist.tsx