Convert package to ESM

.eslintrc.json

@@ -14,6 +14,7 @@
 		"plugin:import/recommended",
 		"plugin:import/typescript",
 		"plugin:vitest/recommended",
+		"plugin:import-esm/recommended",
 		"prettier"
 	],
 	"rules": {
@@ -56,6 +57,7 @@
 				"newlines-between": "always"
 			}
 		],
+		"import/no-unresolved": ["off"],
 		"object-shorthand": ["error", "always"],
 		"max-lines": ["error", { "max": 600 }],
 		"max-params": ["error", { "max": 4 }],

README.md

@@ -1,5 +1,9 @@
 # Frontend HTTP client
 
+Opinionated HTTP client for the frontend.
+
+Note that it is a ESM-only package.
+
 ## Basic usage
 
 ```ts

index.ts

@@ -1 +1 @@
-export { sendPost, sendGet, sendPut, sendDelete, sendPatch } from './src/client'
+export { sendPost, sendGet, sendPut, sendDelete, sendPatch } from './src/client.js'

package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@lokalise/frontend-http-client",
 	"version": "1.0.1",
+	"description": "Opinionated HTTP client for the frontend",
 	"files": [
 		"dist/**",
 		"LICENSE",
@@ -45,13 +46,24 @@
 		"jest-fail-on-console": "^3.1.2",
 		"eslint": "^8.55.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-import": "^2.29.0",
-		"eslint-plugin-vitest": "^0.3.17",
+		"eslint-plugin-import": "^2.29.1",
+		"eslint-plugin-vitest": "^0.3.20",
+		"eslint-plugin-import-esm": "^1.2.1",
 		"mockttp": "^3.10.1",
 		"prettier": "^3.2.4",
 		"rimraf": "^5.0.5",
 		"typescript": "~5.3.3",
 		"vitest": "^1.2.1"
 	},
+	"keywords": [
+		"frontend",
+		"web",
+		"browser",
+		"http",
+		"client",
+		"zod",
+		"validation",
+		"typesafe"
+	],
 	"prettier": "@lokalise/prettier-config"
 }

src/client.test.ts

@@ -4,7 +4,7 @@ import { getLocal } from 'mockttp'
 import wretch from 'wretch'
 import { z } from 'zod'
 
-import { sendDelete, sendGet, sendPatch, sendPost, sendPut } from './client'
+import { sendDelete, sendGet, sendPatch, sendPost, sendPut } from './client.js'
 
 describe('frontend-http-client', () => {
 	const mockServer = getLocal()

src/client.ts

@@ -1,14 +1,14 @@
 import { stringify } from 'fast-querystring'
 import { type ZodSchema, type ZodError } from 'zod'
 
-import { type Either, failure, success, isFailure } from './either'
+import { type Either, failure, success, isFailure } from './either.js'
 import type {
 	CommonRequestParams,
 	NoQueryParams,
 	QueryParams,
 	ResourceChangeParams,
 	WretchInstance,
-} from './types'
+} from './types.js'
 
 function parseRequestBody<RequestBody>({
 	body,

tsconfig.json

@@ -1,15 +1,15 @@
 {
 	"compilerOptions": {
 		"outDir": "dist",
-		"module": "ESNext",
+		"module": "node16",
 		"target": "ES2022",
 		"lib": ["ES2022", "dom"],
 		"sourceMap": false,
 		"declaration": true,
 		"declarationMap": false,
 		"types": ["node", "vitest/globals"],
 		"strict": true,
-		"moduleResolution": "bundler",
+		"moduleResolution": "node16",
 		"noUnusedLocals": false,
 		"noUnusedParameters": false,
 		"noFallthroughCasesInSwitch": true,