solid-ui 2.6.1 → 3.0.0-63a1640

package/dist/widgets/forms/autocomplete/autocompletePicker.js

@@ -0,0 +1,256 @@
+/* Autocomplete Picker: Create and edit data using public data
+**
+** As the data source is passed as a parameter, all kinds of APIa and query services can be used
+**
+*/
+import * as debug from '../../../debug';
+import { style } from '../../../style';
+import styleConstants from '../../../styleConstants';
+import * as widgets from '../../../widgets';
+import { store } from 'solid-logic';
+import { queryPublicDataByName, bindingToTerm, AUTOCOMPLETE_LIMIT } from './publicData';
+import { filterByLanguage, getPreferredLanguages, defaultPreferredLanguages } from './language';
+const AUTOCOMPLETE_THRESHOLD = 4; // don't check until this many characters typed
+const AUTOCOMPLETE_ROWS = 20; // 20?
+const AUTOCOMPLETE_ROWS_STRETCH = 40;
+export function setVisible(element, visible) {
+    element.style.display = visible ? '' : 'none'; // Do not use visibility, it holds the real estate
+}
+// The core of the autocomplete UI
+export async function renderAutoComplete(dom, acOptions, decoration, callback) {
+    function complain(message) {
+        const errorRow = table.appendChild(dom.createElement('tr'));
+        debug.log(message);
+        const err = new Error(message);
+        errorRow.appendChild(widgets.errorMessageBlock(dom, err, 'pink'));
+        // errorMessageBlock will log the stack to the console
+        style.setStyle(errorRow, 'autocompleteRowStyle');
+        errorRow.style.padding = '1em';
+    }
+    function finish(object, name) {
+        debug.log('Auto complete: finish! ' + object);
+        if (object.termType === 'Literal' && acOptions.queryParams.objectURIBase) {
+            object = store.sym(acOptions.queryParams.objectURIBase.value + object.value);
+        }
+        // remove(decoration.cancelButton)
+        // remove(decoration.acceptButton)
+        // remove(div)
+        clearList();
+        callback(object, name);
+    }
+    async function gotIt(object, name) {
+        if (decoration.acceptButton) {
+            decoration.acceptButton.disbaled = false;
+            setVisible(decoration.acceptButton, true); // now wait for confirmation
+            searchInput.value = name.value; // complete it
+            foundName = name;
+            foundObject = object;
+            debug.log('Auto complete: name: ' + name);
+            debug.log('Auto complete: waiting for accept ' + object);
+            clearList(); // This may be an option - nice and clean but does not allow change of mind
+            return;
+        }
+        setVisible(decoration.cancelButton, true);
+        finish(object, name);
+    }
+    async function acceptButtonHandler(_event) {
+        if (foundName && searchInput.value === foundName.value) { // still
+            finish(foundObject, foundName);
+        }
+    }
+    async function cancelButtonHandler(_event) {
+        debug.log('Auto complete: Canceled by user! ');
+        if (acOptions.permanent) {
+            initialize();
+        }
+        else {
+            if (div.parentNode) {
+                div.parentNode.removeChild(div);
+            }
+        }
+    }
+    function nameMatch(filter, candidate) {
+        const parts = filter.split(' '); // Each name part must be somewhere
+        for (let j = 0; j < parts.length; j++) {
+            const word = parts[j];
+            if (candidate.toLowerCase().indexOf(word) < 0)
+                return false;
+        }
+        return true;
+    }
+    function clearList() {
+        while (table.children.length > 1) {
+            table.removeChild(table.lastChild);
+        }
+    }
+    async function inputEventHHandler(_event) {
+        // console.log('@@ AC inputEventHHandler called')
+        setVisible(decoration.cancelButton, true); // only allow cancel when there is something to cancel
+        refreshList(); /// @@  debounqce does not work with jest
+        /*
+        if (runningTimeout) {
+          clearTimeout(runningTimeout)
+        }
+        runningTimeout = setTimeout(refreshList, AUTOCOMPLETE_DEBOUNCE_MS)
+        */
+    }
+    async function loadBindingsAndFilterByLanguage(filter, languagePrefs) {
+        // console.log('@@ loadBindingsAndFilterByLanguage ' + filter)
+        let bindings;
+        try {
+            bindings = await queryPublicDataByName(filter, targetClass, languagePrefs || defaultPreferredLanguages, acOptions.queryParams);
+        }
+        catch (err) {
+            complain('Error querying db of organizations: ' + err);
+            inputEventHandlerLock = false;
+            return;
+        }
+        loadedEnough = bindings.length < AUTOCOMPLETE_LIMIT;
+        if (loadedEnough) {
+            lastFilter = filter;
+        }
+        else {
+            lastFilter = undefined;
+        }
+        clearList();
+        const slimmed = filterByLanguage(bindings, languagePrefs);
+        return slimmed;
+    }
+    function filterByName(filter, bindings) {
+        return bindings.filter(binding => nameMatch(filter, binding.name.value));
+    }
+    async function refreshList() {
+        // console.log('@@ refreshList called')
+        function rowForBinding(binding) {
+            const row = dom.createElement('tr');
+            style.setStyle(row, 'autocompleteRowStyle');
+            row.setAttribute('style', 'padding: 0.3em;');
+            row.style.color = allDisplayed ? '#080' : '#088'; // green means 'you should find it here'
+            row.textContent = binding.name.value;
+            const object = bindingToTerm(binding.subject);
+            const nameTerm = bindingToTerm(binding.name);
+            row.addEventListener('click', async (_event) => {
+                debug.log('       click row textContent: ' + row.textContent);
+                debug.log('       click name: ' + nameTerm.value);
+                if (object && nameTerm) {
+                    gotIt(object, nameTerm);
+                }
+            });
+            return row;
+        } // rowForBinding
+        function compareBindingsByName(self, other) {
+            return other.name.value > self.name.value
+                ? 1
+                : other.name.name < self.name.value ? -1 : 0;
+        }
+        if (inputEventHandlerLock) {
+            debug.log(`Ignoring "${searchInput.value}" because of lock `);
+            return;
+        }
+        debug.log(`Setting lock at "${searchInput.value}"`);
+        inputEventHandlerLock = true;
+        const languagePrefs = await getPreferredLanguages();
+        const filter = searchInput.value.trim().toLowerCase();
+        if (filter.length < AUTOCOMPLETE_THRESHOLD) { // too small
+            clearList();
+            // candidatesLoaded = false
+            numberOfRows = AUTOCOMPLETE_ROWS;
+        }
+        else {
+            if (!allDisplayed || !lastFilter || !filter.startsWith(lastFilter)) {
+                debug.log(`   Querying database at "${filter}" cf last "${lastFilter}".`);
+                lastBindings = await loadBindingsAndFilterByLanguage(filter, languagePrefs); // freesh query
+            }
+            // Trim table as search gets tighter:
+            const slimmed = filterByName(filter, lastBindings);
+            if (loadedEnough && slimmed.length <= AUTOCOMPLETE_ROWS_STRETCH) {
+                numberOfRows = slimmed.length; // stretch if it means we get all items
+            }
+            allDisplayed = loadedEnough && slimmed.length <= numberOfRows;
+            debug.log(` Filter:"${filter}" lastBindings: ${lastBindings.length}, slimmed to ${slimmed.length}; rows: ${numberOfRows}, Enough? ${loadedEnough}, All displayed? ${allDisplayed}`);
+            const displayable = slimmed.slice(0, numberOfRows);
+            displayable.sort(compareBindingsByName);
+            clearList();
+            for (const binding of displayable) {
+                table.appendChild(rowForBinding(binding));
+            }
+            if (slimmed.length === 1) {
+                gotIt(bindingToTerm(slimmed[0].subject), bindingToTerm(slimmed[0].name));
+            }
+        } // else
+        inputEventHandlerLock = false;
+    } // refreshList
+    function initialize() {
+        if (acOptions.currentObject) { // If have existing value then jump into the endgame of the autocomplete
+            searchInput.value = acOptions.currentName ? acOptions.currentName.value : '??? wot no name for ' + acOptions.currentObject;
+            foundName = acOptions.currentName;
+            lastFilter = acOptions.currentName ? acOptions.currentName.value : undefined;
+            foundObject = acOptions.currentObject;
+        }
+        else {
+            searchInput.value = '';
+            lastFilter = undefined;
+            foundObject = undefined;
+        }
+        if (decoration.deleteButton) {
+            setVisible(decoration.deleteButton, !!acOptions.currentObject);
+        }
+        if (decoration.acceptButton) {
+            setVisible(decoration.acceptButton, false); // hide until input complete
+        }
+        if (decoration.editButton) {
+            setVisible(decoration.editButton, true);
+        }
+        if (decoration.cancelButton) {
+            setVisible(decoration.cancelButton, false); // only allow cancel when there is something to cancel
+        }
+        inputEventHandlerLock = false;
+        clearList();
+    } // initialiize
+    // const queryParams: QueryParameters = acOptions.queryParams
+    const targetClass = acOptions.targetClass;
+    if (!targetClass)
+        throw new Error('renderAutoComplete: missing targetClass');
+    // console.log(`renderAutoComplete: targetClass=${targetClass}` )
+    if (decoration.acceptButton) {
+        decoration.acceptButton.addEventListener('click', acceptButtonHandler, false);
+    }
+    if (decoration.cancelButton) {
+        decoration.cancelButton.addEventListener('click', cancelButtonHandler, false);
+    }
+    // var candidatesLoaded = false
+    let lastBindings;
+    let loadedEnough = false;
+    let inputEventHandlerLock = false;
+    let allDisplayed = false;
+    let lastFilter = undefined;
+    let numberOfRows = AUTOCOMPLETE_ROWS; // this gets slimmed down
+    const div = dom.createElement('div');
+    let foundName = undefined; // once found accepted string must match this
+    let foundObject = undefined;
+    const table = div.appendChild(dom.createElement('table'));
+    table.setAttribute('data-testid', 'autocomplete-table');
+    table.setAttribute('style', 'max-width: 30em; margin: 0.5em;');
+    const head = table.appendChild(dom.createElement('tr'));
+    style.setStyle(head, 'autocompleteRowStyle'); // textInputStyle or
+    const cell = head.appendChild(dom.createElement('td'));
+    const searchInput = cell.appendChild(dom.createElement('input'));
+    searchInput.setAttribute('type', 'text');
+    initialize();
+    const size = acOptions.size || styleConstants.textInputSize || 20;
+    searchInput.setAttribute('size', size);
+    searchInput.setAttribute('data-testid', 'autocomplete-input');
+    const searchInputStyle = style.textInputStyle || // searchInputStyle ?
+        'border: 0.1em solid #444; border-radius: 0.5em; width: 100%; font-size: 100%; padding: 0.1em 0.6em'; // @
+    searchInput.setAttribute('style', searchInputStyle);
+    searchInput.addEventListener('keyup', function (event) {
+        if (event.keyCode === 13) {
+            acceptButtonHandler(event);
+        }
+    }, false);
+    searchInput.addEventListener('input', inputEventHHandler);
+    // console.log('@@ renderAutoComplete returns ' + div.innerHTML)
+    return div;
+} // renderAutoComplete
+// ENDS
+//# sourceMappingURL=autocompletePicker.js.map

