Add CSS, HTML, and MD text to string esbuild imports loader

Author: t-ski

assets/preview/_assets/api/mock.js

@@ -36,6 +36,8 @@
         }
     };
 
+    window.__MOCK.webfuseSession.env = {};
+
 
     const handleGet = (scope, prop) => {
         if(window.__MOCK[scope][prop])

lib/api/bundle/mappers/script.js

@@ -43,6 +43,11 @@ export const transpilerScripts = new Transpiler(async (code, _, loader, resolveD
             contents: code,
             resolveDir: resolveDir
         },
+        loader: {
+            ".css": "text",
+            ".html": "text",
+            ".md": "text"
+        },
         bundle: true,
         write: false,
         platform: "browser",

src/api/bundle/mappers/script.ts

@@ -80,6 +80,11 @@ export const transpilerScripts = new Transpiler(async (code: string, _, loader:
 				contents: code,
 				resolveDir: resolveDir
 			},
+			loader: {
+				".css": "text",
+				".html": "text",
+				".md": "text"
+			},
 			bundle: true,
 			write: false,
 			platform: "browser",

test-extension/src/content/content.js

@@ -1,4 +1,6 @@
-browser.webfuseSession.log("Example...");
+import TEXT from "./text.md";
+
+browser.webfuseSession.log(TEXT);
 
 browser.runtime.onMessage.addListener((message, sender) => {
     console.log(`Received message from ${sender.url} in content:`, {

test-extension/src/content/text.md

@@ -0,0 +1,3 @@
+# Title
+
+Text

test/unit/content.test.js

@@ -21,9 +21,8 @@ strong {
 `, CONTENT_JS, "Invalid content.js");
 
 assertIn(`
-(() => {
   // <stdin>
-  browser.webfuseSession.log("Example...");
+  browser.webfuseSession.log(text_default);
   browser.runtime.onMessage.addListener((message, sender) => {
     console.log(\`Received message from \${sender.url} in content:\`, {
       message,