@thinkingos/vsl-sdk 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -48,7 +48,13 @@ var CSS_PROPERTIES = [
   ["opacity", "opacity"],
   ["pointerEvents", "pointer-events"],
   ["overflow", "overflow"],
-  ["height", "height"]
+  ["height", "height"],
+  ["backgroundColor", "background-color"],
+  ["color", "color"],
+  ["border", "border"],
+  ["borderRadius", "border-radius"],
+  ["boxShadow", "box-shadow"],
+  ["fontFamily", "font-family"]
 ];
 function captureCss(el) {
   const view = viewOf(el);
@@ -258,14 +264,16 @@ function isAriaHidden(attributes) {
 }
 function segmentOne(el) {
   const { attributes } = el;
+  const isFileInput = el.tag === "input" && attributes["type"] === "file";
   return {
     tag: el.tag,
     indexPath: el.indexPath,
     rect: el.rect,
     attributes,
-    t: resolveLevel1Type(el.tag) ?? resolveAriaRoleType(attributes["role"]) ?? resolveLevel3Type(el.css, attributes),
+    t: isFileInput ? "file_input" : resolveLevel1Type(el.tag) ?? resolveAriaRoleType(attributes["role"]) ?? resolveLevel3Type(el.css, attributes),
     txt: attributes["aria-label"] ?? el.text,
     st: resolveSt(attributes),
+    css: el.css,
     ch: []
   };
 }
@@ -318,6 +326,8 @@ function defaultActions(t, st, attributes) {
       return ["click", "select"];
     case "textarea":
       return ["click", "type", "clear"];
+    case "file_input":
+      return ["click", "upload"];
     default:
       return void 0;
   }
@@ -330,6 +340,39 @@ function baseSemanticScore(el) {
   if (el.txt) score += 1;
   return score;
 }
+function extractVisualStyles(css) {
+  if (!css) return void 0;
+  const style = {};
+  let hasContent = false;
+  if (css.backgroundColor && css.backgroundColor !== "transparent" && !css.backgroundColor.includes("rgba(0, 0, 0, 0)")) {
+    style.bg = css.backgroundColor;
+    hasContent = true;
+  }
+  if (css.color && css.color !== "rgb(0, 0, 0)") {
+    style.fg = css.color;
+    hasContent = true;
+  }
+  if (css.border && css.border !== "none" && !css.border.startsWith("0px")) {
+    style.border = css.border;
+    hasContent = true;
+  }
+  if (css.borderRadius && css.borderRadius !== "0px") {
+    style.radius = css.borderRadius;
+    hasContent = true;
+  }
+  if (css.boxShadow && css.boxShadow !== "none") {
+    style.shadow = css.boxShadow;
+    hasContent = true;
+  }
+  if (css.fontFamily || css.fontSize || css.fontWeight) {
+    style.font = {};
+    if (css.fontFamily) style.font.family = css.fontFamily;
+    if (css.fontSize) style.font.size = css.fontSize;
+    if (css.fontWeight) style.font.weight = css.fontWeight;
+    hasContent = true;
+  }
+  return hasContent ? style : void 0;
+}
 function toVslObject(el, viewport, includedChildren, textBlocks, counter) {
   const t = el.t ?? "container";
   const object = {
@@ -356,6 +399,12 @@ function toVslObject(el, viewport, includedChildren, textBlocks, counter) {
   if (includedChildren.length > 0) object.ch = includedChildren;
   if (el.vf !== void 0) object.vf = el.vf;
   if (el.vf_meta !== void 0) object.vf_meta = el.vf_meta;
+  const sty = extractVisualStyles(el.css);
+  if (sty !== void 0) object.sty = sty;
+  if (t === "file_input") {
+    if (el.attributes["accept"] !== void 0) object.accept = el.attributes["accept"];
+    if (el.attributes["multiple"] !== void 0) object.multiple = true;
+  }
   return object;
 }
 function convert(el, viewport, textBlocks, counter) {