agentation-vue 0.2.3 → 0.2.4

package/dist/index.js

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AgentationVue", {
-  enumerable: true,
-  get: function () {
-    return _AgentationVue.default;
-  }
-});
-exports.AgentationVuePlugin = void 0;
-Object.defineProperty(exports, "ComponentChain", {
-  enumerable: true,
-  get: function () {
-    return _ComponentChain.default;
-  }
-});
-Object.defineProperty(exports, "DEFAULT_SHORTCUT_CONFIG", {
-  enumerable: true,
-  get: function () {
-    return _useKeyboardShortcuts.DEFAULT_SHORTCUT_CONFIG;
-  }
-});
-Object.defineProperty(exports, "VaButton", {
-  enumerable: true,
-  get: function () {
-    return _VaButton.default;
-  }
-});
-Object.defineProperty(exports, "VaIcon", {
-  enumerable: true,
-  get: function () {
-    return _VaIcon.default;
-  }
-});
-Object.defineProperty(exports, "VaIconButton", {
-  enumerable: true,
-  get: function () {
-    return _VaIconButton.default;
-  }
-});
-Object.defineProperty(exports, "VaToggle", {
-  enumerable: true,
-  get: function () {
-    return _VaToggle.default;
-  }
-});
-
-Object.defineProperty(exports, "formatAnnotations", {
-  enumerable: true,
-  get: function () {
-    return _useOutputFormatter.formatAnnotations;
-  }
-});
-Object.defineProperty(exports, "icons", {
-  enumerable: true,
-  get: function () {
-    return _icons.icons;
-  }
-});
-Object.defineProperty(exports, "useAnimationPause", {
-  enumerable: true,
-  get: function () {
-    return _useAnimationPause.useAnimationPause;
-  }
-});
-Object.defineProperty(exports, "useAnnotations", {
-  enumerable: true,
-  get: function () {
-    return _useAnnotations.useAnnotations;
-  }
-});
-Object.defineProperty(exports, "useAreaSelect", {
-  enumerable: true,
-  get: function () {
-    return _useAreaSelect.useAreaSelect;
-  }
-});
-Object.defineProperty(exports, "useElementDetection", {
-  enumerable: true,
-  get: function () {
-    return _useElementDetection.useElementDetection;
-  }
-});
-Object.defineProperty(exports, "useInteractionMode", {
-  enumerable: true,
-  get: function () {
-    return _useInteractionMode.useInteractionMode;
-  }
-});
-Object.defineProperty(exports, "useKeyboardShortcuts", {
-  enumerable: true,
-  get: function () {
-    return _useKeyboardShortcuts.useKeyboardShortcuts;
-  }
-});
-Object.defineProperty(exports, "useMarkerPositions", {
-  enumerable: true,
-  get: function () {
-    return _useMarkerPositions.useMarkerPositions;
-  }
-});
-Object.defineProperty(exports, "useMultiSelect", {
-  enumerable: true,
-  get: function () {
-    return _useMultiSelect.useMultiSelect;
-  }
-});
-Object.defineProperty(exports, "useOutputFormatter", {
-  enumerable: true,
-  get: function () {
-    return _useOutputFormatter.useOutputFormatter;
-  }
-});
-Object.defineProperty(exports, "useSettings", {
-  enumerable: true,
-  get: function () {
-    return _useSettings.useSettings;
-  }
-});
-Object.defineProperty(exports, "useTextSelection", {
-  enumerable: true,
-  get: function () {
-    return _useTextSelection.useTextSelection;
-  }
-});
-Object.defineProperty(exports, "useToolbarAutoHide", {
-  enumerable: true,
-  get: function () {
-    return _useToolbarAutoHide.useToolbarAutoHide;
-  }
-});
-Object.defineProperty(exports, "vaTooltipDirective", {
-  enumerable: true,
-  get: function () {
-    return _vaTooltip.vaTooltipDirective;
-  }
-});
-var _AgentationVue = _interopRequireDefault(require("./AgentationVue.vue"));
-var _vaTooltip = require("./directives/vaTooltip");
-var _ComponentChain = _interopRequireDefault(require("./components/ComponentChain.vue"));
-var _VaButton = _interopRequireDefault(require("./components/VaButton.vue"));
-var _VaIcon = _interopRequireDefault(require("./components/VaIcon.vue"));
-var _VaIconButton = _interopRequireDefault(require("./components/VaIconButton.vue"));
-var _VaToggle = _interopRequireDefault(require("./components/VaToggle.vue"));
-var _useAnimationPause = require("./composables/useAnimationPause");
-var _useAnnotations = require("./composables/useAnnotations");
-var _useAreaSelect = require("./composables/useAreaSelect");
-var _useElementDetection = require("./composables/useElementDetection");
-var _useInteractionMode = require("./composables/useInteractionMode");
-var _useKeyboardShortcuts = require("./composables/useKeyboardShortcuts");
-var _useMarkerPositions = require("./composables/useMarkerPositions");
-var _useMultiSelect = require("./composables/useMultiSelect");
-var _useOutputFormatter = require("./composables/useOutputFormatter");
-var _useSettings = require("./composables/useSettings");
-var _useTextSelection = require("./composables/useTextSelection");
-var _useToolbarAutoHide = require("./composables/useToolbarAutoHide");
-var _icons = require("./icons");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-module.exports = _AgentationVue.default;
-const AgentationVuePlugin = exports.AgentationVuePlugin = {
-  install(app) {
-    app.component("AgentationVue", _AgentationVue.default);
-    app.component("agentation-vue", _AgentationVue.default);
-    app.directive("va-tooltip", _vaTooltip.vaTooltipDirective);
-  }
-};

