expressa 1.1.0 → 1.2.0

package/modules/admin/dist/static/js/{chunk-libs.b6f27cfe.js.LICENSE.txt → chunk-libs.06c38828.js.LICENSE.txt}

@@ -8,7 +8,7 @@ object-assign
  * @license MIT */
 
 /*!
-  * Bootstrap v4.6.0 (https://getbootstrap.com/)
+  * Bootstrap v4.6.1 (https://getbootstrap.com/)
   * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */

package/modules/admin/package.json

@@ -52,10 +52,10 @@
     "eslint": "^7.0.0",
     "eslint-friendly-formatter": "^4.0.1",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-vue": "^6.2.2",
+    "eslint-plugin-vue": "^7.0.0",
     "file-loader": "1.1.11",
     "friendly-errors-webpack-plugin": "1.7.0",
-    "html-webpack-plugin": "4.0.0-alpha",
+    "html-webpack-plugin": "^4.0.0",
     "mini-css-extract-plugin": "0.4.1",
     "node-notifier": "5.2.1",
     "node-sass": "^6.0.1",
@@ -68,7 +68,7 @@
     "postcss-url": "7.3.2",
     "rimraf": "2.6.2",
     "sass-loader": "7.0.3",
-    "script-ext-html-webpack-plugin": "2.0.1",
+    "script-ext-html-webpack-plugin": "^2.1.5",
     "semver": "5.5.0",
     "shelljs": "0.8.2",
     "svg-sprite-loader": "3.8.0",

package/modules/admin/src/components/JSONEditor.vue

@@ -55,6 +55,14 @@ export default {
         }
         this.$emit('input', this.editor.getValue())
       })
+
+      const makeEditJsonTextAreaExpandable = () => {
+        const textarea = document.querySelector('.je-modal .je-edit-json--textarea')
+        textarea.classList.remove('je-edit-json--textarea') // INFO: Had to remove this class to remove height and width property
+        textarea.classList.add('expandable-textarea')
+      }
+
+      makeEditJsonTextAreaExpandable()
     },
     onSave() {
       this.$emit('json-save', this.json)
@@ -71,15 +79,8 @@ if (JSONEditor) {
     // If no valid editor is returned, the next resolver function will be used
   })
 
