compress-shader-literals 0.0.7 → 0.0.10

package/README.md

@@ -22,13 +22,13 @@ Measured on the real shaders shipped by popular libraries:
 | Package               | Shaders |    Before |     After |     Saved |
 | --------------------- | ------: | --------: | --------: | --------: |
 | `three`               |     281 | 240,772 B | 203,428 B | **15.5%** |
-| `@jayf0x/fluidity-js` |       9 |   9,524 B |   7,133 B | **25.1%** |
+| `@jayf0x/fluidity-js` |       9 |  11,095 B |   7,788 B | **29.8%** |
 | `ogl`                 |      22 |   6,109 B |   5,335 B | **12.7%** |
 | `shader-park-core`    |      18 |  10,794 B |   9,033 B | **16.3%** |
 | `curtainsjs`          |       7 |   3,406 B |   2,563 B | **24.8%** |
-| **Total**             |     337 | 270,605 B | 227,492 B | **15.9%** |
+| **Total**             |     337 | 272,176 B | 228,147 B | **16.2%** |
 
-_Auto-generated by [`tests/e2e.js`](tests/e2e.js) · packages [verified](tests/validate.js) loadable · 2026-06-24_
+_Auto-generated by [`tests/e2e.js`](tests/e2e.js) · packages [verified](tests/validate.js) loadable · 2026-06-26_
 
 <!-- STATS:END -->
 

package/dist/index.cjs

@@ -0,0 +1,181 @@
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
+var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: __accessProp.bind(mod, key),
+        enumerable: true
+      });
+  if (canCache)
+    cache.set(mod, to);
+  return to;
+};
+var __toCommonJS = (from) => {
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __moduleCache;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+
+// src/plugin.js
+var exports_plugin = {};
+__export(exports_plugin, {
+  minifyShader: () => minifyShader,
+  extractShaderLiterals: () => extractShaderLiterals,
+  compressShaderLiterals: () => compressShaderLiterals
+});
+module.exports = __toCommonJS(exports_plugin);
+var import_pluginutils = require("@rollup/pluginutils");
+var import_magic_string = __toESM(require("magic-string"));
+var import_unplugin = require("unplugin");
+
+// src/core.js
+var import_parser = require("@babel/parser");
+var import_traverse = __toESM(require("@babel/traverse"));
+var traverse = import_traverse.default.default || import_traverse.default;
+function extractShaderLiterals(code, tags = ["glsl", "wgsl", "shader"]) {
+  const tagSet = new Set(tags);
+  const literals = [];
+  try {
+    const ast = import_parser.parse(code, {
+      sourceType: "module",
+      plugins: ["typescript", "jsx", "decorators-legacy"],
+      allowReturnOutsideFunction: true
+    });
+    traverse(ast, {
+      TaggedTemplateExpression(path) {
+        const { tag, quasi } = path.node;
+        let tagName = null;
+        if (tag.type === "Identifier" && tagSet.has(tag.name)) {
+          tagName = tag.name;
+        } else if (tag.type === "MemberExpression" && tag.property.type === "Identifier" && tagSet.has(tag.property.name)) {
+          tagName = tag.property.name;
+        }
+        if (tagName) {
+          literals.push({
+            tag: tagName,
+            value: quasi.quasis.map((q) => q.value.raw).join(""),
+            start: quasi.start,
+            end: quasi.end
+          });
+        }
+      },
+      TemplateLiteral(path) {
+        const node = path.node;
+        const leadingComments = node.leadingComments || path.parentPath?.node?.leadingComments || [];
+        for (const comment of leadingComments) {
+          if (!comment || comment.type !== "CommentBlock")
+            continue;
+          const m = comment.value.match(/^\s*(glsl|wgsl|shader)\s*$/);
+          if (m) {
+            literals.push({
+              tag: m[1],
+              value: node.quasis.map((q) => q.value.raw).join(""),
+              start: node.start,
+              end: node.end
+            });
+            break;
+          }
+        }
+      }
+    });
+  } catch (e) {}
+  return literals;
+}
+function minifyShader(src) {
+  return src.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\/\/.*$/gm, "").replace(/[ \t]+/g, " ").replace(/\n{2,}/g, `
+`).trim();
+}
+
+// src/plugin.js
+var compressShaderLiterals = import_unplugin.createUnplugin((options = {}) => {
+  const tags = options.tags || ["glsl", "wgsl", "shader"];
+  const minify = options.transform || minifyShader;
+  const filter = import_pluginutils.createFilter(options.include || [/\.[jt]sx?$/], options.exclude || [/node_modules/, /dist/]);
+  let beforeText = "";
+  let afterText = "";
+  return {
+    name: "compress-shader-literals",
+    enforce: "pre",
+    transform(code, id) {
+      if (!filter(id))
+        return null;
+      if (!tags.some((tag) => code.includes(tag)))
+        return null;
+      const literals = extractShaderLiterals(code, tags);
+      if (literals.length === 0)
+        return null;
+      if (options.debug) {
+        console.log(`[compress-shader-literals] ${id}: ${literals.length} literal(s) — ${literals.map((l) => l.tag).join(", ")}`);
+      }
+      const ms = new import_magic_string.default(code);
+      let hasChanges = false;
+      for (const literal of literals) {
+        const minified = minify(literal.value);
+        if (literal.value !== minified) {
+          ms.overwrite(literal.start, literal.end, `\`${minified}\``);
+          hasChanges = true;
+        }
+        if (options.outputRatio) {
+          beforeText += literal.value;
+          afterText += minified;
+        }
+      }
+      if (!hasChanges)
+        return null;
+      return {
+        code: ms.toString(),
+        map: ms.generateMap({ hires: true, source: id })
+      };
+    },
+    async buildEnd() {
+      if (options.outputRatio && beforeText) {
+        const { diff, snap } = await import("byte-snap");
+        diff(snap.text(beforeText), snap.text(afterText)).print();
+      }
+    }
+  };
+});

