feat(pat-tooltip): Soft-depend on pat-markdown.

Only register the markdown data type handler when the pattern is available.

Not hard-depending and importing pat-markdown fixes a problem where only
including pat-tooltip also included pat-markdown and
pat-syntax-highlight with it's big highlight.js library.

This can reduce the generated bundle size significantly.

Author: thet

src/pat/tooltip/tooltip.js

@@ -345,7 +345,7 @@ class Pattern extends BasePattern {
         let content;
         if (url) {
             // Tooltip from remote page.
-            const handler = this._ajaxDataTypeHandlers[this.options.ajaxDataType];
+            const handler = this.data_type_handlers[this.options.ajaxDataType];
             try {
                 // TODO: use pat-inject, once it supports async
                 const response = await fetch(url, {
@@ -393,7 +393,7 @@ class Pattern extends BasePattern {
         return { url, selector };
     }
 
-    _ajaxDataTypeHandlers = {
+    static data_type_handlers = {
         html(text, url, selector) {
             let tmp = document.createElement("div");
             tmp.innerHTML = text;
@@ -404,16 +404,34 @@ class Pattern extends BasePattern {
         },
 
         async markdown(text, url, selector) {
-            const pat_markdown = await import("../markdown/markdown");
-            const pat = pat_markdown.default.init($("<div/>"));
+            const Markdown = registry.patterns.markdown;
+            if (!Markdown) {
+                return text;
+            }
+
+            const instance = new Markdown($("<div/>"));
+            await events.await_pattern_init(instance);
+
             const cfg = { url };
             if (selector) {
                 cfg.source = selector;
             }
-            const ret = await pat.renderForInjection(cfg, text);
+
+            const ret = await instance.renderForInjection(cfg, text);
             return ret[0];
         },
     };
+
+    static register_type_handler(type, handler) {
+        Pattern.data_type_handlers[type] = handler;
+    }
+
+    constructor(...args) {
+        super(...args);
+
+        this.register_type_handler = this.constructor.register_type_handler;
+        this.data_type_handlers = this.constructor.data_type_handlers;
+    }
 }
 
 registry.register(Pattern);

src/pat/tooltip/tooltip.test.js

@@ -1317,6 +1317,7 @@ describe("pat-tooltip", () => {
         });
 
         it("7.3 - will handle markdown content", async () => {
+            await import("../markdown/markdown");
             global.fetch = jest.fn().mockImplementation(mockFetch("## hello."));
 
             const $el = testutils.createTooltip({
@@ -1331,6 +1332,7 @@ describe("pat-tooltip", () => {
 
             testutils.click($el);
             await utils.timeout(1); // wait a tick for async fetch
+            await utils.timeout(1);
 
             expect(spy_ajax).toHaveBeenCalled();
             expect(spy_show).toHaveBeenCalled();
@@ -1345,6 +1347,7 @@ describe("pat-tooltip", () => {
         });
 
         it("7.4 - will extract a section from markdown", async () => {
+            await import("../markdown/markdown");
             global.fetch = jest.fn().mockImplementation(
                 mockFetch(`
 # note a limitation
@@ -1369,6 +1372,7 @@ this will be extracted.
 
             testutils.click($el);
             await utils.timeout(1); // wait a tick for async fetch
+            await utils.timeout(1);
 
             expect(spy_ajax).toHaveBeenCalled();
             expect(spy_show).toHaveBeenCalled();