0.1.10

Added basic URL support. Syntax is baseurl.com/microcosm/microcosmname

If you have already assigned an object name on that device you will auto join, if you do not have one or localStorage is empty you will need to assign one.

microcosm and object name are now visible in the controlsLayer.vue component

CHANGELOG.md

+# 0.1.10
+
+_7th April 2020_
+
+### Added
+
+- You can now visit a microcosm by using URL followed by https://baseurl.com/microcosm/**microcosmname**/ to direct someone to a specific microcosm, if they have used any microcosm before they will enter with there device/ object name. If they have not they need to assign a object name.
+
+### Changed
+
+- You can now see the microcosm you are connected to and your object name.
+
+### Fixed
+
+- Create/ Join a new microcosm now reloads URL dependant on whether in development or prodction enviroment
+
 # 0.1.9
 
 _26th March 2020_

app/package.json

 {
   "name": "nodenogg.in",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

app/src/components/ControlsLayer.vue

@@ -12,6 +12,11 @@
       Delete my contributions (inc. attachments) permanently
     </BaseButton>
       <BaseButton @click="handleConnection()">Online check</BaseButton>-->
+      <p class="who">
+        microcosm =
+        <b>{{ myMicrocosm }}</b> | object =
+        <b>{{ myClient }}</b>
+      </p>
     </div>
     <!-- TEMP: This was old code for possible pop up panes  -->
     <!-- <button on:click="popups.showPane = !popups.showPane"> -->
@@ -28,12 +33,18 @@
 <script>
 // This is for detecting offline issues
 var serverUrl = 'https://nodenogg.in'
+import { mapState } from 'vuex'
 
 export default {
   mounted() {
     window.addEventListener('online', this.handleConnection)
     window.addEventListener('offline', this.handleConnection)
   },
+
+  computed: mapState({
+    myMicrocosm: state => state.microcosm,
+    myClient: state => state.myclient
+  }),
   methods: {
     addNode() {
       this.$store.dispatch('addNode')
@@ -48,7 +59,11 @@ export default {
       // Hardcoded as when I set a URL had parameters the reload fails
       //location.assign('https://alpha.nodenogg.in/')
       //location.assign('http://localhost:8080/')
-      location.reload()
+
+      location.assign(
+        process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '/'
+      )
+      // location.reload()
     },
 
     deleteClient() {
@@ -104,6 +119,10 @@ export default {
   user-select: none;
 }
 
+.who {
+  color: white;
+}
+
 .btn-row {
   position: relative;
   margin-bottom: 5px;

app/src/components/OnBoard.vue

@@ -63,10 +63,12 @@
 var delay = 100
 var delaytwo = 100
 
+import Router from '@/router'
+
 export default {
   data: function() {
     return {
-      localmicrocosm: '',
+      localmicrocosm: Router.currentRoute.params.microcosm,
       clientid: '',
       parta: true,
       partb: false,

app/src/views/Home.vue

 <template>
   <div class="home">
     <div v-if="clientset">
-      <p>
-        microcosm/
-        <b>{{ myMicrocosm }}</b> | client
-        <b>{{ myClient }}</b>
-      </p>
-
       <OtherNodeslayer
         v-for="value in otherNodes"
         v-bind:key="value.node_id"
@@ -74,8 +68,6 @@ export default {
     ControlsLayer
   },
   computed: mapState({
-    myMicrocosm: state => state.microcosm,
-    myClient: state => state.myclient,
     myNodes: state => state.myNodes,
     otherNodes: state => state.otherNodes,
     shortcutstate: state => state.shortcutstate