Switch build and dev server to Vite

.gitignore

@@ -10,3 +10,4 @@ Thumbs.db
 .nyc_output
 test-coverage
 coverage.shield.badge.md
+dist

.prettierignore

@@ -2,5 +2,6 @@
 
 .nyc*
 */node_modules/*
+dist/*
 docs/*
 test-coverage/*

app.ts

@@ -18,6 +18,4 @@ app.use(
 
 api(app);
 
-app.listen(app.get('port'), () => {
-    console.warn(`enketo-transformer running on port ${app.get('port')}!`);
-});
+export { app };

package.json

@@ -3,7 +3,15 @@
     "version": "2.1.7",
     "description": "Library/app that transforms ODK-compliant XForms into a format that Enketo can consume",
     "license": "Apache-2.0",
-    "main": "src/transformer.js",
+    "type": "module",
+    "main": "./dist/enketo-transformer.umd.cjs",
+    "module": "./dist/enketo-transformer.js",
+    "exports": {
+        ".": {
+            "import": "./dist/enketo-transformer.js",
+            "require": "./dist/enketo-transformer.umd.cjs"
+        }
+    },
     "bugs": {
         "url": "https://github.com/enketo/enketo-transformer/issues",
         "email": "martijn@enketo.org"
@@ -19,15 +27,15 @@
     },
     "contributors": [],
     "scripts": {
-        "start": "node app.js",
+        "build": "vite build",
+        "start": "vite",
         "eslint-check": "eslint app.ts src/**/*.ts vite.config.ts test/**/*.ts",
         "eslint-fix": "eslint app.ts src/**/*.ts vite.config.ts test/**/*.ts --fix",
         "prettier-fix": "prettier --write .",
         "test": "vitest run --coverage && npm run prettier-fix && npm run eslint-fix && tsc && node update-readme-with-shield-badge.js",
         "test:watch": "vitest",
         "build-docs": "rimraf docs && ./node_modules/.bin/jsdoc -c jsdoc.config.js",
-        "develop": "DEBUG=api,transformer,markdown,language node app.js & http-server test/forms -p 8081",
-        "develop": "DEBUG=api,transformer,markdown,language node app.ts & http-server test/forms -p 8081",
+        "develop": "DEBUG=api,transformer,markdown,language vite & http-server test/forms -p 8081",
         "tsc": "tsc --project . && tsc --project ./test"
     },
     "repository": {
@@ -82,6 +90,7 @@
         "rimraf": "^3.0.2",
         "typescript": "^4.9.4",
         "vite": "^4.0.3",
+        "vite-plugin-node": "^1.0.0",
         "vitest": "^0.26.2"
     },
     "volta": {

src/transformer.ts

@@ -1,5 +1,4 @@
 import fs from 'fs';
-import path from 'path';
 import crypto from 'crypto';
 import libxslt from 'libxslt';
 import type {
@@ -13,14 +12,14 @@ import { escapeURLPath, getMediaPath } from './url';
 
 const { libxmljs } = libxslt;
 
-const xslForm = fs.readFileSync(
-    path.join(__dirname, './xsl/openrosa2html5form.xsl'),
-    'utf8'
-);
-const xslModel = fs.readFileSync(
-    path.join(__dirname, './xsl/openrosa2xmlmodel.xsl'),
-    'utf8'
-);
+const getXSL = (fileName: string) => {
+    const { pathname } = new URL(`./xsl/${fileName}`, import.meta.url);
+
+    return fs.readFileSync(pathname, 'utf8');
+};
+
+const xslForm = getXSL('openrosa2html5form.xsl');
+const xslModel = getXSL('openrosa2xmlmodel.xsl');
 
 export const NAMESPACES = {
     xmlns: 'http://www.w3.org/2002/xforms',

tsconfig.base.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-        "allowJs": true,
+        "allowJs": false,
         "allowSyntheticDefaultImports": true,
         "allowUnreachableCode": false,
         "baseUrl": ".",
@@ -12,7 +12,7 @@
         "forceConsistentCasingInFileNames": true,
         "inlineSourceMap": true,
         "lib": ["ES2018"],
-        "module": "amd",
+        "module": "esnext",
         "moduleResolution": "node",
         "noEmit": true,
         "noFallthroughCasesInSwitch": true,
@@ -21,7 +21,7 @@
         "resolveJsonModule": true,
         "skipLibCheck": true,
         "strict": true,
-        "target": "es2018",
+        "target": "es2020",
         "types": ["node"]
     }
 }

tsconfig.json

@@ -1,5 +1,6 @@
 {
     "extends": "./tsconfig.base.json",
-    "exclude": ["node_modules", "./typings/test.d.ts"],
-    "include": ["app.ts", "src", "typings"]
+    "exclude": ["dist", "node_modules", "./typings/test.d.ts"],
+    "include": ["app.ts", "src", "typings"],
+    "files": ["./typings/env.d.ts"]
 }

typings/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

vite.config.ts

@@ -1,15 +1,36 @@
+import { resolve } from 'path';
 import { defineConfig } from 'vitest/config';
+import { VitePluginNode } from 'vite-plugin-node';
+import config from './config/config.json';
 
 export default defineConfig({
     assetsInclude: ['**/*.xml', '**/*.xsl'],
     build: {
-        outDir: 'build',
-        minify: 'esbuild',
+        lib: {
+            entry: resolve(__dirname, './src/transformer.ts'),
+            name: 'enketo-transformer',
+        },
+        minify: false,
+        outDir: 'dist',
         sourcemap: true,
     },
     esbuild: {
         sourcemap: 'inline',
     },
+    plugins: [
+        ...VitePluginNode({
+            adapter: 'express',
+            appPath: './app.ts',
+            exportName: 'app',
+            tsCompiler: 'esbuild',
+        }),
+    ],
+    server: {
+        port: config.port,
+    },
+    ssr: {
+        target: 'node',
+    },
     test: {
         // Vitest uses thread-based concurrency by defualt.
         // While this would significantly improve the speed