nwl-components 0.0.4 → 0.0.9

package/dist/nwl-components.es.js

@@ -21,21 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _transformProjectFiles, transformProjectFiles_fn;
-import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, vModelCheckbox } from "vue";
+import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs } from "vue";
 let nanoid = (size = 21) => {
   let id = "";
   let bytes = crypto.getRandomValues(new Uint8Array(size));
@@ -61,8 +47,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$j = ["value"];
-const _sfc_main$p = {
+const _hoisted_1$k = ["value"];
+const _sfc_main$q = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -78,20 +64,20 @@ const _sfc_main$p = {
       return openBlock(), createElementBlock("input", mergeProps({ type: "text" }, props, {
         value: __props.modelValue,
         onInput: handleInput
-      }), null, 16, _hoisted_1$j);
+      }), null, 16, _hoisted_1$k);
     };
   }
 };
-var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2cc3f9d3"]]);
+var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2cc3f9d3"]]);
 var Autocomplete_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$i = ["aria-owns", "aria-expanded"];
+const _hoisted_1$j = ["aria-owns", "aria-expanded"];
 const _hoisted_2$d = ["id"];
 const _hoisted_3$a = {
   key: 0,
   class: "loading"
 };
 const _hoisted_4$9 = ["onClick", "id", "aria-selected"];
-const _sfc_main$o = {
+const _sfc_main$p = {
   props: {
     items: {
       type: Array,
@@ -242,14 +228,14 @@ const _sfc_main$o = {
         ], 8, _hoisted_2$d), [
           [vShow, unref(state2).isOpen]
         ])
-      ], 8, _hoisted_1$i);
+      ], 8, _hoisted_1$j);
     };
   }
 };
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ee76199e"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ee76199e"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$h = ["title", "disabled"];
-const _sfc_main$n = {
+const _hoisted_1$i = ["title", "disabled"];
+const _sfc_main$o = {
   props: {
     className: String,
     title: String,
@@ -269,13 +255,13 @@ const _sfc_main$n = {
         class: normalizeClass(classes)
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$h);
+      ], 8, _hoisted_1$i);
     };
   }
 };
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5e5f2114"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-5e5f2114"]]);
 var Select_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = {
+const _sfc_main$n = {
   props: {
     disabled: Boolean,
     modelValue: String
@@ -304,9 +290,9 @@ const _sfc_main$m = {
     };
   }
 };
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-976df3ea"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-976df3ea"]]);
 var TextArea_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$l = {
+const _sfc_main$m = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -328,10 +314,10 @@ const _sfc_main$l = {
     };
   }
 };
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-0c2bd53c"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0c2bd53c"]]);
 var Table_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["id"];
-const _sfc_main$k = {
+const _hoisted_1$h = ["id"];
+const _sfc_main$l = {
   props: {
     id: String
   },
@@ -342,11 +328,45 @@ const _sfc_main$k = {
         id: props.id
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$g);
+      ], 8, _hoisted_1$h);
+    };
+  }
+};
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2b42a47b"]]);
+var Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$g = ["aria-checked"];
+const _sfc_main$k = {
+  props: {
+    modelValue: Boolean
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const isChecked = ref(props.modelValue);
+    if (typeof props.modelValue === "string") {
+      isChecked.value === props.modelValue === "true";
+    }
+    const toggleCheckbox = (key) => {
+      if (key != null && key !== " ") {
+        return;
+      }
+      isChecked.value = !isChecked.value;
+      emit("change", isChecked.value);
+      emit("update:modelValue", isChecked.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "checkbox",
+        "aria-checked": isChecked.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => toggleCheckbox()),
+        onKeydown: _cache[1] || (_cache[1] = ($event) => toggleCheckbox($event.key)),
+        tabindex: "0",
+        "aria-label": "label"
+      }, null, 40, _hoisted_1$g);
     };
   }
 };
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6416d86a"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f63b8f34"]]);
 var Tabs_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = { class: "tabs" };
 const _hoisted_2$c = ["onClick"];
