@floegence/floe-webapp-core 0.86.18 → 0.86.19

package/dist/remote-input.d.ts

@@ -23,8 +23,8 @@ export interface RemoteInputOptions<T> {
 export interface RemoteInputController<T> {
     readonly element: HTMLTextAreaElement;
     bindTarget(target: T | null): void;
-    /** Physical preserves the host layout; text uses every local confirmed edit. */
-    setTextInputMode(mode: 'physical' | 'text'): void;
+    /** Physical-only bypasses the local editor and input method entirely. */
+    setTextInputMode(mode: 'physical' | 'text' | 'physical-only'): void;
     setAnchor(clientX: number, clientY: number): void;
     focus(): void;
     setKeyboardVisible(visible: boolean): void;

package/dist/remote-input.js

@@ -1,17 +1,17 @@
-function j(n) {
-  const { surface: A } = n, x = A.ownerDocument, c = x.defaultView;
-  if (!c) throw new Error("Remote input requires an attached document");
-  const i = x.createElement("textarea");
-  i.className = "floe-remote-input", i.setAttribute("aria-label", n.label), i.setAttribute("autocorrect", "off"), i.autocomplete = "off", i.autocapitalize = "off", i.spellcheck = !1, i.wrap = "off", i.disabled = !0, i.tabIndex = -1, x.body.append(i);
-  let l = null, K = 0, f = !1, R = !1, o = null, h = !1, a = null, w = "physical";
-  const k = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), C = /* @__PURE__ */ new Set(), L = /* @__PURE__ */ new Set();
+function O(a) {
+  const { surface: c } = a, k = c.ownerDocument, u = k.defaultView;
+  if (!u) throw new Error("Remote input requires an attached document");
+  const l = k.createElement("textarea");
+  l.className = "floe-remote-input", l.setAttribute("aria-label", a.label), l.setAttribute("autocorrect", "off"), l.autocomplete = "off", l.autocapitalize = "off", l.spellcheck = !1, l.wrap = "off", l.disabled = !0, l.tabIndex = -1, k.body.append(l);
+  let i = null, M = 0, d = !1, V = !1, o = null, K = !1, f = null, r = "physical", D = !1;
+  const x = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ new Set();
   let $ = null;
-  const V = [];
-  function s(e, t, r) {
-    const d = r;
-    e.addEventListener(t, d), V.push(() => e.removeEventListener(t, d));
+  const I = [];
+  function s(e, t, n) {
+    const m = n;
+    e.addEventListener(t, m), I.push(() => e.removeEventListener(t, m));
   }
-  const b = (e) => e.code || e.key, M = (e, t) => ({
+  const w = (e) => e.code || e.key, C = (e, t) => ({
     key: e.key,
     code: e.code,
     pressed: t,
@@ -22,147 +22,165 @@ function j(n) {
     altKey: e.altKey,
     metaKey: e.metaKey
   });
-  function T(e) {
-    R !== e && (R = e, n.onKeyboardVisibilityChange?.(e));
+  function L(e) {
+    V !== e && (V = e, a.onKeyboardVisibilityChange?.(e));
   }
-  function p() {
-    const e = A.getBoundingClientRect(), t = c.visualViewport, r = Math.max(e.left, t?.offsetLeft ?? 0), d = Math.max(e.top, t?.offsetTop ?? 0), y = Math.min(e.right, (t?.offsetLeft ?? 0) + (t?.width ?? c.innerWidth)), I = Math.min(e.bottom, (t?.offsetTop ?? 0) + (t?.height ?? c.innerHeight)), P = Math.max(1, Math.min(320, y - r - 8));
-    i.style.maxWidth = `${P}px`;
-    const B = i.getBoundingClientRect(), N = $?.x ?? r + 12, W = $?.y ?? d + 12;
-    i.style.left = `${Math.max(r, Math.min(N, y - B.width - 4))}px`, i.style.top = `${Math.max(d, Math.min(W, I - B.height - 4))}px`;
+  function h() {
+    const e = c.getBoundingClientRect(), t = u.visualViewport, n = Math.max(e.left, t?.offsetLeft ?? 0), m = Math.max(e.top, t?.offsetTop ?? 0), g = Math.min(e.right, (t?.offsetLeft ?? 0) + (t?.width ?? u.innerWidth)), j = Math.min(e.bottom, (t?.offsetTop ?? 0) + (t?.height ?? u.innerHeight)), q = Math.max(1, Math.min(320, g - n - 8));
+    l.style.maxWidth = `${q}px`;
+    const B = l.getBoundingClientRect(), G = $?.x ?? n + 12, H = $?.y ?? m + 12;
+    l.style.left = `${Math.max(n, Math.min(G, g - B.width - 4))}px`, l.style.top = `${Math.max(m, Math.min(H, j - B.height - 4))}px`;
   }
-  function m() {
-    i.value = "", delete i.dataset.composing, a = null;
+  function p() {
+    l.value = "", delete l.dataset.composing, f = null;
   }
-  function E() {
-    const e = l, t = u.size > 0;
-    u.clear(), k.clear(), C.clear(), e !== null && t && n.release(e);
+  function z() {
+    const e = i, t = y.size > 0;
+    y.clear(), x.clear(), T.clear(), e !== null && t && a.release(e);
   }
-  function g() {
-    K++, o && (o.cancelled = !0), h = !0, m(), E(), o && x.activeElement === i && i.blur();
+  function b() {
+    M++, o && (o.cancelled = !0), K = !0, p(), z(), o && k.activeElement === l && l.blur();
   }
-  function S(e) {
-    !e || l === null || f || (w === "text" && u.size && (u.clear(), C.clear(), n.release(l)), n.commitText(e, l));
+  function A(e) {
+    !e || i === null || d || r === "physical-only" || (r === "text" && y.size && (y.clear(), T.clear(), a.release(i)), a.commitText(e, i));
   }
-  function z(e) {
-    if (l !== null) {
+  function E(e) {
+    if (i !== null) {
       if (!/^(Shift|Control|Alt|Meta)(Left|Right)$/.test(e.code))
-        for (const [t, r] of [
+        for (const [t, n] of [
           ["Shift", e.shiftKey],
           ["Control", e.ctrlKey],
           ["Alt", e.altKey],
           ["Meta", e.metaKey]
         ]) {
-          if (!r || [...u].some((y) => y === `${t}Left` || y === `${t}Right`)) continue;
-          const d = [...k.values()].find((y) => y.code === `${t}Left` || y.code === `${t}Right`) ?? { ...e, key: t, code: `${t}Left`, pressed: !0, repeat: !1, location: 1 };
-          u.add(d.code), k.has(d.code) || C.add(d.code), n.sendKey(d, l);
+          if (!n || [...y].some((g) => g === `${t}Left` || g === `${t}Right`)) continue;
+          const m = [...x.values()].find((g) => g.code === `${t}Left` || g.code === `${t}Right`) ?? { ...e, key: t, code: `${t}Left`, pressed: !0, repeat: !1, location: 1 };
+          y.add(m.code), x.has(m.code) || T.add(m.code), a.sendKey(m, i);
         }
-      u.add(e.code || e.key), n.sendKey(e, l);
+      y.add(e.code || e.key), a.sendKey(e, i);
     }
   }
-  function D(e) {
-    if (l === null) return;
-    const t = { key: e, code: e, pressed: !0, repeat: !1, shiftKey: !1, ctrlKey: !1, altKey: !1, metaKey: !1, location: 0 }, r = l;
-    n.sendKey(t, r), l === r && n.sendKey({ ...t, pressed: !1 }, r);
-  }
   function F(e) {
-    if (l === null || f) {
-      m();
+    if (i === null) return;
+    const t = { key: e, code: e, pressed: !0, repeat: !1, shiftKey: !1, ctrlKey: !1, altKey: !1, metaKey: !1, location: 0 }, n = i;
+    a.sendKey(t, n), i === n && a.sendKey({ ...t, pressed: !1 }, n);
+  }
+  function P(e) {
+    if (i === null || d || r === "physical-only") {
+      p();
       return;
     }
-    if (o?.cancelled || o && o.epoch !== K) {
-      m();
+    if (o?.cancelled || o && o.epoch !== M) {
+      p();
       return;
     }
     if (e.isComposing) {
-      o ??= { epoch: K, committed: !1, cancelled: !1 }, i.dataset.composing = "true", p();
+      o ??= { epoch: M, committed: !1, cancelled: !1 }, l.dataset.composing = "true", h();
       return;
     }
     if (o) {
-      !o.committed && i.value && (o.committed = !0, S(i.value)), m();
+      !o.committed && l.value && (o.committed = !0, A(l.value)), p();
       return;
     }
-    if (h || e.inputType === "insertFromComposition") {
-      h = !1, m();
+    if (K || e.inputType === "insertFromComposition") {
+      K = !1, p();
       return;
     }
-    const t = i.value;
-    w === "physical" && a && t === a.key && !a.altKey && t.length === 1 ? z(a) : S(t), m();
+    const t = l.value;
+    r === "physical" && f && t === f.key && !f.altKey && t.length === 1 ? E(f) : A(t), p();
   }
-  return s(i, "keydown", (e) => {
-    if (!(l === null || f)) {
-      if (e.stopPropagation(), o?.cancelled && !e.isComposing && e.key !== "Process" && e.keyCode !== 229 && (o = null), e.isComposing || o || e.key === "Process" || e.keyCode === 229) {
-        L.add(b(e)), a = null;
+  function N(e) {
+    if (!(i === null || d) && e.currentTarget === c == (r === "physical-only")) {
+      if (e.stopPropagation(), r === "physical-only") {
+        e.preventDefault(), S.delete(w(e)), e.code && !a.clipboard?.(e, i) && E(C(e, !0));
+        return;
+      }
+      if (o?.cancelled && !e.isComposing && e.key !== "Process" && e.keyCode !== 229 && (o = null), e.isComposing || o || e.key === "Process" || e.keyCode === 229) {
+        S.add(w(e)), f = null;
         return;
       }
-      if (L.delete(b(e)), h = !1, n.clipboard?.(e, l)) {
-        a = null;
+      if (S.delete(w(e)), K = !1, a.clipboard?.(e, i)) {
+        f = null;
         return;
       }
-      if (w === "text" && /^(Shift|Control|Alt|Meta)(Left|Right)$/.test(e.code)) {
-        k.set(b(e), M(e, !0));
+      if (r === "text" && /^(Shift|Control|Alt|Meta)(Left|Right)$/.test(e.code)) {
+        x.set(w(e), C(e, !0));
         return;
       }
       if (e.key === "Dead" || e.key === "Unidentified") {
-        a = null;
+        f = null;
         return;
       }
       if (Array.from(e.key).length === 1 && !e.metaKey && (!e.ctrlKey || e.getModifierState("AltGraph"))) {
-        a = M(e, !0);
+        f = C(e, !0);
         return;
       }
-      e.preventDefault(), z(M(e, !0));
+      e.preventDefault(), E(C(e, !0));
     }
-  }), s(i, "keyup", (e) => {
-    if (e.stopPropagation(), a = null, k.delete(b(e)), !L.delete(b(e)) && (l !== null && u.delete(b(e)) && n.sendKey(M(e, !1), l), l !== null && ![...u].some((t) => !/^(Shift|Control|Alt|Meta)(Left|Right)$/.test(t)))) {
-      for (const t of C)
-        u.delete(t), n.sendKey({ ...M(e, !1), code: t, key: t.replace(/Left$/, ""), location: 1 }, l);
-      C.clear();
+  }
+  function W(e) {
+    if (e.currentTarget === c == (r === "physical-only") && (e.stopPropagation(), f = null, x.delete(w(e)), !S.delete(w(e)) && (i !== null && y.delete(w(e)) && a.sendKey(C(e, !1), i), i !== null && ![...y].some((t) => !/^(Shift|Control|Alt|Meta)(Left|Right)$/.test(t))))) {
+      for (const t of T)
+        y.delete(t), a.sendKey({ ...C(e, !1), code: t, key: t.replace(/Left$/, ""), location: 1 }, i);
+      T.clear();
     }
-  }), s(i, "beforeinput", (e) => {
-    if (l === null || f) {
-      e.preventDefault();
+  }
+  for (const e of [l, c])
+    s(e, "keydown", N), s(e, "keyup", W);
+  s(l, "beforeinput", (e) => {
+    if (i === null || d || r === "physical-only") {
+      e.preventDefault(), p();
       return;
     }
     if (e.isComposing || o || e.inputType === "insertCompositionText" || e.inputType === "deleteCompositionText" || e.inputType === "insertFromComposition") return;
-    h = !1;
-    const r = { deleteContentBackward: "Backspace", deleteContentForward: "Delete", insertLineBreak: "Enter", insertParagraph: "Enter" }[e.inputType];
-    r && (e.preventDefault(), m(), D(r));
-  }), s(i, "input", F), s(i, "compositionstart", () => {
-    o = { epoch: K, committed: !1, cancelled: l === null }, h = !1, a = null, i.dataset.composing = "true", p();
-  }), s(i, "compositionend", (e) => {
+    K = !1;
+    const n = { deleteContentBackward: "Backspace", deleteContentForward: "Delete", insertLineBreak: "Enter", insertParagraph: "Enter" }[e.inputType];
+    n && (e.preventDefault(), p(), F(n));
+  }), s(l, "input", P), s(l, "compositionstart", () => {
+    if (r === "physical-only") {
+      p();
+      return;
+    }
+    o = { epoch: M, committed: !1, cancelled: i === null }, K = !1, f = null, l.dataset.composing = "true", h();
+  }), s(l, "compositionend", (e) => {
     const t = o;
-    o = null, h = !0, m(), t && !t.cancelled && !t.committed && t.epoch === K && S(e.data);
-  }), s(i, "blur", () => {
-    g(), T(!1);
-  }), s(c, "blur", g), s(c, "pagehide", g), s(c, "resize", p), c.visualViewport && (s(c.visualViewport, "resize", p), s(c.visualViewport, "scroll", p)), p(), {
-    element: i,
+    o = null, K = !0, p(), t && !t.cancelled && !t.committed && t.epoch === M && A(e.data);
+  }), s(l, "blur", () => {
+    b(), L(!1);
+  }), s(c, "blur", () => {
+    r === "physical-only" && b();
+  }), s(u, "blur", b), s(u, "pagehide", b), s(u, "resize", h), u.visualViewport && (s(u.visualViewport, "resize", h), s(u.visualViewport, "scroll", h));
+  function R() {
+    i === null || d || (r === "physical-only" ? (c.hasAttribute("tabindex") || (c.tabIndex = -1, D = !0), c.focus({ preventScroll: !0 })) : (l.focus({ preventScroll: !0 }), h()));
+  }
+  return h(), {
+    element: l,
     bindTarget(e) {
-      f || Object.is(l, e) || (g(), l = e, i.disabled = e === null);
+      d || Object.is(i, e) || (b(), i = e, l.disabled = e === null || r === "physical-only");
     },
     setTextInputMode(e) {
-      f || e === w || (g(), w = e);
+      if (d || e === r) return;
+      const t = k.activeElement === l || k.activeElement === c;
+      b(), r = e, l.disabled = i === null || e === "physical-only", e === "physical-only" && L(!1), t && R();
     },
     setAnchor(e, t) {
-      !Number.isFinite(e) || !Number.isFinite(t) || ($ = { x: e, y: t }, p());
-    },
-    focus() {
-      l === null || f || (i.focus({ preventScroll: !0 }), p());
+      !Number.isFinite(e) || !Number.isFinite(t) || ($ = { x: e, y: t }, h());
     },
+    focus: R,
     setKeyboardVisible(e) {
-      e && l !== null && !f ? (i.focus({ preventScroll: !0 }), T(!0), p()) : (i.blur(), T(!1));
+      e && i !== null && !d ? (R(), L(r !== "physical-only")) : ((r === "physical-only" ? c : l).blur(), L(!1));
     },
-    release: E,
-    reset: g,
+    release: z,
+    reset: b,
     dispose() {
-      if (!f) {
-        g(), f = !0, l = null;
-        for (const e of V) e();
-        i.remove(), T(!1);
+      if (!d) {
+        b(), d = !0, i = null;
+        for (const e of I) e();
+        D && c.removeAttribute("tabindex"), l.remove(), L(!1);
       }
     }
   };
 }
 export {
-  j as createRemoteInput
+  O as createRemoteInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.86.18",
+  "version": "0.86.19",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",