Merge pull request #10 from vuegg/dev

Dev
alxpez · Apr 12, 2018 · 3b1a0bf · 3b1a0bf
2 parents 4e872f2 + 6852b17
commit 3b1a0bf
Show file tree

Hide file tree

Showing 8 changed files with 2,400 additions and 1,225 deletions.
diff --git a/README.md b/README.md
@@ -11,13 +11,13 @@
 
 <p align="center">
   <a href="https://github.com/vuejs/vue">
-    <img src="https://img.shields.io/badge/vue-%5E2.5-41b883.svg" alt="vue">
+    <img src="https://img.shields.io/badge/vue-%5E2.5-41b883.svg?longCache=true" alt="vue">
   </a>
   <a href="https://github.com/vuegg/vuegg/blob/master/LICENSE">
-    <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="mit">
+    <img src="https://img.shields.io/badge/license-MIT-green.svg?longCache=true" alt="mit">
   </a>
   <a href="https://travis-ci.org/vuegg/vuegg/branches">
-    <img src="https://travis-ci.org/vuegg/vuegg.svg?branch=master" alt="travis-ci">
+    <img src="https://img.shields.io/travis/vuegg/vuegg/master.svg" alt="travis-ci">
   </a>
 </p>
 
@@ -43,6 +43,26 @@ The aim of this project is to merge designing and prototyping into one single pr
 * Local persistence to save the work in progress
 * ... more to come with time
 
+</br>
+
+## Roadmap
+
+Off the top of my head, I foresee the following points to be developed in the next releases. Don't hesitate to open an issue if you have a feature request.
+
+- [ ] Hold shift to maintain aspect ratio on manual resize
+- [ ] Ability to zoom-in / zoom-out in the editor
+- [ ] Allow the insertion of raw CSS rules (expert mode)
+  - [ ] Identify possible risks
+- [ ] Add extra styles controls
+  - [ ] BoxShadow
+  - [ ] Overflow
+  - [ ] TextOverflow
+- [ ] Manage creation/edition of custom components
+  - [ ] Transition to custom component (group/ungroup)
+  - [ ] Implement custom component editor view
+- [ ] Implement tree navigator to visualize page structure
+
+
 </br>
 
 ## Mouse / Keyboard combinations

diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vuegg-client",
-  "version": "0.13.2",
+  "version": "0.13.3",
   "description": "vuegg UI",
   "author": "alxpez",
   "private": false,
@@ -27,48 +27,48 @@
     "dialog-polyfill": "^0.4.9",
     "downloadjs": "^1.4.7",
     "es6-promisify": "^5.0.0",
-    "localforage": "^1.5.7",
+    "localforage": "^1.7.1",
     "normalize.css": "^7.0.0",
     "oauth-open": "^1.0.3",
     "shortid": "^2.2.8",
