Merge pull request #1 from cangzhang/feat/plugin-init

feat: plugin init

Author: uniquemo

.eslintrc.js

@@ -0,0 +1,20 @@
+/**@type {import('eslint').Linter.Config} */
+// eslint-disable-next-line no-undef
+module.exports = {
+	root: true,
+	parser: '@typescript-eslint/parser',
+	plugins: [
+		'@typescript-eslint',
+	],
+	extends: [
+		'eslint:recommended',
+		'plugin:@typescript-eslint/recommended',
+	],
+	rules: {
+		'semi': [2, "always"],
+		'@typescript-eslint/no-unused-vars': 0,
+		'@typescript-eslint/no-explicit-any': 0,
+		'@typescript-eslint/explicit-module-boundary-types': 0,
+		'@typescript-eslint/no-non-null-assertion': 0,
+	}
+};

.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+.build
+build
+web_modules/
+node_modules/
+.idea/
+build/
+out/
+src/typings/vscode.d.ts
+src/typings/vscode.proposed.d.ts

README.md

@@ -0,0 +1,130 @@
+{
+  "name": "coding-hbuilderx",
+  "description": "your extension description",
+  "displayName": "your extension display name",
+  "version": "0.0.0",
+  "publisher": "your name",
+  "engines": {
+    "HBuilderX": "^2.7.0"
+  },
+  "categories": [
+    "Other"
+  ],
+  "main": "./out/extension",
+  "activationEvents": [
+    "onCommand:codingPlugin.helloWorld",
+    "onView:codingPlugin.treeMR",
+    "onView:codingPlugin.treeDepot",
+    "onView:codingPlugin.webview"
+  ],
+  "contributes": {
+    "commands": [
+      {
+        "command": "codingPlugin.helloWorld",
+        "title": "Hello World"
+      },
+      {
+        "command": "codingPlugin.mrTreeItemClick",
+        "title": "Click MR Tree Item"
+      },
+      {
+        "command": "codingPlugin.depotTreeItemClick",
+        "title": "Click Depot Tree Item"
+      },
+      {
+        "command": "codingPlugin.createProjectAndDepot",
+        "title": "Create Project and Depot"
+      },
+      {
+        "command": "codingPlugin.createDepot",
+        "title": "Create Depot"
+      }
+    ],
+    "menus": {
+      "editor/context": [
+        {
+          "command": "codingPlugin.helloWorld",
+          "group": "z_commands",
+          "when": "editorTextFocus"
+        },
+        {
+          "group": "z_commands"
+        }
+      ],
+      "view/item/context": [
+        {
+          "command": "codingPlugin.createDepot",
+          "when": "viewItem == 'createDepot'"
+        }
+      ]
+    },
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "CODING-MR",
+          "title": "CODING MR"
+        },
+        {
+          "id": "CODING-DEPOT",
+          "title": "CODING 仓库"
+        }
+      ],
+      "rightside": [
+        {
+          "id": "WebviewContainerId",
+          "title": "WEBVIEW"
+        }
+      ]
+    },
+    "views": {
+      "CODING-MR": [
+        {
+          "id": "codingPlugin.treeMR",
+          "name": "CODING MR"
+        }
+      ],
+      "CODING-DEPOT": [
+        {
+          "id": "codingPlugin.treeDepot",
+          "name": "CODING 仓库"
+        }
+      ],
+      "WebviewContainerId": [
+        {
+          "id": "codingPlugin.webview",
+          "title": "WEBVIEW"
+        }
+      ]
+    }
+  },
+  "extensionDependencies": [
+    "plugin-manager"
+  ],
+  "scripts": {
+    "watch": "npm-run-all -p watch:*",
+    "watch:extension": "tsc --watch -p ./src",
+    "watch:webviews": "webpack --watch --mode development"
+  },
+  "dependencies": {
+    "axios": "^0.21.0",
+    "isomorphic-git": "^1.8.0",
+    "querystring": "^0.2.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^14.14.7",
+    "@types/react": "^16.9.56",
+    "@types/react-dom": "^16.9.9",
+    "@typescript-eslint/eslint-plugin": "^4.7.0",
+    "@typescript-eslint/parser": "^4.7.0",
+    "css-loader": "^5.0.1",
+    "eslint": "^7.13.0",
+    "npm-run-all": "^4.1.5",
+    "style-loader": "^2.0.0",
+    "ts-loader": "^8.0.11",
+    "typescript": "^4.0.5",
+    "webpack": "^5.4.0",
+    "webpack-cli": "^4.2.0"
+  }
+}

