106 lines
2.6 KiB
JavaScript
106 lines
2.6 KiB
JavaScript
|
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;
|
||
|
|
};
|
||
|
|
}
|