arcy.js 0.0.2 → 0.1.1

package/dist/chunk-6HBSGVRN.js

@@ -0,0 +1,219 @@
+/* arcy.js — https://arcyai.com */
+
+// src/shell/chat-contract.ts
+var CHAT_GLOBAL = "__arcyChat";
+var CHAT_CONTRACT = 4;
+var ATTACHABLE_TYPES = [
+  "image/png",
+  "image/jpeg",
+  "image/webp"
+];
+var FONT_KEY_PROPERTY = "--_arcy-font-key";
+var POLICY_LINK_CLASS = "arcy-chat-policy";
+var BAR_TRAY_CLASS = "arcy-bar-tray";
+var FALLBACK_CHROME = {
+  historyTitle: "Recent chats",
+  historyEmpty: "No conversations yet.",
+  newChat: "New chat",
+  flowsTitle: "What I can do",
+  flowsEmpty: "Nothing to run yet.",
+  collapse: "Collapse",
+  back: "Back",
+  closeSheet: "Close",
+  settingsTitle: "Settings",
+  dockChat: "Dock to the corner",
+  dockChatHint: "Shrink ARCY to a button in the bottom-right corner.",
+  language: "Language",
+  openChat: "Open chat",
+  moveBar: "Move the chat bar",
+  send: "Send",
+  flowRunning: "Running",
+  flowStep: "Step {step} of {total}",
+  flowStop: "Stop",
+  flowFailed: "Sorry, I could not finish that for you this time. You can ask me here and I will help you do it.",
+  attachMenu: "Add",
+  attachImage: "Attach an image",
+  removeImage: "Remove image",
+  imageTooLarge: "That image is too large. Each image must be under 5 MB.",
+  imageWrongType: "That file type is not supported. Use PNG, JPEG or WEBP.",
+  imageTooMany: "You can attach up to 3 images.",
+  imageFailed: "That image could not be uploaded. Please try again.",
+  likeAnswer: "Good answer",
+  dislikeAnswer: "Bad answer",
+  answering: "Answering",
+  aiDisclaimer: "{app} is AI and can make mistakes",
+  consentNotice: "Your messages are processed to answer your question.",
+  consentWithPolicy: "{policy}",
+  disclaimerJoin: " \xB7 ",
+  privacyPolicy: "Privacy Policy",
+  poweredBy: "Powered by ARCY",
+  genericError: "Something went wrong. Please try again.",
+  userCapReached: "You've reached today's limit for questions. Please try again tomorrow.",
+  imageConversation: "Image",
+  searchedSourcesLabel: "Searched {count} sources",
+  sourcesLabel: "Sources:",
+  flowOfferHint: "You can do this in one click with the Quick Flow below.",
+  fillConfirm: "Confirm",
+  fillYes: "Yes",
+  fillNo: "No",
+  fillRequired: "This field needs an answer.",
+  fillInvalidNumber: "Please enter a number.",
+  fillNumberTooSmall: "Please enter {min} or more.",
+  fillNumberTooLarge: "Please enter {max} or less.",
+  fillInvalidEmail: "Please enter a valid email address.",
+  fillInvalidUrl: "Please enter a valid link.",
+  fillInvalidDate: "Please enter a valid date.",
+  fillInvalidTime: "Please enter a valid time.",
+  fillDateTooEarly: "Please pick {min} or later.",
+  fillDateTooLate: "Please pick {max} or earlier.",
+  fillTooLong: "Please keep it under {max} characters.",
+  fillInvalidOption: "Please pick one of the options.",
+  fillInvalid: "That does not look right. Please try again."
+};
+
+// src/shell/drag.ts
+function carriesFiles(event) {
+  const transfer = event.dataTransfer;
+  if (!transfer) return false;
+  const types = transfer.types;
+  if (!types) return false;
+  for (let index = 0; index < types.length; index += 1) {
+    if (types[index] === "Files") return true;
+  }
+  return false;
+}
+function droppedFiles(event) {
+  const transfer = event.dataTransfer;
+  return Array.from(transfer?.files ?? []);
+}
+
+// src/shell/tooltip.ts
+var TOOLTIP_CSS = `
+[data-tip] {
+  position: relative;
+}
+
+[data-tip]::after {
+  content: attr(data-tip);
+  position: absolute;
+  left: 50%;
+  bottom: calc(100% + 6px);
+  transform: translateX(-50%);
+  z-index: 2;
+  padding: 4px 8px;
+  border-radius: 6px;
+  background: var(--_arcy-main-text, #101828);
+  color: var(--_arcy-main-bg, #ffffff);
+  font-size: 11px;
+  line-height: 1.3;
+  white-space: nowrap;
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 120ms ease;
+}
+
+[data-tip][data-tip-placement="below"]::after {
+  bottom: auto;
+  top: calc(100% + 6px);
+}
+
+/* Alignment, for a control near an edge the panel clips (D895). Centring a
+   bubble on the leftmost header icon puts half of it outside the panel, and
+   the panel clips its overflow, so the half outside is simply gone. No
+   z-index can fix that: the bubble is not behind anything, it is cut off.
+   These pin the bubble to the control's own edge instead. */
+[data-tip][data-tip-align="start"]::after {
+  left: 0;
+  transform: none;
+}
+
+[data-tip][data-tip-align="end"]::after {
+  left: auto;
+  right: 0;
+  transform: none;
+}
+
+[data-tip]:hover::after,
+[data-tip]:focus-visible::after {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* A coarse pointer has no hover: the tooltip would latch open on tap and
+   sit over the thing the visitor just pressed. */
+@media (hover: none) {
+  [data-tip]::after {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-tip]::after {
+    transition: none;
+  }
+}
+`;
+
+// src/shell/viewport.ts
+var MOBILE_BREAKPOINT = 640;
+var MOBILE_MARGIN = 12;
+var PANEL_MARGIN = 16;
+var PANEL_GAP = 8;
+var positive = (value) => typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
+function readSize(win) {
+  const el = win?.document?.documentElement;
+  return {
+    width: positive(el?.clientWidth) || positive(win?.innerWidth),
+    height: positive(el?.clientHeight) || positive(win?.innerHeight)
+  };
+}
+function keyboardOffset(win) {
+  const vv = win?.visualViewport;
+  if (!vv) return 0;
+  const layoutHeight = readSize(win).height;
+  const visualHeight = positive(vv.height);
+  if (!layoutHeight || !visualHeight) return 0;
+  const top = typeof vv.offsetTop === "number" && Number.isFinite(vv.offsetTop) ? vv.offsetTop : 0;
+  const covered = layoutHeight - (visualHeight + top);
+  if (!Number.isFinite(covered) || covered < 24) return 0;
+  return Math.min(covered, layoutHeight);
+}
+function readViewport(win) {
+  const size = readSize(win);
+  return {
+    ...size,
+    isMobile: size.width > 0 && size.width < MOBILE_BREAKPOINT,
+    keyboardOffset: keyboardOffset(win)
+  };
+}
+var FALLBACK_WIDTH_PX = 560;
+var FALLBACK_MAX_HEIGHT_PX = 640;
+function surfaceWidth(widthPercent, viewport) {
+  const available = positive(viewport.width);
+  if (!available) return FALLBACK_WIDTH_PX;
+  if (available < MOBILE_BREAKPOINT) {
+    return Math.max(0, available - MOBILE_MARGIN * 2);
+  }
+  const target = Math.round(widthPercent / 100 * available);
+  return Math.min(target, available - PANEL_MARGIN * 2);
+}
+function panelHeight(maxHeightPercent, viewportHeight, barBottom) {
+  const height = positive(viewportHeight);
+  if (!height) return FALLBACK_MAX_HEIGHT_PX;
+  const target = Math.round(maxHeightPercent / 100 * height);
+  const available = height - barBottom - PANEL_MARGIN;
+  return Math.max(0, Math.min(target, available));
+}
+function dragTransform(offset) {
+  if (offset.x === 0 && offset.y === 0) return "none";
+  return `translate(${offset.x}px, ${offset.y}px)`;
+}
+function clampOffsetX(x, width, viewportWidth) {
+  const available = positive(viewportWidth);
+  if (!available) return x;
+  const maxX = Math.max(0, (available - positive(width)) / 2);
+  return Math.min(maxX, Math.max(-maxX, x));
+}
+
+export { ATTACHABLE_TYPES, BAR_TRAY_CLASS, CHAT_CONTRACT, CHAT_GLOBAL, FALLBACK_CHROME, FONT_KEY_PROPERTY, MOBILE_MARGIN, PANEL_GAP, PANEL_MARGIN, POLICY_LINK_CLASS, TOOLTIP_CSS, carriesFiles, clampOffsetX, dragTransform, droppedFiles, panelHeight, readViewport, surfaceWidth };