package.json

@@ -0,0 +1,64 @@
+import hx from 'hbuilderx';
+import init from './init';
+import WebviewProvider from './webview';
+import CodingServer from './services/codingServer';
+import { proxyCtx } from './utils/proxy';
+
+const accessToken = '1b7fca3bd7594a89b0f5e2a0250c1147';
+
+async function activate(context: IContext) {
+  // TODO: 认证，拿到用户信息
+
+  const webviewProvider = new WebviewProvider();
+  const repoInfo = await CodingServer.getRepoParams();
+  console.log('repoInfo ==> ', repoInfo);
+
+  if (!repoInfo) {
+    hx.window.showWarningMessage('workspace中没有CODING的代码仓库');
+    return;
+  }
+
+  const codingServer = new CodingServer(
+    {
+      id: '123',
+      user: {
+        avatar: 'string',
+        global_key: 'string',
+        name: 'string',
+        path: 'string',
+        team: 'string'
+      },
+      accessToken,
+      refreshToken: 'abc'
+    },
+    repoInfo || {
+      team: 'codingcorp',
+      project: 'mo-test',
+      repo: 'mo-test'
+    }
+  );
+
+  let userInfo = null;
+  if (repoInfo) {
+    userInfo = await codingServer.getUserInfo(repoInfo.team);
+  }
+
+  context.ctx = {
+    webviewProvider,
+    codingServer,
+    repoInfo,
+    userInfo
+  };
+
+  proxyCtx(context);
+  init(context);
+}
+
+function deactivate() {
+  console.log('plugin deactivate');
+}
+
+export {
+  activate,
+  deactivate
+};

src/extension.ts

@@ -0,0 +1,74 @@
+import hx from 'hbuilderx';
+import DepotTreeDataProvider from './trees/depot';
+import MRTreeDataProvider from './trees/mr';
+import { getMRUrl } from './utils/repo';
+import { IDepot, IMRItem } from './typings/common';
+
+export function registerCommands(context: IContext) {
+  const { webviewProvider, repoInfo, codingServer } = context;
+  const { team, project } = repoInfo;
+
+  context.subscriptions.push(hx.commands.registerCommand('codingPlugin.helloWorld', () => {
+    hx.window.showInformationMessage('你好，这是我的第一个插件扩展。');
+  }));
+
+  context.subscriptions.push(hx.commands.registerCommand('codingPlugin.mrTreeItemClick', function(param: IMRItem) {
+    // webviewProvider.update(param[0]);
+    hx.env.openExternal(getMRUrl(team, param));
+  }));
+
+  context.subscriptions.push(hx.commands.registerCommand('codingPlugin.depotTreeItemClick', function(param: IDepot) {
+    console.log('选中了: ', param);
+  }));
+
+  context.subscriptions.push(hx.commands.registerCommand('codingPlugin.createProjectAndDepot', async function() {
+    const project = await hx.window.showInputBox({
+      prompt: '请输入项目名'
+    });
+    const depot = await hx.window.showInputBox({
+      prompt: '请输入仓库名'
+    });
+  }));
+
+  context.subscriptions.push(hx.commands.registerCommand('codingPlugin.createDepot', async function(param: any) {
+    const depot = await hx.window.showInputBox({
+      prompt: '请输入仓库名'
+    });
+    const result = await codingServer.createDepot(team, depot, depot);
+    // TODO: 拉取代码，更新workspace
+  }));
+}
+
+export function createTreeViews(context: IContext) {
+  context.subscriptions.push(hx.window.createTreeView('codingPlugin.treeMR', {
+    showCollapseAll: true,
+    treeDataProvider: new MRTreeDataProvider(context)
+  }));
+
+  context.subscriptions.push(hx.window.createTreeView('codingPlugin.treeDepot', {
+    showCollapseAll: true,
+    treeDataProvider: new DepotTreeDataProvider(context)
+  }));
+}
+
+export function workspaceInit() {
+  hx.workspace.onDidChangeWorkspaceFolders(function(event: any) {
+    if (event.added) {
+      event.added.forEach((item: any) => console.log('新增了项目: ', item.name));
+    }
+
+    if (event.removed) {
+      event.removed.forEach((item: any) => console.log('移除了项目: ', item.name));
+    }
+  });
+}
+
+export function clear(context: IContext) {
+  context.subscriptions.forEach(({ dispose }) => dispose());
+}
+
+export default function init(context: IContext) {
+  registerCommands(context);
+  createTreeViews(context);
+  workspaceInit();
+}