Published
Edited
May 9, 2021
html`${taylor.eval( state.source, taylor.Env)}`
taylor._.read("(+ 4 5)")
//taylor._.eval(taylor._.read(state.source),taylor._.replEnv)
state.source
viewof tval2 = Text({label: "Contract Address", placeholder: "Enter the address", value: ""})
viewof tval3 = Textarea({placeholder: "ABI JSON for this contract.",value:"",rows: 3})
viewof tval4 = Textarea({placeholder: "JSON for input this mark.",value:"",rows: 3})
encodeURIComponent(JSON.stringify({placeholder: "Write mark code here.",value:"",rows: 3}).replace(/s/g, '+'))
{
state.source = '(+ 7 9)'
const editor = new Editor({
target: document.getElementById("md"), // DOM to render
props: {
value: state.source,
//plugins,
},
});
editor.$on('change', (e) => {
console.log(e.detail.value);
state.source = e.detail.value;
editor.$set({ value: e.detail.value });
});
}
{
//let provider;
window.ethereum.enable().then(state.provider = new ethers.providers.Web3Provider(window.ethereum));
const signer = state.provider.getSigner();
//console.log(provider)
}
state = ({provider:null, source:""})
ethers.providers
import {Textarea, Button, Text} from "@observablehq/inputs"
bytemd = require('bytemd@1.9.1/dist/index.js')
html`<link rel="stylesheet" href="https://unpkg.com/bytemd/dist/index.min.css" />
<link rel="stylesheet" href="https://unpkg.com/github-markdown-css" />`
Editor = bytemd.Editor
Viewer = bytemd.Viewer
taylor = require('@ark-us/taylor')
//ipfs = require('ipfs@0.54.5/dist/index.min.js')
IPFS = {
await import('https://unpkg.com/ipfs@0.53.2/dist/index.min.js')
return window.Ipfs;
}
ipfs = await IPFS.create()
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
