fix: use proper dual-packaging

Support CommonJS & ESM. Previously the ESM build (dist/module) is broken - it's recognized as CommonJS.

For more on dual-packaging: https://nodejs.org/api/packages.html#dual-commonjses-module-packages

Author: soedirgo

package-lock.json

@@ -15,17 +15,21 @@
     "dist",
     "src"
   ],
-  "main": "dist/main/index.js",
-  "module": "dist/module/index.js",
-  "types": "dist/module/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/wrapper.mjs",
+  "exports": {
+    "import": "./dist/esm/wrapper.mjs",
+    "require": "./dist/cjs/index.js"
+  },
+  "types": "dist/cjs/index.d.ts",
   "sideEffects": false,
   "repository": "supabase/supabase-js",
   "scripts": {
     "clean": "rimraf dist docs/v2",
-    "format": "prettier --write \"{src,test}/**/*.ts\"",
+    "format": "prettier --write \"{src,test}/**/*.ts\" wrapper.mjs",
     "build": "run-s clean format build:*",
-    "build:main": "tsc -p tsconfig.json",
-    "build:module": "tsc -p tsconfig.module.json",
+    "build:cjs": "tsc -p tsconfig.json",
+    "build:esm": "cpy wrapper.mjs dist/esm/",
     "build:umd": "webpack",
     "types-generate": "dts-gen -m '@supabase/supabase-js' -s",
     "test": "run-s test:types test:run",
@@ -34,7 +38,7 @@
     "test:db": "cd infra/db && docker-compose down && docker-compose up -d && sleep 5",
     "test:watch": "jest --watch --verbose false --silent false",
     "test:clean": "cd infra/db && docker-compose down",
-    "test:types": "run-s build:module && tsd --files test/*.test-d.ts",
+    "test:types": "run-s build && tsd --files test/*.test-d.ts",
     "docs": "typedoc --entryPoints src/index.ts --out docs/v2 --includes src/**/*.ts",
     "docs:json": "typedoc --entryPoints src/index.ts --includes src/**/*.ts --json docs/v2/spec.json --excludeExternals",
     "serve:coverage": "npm run test:coverage && serve test/coverage"
@@ -50,6 +54,7 @@
   "devDependencies": {
     "@sebbo2002/semantic-release-jsr": "^1.0.0",
     "@types/jest": "^29.2.5",
+    "cpy-cli": "^5.0.0",
     "husky": "^4.3.0",
     "jest": "^29.3.1",
     "npm-run-all": "^4.1.5",

package.json

@@ -1,3 +1,5 @@
+// Always update wrapper.mjs when updating this file.
+
 import SupabaseClient from './SupabaseClient'
 import type { GenericSchema, SupabaseClientOptions } from './lib/types'
 

src/index.ts

@@ -5,7 +5,7 @@
     "declaration": true,
     "declarationMap": true,
     "module": "CommonJS",
-    "outDir": "dist/main",
+    "outDir": "dist/cjs",
     "sourceMap": true,
     "target": "ES2015",
 

tsconfig.json

@@ -0,0 +1,13 @@
+import cjsModule from '../cjs/index.js'
+
+export * from '@supabase/auth-js'
+export {
+  FunctionsHttpError,
+  FunctionsFetchError,
+  FunctionsRelayError,
+  FunctionsError,
+  FunctionRegion,
+} from '@supabase/functions-js'
+export * from '@supabase/realtime-js'
+export { default as SupabaseClient } from '../cjs/SupabaseClient.js'
+export const createClient = cjsModule.createClient