feat: improve esm support

Author: megheaiulian

.github/workflows/ci.yml

@@ -9,32 +9,22 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest, windows-latest, macos-latest]
-        node: ["18"]
+        node: ["20"]
 
     steps:
       - name: Code checkout
-        uses: actions/checkout@v2
-
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v2
-        with:
-          version: 8
+        uses: actions/checkout@v4
 
       - name: Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
-          cache: "pnpm"
+          cache: npm
 
       - name: Install dependencies
-        run: |
-          pnpm -v
-          pnpm config set enable-pre-post-scripts true
-          pnpm i --frozen-lockfile
-        env:
-          CI: true
+        run: npm ci
 
       - name: Test
-        run: pnpm t
+        run: npm run test
         env:
-          CI: true
+          NODE_OPTIONS: --experimental-vm-modules

.github/workflows/cov.yml

@@ -8,33 +8,23 @@ jobs:
 
     steps:
       - name: Code checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: Setup pnpm
-        uses: pnpm/action-setup@v2
-        with:
-          version: 8
-
       - name: Setup node
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          node-version: "16"
-          cache: "pnpm"
+          node-version: 20
+          cache: npm
 
       - name: Install dependencies
-        run: |
-          pnpm -v
-          pnpm config set enable-pre-post-scripts true
-          pnpm i --frozen-lockfile
-        env:
-          CI: true
+        run: npm ci
 
       - name: Test /w coverage
-        run: pnpm t -- --coverage
+        run: npm run test -- --coverage
         env:
-          CI: true
+          NODE_OPTIONS: --experimental-vm-modules
 
       - name: Submit coverage to codecov.io
         uses: codecov/codecov-action@v2

.github/workflows/release.yml

@@ -15,13 +15,11 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
 
       - name: Install dependencies
         run: npm ci
-        env:
-          CI: true
 
       - name: Release
         run: npm run release

__tests__/__snapshots__/index.test.ts.snap

@@ -184,7 +184,7 @@ exports[`basic resolvers: css 1`] = `
 }
 
 .foo3 {
-  background-image: url("/pubpath/bg.png?query#hash");
+  background-image: url("./bg.png?query#hash");
 }
 @import url("https://fonts.googleapis.com/css?family=Gudea:400,700");
 .bar {
@@ -235,7 +235,7 @@ exports[`basic resolvers-hash: css 1`] = `
 }
 
 .foo3 {
-  background-image: url("/pubpath/bg-bd25d3fd.png?query#hash");
+  background-image: url("./bg.png?query#hash");
 }
 @import url("https://fonts.googleapis.com/css?family=Gudea:400,700");
 .bar {
@@ -286,7 +286,7 @@ exports[`basic resolvers-url-inline: css 1`] = `
 }
 
 .foo3 {
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmBAMAAADL8flRAAAAG1BMVEXMzMyWlpacnJy+vr6jo6PFxcW3t7eqqqqxsbHbm8QuAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAArUlEQVRYhe3QIQ+CUBTF8cPTB8RHsKMTqQQ/gMqmVRkj4+ZmZQRnNBD42F7Afp3N7fxIN/zH2wGIiIiI6J8ZBKk95NMRo23KdaYksz36oKtv47F14et59HdKY69I7AoX9PMMlTPnIrZOe5sHJ18Hc5fDeXKH2n+mpmzgLz6NPWmJNIlNNkA4NvK2ov6ikQ1kqWKYYdggVxNpgtREER6ygTyzbZaRugERERER/eYNUMwTiwsgIHkAAAAASUVORK5CYII=");
+  background-image: url("./bg.png?query#hash");
 }
 @import url("https://fonts.googleapis.com/css?family=Gudea:400,700");
 .bar {

__tests__/fixtures/modules-duplication/postcss.config.js renamed to __tests__/fixtures/modules-duplication/postcss.config.cjs

@@ -7,7 +7,10 @@
   font-family: "Demo";
   font-style: normal;
   font-weight: 400;
-  src: local("Demo"), local("Demo-Regular"), url("fonts/Demo-webfont.woff") format("woff");
+  src:
+    local("Demo"),
+    local("Demo-Regular"),
+    url("fonts/Demo-webfont.woff") format("woff");
 }
 
 .ignore-data-uri {

__tests__/fixtures/postcss-config/postcss.config.js renamed to __tests__/fixtures/postcss-config/postcss.config.cjs

@@ -6,6 +6,9 @@ import { Plugin, rollup, InputOptions, OutputOptions } from "rollup";
 import styles from "../../src";
 import { Options } from "../../src/types";
 import { inferModeOption, inferSourceMapOption } from "../../src/utils/options";
+import { fileURLToPath } from "url";
+
+const baseDir = path.dirname(fileURLToPath(import.meta.url));
 
 export interface WriteData {
   input: string | string[];
@@ -36,7 +39,7 @@ async function pathExistsAll(files: string[]): Promise<boolean> {
 }
 
 export const fixture = (...args: string[]): string =>
-  path.normalize(path.join(__dirname, "..", "fixtures", ...args));
+  path.normalize(path.join(baseDir, "..", "fixtures", ...args));
 
 export async function write(data: WriteData): Promise<WriteResult> {
   const outDir = fixture("dist", data.outDir ?? data.title ?? "");
@@ -48,7 +51,7 @@ export async function write(data: WriteData): Promise<WriteResult> {
     plugins: data.plugins ?? [styles(data.options)],
     onwarn: (warning, warn) => {
       if (warning.code === "EMPTY_BUNDLE") return;
-      if (warning.plugin === "lit") return;
+      if (warning.exporter === "lit") return;
       if (/Exported `\S+` as `\S+` in \S+/.test(warning.message)) return;
       warn(warning);
     },

__tests__/fixtures/resolvers/style.scss

@@ -1,2 +1,3 @@
+import { jest } from "@jest/globals";
 export {}; // fixes "isolatedModules" warning
 jest.setTimeout(30_000);