contacts-pane 2.6.0 → 2.6.1-8880496d

package/.github/workflows/ci.yml

@@ -3,10 +3,11 @@ name: CI
 on:
   push:
     branches:
-      - main
+      - "**"
   pull_request:
     branches:
-      - main
+      - "**"  
+  workflow_dispatch:
 
 jobs:
   test:
@@ -16,7 +17,7 @@ jobs:
         node-version:
           - 12.x
           - 14.x
-          - 15.x
+          - 16.x
     steps:
       - uses: actions/checkout@v2
       - name: Use Node.js ${{ matrix.node-version }}

package/babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current'
+        }
+      }
+    ],
+    '@babel/preset-typescript'
+  ]
+}

package/contactLogic.js

@@ -1,12 +1,13 @@
 // Logic for solid contacts
 
 import * as UI from 'solid-ui'
+import { store } from 'solid-logic'
 import { getPersonas } from './webidControl'
 
 const ns = UI.ns
 const $rdf = UI.rdf
 const utils = UI.utils
-const kb = UI.store
+const kb = store
 const updater = kb.updater
 
 /** Perform updates on more than one document   @@ Move to rdflib!

package/contactsPane.js

@@ -14,11 +14,12 @@ to change its state according to an ontology, comment on it, etc.
 */
 /* global alert, confirm */
 
+import { authn } from 'solid-logic'
+import { addPersonToGroup, saveNewContact, saveNewGroup } from './contactLogic'
 import * as UI from 'solid-ui'
-import { toolsPane } from './toolsPane'
 import { mintNewAddressBook } from './mintNewAddressBook'
 import { renderIndividual } from './individual'
-import { saveNewContact, saveNewGroup, addPersonToGroup } from './contactLogic'
+import { toolsPane } from './toolsPane'
 
 // const $rdf = UI.rdf
 const ns = UI.ns
