From 4dc41ad0323eba5f027b108d5af3aa8d0a6da7c9 Mon Sep 17 00:00:00 2001
From: Tuan Cao <caomanhtuanbsb@gmail.com>
Date: Thu, 28 Apr 2022 16:45:10 +0700
Subject: [PATCH] WIP 2: Parsing obsidian image link

---
 lib/obsidian-image.js | 105 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 105 insertions(+)
 create mode 100644 lib/obsidian-image.js

diff --git a/lib/obsidian-image.js b/lib/obsidian-image.js
new file mode 100644
index 0000000..548dd96
--- /dev/null
+++ b/lib/obsidian-image.js
@@ -0,0 +1,105 @@
+import { visit } from "unist-util-visit";
+const regex = /\!\[\[(([a-z\-_0-9\\/\:]+\s*)+\.(jpg|jpeg|png|gif|svg|webp))]]/gi;
+function convertTextNode(node) {
+  const searchText = node.value;
+
+  /*
+  This regex MATCH following type of image link
+    ![[youtube.png]]    ==> Image with no folder path, no space in between
+    ![[a .png]]         ==> with space
+    ![[tuancao/a.png]]  ==> file path WITHOUT space
+    ![[tuancao/a .png]] ==> file path WITH space
+
+  Image with extension: jpg, jpeg, gif, svg, webp, png
+    ![[/tuancao/a.jpg]]
+    ![[/tuancao/a.webp]]
+    ![[/tuancao/a.png]]
+    ![[/tuancao/a.jpeg]]
+    ...
+
+    --- 
+  Will NOT match following case
+   
+    [[picture.jpg]] ==> Link without "!" at the begining won't match
+    ![[abc]] ==> without the extension
+    ![[/tuancao/a.md]] ==> Unsupported format
+    ![[/tuancao/a.mp4]]==> Unsupported format
+  */
+
+  // if (typeof searchText !== "string") {
+  //   console.log("The fuck???")
+  //   return node
+  // }
+
+  // if (!regex.test(node.value)) return node
+
+  const matches = searchText.matchAll(
+    regex
+  );
+
+
+  let startIndex = 0;
+  let endIndex = searchText.length;
+
+  let children = [];
+  for (const match of matches) {
+    endIndex = match.index;
+    
+    // Constructing text node from un-matched string 
+    const textNode = {
+    // change type child node, so that visit() function won't recursively visit this node with "text" type
+      type: "text-temp", 
+      value: searchText.substring(startIndex, endIndex),
+    };
+
+    // if  (typeof textNode.value ==='string' && textNode.value.length > 0) {
+    //   children.push(textNode);
+    // } else {
+    //   console.log("THE FUCK")
+    // }
+
+    const imageNode = {
+      type: "myImage",
+      url: encodeURI(match[1]), //encode white space from file name
+      alt: match[1],
+    };
+
+    children.push(imageNode);
+
+    if (typeof match[0] !== "string") {
+      console.log("THE FUCK again")
+    }
+    let matchEndIndex = match.index + match[0].length;
+    startIndex = matchEndIndex;
+  }
+
+  if (startIndex < searchText.length) {
+    const textNode = {
+      type: "text-temp",
+      value: searchText.substring(startIndex, searchText.length),
+    };
+    children.push(textNode);
+  }
+
+  return {
+    type: "paragraph",
+    children: children,
+  };
+}
+
+export default function attacher(options) {
+  return function transformer(tree, vfile) {
+    visit(tree, "text", (node) => {
+      const newNode = convertTextNode(node);
+      node.type = "paragraph";
+      node.children = newNode.children;
+    });
+
+    // Change back "text-temp" node ==> "text" to clean up
+    visit(tree, "text-temp", (node) => {
+      node.type = "text";
+    });
+
+    return tree;
+  };
+}