package/dist/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/utils/clipboard.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.copyToClipboard = copyToClipboard;
-async function copyToClipboard(text) {
-  try {
-    await navigator.clipboard.writeText(text);
-    return true;
-  } catch {
-    const textarea = document.createElement("textarea");
-    textarea.value = text;
-    textarea.style.position = "fixed";
-    textarea.style.opacity = "0";
-    document.body.appendChild(textarea);
-    textarea.select();
-    const success = document.execCommand("copy");
-    document.body.removeChild(textarea);
-    return success;
-  }
-}

package/dist/utils/dom-inspector.js

@@ -1,168 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.detectVueComponents = detectVueComponents;
-exports.getAccessibilityInfo = getAccessibilityInfo;
-exports.getComputedStylesSummary = getComputedStylesSummary;
-exports.getNearbyElements = getNearbyElements;
-exports.getNearbyText = getNearbyText;
-exports.getRelevantComputedStyles = getRelevantComputedStyles;
-exports.isFixed = isFixed;
-let vueDetectionAvailable = null;
-const DEFAULT_STYLE_VALUES = /* @__PURE__ */new Set(["none", "normal", "auto", "0px", "rgba(0, 0, 0, 0)", "transparent", "static", "visible"]);
-const TEXT_ELEMENTS = /* @__PURE__ */new Set(["p", "span", "h1", "h2", "h3", "h4", "h5", "h6", "label", "li", "td", "th", "blockquote", "figcaption", "caption", "legend", "dt", "dd", "pre", "code", "em", "strong", "b", "i", "a", "time", "cite", "q"]);
-const FORM_INPUT_ELEMENTS = /* @__PURE__ */new Set(["input", "textarea", "select"]);
-const MEDIA_ELEMENTS = /* @__PURE__ */new Set(["img", "video", "canvas", "svg"]);
-const CONTAINER_ELEMENTS = /* @__PURE__ */new Set(["div", "section", "article", "nav", "header", "footer", "aside", "main", "ul", "ol", "form", "fieldset"]);
-function getComponentFromElement(el) {
-  const v2 = el.__vue__;
-  if (v2) return v2;
-  const v3 = el.__vueParentComponent;
-  if (v3) return v3;
-  let current = el.parentElement;
-  while (current && current !== document.body) {
-    const v2p = current.__vue__;
-    if (v2p) return v2p;
-    const v3p = current.__vueParentComponent;
-    if (v3p) return v3p;
-    current = current.parentElement;
-  }
-  return null;
-}
-function inferNameFromFile(filePath) {
-  const file = filePath.split("/").pop();
-  if (!file) return null;
-  return file.replace(/\.vue$/, "");
-}
-function getInstanceName(inst, includeFile) {
-  if (inst.$options) {
-    const name = inst.$options.name || inst.$options._componentTag || inferNameFromFile(inst.$options.__file || "");
-    if (name) {
-      if (includeFile && inst.$options.__file) {
-        const file = inst.$options.__file.split("/").pop();
-        return `${name} (${file})`;
-      }
-      return name;
-    }
-  }
-  if (inst.type) {
-    const name = inst.type.name || inst.type.__name || inferNameFromFile(inst.type.__file || "");
-    if (!name) return null;
-    if (includeFile && inst.type.__file) {
-      const file = inst.type.__file.split("/").pop();
-      return `${name} (${file})`;
-    }
-    return name;
-  }
-  return null;
-}
-function walkComponentChain(inst, includeFile) {
-  const chain = [];
-  let current = inst;
-  let depth = 0;
-  while (current && depth < 20) {
-    const name = getInstanceName(current, includeFile);
-    if (name && !name.startsWith("_") && !/^App(?:\s*\(|$)/.test(name)) chain.push(name);
-    current = current.$parent || current.parent;
-    depth++;
-  }
-  return chain.reverse();
-}
-function detectVueComponents(el, includeFile = false) {
-  if (vueDetectionAvailable === false) return void 0;
-  const inst = getComponentFromElement(el);
-  if (inst) {
-    vueDetectionAvailable = true;
-    const chain = walkComponentChain(inst, includeFile);
-    return chain.length > 0 ? chain.join(" > ") : void 0;
-  }
-  if (vueDetectionAvailable === null) {
-    vueDetectionAvailable = false;
-    return void 0;
-  }
-  return void 0;
-}
-function isFixed(el) {
-  let current = el;
-  while (current && current !== document.body) {
-    const position = getComputedStyle(current).position;
-    if (position === "fixed" || position === "sticky") return true;
-    current = current.parentElement;
-  }
-  return false;
-}
-function getNearbyElements(el, maxCount = 3) {
-  const nearby = [];
-  const parent = el.parentElement;
-  if (!parent) return "";
-  for (const sibling of Array.from(parent.children)) {
-    if (sibling === el) continue;
-    const tag = sibling.tagName.toLowerCase();
-    const cls = Array.from(sibling.classList).filter(c => !c.startsWith("__va-")).slice(0, 2).join(".");
-    const name = cls ? `${tag}.${cls}` : tag;
-    nearby.push(`\`${name}\``);
-    if (nearby.length >= maxCount) break;
-  }
-  return nearby.join(", ");
-}
-function getNearbyText(el, maxLen = 140) {
-  const ownText = (el.textContent || "").replace(/\s+/g, " ").trim();
-  if (ownText.length >= 2) {
-    return ownText.length > maxLen ? `${ownText.slice(0, maxLen)}...` : ownText;
-  }
-  const parentText = (el.parentElement?.textContent || "").replace(/\s+/g, " ").trim();
-  if (parentText.length >= 2) {
-    return parentText.length > maxLen ? `${parentText.slice(0, maxLen)}...` : parentText;
-  }
-  return void 0;
-}
-function getRelevantComputedStyles(el) {
-  const style = getComputedStyle(el);
-  const tag = el.tagName.toLowerCase();
-  const result = {};
-  let properties;
-  if (TEXT_ELEMENTS.has(tag)) {
-    properties = ["color", "font-size", "font-weight", "font-family", "line-height"];
-  } else if (tag === "button" || tag === "a" && el.getAttribute("role") === "button") {
-    properties = ["background-color", "color", "padding", "border-radius", "font-size"];
-  } else if (FORM_INPUT_ELEMENTS.has(tag)) {
-    properties = ["background-color", "color", "padding", "border-radius", "font-size"];
-  } else if (MEDIA_ELEMENTS.has(tag)) {
-    properties = ["width", "height", "object-fit", "border-radius", "background"];
-  } else if (CONTAINER_ELEMENTS.has(tag)) {
-    properties = ["display", "gap", "padding", "margin", "background-color", "border-radius"];
-  } else {
-    properties = ["color", "font-size", "margin", "padding", "background-color"];
-  }
-  for (const prop of properties) {
-    const value = style.getPropertyValue(prop).trim();
-    if (value && !DEFAULT_STYLE_VALUES.has(value)) result[prop] = value;
-  }
-  return result;
-}
-function getComputedStylesSummary(el) {
-  const style = getComputedStyle(el);
-  const props = ["display", "padding", "margin", "background-color", "color", "border-radius", "font-size", "font-weight", "width", "height", "position", "z-index", "opacity", "transition", "transform"];
-  return props.map(p => `${p}: ${style.getPropertyValue(p)}`).filter(line => {
-    const [prop, val] = line.split(": ");
-    if (!val) return false;
-    if (DEFAULT_STYLE_VALUES.has(val)) return false;
-    if (["1", "400"].includes(val)) return false;
-    if (prop === "display" && val === "block") return false;
-    if (prop === "display" && val === "inline") return false;
-    return true;
-  }).join("\n");
-}
-function getAccessibilityInfo(el) {
-  const parts = [];
-  const role = el.getAttribute("role");
-  if (role) parts.push(`role="${role}"`);
-  for (const attr of Array.from(el.attributes)) {
-    if (attr.name.startsWith("aria-")) {
-      parts.push(`${attr.name}="${attr.value}"`);
-    }
-  }
-  return parts.length > 0 ? parts.join(", ") : void 0;
-}

package/dist/utils/math.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clamp = clamp;
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}

