31:[] 2f:{"title":"Opera Omnia builder","cells":[{"id":0,"value":"# Opera Omnia builder","pinned":false,"hidden":false,"mode":"md"},{"id":6,"value":"Create a data set easily here. View the list updates in the array. Edit the list and see the output - ready to contribute to [Opera Omnia](https://github.com/triptych/opera-omnia)!","pinned":false,"hidden":false,"mode":"md"},{"id":19,"value":"viewof item = Inputs.text({label: html`Create a new item`, placeholder: \"Enter a new item\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"viewof addItem = Inputs.button(html`Add Item`, {label: html`Add it`, reduce: ()=>{mutable itemsList = [...itemsList,item]}})","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"viewof description = Inputs.text({placeholder: \"Type the description here\", label: html`Description`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"mutable itemsList = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"theList = ({\n description: description,\n items: itemsList\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"## The output ","pinned":false,"hidden":false,"mode":"md"},{"id":100,"value":" ready to contribute to Opera Omnia list. Just cut and paste into a json file and issue a Pull Request","pinned":false,"hidden":false,"mode":"md"},{"id":63,"value":"viewof textarea = Inputs.textarea({placeholder: \"Type here\", value: JSON.stringify(theList)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"viewof select = Inputs.select(itemsList, {label: html`Select one`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"viewof deleteItem = Inputs.button(\"Delete selected\", {\n value: null, \n reduce: () => {\n console.log(select)\n let newArr = itemsList.filter((x)=>{\n return x !== select\n })\n mutable itemsList = newArr; \n //const {[0]:f, ...rest} = itemsList\n //mutable itemsList = rest;\n },\n label: html`Delete instances`\n})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}