Bring up-to-date, directly call Viz from extension.ts, bump 0.1.0

This simplifies the setup, I assume old versions of vscode still
required a lot of workarounds.

Move to new Viz library which is a real module, so we can directly
call it from `extension.ts` instead of the workaround. This speeds up
things considerably, because we don’t have to initialize the wasm
library on each call, instead do it once on extension init.

The `<pre style="all:unset">` trick is the same as the one used by
the preview code generated by the mermaid extension.

I removed the test stubs.
I moved to npm lockfiles and removed yarn.

This bumps the extension version to 0.1.0.

Author: Profpatsch

graphviz-render.js

@@ -2,7 +2,7 @@
   "name": "graphviz-markdown-preview",
   "displayName": "Graphviz Markdown Preview",
   "description": "Adds Graphviz support to VSCode's builtin markdown preview",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "publisher": "geeklearningio",
   "engines": {
     "vscode": "^1.20.0"
@@ -19,28 +19,22 @@
     "markdown.previewStyles": [
       "./graphviz.css"
     ],
-    "markdown.previewScripts": [
-      "./node_modules/viz.js/viz.js",
-      "./node_modules/viz.js/full.render.js",
-      "./graphviz-render.js"
-    ],
     "markdown.markdownItPlugins": true
   },
   "scripts": {
     "vscode:prepublish": "npm run compile",
     "compile": "tsc -p ./",
     "watch": "tsc -watch -p ./",
-    "postinstall": "node ./node_modules/vscode/bin/install",
-    "test": "npm run compile && node ./node_modules/vscode/bin/test"
+    "test": "npm run compile"
   },
   "devDependencies": {
     "@types/mocha": "^2.2.42",
     "@types/node": "^7.0.43",
-    "typescript": "^3.5.2",
-    "vscode": "^1.1.35"
+    "@types/vscode": "^1.20.0",
+    "typescript": "^5.7.2"
   },
   "dependencies": {
-    "viz.js": "^2.1.2"
+    "@viz-js/viz": "^3.11.0"
   },
   "repository": {
     "type": "git",

package-lock.json

@@ -2,10 +2,13 @@
 // The module 'vscode' contains the VS Code extensibility API
 // Import the module and reference it with the alias vscode in your code below
 import * as vscode from 'vscode';
+import * as vizMod from '@viz-js/viz';
+
 
 // this method is called when your extension is activated
 // your extension is activated the very first time the command is executed
-export function activate(context: vscode.ExtensionContext) {
+export async function activate(context: vscode.ExtensionContext) {
+    const viz = await vizMod.instance()
 
     // Use the console to output diagnostic information (console.log) and errors (console.error)
     // This line of code will only be executed once when your extension is activated
@@ -20,7 +23,9 @@ export function activate(context: vscode.ExtensionContext) {
 
                 if (lang && lang.match(/\bgraphviz\b/i)) {
 
-                    return `<div class="graphviz">${code}</div>`;
+                return '<pre style="all:unset;">'
+                  + viz.renderString(code, { engine: 'dot', format: 'svg' })
+                  + '</pre>';
                 }
 
                 return highlight(code, lang);
@@ -36,4 +41,4 @@ export function activate(context: vscode.ExtensionContext) {
 
 // this method is called when your extension is deactivated
 export function deactivate() {
-}
+}

package.json

@@ -7,10 +7,11 @@
             "es6"
         ],
         "sourceMap": true,
-        "rootDir": "src"
+        "rootDir": "src",
+        "skipLibCheck": true
     },
     "exclude": [
         "node_modules",
         ".vscode-test"
     ]
-}
+}