feat: building update

Author: stijnvanhulle

.gitignore

@@ -15,7 +15,7 @@ DS_STORE
 dist
 build
 lib
-./types
+types
 es
 esnext
 /data/

babel.config.js

@@ -1,5 +1,18 @@
 const MIN_BABEL_VERSION = 7;
 
+const { NODE_ENV, BABEL_ENV, BABEL_LOOSE } = process.env;
+const cjs =
+  NODE_ENV === 'test' || BABEL_ENV === 'commonjs' || BABEL_ENV === 'cjs';
+const es = BABEL_ENV === 'es';
+
+let modules = 'auto';
+
+if (cjs) {
+  modules = 'commonjs';
+} else if (es) {
+  modules = false;
+}
+
 module.exports = (api) => {
   api.assertVersion(MIN_BABEL_VERSION);
   api.cache(true);
@@ -9,9 +22,8 @@ module.exports = (api) => {
       [
         '@babel/preset-env',
         {
-          targets: {
-            node: '10.13.0',
-          },
+          loose: BABEL_LOOSE,
+          modules,
         },
       ],
       '@babel/preset-typescript',

package.json

@@ -3,9 +3,18 @@
   "version": "1.0.14",
   "description": "Loader to use config.json file as css variables",
   "main": "lib/index.js",
+  "module": "es/index.js",
+  "esnext": "esnext/index.js",
+  "types": "types/index.d.ts",
   "scripts": {
     "start": "yarn build -- -w",
-    "build": "rimraf lib && babel src --copy-files --out-dir lib --extensions .ts,.tsx",
+    "build": "yarn run build:es && yarn run build:esnext && yarn run build:commonjs",
+    "build:es": "rimraf ./es && BABEL_ENV=es babel --copy-files --out-dir es --extensions .ts,.tsx --ignore '**/*.test.ts,**/__tests__/**' ./src",
+    "build:esnext": "rimraf ./esnext && tsc -p ./tsconfig.esnext.json",
+    "build:commonjs": "rimraf ./lib && BABEL_ENV=commonjs babel --copy-files --out-dir lib --extensions .ts,.tsx --ignore '**/*.test.ts,**/__tests__/**' ./src",
+    "build:types": "rimraf ./types && tsc -p ./tsconfig.types.json",
+    "postbuild": "yarn run build:types && yarn run rewrite-paths",
+    "rewrite-paths": "tsconfig-replace-paths -p ./tsconfig.json -s ./src -o ./esnext && tsconfig-replace-paths -p ./tsconfig.json -s ./src -o ./es && tsconfig-replace-paths -p ./tsconfig.json -s ./src -o ./lib",
     "pack": "yarn build && yarn pack",
     "transpile": "tsc -p ./tsconfig.json",
     "typecheck": "tsc --noEmit",
@@ -18,7 +27,10 @@
     "release:major": "standard-version --release-as major"
   },
   "files": [
-    "lib"
+    "lib",
+    "es",
+    "esnext",
+    "types"
   ],
   "repository": {
     "type": "git",
@@ -31,31 +43,35 @@
     "@stijnvanhulle:registry": "https://npm.pkg.github.com"
   },
   "peerDependencies": {
-    "webpack": "^5.66.0"
+    "webpack": "^5.67.0"
   },
   "dependencies": {
     "@babel/preset-typescript": "^7.16.7",
     "schema-utils": "^4.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.8",
-    "@babel/core": "^7.16.7",
+    "@babel/core": "^7.16.12",
     "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.16.8",
-    "@typescript-eslint/eslint-plugin": "^5.9.1",
-    "@typescript-eslint/parser": "^5.9.1",
+    "@babel/preset-env": "^7.16.11",
+    "@typescript-eslint/eslint-plugin": "^5.10.1",
+    "@typescript-eslint/parser": "^5.10.1",
     "@webpack-contrib/defaults": "^6.3.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
     "rimraf": "^3.0.2",
-    "eslint": "^8.6.0",
+    "eslint": "^8.8.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-babel": "^5.3.1",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-unused-imports": "^2.0.0",
     "prettier": "^2.5.1",
     "standard-version": "^9.3.2",
-    "typescript": "^4.5.4",
-    "webpack": "^5.66.0"
-  }
+    "typescript": "^4.5.5",
+    "tsconfig-replace-paths": "^0.0.11",
+    "webpack": "^5.67.0"
+  },
+  "browserslist": [
+    "maintained node versions"
+  ]
 }

tsconfig.esnext.json

@@ -0,0 +1,21 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "outDir": "esnext",
+    "baseUrl": ".", 
+    "allowJs": true,
+    "jsx": "react-native"
+  },
+  "include": [
+    "./src/index.ts",
+    "./src/**/typings.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "./src/**/_*/*",
+    "**/*.test.*",
+    "**/*.spec.*",
+  ]
+}

tsconfig.json

@@ -1,30 +1,22 @@
 {
   "compilerOptions": {
-    "target": "es6",                               
-    "module": "commonjs",                           
-    "outDir": "build",                                           
+    "target": "es6",
+    "module": "commonjs",
+    "outDir": "build",
     "strict": true,
     "moduleResolution": "node",
-    "esModuleInterop": true,    
+    "esModuleInterop": true,
     "strictNullChecks": true,
     "declaration": false,
     "experimentalDecorators": true,
     "skipLibCheck": true,
     "baseUrl": ".",
     "resolveJsonModule": true,
     "allowJs": true,
-    "typeRoots": [
-      "node_modules/@types",
-      "typings"
-    ],
-    "types": [
-      "node"
-    ],
+    "typeRoots": ["node_modules/@types", "typings"],
+    "types": ["node"],
+    "paths": {}
   },
-  "include": [
-    "./src/**/*",
-  ],
-  "exclude":[
-    "node_modules"
-  ]
-}
+  "include": ["./src/**/*"],
+  "exclude": ["node_modules"]
+}

tsconfig.types.json

@@ -0,0 +1,19 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationDir": "./types",
+    "emitDeclarationOnly": true,
+    "noEmit": false
+  },
+  "include": [
+    "./src/index.ts",
+    "./src/**/typings.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "./src/**/_*/*",
+    "**/*.test.*",
+    "**/*.spec.*",
+  ]
+}