@@ -63,7 +64,7 @@ export default {
 
     //  Reproduction: Spawn a new instance of this app
     function newAddressBookButton (thisAddressBook) {
-      return UI.authn.newAppInstance(
+      return UI.login.newAppInstance(
         dom,
         { noun: 'address book', appPathSegment: 'contactorator.timbl.com' },
         function (ws, newBase) {
@@ -79,7 +80,7 @@ export default {
     const dom = dataBrowserContext.dom
     const kb = dataBrowserContext.session.store
     const div = dom.createElement('div')
-    const me = UI.authn.currentUser() // If already logged on
+    const me = authn.currentUser() // If already logged on
 
     UI.aclControl.preventBrowserDropEvents(dom) // protect drag and drop
 
@@ -96,7 +97,7 @@ export default {
 
       const t = kb.findTypeURIs(subject)
 
-      let me = UI.authn.currentUser()
+      let me = authn.currentUser()
 
       const context = {
         target: subject,
@@ -430,7 +431,8 @@ export default {
           }
 
           peopleHeader.textContent =
-            cards.length > 5 ? '' + cards.length + ' contacts' : 'contact'
+            cards.length > 5 ? '' + cards.length + ' Contacts' : 'Contact'
+          peopleHeader.setAttribute('style', 'font-weight: bold;')
 
           function renderNameInGroupList (person) {
             const personRow = dom.createElement('tr')
@@ -616,7 +618,7 @@ export default {
             }))
         } // newGroupClickHandler
 
-        async function craeteNewCard (klass) {
+        async function createNewCard (klass) {
           cardMain.innerHTML = ''
           const ourBook = findBookFromGroups(book)
           try {
@@ -693,12 +695,14 @@ export default {
         const peopleFooter = bookFooter.appendChild(dom.createElement('td'))
         const cardFooter = bookFooter.appendChild(dom.createElement('td'))
 
+        // Putting it above on style doesn't work
+        bookTable.setAttribute('style', 'border-spacing: 3rem 0;')
         cardHeader.appendChild(dom.createElement('div')) // searchDiv
         // searchDiv.setAttribute('style', 'border: 0.1em solid #888; border-radius: 0.5em')
         const searchInput = cardHeader.appendChild(dom.createElement('input'))
         searchInput.setAttribute('type', 'text')
-        searchInput.style = style.searchInputStyle ||
-          'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em'
+        searchInput.setAttribute('placeholder', 'Search Contacts...')
+        searchInput.setAttribute('style', 'border: 1px solid #CCC; box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF; border-radius: 0.3em; line-height: 1.5; font-weight: 400; color: #212529; text-align: left; font-size: 1rem; background-color: #fff; width: 60%;')
 
         searchInput.addEventListener('input', function (_event) {
           refreshFilteredPeople(true) // Active: select person if just one left
@@ -708,17 +712,17 @@ export default {
         cardMain.setAttribute('style', 'margin: 0;') // fill space available
         const dataCellStyle = 'padding: 0.1em;'
 
-        groupsHeader.textContent = 'groups'
+        groupsHeader.textContent = 'Groups'
         groupsHeader.setAttribute(
           'style',
-          'min-width: 10em; padding-bottom 0.2em;'
+          'min-width: 10em; padding-bottom 0.2em; font-weight: bold;'
         )
 
         function setGroupListVisibility (visible) {
           const vis = visible ? '' : 'display: none;'
           groupsHeader.setAttribute(
             'style',
-            'min-width: 10em; padding-bottom 0.2em;' + vis
+            'min-width: 10em; padding-bottom 0.2em; font-weight: bold;' + vis
           )
           const hfstyle = 'padding: 0.1em;'
           groupsMain.setAttribute('style', hfstyle + vis)
@@ -730,11 +734,7 @@ export default {
           selectedGroups[options.foreignGroup.uri] = true
         }
         if (book) {
-          const allGroups = groupsHeader.appendChild(dom.createElement('button'))
-          allGroups.textContent = 'All'
-          const style = 'margin-left: 1em; font-size: 100%;'
-          allGroups.setAttribute('style', style)
-          allGroups.addEventListener('click', function (_event) {
+          const allGroupsClickHandler = function (_event) {
             allGroups.state = allGroups.state ? 0 : 1
             peopleMainTable.innerHTML = '' // clear in case refreshNames doesn't work for unknown reason
             if (allGroups.state) {
@@ -755,7 +755,11 @@ export default {
               selectedGroups = {}
               refreshGroupsSelected()
             }
-          }) // on button click
+          }
+          const allGroupsButton = UI.widgets.button(dom, undefined, 'All', allGroupsClickHandler)
+          allGroupsButton.setAttribute('style', 'padding: 0.5em; float: right; ')
+          const allGroups = groupsHeader.appendChild(allGroupsButton)
+
           kb.fetcher.nowOrWhenFetched(groupIndex.uri, book, function (ok, body) {
             if (!ok) return console.log('Cannot load group index: ' + body)
             syncGroupTable()
@@ -773,54 +777,44 @@ export default {
         peopleMain.setAttribute('style', 'overflow:scroll;')
 
         // New Contact button
-        const newContactButton = dom.createElement('button')
+        const newContactClickHandler = async _event => createNewCard(ns.vcard('Individual'))
+        const newContactButton = UI.widgets.button(dom, undefined, 'New Contact', newContactClickHandler)
+        newContactButton.setAttribute('style', 'margin: 0.5em;')
         const container = dom.createElement('div')
-        newContactButton.setAttribute('type', 'button')
         if (!me) newContactButton.setAttribute('disabled', 'true')
-        UI.authn.checkUser().then(webId => {
+        authn.checkUser().then(webId => {
           if (webId) {
             me = webId
             newContactButton.removeAttribute('disabled')
           }
         })
         container.appendChild(newContactButton)
-        newContactButton.innerHTML = 'New Contact' // + IndividualClassLabel
         peopleFooter.appendChild(container)
-        newContactButton.addEventListener('click', async _event => craeteNewCard(ns.vcard('Individual')), false)
 
         // New Organization button
-        const newOrganizationButton = dom.createElement('button')
+        const newOrganizationClickHandler = async _event => createNewCard(ns.vcard('Organization'))
+        const newOrganizationButton = UI.widgets.button(dom, undefined, 'New Organization', newOrganizationClickHandler)
+        newOrganizationButton.setAttribute('style', 'margin: 0.5em;')
         const container2 = dom.createElement('div')
-        newOrganizationButton.setAttribute('type', 'button')
         if (!me) newOrganizationButton.setAttribute('disabled', 'true')
-        UI.authn.checkUser().then(webId => {
+        authn.checkUser().then(webId => {
           if (webId) {
             me = webId
             newOrganizationButton.removeAttribute('disabled')
           }
         })
         container2.appendChild(newOrganizationButton)
-        newOrganizationButton.innerHTML = 'New Organization' // + IndividualClassLabel
         peopleFooter.appendChild(container2)
-        newOrganizationButton.addEventListener('click', async _event => craeteNewCard(ns.vcard('Organization')), false)
 
         // New Group button
         if (book) {
           const newGroupButton = groupsFooter.appendChild(
-            dom.createElement('button')
-          )
-          newGroupButton.setAttribute('type', 'button')
-          newGroupButton.innerHTML = 'New Group' // + IndividualClassLabel
-          newGroupButton.addEventListener(
-            'click', newGroupClickHandler,
-            false
+            UI.widgets.button(dom, undefined, 'New Group', newGroupClickHandler)
           )
+          newGroupButton.setAttribute('style', 'margin: 0.5em;')
 
           // Tools button
-          const toolsButton = cardFooter.appendChild(dom.createElement('button'))
-          toolsButton.setAttribute('type', 'button')
-          toolsButton.innerHTML = 'Tools'
-          toolsButton.addEventListener('click', function (_event) {
+          const toolsClickHandler = (_event) => {
             cardMain.innerHTML = ''
             cardMain.appendChild(
               toolsPane(
@@ -832,7 +826,9 @@ export default {
                 me
               )
             )
-          })
+          }
+          const toolsButton = cardFooter.appendChild(UI.widgets.button(dom, undefined, 'Tools', toolsClickHandler))
+          toolsButton.setAttribute('style', 'margin: 0.5em;')
         } // if book
 
         cardFooter.appendChild(newAddressBookButton(book))
@@ -860,7 +856,7 @@ export default {
         //          Render a Group instance
       } else if (t[ns.vcard('Group').uri]) {
         // If we have a main address book, then render this group as a guest group within it
-        UI.authn
+        UI.login
           .findAppInstances(context, ns.vcard('AddressBook'))
           .then(function (context) {
             const addressBooks = context.instances
@@ -888,12 +884,12 @@ export default {
         )
       }
 
-      me = UI.authn.currentUser()
+      me = authn.currentUser()
       if (!me) {
         console.log(
           '(You do not have your Web Id set. Sign in or sign up to make changes.)'
         )
-        UI.authn.logInLoadProfile(context).then(
+        UI.login.ensureLoadedProfile(context).then(
           context => {
             console.log('Logged in as ' + context.me)
             me = context.me

package/dev/context.ts

@@ -0,0 +1,21 @@
+import {DataBrowserContext, PaneRegistry} from "pane-registry";
+import { store } from "solid-ui";
+import { solidLogicSingleton } from "solid-logic";
+import {default as contactsPane } from "../contactsPane";
+import { LiveStore } from "rdflib";
+
+export const context: DataBrowserContext = {
+  session: {
+    store: store as LiveStore,
+    paneRegistry: {
+      byName: (name: string) => {
+        return contactsPane
+      }
+    } as PaneRegistry,
+    logic: solidLogicSingleton
+  },
+  dom: document,
+  getOutliner: () => null,
+};
+
+export const fetcher = store.fetcher;

package/dev/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>profile-pane dev server</title>
+    <style>
+        body {
+            margin: 0;
+            font-family: sans-serif;
+        }
+        h1 {
+            padding: 0.5rem;
+            margin: 0;
+            color: #666;
+        }
+        #loginBanner {
+            display: grid;
+            padding: 0.5rem;
+            grid-gap: 1rem;
+            grid-auto-flow: column;
+            justify-content: flex-start;
+            align-items: center;
+        }
+        .banner {
+            margin: 0;
+            height: 1rem;
+            width: 100%;
+            background: repeating-linear-gradient(
+                    -45deg,
+                    #ffffff,
+                    #d8d9d5 20px,
+                    #d41717 20px,
+                    #984646 40px
+            );
+        }
+    </style>
+</head>
+<body>
+<h1>pane under development</h1>
+<div>
+    <div id="webId"></div>
+  </div>
+<div id="loginBanner"></div>
+<div class="banner"></div>
+<div id="app">Rendering...</div>
+</body>
+</html>

package/dev/index.ts

@@ -0,0 +1,42 @@
+import { sym } from "rdflib";
+import { default as pane } from "../contactsPane";
+import { context, fetcher } from "./context";
+import { authn } from "solid-ui";
+import { loginStatusBox } from "solid-ui/lib/login/login";
+
+const loginBanner = document.getElementById("loginBanner");
+const webId = document.getElementById("webId");
+
+loginBanner.appendChild(loginStatusBox(document, null, {}));
+
+async function finishLogin() {
+  await authn.authSession.handleIncomingRedirect();
+  const session = authn.authSession;
+  if (session.info.isLoggedIn) {
+    // Update the page with the status.
+    webId.innerHTML = "Logged in as: " + authn.currentUser().uri;
+  } else {
+    webId.innerHTML = "";
+  }
+}
+
+
+
+
+// https://testingsolidos.solidcommunity.net/profile/card#me
+// https://timbl.inrupt.net/profile/card#me
+//
+// const webIdToShow = "https://angelo.veltens.org/profile/card#me";
+const webIdToShow = "https://testingsolidos.solidcommunity.net/profile/card#me";
+// const webIdToShow = "https://timbl.inrupt.net/profile/card#me";
+// const addressBookToShow = "https://sstratsianis.solidcommunity.net/private/Friends/index.ttl#this"
+const addressBookToShow = "https://timbl.com/timbl/Public/Test/Contacts/index.ttl#this";
+
+
+finishLogin().then(() => { fetcher.load(webIdToShow).then(() => {
+  fetcher.load(addressBookToShow).then(() => {
+    const app = pane.render(sym(addressBookToShow), context);
+    document.getElementById("app").replaceWith(app)
+  })
+})
+})

package/groupMembershipControl.js

@@ -7,7 +7,6 @@ const ns = UI.ns
 // const buttons = UI.buttonsn  no
 // const widgets = UI.widgets
 const utils = UI.utils
-// const kb = UI.store
 // const style = UI.style
 
 // Groups the person is a member of

package/individual.js

@@ -1,4 +1,5 @@
 import * as UI from 'solid-ui'
+import { authn, store } from 'solid-logic'
 import { renderMugshotGallery } from './mugshotGallery'
 import { renderWebIdControl, renderPublicIdControl } from './webidControl'
 import { renderGroupMemberships } from './groupMembershipControl.js'
@@ -7,7 +8,7 @@ import VCARD_ONTOLOGY_TEXT from './lib/vcard.js'
 
 const $rdf = UI.rdf
 const ns = UI.ns
-const kb = UI.store
+const kb = store
 const style = UI.style
 
 export function loadTurtleText (kb, thing, text) {
@@ -68,7 +69,7 @@ export async function renderIndividual (dom, div, subject, dataBrowserContext) {
 
   div.style = style.paneDivStyle || 'padding: 0.5em 1.5em 1em 1.5em;'
 
-  UI.authn.checkUser() // kick off async operation @@@ use async version
+  authn.checkUser() // kick off async operation @@@ use async version
 
   div.appendChild(renderMugshotGallery(dom, subject))
 

package/jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['./jest.setup.ts'],
+  transformIgnorePatterns: ['/node_modules/(?!lit-html).+\\.js']
+}

package/jest.setup.ts

@@ -0,0 +1,4 @@
+import "@testing-library/jest-dom";
+import fetchMock from "jest-fetch-mock";
+
+fetchMock.enableMocks();

package/lib/autocompleteBar.js

@@ -36,18 +36,18 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderAutocompleteControl = void 0;
+var solid_logic_1 = require("solid-logic");
 var solid_ui_1 = require("solid-ui");
-var UI = require("solid-ui");
 var autocompletePicker_1 = require("./autocompletePicker"); // dbpediaParameters
 var publicData_1 = require("./publicData");
 var WEBID_NOUN = 'Solid ID';
-var kb = solid_ui_1.store;
+var kb = solid_logic_1.store;
 var AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
 var AUTOCOMPLETE_ROWS = 12; // 20?
-var GREEN_PLUS = UI.icons.iconBase + 'noun_34653_green.svg';
-var SEARCH_ICON = UI.icons.iconBase + 'noun_Search_875351.svg';
+var GREEN_PLUS = solid_ui_1.icons.iconBase + 'noun_34653_green.svg';
+var SEARCH_ICON = solid_ui_1.icons.iconBase + 'noun_Search_875351.svg';
 function renderAutocompleteControl(dom, person, options, addOneIdAndRefresh) {
     return __awaiter(this, void 0, void 0, function () {
         function autoCompleteDone(object, _name) {
@@ -65,7 +65,7 @@ function renderAutocompleteControl(dom, person, options, addOneIdAndRefresh) {
                 var webid;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4 /*yield*/, solid_ui_1.widgets.askName(dom, solid_ui_1.store, creationArea, solid_ui_1.ns.vcard('url'), null, WEBID_NOUN)];
+                        case 0: return [4 /*yield*/, solid_ui_1.widgets.askName(dom, solid_logic_1.store, creationArea, solid_ui_1.ns.vcard('url'), null, WEBID_NOUN)];
                         case 1:
                             webid = _a.sent();
                             if (!webid) {
@@ -134,10 +134,10 @@ function renderAutocompleteControl(dom, person, options, addOneIdAndRefresh) {
             queryParams = options.queryParameters || publicData_1.wikidataParameters;
             acceptButton = solid_ui_1.widgets.continueButton(dom);
             cancelButton = solid_ui_1.widgets.cancelButton(dom, removeDecorated);
-            klass = options["class"];
+            klass = options.class;
             acOptions = {
                 queryParams: queryParams,
-                "class": klass,
+                class: klass,
                 acceptButton: acceptButton,
                 cancelButton: cancelButton
             };
@@ -162,3 +162,4 @@ function renderAutocompleteControl(dom, person, options, addOneIdAndRefresh) {
 } // renderAutocompleteControl
 exports.renderAutocompleteControl = renderAutocompleteControl;
 // ends
+//# sourceMappingURL=autocompleteBar.js.map

package/lib/autocompleteBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteBar.js","sourceRoot":"","sources":["../src/autocompleteBar.ts"],"names":[],"mappings":"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"}

package/lib/autocompleteField.js

@@ -35,14 +35,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.autocompleteField = void 0;
 /* Form field for doing autocompleete
  */
+var rdflib_1 = require("rdflib");
+var solid_logic_1 = require("solid-logic");
 var solid_ui_1 = require("solid-ui");
 var autocompletePicker_1 = require("./autocompletePicker"); // dbpediaParameters
-var rdflib_1 = require("rdflib");
-var kb = solid_ui_1.store;
 var AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
 var AUTOCOMPLETE_ROWS = 12; // 20?
 /**
@@ -97,7 +97,7 @@ dom, container, already, subject, form, doc, callbackFunction) {
             });
         });
     }
-    var kb = solid_ui_1.store;
+    var kb = solid_logic_1.store;
     var formDoc = form.doc ? form.doc() : null; // @@ if blank no way to know
     var box = dom.createElement('tr');
     if (container)
@@ -151,10 +151,10 @@ dom, container, already, subject, form, doc, callbackFunction) {
     queryParams.endPoint = endPoint.uri;
     var searchByNameQuery = kb.the(form, solid_ui_1.ns.ui('searchByNameQuery'), null, formDoc);
     queryParams.searchByNameQuery = searchByNameQuery;
-    var queryParams = { label: 'from form', logo: '', "class": klass, endPoint: endPoint, searchByNameQuery: searchByNameQuery };
+    var queryParams = { label: 'from form', logo: '', class: klass, endPoint: endPoint, searchByNameQuery: searchByNameQuery };
     var options = {
         // acceptButton?: HTMLElement,
-        "class": klass,
+        class: klass,
         queryParams: queryParams
     };
     // const acWiget = rhs.appendChild(await renderAutoComplete(dom, options, addOneIdAndRefresh))
@@ -195,3 +195,4 @@ dom, container, already, subject, form, doc, callbackFunction) {
 }
 exports.autocompleteField = autocompleteField;
 // ends
+//# sourceMappingURL=autocompleteField.js.map

package/lib/autocompleteField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteField.js","sourceRoot":"","sources":["../src/autocompleteField.ts"],"names":[],"mappings":"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"}