@mongoosejs/studio 0.0.16 → 0.0.18

package/frontend/src/document/document.html

@@ -7,17 +7,32 @@
     </div>
 
     <div class="right">
-      <button v-if="!editting" @click="editting = true">
-        <img src="images/edit.svg" /> Edit
+      <button
+        v-if="!editting"
+        @click="editting = true"
+        type="button"
+        class="rounded-md bg-puerto-rico-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600">
+        <img src="images/edit.svg" class="inline" /> Edit
       </button>
-      <button v-if="editting" class="grey" @click="editting = false">
+      <button
+        v-if="editting"
+        @click="save"
+        type="button"
+        class="rounded-md bg-slate-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-slate-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-600">
         &times; Cancel
       </button>
-      <button v-if="editting" class="green" @click="save">
-        <img src="images/save.svg" /> Save
+      <button
+        v-if="editting"
+        @click="save"
+        type="button"
+        class="rounded-md bg-green-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600">
+        <img src="images/save.svg" class="inline" /> Save
       </button>
-      <button class="red" @click="remove">
-        <img src="images/delete.svg" /> Delete
+      <button
+        @click="remove"
+        type="button"
+        class="rounded-md bg-red-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600">
+        <img src="images/delete.svg" class="inline" /> Delete
       </button>
     </div>
   </div>

package/frontend/src/models/models.html

@@ -18,8 +18,18 @@
 
         </div>
         <div class="buttons">
-          <button @click="shouldShowExportModal = true">Export</button>
-          <button @click="shouldShowFieldModal = true">Fields</button>
+          <button
+            @click="shouldShowExportModal = true"
+            type="button"
+            class="rounded bg-puerto-rico-600 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600">
+            Export
+          </button>
+          <button
+            @click="shouldShowFieldModal = true"
+            type="button"
+            class="rounded bg-puerto-rico-600 px-2 py-1 text-sm font-semibold text-white shadow-sm hover:bg-puerto-rico-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-puerto-rico-600">
+            Fields
+          </button>
         </div>
       </div>
     </div>

package/frontend/src/models/models.js