package/dist/utils/portal.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPortalContainer = createPortalContainer;
-exports.destroyPortalContainer = destroyPortalContainer;
-var _constants = require("../constants");
-function createPortalContainer() {
-  const container = document.createElement("div");
-  container.id = "__va-portal";
-  container.setAttribute(_constants.VA_DATA_ATTR, "");
-  document.body.appendChild(container);
-  return container;
-}
-function destroyPortalContainer(el) {
-  el.remove();
-}

package/dist/utils/selectors.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateSelector = generateSelector;
-exports.getElementName = getElementName;
-exports.getElementPath = getElementPath;
-const HASH_CLASS_PATTERNS = [/^[a-z]+-[a-zA-Z0-9]{5,}$/, /^css-[a-z0-9]+$/, /^_[a-z0-9]{6,}$/i, /^__/, /^svelte-/, /^emotion-/];
-function isHashClass(cls) {
-  return HASH_CLASS_PATTERNS.some(p => p.test(cls));
-}
-function getMeaningfulClasses(el) {
-  return Array.from(el.classList).filter(c => !isHashClass(c) && !c.startsWith("__va-"));
-}
-function bubbleSvg(el) {
-  if (el instanceof SVGElement && !(el instanceof SVGSVGElement)) {
-    const svg = el.closest("svg");
-    if (svg) return svg;
-  }
-  return el;
-}
-function generateSelector(el) {
-  el = bubbleSvg(el);
-  if (el.id && document.querySelectorAll(`#${CSS.escape(el.id)}`).length === 1) {
-    return `#${el.id}`;
-  }
-  const tag = el.tagName.toLowerCase();
-  const classes = getMeaningfulClasses(el);
-  if (classes.length > 0) {
-    const selector = `${tag}.${classes.join(".")}`;
-    if (document.querySelectorAll(selector).length === 1) {
-      return selector;
-    }
-    const parent2 = el.parentElement;
-    if (parent2) {
-      const parentTag = parent2.tagName.toLowerCase();
-      const parentClasses = getMeaningfulClasses(parent2);
-      let parentSelector = parentTag;
-      if (parentClasses.length > 0) {
-        parentSelector = `${parentTag}.${parentClasses[0]}`;
-      }
-      const full = `${parentSelector} > ${selector}`;
-      if (document.querySelectorAll(full).length === 1) {
-        return full;
-      }
-    }
-  }
-  const parent = el.parentElement;
-  if (parent) {
-    const siblings = Array.from(parent.children);
-    const index = siblings.indexOf(el) + 1;
-    const parentSelector = parent === document.body ? "body" : generateSelector(parent);
-    return `${parentSelector} > ${tag}:nth-child(${index})`;
-  }
-  return tag;
-}
-function getElementName(el) {
-  el = bubbleSvg(el);
-  const tag = el.tagName.toLowerCase();
-  const textTags = ["button", "a", "h1", "h2", "h3", "h4", "h5", "h6", "label", "span", "p"];
-  if (textTags.includes(tag)) {
-    const text = (el.textContent || "").trim();
-    if (text.length > 0) {
-      const truncated = text.length > 30 ? `${text.slice(0, 30)}...` : text;
-      return `"${truncated}" ${tag}`;
-    }
-  }
-  if (tag === "img") {
-    const alt = el.getAttribute("alt");
-    if (alt) return `img[alt="${alt}"]`;
-  }
-  if (tag === "input") {
-    const placeholder = el.getAttribute("placeholder");
-    if (placeholder) return `input[placeholder="${placeholder}"]`;
-    const type = el.getAttribute("type") || "text";
-    return `input[type="${type}"]`;
-  }
-  const classes = getMeaningfulClasses(el);
-  if (classes.length > 0) {
-    return `${tag}.${classes.join(".")}`;
-  }
-  return `<${tag}>`;
-}
-function getElementPath(el) {
-  el = bubbleSvg(el);
-  const parts = [];
-  let current = el;
-  while (current && current !== document.documentElement) {
-    const tag = current.tagName.toLowerCase();
-    const classes = getMeaningfulClasses(current);
-    if (current.id) {
-      parts.unshift(`${tag}#${current.id}`);
-      break;
-    } else if (classes.length > 0) {
-      parts.unshift(`${tag}.${classes.join(".")}`);
-    } else {
-      parts.unshift(tag);
-    }
-    current = current.parentElement;
-  }
-  return parts.join(" > ");
-}

package/dist/utils/style.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.boundingBoxToStyle = boundingBoxToStyle;
-function boundingBoxToStyle(rect) {
-  return {
-    left: `${rect.x}px`,
-    top: `${rect.y}px`,
-    width: `${rect.width}px`,
-    height: `${rect.height}px`
-  };
-}