package/dist/chunk-7VVKR3AO.js

@@ -0,0 +1,122 @@
+import { SELECTOR_CANDIDATES_MAX, FINGERPRINT_TEXT_MAX } from './chunk-NY3NXM2V.js';
+
+/* arcy.js — https://arcyai.com */
+
+// src/picker/message.ts
+var DESIGN_MODE_PROTOCOL = 2;
+var DESIGN_MODE_READY = "arcy:design-mode:ready";
+var DESIGN_MODE_PICK = "arcy:design-mode:pick";
+var DESIGN_MODE_EXIT = "arcy:design-mode:exit";
+var DESIGN_MODE_SCREENSHOT = "arcy:design-mode:screenshot";
+var TAG_MAX = 64;
+var ROUTE_MAX = 2048;
+var SELECTOR_MAX = 512;
+var ORDINAL_MAX = 1e4;
+var SIBLING_INDEX_MAX = 1e5;
+var SCREENSHOT_DATA_URL_MAX = 4e6;
+var SCREENSHOT_PREFIX = "data:image/png;base64,";
+var MATCH_COUNT_MAX = 1e6;
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isBoundedString(value, max) {
+  return typeof value === "string" && value.length > 0 && value.length <= max;
+}
+function isOptionalBoundedString(value, max) {
+  return value === void 0 || isBoundedString(value, max);
+}
+function isBoundedInteger(value, min, max) {
+  return typeof value === "number" && Number.isInteger(value) && value >= min && value <= max;
+}
+function readCore(value) {
+  if (!isRecord(value)) return null;
+  if (!isBoundedString(value.tag, TAG_MAX)) return null;
+  if (!isBoundedInteger(value.siblingIndex, 0, SIBLING_INDEX_MAX)) return null;
+  const optional = [
+    "text",
+    "ariaLabel",
+    "placeholder",
+    "id",
+    "role",
+    "testId",
+    "ancestorTag",
+    "ancestorAttr",
+    "ancestorValue"
+  ];
+  for (const key of optional) {
+    if (!isOptionalBoundedString(value[key], FINGERPRINT_TEXT_MAX)) return null;
+  }
+  const core = {
+    tag: value.tag,
+    siblingIndex: value.siblingIndex
+  };
+  for (const key of optional) {
+    const field = value[key];
+    if (typeof field === "string") core[key] = field;
+  }
+  return core;
+}
+function readTarget(value) {
+  if (!isRecord(value)) return null;
+  if (value.v !== 1) return null;
+  const core = readCore(value.core);
+  if (!core) return null;
+  const { selector, selectorCandidates, ordinal, precision, dynamicText } = value;
+  if (selector !== null && !isBoundedString(selector, SELECTOR_MAX)) return null;
+  if (!Array.isArray(selectorCandidates)) return null;
+  if (selectorCandidates.length > SELECTOR_CANDIDATES_MAX) return null;
+  if (!selectorCandidates.every((c) => isBoundedString(c, SELECTOR_MAX)))
+    return null;
+  if (!isBoundedInteger(ordinal, 1, ORDINAL_MAX)) return null;
+  if (!isBoundedInteger(precision, 1, 5)) return null;
+  if (typeof dynamicText !== "boolean") return null;
+  return {
+    v: 1,
+    core,
+    selector,
+    selectorCandidates,
+    ordinal,
+    precision,
+    dynamicText
+  };
+}
+function readDesignModeMessage(data) {
+  if (!isRecord(data)) return null;
+  if (data.protocol !== DESIGN_MODE_PROTOCOL) return null;
+  switch (data.type) {
+    case DESIGN_MODE_READY:
+      return { type: DESIGN_MODE_READY, protocol: DESIGN_MODE_PROTOCOL };
+    case DESIGN_MODE_EXIT:
+      return { type: DESIGN_MODE_EXIT, protocol: DESIGN_MODE_PROTOCOL };
+    case DESIGN_MODE_PICK: {
+      const target = readTarget(data.target);
+      if (!target) return null;
+      const { route, matchCount } = data;
+      if (!isBoundedString(route, ROUTE_MAX)) return null;
+      if (!route.startsWith("/")) return null;
+      if (route.startsWith("//")) return null;
+      if (!isBoundedInteger(matchCount, 0, MATCH_COUNT_MAX)) return null;
+      return {
+        type: DESIGN_MODE_PICK,
+        protocol: DESIGN_MODE_PROTOCOL,
+        target,
+        route,
+        matchCount
+      };
+    }
+    case DESIGN_MODE_SCREENSHOT: {
+      const { screenshot } = data;
+      if (!isBoundedString(screenshot, SCREENSHOT_DATA_URL_MAX)) return null;
+      if (!screenshot.startsWith(SCREENSHOT_PREFIX)) return null;
+      return {
+        type: DESIGN_MODE_SCREENSHOT,
+        protocol: DESIGN_MODE_PROTOCOL,
+        screenshot
+      };
+    }
+    default:
+      return null;
+  }
+}
+
+export { DESIGN_MODE_EXIT, DESIGN_MODE_PICK, DESIGN_MODE_PROTOCOL, DESIGN_MODE_READY, DESIGN_MODE_SCREENSHOT, readDesignModeMessage };