package/dist/index.js

@@ -1,6 +1,8 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
 // src/plugin.js
 import { createFilter } from "@rollup/pluginutils";
-import { diff, snap } from "byte-snap";
 import MagicString from "magic-string";
 import { createUnplugin } from "unplugin";
 
@@ -103,13 +105,16 @@ var compressShaderLiterals = createUnplugin((options = {}) => {
         map: ms.generateMap({ hires: true, source: id })
       };
     },
-    buildEnd() {
+    async buildEnd() {
       if (options.outputRatio && beforeText) {
+        const { diff, snap } = await import("byte-snap");
         diff(snap.text(beforeText), snap.text(afterText)).print();
       }
     }
   };
 });
 export {
+  minifyShader,
+  extractShaderLiterals,
   compressShaderLiterals
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "compress-shader-literals",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "type": "module",
   "description": "Size matters. Minify GLSL/WGSL shader template literals at build time — universal plugin for Vite, Rollup, webpack, esbuild & more.",
   "keywords": [
@@ -34,19 +34,20 @@
   "author": "jayF0x",
   "repository": {
     "type": "git",
-    "url": "https://github.com/jayf0x/compress-shader-literals"
+    "url": "git+https://github.com/jayf0x/compress-shader-literals.git"
   },
-  "homepage": "https://github.com/jayF0x/compress-shader-literals#readme",
+  "homepage": "https://github.com/jayf0x/compress-shader-literals#readme",
   "bugs": {
-    "url": "https://github.com/jayF0x/compress-shader-literals/issues"
+    "url": "https://github.com/jayf0x/compress-shader-literals/issues"
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -54,28 +55,41 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "bun build src/plugin.js --outdir dist --entry-naming index.js --target node --format esm --external @babel/parser --external @babel/traverse --external @rollup/pluginutils --external byte-snap --external magic-string --external unplugin && cp src/index.d.ts dist/index.d.ts && node scripts/compress-dist.js",
+    "build": "bun build src/plugin.js --outdir dist --entry-naming index.js --target node --format esm --external @babel/parser --external @babel/traverse --external @rollup/pluginutils --external byte-snap --external magic-string --external unplugin && cp src/index.d.ts dist/index.d.ts && bun build src/plugin.js --outdir dist --entry-naming index.cjs --target node --format cjs --external @babel/parser --external @babel/traverse --external @rollup/pluginutils --external byte-snap --external magic-string --external unplugin",
     "typecheck": "tsc --noEmit --strict --skipLibCheck src/index.d.ts",
     "test": "bun test",
     "test:run": "bun test",
+    "test:build": "bun run build && node tests/build-smoke.js",
     "test:validate": "cd tests && bun install && node validate.js",
     "test:e2e": "cd tests && bun install && node e2e.js",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "npm:deploy": "bash ./scripts/publish-npm.sh",
-    "rm:stalepr": "git branch -vv | grep '\\[gone\\]' | awk '{print $1}' | xargs git branch -D"
+    "rm:stalepr": "git branch -vv | grep '\\[gone\\]' | awk '{print $1}' | xargs git branch -D",
+    "size": "size-limit"
   },
   "dependencies": {
     "@babel/parser": "^8.0.0",
     "@babel/traverse": "^8.0.0",
     "@rollup/pluginutils": "^5.4.0",
-    "byte-snap": "^1.0.3",
+    "byte-snap": "^1.0.5",
     "magic-string": "^0.30.21",
     "unplugin": "^3.0.0"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.0.0",
     "prettier": "^3.0.0",
-    "typescript": "^5.6.0"
-  }
+    "typescript": "^5.6.0",
+    "size-limit": "^11.0.0",
+    "@size-limit/file": "^11.0.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "1.7 kB"
+    }
+  ]
 }