Use typescript except test codes (#17)

* Install typescript dependencies

* Enable typescript for extensions

But ESM is restricted in microsoft/vscode#130367

* Fix merge miss

* Follow out dir in package.json

* Commit out dir

* Revert "Commit out dir"

This reverts commit e72912f.

* Transpile just before package

* Fix step position after npm ci

.github/workflows/check.yaml

@@ -28,6 +28,8 @@ jobs:
     - name: Install dependencies
       run: npm ci --ignore-scripts
 
+    - run: npx tsc
+
     - name: Run dummy tests
       run: xvfb-run -a npm test
       continue-on-error: true

.github/workflows/release.yaml

@@ -25,6 +25,8 @@ jobs:
     - name: Install dependencies
       run: npm ci --ignore-scripts
 
+    - run: npx tsc
+
     - name: Make sure to be possible to create package
       run: npx vsce package --out 'yamlfmt.vsix'
 

.gitignore

@@ -4,3 +4,4 @@ node_modules
 .env
 *.vsix
 .direnv/
+out

.vscodeignore

@@ -7,8 +7,9 @@ test/**
 .yamlfmt
 .yarnrc
 CONTRIBUTING.md
-**/jsconfig.json
+**/tsconfig.json
 **/*.map
 dprint.json
 deno.jsonc
 **/*.sh
+**.ts

extension.js → extension.ts

@@ -1,18 +1,18 @@
-const { spawnSync } = require("node:child_process");
-const { dirname } = require("node:path");
-const vscode = require("vscode");
+import { spawnSync } from "node:child_process";
+import { dirname } from "node:path";
+import * as vscode from "vscode";
 
 const yamlformattedLanguages = [
   "yaml",
   "github-actions-workflow", // Provided in https://github.com/github/vscode-github-actions
 ];
 const provider = {
-  provideDocumentFormattingEdits(document) {
+  provideDocumentFormattingEdits(document: vscode.TextDocument) {
     const workspaceFolder = vscode.workspace.getWorkspaceFolder(document.uri);
     const config = vscode.workspace.getConfiguration("", document.uri);
 
-    const args = config.get("yamlfmt.args", []).filter(arg => arg !== "-in");
-    args.push("-in");
+    const baseArgs = config.get("yamlfmt.args", []).filter(arg => arg !== "-in");
+    const args = [...baseArgs, "-in"];
 
     const result = spawnSync("yamlfmt", args, {
       cwd: workspaceFolder ? workspaceFolder.uri.fsPath : dirname(document.uri.fsPath),

package.json

@@ -26,7 +26,7 @@
     "onLanguage:yaml",
     "onLanguage:github-actions-workflow"
   ],
-  "main": "./extension.js",
+  "main": "./out/extension.js",
   "contributes": {
     "configuration": {
       "title": "yamlfmt",
@@ -49,10 +49,14 @@
   },
   "devDependencies": {
     "@types/mocha": "^10.0.6",
+    "@tsconfig/node20": "^20.1.4",
+    "@tsconfig/strictest": "^2.0.5",
     "@types/node": "^20.12.11",
     "@types/vscode": "^1.89.0",
     "@vscode/test-electron": "^2.3.9",
     "@vscode/vsce": "^2.26.1",
-    "mocha": "^10.2.0"
+    "mocha": "^10.2.0",
+    "tsx": "^4.9.3",
+    "typescript": "^5.4.5"
   }
 }

tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": ["@tsconfig/strictest/tsconfig", "@tsconfig/node20/tsconfig"],
+  "compilerOptions": {
+    "outDir": "out",
+    "noUnusedLocals": false
+  },
+  "include": ["**/*.ts"]
+}