ci: build with ts-node

Author: Ale Ornelas

assets/build.ts

@@ -1,15 +1,18 @@
-import esbuild from 'esbuild'
-import { sassPlugin } from 'esbuild-sass-plugin'
-import path from 'path'
+/* eslint-disable @typescript-eslint/no-var-requires */
+import type { PluginBuild, Plugin, LogLevel } from 'esbuild'
+
+const esbuild = require('esbuild') as PluginBuild['esbuild']
+const { sassPlugin } = require('esbuild-sass-plugin')
+const path = require('path')
 
 const bundle = true
-const logLevel = (process.env.ESBUILD_LOG_LEVEL ?? 'silent') as esbuild.LogLevel
+const logLevel = (process.env.ESBUILD_LOG_LEVEL ?? 'silent') as LogLevel
 const watch = typeof process.env.ESBUILD_WATCH === 'string'
 
-const plugins: esbuild.Plugin[] = [
+const plugins: Plugin[] = [
   sassPlugin({
     includePaths: [path.resolve(__dirname, 'node_modules')]
-  }) as unknown as esbuild.Plugin
+  }) as unknown as Plugin
 ]
 
 const promise = esbuild.build({

mix.exs

@@ -114,7 +114,7 @@ defmodule Librecov.Mixfile do
       "ecto.setup": ["ecto.create", "ecto.migrate"],
       "ecto.reset": ["ecto.drop", "ecto.setup"],
       "assets.deploy": [
-        "cmd --cd assets node build.ts",
+        "cmd --cd assets ts-node build.ts",
         "phx.digest"
       ],
       sentry_recompile: ["compile", "deps.compile sentry --force"]

package.json

@@ -16,29 +16,30 @@
   ],
   "license": "MIT",
   "devDependencies": {
+    "@eslint/eslintrc": "^1.0.4",
     "@types/node": "^16.7.8",
     "@types/phoenix": "^1.5.2",
     "@types/phoenix_live_view": "^0.15.1",
+    "@typescript-eslint/eslint-plugin": "^5.5.0",
+    "@typescript-eslint/parser": "^5.5.0",
     "cz-conventional-changelog": "3.3.0",
     "esbuild": "^0.14.0",
     "esbuild-sass-plugin": "^1.5.2",
-    "@eslint/eslintrc": "^1.0.4",
     "eslint": "^8.3.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard-with-typescript": "^21.0.1",
     "eslint-formatter-rdjson": "^1.0.5",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "^5.5.0",
     "husky": ">=6",
     "less": "^4.1.1",
     "lint-staged": ">=10",
     "popper.js": "^1.16.1",
     "prettier": "^2.3.2",
     "prettier-config-standard": "^4.0.0",
-    "sass": "^1.38.1"
+    "sass": "^1.38.1",
+    "ts-node": "^10.4.0"
   },
   "prettier": "prettier-config-standard",
   "dependencies": {

tsconfig.json

@@ -4,7 +4,7 @@
     "sourceMap": true,
     "outDir": "./dist/",
     "noImplicitAny": true,
-    "module": "es6",
+    "module": "commonjs",
     "target": "es5",
     "jsx": "react",
     "allowJs": true,