Feat: Initializes the UI plugin framework (#719)

* Feat: Initializes the UI plugin framework

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Can't build the theme package

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Can't build the data package

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Miss the style-loader dependence

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Change the e2e Dockerfile

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Change the enable addon shell

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: The input device is not a TTY

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: change the copy command

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: reset the plugin dir name

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Reset the plugin dir and add some logs

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Reset the plugin dir

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Set the correct module

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Add the .pnp.* rule to .gitignore

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

* Fix: Set the GOPROXY

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

---------

Signed-off-by: barnettZQG <barnett.zqg@gmail.com>

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js,json,yml}]
+charset = utf-8
+indent_style = space
+indent_size = 2

.eslintignore

@@ -9,4 +9,6 @@ packages/velaux-ui/src/assets/
 .DS_Store
 public
 
-*.d.ts
+*.d.ts
+
+dist

.gitattributes

@@ -0,0 +1,4 @@
+/.yarn/**            linguist-vendored
+/.yarn/releases/*    binary
+/.yarn/plugins/**/*  binary
+/.pnp.*              binary linguist-generated

.github/workflows/ci.yaml

@@ -41,6 +41,8 @@ jobs:
       with:
         go-version: ${{ env.GO_VERSION }}
       id: go
+    - name: upgrade yarn
+      run: yarn set version berry
     - run: yarn install
     - run: yarn lint
       name: Check Frontend Code Style

.github/workflows/release.yaml

@@ -46,6 +46,7 @@ jobs:
         build-args: |
           GITVERSION=git-${{ steps.vars.outputs.git_revision }}
           VERSION=${{ steps.get_version.outputs.VERSION }}
+          GOPROXY=https://proxy.golang.org
         tags: |-
           acr.kubevela.net/oamdev/velaux:${{ steps.get_version.outputs.VERSION }}
           oamdev/velaux:${{ steps.get_version.outputs.VERSION }}

.github/workflows/server-test.yml

@@ -117,7 +117,9 @@ jobs:
         uses: docker/build-push-action@v2
         with:
           context: ./
-          file: ./Dockerfile
+          build-args: |
+            GOPROXY=https://proxy.golang.org
+          file: ./Dockerfile.e2e
           platforms: linux/amd64
           push: false
           tags: oamdev/velaux:latest
@@ -169,6 +171,7 @@ jobs:
           export ALIYUN_ACCESS_KEY_ID=${{ secrets.ALIYUN_ACCESS_KEY_ID }}
           export ALIYUN_ACCESS_KEY_SECRET=${{ secrets.ALIYUN_ACCESS_KEY_SECRET }}
           export GITHUB_TOKEN=${{ secrets.GITHUB_TOKEN }}
+          docker run --rm -v `pwd`/e2e-plugins:/plugins oamdev/velaux:latest cp -r -a /app/velaux/plugins/app-demo /plugins/app-demo
           make e2e-server-test
 
       - name: Upload coverage report
@@ -191,6 +194,8 @@ jobs:
         uses: docker/build-push-action@v2
         with:
           context: ./
+          build-args: |
+            GOPROXY=https://proxy.golang.org
           file: ./Dockerfile
           platforms: linux/arm64
           push: false

.gitignore

@@ -28,4 +28,12 @@ package-lock.json
 yarn-error.log
 
 .DS_Store
-dist
+dist
+
+/packages/**/compiled
+.yarn/.cache/
+.yarn/cache/
+.yarn/unplugged
+.yarn/install-state.gz
+
+.pnp.*

.yarn/sdks/eslint/bin/eslint.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require eslint/bin/eslint.js
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real eslint/bin/eslint.js your application uses
+module.exports = absRequire(`eslint/bin/eslint.js`);

.yarn/sdks/eslint/lib/api.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require eslint
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real eslint your application uses
+module.exports = absRequire(`eslint`);

.yarn/sdks/eslint/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "eslint",
+  "version": "8.34.0-sdk",
+  "main": "./lib/api.js",
+  "type": "commonjs"
+}

.yarn/sdks/integrations.yml

@@ -0,0 +1,5 @@
+# This file is automatically generated by @yarnpkg/sdks.
+# Manual changes might be lost!
+
+integrations:
+  - vscode

.yarn/sdks/typescript/bin/tsc

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/bin/tsc
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/bin/tsc your application uses
+module.exports = absRequire(`typescript/bin/tsc`);

.yarn/sdks/typescript/bin/tsserver

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/bin/tsserver
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/bin/tsserver your application uses
+module.exports = absRequire(`typescript/bin/tsserver`);

.yarn/sdks/typescript/lib/tsc.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const {existsSync} = require(`fs`);
+const {createRequire} = require(`module`);
+const {resolve} = require(`path`);
+
+const relPnpApiPath = "../../../../.pnp.cjs";
+
+const absPnpApiPath = resolve(__dirname, relPnpApiPath);
+const absRequire = createRequire(absPnpApiPath);
+
+if (existsSync(absPnpApiPath)) {
+  if (!process.versions.pnp) {
+    // Setup the environment to be able to require typescript/lib/tsc.js
+    require(absPnpApiPath).setup();
+  }
+}
+
+// Defer to the real typescript/lib/tsc.js your application uses
+module.exports = absRequire(`typescript/lib/tsc.js`);