31:T8fd,terminusWidget = ({value = '', status = 'No Database Selected'} = {}) => { const output = htl.html``; const create = htl.html`` const clear = htl.html`` const del = htl.html`` if (databases.length > 0) value = databases[databases.length-1].id const node = htl.html` `; // Update the display whenever the value changes Object.defineProperty(node, "value", { get() { return value; }, set(v) { value = v; if (!value) { create.setAttribute('disabled', '') clear.setAttribute('disabled', '') del.setAttribute('disabled', '') } else if (databases.find(({id}) => id === value) != null) { create.setAttribute('disabled', '') clear.removeAttribute('disabled') del.removeAttribute('disabled') } else { create.removeAttribute('disabled') clear.setAttribute('disabled', '') del.setAttribute('disabled', '') } } }); Object.defineProperty(node, "status", { get() { return status; }, set(s) { output.value = status = s; } }); // Set the initial value node.value = value; node.status = status; if (databases.length > 0) set(node, databases[databases.length-1].id) return node; }32:T5e4,style = ` .terminus-widget { --teal-0: #09120d; --teal-1: #173125; --teal-2: #1f523c; --teal-3: #287355; --teal-4: #37926d; --teal-5: #4bae85; --teal-6: #65c69b; --teal-7: #82d8b1; --teal-8: #a1e6c5; --teal-9: #c1f1d9; --teal-10: #e0f9ec; --text: #fff; --border-radius: 5px; width: 100%; /* min-height: 320px; */ font: 13px/1.2 var(--sans-serif); color: var(--text); background: var(--teal-3); border-radius: var(--border-radius); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; } .terminus-widget > * { padding: 1em; } .terminus-widget .terminus-header { background: var(--teal-1); border-radius: var(--border-radius) var(--border-radius) 0 0; } .terminus-widget .terminus-header img { height: 25px; display: block; } .terminus-widget .terminus-status { background: var(--teal-5); border-radius: 0 0 var(--border-radius) var(--border-radius); } .terminus-widget .form { padding: 2em 1em; } .terminus-widget .form > * + * { margin-top: 0.5em; } .terminus-widget .form input { line-height: normal; width: 280px; color: var(--teal-3); font: inherit; box-sizing: border-box; } .terminus-widget .form button { line-height: normal; width: 80px; /* height: 40px; */ color: var(--teal-3); font: inherit; box-sizing: border-box; } `33:[] 2f:{"title":"TerminusDB","cells":[{"id":0,"value":"md`![terminus db logo](https://terminusdb.com/img/logos/terminus-circle.svg)\n\n# TerminusDB\n\nUtilities for interacting with [TerminusDB, an open-source knowledge graph database](https://terminusdb.com).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"viewof test = terminusWidget()","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"md`## Variables`","pinned":false,"hidden":false,"mode":"ojs"},{"id":103,"value":"terminusdbClientVersion = '4.2.1'","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"serverUrl = 'https://127.0.0.1:6363/'","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"params = ({ user: 'admin', key: 'root' })","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"dbName = null // if a value is provided it will be used to set the current database in `connect()`","pinned":false,"hidden":false,"mode":"ojs"},{"id":690,"value":"viewof refresh = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":133,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"terminus = require(`@terminusdb/terminusdb-client@${terminusdbClientVersion}/dist/terminusdb-client.min.js`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"WOQL = terminus.WOQL","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"md`## Setup`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"Client = {\n refresh\n return connect()\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"md`## Methods`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"connect = async () => {\n const Client = new terminus.WOQLClient(serverUrl, {})\n await Client.connect(params)\n if (dbName != null) await Client.db(dbName)\n return Client\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"query = async (query, msg) => {\n return Client.query(query, msg).then((res) => {\n return res\n }).catch((err) => {\n return err.data\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"createDB = async (db, comment) => {\n await Client.createDatabase(db, {\n label: db,\n comment: comment || db,\n schema: true\n }, 'admin').then(() => {\n console.log(`✔ created «${db}»`)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":645,"value":"deleteDB = async (db) => {\n await Client.deleteDatabase(db, 'admin').then(async () => {\n console.log(`✔ deleted «${db}»`)\n }).catch((err) => {\n console.log(err.data)\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":649,"value":"forceRefresh = () => {\n (viewof refresh).value ++\n (viewof refresh).dispatchEvent(new Event(\"input\"))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":706,"value":"dbAction = async (action, input, value) => {\n input.status = `${action} database`\n if (action === 'clear' || action === 'delete') await deleteDB(value)\n if (action === 'create' || action === 'clear') await createDB(value)\n forceRefresh()\n if (action === 'create' || action === 'clear') Client.database(value)\n input.status = `waiting for instructions`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":263,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", { bubbles: true })); // Native events bubble, so we should too\n if (databases.find(({id}) => id === value) != null) {\n input.status = `Selected «${value}»`\n Client.db(value)\n } else {\n input.status = `No Database Selected`\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":429,"value":"databases = Client.databases()","pinned":true,"hidden":false,"mode":"ojs"},{"id":539,"value":"dbExists = databases.find(({id}) => id === dbName) != null","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"md`## UI Elements`","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"md`### Connector`","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"Client.databases()","pinned":true,"hidden":false,"mode":"ojs"},{"id":180,"value":"Client.databaseInfo('vvv')","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"{\n const term = 'muscheln'\n const doctype = 'scm:Material' // set to null to search across all doctypes\n const res = await query(WOQL.and(\n WOQL\n .select('v:label', 'v:subject')\n .limit(10)\n .order_by('v:dist', 'desc')\n .and(\n WOQL.triple('v:subject', 'rdfs:label', 'v:label'),\n WOQL.triple('v:subject', 'rdf:type', doctype || 'v:doctype'),\n WOQL.like(term, 'v:label', 'v:dist')\n )\n ))\n \n return res.bindings\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":166,"value":"connect()","pinned":false,"hidden":false,"mode":"ojs"},{"id":291,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":788,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":775,"value":"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}