Convert to ESM: use .mjs extensions, add "type": "module"

- Rename test.js → test.mjs with ESM import syntax
- Rename snapshot.cjs → snapshot.mjs with ESM import syntax
- Add "type": "module" to package.json
- Update npm-publish.yml require() calls for ESM compatibility

Author: boronine-bot

.github/workflows/npm-publish.yml

@@ -23,15 +23,15 @@ jobs:
       - name: Check release tag matches package version
         if: github.event_name == 'release'
         run: |
-          package_version="$(node -p "require('./package.json').version")"
+          package_version="$(node -e "import pkg from './package.json' with {type:'json'};console.log(pkg.default.version)")"
           release_version="${GITHUB_REF_NAME#v}"
           if [ "$package_version" != "$release_version" ]; then
             echo "Release tag ${GITHUB_REF_NAME} does not match package.json version ${package_version}"
             exit 1
           fi
       - name: Publish to npm
         run: |
-          package_version="$(node -p "require('./package.json').version")"
+          package_version="$(node -e "import pkg from './package.json' with {type:'json'};console.log(pkg.default.version)")"
           # Skip if this version is already published
           if npm view "hsluv-sass@${package_version}" version 2>/dev/null; then
             echo "hsluv-sass@${package_version} is already published, skipping"

package.json

@@ -1,14 +1,15 @@
 {
   "name": "hsluv-sass",
   "version": "3.0.0-beta.1",
+  "type": "module",
   "description": "HSLuv Sass - Human friendly HSL",
   "main": "src/_hsluv.scss",
   "sass": "src/_hsluv.scss",
   "directories": {
     "test": "test"
   },
   "scripts": {
-    "test": "node test.js",
+    "test": "node test.mjs",
     "lint": "prettier --check '**/*.scss'",
     "fix": "prettier --write '**/*.scss'"
   },

snapshot.cjs snapshot.mjssnapshot.cjs renamed to snapshot.mjs

@@ -1,6 +1,10 @@
-const fs = require("fs");
-const path = require("path");
-const sass = require("sass");
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import * as sass from "sass";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
 const samples = [
   "#1100ff",

test.js test.mjstest.js renamed to test.mjs

@@ -1,15 +1,19 @@
-var sass = require("sass");
-var path = require("path");
-var assert = require("node:assert");
+import * as sass from "sass";
+import path from "node:path";
+import assert from "node:assert";
+import { fileURLToPath } from "node:url";
 
-var sassFile = path.join(__dirname, "test", "hsluv-tests.scss");
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 
-var passes = 0;
-var failures = 0;
-var currentDescribe = "";
-var currentIt = "";
+const sassFile = path.join(__dirname, "test", "hsluv-tests.scss");
 
-var result = sass.compile(sassFile, {
+let passes = 0;
+let failures = 0;
+let currentDescribe = "";
+let currentIt = "";
+
+const result = sass.compile(sassFile, {
   loadPaths: [path.join(__dirname, "test")],
   functions: {
     "_test_start_group($name)": function (args) {
@@ -22,7 +26,7 @@ var result = sass.compile(sassFile, {
       return sass.sassNull;
     },
     "_test_assert_result($assert, $expected, $passed)": function (args) {
-      var passed = args[2].assertBoolean().value;
+      const passed = args[2].assertBoolean().value;
       if (passed) {
         passes++;
         console.log("  \u2713 " + currentIt);