[pull] main from liveblocks:main

CHANGELOG.md

@@ -1,5 +1,14 @@
 ## vNEXT (not yet released)
 
+## v3.18.1
+
+### `@liveblocks/react-ui`
+
+- Mentions suggestions now appear in more cases after typing `@`:
+  - After punctuation like `!`, `.`, `(`, etc. (e.g. `Hello!@`,
+    `cc: the other team (@`)
+  - After emojis (e.g. `Hello 👋@`)
+
 ## v3.18.0
 
 For full upgrade instructions, see the

e2e/next-sandbox/test/comments/composer.test.ts

@@ -520,6 +520,17 @@ test.describe("Composer", () => {
       ]);
     });
 
+    test("should not support mentions preceded by non-whitespace characters", async () => {
+      const { editor } = getComposer(page);
+
+      await editor.pressSequentially("Hello stacy@example");
+      await sleep(100);
+
+      await expect(
+        page.locator(".lb-composer-mention-suggestions-list")
+      ).not.toBeVisible();
+    });
+
     test("should support non-alphanumeric characters in mentions but not leading or consecutive whitespace", async () => {
       const { editor } = getComposer(page);
 
@@ -562,6 +573,35 @@ test.describe("Composer", () => {
       ).not.toBeVisible();
     });
 
+    test("should support mentions preceded by emojis", async () => {
+      const { editor } = getComposer(page);
+
+      await editor.pressSequentially("Hello 👋@");
+
+      await expect(
+        page.locator(".lb-composer-suggestions-list-item").first()
+      ).toBeVisible();
+    });
+
+    test("should support mentions preceded by some specific punctuations", async () => {
+      const { editor } = getComposer(page);
+
+      await editor.pressSequentially("Hello!@");
+      await expect(
+        page.locator(".lb-composer-suggestions-list-item").first()
+      ).toBeVisible();
+
+      await editor.pressSequentially("Hello.@");
+      await expect(
+        page.locator(".lb-composer-suggestions-list-item").first()
+      ).toBeVisible();
+
+      await editor.pressSequentially("Hello (@");
+      await expect(
+        page.locator(".lb-composer-suggestions-list-item").first()
+      ).toBeVisible();
+    });
+
     test("should support user and group mentions", async () => {
       const { editor } = getComposer(page);
 

examples/nextjs-3d-builder/.env.example

@@ -0,0 +1,2 @@
+# https://liveblocks.io/dashboard/apikeys
+NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY=

examples/nextjs-ai-app-builder/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-ai-calendar/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-ai-chats/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-ai-dashboard-reports/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-ai-popup/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-ai-support/.env.example

@@ -0,0 +1,5 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=
+
+# https://liveblocks.io/dashboard/copilots
+NEXT_PUBLIC_LIVEBLOCKS_COPILOT_ID=

examples/nextjs-blocknote/.env.example

@@ -0,0 +1,2 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=

examples/nextjs-comments-ag-grid/.env.example

@@ -0,0 +1,2 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=

examples/nextjs-comments-audio/.env.example

@@ -0,0 +1,2 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=

examples/nextjs-comments-canvas/.env.example

@@ -0,0 +1,2 @@
+# https://liveblocks.io/dashboard/apikeys
+LIVEBLOCKS_SECRET_KEY=