feat(#323): typescript and module support (#359)

* refactor: use typescript

* chore: revert auto added tsconfig

* ci: bump node

* chore: ts configuration

* style: linting

* test: ts test configs

* chore: update eslint

* chore: ignore lib for eslint

* style: linting

* style: format

* 3.6.10-0

* chore: rename files

* 3.6.10-1

* chore: ts config

* 3.6.10-2

* chore: remove babel

.eslintrc.json

@@ -0,0 +1,23 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "plugin:prettier/recommended"
+  ],
+  "plugins": ["@typescript-eslint", "prettier"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 2020,
+    "sourceType": "module"
+  },
+  "rules": {
+    "prettier/prettier": "error"
+  },
+  "ignorePatterns": ["node_modules/", "lib/", ".next/", "out/"]
+}

.github/workflows/nodejs-ci.yml

@@ -10,11 +10,11 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Use Node.js lts
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 'lts/*'
+          node-version: "lts/*"
       - run: npm install --frozen-lockfile
       - run: npm run build
       - run: npm run test

.github/workflows/release.yml

@@ -9,13 +9,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 'lts/*'
+          node-version: "lts/*"
       - name: Install dependencies
         run: npm install --frozen-lockfile
       - name: Release

.gitignore

@@ -60,5 +60,5 @@ typings/
 # ignore dev and docs sites
 .next
 out
-
-dist
+lib
+dist

jest.config.js

@@ -1,8 +1,11 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
-  collectCoverage: true,
-  collectCoverageFrom: ['src/**/*.{js,jsx}'],
-  coverageDirectory: 'coverage',
-  testEnvironment: 'jsdom',
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-  testEnvironment: 'jest-environment-jsdom',
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  globals: {
+    "ts-jest": {
+      tsconfig: "tsconfig.test.json",
+    },
+  },
+  setupFilesAfterEnv: ["<rootDir>/jest.setup.ts"], // Add this line
 };

jest.setup.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

next.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  typescript: {
+    tsconfigPath: "./tsconfig.next.json",
+  },
+};