CSV embed using wiki-link transclusion format

packages/remark-wiki-link/src/lib/fromMarkdown.ts

@@ -157,6 +157,12 @@ function fromMarkdown(opts: FromMarkdownOptions = {}) {
           width: '100%',
           src: `${hrefTemplate(link)}#toolbar=0`,
         };
+      } else if (format === 'csv') {
+        // CSV support
+        wikiLink.data.hName = 'FlatUiTable';
+        wikiLink.data.hProperties = {
+          data: { url: hrefTemplate(link) },
+        };
       } else {
         const hasDimensions = alias && /^\d+(x\d+)?$/.test(alias);
         // Take the target as alt text except if alt name was provided [[target|alt text]]

packages/remark-wiki-link/src/lib/html.ts

@@ -127,6 +127,11 @@ function html(opts: HtmlOptions = {}) {
             link
           )}#toolbar=0" class="${classNames}" />`
         );
+      } else if (format === 'csv') {
+        // CSV support
+        this.tag(
+          `<FlatUiTable data={{ url: "${hrefTemplate(link)}" }} />`
+        );
       } else {
         const hasDimensions = alias && /^\d+(x\d+)?$/.test(alias);
         // Take the target as alt text except if alt name was provided [[target|alt text]]

packages/remark-wiki-link/src/lib/isSupportedFileFormat.ts

@@ -11,6 +11,7 @@ export const supportedFileFormats = [
   "avif",
   "ico",
   "pdf",
+  "csv",
 ];
 
 export const isSupportedFileFormat = (filePath: string): [boolean, string] => {

packages/remark-wiki-link/test/isSupportedFileFormat.spec.ts

@@ -20,4 +20,9 @@ describe("isSupportedFileFormat", () => {
     const filePath = "image.xyz";
     expect(isSupportedFileFormat(filePath)).toStrictEqual([false, "xyz"]);
   });
+
+  test("should return [true, <extension>] for a path with supported file extension", () => {
+    const filePath = "image.csv";
+    expect(isSupportedFileFormat(filePath)).toStrictEqual([false, "csv"]);
+  });
 });

packages/remark-wiki-link/test/micromarkExtensionWikiLink.spec.ts

@@ -161,7 +161,44 @@ describe("micromark-extension-wiki-link", () => {
         '<p><img src="My Image.jpg" alt="My Image.jpg" class="internal" width="200" height="200" /></p>'
       );
     });
-
+    // CSV tests
+    test("parses a CSV file embed of supported file format", () => {
+      const serialized = micromark("![[data.csv]]", "ascii", {
+          extensions: [syntax()],
+          htmlExtensions: [html() as any], // TODO type fix
+      });
+      expect(serialized).toBe(
+          '<p><a href="data.csv" class="internal new" download="data.csv">data.csv</a></p>'
+      );
+  });
+
+    test("parses a CSV file embed of unsupported file format", () => {
+        const serialized = micromark("![[data.xyz]]", "ascii", {
+            extensions: [syntax()],
+            htmlExtensions: [html() as any], // TODO type fix
+        });
+        expect(serialized).toBe('<p>![[data.xyz]]</p>');
+    });
+
+    test("parses a CSV file embed with a matching permalink", () => {
+        const serialized = micromark("![[data.csv]]", "ascii", {
+            extensions: [syntax()],
+            htmlExtensions: [html({ permalinks: ["data.csv"] }) as any], // TODO type fix
+        });
+        expect(serialized).toBe(
+            '<p><a href="data.csv" class="internal" download="data.csv">data.csv</a></p>'
+        );
+    });
+
+    test("parses a CSV file embed with an alias", () => {
+        const serialized = micromark("![[data.csv|My CSV File]]", "ascii", {
+            extensions: [syntax()],
+            htmlExtensions: [html() as any], // TODO type fix
+        });
+        expect(serialized).toBe(
+            '<p><a href="data.csv" class="internal new" download="data.csv">My CSV File</a></p>'
+        );
+    });
     // TODO: Fix alt attribute
     test("Can identify the dimensions of the image if exists", () => {
       const serialized = micromark("![[My Image.jpg|200x200]]", "ascii", {

packages/remark-wiki-link/test/remarkWikiLink.spec.ts

@@ -381,6 +381,23 @@ describe("remark-wiki-link", () => {
         );
       });
     });
+
+    test("parses a CSV embed", () => {
+      const processor = unified().use(markdown).use(wikiLinkPlugin);
+
+      let ast = processor.parse("![[My Data.csv]]");
+      ast = processor.runSync(ast);
+
+      expect(select("wikiLink", ast)).not.toEqual(null);
+
+      visit(ast, "wikiLink", (node: Node) => {
+        expect(node.data?.isEmbed).toEqual(true);
+        expect(node.data?.target).toEqual("My Data.csv");
+        expect(node.data?.permalink).toEqual("My Data.csv");
+        expect(node.data?.hName).toEqual("FlatUiTable");
+        expect((node.data?.hProperties as any).data).toEqual({ url: "My Data.csv" });
+      });
+    });
   });
 
   describe("Links with special characters", () => {