package/dist/widgets/forms/autocomplete/autocompletePicker.js.map

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

package/dist/widgets/forms/autocomplete/language.js

@@ -0,0 +1,104 @@
+/* Logic to access public data stores
+*
+* including filtering resut by natural language etc
+* See https://solidos.solidcommunity.net/public/2021/01%20Building%20Solid%20Apps%20which%20use%20Public%20Data.html
+*/
+import * as debug from '../../../debug';
+// import * as logic from '../index'
+// import { authn } from '../../../authn/index'
+import { authn, store } from 'solid-logic';
+import ns from '../../../ns';
+export const languageCodeURIBase = 'https://www.w3.org/ns/iana/language-code/'; /// @@ unsupported on the web (2021)
+export const defaultPreferredLanguages = ['en', 'fr', 'de', 'it', 'ar'];
+export function addDefaults(array) {
+    if (!array)
+        array = [];
+    return array.concat(defaultPreferredLanguages.filter(code => !array.includes(code)));
+}
+export async function getPreferredLanguagesFor(person) {
+    var _a;
+    const doc = person.doc();
+    await ((_a = store.fetcher) === null || _a === void 0 ? void 0 : _a.load(doc));
+    const list = store.any(person, ns.schema('knowsLanguage'), null, doc);
+    if (!list) {
+        // console.log(`User ${person} has not set their languages in their profile.`)
+        return defaultPreferredLanguages;
+    }
+    const languageCodeArray = [];
+    list.elements.forEach(item => {
+        // console.log('@@ item ' + item)
+        const lang = store.any(item, ns.solid('publicId'), null, doc);
+        if (!lang) {
+            console.warn('getPreferredLanguages: No publiID of language.');
+            return;
+        }
+        if (!lang.value.startsWith(languageCodeURIBase)) {
+            console.error(`What should be a language code ${lang.value} does not start with ${languageCodeURIBase}`);
+            return;
+        }
+        const code = lang.value.slice(languageCodeURIBase.length);
+        languageCodeArray.push(code);
+    });
+    if (languageCodeArray.length > 0) {
+        console.log(`     User knows languages with codes: "${languageCodeArray.join(',')}"`);
+        return addDefaults(languageCodeArray);
+    }
+    return null;
+}
+/* Get the preferred langauges for the user
+ *
+ *  Either from solid preferences or browser preferences or default
+ */
+export async function getPreferredLanguages() {
+    // In future:  cache in the login session for speed, but get from profile and private prefs
+    // We append the defaults so if someone's first choice is not available they don't get something very obscure
+    // See https://github.com/solidos/solidos/issues/42
+    const me = await authn.currentUser();
+    if (me) { // If logged in
+        const solidLanguagePrefs = await getPreferredLanguagesFor(me);
+        if (solidLanguagePrefs)
+            return solidLanguagePrefs;
+    }
+    if (typeof navigator !== 'undefined') { // use browser settings
+        if (navigator.languages) {
+            return addDefaults(navigator.languages.map(longForm => longForm.split('-')[0]));
+        }
+        if (navigator.language) {
+            return addDefaults([navigator.language.split('-')[0]]);
+        }
+    }
+    return defaultPreferredLanguages;
+}
+/* From an array of bindings with a names for each row,
+ * remove dupliacte names for the same thing, leaving the user's
+ * preferred language version
+*/
+export function filterByLanguage(bindings, languagePrefs) {
+    const uris = {};
+    bindings.forEach(binding => {
+        const uri = binding.subject.value;
+        uris[uri] = uris[uri] || [];
+        uris[uri].push(binding);
+    });
+    const languagePrefs2 = languagePrefs || defaultPreferredLanguages;
+    languagePrefs2.reverse(); // Preferred last
+    const slimmed = [];
+    // console.log(` @@ {languagePrefs2 ${languagePrefs2}`)
+    for (const u in uris) { // needs hasOwnProperty ?
+        const bindings = uris[u];
+        const sortMe = bindings.map(binding => {
+            const lang = binding.name['xml:lang'];
+            const index = languagePrefs2.indexOf(lang);
+            const pair = [index, binding];
+            // console.log(`   @@ lang: ${lang}, index: ${index}`)
+            return pair;
+        });
+        sortMe.sort(); // best at th ebottom
+        sortMe.reverse(); // best at the top
+        // console.debug('@@ sortMe:', sortMe)
+        slimmed.push(sortMe[0][1]);
+    } // map u
+    debug.log(` Filter by language: ${bindings.length} -> ${slimmed.length}`);
+    return slimmed;
+}
+//# sourceMappingURL=language.js.map

package/dist/widgets/forms/autocomplete/language.js.map

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