npm - solid-ui - Versions diffs - 3.1.3-1 → 3.1.3-10 - Mend

solid-ui 3.1.3-1 → 3.1.3-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1248) hide show

package/dist/widgets/peoplePicker.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"peoplePicker.cjs.js","names":["solidLogicSingleton","errorMessageBlock","ns","rdf","iconBase"],"sources":["../../src/widgets/peoplePicker.js"],"sourcesContent":["/*\n \n * People Picker Pane\n \n This pane offers a mechanism for selecting a set of individuals, groups, or\n * organizations to take some action on.\n \n Assumptions\n * - Assumes that the user has a type index entry for vcard:AddressBook. @@ bad assuption\n \n /\nimport escape from 'escape-html'\nimport { v4 as uuidv4 } from 'uuid'\nimport * as rdf from 'rdflib'\nimport * as debug from '../lib/debug'\n\nimport { makeDropTarget } from './dragAndDrop'\nimport { errorMessageBlock } from './error'\nimport { iconBase } from '../lib/iconBase'\nimport ns from '../lib/ns'\nimport { solidLogicSingleton } from 'solid-logic'\n\nconst kb = solidLogicSingleton.store\n\nexport class PeoplePicker {\n constructor (element, typeIndex, groupPickedCb, options) { // @@ can't expect typeindex to be passed\n this.options = options \|\| {}\n this.element = element\n this.typeIndex = typeIndex\n this.groupPickedCb = groupPickedCb\n this.selectedgroup = this.options.selectedgroup // current selected group if any\n this.onSelectGroup = this.onSelectGroup.bind(this)\n }\n\n render () {\n const container = document.createElement('div')\n container.style.maxWidth = '350px'\n container.style.minHeight = '200px'\n container.style.outline = '1px solid black'\n container.style.display = 'flex'\n\n if (this.selectedgroup) {\n container.style.flexDirection = 'column'\n const selectedGroup = document.createElement('div')\n new Group(selectedGroup, this.selectedgroup).render()\n const changeGroupButton = document.createElement('button')\n changeGroupButton.textContent = escape('Change group')\n changeGroupButton.addEventListener('click', _event => {\n this.selectedgroup = null\n this.render()\n })\n container.appendChild(selectedGroup)\n container.appendChild(changeGroupButton)\n } else {\n this.findAddressBook(this.typeIndex)\n .then(({ book }) => {\n const chooseExistingGroupButton = document.createElement('button')\n chooseExistingGroupButton.textContent = escape(\n 'Pick an existing group'\n )\n chooseExistingGroupButton.style.margin = 'auto'\n chooseExistingGroupButton.addEventListener('click', _event => {\n new GroupPicker(container, book, this.onSelectGroup).render()\n })\n\n const createNewGroupButton = document.createElement('button')\n createNewGroupButton.textContent = escape('Create a new group')\n createNewGroupButton.style.margin = 'auto'\n createNewGroupButton.addEventListener('click', _event => {\n this.createNewGroup(book, this.options.defaultNewGroupName)\n .then(({ group }) => {\n new GroupBuilder(\n this.element,\n book,\n group,\n this.onSelectGroup\n ).render()\n })\n .catch(errorBody => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Error creating a new group. (${errorBody})`)\n )\n )\n })\n })\n\n container.appendChild(chooseExistingGroupButton)\n container.appendChild(createNewGroupButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could find your groups. (${err})`)\n )\n )\n })\n }\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n\n findAddressBook (typeIndex) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(typeIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const bookRegistration = kb.any(\n null,\n ns.solid('forClass'),\n ns.vcard('AddressBook')\n )\n if (!bookRegistration) {\n return reject(\n new Error(\n 'no address book registered in the solid type index ' + typeIndex\n )\n )\n }\n const book = kb.any(bookRegistration, ns.solid('instance'))\n if (!book) {\n return reject(new Error('incomplete address book registration'))\n }\n kb.fetcher\n .load(book)\n .then(function (_xhr) {\n return resolve({ book })\n })\n .catch(function (errr) {\n return reject(new Error('Could not load address book ' + errr))\n })\n })\n })\n }\n\n createNewGroup (book, defaultNewGroupName) {\n const { groupIndex, groupContainer } = indexes(book)\n const group = rdf.sym(\n `${groupContainer.uri}${uuidv4().slice(0, 8)}.ttl#this`\n )\n const name = defaultNewGroupName \|\| 'Untitled Group'\n\n // NOTE that order matters here. Unfortunately this type of update is\n // non-atomic in that solid requires us to send two PATCHes, either of which\n // might fail.\n const patchPromises = [group.doc(), groupIndex].map(doc => {\n const typeStatement = rdf.st(group, ns.rdf('type'), ns.vcard('Group'), doc)\n const nameStatement = rdf.st(group, ns.vcard('fn'), name, group.doc(), doc)\n const includesGroupStatement = rdf.st(\n book,\n ns.vcard('includesGroup'),\n group,\n doc\n )\n const toIns = doc.equals(groupIndex)\n ? [typeStatement, nameStatement, includesGroupStatement]\n : [typeStatement, nameStatement]\n return patch(doc.uri, { toIns }).then(() => {\n toIns.forEach(st => {\n kb.add(st)\n })\n })\n })\n return Promise.all(patchPromises)\n .then(() => ({ group }))\n .catch(err => {\n debug.log('Could not create new group. PATCH failed ' + err)\n throw new Error(\n `Couldn't create new group. PATCH failed for (${\n err.xhr ? err.xhr.responseURL : ''\n } )`\n )\n })\n }\n\n onSelectGroup (group) {\n this.selectedgroup = group\n this.groupPickedCb(group)\n this.render()\n }\n}\n\nexport class GroupPicker {\n constructor (element, book, onSelectGroup) {\n this.element = element\n this.book = book\n this.onSelectGroup = onSelectGroup\n }\n\n render () {\n this.loadGroups()\n .then(groups => {\n // render the groups\n const container = document.createElement('div')\n container.style.display = 'flex'\n container.style.flexDirection = 'column'\n groups.forEach(group => {\n const groupButton = document.createElement('button')\n groupButton.addEventListener('click', this.handleClickGroup(group))\n new Group(groupButton, group).render()\n container.appendChild(groupButton)\n })\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`There was an error loading your groups. (${err})`)\n )\n )\n })\n return this\n }\n\n loadGroups () {\n return new Promise((resolve, reject) => {\n const { groupIndex } = indexes(this.book)\n kb.fetcher.nowOrWhenFetched(groupIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const groups = kb.each(this.book, ns.vcard('includesGroup'))\n return resolve(groups)\n })\n })\n }\n\n handleClickGroup (group) {\n return _event => {\n this.onSelectGroup(group)\n }\n }\n}\n\nexport class Group {\n constructor (element, group) {\n this.element = element\n this.group = group\n }\n\n render () {\n const container = document.createElement('div')\n container.textContent = escape(\n // @@@@@ need to escape??\n getWithDefault(this.group, ns.vcard('fn'), `[${this.group.value}]`)\n )\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nexport class GroupBuilder {\n constructor (element, book, group, doneBuildingCb, groupChangedCb) {\n this.element = element\n this.book = book\n this.group = group\n this.onGroupChanged = (err, changeType, agent) => {\n if (groupChangedCb) {\n groupChangedCb(err, changeType, agent)\n }\n }\n this.groupChangedCb = groupChangedCb\n this.doneBuildingCb = doneBuildingCb\n }\n\n refresh () {\n // TODO: implement\n }\n\n render () {\n const dropContainer = document.createElement('div')\n dropContainer.style.maxWidth = '350px'\n dropContainer.style.minHeight = '200px'\n dropContainer.style.outline = '1px solid black'\n dropContainer.style.display = 'flex'\n dropContainer.style.flexDirection = 'column'\n\n makeDropTarget(dropContainer, uris => {\n uris.forEach(uri => {\n this.add(uri).catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could not add the given WebId. (${err})`)\n )\n )\n })\n })\n })\n\n const groupNameInput = document.createElement('input')\n groupNameInput.type = 'text'\n groupNameInput.value = getWithDefault(\n this.group,\n ns.vcard('fn'),\n 'Untitled Group'\n )\n groupNameInput.addEventListener('change', event => {\n this.setGroupName(event.target.value).catch(err => {\n this.element.appendChild(\n errorMessageBlock(document, `Error changing group name. (${err})`)\n )\n })\n })\n const groupNameLabel = document.createElement('label')\n groupNameLabel.textContent = escape('Group Name:')\n groupNameLabel.appendChild(groupNameInput)\n dropContainer.appendChild(groupNameLabel)\n\n if (kb.any(this.group, ns.vcard('hasMember'))) {\n kb.match(this.group, ns.vcard('hasMember')).forEach(statement => {\n const webIdNode = statement.object\n const personDiv = document.createElement('div')\n new Person(personDiv, webIdNode, this.handleRemove(webIdNode)).render()\n dropContainer.appendChild(personDiv)\n })\n } else {\n const copy = document.createElement('p')\n copy.textContent = escape`\n To add someone to this group, drag and drop their WebID URL onto the box.\n `\n dropContainer.appendChild(copy)\n }\n\n const doneBuildingButton = document.createElement('button')\n doneBuildingButton.textContent = escape('Done')\n doneBuildingButton.addEventListener('click', _event => {\n this.doneBuildingCb(this.group)\n })\n dropContainer.appendChild(doneBuildingButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(dropContainer)\n return this\n }\n\n add (webId) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(webId, (ok, err) => {\n if (!ok) {\n this.onGroupChanged(err)\n return reject(err)\n }\n // make sure it's a valid person, group, or entity (for now just handle\n // webId)\n const webIdNode = rdf.namedNode(webId)\n const rdfClass = kb.any(webIdNode, ns.rdf('type'))\n if (!rdfClass \|\| !rdfClass.equals(ns.foaf('Person'))) {\n return reject(\n new Error(\n `Only people supported right now. (tried to add something of type ${rdfClass.value})`\n )\n )\n }\n return resolve(webIdNode)\n })\n }).then(webIdNode => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n if (kb.holdsStatement(statement)) {\n return webIdNode\n }\n return patch(this.group.doc().uri, { toIns: [statement] }).then(() => {\n statement.why = this.group.doc()\n kb.add(statement)\n this.onGroupChanged(null, 'added', webIdNode)\n this.render()\n })\n })\n }\n\n handleRemove (webIdNode) {\n return _event => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n return patch(this.group.doc().uri, { toDel: [statement] })\n .then(() => {\n kb.remove(statement)\n this.onGroupChanged(null, 'removed', webIdNode)\n this.render()\n return true\n })\n .catch(err => {\n const name = kb.any(webIdNode, ns.foaf('name'))\n const errorMessage =\n name && name.value\n ? `Could not remove ${name.value}. (${err})`\n : `Could not remove ${webIdNode.value}. (${err})`\n throw new Error(errorMessage)\n })\n }\n }\n\n setGroupName (name) {\n const { groupIndex } = indexes(this.book)\n const updatePromises = [this.group.doc(), groupIndex].map(namedGraph => {\n const oldNameStatements = kb.match(\n this.group,\n ns.vcard('fn'),\n null,\n namedGraph\n )\n const newNameStatement = rdf.st(\n this.group,\n ns.vcard('fn'),\n rdf.literal(name)\n )\n return patch(namedGraph.value, {\n toDel: oldNameStatements,\n toIns: [newNameStatement]\n }).then(_solidResponse => {\n kb.removeStatements(oldNameStatements)\n newNameStatement.why = namedGraph\n kb.add(newNameStatement)\n })\n })\n return Promise.all(updatePromises)\n }\n}\n// @ignore exporting this only for the unit test\n// @@ TODO maybe I should move this down at end, but for\n// now I will leave it where it was\nexport class Person {\n constructor (element, webIdNode, handleRemove) {\n this.webIdNode = webIdNode\n this.element = element\n this.handleRemove = handleRemove\n }\n\n render () {\n const container = document.createElement('div')\n container.style.display = 'flex'\n\n // TODO: take a look at UI.widgets.setName\n const imgSrc = getWithDefault(\n this.webIdNode,\n ns.foaf('img'),\n iconBase + 'noun_15059.svg'\n )\n const profileImg = document.createElement('img')\n profileImg.src = escape(imgSrc)\n profileImg.width = '50'\n profileImg.height = '50'\n profileImg.style.margin = '5px'\n\n // TODO: take a look at UI.widgets.setImage\n const name = getWithDefault(\n this.webIdNode,\n ns.foaf('name'),\n `[${this.webIdNode}]`\n )\n const nameSpan = document.createElement('span')\n nameSpan.innerHTML = escape(name)\n nameSpan.style.flexGrow = '1'\n nameSpan.style.margin = 'auto 0'\n\n const removeButton = document.createElement('button')\n removeButton.textContent = 'Remove'\n removeButton.addEventListener('click', _event =>\n this.handleRemove().catch(err => {\n this.element.appendChild(errorMessageBlock(document, escape(`${err}`)))\n })\n )\n removeButton.style.margin = '5px'\n\n container.appendChild(profileImg)\n container.appendChild(nameSpan)\n container.appendChild(removeButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nfunction getWithDefault (subject, predicate, defaultValue) {\n const object = kb.any(subject, predicate)\n return object ? object.value : defaultValue\n}\n\nfunction patch (url, { toDel, toIns }) {\n return new Promise((resolve, reject) => {\n kb.updater.update(toDel, toIns, (uri, success, errorMessage) => {\n if (!success) {\n return reject(\n new Error(`PATCH failed for resource <${uri}>: ${errorMessage}`)\n )\n }\n resolve()\n })\n })\n // return webClient.patch(url, toDel, toIns)\n // .then(solidResponse => {\n // const status = solidResponse.xhr.status\n // if (status < 200 \|\| status >= 400) {\n // const err = new Error(`PATCH failed for resource <${solidResponse.url}>`)\n // err.solidResponse = solidResponse\n // throw err\n // }\n // })\n}\n\nfunction indexes (book) {\n return {\n // bookIndex: book,\n groupIndex: kb.any(book, ns.vcard('groupIndex')),\n groupContainer: kb.sym(book.dir().uri + 'Group/')\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"peoplePicker.cjs.js","names":["solidLogicSingleton","errorMessageBlock","ns","rdf","iconBase"],"sources":["../../src/widgets/peoplePicker.js"],"sourcesContent":["/*\n \n * People Picker Pane\n \n This pane offers a mechanism for selecting a set of individuals, groups, or\n * organizations to take some action on.\n \n Assumptions\n * - Assumes that the user has a type index entry for vcard:AddressBook. @@ bad assuption\n \n /\nimport escape from 'escape-html'\nimport { v4 as uuidv4 } from 'uuid'\nimport * as rdf from 'rdflib'\nimport * as debug from '../lib/debug'\n\nimport { makeDropTarget } from './dragAndDrop'\nimport { errorMessageBlock } from './error'\nimport { iconBase } from '../lib/iconBase'\nimport ns from '../lib/ns'\nimport { solidLogicSingleton } from 'solid-logic'\n\nconst kb = solidLogicSingleton.store\n\nexport class PeoplePicker {\n constructor (element, typeIndex, groupPickedCb, options) { // @@ can't expect typeindex to be passed\n this.options = options \|\| {}\n this.element = element\n this.typeIndex = typeIndex\n this.groupPickedCb = groupPickedCb\n this.selectedgroup = this.options.selectedgroup // current selected group if any\n this.onSelectGroup = this.onSelectGroup.bind(this)\n }\n\n render () {\n const container = document.createElement('div')\n container.style.maxWidth = '350px'\n container.style.minHeight = '200px'\n container.style.outline = '1px solid black'\n container.style.display = 'flex'\n\n if (this.selectedgroup) {\n container.style.flexDirection = 'column'\n const selectedGroup = document.createElement('div')\n new Group(selectedGroup, this.selectedgroup).render()\n const changeGroupButton = document.createElement('button')\n changeGroupButton.textContent = escape('Change group')\n changeGroupButton.addEventListener('click', _event => {\n this.selectedgroup = null\n this.render()\n })\n container.appendChild(selectedGroup)\n container.appendChild(changeGroupButton)\n } else {\n this.findAddressBook(this.typeIndex)\n .then(({ book }) => {\n const chooseExistingGroupButton = document.createElement('button')\n chooseExistingGroupButton.textContent = escape(\n 'Pick an existing group'\n )\n chooseExistingGroupButton.style.margin = 'auto'\n chooseExistingGroupButton.addEventListener('click', _event => {\n new GroupPicker(container, book, this.onSelectGroup).render()\n })\n\n const createNewGroupButton = document.createElement('button')\n createNewGroupButton.textContent = escape('Create a new group')\n createNewGroupButton.style.margin = 'auto'\n createNewGroupButton.addEventListener('click', _event => {\n this.createNewGroup(book, this.options.defaultNewGroupName)\n .then(({ group }) => {\n new GroupBuilder(\n this.element,\n book,\n group,\n this.onSelectGroup\n ).render()\n })\n .catch(errorBody => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Error creating a new group. (${errorBody})`)\n )\n )\n })\n })\n\n container.appendChild(chooseExistingGroupButton)\n container.appendChild(createNewGroupButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could find your groups. (${err})`)\n )\n )\n })\n }\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n\n findAddressBook (typeIndex) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(typeIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const bookRegistration = kb.any(\n null,\n ns.solid('forClass'),\n ns.vcard('AddressBook')\n )\n if (!bookRegistration) {\n return reject(\n new Error(\n 'no address book registered in the solid type index ' + typeIndex\n )\n )\n }\n const book = kb.any(bookRegistration, ns.solid('instance'))\n if (!book) {\n return reject(new Error('incomplete address book registration'))\n }\n kb.fetcher\n .load(book)\n .then(function (_xhr) {\n return resolve({ book })\n })\n .catch(function (errr) {\n return reject(new Error('Could not load address book ' + errr))\n })\n })\n })\n }\n\n createNewGroup (book, defaultNewGroupName) {\n const { groupIndex, groupContainer } = indexes(book)\n const group = rdf.sym(\n `${groupContainer.uri}${uuidv4().slice(0, 8)}.ttl#this`\n )\n const name = defaultNewGroupName \|\| 'Untitled Group'\n\n // NOTE that order matters here. Unfortunately this type of update is\n // non-atomic in that solid requires us to send two PATCHes, either of which\n // might fail.\n const patchPromises = [group.doc(), groupIndex].map(doc => {\n const typeStatement = rdf.st(group, ns.rdf('type'), ns.vcard('Group'), doc)\n const nameStatement = rdf.st(group, ns.vcard('fn'), name, group.doc(), doc)\n const includesGroupStatement = rdf.st(\n book,\n ns.vcard('includesGroup'),\n group,\n doc\n )\n const toIns = doc.equals(groupIndex)\n ? [typeStatement, nameStatement, includesGroupStatement]\n : [typeStatement, nameStatement]\n return patch(doc.uri, { toIns }).then(() => {\n toIns.forEach(st => {\n kb.add(st)\n })\n })\n })\n return Promise.all(patchPromises)\n .then(() => ({ group }))\n .catch(err => {\n debug.log('Could not create new group. PATCH failed ' + err)\n throw new Error(\n `Couldn't create new group. PATCH failed for (${\n err.xhr ? err.xhr.responseURL : ''\n } )`\n )\n })\n }\n\n onSelectGroup (group) {\n this.selectedgroup = group\n this.groupPickedCb(group)\n this.render()\n }\n}\n\nexport class GroupPicker {\n constructor (element, book, onSelectGroup) {\n this.element = element\n this.book = book\n this.onSelectGroup = onSelectGroup\n }\n\n render () {\n this.loadGroups()\n .then(groups => {\n // render the groups\n const container = document.createElement('div')\n container.style.display = 'flex'\n container.style.flexDirection = 'column'\n groups.forEach(group => {\n const groupButton = document.createElement('button')\n groupButton.addEventListener('click', this.handleClickGroup(group))\n new Group(groupButton, group).render()\n container.appendChild(groupButton)\n })\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`There was an error loading your groups. (${err})`)\n )\n )\n })\n return this\n }\n\n loadGroups () {\n return new Promise((resolve, reject) => {\n const { groupIndex } = indexes(this.book)\n kb.fetcher.nowOrWhenFetched(groupIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const groups = kb.each(this.book, ns.vcard('includesGroup'))\n return resolve(groups)\n })\n })\n }\n\n handleClickGroup (group) {\n return _event => {\n this.onSelectGroup(group)\n }\n }\n}\n\nexport class Group {\n constructor (element, group) {\n this.element = element\n this.group = group\n }\n\n render () {\n const container = document.createElement('div')\n container.textContent = escape(\n // @@@@@ need to escape??\n getWithDefault(this.group, ns.vcard('fn'), `[${this.group.value}]`)\n )\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nexport class GroupBuilder {\n constructor (element, book, group, doneBuildingCb, groupChangedCb) {\n this.element = element\n this.book = book\n this.group = group\n this.onGroupChanged = (err, changeType, agent) => {\n if (groupChangedCb) {\n groupChangedCb(err, changeType, agent)\n }\n }\n this.groupChangedCb = groupChangedCb\n this.doneBuildingCb = doneBuildingCb\n }\n\n refresh () {\n // TODO: implement\n }\n\n render () {\n const dropContainer = document.createElement('div')\n dropContainer.style.maxWidth = '350px'\n dropContainer.style.minHeight = '200px'\n dropContainer.style.outline = '1px solid black'\n dropContainer.style.display = 'flex'\n dropContainer.style.flexDirection = 'column'\n\n makeDropTarget(dropContainer, uris => {\n uris.forEach(uri => {\n this.add(uri).catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could not add the given WebId. (${err})`)\n )\n )\n })\n })\n })\n\n const groupNameInput = document.createElement('input')\n groupNameInput.type = 'text'\n groupNameInput.value = getWithDefault(\n this.group,\n ns.vcard('fn'),\n 'Untitled Group'\n )\n groupNameInput.addEventListener('change', event => {\n this.setGroupName(event.target.value).catch(err => {\n this.element.appendChild(\n errorMessageBlock(document, `Error changing group name. (${err})`)\n )\n })\n })\n const groupNameLabel = document.createElement('label')\n groupNameLabel.textContent = escape('Group Name:')\n groupNameLabel.appendChild(groupNameInput)\n dropContainer.appendChild(groupNameLabel)\n\n if (kb.any(this.group, ns.vcard('hasMember'))) {\n kb.match(this.group, ns.vcard('hasMember')).forEach(statement => {\n const webIdNode = statement.object\n const personDiv = document.createElement('div')\n new Person(personDiv, webIdNode, this.handleRemove(webIdNode)).render()\n dropContainer.appendChild(personDiv)\n })\n } else {\n const copy = document.createElement('p')\n copy.textContent = escape`\n To add someone to this group, drag and drop their WebID URL onto the box.\n `\n dropContainer.appendChild(copy)\n }\n\n const doneBuildingButton = document.createElement('button')\n doneBuildingButton.textContent = escape('Done')\n doneBuildingButton.addEventListener('click', _event => {\n this.doneBuildingCb(this.group)\n })\n dropContainer.appendChild(doneBuildingButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(dropContainer)\n return this\n }\n\n add (webId) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(webId, (ok, err) => {\n if (!ok) {\n this.onGroupChanged(err)\n return reject(err)\n }\n // make sure it's a valid person, group, or entity (for now just handle\n // webId)\n const webIdNode = rdf.namedNode(webId)\n const rdfClass = kb.any(webIdNode, ns.rdf('type'))\n if (!rdfClass \|\| !rdfClass.equals(ns.foaf('Person'))) {\n return reject(\n new Error(\n `Only people supported right now. (tried to add something of type ${rdfClass.value})`\n )\n )\n }\n return resolve(webIdNode)\n })\n }).then(webIdNode => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n if (kb.holdsStatement(statement)) {\n return webIdNode\n }\n return patch(this.group.doc().uri, { toIns: [statement] }).then(() => {\n statement.why = this.group.doc()\n kb.add(statement)\n this.onGroupChanged(null, 'added', webIdNode)\n this.render()\n })\n })\n }\n\n handleRemove (webIdNode) {\n return _event => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n return patch(this.group.doc().uri, { toDel: [statement] })\n .then(() => {\n kb.remove(statement)\n this.onGroupChanged(null, 'removed', webIdNode)\n this.render()\n return true\n })\n .catch(err => {\n const name = kb.any(webIdNode, ns.foaf('name'))\n const errorMessage =\n name && name.value\n ? `Could not remove ${name.value}. (${err})`\n : `Could not remove ${webIdNode.value}. (${err})`\n throw new Error(errorMessage)\n })\n }\n }\n\n setGroupName (name) {\n const { groupIndex } = indexes(this.book)\n const updatePromises = [this.group.doc(), groupIndex].map(namedGraph => {\n const oldNameStatements = kb.match(\n this.group,\n ns.vcard('fn'),\n null,\n namedGraph\n )\n const newNameStatement = rdf.st(\n this.group,\n ns.vcard('fn'),\n rdf.literal(name)\n )\n return patch(namedGraph.value, {\n toDel: oldNameStatements,\n toIns: [newNameStatement]\n }).then(_solidResponse => {\n kb.removeStatements(oldNameStatements)\n newNameStatement.why = namedGraph\n kb.add(newNameStatement)\n })\n })\n return Promise.all(updatePromises)\n }\n}\n// @ignore exporting this only for the unit test\n// @@ TODO maybe I should move this down at end, but for\n// now I will leave it where it was\nexport class Person {\n constructor (element, webIdNode, handleRemove) {\n this.webIdNode = webIdNode\n this.element = element\n this.handleRemove = handleRemove\n }\n\n render () {\n const container = document.createElement('div')\n container.style.display = 'flex'\n\n // TODO: take a look at UI.widgets.setName\n const imgSrc = getWithDefault(\n this.webIdNode,\n ns.foaf('img'),\n iconBase + 'noun_15059.svg'\n )\n const profileImg = document.createElement('img')\n profileImg.src = escape(imgSrc)\n profileImg.width = '50'\n profileImg.height = '50'\n profileImg.style.margin = '5px'\n\n // TODO: take a look at UI.widgets.setImage\n const name = getWithDefault(\n this.webIdNode,\n ns.foaf('name'),\n `[${this.webIdNode}]`\n )\n const nameSpan = document.createElement('span')\n nameSpan.innerHTML = escape(name)\n nameSpan.style.flexGrow = '1'\n nameSpan.style.margin = 'auto 0'\n\n const removeButton = document.createElement('button')\n removeButton.textContent = 'Remove'\n removeButton.addEventListener('click', _event =>\n this.handleRemove().catch(err => {\n this.element.appendChild(errorMessageBlock(document, escape(`${err}`)))\n })\n )\n removeButton.style.margin = '5px'\n\n container.appendChild(profileImg)\n container.appendChild(nameSpan)\n container.appendChild(removeButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nfunction getWithDefault (subject, predicate, defaultValue) {\n const object = kb.any(subject, predicate)\n return object ? object.value : defaultValue\n}\n\nfunction patch (url, { toDel, toIns }) {\n return new Promise((resolve, reject) => {\n kb.updater.update(toDel, toIns, (uri, success, errorMessage) => {\n if (!success) {\n return reject(\n new Error(`PATCH failed for resource <${uri}>: ${errorMessage}`)\n )\n }\n resolve()\n })\n })\n // return webClient.patch(url, toDel, toIns)\n // .then(solidResponse => {\n // const status = solidResponse.xhr.status\n // if (status < 200 \|\| status >= 400) {\n // const err = new Error(`PATCH failed for resource <${solidResponse.url}>`)\n // err.solidResponse = solidResponse\n // throw err\n // }\n // })\n}\n\nfunction indexes (book) {\n return {\n // bookIndex: book,\n groupIndex: kb.any(book, ns.vcard('groupIndex')),\n groupContainer: kb.sym(book.dir().uri + 'Group/')\n }\n}\n"],"mappings":"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"}

package/dist/widgets/peoplePicker.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"peoplePicker.esm.js","names":["ns","uuidv4"],"sources":["../../src/widgets/peoplePicker.js"],"sourcesContent":["/*\n \n * People Picker Pane\n \n This pane offers a mechanism for selecting a set of individuals, groups, or\n * organizations to take some action on.\n \n Assumptions\n * - Assumes that the user has a type index entry for vcard:AddressBook. @@ bad assuption\n \n /\nimport escape from 'escape-html'\nimport { v4 as uuidv4 } from 'uuid'\nimport * as rdf from 'rdflib'\nimport * as debug from '../lib/debug'\n\nimport { makeDropTarget } from './dragAndDrop'\nimport { errorMessageBlock } from './error'\nimport { iconBase } from '../lib/iconBase'\nimport ns from '../lib/ns'\nimport { solidLogicSingleton } from 'solid-logic'\n\nconst kb = solidLogicSingleton.store\n\nexport class PeoplePicker {\n constructor (element, typeIndex, groupPickedCb, options) { // @@ can't expect typeindex to be passed\n this.options = options \|\| {}\n this.element = element\n this.typeIndex = typeIndex\n this.groupPickedCb = groupPickedCb\n this.selectedgroup = this.options.selectedgroup // current selected group if any\n this.onSelectGroup = this.onSelectGroup.bind(this)\n }\n\n render () {\n const container = document.createElement('div')\n container.style.maxWidth = '350px'\n container.style.minHeight = '200px'\n container.style.outline = '1px solid black'\n container.style.display = 'flex'\n\n if (this.selectedgroup) {\n container.style.flexDirection = 'column'\n const selectedGroup = document.createElement('div')\n new Group(selectedGroup, this.selectedgroup).render()\n const changeGroupButton = document.createElement('button')\n changeGroupButton.textContent = escape('Change group')\n changeGroupButton.addEventListener('click', _event => {\n this.selectedgroup = null\n this.render()\n })\n container.appendChild(selectedGroup)\n container.appendChild(changeGroupButton)\n } else {\n this.findAddressBook(this.typeIndex)\n .then(({ book }) => {\n const chooseExistingGroupButton = document.createElement('button')\n chooseExistingGroupButton.textContent = escape(\n 'Pick an existing group'\n )\n chooseExistingGroupButton.style.margin = 'auto'\n chooseExistingGroupButton.addEventListener('click', _event => {\n new GroupPicker(container, book, this.onSelectGroup).render()\n })\n\n const createNewGroupButton = document.createElement('button')\n createNewGroupButton.textContent = escape('Create a new group')\n createNewGroupButton.style.margin = 'auto'\n createNewGroupButton.addEventListener('click', _event => {\n this.createNewGroup(book, this.options.defaultNewGroupName)\n .then(({ group }) => {\n new GroupBuilder(\n this.element,\n book,\n group,\n this.onSelectGroup\n ).render()\n })\n .catch(errorBody => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Error creating a new group. (${errorBody})`)\n )\n )\n })\n })\n\n container.appendChild(chooseExistingGroupButton)\n container.appendChild(createNewGroupButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could find your groups. (${err})`)\n )\n )\n })\n }\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n\n findAddressBook (typeIndex) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(typeIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const bookRegistration = kb.any(\n null,\n ns.solid('forClass'),\n ns.vcard('AddressBook')\n )\n if (!bookRegistration) {\n return reject(\n new Error(\n 'no address book registered in the solid type index ' + typeIndex\n )\n )\n }\n const book = kb.any(bookRegistration, ns.solid('instance'))\n if (!book) {\n return reject(new Error('incomplete address book registration'))\n }\n kb.fetcher\n .load(book)\n .then(function (_xhr) {\n return resolve({ book })\n })\n .catch(function (errr) {\n return reject(new Error('Could not load address book ' + errr))\n })\n })\n })\n }\n\n createNewGroup (book, defaultNewGroupName) {\n const { groupIndex, groupContainer } = indexes(book)\n const group = rdf.sym(\n `${groupContainer.uri}${uuidv4().slice(0, 8)}.ttl#this`\n )\n const name = defaultNewGroupName \|\| 'Untitled Group'\n\n // NOTE that order matters here. Unfortunately this type of update is\n // non-atomic in that solid requires us to send two PATCHes, either of which\n // might fail.\n const patchPromises = [group.doc(), groupIndex].map(doc => {\n const typeStatement = rdf.st(group, ns.rdf('type'), ns.vcard('Group'), doc)\n const nameStatement = rdf.st(group, ns.vcard('fn'), name, group.doc(), doc)\n const includesGroupStatement = rdf.st(\n book,\n ns.vcard('includesGroup'),\n group,\n doc\n )\n const toIns = doc.equals(groupIndex)\n ? [typeStatement, nameStatement, includesGroupStatement]\n : [typeStatement, nameStatement]\n return patch(doc.uri, { toIns }).then(() => {\n toIns.forEach(st => {\n kb.add(st)\n })\n })\n })\n return Promise.all(patchPromises)\n .then(() => ({ group }))\n .catch(err => {\n debug.log('Could not create new group. PATCH failed ' + err)\n throw new Error(\n `Couldn't create new group. PATCH failed for (${\n err.xhr ? err.xhr.responseURL : ''\n } )`\n )\n })\n }\n\n onSelectGroup (group) {\n this.selectedgroup = group\n this.groupPickedCb(group)\n this.render()\n }\n}\n\nexport class GroupPicker {\n constructor (element, book, onSelectGroup) {\n this.element = element\n this.book = book\n this.onSelectGroup = onSelectGroup\n }\n\n render () {\n this.loadGroups()\n .then(groups => {\n // render the groups\n const container = document.createElement('div')\n container.style.display = 'flex'\n container.style.flexDirection = 'column'\n groups.forEach(group => {\n const groupButton = document.createElement('button')\n groupButton.addEventListener('click', this.handleClickGroup(group))\n new Group(groupButton, group).render()\n container.appendChild(groupButton)\n })\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`There was an error loading your groups. (${err})`)\n )\n )\n })\n return this\n }\n\n loadGroups () {\n return new Promise((resolve, reject) => {\n const { groupIndex } = indexes(this.book)\n kb.fetcher.nowOrWhenFetched(groupIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const groups = kb.each(this.book, ns.vcard('includesGroup'))\n return resolve(groups)\n })\n })\n }\n\n handleClickGroup (group) {\n return _event => {\n this.onSelectGroup(group)\n }\n }\n}\n\nexport class Group {\n constructor (element, group) {\n this.element = element\n this.group = group\n }\n\n render () {\n const container = document.createElement('div')\n container.textContent = escape(\n // @@@@@ need to escape??\n getWithDefault(this.group, ns.vcard('fn'), `[${this.group.value}]`)\n )\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nexport class GroupBuilder {\n constructor (element, book, group, doneBuildingCb, groupChangedCb) {\n this.element = element\n this.book = book\n this.group = group\n this.onGroupChanged = (err, changeType, agent) => {\n if (groupChangedCb) {\n groupChangedCb(err, changeType, agent)\n }\n }\n this.groupChangedCb = groupChangedCb\n this.doneBuildingCb = doneBuildingCb\n }\n\n refresh () {\n // TODO: implement\n }\n\n render () {\n const dropContainer = document.createElement('div')\n dropContainer.style.maxWidth = '350px'\n dropContainer.style.minHeight = '200px'\n dropContainer.style.outline = '1px solid black'\n dropContainer.style.display = 'flex'\n dropContainer.style.flexDirection = 'column'\n\n makeDropTarget(dropContainer, uris => {\n uris.forEach(uri => {\n this.add(uri).catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could not add the given WebId. (${err})`)\n )\n )\n })\n })\n })\n\n const groupNameInput = document.createElement('input')\n groupNameInput.type = 'text'\n groupNameInput.value = getWithDefault(\n this.group,\n ns.vcard('fn'),\n 'Untitled Group'\n )\n groupNameInput.addEventListener('change', event => {\n this.setGroupName(event.target.value).catch(err => {\n this.element.appendChild(\n errorMessageBlock(document, `Error changing group name. (${err})`)\n )\n })\n })\n const groupNameLabel = document.createElement('label')\n groupNameLabel.textContent = escape('Group Name:')\n groupNameLabel.appendChild(groupNameInput)\n dropContainer.appendChild(groupNameLabel)\n\n if (kb.any(this.group, ns.vcard('hasMember'))) {\n kb.match(this.group, ns.vcard('hasMember')).forEach(statement => {\n const webIdNode = statement.object\n const personDiv = document.createElement('div')\n new Person(personDiv, webIdNode, this.handleRemove(webIdNode)).render()\n dropContainer.appendChild(personDiv)\n })\n } else {\n const copy = document.createElement('p')\n copy.textContent = escape`\n To add someone to this group, drag and drop their WebID URL onto the box.\n `\n dropContainer.appendChild(copy)\n }\n\n const doneBuildingButton = document.createElement('button')\n doneBuildingButton.textContent = escape('Done')\n doneBuildingButton.addEventListener('click', _event => {\n this.doneBuildingCb(this.group)\n })\n dropContainer.appendChild(doneBuildingButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(dropContainer)\n return this\n }\n\n add (webId) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(webId, (ok, err) => {\n if (!ok) {\n this.onGroupChanged(err)\n return reject(err)\n }\n // make sure it's a valid person, group, or entity (for now just handle\n // webId)\n const webIdNode = rdf.namedNode(webId)\n const rdfClass = kb.any(webIdNode, ns.rdf('type'))\n if (!rdfClass \|\| !rdfClass.equals(ns.foaf('Person'))) {\n return reject(\n new Error(\n `Only people supported right now. (tried to add something of type ${rdfClass.value})`\n )\n )\n }\n return resolve(webIdNode)\n })\n }).then(webIdNode => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n if (kb.holdsStatement(statement)) {\n return webIdNode\n }\n return patch(this.group.doc().uri, { toIns: [statement] }).then(() => {\n statement.why = this.group.doc()\n kb.add(statement)\n this.onGroupChanged(null, 'added', webIdNode)\n this.render()\n })\n })\n }\n\n handleRemove (webIdNode) {\n return _event => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n return patch(this.group.doc().uri, { toDel: [statement] })\n .then(() => {\n kb.remove(statement)\n this.onGroupChanged(null, 'removed', webIdNode)\n this.render()\n return true\n })\n .catch(err => {\n const name = kb.any(webIdNode, ns.foaf('name'))\n const errorMessage =\n name && name.value\n ? `Could not remove ${name.value}. (${err})`\n : `Could not remove ${webIdNode.value}. (${err})`\n throw new Error(errorMessage)\n })\n }\n }\n\n setGroupName (name) {\n const { groupIndex } = indexes(this.book)\n const updatePromises = [this.group.doc(), groupIndex].map(namedGraph => {\n const oldNameStatements = kb.match(\n this.group,\n ns.vcard('fn'),\n null,\n namedGraph\n )\n const newNameStatement = rdf.st(\n this.group,\n ns.vcard('fn'),\n rdf.literal(name)\n )\n return patch(namedGraph.value, {\n toDel: oldNameStatements,\n toIns: [newNameStatement]\n }).then(_solidResponse => {\n kb.removeStatements(oldNameStatements)\n newNameStatement.why = namedGraph\n kb.add(newNameStatement)\n })\n })\n return Promise.all(updatePromises)\n }\n}\n// @ignore exporting this only for the unit test\n// @@ TODO maybe I should move this down at end, but for\n// now I will leave it where it was\nexport class Person {\n constructor (element, webIdNode, handleRemove) {\n this.webIdNode = webIdNode\n this.element = element\n this.handleRemove = handleRemove\n }\n\n render () {\n const container = document.createElement('div')\n container.style.display = 'flex'\n\n // TODO: take a look at UI.widgets.setName\n const imgSrc = getWithDefault(\n this.webIdNode,\n ns.foaf('img'),\n iconBase + 'noun_15059.svg'\n )\n const profileImg = document.createElement('img')\n profileImg.src = escape(imgSrc)\n profileImg.width = '50'\n profileImg.height = '50'\n profileImg.style.margin = '5px'\n\n // TODO: take a look at UI.widgets.setImage\n const name = getWithDefault(\n this.webIdNode,\n ns.foaf('name'),\n `[${this.webIdNode}]`\n )\n const nameSpan = document.createElement('span')\n nameSpan.innerHTML = escape(name)\n nameSpan.style.flexGrow = '1'\n nameSpan.style.margin = 'auto 0'\n\n const removeButton = document.createElement('button')\n removeButton.textContent = 'Remove'\n removeButton.addEventListener('click', _event =>\n this.handleRemove().catch(err => {\n this.element.appendChild(errorMessageBlock(document, escape(`${err}`)))\n })\n )\n removeButton.style.margin = '5px'\n\n container.appendChild(profileImg)\n container.appendChild(nameSpan)\n container.appendChild(removeButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nfunction getWithDefault (subject, predicate, defaultValue) {\n const object = kb.any(subject, predicate)\n return object ? object.value : defaultValue\n}\n\nfunction patch (url, { toDel, toIns }) {\n return new Promise((resolve, reject) => {\n kb.updater.update(toDel, toIns, (uri, success, errorMessage) => {\n if (!success) {\n return reject(\n new Error(`PATCH failed for resource <${uri}>: ${errorMessage}`)\n )\n }\n resolve()\n })\n })\n // return webClient.patch(url, toDel, toIns)\n // .then(solidResponse => {\n // const status = solidResponse.xhr.status\n // if (status < 200 \|\| status >= 400) {\n // const err = new Error(`PATCH failed for resource <${solidResponse.url}>`)\n // err.solidResponse = solidResponse\n // throw err\n // }\n // })\n}\n\nfunction indexes (book) {\n return {\n // bookIndex: book,\n groupIndex: kb.any(book, ns.vcard('groupIndex')),\n groupContainer: kb.sym(book.dir().uri + 'Group/')\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"peoplePicker.esm.js","names":["ns","uuidv4"],"sources":["../../src/widgets/peoplePicker.js"],"sourcesContent":["/*\n \n * People Picker Pane\n \n This pane offers a mechanism for selecting a set of individuals, groups, or\n * organizations to take some action on.\n \n Assumptions\n * - Assumes that the user has a type index entry for vcard:AddressBook. @@ bad assuption\n \n /\nimport escape from 'escape-html'\nimport { v4 as uuidv4 } from 'uuid'\nimport * as rdf from 'rdflib'\nimport * as debug from '../lib/debug'\n\nimport { makeDropTarget } from './dragAndDrop'\nimport { errorMessageBlock } from './error'\nimport { iconBase } from '../lib/iconBase'\nimport ns from '../lib/ns'\nimport { solidLogicSingleton } from 'solid-logic'\n\nconst kb = solidLogicSingleton.store\n\nexport class PeoplePicker {\n constructor (element, typeIndex, groupPickedCb, options) { // @@ can't expect typeindex to be passed\n this.options = options \|\| {}\n this.element = element\n this.typeIndex = typeIndex\n this.groupPickedCb = groupPickedCb\n this.selectedgroup = this.options.selectedgroup // current selected group if any\n this.onSelectGroup = this.onSelectGroup.bind(this)\n }\n\n render () {\n const container = document.createElement('div')\n container.style.maxWidth = '350px'\n container.style.minHeight = '200px'\n container.style.outline = '1px solid black'\n container.style.display = 'flex'\n\n if (this.selectedgroup) {\n container.style.flexDirection = 'column'\n const selectedGroup = document.createElement('div')\n new Group(selectedGroup, this.selectedgroup).render()\n const changeGroupButton = document.createElement('button')\n changeGroupButton.textContent = escape('Change group')\n changeGroupButton.addEventListener('click', _event => {\n this.selectedgroup = null\n this.render()\n })\n container.appendChild(selectedGroup)\n container.appendChild(changeGroupButton)\n } else {\n this.findAddressBook(this.typeIndex)\n .then(({ book }) => {\n const chooseExistingGroupButton = document.createElement('button')\n chooseExistingGroupButton.textContent = escape(\n 'Pick an existing group'\n )\n chooseExistingGroupButton.style.margin = 'auto'\n chooseExistingGroupButton.addEventListener('click', _event => {\n new GroupPicker(container, book, this.onSelectGroup).render()\n })\n\n const createNewGroupButton = document.createElement('button')\n createNewGroupButton.textContent = escape('Create a new group')\n createNewGroupButton.style.margin = 'auto'\n createNewGroupButton.addEventListener('click', _event => {\n this.createNewGroup(book, this.options.defaultNewGroupName)\n .then(({ group }) => {\n new GroupBuilder(\n this.element,\n book,\n group,\n this.onSelectGroup\n ).render()\n })\n .catch(errorBody => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Error creating a new group. (${errorBody})`)\n )\n )\n })\n })\n\n container.appendChild(chooseExistingGroupButton)\n container.appendChild(createNewGroupButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could find your groups. (${err})`)\n )\n )\n })\n }\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n\n findAddressBook (typeIndex) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(typeIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const bookRegistration = kb.any(\n null,\n ns.solid('forClass'),\n ns.vcard('AddressBook')\n )\n if (!bookRegistration) {\n return reject(\n new Error(\n 'no address book registered in the solid type index ' + typeIndex\n )\n )\n }\n const book = kb.any(bookRegistration, ns.solid('instance'))\n if (!book) {\n return reject(new Error('incomplete address book registration'))\n }\n kb.fetcher\n .load(book)\n .then(function (_xhr) {\n return resolve({ book })\n })\n .catch(function (errr) {\n return reject(new Error('Could not load address book ' + errr))\n })\n })\n })\n }\n\n createNewGroup (book, defaultNewGroupName) {\n const { groupIndex, groupContainer } = indexes(book)\n const group = rdf.sym(\n `${groupContainer.uri}${uuidv4().slice(0, 8)}.ttl#this`\n )\n const name = defaultNewGroupName \|\| 'Untitled Group'\n\n // NOTE that order matters here. Unfortunately this type of update is\n // non-atomic in that solid requires us to send two PATCHes, either of which\n // might fail.\n const patchPromises = [group.doc(), groupIndex].map(doc => {\n const typeStatement = rdf.st(group, ns.rdf('type'), ns.vcard('Group'), doc)\n const nameStatement = rdf.st(group, ns.vcard('fn'), name, group.doc(), doc)\n const includesGroupStatement = rdf.st(\n book,\n ns.vcard('includesGroup'),\n group,\n doc\n )\n const toIns = doc.equals(groupIndex)\n ? [typeStatement, nameStatement, includesGroupStatement]\n : [typeStatement, nameStatement]\n return patch(doc.uri, { toIns }).then(() => {\n toIns.forEach(st => {\n kb.add(st)\n })\n })\n })\n return Promise.all(patchPromises)\n .then(() => ({ group }))\n .catch(err => {\n debug.log('Could not create new group. PATCH failed ' + err)\n throw new Error(\n `Couldn't create new group. PATCH failed for (${\n err.xhr ? err.xhr.responseURL : ''\n } )`\n )\n })\n }\n\n onSelectGroup (group) {\n this.selectedgroup = group\n this.groupPickedCb(group)\n this.render()\n }\n}\n\nexport class GroupPicker {\n constructor (element, book, onSelectGroup) {\n this.element = element\n this.book = book\n this.onSelectGroup = onSelectGroup\n }\n\n render () {\n this.loadGroups()\n .then(groups => {\n // render the groups\n const container = document.createElement('div')\n container.style.display = 'flex'\n container.style.flexDirection = 'column'\n groups.forEach(group => {\n const groupButton = document.createElement('button')\n groupButton.addEventListener('click', this.handleClickGroup(group))\n new Group(groupButton, group).render()\n container.appendChild(groupButton)\n })\n this.element.innerHTML = ''\n this.element.appendChild(container)\n })\n .catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`There was an error loading your groups. (${err})`)\n )\n )\n })\n return this\n }\n\n loadGroups () {\n return new Promise((resolve, reject) => {\n const { groupIndex } = indexes(this.book)\n kb.fetcher.nowOrWhenFetched(groupIndex, (ok, err) => {\n if (!ok) {\n return reject(err)\n }\n const groups = kb.each(this.book, ns.vcard('includesGroup'))\n return resolve(groups)\n })\n })\n }\n\n handleClickGroup (group) {\n return _event => {\n this.onSelectGroup(group)\n }\n }\n}\n\nexport class Group {\n constructor (element, group) {\n this.element = element\n this.group = group\n }\n\n render () {\n const container = document.createElement('div')\n container.textContent = escape(\n // @@@@@ need to escape??\n getWithDefault(this.group, ns.vcard('fn'), `[${this.group.value}]`)\n )\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nexport class GroupBuilder {\n constructor (element, book, group, doneBuildingCb, groupChangedCb) {\n this.element = element\n this.book = book\n this.group = group\n this.onGroupChanged = (err, changeType, agent) => {\n if (groupChangedCb) {\n groupChangedCb(err, changeType, agent)\n }\n }\n this.groupChangedCb = groupChangedCb\n this.doneBuildingCb = doneBuildingCb\n }\n\n refresh () {\n // TODO: implement\n }\n\n render () {\n const dropContainer = document.createElement('div')\n dropContainer.style.maxWidth = '350px'\n dropContainer.style.minHeight = '200px'\n dropContainer.style.outline = '1px solid black'\n dropContainer.style.display = 'flex'\n dropContainer.style.flexDirection = 'column'\n\n makeDropTarget(dropContainer, uris => {\n uris.forEach(uri => {\n this.add(uri).catch(err => {\n this.element.appendChild(\n errorMessageBlock(\n document,\n escape(`Could not add the given WebId. (${err})`)\n )\n )\n })\n })\n })\n\n const groupNameInput = document.createElement('input')\n groupNameInput.type = 'text'\n groupNameInput.value = getWithDefault(\n this.group,\n ns.vcard('fn'),\n 'Untitled Group'\n )\n groupNameInput.addEventListener('change', event => {\n this.setGroupName(event.target.value).catch(err => {\n this.element.appendChild(\n errorMessageBlock(document, `Error changing group name. (${err})`)\n )\n })\n })\n const groupNameLabel = document.createElement('label')\n groupNameLabel.textContent = escape('Group Name:')\n groupNameLabel.appendChild(groupNameInput)\n dropContainer.appendChild(groupNameLabel)\n\n if (kb.any(this.group, ns.vcard('hasMember'))) {\n kb.match(this.group, ns.vcard('hasMember')).forEach(statement => {\n const webIdNode = statement.object\n const personDiv = document.createElement('div')\n new Person(personDiv, webIdNode, this.handleRemove(webIdNode)).render()\n dropContainer.appendChild(personDiv)\n })\n } else {\n const copy = document.createElement('p')\n copy.textContent = escape`\n To add someone to this group, drag and drop their WebID URL onto the box.\n `\n dropContainer.appendChild(copy)\n }\n\n const doneBuildingButton = document.createElement('button')\n doneBuildingButton.textContent = escape('Done')\n doneBuildingButton.addEventListener('click', _event => {\n this.doneBuildingCb(this.group)\n })\n dropContainer.appendChild(doneBuildingButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(dropContainer)\n return this\n }\n\n add (webId) {\n return new Promise((resolve, reject) => {\n kb.fetcher.nowOrWhenFetched(webId, (ok, err) => {\n if (!ok) {\n this.onGroupChanged(err)\n return reject(err)\n }\n // make sure it's a valid person, group, or entity (for now just handle\n // webId)\n const webIdNode = rdf.namedNode(webId)\n const rdfClass = kb.any(webIdNode, ns.rdf('type'))\n if (!rdfClass \|\| !rdfClass.equals(ns.foaf('Person'))) {\n return reject(\n new Error(\n `Only people supported right now. (tried to add something of type ${rdfClass.value})`\n )\n )\n }\n return resolve(webIdNode)\n })\n }).then(webIdNode => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n if (kb.holdsStatement(statement)) {\n return webIdNode\n }\n return patch(this.group.doc().uri, { toIns: [statement] }).then(() => {\n statement.why = this.group.doc()\n kb.add(statement)\n this.onGroupChanged(null, 'added', webIdNode)\n this.render()\n })\n })\n }\n\n handleRemove (webIdNode) {\n return _event => {\n const statement = rdf.st(this.group, ns.vcard('hasMember'), webIdNode)\n return patch(this.group.doc().uri, { toDel: [statement] })\n .then(() => {\n kb.remove(statement)\n this.onGroupChanged(null, 'removed', webIdNode)\n this.render()\n return true\n })\n .catch(err => {\n const name = kb.any(webIdNode, ns.foaf('name'))\n const errorMessage =\n name && name.value\n ? `Could not remove ${name.value}. (${err})`\n : `Could not remove ${webIdNode.value}. (${err})`\n throw new Error(errorMessage)\n })\n }\n }\n\n setGroupName (name) {\n const { groupIndex } = indexes(this.book)\n const updatePromises = [this.group.doc(), groupIndex].map(namedGraph => {\n const oldNameStatements = kb.match(\n this.group,\n ns.vcard('fn'),\n null,\n namedGraph\n )\n const newNameStatement = rdf.st(\n this.group,\n ns.vcard('fn'),\n rdf.literal(name)\n )\n return patch(namedGraph.value, {\n toDel: oldNameStatements,\n toIns: [newNameStatement]\n }).then(_solidResponse => {\n kb.removeStatements(oldNameStatements)\n newNameStatement.why = namedGraph\n kb.add(newNameStatement)\n })\n })\n return Promise.all(updatePromises)\n }\n}\n// @ignore exporting this only for the unit test\n// @@ TODO maybe I should move this down at end, but for\n// now I will leave it where it was\nexport class Person {\n constructor (element, webIdNode, handleRemove) {\n this.webIdNode = webIdNode\n this.element = element\n this.handleRemove = handleRemove\n }\n\n render () {\n const container = document.createElement('div')\n container.style.display = 'flex'\n\n // TODO: take a look at UI.widgets.setName\n const imgSrc = getWithDefault(\n this.webIdNode,\n ns.foaf('img'),\n iconBase + 'noun_15059.svg'\n )\n const profileImg = document.createElement('img')\n profileImg.src = escape(imgSrc)\n profileImg.width = '50'\n profileImg.height = '50'\n profileImg.style.margin = '5px'\n\n // TODO: take a look at UI.widgets.setImage\n const name = getWithDefault(\n this.webIdNode,\n ns.foaf('name'),\n `[${this.webIdNode}]`\n )\n const nameSpan = document.createElement('span')\n nameSpan.innerHTML = escape(name)\n nameSpan.style.flexGrow = '1'\n nameSpan.style.margin = 'auto 0'\n\n const removeButton = document.createElement('button')\n removeButton.textContent = 'Remove'\n removeButton.addEventListener('click', _event =>\n this.handleRemove().catch(err => {\n this.element.appendChild(errorMessageBlock(document, escape(`${err}`)))\n })\n )\n removeButton.style.margin = '5px'\n\n container.appendChild(profileImg)\n container.appendChild(nameSpan)\n container.appendChild(removeButton)\n\n this.element.innerHTML = ''\n this.element.appendChild(container)\n return this\n }\n}\n\nfunction getWithDefault (subject, predicate, defaultValue) {\n const object = kb.any(subject, predicate)\n return object ? object.value : defaultValue\n}\n\nfunction patch (url, { toDel, toIns }) {\n return new Promise((resolve, reject) => {\n kb.updater.update(toDel, toIns, (uri, success, errorMessage) => {\n if (!success) {\n return reject(\n new Error(`PATCH failed for resource <${uri}>: ${errorMessage}`)\n )\n }\n resolve()\n })\n })\n // return webClient.patch(url, toDel, toIns)\n // .then(solidResponse => {\n // const status = solidResponse.xhr.status\n // if (status < 200 \|\| status >= 400) {\n // const err = new Error(`PATCH failed for resource <${solidResponse.url}>`)\n // err.solidResponse = solidResponse\n // throw err\n // }\n // })\n}\n\nfunction indexes (book) {\n return {\n // bookIndex: book,\n groupIndex: kb.any(book, ns.vcard('groupIndex')),\n groupContainer: kb.sym(book.dir().uri + 'Group/')\n }\n}\n"],"mappings":"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"}

package/dist/widgets/widgetHelpers.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"widgetHelpers.cjs.js","names":[],"sources":["../../src/widgets/widgetHelpers.ts"],"sourcesContent":["import { style } from '../lib/style'\n\n/*\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const wrapDivInATR = (dom: HTMLDocument, div: HTMLDivElement, obj: any) => {\n const tr = dom.createElement('tr')\n const td = tr.appendChild(dom.createElement('td'))\n td.appendChild(div)\n ;(tr as any).subject = obj\n return tr\n}\n\n/\n Adds a click listener to a div\n \n Adds a given function as a click listener on the given div\n \n @param dom The HTML Document object aka Document Object Model\n * @param onClickFunction the click function to add to the click listener\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const addClickListenerToElement = (div: HTMLDivElement, onClickFunction: () => void) => {\n div.addEventListener('click', onClickFunction)\n}\n\n/\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n */\n\nexport const createImageDiv = (dom: HTMLDocument, div: HTMLDivElement, image: HTMLImageElement \| HTMLObjectElement) => {\n const imageDiv = div.appendChild(dom.createElement('div'))\n\n imageDiv.setAttribute('style', style.imageDivStyle)\n imageDiv.appendChild(image)\n image.setAttribute('draggable', 'false') // Stop the image being dragged instead - just the TR\n}\n"],"mappings":"uCAiBA,IAAa,GAAgB,EAAmB,EAAqB,IAAa,CAChF,IAAM,EAAK,EAAI,cAAc,IAAI,EAIjC,OAFA,EADc,YAAY,EAAI,cAAc,IAAI,CAChD,~~EAAG~~,YAAY,CAAG,EACjB,EAAY,QAAU,EAChB,CACT,EAea,GAA6B,EAAqB,IAAgC,CAC7F,EAAI,iBAAiB,QAAS,CAAe,CAC/C,EAiBa,GAAkB,EAAmB,EAAqB,IAAgD,CACrH,IAAM,EAAW,EAAI,YAAY,EAAI,cAAc,KAAK,CAAC,EAEzD,EAAS,aAAa,QAAS,EAAA,MAAM,aAAa,EAClD,EAAS,YAAY,CAAK,EAC1B,EAAM,aAAa,YAAa,OAAO,CACzC"}
1	+ {"version":3,"file":"widgetHelpers.cjs.js","names":[],"sources":["../../src/widgets/widgetHelpers.ts"],"sourcesContent":["import { style } from '../lib/style'\n\n/*\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const wrapDivInATR = (dom: HTMLDocument, div: HTMLDivElement, obj: any) => {\n const tr = dom.createElement('tr')\n const td = tr.appendChild(dom.createElement('td'))\n td.appendChild(div)\n ;(tr as any).subject = obj\n return tr\n}\n\n/\n Adds a click listener to a div\n \n Adds a given function as a click listener on the given div\n \n @param dom The HTML Document object aka Document Object Model\n * @param onClickFunction the click function to add to the click listener\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const addClickListenerToElement = (div: HTMLDivElement, onClickFunction: () => void) => {\n div.addEventListener('click', onClickFunction)\n}\n\n/\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n */\n\nexport const createImageDiv = (dom: HTMLDocument, div: HTMLDivElement, image: HTMLImageElement \| HTMLObjectElement) => {\n const imageDiv = div.appendChild(dom.createElement('div'))\n\n imageDiv.setAttribute('style', style.imageDivStyle)\n imageDiv.appendChild(image)\n image.setAttribute('draggable', 'false') // Stop the image being dragged instead - just the TR\n}\n"],"mappings":"uCAiBA,IAAa,GAAgB,EAAmB,EAAqB,IAAa,CAChF,IAAM,EAAK,EAAI,cAAc,IAAI,EAIjC,OAFA,EADc,YAAY,EAAI,cAAc,IAAI,CAChD,CAAA,CAAG,YAAY,CAAG,EACjB,EAAY,QAAU,EAChB,CACT,EAea,GAA6B,EAAqB,IAAgC,CAC7F,EAAI,iBAAiB,QAAS,CAAe,CAC/C,EAiBa,GAAkB,EAAmB,EAAqB,IAAgD,CACrH,IAAM,EAAW,EAAI,YAAY,EAAI,cAAc,KAAK,CAAC,EAEzD,EAAS,aAAa,QAAS,EAAA,MAAM,aAAa,EAClD,EAAS,YAAY,CAAK,EAC1B,EAAM,aAAa,YAAa,OAAO,CACzC"}

package/dist/widgets/widgetHelpers.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"widgetHelpers.esm.js","names":[],"sources":["../../src/widgets/widgetHelpers.ts"],"sourcesContent":["import { style } from '../lib/style'\n\n/*\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const wrapDivInATR = (dom: HTMLDocument, div: HTMLDivElement, obj: any) => {\n const tr = dom.createElement('tr')\n const td = tr.appendChild(dom.createElement('td'))\n td.appendChild(div)\n ;(tr as any).subject = obj\n return tr\n}\n\n/\n Adds a click listener to a div\n \n Adds a given function as a click listener on the given div\n \n @param dom The HTML Document object aka Document Object Model\n * @param onClickFunction the click function to add to the click listener\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const addClickListenerToElement = (div: HTMLDivElement, onClickFunction: () => void) => {\n div.addEventListener('click', onClickFunction)\n}\n\n/\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n */\n\nexport const createImageDiv = (dom: HTMLDocument, div: HTMLDivElement, image: HTMLImageElement \| HTMLObjectElement) => {\n const imageDiv = div.appendChild(dom.createElement('div'))\n\n imageDiv.setAttribute('style', style.imageDivStyle)\n imageDiv.appendChild(image)\n image.setAttribute('draggable', 'false') // Stop the image being dragged instead - just the TR\n}\n"],"mappings":";;AAiBA,IAAa,KAAgB,GAAmB,GAAqB,MAAa;CAChF,IAAM,IAAK,EAAI,cAAc,IAAI;CAIjC,OAFA,EADc,YAAY,EAAI,cAAc,IAAI,CAChD,~~EAAG~~,YAAY,CAAG,GACjB,EAAY,UAAU,GAChB;AACT,GAea,KAA6B,GAAqB,MAAgC;CAC7F,EAAI,iBAAiB,SAAS,CAAe;AAC/C,GAiBa,KAAkB,GAAmB,GAAqB,MAAgD;CACrH,IAAM,IAAW,EAAI,YAAY,EAAI,cAAc,KAAK,CAAC;CAIzD,AAFA,EAAS,aAAa,SAAS,EAAM,aAAa,GAClD,EAAS,YAAY,CAAK,GAC1B,EAAM,aAAa,aAAa,OAAO;AACzC"}
1	+ {"version":3,"file":"widgetHelpers.esm.js","names":[],"sources":["../../src/widgets/widgetHelpers.ts"],"sourcesContent":["import { style } from '../lib/style'\n\n/*\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const wrapDivInATR = (dom: HTMLDocument, div: HTMLDivElement, obj: any) => {\n const tr = dom.createElement('tr')\n const td = tr.appendChild(dom.createElement('td'))\n td.appendChild(div)\n ;(tr as any).subject = obj\n return tr\n}\n\n/\n Adds a click listener to a div\n \n Adds a given function as a click listener on the given div\n \n @param dom The HTML Document object aka Document Object Model\n * @param onClickFunction the click function to add to the click listener\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n /\n\nexport const addClickListenerToElement = (div: HTMLDivElement, onClickFunction: () => void) => {\n div.addEventListener('click', onClickFunction)\n}\n\n/\n Wraps a Div in a TR/RD\n \n Takes a div and wraps it in a TR/TD to be backwards compatible to the\n * table structure of mashlib\n \n @param dom The HTML Document object aka Document Object Model\n * @param div the created widget will be appended to this\n * @param obj not sure what this is used for exactly\n \n @returns The HTML widget created\n \n @internal exporting this only for unit tests\n */\n\nexport const createImageDiv = (dom: HTMLDocument, div: HTMLDivElement, image: HTMLImageElement \| HTMLObjectElement) => {\n const imageDiv = div.appendChild(dom.createElement('div'))\n\n imageDiv.setAttribute('style', style.imageDivStyle)\n imageDiv.appendChild(image)\n image.setAttribute('draggable', 'false') // Stop the image being dragged instead - just the TR\n}\n"],"mappings":";;AAiBA,IAAa,KAAgB,GAAmB,GAAqB,MAAa;CAChF,IAAM,IAAK,EAAI,cAAc,IAAI;CAIjC,OAFA,EADc,YAAY,EAAI,cAAc,IAAI,CAChD,CAAA,CAAG,YAAY,CAAG,GACjB,EAAY,UAAU,GAChB;AACT,GAea,KAA6B,GAAqB,MAAgC;CAC7F,EAAI,iBAAiB,SAAS,CAAe;AAC/C,GAiBa,KAAkB,GAAmB,GAAqB,MAAgD;CACrH,IAAM,IAAW,EAAI,YAAY,EAAI,cAAc,KAAK,CAAC;CAIzD,AAFA,EAAS,aAAa,SAAS,EAAM,aAAa,GAClD,EAAS,YAAY,CAAK,GAC1B,EAAM,aAAa,aAAa,OAAO;AACzC"}

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
 	"name": "solid-ui",
-	"version": "3.1.3-1",
+	"version": "3.1.3-10",
 	"description": "UI library for Solid applications",
 	"main": "dist/index.cjs.js",
 	"types": "dist/index.d.ts",
 	"exports": {
 		".": {
-			"style": "./dist/styles.css",
+			"style": "./dist/theme.css",
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.esm.js",
 			"require": "./dist/index.cjs.js"
@@ -21,25 +21,17 @@
 			"import": "./dist/components/*/index.esm.js",
 			"require": "./dist/components/*/index.cjs.js"
 		},
-		"./components/actions/button": {
-			"types": "./dist/components/button/index.d.ts",
-			"import": "./dist/components/button/index.esm.js",
-			"require": "./dist/components/button/index.cjs.js"
+		"./theme.css": {
+			"style": "./dist/theme.css",
+			"types": "./dist/theme.css.d.ts",
+			"import": "./dist/theme.css",
+			"require": "./dist/theme.css"
 		},
-		"./components/forms/select": {
-			"types": "./dist/components/select/index.d.ts",
-			"import": "./dist/components/select/index.esm.js",
-			"require": "./dist/components/select/index.cjs.js"
-		},
-		"./components/forms/combobox": {
-			"types": "./dist/components/combobox/index.d.ts",
-			"import": "./dist/components/combobox/index.esm.js",
-			"require": "./dist/components/combobox/index.cjs.js"
-		},
-		"./components/media/photo-capture": {
-			"types": "./dist/components/photo-capture/index.d.ts",
-			"import": "./dist/components/photo-capture/index.esm.js",
-			"require": "./dist/components/photo-capture/index.cjs.js"
+		"./breakpoints.css": {
+			"style": "./dist/breakpoints.css",
+			"types": "./dist/breakpoints.css.d.ts",
+			"import": "./dist/breakpoints.css",
+			"require": "./dist/breakpoints.css"
 		}
 	},
 	"files": [
@@ -72,7 +64,7 @@
 		"ignore:postpublish": "git push origin main --follow-tags",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build  --output-dir ./examples/storybook",
-		"postinstall": "patch-package"
+		"ignore:postinstall": "patch-package"
 	},
 	"repository": {
 		"type": "git",
@@ -99,15 +91,17 @@
 	},
 	"homepage": "https://github.com/SolidOS/solid-ui",
 	"dependencies": {
+		"@awesome.me/webawesome": "^3.9.0",
 		"@lit/context": "^1.1.6",
 		"@noble/curves": "^2.2.0",
 		"@noble/hashes": "^2.2.0",
 		"escape-html": "^1.0.3",
 		"lit": "^3.3.3",
 		"mime-types": "^3.0.2",
-		"pane-registry": "^3.1.2-test.0",
+		"pane-registry": "3.1.2-2",
+		"rdflib": "2.4.0",
+		"solid-logic": "4.0.8-1",
 		"solid-namespace": "^0.5.4",
-		"tailwindcss": "^4.3.0",
 		"uuid": "^14.0.0"
 	},
 	"devDependencies": {
@@ -123,17 +117,15 @@
 		"@babel/preset-typescript": "^7.28.5",
 		"@eslint/js": "^9.39.4",
 		"@iconify/json": "2.2.481",
-		"@mdx-js/react": "^3.1.1",
 		"@rolldown/plugin-babel": "^0.2.3",
 		"@storybook/addon-docs": "10.4.2",
 		"@storybook/addon-links": "10.4.2",
 		"@storybook/web-components-vite": "10.4.2",
-		"@tailwindcss/postcss": "^4.3.0",
 		"@tailwindcss/vite": "^4.3.0",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/user-event": "^13.5.0",
 		"@types/jsdom": "^28.0.3",
-		"@types/node": "^25.8.0",
+		"@types/node": "^24.13.2",
 		"@typescript-eslint/parser": "^8.59.3",
 		"@vitest/coverage-v8": "^4.0.18",
 		"concurrently": "^10.0.3",
@@ -151,12 +143,12 @@
 		"patch-package": "^8.0.1",
 		"path-browserify": "^1.0.1",
 		"postcss": "^8.5.15",
-		"react": "^17.0.2",
-		"react-dom": "^17.0.2",
-		"react-is": "^17.0.2",
+		"solidos-toolkit": "dev",
 		"storybook": "10.4.2",
+		"tailwindcss": "4.3.0",
 		"typedoc": "^0.28.19",
 		"typescript": "^5.9.3",
+		"undici-types": "^7.18.2",
 		"unplugin-dts": "^1.0.2",
 		"unplugin-icons": "^23.0.1",
 		"vite": "^8.0.16",