ui: fix utils import

packages/ui-default/backendlib/template.js

@@ -1,6 +1,4 @@
 const fs = require('fs');
-const esbuild = require('esbuild');
-const { renderToString } = require('react-dom/server');
 const path = require('path');
 const yaml = require('js-yaml');
 const serialize = require('serialize-javascript');

packages/ui-default/build/config/webpack.js

@@ -30,6 +30,16 @@ export default function (env = {}) {
     };
   }
 
+  function esbuildLoader() {
+    return {
+      loader: 'esbuild-loader',
+      options: {
+        loader: 'tsx',
+        target: 'es2015',
+      },
+    };
+  }
+
   function cssLoader() {
     return {
       loader: 'css-loader',
@@ -89,7 +99,7 @@ export default function (env = {}) {
     },
     resolve: {
       modules: [root('node_modules'), root('../../node_modules')],
-      extensions: ['.js', '.jsx'],
+      extensions: ['.js', '.jsx', '.ts', '.tsx'],
       alias: {
         vj: root(),
         'js-yaml': root('utils/yamlCompact'),
@@ -107,6 +117,11 @@ export default function (env = {}) {
           exclude: /node_modules[/\\]/,
           use: [babelLoader()],
         },
+        {
+          test: /\.tsx?$/,
+          exclude: /node_modules[/\\]/,
+          use: [esbuildLoader()],
+        },
         {
           test: /\.styl$/,
           use: [extractCssLoader(), cssLoader(), postcssLoader(), 'stylus-loader'],

packages/ui-default/package.json

@@ -114,6 +114,7 @@
   },
   "dependencies": {
     "esbuild": "^0.12.16",
+    "esbuild-loader": "^2.13.1",
     "js-yaml": "^4.1.0",
     "jsesc": "^3.0.2",
     "katex": "^0.13.13",