init

Signed-off-by: heron <[email protected]>
nknorg · Jan 1, 2020 · 3c1db80 · 3c1db80
1 parent 4bd10c9
commit 3c1db80
Show file tree

Hide file tree

Showing 44 changed files with 9,812 additions and 0 deletions.
diff --git a/.browserslistrc b/.browserslistrc
@@ -0,0 +1,2 @@
+> 1%
+last 2 versions
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "nshell-chrome-extension",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "build-watch": "vue-cli-service build-watch"
+  },
+  "dependencies": {
+    "core-js": "^2.6.5",
+    "moment": "^2.24.0",
+    "register-service-worker": "^1.6.2",
+    "vue": "^2.6.10",
+    "vue-json-pretty": "^1.6.3",
+    "vue-moment": "^4.1.0",
+    "vue-router": "^3.1.3",
+    "vuetify": "^2.1.0",
+    "vuex": "^3.0.1",
+    "xterm": "^4.3.0",
+    "xterm-addon-fit": "^0.3.0",
+    "xterm-addon-web-links": "^0.2.1"
+  },
+  "devDependencies": {
+    "@fortawesome/fontawesome-free": "^5.12.0",
+    "@fortawesome/fontawesome-svg-core": "^1.2.26",
+    "@fortawesome/free-brands-svg-icons": "^5.12.0",
+    "@fortawesome/free-regular-svg-icons": "^5.12.0",
+    "@fortawesome/free-solid-svg-icons": "^5.12.0",
+    "@fortawesome/vue-fontawesome": "^0.1.9",
+    "@vue/cli-plugin-babel": "^3.12.0",
+    "@vue/cli-plugin-pwa": "^3.12.0",
+    "@vue/cli-service": "^3.12.0",
+    "copy-webpack-plugin": "^4.6.0",
+    "node-sass": "^4.13.0",
+    "sass-loader": "^8.0.0",
+    "vue-cli-plugin-chrome-ext": "^0.0.5",
+    "vue-cli-plugin-vuetify": "^2.0.2",
+    "vue-template-compiler": "^2.6.10"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+}
diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
@@ -0,0 +1,52 @@
+{
+  "language": {
+    "message": "English"
+  },
+  "extensionName": {
+    "message": "nShell"
+  },
+  "extensionDescription": {
+    "message": "nShell."
+  },
+  "MY_KEYSTORE": {
+    "message": "My Keystore"
+  },
+  "ADD_KEYSTORE": {
+    "message": "Add Keystore"
+  },
+  "REQUIRED": {
+    "message": "Required"
+  },
+  "FIELD_REQUIRED": {
+    "message": "$field$ is required",
+    "placeholders": {
+      "field": {
+        "content": "$1"
+      }
+    }
+  },
+  "OK": {
+    "message": "OK"
+  },
+  "CANCEL": {
+    "message": "Cancel"
+  },
+  "SUBMIT": {
+    "message": "Submit"
+  },
+  "TAG": {
+    "message": "Tag"
+  },
+  "SEED": {
+    "message": "Seed"
+  },
+  "INVALID_SEED": {
+    "message": "Invalid Seed"
+  },
+  "CONFIRM_TITLE": {
+    "message": "Info"
+  },
+  "CONFIRM_DELETE": {
+    "message": "Are you sure want to delete it?"
+  }
+}
diff --git a/public/_locales/zh_CN/messages.json b/public/_locales/zh_CN/messages.json
@@ -0,0 +1,52 @@
+{
+  "language": {
+    "message": "简体中文"
+  },
+  "extensionName": {
+    "message": "nShell"
+  },
+  "extensionDescription": {
+    "message": "nShell."
+  },
+  "MY_KEYSTORE": {
+    "message": "我的身份"
+  },
+  "ADD_KEYSTORE": {
+    "message": "添加身份"
+  },
+  "REQUIRED": {
+    "message": "必填项"
+  },
+  "FIELD_REQUIRED": {
+    "message": "$field$ 是必须的",
+    "placeholders": {
+      "field": {
+        "content": "$1"
+      }
+    }
+  },
+  "OK": {
+    "message": "确定"
+  },
+  "CANCEL": {
+    "message": "取消"
+  },
+  "SUBMIT": {
+    "message": "提交"
+  },
+  "TAG": {
+    "message": "Tag"
+  },
+  "SEED": {
+    "message": "Seed"
+  },
+  "INVALID_SEED": {
+    "message": "Seed 格式不正确"
+  },
+  "CONFIRM_TITLE": {
+    "message": "提示"
+  },
+  "CONFIRM_DELETE": {
+    "message": "确认要删除此项吗?"
+  }
+}
diff --git a/public/assets/favicon.ico b/public/assets/favicon.ico
diff --git a/public/assets/logo.png b/public/assets/logo.png
diff --git a/public/assets/logo2.png b/public/assets/logo2.png
diff --git a/public/assets/logo3.png b/public/assets/logo3.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title>nshell-chrome-extension</title>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but nshell-chrome-extension doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/src/background/index.js b/src/background/index.js
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -0,0 +1,26 @@
+<template>
+  <v-footer class="px-0 pt-0 pb-0 footer" height="auto">
+    <v-card flat dark tile class="indigo lighten-1 text-center" width="100%">
+      <v-divider></v-divider>
+
+      <v-card-text class="white--text">
+        Copyright &copy; 2020 — <strong>nShell</strong>
+      </v-card-text>
+    </v-card>
+  </v-footer>
+</template>
+<script>
+  export default {
+    data:() =>({
+      icons: [
+        {icon: 'fab fa-github', tooltip: 'GitHub', url: 'https://github.com/nknorg'},
+        {icon: 'fab fa-discord', tooltip: 'Discord', url: 'https://discord.gg/hrZvrVa'},
+        {icon: 'fab fa-twitter', tooltip: 'Twitter', url: 'https://twitter.com/NKN_ORG'},
+        {icon: 'fas fa-comments', tooltip: 'Forum', url: 'https://forum.nkn.org/'},
+        {icon: 'fab fa-youtube', tooltip: 'Youtube', url: 'http://www.youtube.com/c/NKNORG'},
+        {icon: 'fab fa-telegram', tooltip: 'Telegram', url: 'https://t.me/nknorg'},
+        {icon: 'fab fa-medium', tooltip: 'Medium', url: 'https://medium.com/nknetwork'},
+      ]
+    })
+  }
+</script>
diff --git a/src/components/Markdown.vue b/src/components/Markdown.vue
@@ -0,0 +1,53 @@
+<template>
+  <v-card class="markdown" style="background-color:#272822;" dark>
+    <v-card-title class="pa-0">
+      <v-layout>
+        <v-flex>
+          <v-tabs v-model="currentTab" background-color="transparent" dark>
+            <v-tab v-for="tab in tabs" :key="tab">
+              {{ tab }}
+            </v-tab>
+          </v-tabs>
+        </v-flex>
+        <v-flex shrink align-center class="px-2 d-flex">
+          <v-btn icon small @click="copy">
+            <v-icon dark class="far fa-copy" small></v-icon>
+          </v-btn>
+        </v-flex>
+      </v-layout>
+
+
+    </v-card-title>
+    <v-divider/>
+    <v-card-text>
+      <v-tabs-items v-model="currentTab" dark style="background-color:#272822;">
+        <v-tab-item v-for="code in codes" :key="code">
+          <div ref="markdown" v-html="code" v-highlight></div>
+        </v-tab-item>
+      </v-tabs-items>
+
+    </v-card-text>
+  </v-card>
+</template>
+<script>
+  import '~/styles/markdown.scss'
+
+  export default {
+    props: {
+      tabs: {
+        type: Array
+      },
+      codes: {
+        type: Array
+      },
+    },
+    data: () => ({
+      currentTab: undefined
+    }),
+    methods: {
+      copy() {
+        this.$copyText(this.$refs.markdown[this.currentTab].innerText)
+      }
+    }
+  }
+</script>
diff --git a/src/components/Terminal.vue b/src/components/Terminal.vue
@@ -0,0 +1,34 @@
+<template>
+  <div ref="terminal" style="width:100%;"></div>
+</template>
+<script>
+  import { Terminal } from 'xterm'
+  import { FitAddon } from 'xterm-addon-fit'
+  import { WebLinksAddon } from 'xterm-addon-web-links'
+  import 'xterm/css/xterm.css'
+  export default {
+    name: 'terminal',
+    props: {
+    },
+    data: () => ({
+
+    }),
+    mounted() {
+      const terminal = new Terminal()
+      const fitAddon = new FitAddon()
+      terminal.loadAddon(new WebLinksAddon())
+      terminal.loadAddon(fitAddon)
+      terminal.open(this.$refs.terminal)
+      fitAddon.fit()
+      terminal.focus()
+      this.$emit('input', terminal)
+
+      window.onresize = () => {
+        fitAddon.fit()
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>