amark/gun

I think Gun is mighty in the way that you are able to write quasi-independent components with it.
The following few lines are a Gun form component. You are able to connect the component with every relay, just by exchanging or adding relay addresses. Then the component syncs out of the box. @davidmaxwaterman:mozilla.org (no ON handler neccessary here, but if i would like to fetch the input and show it my user on the "successfully sended" page, then i simply use a ON call on my "successfully sended" page)

I think we as devs take it to often for granted, that we are working with decentralization technology.
But we are playfully paving the way to a future decentralized, hopefully post-scarcity humanity.

My point is, you have to think like someone from the Star Trek universe, to actually gain Gun's full potential.

A Gun component is like a nanobot, which syncs with every other bot (component)
By adding addresses, its able to connect its functions to every other bot on the swarm. (thats today mindset like, which is ok)
But if you would give the nanobot (our Gun component) the ability to crawl addresses itself... And if you would give it hacker tools onboard, it could even hack into relays... (that is the Star Trek mindset for instance) 😁👍

Try to go crazy geeky in your mind, Gun is made for this!!!

@amark A really cool feature would be a visualization of the whole graph existing on command. (Maybe in the visual like of a relational database?)
Something like Gun to Excel maybe...

<script lang="ts">

import Gun from "gun";

// declaring variables
var longitude: number; 
var latitude: number;

// Initialize GUN and tell it we will be storing all data under the key 'test'.
var gun = Gun(['https://gunrelayeurope.herokuapp.com/gun']).get('test')

// Fetch the input fields from form
async function handleSubmit(event) {
        console.log(event);
        console.log(event.target);

//check if submit fills the values of the variables
        console.log(longitude)
        console.log(latitude)

        // Tell GUN to store an object
        gun.set({longitude, latitude});        

        // Show Gun data
        gun.on(data => console.log(data))
        }
</script>


<form on:submit|preventDefault="{handleSubmit}">
  <div>
    <label for="longitude">Longitude</label> 
    <input id="longitude" type="text" name="longitude" bind:value={longitude}>
    <br>
    <label for="latitude">Latitude</label>
    <input id="latitude" type="text" name="latitude" bind:value={latitude}>
  </div>

  <div>
    <input type="submit" value="Send">
  </div>
</form>


<style>
  :root {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
</style>