URL内のメンションは埋め込まれないように

src/lib/markdown/internalLinkEmbedder.ts

@@ -2,9 +2,17 @@
  * https://github.com/traPtitech/traQ/blob/master/utils/message/replacer.goと同様
  */
 
-const mentionRegex = /:?[@＠]([^\s@＠]{0,31}[^\s@＠:])/g
+// URLの一部になっているときは置換しない (URLの正規表現は完全ではない)
+const urlRegexStr = '(?:https?://)?(?:[a-zA-Z0-9-]+\\.)+[a-zA-Z]+(?:/[^/]+)*/?'
+const mentionRegex = new RegExp(
+  `(?<!${urlRegexStr}):?[@＠]([^\\s@＠.]{0,31}[^\\s@＠:.])\\.?`,
+  'g'
+)
 const userStartsRegex = /^[@＠]([a-zA-Z0-9_-]{1,32})/g
-const channelRegex = /[#＃]([a-zA-Z0-9_/-]+)/g
+const channelRegex = new RegExp(
+  `(?<!${urlRegexStr})[#＃]([a-zA-Z0-9_/-]+)`,
+  'g'
+)
 
 const backQuote = '`'
 const dollar = '$'
@@ -115,9 +123,9 @@ const replaceAll = (m: string, getters: Readonly<ReplaceGetters>) => {
 const replaceMention = (m: string, getters: Readonly<UserAndGroupGetters>) => {
   return m.replace(mentionRegex, s => {
     // 始まりが:なものを除外
-    if (s.startsWith(':')) {
-      return s
-    }
+    if (s.startsWith(':')) return s
+    // 終わりが.のものを除外
+    if (s.endsWith('.')) return s
 
     // .slice(1)は先頭の@を消すため
     // 小文字化はgetter内で行う

src/views/Settings/ThemeTab.vue

@@ -61,7 +61,7 @@
               <!-- eslint-enable vue/valid-v-model --->
               <div>
                 <input
-                  v-model="(val[name as keyof typeof val] as string)"
+                  v-model="val[name as keyof typeof val] as string"
                   type="color"
                   :class="$style.colorInput"
                 />

tests/unit/lib/markdown/internalLinkEmbedder.spec.ts

@@ -1,6 +1,6 @@
 import type {
-  ReplaceGetters,
-  Entity
+  Entity,
+  ReplaceGetters
 } from '/@/lib/markdown/internalLinkEmbedder'
 import { replace } from '/@/lib/markdown/internalLinkEmbedder'
 
@@ -20,6 +20,10 @@ const users = {
   'dfdff0c9-5de0-46ee-9721-2525e8bb3d47': {
     name: 'very_long_long_long_long_lo_name',
     id: 'dfdff0c9-5de0-46ee-9721-2525e8bb3d47'
+  },
+  'dfdff0c9-5de0-46ee-9721-2525e8bb3d48': {
+    name: 'trap',
+    id: 'dfdff0c9-5de0-46ee-9721-2525e8bb3d48'
   }
 }
 const groups = {
@@ -60,6 +64,7 @@ const testStore: ReplaceGetters = {
 type Spec = [string, string]
 
 const specs: Spec[] = [
+  // must embed cases
   [
     'aaaa#aeee `#a` @takashi_trapa @takashi_trap @#a\n```\n#a @takashi_trap\n```\n@okあok',
     'aaaa#aeee `#a` @takashi_trapa !{"type":"user","raw":"@takashi_trap","id":"dfdff0c9-5de0-46ee-9721-2525e8bb3d45"} @!{"type":"channel","raw":"#a","id":"ea452867-553b-4808-a14f-a47ee0009ee6"}\n```\n#a @takashi_trap\n```\n!{"type":"group","raw":"@okあok","id":"dfabf0c9-5de0-46ee-9721-2525e8bb3d45"}'
@@ -112,12 +117,23 @@ const specs: Spec[] = [
   [
     '@a',
     '!{"type":"user","raw":"@a","id":"dfdff0c9-5de0-46ee-9721-2525e8bb3d44"}'
-  ]
+  ],
+  // must not embed cases
+  ['https://example.com#a', 'https://example.com#a'],
+  ['example.com/#a', 'example.com/#a'],
+  ['example.com/hello#a', 'example.com/hello#a'],
+  ['https://example.com/@takashi_trap', 'https://example.com/@takashi_trap'],
+  [
+    'example.com/users/@takashi_trap/hello',
+    'example.com/users/@takashi_trap/hello'
+  ],
+  ['[email protected]', '[email protected]'],
+  ['@ab', '@ab']
 ]
 
 describe('internalLinkEmbedder', () => {
   specs.forEach(([before, after], i) => {
-    it(`can embed internal links ${i}`, () => {
+    it(`must or must not embed internal links ${i}`, () => {
       expect(replace(before, testStore)).toEqual(after)
     })
   })