@bitcobblers/wod-wiki-ui 0.49.2179 → 0.49.2181

package/dist/extensions/index.cjs

@@ -6468,6 +6468,34 @@ function WqlTextEditor({ value, onChange, onSubmit, onEscape, placeholder, autoF
     const source = wodWikiWql.wqlCompletionSource({
       values: async (key) => (await loadSuggestions(key === "tags" ? "tag" : key)).map((item) => ({ label: item.value, detail: item.label, type: "constant" }))
     });
+    const handlePointerOrTouchActivation = (editor2, clientX, clientY) => {
+      let { from, to } = editor2.state.selection.main;
+      if (clientX !== void 0 && clientY !== void 0) {
+        const pos = editor2.posAtCoords({ x: clientX, y: clientY });
+        if (pos === null) return false;
+        from = to = pos;
+      }
+      if (from === to) {
+        const line = editor2.state.doc.lineAt(from);
+        const word = Array.from(line.text.matchAll(/[\w.*-]+/g)).find((m) => line.from + m.index <= from && from <= line.from + m.index + m[0].length);
+        if (!word) return false;
+        from = line.from + word.index;
+        to = from + word[0].length;
+        let node = language.syntaxTree(editor2.state).resolveInner(to, -1);
+        while (node.parent && !["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) node = node.parent;
+        if (!["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) return false;
+        if (!callbacks.current.onSlotActivate) {
+          editor2.dispatch({ selection: { anchor: from, head: to } });
+        }
+      }
+      if (callbacks.current.onSlotActivate) {
+        autocomplete.closeCompletion(editor2);
+        activateSlot(editor2, from, (slot) => callbacks.current.onSlotActivate?.(slot));
+      } else {
+        autocomplete.startCompletion(editor2);
+      }
+      return false;
+    };
     const editor = new view.EditorView({
       parent: host.current,
       state: state.EditorState.create({
@@ -6506,27 +6534,12 @@ function WqlTextEditor({ value, onChange, onSubmit, onEscape, placeholder, autoF
             // retain token selection and in-row completion.
             mouseup: (event, editor2) => {
               if (event.button !== 0) return false;
-              let { from, to } = editor2.state.selection.main;
-              if (from === to) {
-                const line = editor2.state.doc.lineAt(from);
-                const word = Array.from(line.text.matchAll(/[\w.*-]+/g)).find((m) => line.from + m.index <= from && from <= line.from + m.index + m[0].length);
-                if (!word) return false;
-                from = line.from + word.index;
-                to = from + word[0].length;
-                let node = language.syntaxTree(editor2.state).resolveInner(to, -1);
-                while (node.parent && !["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) node = node.parent;
-                if (!["Head", "Filter", "GroupBy", "Rollup"].includes(node.name)) return false;
-                if (!callbacks.current.onSlotActivate) {
-                  editor2.dispatch({ selection: { anchor: from, head: to } });
-                }
-              }
-              if (callbacks.current.onSlotActivate) {
-                autocomplete.closeCompletion(editor2);
-                activateSlot(editor2, from, (slot) => callbacks.current.onSlotActivate?.(slot));
-              } else {
-                autocomplete.startCompletion(editor2);
-              }
-              return false;
+              return handlePointerOrTouchActivation(editor2);
+            },
+            touchend: (event, editor2) => {
+              if (event.changedTouches.length !== 1) return false;
+              const touch = event.changedTouches[0];
+              return handlePointerOrTouchActivation(editor2, touch.clientX, touch.clientY);
             },
             keydown: (event, editor2) => {
               if (event.isComposing || editor2.compositionStarted) return true;
@@ -6874,7 +6887,7 @@ function WqlComposer({
       "data-testid": "wql-composer-root",
       children: [
         diagnosticsPosition === "top" && showDiagnostics && /* @__PURE__ */ jsxRuntime.jsx(WqlDiagnosticsStrip, { diagnostics, stages, actions: action, variant: "header" }),
-        (desktop || active.kind === "wql" || !guided) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 w-full items-center gap-2", children: [
+        (desktop || compact || active.kind === "wql" || !guided) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 w-full items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
             WqlTextEditor,
             {
@@ -6900,7 +6913,7 @@ function WqlComposer({
             setUndo(void 0);
           }, className: "min-h-9 shrink-0 rounded-lg px-2.5 text-xs text-muted-foreground hover:text-foreground", children: "Undo removal" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-w-0 flex-wrap items-center gap-1", !desktop && !compact && "rounded-xl border border-border p-2", desktop && compact && "hidden"), "data-testid": "wql-composer", onKeyDown: (event) => {
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex min-w-0 flex-wrap items-center gap-1", !desktop && !compact && "rounded-xl border border-border p-2", compact && "hidden"), "data-testid": "wql-composer", onKeyDown: (event) => {
           if (!["Delete", "Backspace"].includes(event.key) || !(event.target instanceof HTMLButtonElement)) return;
           const buttons = Array.from(event.currentTarget.querySelectorAll('[data-testid^="token-slot-"]:not([data-testid^="token-slot-remove-"]):not([data-testid^="token-slot-value-"])'));
           const pill = visiblePills[buttons.indexOf(event.target)];