updates

.eslintrc

@@ -13,6 +13,7 @@
     "@typescript-eslint/no-extra-semi": "off",
     "@typescript-eslint/no-unused-vars": "off",
     "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/no-var-requires": "off",
     "import/order": [
       "error",
       {

glsl-loader.mjs

@@ -1,36 +1,74 @@
 /* eslint-disable */
 import fs from "fs"
 import path from "path"
-
-function loadContent(content, filename, dependencies) {
-  return content.replaceAll(
-    /^\s*#pragma\s+webpack\s+include\s+(.*)$/gm,
-    (substr, what) => {
+import { SourceMapGenerator } from "source-map"
+function loadContent(
+  content,
+  filename,
+  dependencies,
+  resultLines,
+  sourceMapGenerator,
+) {
+  const contentLines = content.split("\n")
+  for (let i = 0; i < contentLines.length; i++) {
+    const line = contentLines[i]
+    const match = /^\s*#pragma\s+webpack\s+include\s+(.*)$/g.exec(line)
+    if (match !== null) {
+      const [substr, what] = match
       const what2 = path.resolve(path.dirname(filename), what)
-      if (dependencies.includes(what2)) {
-        return ""
-      } else {
+      if (!dependencies.includes(what2)) {
         dependencies.push(what2)
 
-        return (
-          `// START ${what}\n` +
-          loadContent(
-            fs.readFileSync(what2, { encoding: "utf8" }),
-            what2,
-            dependencies,
-          ) +
-          `\n// END ${what}`
+        resultLines.push(`// START ${what}`)
+        loadContent(
+          fs.readFileSync(what2, { encoding: "utf8" }),
+          what2,
+          dependencies,
+          resultLines,
+          sourceMapGenerator,
         )
+        resultLines.push(`// END ${what}`)
       }
-    },
-  )
+    } else {
+      resultLines.push(line)
+      try {
+        sourceMapGenerator.addMapping({
+          generated: { line: resultLines.length, column: 0 },
+          original: { line: i + 1, column: 0 },
+          source: filename,
+        })
+      } catch (e) {
+        console.error(e)
+        throw e
+      }
+    }
+  }
+}
+
+/**
+ *
+ * @param content {string}
+ * @param filename {string}
+ * @returns {[string,import("source-map").RawSourceMap]}
+ */
+function load(content, filename) {
+  const resultLines = []
+  const sourceMapGenerator = new SourceMapGenerator()
+  loadContent(content, filename, [], resultLines, sourceMapGenerator)
+  return [resultLines.join("\n"), sourceMapGenerator.toJSON()]
 }
 
 export default function (options, loaderContext, content) {
   const dependencies = []
-  const mod = loadContent(content, loaderContext.resourcePath, dependencies)
+  const [mod, sourceMap] = load(
+    content,
+    loaderContext.resourcePath,
+    dependencies,
+  )
   let code = `
 export default ${JSON.stringify(mod)}
+const sourceMap = ${JSON.stringify(sourceMap)}
+export { sourceMap };
 `
   if (loaderContext.hot) {
     code += `