fix: missing .js suffix (#37)

* chore: esm module * style: format * chore: fix type * test: use vitest * @vitest/coverage-v8 * Update node.js.yml * Update node.js.yml
noyobo · Jun 21, 2024 · ec5611c · ec5611c
1 parent 0f939b7
commit ec5611c
Show file tree

Hide file tree

Showing 24 changed files with 1,298 additions and 2,132 deletions.
diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -18,7 +18,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        node-version: [18.x, 20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
@@ -39,7 +39,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x, 18.x, 20.x]
+        node-version: [18.x, 20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

diff --git a/.gitignore b/.gitignore
@@ -9,3 +9,4 @@ yarn-error.log
 types/
 cjs/
 esm/
+*.tgz
diff --git a/__tests__/css-error/index.css b/__tests__/css-error/index.css
@@ -4,7 +4,7 @@
 }
 
 .title {
-  font-size: var(-- 15px, 15px);
+  font-size: var(-- 15px, 11px);
   color: #000;
 }
 

diff --git a/__tests__/css-modules/__snapshots__/index.test.ts.snap b/__tests__/css-modules/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`css-modules style-loader 1`] = `
+exports[`css-modules > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -52,8 +52,8 @@ exports[`css-modules style-loader 1`] = `
   });
 
   // __tests__/css-modules/index.jsx
-  var styles = __toESM(require_index_modules2());
-  var import_react = __toESM(__require("react"));
+  var styles = __toESM(require_index_modules2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
   var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: styles.title }, "Hello World"));
   (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
@@ -62,7 +62,7 @@ exports[`css-modules style-loader 1`] = `
 "
 `;
 
-exports[`css-modules style-loader 2`] = `
+exports[`css-modules > style-loader 2`] = `
 "/* __tests__/css-modules/foo.css?modules */
 .app {
   padding: 20px;

diff --git a/__tests__/css/__snapshots__/index.test.ts.snap b/__tests__/css/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`css style-loader 1`] = `
+exports[`css > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -50,8 +50,8 @@ exports[`css style-loader 1`] = `
   });
 
   // __tests__/css/index.jsx
-  var import_index = __toESM(require_css2());
-  var import_react = __toESM(__require("react"));
+  var import_index = __toESM(require_css2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
   var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: "title" }, "Hello World"));
   (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
@@ -60,7 +60,7 @@ exports[`css style-loader 1`] = `
 "
 `;
 
-exports[`css style-loader 2`] = `
+exports[`css > style-loader 2`] = `
 "
 .app {
   -webkit-user-select: none;

diff --git a/__tests__/less-alias/__snapshots__/index.test.ts.snap b/__tests__/less-alias/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`less-alias style-loader 1`] = `
+exports[`less-alias > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -56,10 +56,10 @@ exports[`less-alias style-loader 1`] = `
   });
 
   // __tests__/less-alias/index.jsx
-  var import_react = __toESM(__require("react"));
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
-  var a = __toESM(require_a2());
-  var import_a = __toESM(require_a2());
+  var a = __toESM(require_a2(), 1);
+  var import_a = __toESM(require_a2(), 1);
   var App = class extends import_react.default.Component {
     render() {
       console.warn(a, import_a.default);
@@ -72,7 +72,7 @@ exports[`less-alias style-loader 1`] = `
 "
 `;
 
-exports[`less-alias style-loader 2`] = `
+exports[`less-alias > style-loader 2`] = `
 "
 .a__app-title {
   color: green;

diff --git a/__tests__/less-multiple/__snapshots__/index.test.ts.snap b/__tests__/less-multiple/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`less-multiple style-loader 1`] = `
+exports[`less-multiple > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -71,10 +71,10 @@ exports[`less-multiple style-loader 1`] = `
   });
 
   // __tests__/less-multiple/index.jsx
-  var import_react = __toESM(__require("react"));
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
-  var import_a = __toESM(require_a2());
-  var import_b = __toESM(require_b2());
+  var import_a = __toESM(require_a2(), 1);
+  var import_b = __toESM(require_b2(), 1);
   var App = class extends import_react.default.Component {
     render() {
       return /* @__PURE__ */ import_react.default.createElement("div", { className: import_a.default.app }, /* @__PURE__ */ import_react.default.createElement("h1", { className: import_b.default.title }, "Hello World"));
@@ -86,7 +86,7 @@ exports[`less-multiple style-loader 1`] = `
 "
 `;
 
-exports[`less-multiple style-loader 2`] = `
+exports[`less-multiple > style-loader 2`] = `
 "
 .a__app {
   color: red;

diff --git a/__tests__/less/__snapshots__/index.test.ts.snap b/__tests__/less/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`less style-loader 1`] = `
+exports[`less > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -56,8 +56,8 @@ exports[`less style-loader 1`] = `
   });
 
   // __tests__/less/index.jsx
-  var import_index = __toESM(require_less2());
-  var import_react = __toESM(__require("react"));
+  var import_index = __toESM(require_less2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
   var App = class extends import_react.default.Component {
     render() {
@@ -70,7 +70,7 @@ exports[`less style-loader 1`] = `
 "
 `;
 
-exports[`less style-loader 2`] = `
+exports[`less > style-loader 2`] = `
 "
 .index__app {
   color: red;

diff --git a/__tests__/react-components/__snapshots__/index.test.ts.snap b/__tests__/react-components/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`react-components style-loader 1`] = `
+exports[`react-components > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -88,14 +88,14 @@ exports[`react-components style-loader 1`] = `
   });
 
   // __tests__/react-components/index.jsx
-  var import_react2 = __toESM(__require("react"));
+  var import_react2 = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
-  var import_a = __toESM(require_a2());
-  var import_b = __toESM(require_b2());
+  var import_a = __toESM(require_a2(), 1);
+  var import_b = __toESM(require_b2(), 1);
 
   // __tests__/react-components/foo/index.tsx
-  var import_index_module = __toESM(require_index_module2());
-  var import_react = __toESM(__require("react"));
+  var import_index_module = __toESM(require_index_module2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var Foo = () => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.foo }, "foo");
   };