@@ -6589,12 +6609,30 @@ var lodash = { exports: {} };
 })(lodash, lodash.exports);
 class ProjectService {
   constructor(baseURL) {
-    __privateAdd(this, _transformProjectFiles);
     __publicField(this, "baseURL", "");
     this.baseURL = baseURL;
   }
+  transformProjectFiles(project) {
+    if (lodash.exports.get(project, "files.list") != null) {
+      return __spreadProps(__spreadValues({}, project), {
+        files: __spreadProps(__spreadValues({}, project.files), {
+          list: project.files.list.map((file) => {
+            if (typeof file === "string") {
+              const splitAt = file.lastIndexOf("/");
+              return {
+                source: file,
+                name: splitAt > 0 ? file.substring(splitAt + 1) : ""
+              };
+            }
+            return file;
+          })
+        })
+      });
+    }
+    return project;
+  }
   async fetch(id) {
-    return __privateMethod(this, _transformProjectFiles, transformProjectFiles_fn).call(this, await (await fetch(`${this.baseURL}/project/json/${id}`)).json());
+    return this.transformProjectFiles(await (await fetch(`${this.baseURL}/project/json/${id}`)).json());
   }
   async save(data) {
     const res = await fetch(`${this.baseURL}/project/json/${data.shortname}`, {
@@ -6617,26 +6655,6 @@ class ProjectService {
     return await res.json();
   }
 }
-_transformProjectFiles = new WeakSet();
-transformProjectFiles_fn = function(project) {
-  if (lodash.exports.get(project, "files.list") != null) {
-    return __spreadProps(__spreadValues({}, project), {
-      files: __spreadProps(__spreadValues({}, project.files), {
-        list: project.files.list.map((file) => {
-          if (typeof file === "string") {
-            const splitAt = file.lastIndexOf("/");
-            return {
-              source: file,
-              name: splitAt > 0 ? file.substring(splitAt + 1) : ""
-            };
-          }
-          return file;
-        })
-      })
-    });
-  }
-  return project;
-};
 const state = reactive({
   project: null,
   loading: true
@@ -6644,6 +6662,9 @@ const state = reactive({
 function useProject() {
   const { baseURL } = inject("config");
   const service = new ProjectService(baseURL);
+  const setProject = (project) => {
+    state.project = service.transformProjectFiles(project);
+  };
   const fetchProject = async (id) => {
     state.loading = true;
     state.project = await service.fetch(id);
@@ -6721,6 +6742,7 @@ function useProject() {
     state.project.files.list = state.project.files.list.filter((file) => !filesIdx.includes(state.project.files.list.indexOf(file)));
   };
   return __spreadProps(__spreadValues({}, toRefs(state)), {
+    setProject,
     fetchProject,
     saveProject,
     deleteProject,
@@ -6753,7 +6775,7 @@ const _hoisted_6$5 = ["href"];
 const _hoisted_7$5 = /* @__PURE__ */ createTextVNode(" by ");
 const _hoisted_8$5 = ["href"];
 const _hoisted_9$4 = { id: "numCollaborators" };
-const _hoisted_10$4 = /* @__PURE__ */ createTextVNode(" Collaborators ");
+const _hoisted_10$3 = /* @__PURE__ */ createTextVNode(" Collaborators ");
 const _hoisted_11$2 = { id: "numAnnotations" };
 const _hoisted_12$2 = /* @__PURE__ */ createTextVNode(" Annotations ");
 const _hoisted_13$1 = { id: "numFiles" };
@@ -6827,7 +6849,7 @@ const _sfc_main$f = {
           }, null, 8, ["modelValue"]),
           createElementVNode("p", null, [
             createElementVNode("span", _hoisted_9$4, toDisplayString(unref(project).collaborators.list.length), 1),
-            _hoisted_10$4
+            _hoisted_10$3
           ]),
           createElementVNode("p", null, [
             createElementVNode("span", _hoisted_11$2, toDisplayString(unref(project).annotations.list.length), 1),
@@ -7162,7 +7184,7 @@ const _sfc_main$c = {
   }
 };
 var PureAnnotations_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n) => (pushScopeId("data-v-0abfcc3d"), n = n(), popScopeId(), n);
+const _withScopeId$4 = (n) => (pushScopeId("data-v-1ebbe320"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = { class: "wrapper" };
 const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("h2", null, "Annotations", -1));
 const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("thead", null, [
@@ -7176,10 +7198,9 @@ const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ create
 const _hoisted_4$4 = ["onClick"];
 const _hoisted_5$3 = ["value", "selected"];
 const _hoisted_6$3 = ["value", "selected"];
-const _hoisted_7$3 = ["onUpdate:modelValue", "onChange"];
-const _hoisted_8$3 = { class: "actions" };
-const _hoisted_9$3 = /* @__PURE__ */ createTextVNode(" + ");
-const _hoisted_10$3 = /* @__PURE__ */ createTextVNode(" - ");
+const _hoisted_7$3 = { class: "actions" };
+const _hoisted_8$3 = /* @__PURE__ */ createTextVNode(" + ");
+const _hoisted_9$3 = /* @__PURE__ */ createTextVNode(" - ");
 const _sfc_main$b = {
   props: {
     annotations: {
@@ -7194,8 +7215,7 @@ const _sfc_main$b = {
   ],
   setup(__props, { emit }) {
     const props = __props;
-    const { baseURL, fetchLabelSets } = inject("config");
-    const annotationType = ["volume", "text"];
+    const { baseURL, fetchLabelSets, annotationTypes } = inject("config");
     const labelSets = reactive([]);
     const updateLabelSets = async () => {
       labelSets.push(...await fetchLabelSets());
@@ -7231,6 +7251,7 @@ const _sfc_main$b = {
       emitAnnotationUpdate(idx, { values });
     };
     const handleDisplayChange = (annotation, display) => {
+      console.log("dsfsdfsdf", display);
       const idx = props.annotations.indexOf(annotation);
       if (idx < 0)
         return;
@@ -7265,19 +7286,19 @@ const _sfc_main$b = {
                       onChange: ($event) => handleTypeChange(annotation, $event.target.value)
                     }, {
                       default: withCtx(() => [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(annotationType, (opt) => {
-                          return createElementVNode("option", {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(annotationTypes), (opt) => {
+                          return openBlock(), createElementBlock("option", {
                             key: `${annotation.name}${opt}`,
                             value: opt,
                             selected: opt === annotation.type
                           }, toDisplayString(opt), 9, _hoisted_5$3);
-                        }), 64))
+                        }), 128))
                       ]),
                       _: 2
                     }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
                   ]),
                   createElementVNode("td", null, [
-                    annotation.type === "volume" ? (openBlock(), createBlock(Select, {
+                    annotation.type !== "text" ? (openBlock(), createBlock(Select, {
                       key: 0,
                       modelValue: annotation.values,
                       "onUpdate:modelValue": ($event) => annotation.values = $event,
@@ -7296,13 +7317,11 @@ const _sfc_main$b = {
                     }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("", true)
                   ]),
                   createElementVNode("td", null, [
-                    withDirectives(createElementVNode("input", {
-                      type: "checkbox",
+                    createVNode(Checkbox, {
+                      modelValue: annotation.display,
                       "onUpdate:modelValue": ($event) => annotation.display = $event,
-                      onChange: ($event) => handleDisplayChange(annotation, $event.target.checked)
-                    }, null, 40, _hoisted_7$3), [
-                      [vModelCheckbox, annotation.display]
-                    ])
+                      onChange: ($event) => handleDisplayChange(annotation, $event)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                   ])
                 ], 10, _hoisted_4$4);
               }), 128))
@@ -7310,14 +7329,14 @@ const _sfc_main$b = {
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_8$3, [
+        createElementVNode("div", _hoisted_7$3, [
           createVNode(Button, {
             small: true,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("addAnnotation")),
             title: "Add annotation"
           }, {
             default: withCtx(() => [
-              _hoisted_9$3
+              _hoisted_8$3
             ]),
             _: 1
           }),
@@ -7328,7 +7347,7 @@ const _sfc_main$b = {
             disabled: selected.value == null
           }, {
             default: withCtx(() => [
-              _hoisted_10$3
+              _hoisted_9$3
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -7337,7 +7356,7 @@ const _sfc_main$b = {
     };
   }
 };
-var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-0abfcc3d"]]);
+var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1ebbe320"]]);
 const _sfc_main$a = {
   setup(__props) {
     const {
@@ -7346,6 +7365,12 @@ const _sfc_main$a = {
       updateAnnotation,
       removeAnnotations
     } = useProject();
+    if (project.value && project.value.annotations && project.value.annotations.list) {
+      if (project.value.annotations.list.length === 0) {
+        console.log("foo");
+        addAnnotation();
+      }
+    }
     return (_ctx, _cache) => {
       return unref(project) && unref(project).annotations ? (openBlock(), createBlock(PureAnnotations, {
         key: 0,
@@ -7360,7 +7385,7 @@ const _sfc_main$a = {
 var _imports_0$2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MzguNTMzIDQzOC41MzMiIGhlaWdodD0iNDM4LjUzMyIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgd2lkdGg9IjQzOC41MzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcxMTE2MTExIDAgMCAuNzExMTYxMTEgODEuMDg2NzE2IDI1LjY3MTMwNykiPjxwYXRoIGQ9Im0xMTQuMDA2MzYgMTgzLjM5MzI5aDQ4LjExNTQ2djkxLjIwODljMCAyLjQxOTQzLjc1NjY2IDQuNDA0MTcgMi4yNTg2IDUuOTU5NjUgMS40OTU3OCAxLjU1MDk1IDMuNDE5MDggMi4zMzA1IDUuNzU1OCAyLjMzMDVoNDguMTI0MjFjMi4zMzg0OSAwIDQuMjYwODktLjc3OTU1IDUuNzY0NTktMi4zMzA1IDEuNTA0NTYtMS41NTYzOCAyLjI1NTk2LTMuNTQwMjIgMi4yNTU5Ni01Ljk1OTY1di05MS4yMDUyN2g0OC4xMjA3MWMzLjY3NDUyIDAgNi4xODE1My0xLjcyODgxIDcuNTE5MzItNS4xODEgMS4zMzc3OS0zLjI4NjExLjc0OTY2LTYuMzA0NTEtMS43NTQ3My05LjA3MTUybC04MC4xOTk0My04Mi45MTE0OTNjLTEuODM5ODctMS41NTI3NTktMy43NTk2NS0yLjMyOTU5Ni01Ljc2NDU3LTIuMzI5NTk2LTIuMDAyMyAwLTMuOTI0Ny43NzY4MzctNS43NjYzMyAyLjMyOTU5NmwtNzkuOTQ4MzggODIuNjUwMTMzYy0xLjY2OTU5IDIuMDcxODUtMi41MDI2MyA0LjE1Mjc4LTIuNTAyNjMgNi4yMTgyOSAwIDIuNDE1ODEuNzUwNTMgNC40MDQxNyAyLjI1ODYxIDUuOTYyMzcgMS41MDAxOCAxLjU1MzY3IDMuNDIyNTcgMi4zMjk1OSA1Ljc2MjgxIDIuMzI5NTl6Ii8+PHBhdGggZD0ibTM2LjIzNTI0NCAzMTkuMjQ3Mzl2ODUuMDUxNDRoMzE2LjEzMjgxNnYtODUuMDUxNDRoLTM2LjkwODkydjQ4LjE0MjUyaC0yNDIuMzE0OTcydi00OC4xNDI1MnoiLz48L2c+PC9zdmc+";
 var _imports_1$1 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MzguNTMzIDQzOC41MzMiIGhlaWdodD0iNDM4LjUzMyIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgd2lkdGg9IjQzOC41MzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2Mi4xNjM2MSAxNTYuMDk5OTRoMzQuMjE3ODR2LTY0Ljg2NDIzMWMwLTEuNzIwNi41MzgxMS0zLjEzMjA3IDEuNjA2MjMtNC4yMzgyNyAxLjA2Mzc0LTEuMTAyOTcgMi40MzE1MS0xLjY1NzM2IDQuMDkzMy0xLjY1NzM2aDM0LjIyNDA3YzEuNjYzMDQgMCAzLjAzMDE3LjU1NDM5IDQuMDk5NTUgMS42NTczNiAxLjA2OTk4IDEuMTA2ODQgMS42MDQzNSAyLjUxNzY3IDEuNjA0MzUgNC4yMzgyN3Y2NC44NjE2NTFoMzQuMjIxNThjMi42MTMxNyAwIDQuMzk2MDYgMS4yMjk0NiA1LjM0NzQ0IDMuNjg0NTIuOTUxMzkgMi4zMzY5Ni41MzMxMyA0LjQ4MzUyLTEuMjQ3ODkgNi40NTEzMWwtNTcuMDM0NzIgNTguOTYzNDNjLTEuMzA4NDQgMS4xMDQyNi0yLjY3MzcxIDEuNjU2NzItNC4wOTk1MyAxLjY1NjcyLTEuNDIzOTYgMC0yLjc5MTEtLjU1MjQ2LTQuMTAwNzktMS42NTY3MmwtNTYuODU2MTgtNTguNzc3NTZjLTEuMTg3MzUtMS40NzM0Mi0xLjc3OTc4LTIuOTUzMjktMS43Nzk3OC00LjQyMjIgMC0xLjcxODAzLjUzMzc1LTMuMTMyMDggMS42MDYyNC00LjI0MDIxIDEuMDY2ODctMS4xMDQ5MSAyLjQzNC0xLjY1NjcxIDQuMDk4MjktMS42NTY3MXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMTA2Ljg1NTgxIDI1Mi43MDc2NHY2MC40ODUyN2gyMjQuODIxMzd2LTYwLjQ4NTI3aC0yNi4yNDgxOXYzNC4yMzcwOGgtMTcyLjMyNDk5di0zNC4yMzcwOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var PureFiles_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-3c8f55ac"), n = n(), popScopeId(), n);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-6b78ca55"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { class: "wrapper" };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("h2", null, "Files", -1));
 const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("thead", null, [
@@ -7420,7 +7445,7 @@ const _sfc_main$9 = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         _hoisted_2$5,
-        createVNode(Table, { id: "access" }, {
+        createVNode(Table, { id: "files" }, {
           default: withCtx(() => [
             _hoisted_3$3,
             createElementVNode("tbody", null, [
@@ -7500,7 +7525,7 @@ const _sfc_main$9 = {
     };
   }
 };
-var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3c8f55ac"]]);
+var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6b78ca55"]]);
 const _sfc_main$8 = {
   setup(__props) {
     const { project, addFile, updateFile, removeFiles } = useProject();
@@ -7619,7 +7644,7 @@ var _imports_3 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3
 var _imports_4 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLS42ODQxMDcgLTIuNjg1NTQ5KSI+PHBhdGggZD0ibTM5Ny43MTUxOSAyMTYuOTk4MzNjLTMuMTYyMTctMy4xNzE4LTcuMjU5NTYtNy4wNDEwOC0xMS41OTkwOS03LjA5MjY2bC01Ni4wODEyNi0uNjY2Nzd2LTUzLjU1NzExbDQwLjM0OTExLTQxLjU0MjgyYzUuMDU1MDQtNy40MTMyNiA4LjE5ODI4LTEwLjg0NTUxIDkuMTQxMjEtMTkuNDMxMjE3LjQ3MzYtNC4zMTIxNjMtLjE3NTQ0LTEyLjgwNzcyNi0zLjM0NTQ4LTE1Ljk4MDQwMS0zLjE2OTE2LTMuMTcwOTIxLTkuNzU0NjktNS42OTkzMjMtMTQuMDk0NTQtNS42OTkzMjMtNC4zMzk4NCAwLTE1LjczMDc3IDIuODg2MzQyLTIyLjkwMDQ5IDEwLjM5MDMyN2wtNDAuNjgyNDkgMzYuMzQ2ODE0LTE4OS42MzY3MyAxLjAwMDE0LTQ2LjMxNDY5Mi00Mi45ODA5MDVjLTMuMTcxODAzLTMuMTcwOTIxLTEzLjU5MzQ0Ni02LjA4OTg4NS0xNy45MzMzMDUtNi4wODk4ODUtNC4zNDI0NzIgMC0xMS4wOTY5NTggMi45MTk4NDctMTQuMjY4NzUgNi4wODk4ODUtMy4xNzE4MDMgMy4xNzE4MDQtNi4xOTU1ODIgNy45MzM3MzctNi40MjMyOCAxMi4yNjU4NS0uMzMzMzcyIDYuMzQyNzU5LS40MTU2OTIgMTEuMDk4NzI1IDMuNzU2MjQ5IDE3LjkzNTkyNWw0NS45ODEzMDcgNDYuOTgxNDZ2NDcuOTM3MDZsLTU1Ljc0Nzg4MyAxLjAwMDE0Yy04LjA1Mjk3OC4xNDQ0Ni0xMi43NjIxMDkzIDYuNTg3OS0xNC45MzI4ODExIDExLjQyNjU5LTIuODM4NDIwMyA1LjE2OTQ1LTEuNDI0MzQzNyAxNS4yNjM4Ni0xLjQyNDM0MzcgMTkuNjAwMTkgMCA0LjMzOTg2IDEuNTg2MzM3MiA2LjQzMzE2IDQuNzU4MTI5MiA5LjU5OTcgMy4xNzA5MjA2IDMuMTcxNzkgNi45MjU4NjQ2IDQuNzYyNTEgMTEuMjY1NzEyNiA0Ljc2MjUxaDU2LjA4MTI2NmMwIDI2LjY5OTQuNTA4Mzk0IDQxLjIzNzQ0IDEwLjE4Nzc2OSA2MC4yNjEybC00NS41NzA5MzIgNDkuODMwOTdjLTkuODM5NTM1IDkuNjc1MjMtNy43OTkxODggMTcuNTU1MjYtNy41NDc1MTcgMjEuOTc1NzcuMjQ5MDQ2IDQuNDE3MDMgNC45NjAzMiAxMy4xMzIzMiA4LjEzMjExMiAxNi4xNDAxMyAzLjE3MTc5MiAyLjY3MDIgNi43NTgzNyA0LjAwODM3IDEwLjc2NDExMyA0LjAwODM3IDQuNjczOTUzIDAgMTUuMzQ2NDA3LTEuNzQ1OTUgMjQuMDIwNjM2LTEyLjI1ODA2bDQwLjE0Nzc5LTQwLjQ5MjQ1LTIuNTc2NjMtLjgyMjc4YzIuMzM2MSAyLjE3Mzg2IDUuOTYzODkgNC44NzkxNiAxMC44OTAzOSA4LjEzMjUxIDQuOTI1NjMgMy4yNTMzNCAyLjg4OTE0IDQuNjIzNDYgOC45NzkzMSA3Ljg4NTU3IDYuMDk0NTQgMy4yNTMzNSAxMC40NjcyNiA2LjM3MjkgMTAuNDY3MjYgNi4zNzI5cy00My4wMjI4Ny0xNjkuNTIxMTMtOS4wNzcwNy0yMDUuMTIyOWwxMzguMTI2OC42NjY3NmMzNy4xOTcxOSAzNi4xNDkyNy01LjgxODkyIDIwMy42Mzg1OC01LjgxODkyIDIwMy42Mzg1OCA3Ljc0MTM0LTQuMDA0MTkgMTQuMTQzOTgtMTAuNDk0OTUgMjAuMzU3MzEtMTUuNDg0MzYgMS42NzQwNS0xLjMzODE2IDEuOTIyNjUtMS4wODg1NCAyLjc1NjU3LTEuOTE5ODRsNDguOTA4NjkgNDYuOTg2NjFjMy4xNTM1IDMuMDI5NiAxMi43NTkyMSAyLjQyMjcyIDE3LjI2NjU0IDIuNDIyNzIgNC41MDgyMSAwIDguMjIyNjEtMS42MjI2NyAxMS4yNzE4NS00Ljc1NjM4IDMuMTIzODctMy4yMTAzOCA1LjcyNzM5LTcuNjExMSA2LjA4NzI4LTExLjkzNTk4LjMzMzM4LTQuMDA2NDcuNzQyMDktMTIuNzk2MDEtMi40MjAxLTE1LjkzMzAxbC01Mi43NDQ5NS01Mi4zMjQ1N2MxMS4xODUwNC0xOS44NjI5NyAxMy40NDE1OC0zNS43MzEzMiAxMy40NDE1OC02NC4yNzA0N2w1Ni40MTQ2Ni0uMzMzMzdjNC4zMzk3Ny0uMDI1NyA4LjA5OTE4LTQuMjU0MjUgMTEuMjY1NzItNy40MjYwNSAzLjE2OTE2LTMuMTY5MTcgNC43NjMzNy02LjkyNTg3IDQuNzYzMzctMTEuMjY1NzEgMC00LjMzODk3LTEuMjU5OTYtMTMuMDk4OTktNC40NDE0LTE2LjI3MTY2eiIvPjxwYXRoIGQ9Im0yNTguNTY0NjIgMjkuMjFjLTE1LjYwNDY5LTE1LjYwNDY4OC0zNC41MDgzMi0yMy40MTAwOTc0LTU2LjcwNzM5LTIzLjQxMDA5NzQtMjIuMjAyNTggMC00MS4xMDA5NSA3LjgwNTQwOTQtNTYuNzA4MjYgMjMuNDEwMDk3NC0xNS42MDQ2OCAxNS42MDY0MzEtMjMuNDA1NyAzNC41MDkxODctMjMuNDA1NyA1Ni43MDczNzdoMTYwLjIyNjE3YzAtMjIuMTk0NjgzLTcuODAwMTUtNDEuMTAwOTQ2LTIzLjQwNDgyLTU2LjcwNzM3N3oiLz48L2c+PHJlY3QgaGVpZ2h0PSIyMjMuNDc2NTMiIHJ5PSIuNTQ5ODMzIiB3aWR0aD0iNDEuNDg5MzE1IiB4PSIxODAuMTI3MjMiIHk9IjE2My41NzM1NSIvPjwvZz48L3N2Zz4=";
 var _imports_5 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyNi4xMDQzOSAzODguNDI2NzNjLTI3LjE4NTM0NS0xMS4xMDQ5Ny00OC45NzEwMDktMjUuOTg2OTMtNzAuMDQ2MDg2LTQ3Ljg0ODk3LTY2LjI1NDI3Ni02OC43MjgzMi03NS4wNTg0NTMtMTcyLjMzOTIyLTIxLjQ1Mzk1MS0yNTIuNDc4MjIyIDEwLjE1MDYzMS0xNS4xNzUyNDQgMzcuOTA3NjY3LTQyLjkzMjI3IDUzLjA4Mjg5My01My4wODI5MDMgMjIuOTEyNDU0LTE1LjMyNTk5NiA0OS4wMjQzOTQtMjYuMjQ3NzYxIDc1LjE2MDA1NC0zMS40MzY5NzY4IDE4Ljg5NDg5LTMuNzUxNTcwMDYgNTcuNTYzODItMy43NTE1NzAwNiA3Ni40NTg3MSAwIDYwLjk5NDgxIDEyLjExMDQ3NDggMTE0LjUwNDk5IDUzLjExMjIyODggMTQyLjczMTggMTA5LjM2NzEwMTggMTYuOTQ5NjYgMzMuNzgwMDMgMjQuMDA5MTEgNzguNTY1NzcgMTguMzg0NTEgMTE2LjYzMjktNi42NDQ4NCA0NC45NzIwOS0yNC45NDQxOSA4MS4yMjk5Ny01Ny40NTk0IDExMy44NDg2Mi0yMS43Nzg1NiAyMS44NDc4NS00NS42NTcxMyAzNy40NDEwMi03MS44NjMzOCA0Ni45MjgyLTEwLjkyNDAxIDMuOTU0NjctMTcuMzk3MjggMi43OTA5MS0xOC43NjExNS0zLjM3MjkzLS40MzgtMS45Nzk1LTEuMDAwMzEtMTkuNTQ0NS0xLjI0OTYtMzkuMDMzMy0uNDI1MzItMzMuMjUzMjgtLjY4MDQyLTM1Ljk0MDAxLTQuMTQ0NzgtNDMuNjUyNTctMi4wMzAzNC00LjUyMDEzLTQuNjc2ODgtOS4wMzYxNy01Ljg4MTIxLTEwLjAzNTY3LTMuNDQxNjMtMi44NTYzLTIuNTgyMDEtNC41ODEzMiAyLjI4Mjk3LTQuNTgxMzIgNy43MDA1MyAwIDI4Ljg5NTQ5LTYuMTE2NzUgNDAuODk2NDYtMTEuODAyNTMgMTMuMzk2MS02LjM0Njc3IDI3LjA5MDYxLTE5LjIyMDYyIDMzLjgwODItMzEuNzgyMjYgNy4xOTcwMi0xMy40NTgxNSAxMC43NjkxNy0zMC4yOTAyNSAxMC45NzA1OC01MS42OTM3OC4yMDg0NS0yMi4xNTIzOS0yLjgzMjEyLTMzLjMwOTExLTEzLjI0MDY4LTQ4LjU4MzgyLTYuMjY0NTEtOS4xOTMyOC02LjI3MzY1LTkuMjI5MDgtNC4zNzM0My0xNy4xNTAwMSAyLjI1MzY2LTkuMzk0MzUgMS4xNjE2OS0yOS4wODE3MTQtMi4xMTkxNC0zOC4yMDY0NzFsLTIuMjY0OTgtNi4yOTk0MTktOC40ODM0OC4xMzY5MTJjLTEwLjAwNzk2LjE2MTQ5Mi0yMS45OTgyNiA0LjUzMjk0OC0zNi42MTY5MyAxMy4zNDk4NzVsLTEwLjU4NDYyIDYuMzgzOTAzLTEyLjEzODAxLTIuODQ3MTNjLTE2LjY3Mjg1LTMuOTEwNzc3LTU4Ljg2NTIyLTMuOTU1MzIxLTc2LjQyMDUxLS4wODA4bC0xMi4zMTIzNSAyLjcxNzQ4LTEwLjQxMDI4LTYuMjc4NzQ3Yy0xNC41MzA3MS04Ljc2Mzc4NS0yNi40NjczMS0xMy4wODQwODQtMzYuNTk0MDUtMTMuMjQ0NjQxbC04LjYzNDk0Ny0uMTM2ODk4LTIuMTI5NTc1IDYuMjk5NDE5Yy0zLjEzMzQ4OSA5LjI2OTA4MS00LjE2MzA1MSAyOC45ODgxMjctMS45ODcxMTkgMzguMDU4NTA3IDEuODUyODQxIDcuNzIzNDMgMS44MTU3NTYgNy44Njg4OC00LjM3MjU0NCAxNy4xNDk5OC0xMC41MzEwMDkgMTUuNzk0MjUtMTMuNDk4ODk3IDI2LjY5NzY2LTEzLjI2NDY2NiA0OC43MzE4MS4yMjY5MzEgMjEuMzQ4NyAzLjgwNzgyOSAzOC4xNjQzMyAxMS4wMDgyMzUgNTEuNjkzNzggNi4yODkxNzEgMTEuODE3MjcgMjEuMzI5OTU2IDI2LjA2NzY3IDMzLjk4NDE5NiAzMi4xOTgzMiAxMC43MTQyNyA1LjE5MDc4IDMyLjg2ODUgMTEuMzU1MDMgNDAuODgzMjIgMTEuMzc1NDQgNS4yODU1My4wMTQyIDUuMzIyNzEuNDg1NjguNTM2MiA2LjgwOTI0LTIuMDg3MDYgMi43NTcyNS00LjgwNTQzIDguNTU2NjEtNi4wNDA4NCAxMi44ODc0NS0yLjEwNDc3IDcuMzc4NDgtMi43MzM0OSA4LjA0OTUtOS45ODUzMyAxMC42NTc0My0xNy4zNTQ1OCA2LjI0MTEtMzYuODI3ODIuMzE2MTMtNDYuODUxNzQ4LTE0LjI1NTI3LTEyLjI4MjQzNC0xNy44NTQ0My0yMy4wMjk4NjUtMjUuNTM2ODktMzUuNzI1MTM1LTI1LjUzNjg5LTguODk0OTkyIDAtMTAuMDY2OTk2IDMuODAzNDQtMi45ODY2NDIgOS42OTIzNiAxMi4zMTM1NTUgMTAuMjQxNSAxNy42MTM4MjUgMTYuNjI3MjEgMjIuODY4MDEgMjcuNTUxMDggNi42NTc2NDYgMTMuODQxODQgMTIuNjYzODI4IDIwLjE5MDY4IDI0LjIzNzE5NSAyNS42MTk5NiA3LjgyNTU3IDMuNjcxMTEgMTAuNDc2MDEgNC4wNjAzMSAyNy4xNzU4IDMuOTkwNTFsMTguNTA0NTEtLjA3NzJ2MTkuODU1N2MwIDEzLjQ2MDI0LS42MzQwOCAyMC42ODU4LTEuOTY4NTYgMjIuNDMyODEtMy42NTk5NSA0Ljc5MTI5LTkuMjc4OTMgNC41NzUxLTIyLjYwODQyLS44Njk5MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var Nav_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-10fcf70c"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-4004adc6"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = { id: "menu" };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
   /* @__PURE__ */ createElementVNode("img", {
@@ -7680,14 +7705,16 @@ const _hoisted_16 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createE
 const _hoisted_17 = [
   _hoisted_16
 ];
-const _hoisted_18 = {
+const _hoisted_18 = { class: "login" };
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = ["href"];
+const _hoisted_21 = /* @__PURE__ */ createTextVNode(" (");
+const _hoisted_22 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("a", { href: "/logout" }, "Log Out", -1));
+const _hoisted_23 = /* @__PURE__ */ createTextVNode(") ");
+const _hoisted_24 = {
   key: 1,
-  class: "login"
+  href: "/auth/github"
 };
-const _hoisted_19 = ["href"];
-const _hoisted_20 = /* @__PURE__ */ createTextVNode(" (");
-const _hoisted_21 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("a", { href: "/logout" }, "Log Out", -1));
-const _hoisted_22 = /* @__PURE__ */ createTextVNode(") ");
 const _sfc_main$5 = {
   setup(__props) {
     const { githubURL, issuesURL, searchURL, docURL } = inject("config");
@@ -7714,21 +7741,21 @@ const _sfc_main$5 = {
           href: unref(githubURL),
           target: "_blank"
         }, _hoisted_17, 8, _hoisted_15),
-        unref(user) != null ? (openBlock(), createElementBlock("div", _hoisted_18, [
-          createElementVNode("span", null, [
+        createElementVNode("div", _hoisted_18, [
+          unref(user) != null ? (openBlock(), createElementBlock("span", _hoisted_19, [
             createElementVNode("a", {
               href: `/user/${unref(user).username}`
-            }, toDisplayString(unref(user).username), 9, _hoisted_19),
-            _hoisted_20,
+            }, toDisplayString(unref(user).username), 9, _hoisted_20),
             _hoisted_21,
-            _hoisted_22
-          ])
-        ])) : createCommentVNode("", true)
+            _hoisted_22,
+            _hoisted_23
+          ])) : (openBlock(), createElementBlock("a", _hoisted_24, "Log in with GitHub"))
+        ])
       ]);
     };
   }
 };
-var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-10fcf70c"]]);
+var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4004adc6"]]);
 var Header_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = {
   class: "logo",
@@ -7781,20 +7808,22 @@ function _sfc_render(_ctx, _cache) {
 var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-79b1b506"]]);
 const _sfc_main$2 = {
   props: {
-    projectID: {
-      type: String,
+    project: {
+      type: Object,
       required: true
-    }
+    },
+    files: Object
   },
   setup(__props) {
     const props = __props;
-    const { project, fetchProject, updateProject } = useProject();
+    const { project, setProject, updateProject } = useProject();
+    setProject(props.project);
+    watch(props.files, (files) => updateProject({ files: { list: files } }));
     const content = ref(project.name);
     const onTitleInput = (event) => {
       content.value = event.currentTarget.textContent;
       updateProject({ name: content.value });
     };
-    fetchProject(props.projectID);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Wrapper, null, {
         default: withCtx(() => [
@@ -7967,4 +7996,4 @@ const _sfc_main = {
   }
 };
 var NewProjectPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34344f58"]]);
-export { Access, _sfc_main$a as Annotations, Autocomplete, Button, _sfc_main$c as Collaborators, _sfc_main$8 as Files, Footer, Header, ImportFilesDialog, Nav, NewProjectPage, ProjectInfo, PureAnnotations, PureCollaborators, PureFiles, Select, Settings, _sfc_main$2 as SettingsPage, Tab, Table, Tabs, TextArea, TextInput, _sfc_main$1 as UserPage, Wrapper };
+export { Access, _sfc_main$a as Annotations, Autocomplete, Button, Checkbox, _sfc_main$c as Collaborators, _sfc_main$8 as Files, Footer, Header, ImportFilesDialog, Nav, NewProjectPage, ProjectInfo, PureAnnotations, PureCollaborators, PureFiles, Select, Settings, _sfc_main$2 as SettingsPage, Tab, Table, Tabs, TextArea, TextInput, _sfc_main$1 as UserPage, Wrapper };