refactor(pdf): link binding

src/use/raw.ts

@@ -1,4 +1,5 @@
 import { Entity } from '@/types/context'
+import { useUtils } from './utils'
 
 export const bold = () => {
   const open = () => {
@@ -404,10 +405,68 @@ export const useRaw = () => {
 
       const pdf = (raw: string): Array<any> => {
         const final: Array<any> = []
+        let set: false | 'bold' | 'italic' = false
+
+        const rest = raw.split(useUtils().regex().htmlTags())
+
+        rest.forEach((content: string) => {
+          // italic
+          if (set === 'italic') {
+            final.push({
+              text: content,
+              italics: true,
+            })
+            set = false
+            return
+          }
+
+          if (content === html().italic().open()) {
+            set = 'italic'
+            return
+          }
+
+          if (set === 'bold') {
+            final.push({
+              text: content,
+              bold: true,
+            })
+            set = false
+            return
+          }
+
+          // bold
+          if (content === html().bold().open()) {
+            set = 'bold'
+            return
+          }
 
-        const rest = raw.split(new RegExp(/<[^<>]+>/g)).join()
+          if (
+            content === html().italic().close() ||
+            content === html().bold().close()
+          )
+            return
+
+          // http
+          if (content.match(useUtils().regex().links())) {
+            const fin = raw.split(useUtils().regex().links())
+
+            fin.forEach((str: string) => {
+              if (str.match(useUtils().regex().links())) {
+                final.push({
+                  text: str.replace('http://', '').replace('https://', ''),
+                  link: str,
+                  decoration: 'underline',
+                })
+              } else {
+                final.push(str)
+              }
+            })
+
+            return
+          }
 
-        final.push(rest)
+          final.push(content)
+        })
 
         return final
       }

src/use/utils.ts

@@ -32,5 +32,19 @@ export const useUtils = () => {
     return { getSelection }
   }
 
-  return { delay, prevent, array, join, text }
+  const regex = () => {
+    const links = () => {
+      return new RegExp(
+        /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/gi
+      )
+    }
+
+    const htmlTags = () => {
+      return new RegExp(/(<[^<>]+>)/g)
+    }
+
+    return { links, htmlTags }
+  }
+
+  return { delay, prevent, array, join, text, regex }
 }