Add RDF support and bump Kùzu version to 0.2.0

datasets.json

@@ -1,6 +1,6 @@
 {
   "repository": "https://github.com/kuzudb/kuzu",
-  "commitHash": "5d7ad0045c026e711edbd446e4c3d90ed2823c14",
+  "commitHash": "83e28e4eba40594835156903f0a2826fcd2e865c",
   "datasetsRoot": "dataset",
   "datasets": [
     {
@@ -32,6 +32,24 @@
       "path": "snap/twitter/csv",
       "isProduction": true,
       "description": ""
+    },
+    {
+      "name": "RDF Taxonomy",
+      "path": "copy-test/rdf",
+      "isProduction": false,
+      "description": ""
+    },
+    {
+      "name": "RDF SPB",
+      "path": "rdf/spb",
+      "isProduction": true,
+      "description": ""
+    },
+    {
+      "name": "RDFox Example",
+      "path": "rdf/rdfox_example",
+      "isProduction": false,
+      "description": ""
     }
   ]
 }

package.json

@@ -24,7 +24,7 @@
     "bootstrap": "^5.3.1",
     "core-js": "^3.8.3",
     "express": "^4.18.2",
-    "kuzu": "0.1.0",
+    "kuzu": "0.2.0",
     "moment": "^2.29.4",
     "monaco-editor": "^0.41.0",
     "monaco-themes": "^0.4.4",

src/components/DatasetView/DatasetMainView.vue

@@ -5,7 +5,7 @@
     class="dataset-view__wrapper"
   >
     <div
-      v-if="!isSchemaEmpty && !datasetLoadingLog && modeStore.isReadWrite"
+      v-if="!isSchemaEmpty && isProduction && !datasetLoadingLog && modeStore.isReadWrite"
       class="alert alert-warning"
       role="alert"
     >
@@ -16,7 +16,7 @@
     </div>
 
     <div
-      v-if="isSchemaEmpty && !datasetLoadingLog && modeStore.isReadWrite"
+      v-if="isSchemaEmpty && isProduction && !datasetLoadingLog && modeStore.isReadWrite"
       class="alert alert-info"
       role="alert"
     >
@@ -25,6 +25,16 @@
       database.
     </div>
 
+    <div
+      v-if="!isProduction && modeStore.isReadWrite"
+      class="alert alert-warning"
+      role="alert"
+    >
+      <i class="fa-solid fa-info-circle" />
+      You are running KùzuExplorer in development mode. You can load any dataset into the
+      database. However, please make sure there is no conflict with the existing schema.
+    </div>
+
     <div
       v-if="modeStore.isReadOnly"
       class="alert alert-warning"
@@ -84,7 +94,7 @@
         class="btn btn-lg btn-primary"
         title="Load Dataset"
         :disabled="
-          !isSchemaEmpty ||
+          (!isSchemaEmpty && isProduction) ||
             !selectedDatasetSchema ||
             datasetLoadingLog ||
             !modeStore.isReadWrite
@@ -128,6 +138,7 @@ export default {
     datasetLoadingEnded: false,
     databaseSchemaHash: {},
     allDatasets: [],
+    isProduction: true,
   }),
   computed: {
     isSchemaEmpty() {
@@ -151,6 +162,12 @@ export default {
           if (!this.selectedDataset && this.allDatasets.length > 0) {
             this.selectedDataset = this.allDatasets[0];
           }
+          for (const dataset of this.allDatasets) {
+            if (!dataset.isProduction) {
+              this.isProduction = false;
+              break;
+            }
+          }
         })
         .catch((error) => {
           console.error(error);

src/components/MainLayout.vue

@@ -260,6 +260,25 @@ export default {
           r.group = relGroupsMap[r.name];
         }
       });
+      const rdfMap = {};
+      this.schema.rdf.forEach((r) => {
+        r.nodes.forEach((n) => {
+          rdfMap[n] = r.name;
+        });
+        r.rels.forEach((rel) => {
+          rdfMap[rel] = r.name;
+        });
+      });
+      this.schema.nodeTables.forEach((n) => {
+        if (rdfMap[n.name]) {
+          n.rdf = rdfMap[n.name];
+        }
+      });
+      this.schema.relTables.forEach((r) => {
+        if (rdfMap[r.name]) {
+          r.rdf = rdfMap[r.name];
+        }
+      });
     },
     async getMode() {
       const response = await Axios.get("/api/mode");

src/components/SchemaView/SchemaActionDialog.vue

@@ -171,6 +171,23 @@ export default {
       this.statement = statement;
       this.showModal();
     },
+    addRdf(tableName, rdf) {
+      this.reset();
+      this.currentAction = {
+        type: SCHEMA_ACTION_TYPES.ADD_RDF,
+        table: tableName,
+        rdf,
+      };
+      const statement = DataDefinitionLanguage.addRdf(tableName, rdf);
+      this.statement = statement;
+      this.showModal();
+    },
+    dropRdf(tableName) {
+      this.reset();
+      const statement = DataDefinitionLanguage.dropRdf(tableName);
+      this.statement = statement;
+      this.showModal();
+    },
     dropProperty(table, property) {
       this.reset();
       const statement = DataDefinitionLanguage.dropProperty(table, property);

src/components/SchemaView/SchemaSidebarEditView.vue

@@ -40,6 +40,7 @@
         <h6 v-if="relGroup">
           <b>{{ relGroup }} </b> group
         </h6>
+
         <h6>
           <span
             class="badge bg-primary"
@@ -85,7 +86,6 @@
         &nbsp;
         <button
           class="btn btn-sm btn-outline-danger"
-          :disabled="!!relGroup"
           title="Drop Table"
           @click="$emit('dropTable', label)"
         >
@@ -253,11 +253,10 @@ export default {
 
     relGroup() {
       if (!this.schema || !this.label || this.isNode) {
-        return false;
+        return null;
       }
       return this.schema.relTables.find(t => t.name === this.label).group;
     },
-
     tableProperties() {
       if (this.isEditingLabel) {
         if (this.isNode) {
@@ -270,12 +269,12 @@ export default {
       }
       if (this.isNode) {
         return this.schema.nodeTables
-            .find(t => t.name === this.label)
-            .properties;
+          .find(t => t.name === this.label)
+          .properties;
       } else {
         return this.schema.relTables
-            .find(t => t.name === this.label)
-            .properties;
+          .find(t => t.name === this.label)
+          .properties;
       }
     },
   },