-  JSONEditor.defaults.callbacks.template = {
-    'deleteProfilePic': (jseditor, e) => {
-      alert('hey')
-    }
-  }
-
   JSONEditor.defaults.editors.schema = class schema extends JSONEditor.AbstractEditor {
     setValue(value, initial) {
-      console.log(this)
       this.value = value
       this.schemaeditor.setValue(value)
       this.onChange()
@@ -150,8 +151,20 @@ if (JSONEditor) {
 </script>
 
 <style>
-  h3 textarea {
-    resize: both;
+  .expandable-textarea {
+    display: block;
+    min-height: 250px;
+    min-width: 250px;
+    resize: both !important;
+  }
+  .jsoneditor-vue img {
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    padding: 5px;
+    width: 150px;
+  }
+  .jsoneditor-vue img:hover {
+    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
   }
   .jsoneditor-vue button.btn {
     font-size: 14px !important;

package/modules/admin/src/main.js

@@ -23,9 +23,9 @@ import '@/permission' // permission control
 import { VuePlugin } from 'vuera'
 
 import Unicon from 'vue-unicons/dist/vue-unicons-vue2.umd'
-import { uniDatabase, uniHome, uniHomeAlt, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus } from 'vue-unicons/dist/icons'
+import { uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink } from 'vue-unicons/dist/icons'
 
-Unicon.add([uniDatabase, uniHome, uniHomeAlt, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus])
+Unicon.add([uniDatabase, uniHome, uniUsersAlt, uniShieldCheck, uniBookOpen, uniDiary, uniFlask, uniCog, uniPlus, uniLink])
 Vue.use(Unicon)
 
 Vue.use(ElementUI, { locale })

package/modules/admin/src/router/index.js

@@ -1,185 +1,185 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
-// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
-
-Vue.use(Router)
-
-/* Layout */
-import Layout from '../views/layout/Layout'
-
-const capitalize = (s) => {
-  if (typeof s !== 'string') return ''
-  return s.charAt(0).toUpperCase() + s.slice(1)
-}
-
-/**
-* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
-* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
-*                                if not set alwaysShow, only more than one route under the children
-*                                it will becomes nested mode, otherwise not show the root menu
-* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
-* name:'router-name'             the name is used by <keep-alive> (must set!!!)
-* meta : {
-    title: 'title'               the name show in submenu and breadcrumb (recommend set)
-    icon: 'svg-name'             the icon show in the sidebar,
-  }
-**/
-
-export const constantRouterMap = [
-  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
-  { path: '/install', component: () => import('@/views/Install'), hidden: true },
-  { path: '/404', component: () => import('@/views/404'), hidden: true },
-
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/home',
-    name: 'Home',
-    meta: { title: 'Home', icon: 'home-alt' },
-    children: [{
-      path: 'home',
-      meta: { title: 'Home', icon: 'home-alt' },
-      component: () => import('@/views/Home')
-    }, {
-      path: '/edit/:collectionName/:id',
-      component: () => import('@/views/EditDocument'),
-      hidden: true
-    }]
-  },
-
-  {
-    path: '/users',
-    redirect: '/users/list',
-    component: Layout,
-    name: 'Users',
-    meta: { title: 'People', icon: 'users-alt' },
-    children: [{
-      path: 'list',
-      meta: { title: 'Users', icon: 'users-alt' },
-      name: 'users2',
-      component: () => import('@/views/ListDocuments2'),
-      props: { collectionName: 'users' },
-    }, {
-      path: 'add',
-      meta: { title: 'Add User', icon: 'plus' },
-      name: 'newuser',
-      component: () => import('@/views/EditDocument'),
-      props: { collectionName: 'users', id: 'create' },
-    }, {
-      path: 'role',
-      meta: { title: 'Roles', icon: 'shield-check' },
-      name: 'role',
-      component: () => import('@/views/ListDocuments2'),
-      props: { collectionName: 'role' },
-    }, {
-      path: 'addrole',
-      meta: { title: 'Add Role', icon: 'plus' },
-      name: 'newrole',
-      component: () => import('@/views/EditDocument'),
-      props: { collectionName: 'role', id: 'create' },
-    }],
-  },
-
-  {
-    path: '/list/:collectionName',
-    component: Layout,
-    hidden: true,
-    name: 'Data',
-    meta: { title: 'Data', icon: 'database' },
-    children: [{
-      path: '',
-      name: ':collectionName',
-      component: () => import('@/views/ListDocuments2'),
-      props: route => ({ collectionName: route.params.collectionName }),
-      meta: { title: capitalize(name) }
-    }]
-  },
-
-  {
-    path: '/manage/permissions',
-    component: Layout,
-    name: 'permissions',
-    meta: { title: 'Manage' },
-    children: [
-      {
-        path: '',
-        name: 'permissions',
-        component: () => import('@/views/ManagePermissions'),
-        meta: { title: 'Permissions' }
-      }
-    ]
-  },
-
-  {
-    path: '/dev',
-    component: Layout,
-    meta: { title: 'Dev', icon: 'flask' },
-    name: 'Dev',
-    children: [
-      {
-        path: '',
-        name: '',
-        component: () => import('@/views/Dev'),
-        meta: { title: '' },
-        hidden: true,
-      },
-      {
-        path: 'listeners',
-        name: 'listeners',
-        component: () => import('@/views/ManageListeners'),
-        meta: { title: 'Listeners' }
-      },
-      {
-        path: 'middleware',
-        name: 'middleware',
-        component: () => import('@/views/ManageMiddleware'),
-        meta: { title: 'Middleware' }
-      }, {
-        path: 'requestlogs',
-        meta: { title: 'Request Logs', icon: 'diary' },
-        name: 'requestlogs',
-        component: () => import('@/views/ListDocuments2'),
-        props: { collectionName: 'requestlog', columns: ['method', 'url', 'req.ip', 'user', 'res.message', 'res.statusCode', 'res.headers.content-length'] },
-      }, {
-        path: 'viewrequest/:requestId',
-        hidden: true,
-        meta: { title: 'View Request', icon: 'diary' },
-        name: 'viewrequest',
-        component: () => import('@/views/ViewRequest'),
-      }, {
-        path: '/edit/collection',
-        component: Layout,
-        name: 'Schema',
-        hidden: true,
-        meta: { title: 'Schemas', icon: 'cog' },
-        children: [{
-          hidden: true,
-          path: '/:collectionName',
-          name: name,
-          meta: { title: capitalize(name) }
-        }]
-      },
-    ]
-  },
-
-  {
-    path: 'external-link',
-    component: Layout,
-    children: [
-      {
-        path: 'https://github.com/thomas4019/expressa',
-        meta: { title: 'Expressa Docs', icon: 'link' }
-      }
-    ]
-  },
-
-  { path: '*', redirect: '/404', hidden: true }
-]
-
-export default new Router({
-  // mode: 'history',
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRouterMap
-})
+import Vue from 'vue'
+import Router from 'vue-router'
+
+// in development-env not use lazy-loading, because lazy-loading too many pages will cause webpack hot update too slow. so only in production use lazy-loading;
+// detail: https://panjiachen.github.io/vue-element-admin-site/#/lazy-loading
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '../views/layout/Layout'
+
+const capitalize = (s) => {
+  if (typeof s !== 'string') return ''
+  return s.charAt(0).toUpperCase() + s.slice(1)
+}
+
+/**
+* hidden: true                   if `hidden:true` will not show in the sidebar(default is false)
+* alwaysShow: true               if set true, will always show the root menu, whatever its child routes length
+*                                if not set alwaysShow, only more than one route under the children
+*                                it will becomes nested mode, otherwise not show the root menu
+* redirect: noredirect           if `redirect:noredirect` will no redirect in the breadcrumb
+* name:'router-name'             the name is used by <keep-alive> (must set!!!)
+* meta : {
+    title: 'title'               the name show in submenu and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar,
+  }
+**/
+
+export const constantRouterMap = [
+  { path: '/login', component: () => import('@/views/login/index'), hidden: true },
+  { path: '/install', component: () => import('@/views/Install'), hidden: true },
+  { path: '/404', component: () => import('@/views/404'), hidden: true },
+
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/home',
+    name: 'Home',
+    meta: { title: 'Home', icon: 'home' },
+    children: [{
+      path: 'home',
+      meta: { title: 'Home', icon: 'home' },
+      component: () => import('@/views/Home')
+    }, {
+      path: '/edit/:collectionName/:id',
+      component: () => import('@/views/EditDocument'),
+      hidden: true
+    }]
+  },
+
+  {
+    path: '/users',
+    redirect: '/users/list',
+    component: Layout,
+    name: 'Users',
+    meta: { title: 'People', icon: 'users-alt' },
+    children: [{
+      path: 'list',
+      meta: { title: 'Users', icon: 'users-alt' },
+      name: 'users2',
+      component: () => import('@/views/ListDocuments2'),
+      props: { collectionName: 'users' },
+    }, {
+      path: 'add',
+      meta: { title: 'Add User', icon: 'plus' },
+      name: 'newuser',
+      component: () => import('@/views/EditDocument'),
+      props: { collectionName: 'users', id: 'create' },
+    }, {
+      path: 'role',
+      meta: { title: 'Roles', icon: 'shield-check' },
+      name: 'role',
+      component: () => import('@/views/ListDocuments2'),
+      props: { collectionName: 'role' },
+    }, {
+      path: 'addrole',
+      meta: { title: 'Add Role', icon: 'plus' },
+      name: 'newrole',
+      component: () => import('@/views/EditDocument'),
+      props: { collectionName: 'role', id: 'create' },
+    }],
+  },
+
+  {
+    path: '/list/:collectionName',
+    component: Layout,
+    hidden: true,
+    name: 'Data',
+    meta: { title: 'Data', icon: 'database' },
+    children: [{
+      path: '',
+      name: ':collectionName',
+      component: () => import('@/views/ListDocuments2'),
+      props: route => ({ collectionName: route.params.collectionName }),
+      meta: { title: capitalize(name) }
+    }]
+  },
+
+  {
+    path: '/manage/permissions',
+    component: Layout,
+    name: 'permissions',
+    meta: { title: 'Manage', icon: 'shield-check' },
+    children: [
+      {
+        path: '',
+        name: 'permissions',
+        component: () => import('@/views/ManagePermissions'),
+        meta: { title: 'Permissions' }
+      }
+    ]
+  },
+
+  {
+    path: '/dev',
+    component: Layout,
+    meta: { title: 'Dev', icon: 'flask' },
+    name: 'Dev',
+    children: [
+      {
+        path: '',
+        name: '',
+        component: () => import('@/views/Dev'),
+        meta: { title: '' },
+        hidden: true,
+      },
+      {
+        path: 'listeners',
+        name: 'listeners',
+        component: () => import('@/views/ManageListeners'),
+        meta: { title: 'Listeners' }
+      },
+      {
+        path: 'middleware',
+        name: 'middleware',
+        component: () => import('@/views/ManageMiddleware'),
+        meta: { title: 'Middleware' }
+      }, {
+        path: 'requestlogs',
+        meta: { title: 'Request Logs', icon: 'diary' },
+        name: 'requestlogs',
+        component: () => import('@/views/ListDocuments2'),
+        props: { collectionName: 'requestlog', columns: ['method', 'url', 'req.ip', 'user', 'res.message', 'res.statusCode', 'res.headers.content-length'] },
+      }, {
+        path: 'viewrequest/:requestId',
+        hidden: true,
+        meta: { title: 'View Request', icon: 'diary' },
+        name: 'viewrequest',
+        component: () => import('@/views/ViewRequest'),
+      }, {
+        path: '/edit/collection',
+        component: Layout,
+        name: 'Schema',
+        hidden: true,
+        meta: { title: 'Schemas', icon: 'cog' },
+        children: [{
+          hidden: true,
+          path: '/:collectionName',
+          name: name,
+          meta: { title: capitalize(name) }
+        }]
+      },
+    ]
+  },
+
+  {
+    path: 'external-link',
+    component: Layout,
+    children: [
+      {
+        path: 'https://github.com/thomas4019/expressa',
+        meta: { title: 'Expressa Docs', icon: 'link' }
+      }
+    ]
+  },
+
+  { path: '*', redirect: '/404', hidden: true }
+]
+
+export default new Router({
+  // mode: 'history',
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRouterMap
+})