45:["$","title",null,{"children":"02 - DMT Foundation Tools | PotOfCoffee2Go | Observable"}] 4d:T67d,class Eyes extends Tool { constructor(settings, toolkit, created = new Date().toISOString()) { super(settings, toolkit); // Load toolbelt Profile console.log('here'); this.profile({ package: ['v0.3.0', '@potofcoffee2go/01-data-managment-toolbox'], declare: ['timestamp','created'], methods: ['addPeekFn(getFn, setFn)','removePeekFn(getFn, setFn)'], resolve: ['data'] }); this._timestamp = settings._timestamp || settings.timestamp || created; this._created = settings._created || settings.created || created; // List of get and set peeker functions that peek at and possibly modify data this._peekGetFnList = []; this._peekSetFnList = []; } // Bypass setter processing of **this.toolkit.data**! // which would cause max stack overflow (**this.toolkit.data** calls here!!) // So updates toolkit data (toolkit._data) directly set data(value) { let setData = value; this._peekSetFnList.forEach(fn => {setData = fn(setData, this.toolkit)}); this.toolkit._data = setData; this._timestamp = new Date().toISOString(); if (this.toolkit.evnt) {this.toolkit.evnt.logData(`Eyes|data`, setData, this._timestamp)} this.resolve('data'); } get data() { let getData = this.toolkit._data; this._peekGetFnList.forEach(fn => {getData = fn(getData, this.toolkit)}); return getData; } addPeekFn(getFn, setFn) { if (getFn) {this._peekGetFnList.unshift(getFn)} if (setFn) {this._peekSetFnList.push(setFn)} } removePeekFn(getFn, setFn) { //if (getFn) {this._peekGetFnList.unshift(getFn)} //if (setFn) {this._peekSetFnList.push(setFn)} } }4e:T721,class Feed extends Tool{ constructor(settings, toolkit) { super(settings, toolkit); this.profile({ package: ['v0.3.0', '@potofcoffee2go/01-data-managment-toolbox'], declare: [ 'overwrite', // automatically overwrite toolkit's data 'href', // Url of feed 'data'], // data if 'overwrite' is false methods: ['async fetch(href, opts)'], resolve: ['fetch'] }); // Only resolve href when the href actually changes // todo: fix this when removing button pressed this.override('href', null, (href) => { if (href !== this.href) { this._href = href; } }); this.override('overwrite',null, (value) => { if ((value && this.overwrite) && (!value && !this.overwrite)) { return this._overwrite = value; // no change } if (value && !this.overwrite) { this.toolkit.data = this.data; // move tool data to toolkit this.data = undefined; return this._overwrite = value; } if (!value && this.overwrite) { this.data = this.toolkit.data; // move toolkit data to tool this.toolkit.data = undefined; return this._overwrite = value; } }); this._overwrite = settings.__overwrite || settings._overwrite || true; this._href = settings._href || settings.href || undefined; } // Returns the JSON data from Url in .href async fetch(href, opts) { // Both requested and stored href are undefined - do nothing if (!href && !this.href) {return undefined}; if (href && href !== this.href) {this.href = href} if (this.href) { const response = await util.getJson(this.href, opts); if (this.overwrite) {this.toolkit.data = response} else {this.data = response} this.resolve('fetch'); } } }4f:T643,class Evnt extends Tool { constructor(settings, toolkit) { super(settings, toolkit); this.profile({ package: ['v0.3.0', `Emit - records toolkit data updates`], declare: ['queue', 'maxlen'], methods: [], resolve: ['enqueue'] }); // Use the History tool to mess around with these this._queue = []; this._maxlen = 10; this._seq = 0; this._emitter = new EventTarget(); if (settings._emit) {Object.assign(this, settings._emit)} } get queue() {return this._queue} get length() {return this._queue.length} get emitter() {return this._emitter} get emit() {return this._emit} set length(value) {this._maxlen = value} get emitter() {return this._emitter} _emit(resolved, data, timestamp) { // If is our own resolve - just return if (resolved !== 'Evnt|enqueue') { var event = new CustomEvent(resolved, {detail: new Enqueue(resolved, data, timestamp)}); this.emitter.dispatchEvent(event); } } on(resolveText, fn) { console.log('hit aggain@@') this.emitter.addEventListener(resolveText, fn); //this.emitter.on(resolveText, fn); } // This function called by Eyes tool logData(resolved, data, timestamp) { // If maxlen = 0 then skip logging and emitting if (this._maxlen) { let enqueue = new Enqueue (resolved, data, timestamp); // push onto the queue this.queue.unshift(enqueue); // limit to maxlen entries if (this.queue.length > this._maxlen) {this.queue.length = this._maxlen} this.resolve('enqueue'); } } } 50:[] 49:{"id":"eb4e261a746a78d3","slug":"02-dmt-foundation-tools","title":"02 - DMT Foundation Tools","thumbnail":"27dea1cb5d4456e8d4dc12befa776f8cdd5345c9d60fe83db9981c15e77a71d7","access_level":"public","create_time":"$D2018-10-21T02:46:01.439Z","update_time":"$D2018-10-23T18:07:08.049Z","view_time":null,"first_public_time":"$D2018-10-21T04:05:24.313Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c1c927bc0e557225","login":"potofcoffee2go","name":"PotOfCoffee2Go","avatar_url":"https://avatars-next.observableusercontent.com/1cad6affb7ef9934a774271c7cec794e82c220d72aaf11ccd37ad45c3cc6c1b4","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":132,"publish_version":132,"role":null,"authored":false,"authors":[{"type":"individual","id":"a975456033457547","login":"potofcoffee2go","name":"PotOfCoffee2Go","avatar_url":"https://avatars-next.observableusercontent.com/1cad6affb7ef9934a774271c7cec794e82c220d72aaf11ccd37ad45c3cc6c1b4","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"a975456033457547","login":"potofcoffee2go","name":"PotOfCoffee2Go","avatar_url":"https://avatars-next.observableusercontent.com/1cad6affb7ef9934a774271c7cec794e82c220d72aaf11ccd37ad45c3cc6c1b4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"02 - DMT Foundation Tools","cells":[{"id":0,"value":"md`# 02 - DMT Foundation Tools\n#### Foundation Tools\n\n

\n\n

An [observable collection] which describes a [Data Management Toolbox] using [Javascript classes].
This notebook implements the foundation tool set of the toolbox.

\n\n----\n\n

${package_json.name} version: ${package_json.version}
${package_json.description}

\n\n${nbs.header()}\n\n----\n\n${links()}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"package_json = ({ \n \"name\": \"poc2go-dmt-foundation-tools\",\n \"version\": \"0.2.0\",\n \"description\": \"Foundation Tools for a Data Management Toolbox\",\n \"main\": \"dmtls\",\n \"scripts\": {\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n },\n \"repository\": {\n \"type\": \"observablehq\",\n \"url\": \"@potofcoffee2go/01-data-managment-toolbox\"\n },\n \"author\": \"@PotOfCoffee2Go\",\n \"license\": \"MIT\"\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"Bindings = md`\\`\\` import {Eyes, Edge, Feed, Evnt} from \"@potofcoffee2go/02-dmt-foundation-tools\" \\`\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"Revisions = {\n class ReleaseLog { constructor() { Object.assign(this, {\n 'Note': '',\n 'Stability':'1 - Experimental',\n 'Todo': [\n ],\n 'Maintence':{\n '2018-10-20': [\n `Initial publish`,\n ],\n }\n })}}\n return new ReleaseLog;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"import {Toolkit, Tool, util} from \"@potofcoffee2go/01-data-managment-toolbox\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"md`\n\n----\n\n

${fa.icon5('fa-compact-disc', '#44cca2')},${fa.icon5('fa-compact-disc fa-flip-horizontal', '#44cca2')} Eyes ${fa.icon5('fa-compact-disc', '#44cca2')},${fa.icon5('fa-compact-disc fa-flip-horizontal', '#44cca2')}

\n\n\nEyes monitor and holds auxilery information about the toolkit. There is a unique Id and created and last updated timestamps.\n\nThe *create* and *timestamp* fields are the ISO date/time of when the instance was created and last updated, which is not really needed until they are... well - inevitably needed.\n\nThe *uid* field is a unique identifer for the life of the toolkit. *uid* remains the same if/when the container is stored and read back from storage.\n\nThere is a function that returns a back-reference to the toolkit that created it.\n\n${links()}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"$4d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"md`\n\n----\n\n### ${fa.icon5('fa-project-diagram fa-flip-vertical fa-flip-horizontal', '#44cca2')} Edge ${fa.icon5('fa-project-diagram fa-flip-vertical', '#44cca2')}\n\nThe *slug* is an identifier of the toolkit.\n\n*Scope* is like a category. It is handy for making disjointed subsets which is not covered in this notebook (ie: outside of it's scope ;). The scope is not required and is 'undefined' by default.\n\nTo get a reference to the toolkit the **slug** and **scope** are used as a key.\n\n> Note that an Edge instance is just a couple strings. This is important to prevent [circular references] which can become problematic for exotic data structures.\n\nThe constructor settings parameter can be an object or another instance of an Edge.\n\nThere is a function that returns a back-reference to the toolkit that created it.\n\n${links()}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"class Edge extends Tool {\n constructor(settings, toolkit) {\n super(settings, toolkit);\n\n this.profile({\n package: ['v0.3.0', '@potofcoffee2go/01-data-managment-toolbox'],\n declare: [\n 'slug', // Lookup name\n 'scope', // Set or category\n 'uid', // unique identifier\n 'prev', // Previous toolkitfundamental\n 'next', // Next toolkit\n 'parents', // Parents tookits\n 'siblings', // Sibling tookits\n 'children'], // Children tookits\n methods: [],\n resolve: []\n });\n\n this._uid = settings._uid || settings.uid || util.uniqueId();\n this._slug = settings._slug || settings.slug || util.uniqueId();\n this._scope = settings._scope || settings.scope || undefined;\n \n this.toolkit.addToolkit(this);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"md`----\n\n### ${fa.icon5('fa-cloud-download-alt', '#44cca2')} Feed ${fa.icon5('fa-cloud-download-alt', '#44cca2')}\n\nThis class fetches JSON data from the web. As mentioned earlier, the element classes do not normally contain data directly, so will be using this guy a lot to get data from some freely available API's.\n\n[Mike Bostock] mentions in his [Introduction to Data] notebook ${fa.icon('fa-comment-o')} - “[Todd Motto] maintains a nice list of [free public APIs] you can peruse.” So clicked over to Todd's repo and picked out a few API's for testing.\n\nThe implementation is straight forward. The class constructor stores off the URL, getter and setter for the URL, and a \\`\\`fetch()\\`\\` function that calls the utility function already defined above. The caller of the fetch function will need to 'await' as fetch returns a Promise.\n\nThere is a function that returns a back-reference to the toolkit that created it.\n\n${links()}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"$4e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`----\n\n### ${fa.icon5('fa-history', '#44cca2')} Evnt ${fa.icon5('fa-history', '#44cca2')}\nThis tool is an event emitter that records data updates observed by the Eyes tool. It is directly linked with Eyes to insure all data is captured and that it is in proper sequence. The queue/log is generally accessed using the History tool. It is an event emitter, for those packages that need one, for example “ \\`\\` tkit.Evnt.on('Eyes|data', react(logObj)) \\`\\` ”.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$4f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"class EventTarget1 {\n constructor(){\n this.listeners = {};\n }\n\n addEventListener(type, callback) {\n if (!(type in this.listeners)) {this.listeners[type] = []}\n this.listeners[type].push(callback);\n }\n\n removeEventListener(type, callback) {\n if (!(type in this.listeners)) {\n return;\n }\n var stack = this.listeners[type];\n for (var i = 0, l = stack.length; i < l; i++) {\n if (stack[i] === callback) {\n stack.splice(i, 1);\n return;\n }\n }\n }\n\n dispatchEvent(event) {\n if (!(event.type in this.listeners)) {\n return true;\n }\n var stack = this.listeners[event.type].slice();\n for (var i = 0, l = stack.length; i < l; i++) {\n stack[i].call(this, event);\n }\n return !event.defaultPrevented;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"class Enqueue {\n constructor(resolved, data, timestamp) {\n this._resolved = resolved;\n this._data = data;\n this._timestamp = timestamp;\n }\n get data() {return this._data}\n get timestamp() {return this._timestamp}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`----\n\n${nbs.footer()}\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"md`${nbs.title()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"EventEmitter = require('https://bundle.run/emittery@0.4.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"import {nbs} from \"@potofcoffee2go/poc2go-dmt-notebook-settings\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"stylesheet = html `${nbs.sheet()}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"fa = nbs.fa()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"links = nbs.links","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W50","stdlib":"1"}} 44:null