@mongoosejs/studio 0.0.12 → 0.0.14

package/backend/actions/Model/getDocument.js

@@ -36,5 +36,5 @@ module.exports = ({ db }) => async function getDocument(params) {
   }
   removeSpecifiedPaths(schemaPaths, '.$*');
   
-  return { doc: doc.toJSON({ virtuals: false, getters: false, transform: false }), schemaPaths };
+  return { doc: doc.toJSON({ virtuals: true, getters: false, transform: false }), schemaPaths };
 };

package/frontend/src/document/document.html

@@ -38,8 +38,8 @@
         </component>
       </div>
       <div v-else>
-        <component :is="getComponentForPath(path)" :value="document[path.path]"></component>
+        <component :is="getComponentForPath(path)" :value="getValueForPath(path.path)"></component>
       </div>
     </div>
   </div>
-</div>
+</div>

package/frontend/src/document/document.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const api = require('../api');
+const mpath = require('mpath');
 const template = require('./document.html');
 const vanillatoast = require('vanillatoasts');
 
@@ -52,8 +53,11 @@ module.exports = app => app.component('document', {
       }
       return 'edit-default';
     },
+    getValueForPath(path) {
+      return mpath.get(path, this.document);
+    },
     getEditValueForPath({ path }) {
-      return path in this.changes ? this.changes[path] : this.document[path];
+      return path in this.changes ? this.changes[path] : mpath.get(path, this.document);
     },
     cancelEdit() {
       this.changes = {};
@@ -87,4 +91,4 @@ module.exports = app => app.component('document', {
       }
     }
   }
-});
+});

package/frontend/src/index.js

@@ -16,6 +16,7 @@ require('./edit-date/edit-date')(app);
 require('./export-query-results/export-query-results')(app);
 require('./list-array/list-array')(app);
 require('./list-default/list-default')(app);
+require('./list-mixed/list-mixed')(app);
 require('./list-string/list-string')(app);
 require('./list-subdocument/list-subdocument')(app);
 require('./modal/modal')(app);

package/frontend/src/list-array/list-array.css

@@ -1,8 +1,8 @@
 .list-array pre {
   max-height: 6.5em;
-  max-width: 60em;
+  max-width: 30em;
 }
 
 .list-array pre.maximized {
   max-height: auto;
-}
+}

package/frontend/src/list-array/list-array.js

@@ -9,15 +9,10 @@ module.exports = app => app.component('list-array', {
   props: ['value'],
   computed: {
     displayValue() {
-      return JSON.stringify(this.value, (key, value) => {
-        if (typeof value === 'string' && value.length > 30) {
-          return value.slice(0, 27) + '...';
-        }
-        return value;
-      }, '  ').trim();
+      return this.value;
     }
   },
   mounted() {
     Prism.highlightElement(this.$refs.code);
   }
-});
+});

package/frontend/src/list-default/list-default.css

@@ -0,0 +1,4 @@
+.list-default pre {
+  max-height: 6.5em;
+  max-width: 30em;
+}

package/frontend/src/list-default/list-default.html

@@ -1,7 +1,7 @@
-<div ref="itemData" class="tooltip">
+<div class="list-default" ref="itemData" class="tooltip">
   {{displayValue}}
   <div class="tooltiptext" style="display:flex; width: 100%; justify-content: space-around; align-items: center; min-width: 180px;">
     <div class="tooltiptextchild" v-if="allude" @click.stop="goToDoc(value)">View Document</div>
     <div class="tooltiptextchild" @click.stop="copyText(value)">copy &#x1F4CB;</div>
   </div>
-</div>
+</div>

package/frontend/src/list-default/list-default.js

