Hope you have a great day :-)
I just copied the Thoughts App (gun lib loaded from cdn) - it works well if I test it on multiple browsers on same machine. If I want to access the app from other machine in the same LAN, i see the app but I don't see the already existing data, I see it as a new instance of the app. I might be doing something wrong..?
I serve a static index.html document with VS Code Live Server
<html>
<body>
<h1>Thoughts</h1>
<form>
<input><button>Add</button>
</form>
<ul></ul>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gun@0.2020.1233/gun.js"></script>
<script>
var gun = Gun().get('thoughts');
$('form').on('submit', function (event) {
event.preventDefault();
gun.set($('input').val());
$('input').val("");
});
gun.map().on(function (thought, id) {
var li = $('#' + id).get(0) || $('<li>').attr('id', id).appendTo('ul');
if (thought) {
$(li).text(thought);
} else {
$(li).hide();
}
});
$('body').on('dblclick', 'li', function (event) {
gun.get(this.id).put(null);
});
</script>
</body>
</html>
@freewill777 maybe i am wrong, but seems like there is no relay you syncing the clients with???
looks like every client saves locally, inside its own Gun instance. but i am a beginner could be bs 😅
but usually you initialize the relay with something like this.
var gun = Gun({
web: server,
peers: ['https://relayname.providername.com/gun']
})
3 replies
3 replies
@freewill777 i updated the gun desktop relay with the snippet from the Gun Wiki and renamed server.js to server.mjs and updated main.js (to make use of electron is actually very easy with this template, you could literally add anything to server.mjs and it becomes a desktop app) https://github.com/worldpeaceenginelabs/ELECTRON-GUN (ready to go) ;)
If i like to play around with it, i just start the electron gun in a console or run the compiled electron exe file. my clients have an entry peers: https://...relay.ddns.net which connects to my electron gun on my notebook.
- The first problem I have is trying to import gun into my es6 jsm...
import * as Gun from "./node_modules/gun/gun.js"seems to get rid of the errors of my previous attempts, but thenGun is not a function. - To side-step the above, I loaded gun.js using a script tag in the background-page, so I can then use
window.Gun(). I have another laptop on the lan and on which I intend to run a server - I used thedocker runoption to do that, and I can telnet/nc to it andGET /resulting in some html file - so connectivity is ok. However, in my background-script, it results inFirefox can’t establish a connection to the server at wss://192.168.0.115:8765/(orws://...if I specify http instead...though I also get a '400' response for that).
Clearly, I am missing something fundamental. I'd appreciate any pointers to help me along.
(oh, and happy birthday @amark :) )
6 replies
`<script>
import GUN from "gun";
import { onMount } from 'svelte';
export const db = GUN(['http://localhost:5173/gun']);
let kitchenOutput = {};
onMount(() =>{
db.get("count").map().once(
async (data, id) => {
console.log("CHANGED");
kitchenOutput = data;
}
);
})
let count = 0;
function onClick() {
count++;
console.log("CLICKED " + count);
db.get("count").set({"clicked":{count}});
}</script>
<h1>{JSON.stringify(kitchenOutput, null, 2)}</h1>
<button on:click|preventDefault={onClick}> CLICK ME </button>`
Hi all. I'm not sure what I've done wrong but when I run two clients on localhost it doesn't sync the clients automatically.
@ProjectX1989: hello, welcome to the chatroom. I recommend trying to get it to work with only JavaScript first and if that works try to add Svelte.
Any errors in the console?
4 replies
@Lexi:matrix.org @ProjectX1989 There is no Svelte to remove or add ;)
The only difference to JS ( or a framework like React) in the snippet is Svelte's onMount, which is the pendant of useeffect in, for instance, React. The rest is just JS.
I would change line 4 from "export const db..." to "let db..." (i think a const (one time init) is not the right variable type for the use case of the Gun variable. (which's content changes constantly) And export(the way its used in Svelte) seems also wrong, but maybe your use case is different) So one of this two could have caused the bug.
http://localhost:5173/gun is this the address from a Gun relay running seperatly from the two clients? So three actors, relay, client, client? (stupid question maybe, but just to make sure)
1 reply
2 replies
Invalid data: Array at l8x6jzuqmR7WtU5183g9.temp0 trying to tell me?
1 reply
Invalid data: undefined at bookmarks... - I guess it can't handle properties that are 'undefined'?
I find I have to do
once(x => console.log(x) to find out if what I am 'get()'ing is the right thing.
delete data._; -> so that is some gun bookkeeping ....and load looks useful too :)
get()?
get() is for writing a query. GUN needs the path you're trying to query/get. Then afterwards you tell GUN to put, set, map, on or once etc.
Is
path() still a thing, or it is preferring to chain get()s?
path() nor have I used it myself. You can read about it here: https://gun.eco/docs/API
I noticed a comment there that says 'you probably shouldn't be using it'...
