zero-install / cloud-IDE option for getting started with agoric-sdk

[dckc]

Goal: let devs try out smart contract development using only a web browser, without installing any dev tools.

a la jsfiddle, rust playground etc.

---

I just got it working on gitpod. Details to follow.

https://github.com/dckc/agoric-gitpod-nix

cc @michaelfig @katelynsills @rowgraus

[katelynsills]

Cool! What would this mean, exactly? Would it be for smart contract development or dapp development?

[dckc]

Either one, IIUC.

It means someone could follow a link to a web site that acts just like vs-code, with agorc-sdk, yarn, node, and go already installed and ready so that yarn test works. agoric init demo should work too.

I think I tested agoric start with the wallet and fake chain and all that.

[katelynsills]

Ooo that sounds great!

[dckc]

connecting to the wallet doesn't seem to quite work...

2021-09-16T02:28:02.880Z web: 127.0.0.1:37292: Invalid origin host https://8000-purple-clam-arf9beuf.ws-us15.gitpod.io is not localhost

[dckc]

Here's a 20 minute live-coding session that shows me getting as far as the wallet connecting problem above:

• agoric-sdk on Gitpod: zero-install BLD tools (WIP)

ew... the video quality is horrible. I must have told OBS to use low resolution or something.

[dckc]

Yes! #3838 gets us past the localhost issue:

[dckc]

I'm not the only one having this funky terminal font issue. This settings tweak works for me just now:

"terminal.integrated.gpuAcceleration": "canvas"

[dckc]

@michaelfig with the wallet running in some gitpod origin, how do I tell a dapp such as the fungible faucet demo to talk to it?

[michaelfig]

That's a yet-to-be-solved problem for browsers like Brave that aggressively block iframe service workers, cookies, and local storage, but with Chrome or Firefox, you can navigate your browser to https://local.agoric.com and fill out the form to point to your wallet with gitpod origin.

[samsiegart]

The wallet connection works for me with the local.agoric.com method above, but the faucet doesn't connect to the API server:

WebSocket connection to 'ws://127.0.0.1:8000/api/fungible-faucet' failed

We need to somehow dynamically change the hardcoded origin to use the gitpod one.

[dckc]

One of the big challenges in this area is that we don't support the npm install -g agoric convention because things move too quickly for that to be cost-effective: it would only install the version most recently published to npm, which is rarely what we (the Agoric dev team) want. This is a known issue: #3857

[dckc]

another option to look into: https://stackblitz.com/

[dckc]

related work:
https://mobile.twitter.com/adamleetucker17/status/1513631602269724675
https://marketplace.digitalocean.com/apps/osmosis

[dckc]

@danBamikiya points out that the Agoric vs-code extension works on gitpod.

I just tried it... sure enough, the REPL works:

URL surgery for agoric open

It took a bit of URL surgery to map from localhost...

gitpod ~/demo1 (master) $ agoric open
Launching wallet...
http://127.0.0.1:8000/wallet/#accessToken=qNU8kb5-kgwhmxo2bCACSTF8xymPr3Z77q0zJsyIy-eWTyveMlcgZhn-B67sDaHm
gitpod ~/demo1 (master) $ # https://8000-dckc-ibclab-db8zm275ytj.ws-us87.gitpod.io/#accessToken=qNU8kb5-kgwhmxo2bCACSTF8xymPr3Z77q0zJsyIy-eWTyveMlcgZhn-B67sDaHm

Wallet config?

I bailed on trying to configure the wallet. Symptoms are similar to...

• Cannot deliver "getBridge" to target. error from agoric start #6189

See also:

https://github.com/Agoric/agoric-sdk/blob/master/packages/wallet/README.md
#6498

[dckc]

hardened js vs. stackblitz

tried dapp-agoric-basics on stackblitz...

~/Agoric/dapp-agoric-basics/contract main
❯ yarn test
yarn run v1.22.19
$ ava --verbose

  Uncaught exception in test/test-build-proposal.js

  Error: Accessor not expected at intrinsics.%IteratorPrototype%.constructor
    at async _0x4300f1._evaluate (https://dappagoricbasics-1nwp.w-credentialless-staticblitz.com/blitz.810981ba.js:352:378357)
    at async _0x4300f1._evaluate (https://dappagoricbasics-1nwp.w-credentialless-staticblitz.com/blitz.810981ba.js:352:378357)
    at async _0x4300f1._evaluate (https://dappagoricbasics-1nwp.w-credentialless-staticblitz.com/blitz.810981ba.js:352:378357)

cc @kriskowal

this is after I hacked yarn.lock to avoid:

error An unexpected error occurred: "https://codeload.github.com/agoric-labs/esm/tar.gz/3603726ad4636b2f865f463188fcaade6375638e: socket hang up".

[dckc]

progress using a3p on gitpod

haven't checked that everything is wired up, but a blockchain and a ui are running...

8b1ac30
https://github.com/dckc/agoric-gitpod-nix

manually cloned dapp-offer-up

[dckc]

websocket?

what code is trying to make a websocket connection?

App.tsx:122 DOMException: Failed to construct 'WebSocket': The URL 'ws://https:26657-dckc-agoricgitpodnix-p8ap5wv8qx6.ws-us110.gitpod.io/websocket' is invalid.
  at async connectWallet (https://5173-dckc-agoricgitpodnix-p8ap5wv8qx6.ws-us110.gitpod.io/src/App.tsx?t=1713589839756:65:18)

keplr suggest chain

I wonder how to get this to work.

the local.agoric.something hack seems to still be there?