Removed implementations for class demo

frontend/src/components/commitSelector/CommitPanel.vue

@@ -72,42 +72,17 @@ export default {
     }
   },
   methods: {
-    toggleDiffView(){
-      this.$emit("update:showDiff", !this.showDiff)
-    },
     async doesDiffExist(){
-      if(!this.currentCommit || !this.prevCommit) return { commit: null }
+      console.log("Checking if diff exists...")
-      var backendUrl = process.env.VUE_APP_BACKEND_URL
+      // TODO: Missing implementation
-      var diffUrl = `${backendUrl}/diff_check/${this.$route.params.id}/${this.currentCommit.id}/${this.prevCommit.id}`
+      return { commit: null }
-      var res = await fetch(diffUrl, {
-        headers: {
-          method: "GET",
-          Authorisation: `Bearer ${localStorage.getItem(TOKEN)}`,
-          "Content-type": "application/json",
-          "Access-Control-Allow-Origin": "*"
-        }
-      })
-      return await res.json()
     },
     async requestDiff() {
-      this.loading = true
+      console.log("Requesting diff...")
-      var backendUrl = process.env.VUE_APP_BACKEND_URL
+      // TODO: Missing implementation
-      console.log("diff requested for", this.currentCommit.id, this.prevCommit.id)
+    },
-      var diffUrl = `${backendUrl}/diff/${this.$route.params.id}/${this.currentCommit.id}/${this.prevCommit.id}`
+    toggleDiffView(){
-      var res = await fetch(diffUrl, {
+      this.$emit("update:showDiff", !this.showDiff)
-        headers: {
-          method: "GET",
-          Authorisation: `Bearer ${localStorage.getItem(TOKEN)}`,
-          "Content-type": "application/json",
-          "Access-Control-Allow-Origin": "*"
-        }
-      })
-      if(res.status == 200){
-        var body = await res.json()
-        console.log("diff body", res, body)
-        this.$emit("update:diffCommit", body.commit)
-      }
-      this.loading = false
     },
     async handleCommitChange(event, value){
       this.loading = true

frontend/src/router/index.js

@@ -14,17 +14,7 @@ const routes = [
     component: Home,
     meta: {
       requiresAuth: true,
-      title: "Speckle AEC Tech Masterclass",
+      title: "Speckle AEC Tech Masterclass"
-      metaTags: [
-        {
-          name: "description",
-          content: "The Speckle AEC Tech Masterclass homepage"
-        },
-        {
-          property: "og:description",
-          content: "The Speckle AEC Tech Masterclass homepage"
-        }
-      ]
     }
   },
   {
@@ -57,6 +47,7 @@ router.beforeEach(async (to, from, next) => {
   if (to.meta.title) {
     document.title = to.meta.title
   }
+
   if (to.query.access_code) {
     // If the route contains an access code, exchange it
     try {

frontend/src/speckleQueries.js

@@ -1,16 +1,5 @@
-export const userInfoQuery = `
+// TODO: Write user + server info query
-  query {
+export const userInfoQuery = ``
-    user {
-      name
-      id
-      avatar
-      email
-    },
-    serverInfo {
-      name
-      company
-    }
-  }`
 
 export const streamCommitsQuery = `
   query($id: String!, $limit: Int, $cursor: String) {
@@ -50,6 +39,16 @@ export const streamSearchQuery = `
     }
   }`
 
+export const streamObjectQuery = `query($streamId: String!, $objectId: String!) {
+    stream(id: $streamId){
+        object(id: $objectId){
+            totalChildrenCount
+            id
+            speckleType
+            data
+        }
+    }
+}`
 export const latestStreamsQuery = `query {
     streams(limit: 10){
         cursor

frontend/src/speckleUtils.js

@@ -4,7 +4,7 @@ import {
   streamObjectQuery,
   streamSearchQuery,
   userInfoQuery
-} from "@/speckleQueries";
+} from "@/speckleQueries"
 
 export const APP_NAME = process.env.VUE_APP_SPECKLE_NAME
 export const SERVER_URL = process.env.VUE_APP_SERVER_URL
@@ -14,43 +14,21 @@ export const CHALLENGE = `${APP_NAME}.Challenge`
 
 // Redirects to the Speckle server authentication page, using a randomly generated challenge. Challenge will be stored to compare with when exchanging the access code.
 export function goToSpeckleAuthPage() {
-  // Generate random challenge
+  console.log("Redirecting to Speckle Auth page...")
-  var challenge = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
+  // TODO: Missing implementation
-  // Save challenge in localStorage
-  localStorage.setItem(CHALLENGE, challenge)
-  // Send user to auth page
-  window.location = `${SERVER_URL}/authn/verify/${process.env.VUE_APP_SPECKLE_ID}/${challenge}`
 }
 
 // Log out the current user. This removes the token/refreshToken pair.
 export function speckleLogOut() {
   // Remove both token and refreshToken from localStorage
-  localStorage.removeItem(TOKEN)
+  console.log("Logging out user")
-  localStorage.removeItem(REFRESH_TOKEN)
+  // TODO: Missing implementation
 }
 
 // Exchanges the provided access code with a token/refreshToken pair, and saves them to local storage.
 export async function exchangeAccessCode(accessCode) {
-  var res = await fetch(`${SERVER_URL}/auth/token/`, {
+  console.log("Exchanging access code...")
-    method: 'POST',
+  // TODO: Missing implementation
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify({
-      accessCode: accessCode,
-      appId: process.env.VUE_APP_SPECKLE_ID,
-      appSecret: process.env.VUE_APP_SPECKLE_SECRET,
-      challenge: localStorage.getItem(CHALLENGE)
-    })
-  })
-  var data = await res.json()
-  if (data.token) {
-    // If retrieving the token was successful, remove challenge and set the new token and refresh token
-    localStorage.removeItem(CHALLENGE)
-    localStorage.setItem(TOKEN, data.token)
-    localStorage.setItem(REFRESH_TOKEN, data.refreshToken)
-  }
-  return data
 }
 
 // Calls the GraphQL endpoint of the Speckle server with a specific query.
@@ -58,36 +36,41 @@ export async function speckleFetch(query, vars) {
   let token = localStorage.getItem(TOKEN)
   if (token)
     try {
-      var res = await fetch(
+      var res = await fetch(`${SERVER_URL}/graphql`, {
-        `${SERVER_URL}/graphql`,
+        method: "POST",
-        {
+        headers: {
-          method: 'POST',
+          Authorization: "Bearer " + token,
-          headers: {
+          "Content-Type": "application/json"
-            'Authorization': 'Bearer ' + token,
+        },
-            'Content-Type': 'application/json'
+        body: JSON.stringify({
-          },
+          query: query,
-          body: JSON.stringify({
+          variables: vars || null
-            query: query,
-            variables: vars || null
-          })
         })
+      })
       return await res.json()
     } catch (err) {
       console.error("API call failed", err)
     }
-  else
+  else return Promise.reject("You are not logged in (token does not exist)")
-    return Promise.reject("You are not logged in (token does not exist)")
 }
 
 // Fetch the current user data using the userInfoQuery
 export const getUserData = () => speckleFetch(userInfoQuery)
 
 // Fetch for streams matching the specified text using the streamSearchQuery
-export const searchStreams = (e) => speckleFetch(streamSearchQuery, {searchText: e})
+export const searchStreams = e =>
+  speckleFetch(streamSearchQuery, { searchText: e })
 
 // Get commits related to a specific stream, allows for pagination by passing a cursor
-export const getStreamCommits = (streamId, itemsPerPage, cursor) => speckleFetch(streamCommitsQuery, {id: streamId, cursor, limit: itemsPerPage})
+export const getStreamCommits = (streamId, itemsPerPage, cursor) =>
+  speckleFetch(streamCommitsQuery, {
+    id: streamId,
+    cursor,
+    limit: itemsPerPage
+  })
 
-export const getObject = (streamId, objectId) => speckleFetch(streamObjectQuery, {streamId, objectId})
+export const getObject = (streamId, objectId) =>
+  speckleFetch(streamObjectQuery, { streamId, objectId })
 
-export const getStreams = () => speckleFetch(latestStreamsQuery).then(res => res.data?.streams)
+export const getStreams = () =>
+  speckleFetch(latestStreamsQuery).then(res => res.data?.streams)

frontend/src/store/index.js

@@ -1,24 +1,23 @@
-import Vue from 'vue'
+import Vue from "vue"
-import Vuex from 'vuex'
+import Vuex from "vuex"
 
 import {
   exchangeAccessCode,
   getUserData,
   goToSpeckleAuthPage,
   speckleLogOut
-} from "@/speckleUtils";
+} from "@/speckleUtils"
-import router from "@/router";
+import router from "@/router"
 
 Vue.use(Vuex)
 
-
 export default new Vuex.Store({
   state: {
     user: null,
     serverInfo: null
   },
   getters: {
-    isAuthenticated: (state) => state.user != null
+    isAuthenticated: state => state.user != null
   },
   mutations: {
     setUser(state, user) {

frontend/src/views/StreamView.vue

@@ -1,37 +1,6 @@
 <template lang="html">
   <v-container fill-height fluid class="pa-0 grey lighten-3">
-    <div class="float-center-top">
+    TODO: Code up the stream diff view!!!
-      <CommitPanel
-        v-if="stream"
-        :showDiff.sync="showDiff"
-        :diffCommit.sync="diffCommit"
-        :currentCommit.sync="currentCommit"
-        :prevCommit.sync="prevCommit"
-        :commits="stream.branch.commits.items"
-      />
-    </div>
-    <v-row class="fill-height" no-gutters v-show="!showDiff">
-      <v-col cols="6">
-        <Renderer
-          :object-url="objectUrl(currentCommit)"
-          show-selection-helper
-        ></Renderer>
-      </v-col>
-      <v-col cols="6">
-        <Renderer
-          :object-url="objectUrl(prevCommit)"
-          show-selection-helper
-        ></Renderer>
-      </v-col>
-    </v-row>
-    <v-row class="fill-height" no-gutters>
-      <v-col fill-height :cols="12">
-        <Renderer
-          :object-url="objectUrl(diffCommit)"
-          show-selection-helper
-        ></Renderer>
-      </v-col>
-    </v-row>
   </v-container>
 </template>
 
@@ -42,7 +11,7 @@ import CommitPanel from "@/components/commitSelector/CommitPanel.vue"
 
 export default {
   name: "StreamView",
-  components: { Renderer, CommitPanel },
+  components: {},
   data() {
     return {
       stream: null,
@@ -50,14 +19,11 @@ export default {
       prevCommit: null,
       diffCommit: null,
       serverUrl: process.env.VUE_APP_SERVER_URL,
-      showDiff: false,
+      showDiff: false
-      loading: true
     }
   },
   async mounted() {
-    if (this.streamId) {
+    //TODO: Get stream when mounting view
-      this.getStream()
-    }
   },
   computed: {
     /** @return {string} */
@@ -67,12 +33,10 @@ export default {
   },
   methods: {
     async getStream() {
-      var res = await getStreamCommits(this.streamId, 10, null)
+      //TODO: Missing implementation
-      this.stream = res.data.stream
     },
     objectUrl(commit) {
-      if (!commit) return null
+      //TODO: Missing implementation
-      return `${this.serverUrl}/streams/${this.stream.id}/objects/${commit.referencedObject}`
     }
   },
   watch: {