@@ -113,7 +113,7 @@ exports[`react-components style-loader 1`] = `
 "
 `;
 
-exports[`react-components style-loader 2`] = `
+exports[`react-components > style-loader 2`] = `
 "
 .a__app {
   color: red;
@@ -138,7 +138,7 @@ exports[`react-components style-loader 2`] = `
 "
 `;
 
-exports[`react-components style-loader 3`] = `
+exports[`react-components > style-loader 3`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -207,13 +207,13 @@ exports[`react-components style-loader 3`] = `
   });
 
   // __tests__/react-components/index2.jsx
-  var import_react2 = __toESM(__require("react"));
+  var import_react2 = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
-  var import_a = __toESM(require_a2());
+  var import_a = __toESM(require_a2(), 1);
 
   // __tests__/react-components/foo/index.tsx
-  var import_index_module = __toESM(require_index_module2());
-  var import_react = __toESM(__require("react"));
+  var import_index_module = __toESM(require_index_module2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var Foo = () => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.foo }, "foo");
   };
@@ -231,7 +231,7 @@ exports[`react-components style-loader 3`] = `
 "
 `;
 
-exports[`react-components style-loader 4`] = `
+exports[`react-components > style-loader 4`] = `
 "
 .a__app {
   color: red;

diff --git a/__tests__/scss-alias/__snapshots__/index.test.ts.snap b/__tests__/scss-alias/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`scss-alias style-loader 1`] = `
+exports[`scss-alias > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -54,9 +54,9 @@ exports[`scss-alias style-loader 1`] = `
   });
 
   // __tests__/scss-alias/index.jsx
-  var import_react = __toESM(__require("react"));
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
-  var import_a = __toESM(require_a2());
+  var import_a = __toESM(require_a2(), 1);
   var App = class extends import_react.default.Component {
     render() {
       console.warn(import_a.default);
@@ -69,7 +69,7 @@ exports[`scss-alias style-loader 1`] = `
 "
 `;
 
-exports[`scss-alias style-loader 2`] = `
+exports[`scss-alias > style-loader 2`] = `
 "
 .a__title {
   color: green;

diff --git a/__tests__/scss/__snapshots__/index.test.ts.snap b/__tests__/scss/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`scss style-loader 1`] = `
+exports[`scss > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -56,8 +56,8 @@ exports[`scss style-loader 1`] = `
   });
 
   // __tests__/scss/index.jsx
-  var import_index = __toESM(require_scss2());
-  var import_react = __toESM(__require("react"));
+  var import_index = __toESM(require_scss2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
   var App = class extends import_react.default.Component {
     render() {
@@ -70,7 +70,7 @@ exports[`scss style-loader 1`] = `
 "
 `;
 
-exports[`scss style-loader 2`] = `
+exports[`scss > style-loader 2`] = `
 "
 .index__app {
   color: red;

diff --git a/__tests__/user-case1/__snapshots__/index.test.ts.snap b/__tests__/user-case1/__snapshots__/index.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`user-case1 style-loader 1`] = `
+exports[`user-case1 > style-loader 1`] = `
 "(() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -58,8 +58,8 @@ exports[`user-case1 style-loader 1`] = `
   });
 
   // __tests__/user-case1/index.jsx
-  var import_index_modules = __toESM(require_index_modules2());
-  var import_react = __toESM(__require("react"));
+  var import_index_modules = __toESM(require_index_modules2(), 1);
+  var import_react = __toESM(__require("react"), 1);
   var import_client = __require("react-dom/client");
   var App = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "app" }, /* @__PURE__ */ import_react.default.createElement("h1", { className: "title" }, "Hello World"));
   (0, import_client.createRoot)(document.getElementById("root")).render(/* @__PURE__ */ import_react.default.createElement(App, null));
@@ -68,7 +68,7 @@ exports[`user-case1 style-loader 1`] = `
 "
 `;
 
-exports[`user-case1 style-loader 2`] = `
+exports[`user-case1 > style-loader 2`] = `
 "
 .index-modules__brightBox {
   padding: 0 46rpx 0 66rpx;

diff --git a/biome.json b/biome.json
@@ -0,0 +1,37 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.2/schema.json",
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 120,
+    "attributePosition": "auto"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "noParameterAssign": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto"
+    }
+  }
+}
diff --git a/jest.config.js b/jest.config.js