@@ -54,6 +54,7 @@ module.exports = app => app.component('models', {
     if (this.currentModel == null && this.models.length > 0) {
       this.currentModel = this.models[0];
     }
+
     this.query = Object.assign({}, this.$route.query); // important that this is here before the if statements
     if (this.$route.query?.search) {
       this.searchText = this.$route.query.search;
@@ -70,20 +71,28 @@ module.exports = app => app.component('models', {
     if (this.currentModel != null) {
       await this.getDocuments();
     }
-
-    const hashUrl = window.location.hash.replace(/^#/, '');
-    if (hashUrl.indexOf('?') !== -1) {
-      const searchParams = new URLSearchParams(
-        hashUrl.slice(hashUrl.indexOf('?') + 1)
-      );
-      if (searchParams.has('fields')) {
-        this.filteredPaths = searchParams.get('fields').split(',').map(path => ({ path }));
-      }
-    }
+    this.applyQueryParams();
 
     this.status = 'loaded';
   },
   methods: {
+    applyQueryParams() {
+      const hashUrl = window.location.hash.replace(/^#/, '');
+      if (hashUrl.indexOf('?') !== -1) {
+        const searchParams = new URLSearchParams(
+          hashUrl.slice(hashUrl.indexOf('?') + 1)
+        );
+        if (searchParams.has('fields')) {
+          const filter = searchParams.get('fields').split(',');
+          this.filteredPaths = this.filteredPaths.filter(x => filter.includes(x.path))
+        }
+        if (searchParams.has('search')) {
+          this.searchText = searchParams.get('search');
+          this.filter = eval(`(${this.searchText})`);
+          this.filter = EJSON.stringify(this.filter);
+        }
+      }
+    },
     async onScroll() {
       if (this.status === 'loading' || this.loadedAllDocs) {
         return;
@@ -120,20 +129,31 @@ module.exports = app => app.component('models', {
         this.query.sort = `{${path}:${num}}`
         this.$router.push({ query: this.query });
       }
-      await this.getDocuments();
+      await this.loadMoreDocuments();
     },
     async search() {
       if (this.searchText && Object.keys(this.searchText).length) {
         this.filter = eval(`(${this.searchText})`);
         this.filter = EJSON.stringify(this.filter);
         this.query.search = this.searchText;
-        this.$router.push({ path: this.$route.path, query: this.query })
       } else {
         this.filter = {};
         delete this.query.search;
-        this.$router.push({ path: this.$route.path, query: this.query });
       }
-      await this.getDocuments();
+
+      const hashUrl = window.location.hash.replace(/^#/, '');
+      if (hashUrl.indexOf('?') === -1) {
+        window.history.pushState({}, '', window.location.pathname + '#' + hashUrl + '?search=' + this.query.search);
+      } else {
+        const searchParams = new URLSearchParams(
+          hashUrl.indexOf('?') === -1 ? '' : hashUrl.slice(hashUrl.indexOf('?') + 1)
+        );
+        const hashUrlWithoutSearchParams = hashUrl.slice(0, hashUrl.indexOf('?'));
+        
+        searchParams.set('search', this.query.search);
+        window.history.pushState({}, '', window.location.pathname + '#' + hashUrlWithoutSearchParams + '?' + searchParams);
+      }
+      await this.loadMoreDocuments();
     },
     async getDocuments() {
       const { docs, schemaPaths, numDocs } = await api.Model.getDocuments({
@@ -165,6 +185,18 @@ module.exports = app => app.component('models', {
       this.filteredPaths = [...this.schemaPaths];
       this.selectedPaths = [...this.schemaPaths];
     },
+    async loadMoreDocuments() {
+      const { docs } = await api.Model.getDocuments({
+        model: this.currentModel,
+        filter: this.filter,
+        sort: this.sortBy,
+        limit
+      });
+      this.documents = docs;
+      if (docs.length < limit) {
+        this.loadedAllDocs = true;
+      }
+    },
     addOrRemove(path) {
       const exists = this.selectedPaths.findIndex(x => x.path == path.path);
       if (exists > 0) { // remove
@@ -186,7 +218,7 @@ module.exports = app => app.component('models', {
       this.filteredPaths = [...this.selectedPaths];
       this.shouldShowFieldModal = false;
       const selectedParams = this.filteredPaths.map(x => x.path).join(',');
-
+      // sets the query params
       const hashUrl = window.location.hash.replace(/^#/, '');
       if (hashUrl.indexOf('?') === -1) {
         window.history.pushState({}, '', window.location.pathname + '#' + hashUrl + '?fields=' + selectedParams);

package/logs/COUNT_20230524-154120-151469/operation.log

@@ -0,0 +1,8 @@
+2023-05-24 15:41:20 INFO  Username and password provided but auth provider not specified, inferring PlainTextAuthProvider
+2023-05-24 15:41:20 INFO  A cloud secure connect bundle was provided: ignoring all explicit contact points.
+2023-05-24 15:41:20 INFO  Operation directory: /home/val/Workspace/meanIT/admin/logs/COUNT_20230524-154120-151469
+2023-05-24 15:41:25 ERROR Operation COUNT_20230524-154120-151469 failed: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined.
+java.lang.IllegalArgumentException: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined
+	at com.datastax.oss.dsbulk.workflow.commons.settings.SchemaSettings.init(SchemaSettings.java:329)
+	at com.datastax.oss.dsbulk.workflow.count.CountWorkflow.init(CountWorkflow.java:120)
+	at com.datastax.oss.dsbulk.runner.WorkflowThread.run(WorkflowThread.java:52)

package/logs/COUNT_20230524-154408-077670/operation.log

@@ -0,0 +1,22 @@
+2023-05-24 15:44:08 INFO  Username and password provided but auth provider not specified, inferring PlainTextAuthProvider
+2023-05-24 15:44:08 INFO  A cloud secure connect bundle was provided: ignoring all explicit contact points.
+2023-05-24 15:44:08 INFO  Operation directory: /home/val/Workspace/meanIT/admin/logs/COUNT_20230524-154408-077670
+2023-05-24 15:44:08 ERROR Operation COUNT_20230524-154408-077670 failed: DriverExecutionException (no message).
+   Caused by: Server returned HTTP response code: 401 for URL: https://54be87f5-14f5-4bf1-a5be-155e78347c97-us-east1.db.astra.datastax.com:29080/metadata.
+com.datastax.oss.driver.api.core.DriverExecutionException: null
+	at com.datastax.oss.driver.internal.core.util.concurrent.CompletableFutures.getUninterruptibly(CompletableFutures.java:152)
+	at com.datastax.oss.driver.api.core.session.SessionBuilder.build(SessionBuilder.java:835)
+	at com.datastax.oss.dsbulk.workflow.commons.settings.DriverSettings.newSession(DriverSettings.java:560)
+	at com.datastax.oss.dsbulk.workflow.count.CountWorkflow.init(CountWorkflow.java:117)
+	at com.datastax.oss.dsbulk.runner.WorkflowThread.run(WorkflowThread.java:52)
+Caused by: java.io.IOException: Server returned HTTP response code: 401 for URL: https://54be87f5-14f5-4bf1-a5be-155e78347c97-us-east1.db.astra.datastax.com:29080/metadata
+	at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream0(HttpURLConnection.java:2000)
+	at java.base/sun.net.www.protocol.http.HttpURLConnection.getInputStream(HttpURLConnection.java:1589)
+	at java.base/sun.net.www.protocol.https.HttpsURLConnectionImpl.getInputStream(HttpsURLConnectionImpl.java:224)
+	at com.datastax.oss.driver.internal.core.config.cloud.CloudConfigFactory.fetchProxyMetadata(CloudConfigFactory.java:232)
+	at com.datastax.oss.driver.internal.core.config.cloud.CloudConfigFactory.createCloudConfig(CloudConfigFactory.java:133)
+	at com.datastax.oss.driver.api.core.session.SessionBuilder.buildDefaultSessionAsync(SessionBuilder.java:876)
+	at com.datastax.oss.driver.api.core.session.SessionBuilder.buildAsync(SessionBuilder.java:817)
+	at com.datastax.oss.driver.api.core.session.SessionBuilder.build(SessionBuilder.java:835)
+	at com.datastax.oss.dsbulk.workflow.commons.settings.DriverSettings.newSession(DriverSettings.java:560)
+	at com.datastax.oss.dsbulk.workflow.count.CountWorkflow.init(CountWorkflow.java:117)

package/logs/COUNT_20230524-154414-431706/operation.log

@@ -0,0 +1,8 @@
+2023-05-24 15:44:14 INFO  Username and password provided but auth provider not specified, inferring PlainTextAuthProvider
+2023-05-24 15:44:14 INFO  A cloud secure connect bundle was provided: ignoring all explicit contact points.
+2023-05-24 15:44:14 INFO  Operation directory: /home/val/Workspace/meanIT/admin/logs/COUNT_20230524-154414-431706
+2023-05-24 15:44:19 ERROR Operation COUNT_20230524-154414-431706 failed: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined.
+java.lang.IllegalArgumentException: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined
+	at com.datastax.oss.dsbulk.workflow.commons.settings.SchemaSettings.init(SchemaSettings.java:329)
+	at com.datastax.oss.dsbulk.workflow.count.CountWorkflow.init(CountWorkflow.java:120)
+	at com.datastax.oss.dsbulk.runner.WorkflowThread.run(WorkflowThread.java:52)

package/logs/COUNT_20230524-155000-297076/operation.log

@@ -0,0 +1,8 @@
+2023-05-24 15:50:00 INFO  Username and password provided but auth provider not specified, inferring PlainTextAuthProvider
+2023-05-24 15:50:00 INFO  A cloud secure connect bundle was provided: ignoring all explicit contact points.
+2023-05-24 15:50:00 INFO  Operation directory: /home/val/Workspace/meanIT/admin/logs/COUNT_20230524-155000-297076
+2023-05-24 15:50:02 ERROR Operation COUNT_20230524-155000-297076 failed: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined.
+java.lang.IllegalArgumentException: When schema.query is not defined, then either schema.keyspace or schema.graph must be defined, and either schema.table, schema.vertex or schema.edge must be defined
+	at com.datastax.oss.dsbulk.workflow.commons.settings.SchemaSettings.init(SchemaSettings.java:329)
+	at com.datastax.oss.dsbulk.workflow.count.CountWorkflow.init(CountWorkflow.java:120)
+	at com.datastax.oss.dsbulk.runner.WorkflowThread.run(WorkflowThread.java:52)

package/logs/LOAD_20230524-155832-351763/checkpoint.csv

@@ -0,0 +1 @@
+https://raw.githubusercontent.com/awesome-astra/docs/main/docs/assets/cities.csv;1;148266;1:148266;

package/logs/LOAD_20230524-155832-351763/operation.log

@@ -0,0 +1,23 @@
+2023-05-24 15:58:32 INFO  Username and password provided but auth provider not specified, inferring PlainTextAuthProvider
+2023-05-24 15:58:32 INFO  A cloud secure connect bundle was provided: ignoring all explicit contact points.
+2023-05-24 15:58:32 INFO  A cloud secure connect bundle was provided and selected operation performs writes: changing default consistency level to LOCAL_QUORUM.
+2023-05-24 15:58:32 INFO  Operation directory: /home/val/Workspace/meanIT/admin/logs/LOAD_20230524-155832-351763
+2023-05-24 15:58:35 INFO  Setting executor.maxPerSecond not set when connecting to DataStax Astra: applying a limit of 9,000 ops/second based on the number of coordinators (3).
+2023-05-24 15:58:35 INFO  If your Astra database has higher limits, please define executor.maxPerSecond explicitly.
+2023-05-24 15:58:52 INFO  Operation LOAD_20230524-155832-351763 completed successfully in 15 seconds.
+2023-05-24 15:58:52 INFO  Records: total: 148,266, successful: 148,266, failed: 0
+2023-05-24 15:58:52 INFO  Batches: total: 4,801, size: 31.02 mean, 1 min, 32 max
+2023-05-24 15:58:52 INFO  Memory usage: used: 245 MB, free: 138 MB, allocated: 384 MB, available: 3,946 MB, total gc count: 25, total gc time: 59 ms
+2023-05-24 15:58:52 INFO  Writes: total: 148,266, successful: 148,266, failed: 0, in-flight: 0
+2023-05-24 15:58:52 INFO  Throughput: 8,972 writes/second
+2023-05-24 15:58:52 INFO  Latencies: mean 61.26, 75p 74.97, 99p 297.80, 999p 557.84 milliseconds
+2023-05-24 15:58:54 INFO  Final stats:
+2023-05-24 15:58:54 INFO  Records: total: 148,266, successful: 148,266, failed: 0
+2023-05-24 15:58:54 INFO  Batches: total: 4,801, size: 31.02 mean, 1 min, 32 max
+2023-05-24 15:58:54 INFO  Memory usage: used: 248 MB, free: 135 MB, allocated: 384 MB, available: 3,946 MB, total gc count: 25, total gc time: 59 ms
+2023-05-24 15:58:54 INFO  Writes: total: 148,266, successful: 148,266, failed: 0, in-flight: 0
+2023-05-24 15:58:54 INFO  Throughput: 7,998 writes/second
+2023-05-24 15:58:54 INFO  Latencies: mean 61.26, 75p 74.97, 99p 297.80, 999p 557.84 milliseconds
+2023-05-24 15:58:54 INFO  Checkpoints for the current operation were written to checkpoint.csv.
+2023-05-24 15:58:54 INFO  To resume the current operation, re-run it with the same settings, and add the following command line flag:
+2023-05-24 15:58:54 INFO  --dsbulk.log.checkpoint.file=/home/val/Workspace/meanIT/admin/logs/LOAD_20230524-155832-351763/checkpoint.csv

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mongoosejs/studio",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "dependencies": {
     "archetype": "0.13.0",
     "csv-stringify": "6.3.0",
@@ -19,7 +19,12 @@
     "express": "4.x",
     "mocha": "10.2.0",
     "mongoose": "7.x",
+    "tailwindcss": "3.4.0",
     "vue": "3.x",
     "webpack": "5.75.0"
+  },
+  "scripts": {
+    "tailwind": "tailwindcss -o ./frontend/public/tw.css",
+    "tailwind:watch": "tailwindcss -o ./frontend/public/tw.css --watch"
   }
 }

package/tailwind.config.js

@@ -0,0 +1,29 @@
+'use strict';
+
+module.exports = {
+  mode: 'jit',
+  content: ['./frontend/src/**/*.html', './frontend/src/**/*.js'],
+  corePlugins: {
+    container: true
+  },
+  plugins: [],
+  theme: {
+    extend: {
+      colors: {
+        'puerto-rico': {
+          '50': '#eefffb',
+          '100': '#c6fff3',
+          '200': '#8effe8',
+          '300': '#4dfbdb',
+          '400': '#15d4b7',
+          '500': '#00ccb0',
+          '600': '#00a491',
+          '700': '#038276',
+          '800': '#08675f',
+          '900': '#0c554e',
+          '950': '#003432',
+        } 
+      } 
+    }
+  }
+};