fix(editor): relative links must no be targetted as _blank (#170)

Author: larbish

src/app/src/components/content/ContentEditorTipTap.vue

@@ -171,6 +171,11 @@ const toolbarItems = computed(() => getStandardToolbarItems(t))
       :handlers="customHandlers"
       :starter-kit="{
         codeBlock: false,
+        link: {
+          HTMLAttributes: {
+            target: null,
+          },
+        },
       }"
       :extensions="[
         Frontmatter,

src/app/test/unit/utils/tiptap.test.ts

@@ -112,7 +112,7 @@ describe('paragraph', () => {
     expect(outputContent).toBe(`${inputContent}\n`)
   })
 
-  test('link', async () => {
+  test('external link', async () => {
     const inputContent = '[Link](https://example.com)'
 
     const expectedMDCJSON: MDCRoot = {
@@ -192,6 +192,84 @@ describe('paragraph', () => {
     expect(outputContent).toBe(`${inputContent}\n`)
   })
 
+  test('relative link', async () => {
+    const inputContent = '[Link](/test)'
+
+    const expectedMDCJSON: MDCRoot = {
+      type: 'root',
+      children: [
+        {
+          type: 'element',
+          tag: 'p',
+          props: {},
+          children: [
+            {
+              type: 'element',
+              tag: 'a',
+              props: {
+                href: '/test',
+              },
+              children: [
+                {
+                  type: 'text',
+                  value: 'Link',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }
+
+    const expectedTiptapJSON: JSONContent = {
+      type: 'doc',
+      content: [
+        {
+          type: 'frontmatter',
+          attrs: {
+            frontmatter: {},
+          },
+        },
+        {
+          type: 'paragraph',
+          attrs: {},
+          content: [
+            {
+              type: 'text',
+              marks: [
+                {
+                  type: 'link',
+                  attrs: {
+                    href: '/test',
+                  },
+                },
+              ],
+              text: 'Link',
+            },
+          ],
+        },
+      ],
+    }
+
+    const document = await generateDocumentFromContent('test.md', inputContent, { compress: false }) as DatabasePageItem
+    expect(document.body).toMatchObject(expectedMDCJSON)
+
+    const tiptapJSON: JSONContent = await mdcToTiptap(document.body as unknown as MDCRoot, {})
+    expect(tiptapJSON).toMatchObject(expectedTiptapJSON)
+
+    const generatedMdcJSON = await tiptapToMDC(tiptapJSON)
+    expect(generatedMdcJSON.body).toMatchObject(expectedMDCJSON)
+
+    const generatedDocument = createMockDocument('docs/test.md', {
+      body: generatedMdcJSON.body as unknown as MarkdownRoot,
+      ...generatedMdcJSON.data,
+    })
+
+    const outputContent = await generateContentFromDocument(generatedDocument)
+
+    expect(outputContent).toBe(`${inputContent}\n`)
+  })
+
   test('inline component', async () => {
     const inputContent = 'This is a :badge component'