Update tests

Author: mayank1513

lib/__tests__/index.test.ts

@@ -0,0 +1,21 @@
+import { beforeAll, describe, test } from "vitest";
+import esbuild from "esbuild";
+import path from "node:path";
+import { webglPlugin } from "../src";
+
+describe("WebGL plugins", () => {
+  beforeAll(async () => {
+    await esbuild.build({
+      format: "cjs",
+      target: "es2019",
+      sourcemap: false,
+      bundle: true,
+      minify: true,
+      entryPoints: [path.resolve(__dirname, "shaders/render-frag.glsl")],
+      outdir: "dist",
+      treeShaking: true,
+      plugins: [webglPlugin()],
+    });
+  });
+  test("test comments removal", async ({ expect }) => {});
+});

lib/__tests__/shaders/render-frag.glsl

@@ -0,0 +1,11 @@
+#version 300 es
+precision mediump float;
+
+out vec4 c;
+
+/**
+block comment explaining the function
+*/
+void main() { // inline comment
+  c = vec4(1.0); /** Some comment */
+}

lib/__tests__/shaders/render-vert.glsl

@@ -0,0 +1,9 @@
+#version 300 es
+precision mediump float;
+
+in vec2 p;
+
+void main() {
+  gl_PointSize = 1.0;
+  gl_Position = vec4(p, 0.0, 1.0);
+}

lib/package.json

@@ -32,10 +32,10 @@
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
     "@vitest/coverage-v8": "^1.6.0",
+    "esbuild": "^0.21.5",
     "esbuild-plugin-rdi": "^0.0.0",
     "esbuild-plugin-react18": "0.2.4",
     "esbuild-plugin-react18-css": "^0.0.4",
-    "jsdom": "^24.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "tsup": "^8.1.0",
@@ -85,4 +85,4 @@
     "Modern",
     "Seamless integration"
   ]
-}
+}

lib/src/index.ts

@@ -0,0 +1,27 @@
+import type { Plugin, PluginBuild } from "esbuild";
+import fs from "node:fs";
+
+const uuid = () => (Date.now() * Math.random()).toString(36).slice(0, 8);
+
+const name = `webgl-${uuid()}`;
+
+export const webglPlugin: () => Plugin = () => ({
+  name,
+  setup(build: PluginBuild) {
+    build.onLoad({ filter: /\.glsl$/, namespace: "file" }, args => {
+      const text = fs.readFileSync(args.path, "utf8");
+      const lines = text
+        // remove block comments
+        .replace(/\/\*.*\*\//gm, "")
+        // remove line comments
+        .replace(/\/\/.*/g, "")
+        // remove white spaces around =
+        .replace(/ = /g, "=")
+        .split("\n")
+        .map(line => line.trim())
+        .filter(Boolean);
+      const contents = `export default \`${lines[0]}\n${lines.slice(1).join("")}\``;
+      return { contents, loader: "ts" };
+    });
+  },
+});

lib/vitest.config.ts

@@ -6,12 +6,12 @@ import tsconfigPaths from "vite-tsconfig-paths";
 export default defineConfig({
   plugins: [react(), tsconfigPaths()],
   test: {
-    environment: "jsdom",
+    environment: "node",
     globals: true,
     setupFiles: [],
     coverage: {
       include: ["src/**"],
-      exclude: ["src/**/index.ts", "src/**/declaration.d.ts"],
+      exclude: ["src/**/declaration.d.ts"],
       reporter: ["text", "json", "clover", "html"],
     },
   },