feat: use vite instead of esbuild directly

package.json

@@ -56,7 +56,7 @@
     "@types/node": "^20.6.3",
     "prettier": "^3.0.2",
     "vite": "^5.4.2",
-    "vite-plugin-singlefile": "^0.13.5",
+    "vite-plugin-banner": "^0.8.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",

packages/enhanced-typst-svg/package.json

@@ -10,24 +10,16 @@
     "renderer"
   ],
   "repository": "https://github.com/Myriad-Dreamin/typst.ts",
-  "main": "dist/index.cjs",
+  "main": "dist/index.js",
   "files": [
-    "index.cjs",
-    "lib/"
+    "dist/index.js",
+    "dist/index.min.js"
   ],
-  "directories": {
-    "lib": "./lib"
-  },
   "peerDependencies": {},
-  "devDependencies": {
-    "esbuild": "0.17.19"
-  },
   "scripts": {
-    "build": "npx tsc",
-    "debug": "node esbuild.debug.mjs",
-    "watch": "npx esbuild --watch ./src/index.ts --outfile=dist/index.min.js",
-    "watch:min": "npx esbuild --watch ./src/index.ts --minify --outfile=dist/index.min.js",
-    "build:min": "npx esbuild ./src/index.ts --minify --outfile=dist/index.min.js"
+    "build": "npx tsc && yarn build:max --minify",
+    "watch": "yarn build:max --watch",
+    "build:max": "npx vite build"
   },
   "engines": {
     "node": ">=12"

packages/enhanced-typst-svg/tsconfig.json

@@ -13,5 +13,7 @@
     "stripInternal": true,
 
     "lib": ["ES5", "ES6", "ES7", "ES2018"]
-  }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["scripts", "vite.config.js"]
 }

packages/enhanced-typst-svg/vite.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  build: {
+    emptyOutDir: false,
+    lib: {
+      formats: ['cjs'],
+      entry: 'src/index.ts',
+      fileName: 'index.min',
+    },
+  },
+};

packages/tools/wasm-debundle.mjs

@@ -17,7 +17,7 @@ const pkgStats = readdirSync('pkg').map((fileName) => {
     // input = new URL('typst_ts_renderer_bg.wasm', import.meta.url)
 
     let replaced = [];
-    const reg = /input = new URL\('(.+?)', import\.meta\.url\)/mg;
+    const reg = /module_or_path = new URL\('(.+?)', import\.meta\.url\)/mg;
     let exp;
     while ((exp = reg.exec(bundleJs))) {
         console.log(`Found wasm file name: ${exp[1]}`);
@@ -40,7 +40,7 @@ const pkgStats = readdirSync('pkg').map((fileName) => {
 
     for (let i = replaced.length - 1; i >= 0; i--) {
         const [index, length, wasmFN] = replaced[i];
-        bundleJs = bundleJs.substring(0, index) + `input = importWasmModule('${wasmFN}', import.meta.url)` + bundleJs.substring(index + length);
+        bundleJs = bundleJs.substring(0, index) + `module_or_path = importWasmModule('${wasmFN}', import.meta.url)` + bundleJs.substring(index + length);
     }
 
     bundleJs = `/// Processed by wasm-debundle.mjs

packages/typst.ts/.eslintrc.js

@@ -1,6 +1,6 @@
 const tsRule = {
   files: ['*.ts'],
-  ignorePatterns: ['esbuild.config.mjs'],
+  ignorePatterns: ['vite.config.mjs'],
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/eslint-recommended',

packages/typst.ts/.npmignore

@@ -9,5 +9,5 @@ index.html
 *.pdf
 *.tsbuildinfo
 *.ts.map
-esbuild.*
+vite.*
 .eslint*

packages/typst.ts/package.json

@@ -31,12 +31,11 @@
     "!dist/**/all-in-one.bundle.js"
   ],
   "scripts": {
-    "build-template": "npx vite build --watch -c vite.config.mjs --",
+    "build-template": "npx vite build -c vite.config.mjs --",
     "build:main": "yarn build-template --component=main",
-    "build:main2": "yarn build-template --component=main2",
-    "build:canvas-worker": "yarn build-template --component=canvas-worker",
-    "build": "node scripts/mkdir.mjs && tsc -p ./tsconfig.lib.json && tsc -p ./tsconfig.cjs.json && node scripts/fix-cjs.mjs && node esbuild.config.mjs commonjs production && node esbuild.config.mjs production",
-    "build:dev": "node scripts/mkdir.mjs && tsc -p ./tsconfig.lib.json && node esbuild.config.mjs",
+    "build:bundle": "yarn build:main && yarn build-template --component=global-compiler && yarn build-template --component=global-renderer && yarn build-template --component=all-in-one && yarn build-template --component=all-in-one-lite",
+    "build": "node scripts/mkdir.mjs && tsc -p ./tsconfig.lib.json && tsc -p ./tsconfig.cjs.json && node scripts/fix-cjs.mjs && yarn build:bundle",
+    "build:dev": "node scripts/mkdir.mjs && tsc -p ./tsconfig.lib.json && npx vite build --watch -c vite.config.mjs -- --component=main",
     "prepublish": "turbo build",
     "publish:dry": "npm publish --dry-run --access public",
     "publish:lib": "npm publish --access public || exit 0"
@@ -61,8 +60,6 @@
     "@myriaddreamin/typst-ts-web-compiler": "*",
     "@types/web": "^0.0.99",
     "builtin-modules": "3.3.0",
-    "esbuild": "0.17.19",
-    "esbuild-plugin-wasm": "^1.1.0",
     "tslib": "2.5.2"
   }
 }

packages/typst.ts/src/contrib/all-in-one.mts

@@ -1,9 +1,7 @@
 export * from './all-in-one-lite.mjs';
-import { $typst, TypstSnippet } from './snippet.mjs';
-// @ts-ignore
-import typstCompilerData from '../../../compiler/pkg/typst_ts_web_compiler_bg.wasm';
-// @ts-ignore
-import typstRendererData from '../../../renderer/pkg/typst_ts_renderer_bg.wasm';
+import { $typst } from './snippet.mjs';
+import typstCompilerData from '../../../compiler/pkg/typst_ts_web_compiler_bg.wasm?url';
+import typstRendererData from '../../../renderer/pkg/typst_ts_renderer_bg.wasm?url';
 
 (window as any).$wasm$typst_compiler = typstCompilerData;
 (window as any).$wasm$typst_renderer = typstRendererData;