feat(exports): Setup ESM first (#21)

* feat(exports): Setup ESM first

* Switch to Vitest

Author: JoseLion

.github/workflows/ci.yml

@@ -26,4 +26,4 @@ jobs:
       - run: yarn install --immutable
       - run: yarn compile
       - run: yarn lint
-      - run: yarn test --forbid-only
+      - run: yarn test

.mocharc.json

@@ -112,8 +112,8 @@ export default eslintTs.config(
       "@stylistic/switch-colon-spacing": "error",
       "@typescript-eslint/ban-types": "error",
       "@typescript-eslint/consistent-type-assertions": "error",
-      "@typescript-eslint/consistent-type-exports": "off",
-      "@typescript-eslint/consistent-type-imports": ["off", { fixStyle: "inline-type-imports" }],
+      "@typescript-eslint/consistent-type-exports": "error",
+      "@typescript-eslint/consistent-type-imports": ["error", { fixStyle: "inline-type-imports" }],
       "@typescript-eslint/dot-notation": "error",
       "@typescript-eslint/explicit-function-return-type": ["error", { allowExpressions: true }],
       "@typescript-eslint/explicit-member-accessibility": "error",

eslint.config.mjs renamed to eslint.config.js

@@ -16,24 +16,39 @@
     "emotion",
     "styled-components"
   ],
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "type": "module",
+  "sideEffects": false,
+  "source": "./src/main.ts",
+  "main": "./dist/main.cjs",
+  "module": "./dist/main.js",
+  "unpkg": "./dist/main.umd.cjs",
+  "types": "./dist/main.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "require": "./dist/main.cjs",
+      "types": "./dist/main.d.ts",
+      "default": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
-    "dist/",
-    "src/"
+    "./dist",
+    "./src",
+    "./package.json"
   ],
   "engines": {
     "node": ">=18"
   },
   "packageManager": "[email protected]",
   "scripts": {
-    "build": "tsc -p tsconfig.prod.json",
-    "check": "yarn compile && yarn lint && yarn test",
+    "build": "vite build",
+    "check": "yarn compile && yarn lint && yarn test --run",
     "compile": "tsc",
     "docs": "typedoc",
     "lint": "eslint .",
     "release": "semantic-release",
-    "test": "NODE_ENV=test mocha \"test/**/*.test.ts\""
+    "test": "NODE_ENV=test vitest"
   },
   "devDependencies": {
     "@assertive-ts/core": "^2.1.0",
@@ -43,7 +58,6 @@
     "@stylistic/eslint-plugin": "^2.2.2",
     "@types/eslint__eslintrc": "^2.1.1",
     "@types/eslint__js": "^8.42.3",
-    "@types/mocha": "^10.0.7",
     "@types/node": "^20.14.8",
     "eslint": "^9.5.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -53,15 +67,15 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsdoc": "^48.3.0",
     "eslint-plugin-sonarjs": "^1.0.3",
-    "expect-type": "^0.19.0",
-    "mocha": "^10.4.0",
     "semantic-release": "^24.0.0",
     "semantic-release-yarn": "^3.0.2",
-    "ts-node": "^10.9.2",
     "typedoc": "^0.26.2",
     "typedoc-plugin-markdown": "^4.1.0",
     "typedoc-plugin-merge-modules": "^5.1.0",
     "typescript": "^5.5.2",
-    "typescript-eslint": "^7.13.1"
+    "typescript-eslint": "^7.13.1",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.6.0"
   }
 }

package.json

@@ -1,6 +1,6 @@
-import { NonEmptyArray } from "../helpers/common";
+import { type CssVarContext, makeCssVars } from "./makeCssVars";
 
-import { CssVarContext, makeCssVars } from "./makeCssVars";
+import type { NonEmptyArray } from "../helpers/common";
 
 /**
  * Recursively merge all CssVarContext on an array into a single CssVarContext.

src/index.ts

@@ -0,0 +1,6 @@
+export { makeCssVars } from "./lib/makeCssVars";
+export { mergeCssVars } from "./lib/mergeCssVars";
+
+export type { NonEmptyArray } from "./helpers/common";
+export type { CssVarContext, CssVars, VarKey } from "./lib/makeCssVars";
+export type { MergeVars } from "./lib/mergeCssVars";