refactor: 使用 typescript 重构项目

Author: crazyurus

.vscodeignore

@@ -1,4 +1,5 @@
 .vscode
 .github
 build
-contributes.json
+contributes.json
+tsconfig.json

package-lock.json

@@ -533,10 +533,14 @@
   "dependencies": {
     "ejs": "^3.1.7",
     "miniprogram-ci": "^1.8.12",
-    "open": "^8.4.0"
+    "open": "^8.4.0",
+    "ts-node": "^10.7.0"
   },
   "devDependencies": {
+    "@types/ejs": "^3.1.0",
+    "@types/vscode": "^1.25.0",
     "glob": "^8.0.1",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "typescript": "^4.6.3"
   }
 }

package.json

@@ -1,12 +1,13 @@
-const vscode = require('vscode');
-const path = require('path');
-const fs = require('fs');
-const { getCurrentFolderPath } = require('../../utils/path');
-const { readProjectConfig, createProject } = require('../../utils/project');
-const { openWebView, openDocument } = require('../../utils/ui');
-const { registerCommand } = require('./utils');
+import * as vscode from 'vscode';
+import * as path from 'path';
+import * as fs from 'fs';
+import { getCurrentFolderPath } from '../../utils/path';
+import { readProjectConfig, createProject } from '../../utils/project';
+import { openWebView, openDocument } from '../../utils/ui';
+import { registerCommand } from './utils';
+import { WebviewMessage } from '../../types';
 
-function analyseCode(context) {
+function analyseCode(context: vscode.ExtensionContext): void {
   registerCommand('MiniProgram.commands.compile.analyse', async () => {
     const projectConfig = readProjectConfig();
 
@@ -19,7 +20,7 @@ function analyseCode(context) {
     const panel = openWebView('', '代码依赖分析', vscode.ViewColumn.One);
     html = html.replace(/vscode:\/\//g, panel.webview.asWebviewUri(vscode.Uri.file(viewerPath)).toString() + '/');
     panel.webview.html = html;
-    panel.webview.onDidReceiveMessage(async message => {
+    panel.webview.onDidReceiveMessage(async (message: WebviewMessage) => {
       switch (message.command) {
         case 'syncState':
           panel.webview.postMessage({
@@ -63,4 +64,4 @@ function analyseCode(context) {
   });
 }
 
-module.exports = analyseCode;
+export default analyseCode;

src/commands/compile/analyse.js src/commands/compile/analyse.ts

@@ -1,11 +1,11 @@
-const vscode = require('vscode');
-const os = require('os');
-const path = require('path');
-const open = require('open');
-const { readProjectConfig, createProject } = require('../../utils/project');
-const { getCompileOptions, getTemporaryFileName, registerCommand } = require('./utils');
+import * as vscode from 'vscode';
+import * as os from 'os';
+import * as path from 'path';
+import open from 'open';
+import { readProjectConfig, createProject } from '../../utils/project';
+import { getCompileOptions, getTemporaryFileName, registerCommand } from './utils';
 
-function artifact(context) {
+function artifact(context: vscode.ExtensionContext): void {
   registerCommand('MiniProgram.commands.compile.artifact', async () => {
     const projectConfig = readProjectConfig();
 
@@ -27,14 +27,14 @@ function artifact(context) {
         project,
         version: '1.0.0',
         setting: getCompileOptions(projectConfig.setting),
-        onProgressUpdate(message) {
-          progress.report(message);
+        onProgressUpdate(message: string): void {
+          progress.report(message as any);
         },
       }, artifactZipPath);
-      
+
       open(artifactZipPath);
     });
   });
 }
 
-module.exports = artifact;
+export default artifact;

src/commands/compile/artifact.js src/commands/compile/artifact.ts

@@ -0,0 +1,22 @@
+import * as vscode from 'vscode';
+import * as path from 'path';
+import * as fs from 'fs';
+import { updateJSON } from '../../utils/json';
+import { getCurrentFolderPath, getProjectConfigPath } from '../../utils/path';
+import { registerCommand } from './utils';
+
+function compileDirectory(): void {
+  registerCommand('MiniProgram.commands.config.compileDir', async (e: vscode.Uri) => {
+    const rootPath = getCurrentFolderPath();
+    const projectFilePath = getProjectConfigPath(rootPath);
+
+    if (!fs.existsSync(projectFilePath)) {
+      throw new Error('未找到 project.config.json 文件');
+    }
+
+    await updateJSON(projectFilePath, 'miniprogramRoot', path.relative(rootPath, e.fsPath));
+    vscode.window.showInformationMessage('设置成功，当预览或上传小程序时，将仅打包此目录下的文件');
+  });
+}
+
+export default compileDirectory;

src/commands/compile/directory.js

@@ -0,0 +1,29 @@
+import * as vscode from 'vscode';
+import analyse from './analyse';
+import directory  from './directory';
+import npm from './npm';
+import preview from './preview';
+import upload from './upload';
+import artifact from './artifact';
+import sourcemap from './sourcemap';
+
+const comipleCommands = [
+  analyse,
+  directory,
+  npm,
+  preview,
+  upload,
+  artifact,
+  sourcemap
+];
+
+function activate(context: vscode.ExtensionContext): void {
+  comipleCommands.forEach(command => command(context));
+}
+
+function deactivate(): void {}
+
+export {
+  activate,
+  deactivate,
+};