feat: use tsup

Author: Saul-Mirone

.vscodeignore

@@ -7,6 +7,10 @@ src/**
 .yarnrc
 vsc-extension-quickstart.md
 **/tsconfig.json
-**/.eslintrc.json
+**/pnpm-lock.yaml
+**/.prettierrc.js
+**/.prettierignore
+**/tsup.config.js
+**/.oxlintrc.json
 **/*.map
 **/*.ts

package.json

@@ -198,17 +198,9 @@
     },
     "scripts": {
         "vscode:prepublish": "npm run package",
-        "compile:clear": "rimraf dist && rimraf media",
-        "compile:style": "esbuild --loader:.woff=file --loader:.woff2=file --loader:.ttf=file --bundle --minify src/view/style/style.css --outfile=media/style.css",
-        "compile:view": "esbuild src/view/view.ts --bundle --minify --outfile=media/view.js",
-        "compile:main": "tsup",
-        "compile": "pnpm run compile:clear && pnpm run compile:style && pnpm run compile:view && pnpm run compile:main",
-        "watch:style": "esbuild src/view/style/style.css --watch --loader:.woff=file --loader:.woff2=file --loader:.ttf=file --bundle --outfile=media/style.css",
-        "watch:view": "esbuild src/view/view.ts --watch --bundle --sourcemap --outfile=media/view.js",
-        "watch:main": "tsup --watch src",
-        "watch": "concurrently -n view,style,main \"pnpm run watch:view\" \"pnpm run watch:style\" \"pnpm run watch:main\"",
-        "package": "npm run compile:clear && npm run compile:view && npm run compile:style && tsup",
-        "tsc": "tsc --noEmit",
+        "compile": "tsup",
+        "package": "tsup",
+        "watch": "tsup --watch src",
         "pretest": "npm run tsc && npm run lint",
         "lint:ox": "oxlint -c .oxlintrc.json",
         "lint:ox:fix": "oxlint -c .oxlintrc.json --fix",

postcss.config.js

@@ -3,10 +3,9 @@ import * as vscode from 'vscode';
 import { getNonce } from './get-nonce';
 
 export const getHtmlTemplateForWebView = (webview: vscode.Webview, extensionUri: vscode.Uri) => {
-    const getMediaUri = (fileName: string) =>
-        webview.asWebviewUri(vscode.Uri.joinPath(extensionUri, 'media', fileName));
+    const getMediaUri = (fileName: string) => webview.asWebviewUri(vscode.Uri.joinPath(extensionUri, 'dist', fileName));
 
-    const scriptUri = getMediaUri('view.js');
+    const scriptUri = getMediaUri('view.global.js');
     const styleUri = getMediaUri('style.css');
     const nonce = getNonce();
 

src/extension.ts renamed to src/main/extension.ts

@@ -1,4 +1,4 @@
 /* Copyright 2021, Milkdown by Mirone.*/
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const vscode = (globalThis as any).acquireVsCodeApi();
+export const vscode = (window as any).acquireVsCodeApi();