fix(build): create a commonJs bundle (#427)

* fix: remove json assertions

* Revert "fix: remove json assertions"

This reverts commit 4b68cae.

* fix: build both packages

* fix: use unbuild with tsc

* fix: use unbuild with tsc

* fix: cleanup

* fix: add unbunild to package

* fix: remove unused dependencies

.eslintignore

@@ -3,3 +3,6 @@ public
 coverage
 src/serviceWorker.js
 cypress/integration/examples
+dist
+cjs
+esm

.gitignore

@@ -8,6 +8,8 @@ node_modules
 # production
 /build
 /dist
+/cjs
+/esm
 
 # misc
 .DS_Store

package.json

@@ -5,9 +5,19 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "source": "./src/index.ts",
+  "exports": {
+    ".": {
+      "require": {
+        "types": "./cjs/index.d.cts",
+        "default": "./cjs/index.cjs"
+      },
+      "import": {
+        "types": "./esm/index.d.ts",
+        "default": "./esm/index.js"
+      }
+    }
+  },
   "description": "Graasp Translations",
   "repository": {
     "type": "git",
@@ -27,6 +37,9 @@
   "scripts": {
     "prepack": "yarn build",
     "prepare": "yarn build && yarn hooks:install",
+    "build": "yarn build:esm && yarn build:cjs",
+    "build:cjs": "unbuild && echo '{\"type\": \"commonjs\"}' > cjs/package.json",
+    "build:esm": "tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json && echo '{\"type\": \"module\"}' > esm/package.json",
     "prettier:check": "prettier --check {src,test}/**/*.{js,ts,tsx,json}",
     "prettier:write": "prettier --write {src,test}/**/*.{js,ts,tsx,json}",
     "hooks:uninstall": "husky uninstall",
@@ -37,8 +50,7 @@
     "type-check": "yarn tsc --noEmit",
     "check": "yarn prettier:check && yarn lint && yarn type-check",
     "pre-commit": "yarn check",
-    "post-commit": "git status",
-    "build": "tsc"
+    "post-commit": "git status"
   },
   "peerDependencies": {
     "i18next": "^23.8.1"
@@ -59,7 +71,13 @@
     "prettier": "3.3.2",
     "ts-jest": "29.1.4",
     "ts-node": "10.9.2",
-    "typescript": "5.4.5"
+    "tsc-alias": "1.8.10",
+    "typescript": "5.4.5",
+    "unbuild": "2.0.0"
   },
-  "packageManager": "yarn@4.3.0"
+  "packageManager": "yarn@4.3.0",
+  "unbuild": {
+    "outDir": "cjs",
+    "failOnWarn": false
+  }
 }

src/i18n.ts

@@ -4,7 +4,10 @@ import { ar, de, en, fr, it, namespaces } from './langs/index.js';
 
 export const DEFAULT_LANG = 'en';
 
-const buildI18n = (defaultNamespace = namespaces.messages, debug?: boolean) => {
+export const buildI18n = (
+  defaultNamespace = namespaces.messages,
+  debug?: boolean,
+) => {
   i18n.init({
     resources: {
       en,
@@ -31,7 +34,7 @@ const buildI18n = (defaultNamespace = namespaces.messages, debug?: boolean) => {
   return i18n;
 };
 
-const langs = {
+export const langs = {
   // bg: "български",
   // ca: "Català",
   // cs: "čeština",
@@ -63,7 +66,3 @@ const langs = {
   // zh_tw: "繁體中文",
   ar: 'العربية',
 };
-
-export { langs };
-
-export default buildI18n;

src/index.ts

@@ -1,5 +1,5 @@
 export { namespaces } from './langs/index.js';
-export { default, langs, DEFAULT_LANG } from './i18n.js';
+export { buildI18n, langs, DEFAULT_LANG } from './i18n.js';
 
 export * from './constants/association.js';
 export * from './constants/categories.js';

tsconfig.cjs.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./cjs",
+    "noEmit": false,
+    // declarations are emitted separately
+    "declaration": true,
+    "target": "ES2015",
+    "module": "CommonJS",
+    "moduleResolution": "Node"
+  },
+  "exclude": ["src/**/*.test.ts"]
+}

tsconfig.esm.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./esm",
+    "noEmit": false,
+    // declarations are emitted separately
+    "declaration": true,
+    "target": "ES2015",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
+  },
+  "exclude": ["src/**/*.test.ts"]
+}

tsconfig.json

@@ -1,14 +1,33 @@
 {
   "compilerOptions": {
-    "target": "es2015",
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "ES2021.String", "ESNext", "DOM", "DOM.Iterable"],
+    "allowJs": false,
     "module": "NodeNext",
-    "strict": true,
-    "outDir": "dist",
     "skipLibCheck": true,
-    "declaration": true,
+
+    /* Bundler mode */
     "moduleResolution": "NodeNext",
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true
   },
-  "include": ["src/**/*"],
-  "exclude": ["test", "src/**/*.test.ts"]
+  "include": ["src"]
 }