update to 0.2.2

.vscodeignore

@@ -1,9 +1,7 @@
-.vscode/**
-.vscode-test/**
-out/test/**
-test/**
-src/**
-**/*.map
+.vscode
 .gitignore
+node_modules
+out/
+src/
 tsconfig.json
-vsc-extension-quickstart.md
+webpack.config.js

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 0.2.2
+
+* Change of link to official mermaid site.
+  * Thank you for PR, https://github.com/silenti0 
+  * https://github.com/arichika/previewseqdiag-vscode/pull/16
+* Update dependencies to latest.
+  * `mermaid 8.4.4`, `mscgenjs 4.0.2`, `mscgenjs-inpage 2.0.12` .
+
 ## 0.2.1
 
 * Update document. only...

README.md

@@ -4,7 +4,7 @@
 
 Preview Sequence Diagrams (previewseqdiag-vscode) is an extension for vscode specialized for the preview function of mscgen and mermaid.
 
-![eye-catch](assets/eye-catch.png)
+<img src="./assets/eye-catch.png" alt="eye-catch" width="480" />
 
 ## Features
 
@@ -25,6 +25,14 @@ This is usefull to avoid multipicate the same code on many files.
 
 [CHANGELOG.md](CHANGELOG.md)
 
+### 0.2.2
+
+* Change of link to official mermaid site.
+  * Thank you for PR, https://github.com/silenti0 
+  * https://github.com/arichika/previewseqdiag-vscode/pull/16
+* Update dependencies to latest.
+  * `mermaid 8.4.4`, `mscgenjs 4.0.2`, `mscgenjs-inpage 2.0.12` .
+
 ### 0.2.1
 
 * Update document. only...
@@ -91,9 +99,9 @@ e.g.  add to User Settings,
 
 result is.
 
-![mermaid-forest-white](assets/mermaid-dark-f6f6ff.png)
+<img src="./assets/mermaid-dark-f6f6ff.png" alt="mermaid-forest-white" width="480" />
 
-![mscgen-fountainpen.png](assets/mscgen-fountainpen-fixed.png)
+<img src="./assets/mscgen-fountainpen-fixed.png" alt="mscgen-fountainpen.png" width="480" />
 
 ----
 
@@ -104,6 +112,8 @@ result is.
 * [searKing/preview-vscode](https://github.com/searKing/preview-vscode)
 * [@XavierBoubert](https://github.com/XavierBoubert)
   * Thanks [PR](https://github.com/arichika/previewseqdiag-vscode/pull/8) for Great Special feature
+* [@silenti0](https://github.com/silenti0)
+  * Thanks [PR](https://github.com/arichika/previewseqdiag-vscode/pull/16) for Updates
 
 ### mermaid
 
@@ -118,11 +128,11 @@ result is.
 
 ### samples
 
-MscGen, msc, cygne, with dark theme.
-![graph](assets/mscgen-cygne.png)
+MscGen, msc, cygne, with dark theme.  
+<img src="./assets/mscgen-cygne.png" alt="graph" width="480" />
 
-Mermaid, graph.
-![mermaid-graph](assets/mermaid-graph.png)
+Mermaid, graph.  
+<img src="./assets/mermaid-graph.png" alt="mermaid-graph" width="480" />
 
-Mermaid, gantt.
-![mermaid-gantt](assets/mermaid-gantt.png)
+Mermaid, gantt.  
+<img src="./assets/mermaid-gantt.png" alt="mermaid-gantt" width="480" />

package.json

@@ -2,7 +2,7 @@
     "name": "previewseqdiag-vscode",
     "displayName": "Preview Sequence Diagrams",
     "description": "An extension for vscode specialized for the preview function of mermaid, mscgen and other.",
-    "version": "0.2.1",
+    "version": "0.2.2",
     "publisher": "arichika",
     "author": "arichika.taniguchi @arichika",
     "license": "GPL-3.0",
@@ -41,7 +41,7 @@
         "onLanguage:msgenny",
         "onLanguage:xu"
     ],
-    "main": "./out/src/extension",
+    "main": "./dist/extension",
     "contributes": {
         "languages": [
             {
@@ -153,25 +153,31 @@
         }
     },
     "scripts": {
-        "vscode:prepublish": "tsc -p ./",
+        "vscode:prepublish": "webpack --mode production",
+        "webpack": "webpack --mode development",
+        "webpack-dev": "webpack --mode development --watch",
+        "test-compile": "tsc -p ./",
         "compile": "tsc -watch -p ./",
         "postinstall": "node ./node_modules/vscode/bin/install",
         "test": "node ./node_modules/vscode/bin/test"
     },
     "dependencies": {
         "d3": "^4.13.0",
         "dagre-d3-renderer": "^0.5.8",
-        "mermaid": "^8.0.0",
-        "mscgenjs": "^3.0.0",
-        "mscgenjs-inpage": "^2.0.0",
+        "mermaid": "^8.4.4",
+        "mscgenjs": "^4.0.2",
+        "mscgenjs-inpage": "^2.0.12",
         "rx": "^4.1.0"
     },
     "devDependencies": {
-        "@types/mocha": "^5.2.0",
-        "@types/node": "^8.10.17",
+        "@types/mocha": "^5.2.7",
+        "@types/node": "^8.10.59",
         "mocha": "^5.2.0",
-        "typescript": "^2.8.3",
-        "vscode": "^1.1.25"
+        "ts-loader": "^6.2.1",
+        "typescript": "^2.9.2",
+        "vscode": "^1.1.36",
+        "webpack": "^4.41.4",
+        "webpack-cli": "^3.3.10"
     },
     "extensionDependencies": [
         "mscgenjs.vscode-mscgen"

webpack.config.js

@@ -0,0 +1,41 @@
+//@ts-check
+
+'use strict';
+
+const path = require('path');
+
+/**@type {import('webpack').Configuration}*/
+const config = {
+  target: 'node', // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
+
+  entry: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
+  output: {
+    // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'extension.js',
+    libraryTarget: 'commonjs2',
+    devtoolModuleFilenameTemplate: '../[resource-path]'
+  },
+  devtool: 'source-map',
+  externals: {
+    vscode: 'commonjs vscode' // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
+  },
+  resolve: {
+    // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
+    extensions: ['.ts', '.js']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: 'ts-loader'
+          }
+        ]
+      }
+    ]
+  }
+};
+module.exports = config;