@@ -39,6 +39,9 @@ module.exports = app => app.component('list-default', {
       if (this.value === undefined) {
         return 'undefined';
       }
+      if (this.value.length > 30) {
+        return this.value.substring(0,30) + '...';
+      }
       return this.value;
     },
     hasReference() {

package/frontend/src/list-mixed/list-mixed.css

@@ -0,0 +1,5 @@
+.list-mixed pre {
+  max-height: 6.5em;
+  max-width: 30em;
+}
+

package/frontend/src/list-mixed/list-mixed.html

@@ -0,0 +1,7 @@
+<div class="list-mixed tooltip">
+  <pre>
+    <code ref="MixedCode" class="language-javascript">{{shortenValue}}</code>
+    <span class="tooltiptext" @click.stop="copyText(value)">copy &#x1F4CB;</span>
+  </pre>
+</div>
+  

package/frontend/src/list-mixed/list-mixed.js

@@ -0,0 +1,41 @@
+'use strict';
+
+const api = require('../api');
+const template = require('./list-mixed.html');
+
+const vanillatoast = require('vanillatoasts');
+
+require('../appendCSS')(require('./list-mixed.css'));
+
+module.exports = app => app.component('list-mixed', {
+  template: template,
+  props: ['value'],
+  computed: {
+    shortenValue() {
+      return this.value;
+    }
+  },
+  methods: {
+    copyText(value) {
+      const storage = document.createElement('textarea');
+      storage.value = JSON.stringify(value);
+      const elem = this.$refs.MixedCode;
+      elem.appendChild(storage);
+      storage.select();
+      storage.setSelectionRange(0, 99999);
+      document.execCommand('copy');
+      elem.removeChild(storage);
+      vanillatoast.create({
+        title: 'Text copied!',
+        type: 'success',
+        timeout: 3000,
+        icon: 'images/success.png',
+        positionClass: 'bottomRight'
+      });
+    }
+  },
+  mounted: function() {
+    Prism.highlightElement(this.$refs.MixedCode);
+  }
+});
+

package/frontend/src/list-subdocument/list-subdocument.css

@@ -0,0 +1,4 @@
+.list-subdocument pre {
+  max-height: 6.5em;
+  max-width: 30em;
+}

package/frontend/src/list-subdocument/list-subdocument.html

@@ -1,3 +1,6 @@
-<div>
-<pre><code ref="SubDocCode" class="language-javascript">{{value}}</code></pre>
-</div>
+<div class="list-subdocument tooltip">
+  <pre>
+    <code ref="SubDocCode" class="language-javascript">{{shortenValue}}</code>
+    <span class="tooltiptext" @click.stop="copyText(value)">copy &#x1F4CB;</span>
+  </pre>
+</div>

package/frontend/src/list-subdocument/list-subdocument.js

@@ -2,10 +2,37 @@
 
 const api = require('../api');
 const template = require('./list-subdocument.html');
+const vanillatoast = require('vanillatoasts');
+
+require('../appendCSS')(require('./list-subdocument.css'));
 
 module.exports = app => app.component('list-subdocument', {
   template: template,
   props: ['value'],
+  computed: {
+    shortenValue() {
+      return this.value;
+    }
+  },
+  methods: {
+    copyText(value) {
+      const storage = document.createElement('textarea');
+      storage.value = JSON.stringify(value);
+      const elem = this.$refs.SubDocCode;
+      elem.appendChild(storage);
+      storage.select();
+      storage.setSelectionRange(0, 99999);
+      document.execCommand('copy');
+      elem.removeChild(storage);
+      vanillatoast.create({
+        title: 'Text copied!',
+        type: 'success',
+        timeout: 3000,
+        icon: 'images/success.png',
+        positionClass: 'bottomRight'
+      });
+    }
+  },
   mounted: function() {
     Prism.highlightElement(this.$refs.SubDocCode);
   }

package/frontend/src/models/models.js

@@ -154,6 +154,9 @@ module.exports = app => app.component('models', {
       if (schemaPath.instance == 'Embedded') {
         return 'list-subdocument';
       }
+      if (schemaPath.instance == 'Mixed') {
+        return 'list-mixed';
+      }
       return 'list-default';
     },
     getReferenceModel(schemaPath) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "dependencies": {
     "archetype": "0.13.0",
     "csv-stringify": "6.3.0",