Initial commit - scaffolding to start development

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    '@vue/standard',
+  ],
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  },
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+      ],
+      env: {
+        jest: true,
+      },
+    },
+  ],
+};
+
+// "plugin:vue/recommended",
+// "eslint:recommended",
+// "prettier/vue",
+// "plugin:prettier/recommended"

.gitignore

@@ -0,0 +1,32 @@
+.DS_Store
+node_modules
+
+# public
+dist/*.gz
+dist/*.gz
+dist/.DS_Store
+coverage
+docs/.vuepress/dist
+
+# dist
+# local env files
+.env.local
+.env.*.local
+
+# related test files
+/tests/e2e/reports
+/tests/e2e/videos
+/tests/e2e/screenshots
+
+# editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+
+# Backups
+.BACKUP
+.STORAGE

CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
+
+<a name="0.1.0"></a>
+
+# 0.1.0 (2019-12-19)
+
+

LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Sonnh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

README.md

@@ -0,0 +1,3 @@
+# Vue Bot UI
+
+> Minimal chat bot UI

TODO

@@ -0,0 +1,3 @@
+
+Todo:
+  ✔

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: [["@vue/app", { useBuiltIns: false }]]
+};

commitlint.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"]
+};

package.json

@@ -0,0 +1,57 @@
+{
+  "name": "vue-bot-ui",
+  "version": "0.1.0",
+  "description": "Chatbot UI using Vue.js 2",
+  "author": {
+    "name": "SonNH",
+    "email": "[email protected]"
+  },
+  "main": "dist/vue-bot-ui.js",
+  "files": [
+    "dist/*",
+    "src/*",
+    "package.json"
+  ],
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "BUILD_TYPE=modular vue-cli-service build",
+    "build-bundle": "vue-cli-service build --target lib --name vue-bot-ui ./src/vue-bot-ui.js",
+    "lint": "vue-cli-service lint"
+  },
+  "keywords": [
+    "chatbot",
+    "bot ui",
+    "vue-bot-ui"
+  ],
+  "devDependencies": {
+    "@commitlint/cli": "^7.6.1",
+    "@commitlint/config-conventional": "^7.6.0",
+    "@types/jest": "^24.0.11",
+    "@vue/cli-plugin-babel": "^4.0.0",
+    "@vue/cli-plugin-eslint": "^4.0.0",
+    "@vue/cli-plugin-unit-jest": "^4.0.0",
+    "@vue/cli-service": "^4.0.0",
+    "@vue/eslint-config-standard": "^4.0.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "babel-eslint": "^10.0.3",
+    "bootstrap": "^4.3.1",
+    "core-js": "^3.3.2",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.0.0",
+    "pug": "^2.0.4",
+    "pug-plain-loader": "^1.0.0",
+    "sass": "^1.19.0",
+    "sass-loader": "^8.0.0",
+    "vue": "^2.6.10",
+    "vue-template-compiler": "^2.6.10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JuzSer/vue-bot-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/JuzSer/vue-bot-ui/issues"
+  },
+  "homepage": "https://github.com/JuzSer/vue-bot-ui#readme",
+  "license": "MIT"
+}

src/App.vue

@@ -0,0 +1,25 @@
+<template lang="pug">
+  #app
+    img(
+      alt="Vue Bot UI",
+      src="./assets/logo.png"
+    )
+    VueBotUI
+</template>
+
+<script>
+
+export default {
+}
+</script>
+
+<style lang="scss">
+#app {
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  // text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

src/assets/scss/_app.scss

@@ -0,0 +1,5 @@
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
+@import '~bootstrap/scss/mixins';
+
+@import 'variables';

src/components/BotUI.vue

@@ -0,0 +1,15 @@
+<template lang="pug">
+.vbotui-board
+  h2 Hello
+</template>
+<script>
+export default {
+  name: 'VBotUI',
+
+  created () {
+    // console.log('ok')
+  }
+}
+</script>
+
+<style src="../assets/scss/_app.scss" lang="scss"></style>

src/main.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import App from './App.vue'
+import VueBotUI from './vue-bot-ui'
+
+Vue.config.productionTip = false
+
+Vue.use(VueBotUI)
+
+new Vue({
+  render: (h) => h(App)
+}).$mount('#app')

src/vue-bot-ui.js

@@ -0,0 +1,13 @@
+import BotUI from '@/components/BotUI.vue'
+
+const Plugin = {
+  install (Vue, options) {
+    Vue.component('VueBotUI', BotUI)
+
+    if (options) {
+      console.log('options', options)
+    }
+  }
+}
+
+export default Plugin

tests/unit/example.spec.js

@@ -0,0 +1,12 @@
+// import { shallowMount } from '@vue/test-utils'
+// import HelloWorld from '@/components/HelloWorld.vue'
+//
+// describe('HelloWorld.vue', () => {
+//   it('renders props.msg when passed', () => {
+//     const msg = 'new message'
+//     const wrapper = shallowMount(HelloWorld, {
+//       propsData: { msg }
+//     })
+//     expect(wrapper.text()).toMatch(msg)
+//   })
+// })

vue.config.js

@@ -0,0 +1,9 @@
+const webpack = require("webpack");
+const isDev = process.env.NODE_ENV === "development";
+
+module.exports = {
+  devServer: {
+    port: 1901
+  },
+  productionSourceMap: false
+};