Add mf6-ify extension command to manually set language mode (#36)

* Add @types/vscode and typescript as dev dependency

* Add compiling of typescript as a pre-launch task

* Add mf6-ify extension command

* Ignore out directory in git, prettier, packaging

* Describe mf6-ify command usage in readme

.gitignore

@@ -2,3 +2,4 @@ node_modules
 *.vsix
 .vscode/settings.json
 data/
+out/

.prettierignore

@@ -1,2 +1,3 @@
 .venv/**
 .ruff_cache/**
+out/

.vscode/launch.json

@@ -6,7 +6,7 @@
       "type": "extensionHost",
       "request": "launch",
       "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
-      "preLaunchTask": "Generate from templates"
+      "preLaunchTask": "PreLaunch Tasks"
     }
   ]
 }

.vscode/tasks.json

@@ -9,8 +9,22 @@
       "group": {
         "kind": "build",
         "isDefault": true
-      },
-      "problemMatcher": []
+      }
+    },
+    {
+      "label": "Compile TypeScript",
+      "type": "shell",
+      "command": "npm",
+      "args": ["run", "compile:ts"],
+      "group": {
+        "kind": "build",
+        "isDefault": false
+      }
+    },
+    {
+      "label": "PreLaunch Tasks",
+      "dependsOrder": "sequence",
+      "dependsOn": ["Generate from templates", "Compile TypeScript"]
     }
   ]
 }

.vscodeignore

@@ -3,6 +3,7 @@
 node_modules/**
 test/**
 .gitignore
+out/
 
 utils/**
 templates/**

README.md

@@ -18,5 +18,5 @@ This extension provides syntax highlighting support for MODFLOW 6 input files in
 
 ## Usage
 
-- The extension activates based on the file's extension. If not detected, use `Change Language Mode` in VS Code and set it to `MODFLOW 6`.
+- The extension activates based on the file's extension. If not detected, use `MF6 Syntax: Syntax-highlight as MF6 file` command to set MF6 as the language mode.
 - VS Code's minimap can display enlarged section headers (block names), which may appear cluttered. To simplify the view, disable this feature by setting `editor.minimap.showRegionSectionHeaders` to `false`.

package.json

@@ -20,14 +20,23 @@
   },
   "license": "MIT",
   "publisher": "mart-clanor",
+  "main": "./out/extension.js",
   "scripts": {
     "check:prettier": "prettier --check .",
+    "compile:ts": "tsc -p ./",
     "package": "vsce package",
     "publish": "vsce publish",
     "test:grammar": "vscode-tmgrammar-snap syntaxes/samples/*",
     "update:snapshot": "vscode-tmgrammar-snap --updateSnapshot syntaxes/samples/*"
   },
   "contributes": {
+    "commands": [
+      {
+        "command": "mf6-syntax.mf6-ify",
+        "title": "Syntax-highlight as MF6 file",
+        "category": "MF6 Syntax"
+      }
+    ],
     "grammars": [
       {
         "language": "mf6",
@@ -144,8 +153,10 @@
     ]
   },
   "devDependencies": {
+    "@types/vscode": "^1.97.0",
     "@vscode/vsce": "^3.2.2",
     "prettier": "^3.5.0",
+    "typescript": "^5.7.3",
     "vscode-tmgrammar-test": "^0.1.3"
   },
   "engines": {

src/extension.ts

@@ -0,0 +1,16 @@
+import * as vscode from "vscode";
+
+export function activate(context: vscode.ExtensionContext) {
+  let disposable = vscode.commands.registerCommand("mf6-syntax.mf6-ify", () => {
+    if (vscode.window.activeTextEditor) {
+      vscode.languages.setTextDocumentLanguage(
+        vscode.window.activeTextEditor.document,
+        "mf6",
+      );
+    }
+  });
+
+  context.subscriptions.push(disposable);
+}
+
+export function deactivate() {}

templates/package.json.j2

@@ -20,14 +20,23 @@
   },
   "license": "MIT",
   "publisher": "mart-clanor",
+  "main": "./out/extension.js",
   "scripts": {
     "check:prettier": "prettier --check .",
+    "compile:ts": "tsc -p ./",
     "package": "vsce package",
     "publish": "vsce publish",
     "test:grammar": "vscode-tmgrammar-snap syntaxes/samples/*",
     "update:snapshot": "vscode-tmgrammar-snap --updateSnapshot syntaxes/samples/*"
   },
   "contributes": {
+    "commands": [
+      {
+        "command": "mf6-syntax.mf6-ify",
+        "title": "Syntax-highlight as MF6 file",
+        "category": "MF6 Syntax"
+      }
+    ],
     "grammars": [
       {
         "language": "mf6",
@@ -60,8 +69,10 @@
     ]
   },
   "devDependencies": {
+    "@types/vscode": "^1.97.0",
     "@vscode/vsce": "^3.2.2",
     "prettier": "^3.5.0",
+    "typescript": "^5.7.3",
     "vscode-tmgrammar-test": "^0.1.3"
   },
   "engines": {

tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "module": "commonjs",
+    "outDir": "out",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}