package/dist/chunk-CQ2DESAJ.js

@@ -0,0 +1,263 @@
+/* arcy.js — https://arcyai.com */
+
+// src/shell/fill-contract.ts
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var DATE_RE = /^\d{4}-\d{2}-\d{2}$/;
+var TIME_RE = /^([01]\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/;
+var DATETIME_RE = /^\d{4}-\d{2}-\d{2}T([01]\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/;
+var MONTH_RE = /^\d{4}-\d{2}$/;
+var WEEK_RE = /^\d{4}-W\d{2}$/;
+var TEL_RE = /^\+?[\d\s().-]{3,}$/;
+function isRealDate(value) {
+  const time = Date.parse(value);
+  return Number.isFinite(time);
+}
+function numberError(value, request) {
+  if (request.min !== null) {
+    const min = Number(request.min);
+    if (Number.isFinite(min) && value < min) return "number_too_small";
+  }
+  if (request.max !== null) {
+    const max = Number(request.max);
+    if (Number.isFinite(max) && value > max) return "number_too_large";
+  }
+  return null;
+}
+function padTime(text) {
+  return /^\d:/.test(text) ? `0${text}` : text;
+}
+function dateRangeError(value, request) {
+  if (request.min !== null && request.min.length > 0 && value < request.min) {
+    return "date_too_early";
+  }
+  if (request.max !== null && request.max.length > 0 && value > request.max) {
+    return "date_too_late";
+  }
+  return null;
+}
+function validateFillReply(reply, request) {
+  const value = request.kind === "password" ? reply : reply.trim();
+  if (value.length === 0) {
+    return request.required ? "required" : null;
+  }
+  if (request.maxLength !== null && value.length > request.maxLength) {
+    return "too_long";
+  }
+  switch (request.kind) {
+    case "number":
+    case "range": {
+      const parsed = Number(value);
+      if (!Number.isFinite(parsed)) return "invalid_number";
+      return numberError(parsed, request);
+    }
+    case "email":
+      return EMAIL_RE.test(value) ? null : "invalid_email";
+    case "url": {
+      try {
+        const parsed = new URL(value);
+        return parsed.protocol === "http:" || parsed.protocol === "https:" ? null : "invalid_url";
+      } catch {
+        return "invalid_url";
+      }
+    }
+    case "tel":
+      return TEL_RE.test(value) ? null : "invalid";
+    case "date":
+      if (!DATE_RE.test(value) || !isRealDate(value)) return "invalid_date";
+      return dateRangeError(value, request);
+    case "datetime":
+      if (!DATETIME_RE.test(value)) return "invalid_date";
+      return dateRangeError(value, request);
+    case "month":
+      if (!MONTH_RE.test(value)) return "invalid_date";
+      return dateRangeError(value, request);
+    case "week":
+      if (!WEEK_RE.test(value)) return "invalid_date";
+      return dateRangeError(value, request);
+    case "time": {
+      if (!TIME_RE.test(value)) return "invalid_time";
+      return dateRangeError(padTime(value), {
+        ...request,
+        min: request.min !== null ? padTime(request.min) : null,
+        max: request.max !== null ? padTime(request.max) : null
+      });
+    }
+    case "select":
+    case "radio": {
+      const options = request.options ?? [];
+      return options.some((option) => option.value === value) ? null : "invalid_option";
+    }
+    case "checkbox":
+      return value === "true" || value === "false" ? null : "invalid_option";
+    default: {
+      if (request.pattern) {
+        try {
+          if (!new RegExp(`^(?:${request.pattern})$`).test(value)) {
+            return "invalid";
+          }
+        } catch {
+        }
+      }
+      return null;
+    }
+  }
+}
+function normalizeOptionReply(reply, options) {
+  if (!options || options.length === 0) return reply;
+  const value = reply.trim();
+  if (options.some((option) => option.value === value)) return value;
+  const lower = value.toLowerCase();
+  const byLabel = options.find(
+    (option) => option.label.trim().toLowerCase() === lower
+  );
+  return byLabel ? byLabel.value : reply;
+}
+
+// src/flow/api.ts
+var DEFAULT_API_BASE = "https://api.arcyai.com";
+var FLOW_CATALOG_PATH = "/api/v1/sdk/flows/catalog";
+var FLOW_RUN_PATH = "/api/v1/sdk/flows";
+var FLOW_FETCH_TIMEOUT_MS = 8e3;
+function resolveFetch(fetchImpl) {
+  if (fetchImpl !== void 0) return fetchImpl;
+  return typeof fetch !== "undefined" ? fetch.bind(globalThis) : null;
+}
+function bounded(promise, timeoutMs, setTimeoutImpl, onTimeout) {
+  return new Promise((resolve) => {
+    let settled = false;
+    const settle = (value) => {
+      if (settled) return;
+      settled = true;
+      resolve(value);
+    };
+    promise.then(settle, () => settle(onTimeout));
+    try {
+      setTimeoutImpl(() => settle(onTimeout), timeoutMs);
+    } catch {
+    }
+  });
+}
+function isCatalogEntry(value) {
+  if (!value || typeof value !== "object") return false;
+  const v = value;
+  return typeof v.cvid === "string" && (v.publicName === null || typeof v.publicName === "string") && (v.summary === null || typeof v.summary === "string") && (v.firstStepRoute === void 0 || v.firstStepRoute === null || typeof v.firstStepRoute === "string");
+}
+function isStarterFlow(value) {
+  if (!value || typeof value !== "object") return false;
+  const v = value;
+  return typeof v.cvid === "string" && typeof v.publicName === "string" && v.publicName.trim().length > 0 && (v.summary === null || v.summary === void 0 || typeof v.summary === "string");
+}
+function readCatalog(body) {
+  if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+  const raw = body.flows;
+  if (!Array.isArray(raw)) return null;
+  const flows = [];
+  for (const entry of raw) {
+    if (isCatalogEntry(entry)) {
+      flows.push({ ...entry, firstStepRoute: entry.firstStepRoute ?? null });
+    }
+  }
+  const rawStarters = body.starterFlows;
+  const starterFlows = Array.isArray(rawStarters) ? rawStarters.filter(isStarterFlow).map((entry) => ({
+    cvid: entry.cvid,
+    publicName: entry.publicName,
+    summary: entry.summary ?? null
+  })) : [];
+  return { flows, starterFlows };
+}
+function readRun(body) {
+  if (!body || typeof body !== "object" || Array.isArray(body)) return null;
+  return readFlowDetail(body.flow);
+}
+function readFlowDetail(flow) {
+  if (!flow || typeof flow !== "object" || Array.isArray(flow)) return null;
+  const f = flow;
+  if (typeof f.cvid !== "string" || !Array.isArray(f.steps)) return null;
+  return flow;
+}
+function headers(sessionToken) {
+  return {
+    "Content-Type": "application/json",
+    Authorization: `Bearer ${sessionToken}`
+  };
+}
+async function fetchFlowCatalog(options) {
+  const {
+    apiBase = DEFAULT_API_BASE,
+    sessionToken,
+    sessionId,
+    setTimeoutImpl = (fn, ms) => setTimeout(fn, ms),
+    timeoutMs = FLOW_FETCH_TIMEOUT_MS
+  } = options;
+  const fetchImpl = resolveFetch(options.fetchImpl);
+  if (!fetchImpl) return { ok: false, reason: "unusable" };
+  const attempt = (async () => {
+    let response;
+    try {
+      response = await fetchImpl(`${apiBase}${FLOW_CATALOG_PATH}`, {
+        method: "POST",
+        headers: headers(sessionToken),
+        body: JSON.stringify(sessionId ? { sessionId } : {}),
+        credentials: "omit"
+      });
+    } catch {
+      return { ok: false, reason: "network" };
+    }
+    if (!response.ok) return { ok: false, reason: "rejected" };
+    let parsed;
+    try {
+      parsed = await response.json();
+    } catch {
+      return { ok: false, reason: "unusable" };
+    }
+    const catalog = readCatalog(parsed);
+    return catalog ? { ok: true, ...catalog } : { ok: false, reason: "unusable" };
+  })();
+  return bounded(attempt, timeoutMs, setTimeoutImpl, {
+    ok: false,
+    reason: "network"
+  });
+}
+async function fetchFlowRun(flowCvid, options) {
+  const {
+    apiBase = DEFAULT_API_BASE,
+    sessionToken,
+    sessionId,
+    setTimeoutImpl = (fn, ms) => setTimeout(fn, ms),
+    timeoutMs = FLOW_FETCH_TIMEOUT_MS
+  } = options;
+  const fetchImpl = resolveFetch(options.fetchImpl);
+  if (!fetchImpl) return { ok: false, reason: "unusable" };
+  const attempt = (async () => {
+    let response;
+    try {
+      response = await fetchImpl(
+        `${apiBase}${FLOW_RUN_PATH}/${encodeURIComponent(flowCvid)}/run`,
+        {
+          method: "POST",
+          headers: headers(sessionToken),
+          body: JSON.stringify(sessionId ? { sessionId } : {}),
+          credentials: "omit"
+        }
+      );
+    } catch {
+      return { ok: false, reason: "network" };
+    }
+    if (response.status === 404) return { ok: false, reason: "not_found" };
+    if (!response.ok) return { ok: false, reason: "rejected" };
+    let parsed;
+    try {
+      parsed = await response.json();
+    } catch {
+      return { ok: false, reason: "unusable" };
+    }
+    const flow = readRun(parsed);
+    return flow ? { ok: true, flow } : { ok: false, reason: "unusable" };
+  })();
+  return bounded(attempt, timeoutMs, setTimeoutImpl, {
+    ok: false,
+    reason: "network"
+  });
+}
+
+export { fetchFlowCatalog, fetchFlowRun, normalizeOptionReply, readFlowDetail, validateFillReply };

package/dist/chunk-DKYMIAYF.js

@@ -0,0 +1,7 @@
+/* arcy.js — https://arcyai.com */
+
+// src/picker/contract.ts
+var PICKER_GLOBAL = "__arcyPicker";
+var PICKER_CONTRACT = 2;
+
+export { PICKER_CONTRACT, PICKER_GLOBAL };