@portabletext/plugin-emoji-picker 0.0.15 → 1.0.0

package/dist/index.js

@@ -2039,7 +2039,7 @@ function createKeywordFoundEvent(payload) {
     ...payload
   };
 }
-const colonListenerCallback = ({
+const triggerListenerCallback = ({
   sendBack,
   input
 }) => {
@@ -2062,10 +2062,7 @@ const colonListenerCallback = ({
       actions: [({
         event
       }) => [effect(() => {
-        sendBack({
-          ...event,
-          type: "colon inserted"
-        });
+        sendBack(event);
       })]]
     })
   }), input.editor.registerBehavior({
@@ -2074,10 +2071,7 @@ const colonListenerCallback = ({
       actions: [({
         event
       }) => [effect(() => {
-        sendBack({
-          ...event,
-          type: "colon inserted"
-        });
+        sendBack(event);
       })]]
     })
   })];
@@ -2135,65 +2129,28 @@ const colonListenerCallback = ({
   };
 }, emojiInsertListener = ({
   sendBack,
-  input,
-  receive
-}) => {
-  let context = input.context;
-  receive((event) => {
-    context = event.context;
-  });
-  const unregisterBehaviors = [input.context.editor.registerBehavior({
-    behavior: defineBehavior({
-      on: "custom.insert emoji",
-      actions: [({
-        event
-      }) => [effect(() => {
-        sendBack({
-          type: "dismiss"
-        });
-      }), raise({
-        type: "delete.text",
-        at: {
-          anchor: event.anchor,
-          focus: event.focus
-        }
-      }), raise({
-        type: "insert.text",
-        text: event.emoji
-      })]]
-    })
-  }), input.context.editor.registerBehavior({
-    behavior: defineBehavior({
-      on: "insert.text",
-      guard: ({
-        event
-      }) => {
-        if (event.text !== ":")
-          return !1;
-        const anchor = context.keywordAnchor?.blockOffset, focus = context.keywordFocus, match = context.matches[context.selectedIndex];
-        return match && match.type === "exact" && anchor && focus ? {
-          anchor,
-          focus,
-          emoji: match.emoji
-        } : !1;
-      },
-      actions: [(_, {
-        anchor,
-        focus,
-        emoji
-      }) => [raise({
-        type: "custom.insert emoji",
-        emoji,
-        anchor,
-        focus
-      })]]
-    })
-  })];
-  return () => {
-    for (const unregister of unregisterBehaviors)
-      unregister();
-  };
-}, submitListenerCallback = ({
+  input
+}) => input.context.editor.registerBehavior({
+  behavior: defineBehavior({
+    on: "custom.insert emoji",
+    actions: [({
+      event
+    }) => [effect(() => {
+      sendBack({
+        type: "dismiss"
+      });
+    }), raise({
+      type: "delete.text",
+      at: {
+        anchor: event.anchor,
+        focus: event.focus
+      }
+    }), raise({
+      type: "insert.text",
+      text: event.emoji
+    })]]
+  })
+}), submitListenerCallback = ({
   sendBack,
   input,
   receive
@@ -2240,6 +2197,19 @@ const colonListenerCallback = ({
         });
       })]]
     })
