✨ impl as web extension

Author: xsro

.gitignore

@@ -2,6 +2,7 @@
 /dist
 node_modules
 .vscode-test/
+.vscode-test-web/
 *.vsix
 
 **/.DS_store

.vscode/launch.json

@@ -31,7 +31,7 @@
 			"outFiles": [
 				"${workspaceFolder}/dist/**/*.js"
 			],
-			"preLaunchTask": "npm: watch-test",
+			"preLaunchTask": "npm: watch-tsc",
 		}
 	]
 }

.vscode/tasks.json

@@ -20,13 +20,13 @@
 		},
 		{
 			"type": "npm",
-			"script": "watch-test",
+			"script": "watch-tsc",
 			"problemMatcher": "$tsc-watch",
 			"isBackground": true,
 			"presentation": {
 				"reveal": "never"
 			},
-			"label": "npm: watch-test"
+			"label": "npm: watch-tsc"
 		},
 		{
 			"type": "npm",

.vscodeignore

@@ -1,31 +1,30 @@
-# ignore vscode settings
 .vscode/**
-# ignore test
 .vscode-test/**
-# ignore i18n
-README.*.md
-#ignore dev files
-src/**
+.vscode-test-web/**
+src/
+doc/
+pics/
+LICENSE
+samples/
+
+**/test/**
+
 **/*.map
 **/*.ts
+**/*.md
+!README.md
+!CHANGELOG.md
+!resources/hoverinfo.md
+
 **/.gitignore
 **/azure-pipelines.yml
 **/tsconfig.json
 **/.eslintrc.json
 **/gulpfile.js
 **/webpack.config.js
-# doc pic license samples
-doc/
-*/**.md
-!resources/hoverinfo.md
-pics/
-LICENSE
-samples/
 
-# only package some file of tools folder to control the package size
-web/index.html
-web/test.jsdos
-tools/**.log
-#dosbox
-tools/dosbox/dosbox-0.74.conf
-tools/dosbox/std*.txt
+.vscodeignore
+
+yarn.lock
+
+

package.json

@@ -38,6 +38,7 @@
     "onLanguage:masm"
   ],
   "main": "./dist/extension.js",
+  "browser": "./dist/web/extension.js",
   "contributes": {
     "languages": [
       {
@@ -279,25 +280,30 @@
   "scripts": {
     "clean": "rimraf dist/ web/dist",
     "postinstall": "node dev/downloadBundle.js",
-    "compile": "webpack --mode production",
+    "watch-tsc": "tsc -watch -p ./",
     "watch": "webpack --mode development --watch",
-    "watch-test": "tsc -watch -p ./src",
+    "compile": "webpack --mode production",
+    "pretest": "tsc -p ./",
+    "test": "node ./dist/test/runTest.js",
+    "pretest-web": "yarn run compile",
+    "test-web": "vscode-test-web --browserType=chromium --extensionDevelopmentPath=. --extensionTestsPath=dist/web/test/suite/index.js",
+    "run-in-browser": "vscode-test-web --browserType=chromium --extensionDevelopmentPath=. .",
     "lint": "eslint src --ext ts",
     "lint-fix": "eslint src --ext ts --fix",
-    "pretest": "tsc -p ./src",
-    "test": "node ./dist/test/runTest.js",
     "vscode:prepublish": "yarn clean && yarn compile",
-    "deploy": "vsce publish  --yarn --baseContentUrl https://github.com/dosasm/masm-tasm/blob/main/ --baseImagesUrl https://github.com/dosasm/masm-tasm/raw/main/ ",
+    "deploy": "vsce publish  --yarn",
     "package": "vsce package"
   },
   "devDependencies": {
     "@types/glob": "^7.1.3",
     "@types/js-yaml": "^4.0.0",
     "@types/mocha": "^9.0.0",
-    "@types/node": "^16.6.1",
     "@types/vscode": "^1.49.0",
+    "@types/webpack-env": "^1.16.2",
     "@typescript-eslint/eslint-plugin": "^4.29.1",
     "@typescript-eslint/parser": "^4.29.1",
+    "@vscode/test-web": "^0.0.13",
+    "assert": "^2.0.0",
     "del": "^6.0.0",
     "download": "^8.0.0",
     "emulators": "^0.67.0",
@@ -306,6 +312,9 @@
     "js-yaml": "^4.0.0",
     "jszip": "^3.7.1",
     "mocha": "^9.0.3",
+    "node-fetch": "^3.0.0",
+    "path-browserify": "^1.0.1",
+    "process": "^0.11.10",
     "rimraf": "^3.0.2",
     "ts-loader": "^9.2.5",
     "typescript": "^4.3.5",
@@ -323,4 +332,4 @@
     "email": "[email protected]"
   },
   "license": "MIT"
-}
+}

src/ASM/statusBar.ts

@@ -23,6 +23,10 @@ for (const e of emu) {
             if (a === conf.Assembler.TASM || a === conf.Assembler['MASM-v6.11'])
                 continue;
         }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if ((process as any).browser && e !== conf.DosEmulatorType.jsdos) {
+            continue;
+        }
         iterms.push(e + '\t' + a);
     }
 }

src/language/downloadFile.ts

@@ -1,5 +1,5 @@
 import * as vscode from 'vscode';
-import * as down from './downloadFile';
+import * as down from '../utils/downloadFile';
 import { keywordType } from './Hover';
 
 const fs = vscode.workspace.fs;
@@ -42,8 +42,8 @@ class RESOURCES {
     };
 
     static links = [
-        'https://raw.fastgit.org/MicrosoftDocs/{repo}/{branch}/',
-        'https://raw.githubusercontent.com/MicrosoftDocs/{repo}/{branch}/'
+        'https://raw.githubusercontent.com/MicrosoftDocs/{repo}/{branch}/',
+        'https://cdn.jsdelivr.net/gh/MicrosoftDocs/{repo}@{branch}/docs/',
     ];
 
     static getlinks(id: string, lang: string): string[] {
@@ -161,14 +161,8 @@ export class Cppdoc {
 
     private async getText(ref: string): Promise<string | undefined> {
         const links = RESOURCES.getlinks(ref, vscode.env.language);
-
-        const dst = vscode.Uri.joinPath(this.dstFolder, `${ref}.md`);
-        const code = await down.downloadFromMultiSources(links, dst.fsPath);
-        if (code) {
-            const arr = await fs.readFile(dst);
-            return arr.toString();
-        }
-        return undefined;
+        const str = await down.downloadFromMultiSources(links);
+        return str;
     }
 
     public async findKeyword(word: string, types: keywordType[]): Promise<string | undefined> {

src/language/hoverFromCppdoc.ts

@@ -0,0 +1 @@
+export default fetch;

src/tsconfig.json

@@ -0,0 +1,19 @@
+/**
+ * API for downloading information from web
+ */
+import { logger } from "./logger";
+import fetch from 'node-fetch';
+
+export async function downloadFromMultiSources(urls: string[]): Promise<string | undefined> {
+    for (const url of urls) {
+        try {
+            const data = await fetch(url);
+            const val = await data.text();
+            if (val) {
+                return val;
+            }
+        } catch (e) {
+            logger.channel(JSON.stringify(e)).show();
+        }
+    }
+}

src/utils/browser-fetch.ts

@@ -0,0 +1,22 @@
+import * as vscode from 'vscode';
+import { localize, loadI18n } from '../utils/i18n';
+
+import * as lan from '../language/main';
+import * as asm from './main';
+
+export function activate(context: vscode.ExtensionContext): void {
+
+    loadI18n(context);
+
+    //provide programmaic language features like hover,references,outline(symbol)
+    lan.activate(context);
+    //provide run and debug features via DOS emulators
+    asm.activate(context);
+
+    console.log(localize("activate.hello", 'Congratulations, your extension "masm-tasm" is now active!'));
+}
+
+// this method is called when your extension is deactivated
+export function deactivate(): void {
+    console.log('extension deactivated');
+}