-    "vue": "^2.5.13",
-    "vue-color": "^2.4.4",
-    "vue-directive-tooltip": "^1.4.2",
-    "vue-mdc-adapter": "^0.11.2",
+    "vue": "^2.5.16",
+    "vue-color": "^2.4.6",
+    "vue-directive-tooltip": "^1.4.5",
+    "vue-mdc-adapter": "^0.13.2",
     "vue-router": "^2.8.1",
     "vuex": "^2.5.0"
   },
   "devDependencies": {
     "autoprefixer": "^7.2.6",
     "babel-core": "^6.22.1",
     "babel-eslint": "^7.1.1",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-istanbul": "^4.1.1",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-istanbul": "^4.1.6",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-preset-env": "^1.6.1",
     "babel-preset-stage-2": "^6.22.0",
     "babel-register": "^6.22.0",
     "chai": "^3.5.0",
-    "chalk": "^2.3.1",
-    "chromedriver": "^2.35.0",
+    "chalk": "^2.3.2",
+    "chromedriver": "^2.37.0",
     "connect-history-api-fallback": "^1.5.0",
-    "copy-webpack-plugin": "^4.4.2",
-    "cross-env": "^5.1.3",
+    "copy-webpack-plugin": "^4.5.1",
+    "cross-env": "^5.1.4",
     "cross-spawn": "^5.0.1",
-    "css-loader": "^0.28.10",
+    "css-loader": "^0.28.11",
     "cssnano": "^3.10.0",
     "eslint": "^3.19.0",
     "eslint-config-standard": "^6.2.1",
     "eslint-friendly-formatter": "^3.0.0",
     "eslint-loader": "^1.7.1",
     "eslint-plugin-html": "^3.0.0",
-    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-promise": "^3.7.0",
     "eslint-plugin-standard": "^2.0.1",
     "eventsource-polyfill": "^0.9.6",
-    "express": "^4.16.2",
+    "express": "^4.16.3",
     "extract-text-webpack-plugin": "^2.0.0",
     "file-loader": "^0.11.1",
-    "friendly-errors-webpack-plugin": "^1.1.3",
+    "friendly-errors-webpack-plugin": "^1.7.0",
     "html-webpack-plugin": "^2.28.0",
     "http-proxy-middleware": "^0.17.3",
     "inject-loader": "^3.0.0",
@@ -77,33 +77,33 @@
     "karma-mocha": "^1.3.0",
     "karma-phantomjs-launcher": "^1.0.2",
     "karma-phantomjs-shim": "^1.5.0",
-    "karma-sinon-chai": "^1.3.3",
+    "karma-sinon-chai": "^1.3.4",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-spec-reporter": "0.0.31",
-    "karma-webpack": "^2.0.9",
+    "karma-webpack": "^2.0.13",
     "mocha": "^3.2.0",
-    "nightwatch": "^0.9.19",
-    "node-sass": "^4.7.2",
-    "opn": "^5.2.0",
+    "nightwatch": "^0.9.20",
+    "node-sass": "^4.8.3",
+    "opn": "^5.3.0",
     "optimize-css-assets-webpack-plugin": "^2.0.0",
     "ora": "^1.4.0",
     "phantomjs-prebuilt": "^2.1.16",
     "rimraf": "^2.6.0",
-    "sass-loader": "^6.0.6",
-    "selenium-server": "^3.9.1",
+    "sass-loader": "^6.0.7",
+    "selenium-server": "^3.11.0",
     "semver": "^5.5.0",
     "shelljs": "^0.7.6",
     "sinon": "^2.1.0",
     "sinon-chai": "^2.14.0",
     "url-loader": "^0.5.8",
     "vue-loader": "^13.7.1",
     "vue-style-loader": "^3.1.2",
-    "vue-svgicon": "^2.1.2",
-    "vue-template-compiler": "^2.5.13",
+    "vue-svgicon": "^2.1.3",
+    "vue-template-compiler": "^2.5.16",
     "webpack": "^2.6.1",
-    "webpack-bundle-analyzer": "^2.10.1",
+    "webpack-bundle-analyzer": "^2.11.1",
     "webpack-dev-middleware": "^1.12.2",
-    "webpack-hot-middleware": "^2.21.0",
+    "webpack-hot-middleware": "^2.22.0",
     "webpack-merge": "^4.1.2"
   },
   "engines": {

diff --git a/client/src/assets/MaterialComponents.js b/client/src/assets/MaterialComponents.js
@@ -14,10 +14,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -31,8 +31,8 @@ const materialComponents = [
     'attrs': {
       'toolbar-spacer': true,
       'permanent': false,
-      'persistent': false,
-      'temporary': true,
+      'persistent': true,
+      'temporary': false,
       'toggle-on': 'toggledrawer'
     },
     'styles': {},
@@ -83,10 +83,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -162,10 +162,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -226,10 +226,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -260,10 +260,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -331,10 +331,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -391,10 +391,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -428,10 +428,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -459,10 +459,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -494,10 +494,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -527,10 +527,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],
@@ -559,10 +559,10 @@ const materialComponents = [
     'dependencies': [
       {
         'name': 'vue-mdc-adapter',
-        'version': '^0.11.2',
+        'version': '^0.13.2',
         'imports': [
           ['VueMDCAdapter', 'vue-mdc-adapter'],
-          'https://unpkg.com/vue-mdc-adapter@^0.11.2/dist/vue-mdc-adapter.min.css'
+          'https://unpkg.com/vue-mdc-adapter@^0.13.2/dist/vue-mdc-adapter.min.css'
         ]
       }
     ],