+  }), input.context.editor.registerBehavior({
+    behavior: defineInputRuleBehavior({
+      rules: [keywordRule]
+    })
+  }), input.context.editor.registerBehavior({
+    behavior: defineBehavior({
+      on: "custom.keyword found",
+      actions: [({
+        event
+      }) => [effect(() => {
+        sendBack(event);
+      })]]
+    })
   })];
   return () => {
     for (const unregister of unregisterBehaviors)
@@ -2332,7 +2302,7 @@ const colonListenerCallback = ({
     "emoji insert listener": fromCallback(emojiInsertListener),
     "submit listener": fromCallback(submitListenerCallback),
     "arrow listener": fromCallback(arrowListenerCallback),
-    "colon listener": fromCallback(colonListenerCallback),
+    "trigger listener": fromCallback(triggerListenerCallback),
     "escape listener": fromCallback(escapeListenerCallback),
     "selection listener": fromCallback(selectionListenerCallback),
     "text change listener": fromCallback(textChangeListener)
@@ -2342,19 +2312,19 @@ const colonListenerCallback = ({
       keyword: ({
         context,
         event
-      }) => event.type !== "colon inserted" && event.type !== "custom.keyword found" ? context.keyword : event.keyword
+      }) => event.type !== "custom.trigger found" && event.type !== "custom.partial keyword found" && event.type !== "custom.keyword found" ? context.keyword : event.keyword
     }),
     "set keyword anchor": assign({
       keywordAnchor: ({
         context,
         event
-      }) => event.type !== "colon inserted" && event.type !== "custom.keyword found" ? context.keywordAnchor : event.keywordAnchor
+      }) => event.type !== "custom.trigger found" && event.type !== "custom.partial keyword found" && event.type !== "custom.keyword found" ? context.keywordAnchor : event.keywordAnchor
     }),
     "set keyword focus": assign({
       keywordFocus: ({
         context,
         event
-      }) => event.type !== "colon inserted" && event.type !== "custom.keyword found" ? context.keywordFocus : event.keywordFocus
+      }) => event.type !== "custom.trigger found" && event.type !== "custom.partial keyword found" && event.type !== "custom.keyword found" ? context.keywordFocus : event.keywordFocus
     }),
     "update keyword focus": assign({
       keywordFocus: ({
@@ -2430,10 +2400,11 @@ const colonListenerCallback = ({
       context
     })),
     "insert selected match": ({
-      context
+      context,
+      event
     }) => {
       const match = context.matches[context.selectedIndex];
-      !match || !context.keywordAnchor || !context.keywordFocus || context.editor.send({
+      !match || !context.keywordAnchor || !context.keywordFocus || event.type === "custom.keyword found" && match.type !== "exact" || context.editor.send({
         type: "custom.insert emoji",
         emoji: match.emoji,
         anchor: context.keywordAnchor.blockOffset,
@@ -2526,7 +2497,7 @@ const colonListenerCallback = ({
     idle: {
       entry: ["reset"],
       invoke: {
-        src: "colon listener",
+        src: "trigger listener",
         input: ({
           context
         }) => ({
@@ -2534,12 +2505,18 @@ const colonListenerCallback = ({
         })
       },
       on: {
-        "colon inserted": {
+        "custom.trigger found": {
+          target: "searching",
+          actions: ["set keyword anchor", "set keyword focus", "init keyword"]
+        },
+        "custom.partial keyword found": {
           target: "searching",
           actions: ["set keyword anchor", "set keyword focus", "init keyword"]
         },
         "custom.keyword found": {
-          actions: ["set keyword anchor", "set keyword focus", "init keyword", "update matches", "insert selected match"]
+          actions: ["set keyword anchor", "set keyword focus", "init keyword", "update matches", "insert selected match"],
+          target: "idle",
+          reenter: !0
         }
       }
     },
@@ -2575,6 +2552,9 @@ const colonListenerCallback = ({
         })
       }],
       on: {
+        "custom.keyword found": {
+          actions: ["set keyword anchor", "set keyword focus", "init keyword", "update matches", "insert selected match"]
+        },
         "insert.text": [{
           guard: "unexpected text insertion",
           target: "idle"
@@ -2594,7 +2574,7 @@ const colonListenerCallback = ({
           guard: "selection moved unexpectedly",
           target: "idle"
         }, {
-          actions: ["update keyword", "update matches", "reset selected index", "update emoji insert listener context", "update submit listener context"]
+          actions: ["update keyword", "update matches", "reset selected index", "update submit listener context"]
         }]
       },
       always: [{
@@ -2625,13 +2605,13 @@ const colonListenerCallback = ({
           }],
           on: {
             "navigate down": {
-              actions: ["increment selected index", "update emoji insert listener context", "update submit listener context"]
+              actions: ["increment selected index", "update submit listener context"]
             },
             "navigate up": {
-              actions: ["decrement selected index", "update emoji insert listener context", "update submit listener context"]
+              actions: ["decrement selected index", "update submit listener context"]
             },
             "navigate to": {
-              actions: ["set selected index", "update emoji insert listener context", "update submit listener context"]
+              actions: ["set selected index", "update submit listener context"]
             },
             "insert selected match": {
               actions: ["insert selected match"]