add development environment

mcity · Apr 22, 2020 · 120877a · 120877a
1 parent b97fea5
commit 120877a
Show file tree

Hide file tree

Showing 12 changed files with 12,285 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+**/node_modules
+.DS_Store
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1,3 @@
+dev-env
+**/node_modules
+.DS_Store
diff --git a/dev-env/README.md b/dev-env/README.md
@@ -0,0 +1,5 @@
+# Development Environment
+
+For working on the library components interactively.
+
+To get started: `npm i; npm run serve`
diff --git a/dev-env/babel.config.js b/dev-env/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
diff --git a/dev-env/package-lock.json b/dev-env/package-lock.json
diff --git a/dev-env/package.json b/dev-env/package.json
@@ -0,0 +1,51 @@
+{
+  "name": "dev-env",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@mcity/mcity-vue-shared": "file:..",
+    "axios": "^0.19.2",
+    "core-js": "^3.6.4",
+    "vue": "^2.6.11",
+    "vue-router": "^3.1.6",
+    "vuetify": "^2.2.11"
+  },
+  "devDependencies": {
+    "@fortawesome/fontawesome-free": "^5.13.0",
+    "@vue/cli-plugin-babel": "~4.2.0",
+    "@vue/cli-plugin-eslint": "~4.2.0",
+    "@vue/cli-service": "~4.2.0",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.1.2",
+    "sass": "^1.19.0",
+    "sass-loader": "^8.0.0",
+    "vue-cli-plugin-vuetify": "~2.0.5",
+    "vue-template-compiler": "^2.6.11",
+    "vuetify-loader": "^1.3.0",
+    "webpack": "^4.42.1"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}
diff --git a/dev-env/public/favicon.ico b/dev-env/public/favicon.ico
diff --git a/dev-env/public/index.html b/dev-env/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><%= htmlWebpackPlugin.options.title %></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 <%= htmlWebpackPlugin.options.title %> 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/dev-env/src/App.vue b/dev-env/src/App.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-app>
+    <mcity-toolbar
+      fullname="fullname"
+      username="username"
+      presentation-text="Presentation Mode"
+      :isUserAdmin="true"
+      title="title"
+    />
+  </v-app>
+</template>
+
+<script>
+import McityToolbar from '@mcity/mcity-vue-shared/components/McityToolbar'
+
+export default {
+  name: 'App',
+  components: {
+    McityToolbar,
+  },
+};
+</script>
diff --git a/dev-env/src/main.js b/dev-env/src/main.js
@@ -0,0 +1,22 @@
+import Vue from 'vue'
+import App from './App.vue'
+import VueRouter from 'vue-router'
+import vuetify from './plugins/vuetify'
+
+Vue.config.productionTip = true
+
+Vue.use(VueRouter)
+
+const routes = [
+  { path: '/', component: App },
+]
+const router = new VueRouter({
+  routes,
+})
+
+new Vue({
+  vuetify,
+  router,
+  el: '#app',
+  render: h => h(App),
+})
diff --git a/dev-env/src/plugins/vuetify.js b/dev-env/src/plugins/vuetify.js
@@ -0,0 +1,24 @@
+import '@fortawesome/fontawesome-free/css/all.css'
+import Vue from 'vue';
+import Vuetify from 'vuetify/lib';
+
+Vue.use(Vuetify);
+
+export default new Vuetify({
+    theme: {
+      themes: {
+        light: {
+          primary: '#00274C',
+          secondary: '#FFCB05',
+          accent: '#82B1FF',
+          error: '#FF5252',
+          info: '#2196F3',
+          success: '#4CAF50',
+          warning: '#FFC107',
+        },
+      },
+    },
+    icons: {
+      iconfont: 'fa',
+    },
+  })
diff --git a/dev-env/vue.config.js b/dev-env/vue.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  "transpileDependencies": [
+    "vuetify"
+  ],
+  chainWebpack: config => config.resolve.symlinks(false)
+}