solid-ui 2.6.1-05fb7cc → 2.6.1-07db096

package/dist/login/login.js

@@ -1,81 +1,29 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ensureLoggedIn = ensureLoggedIn;
-exports.ensureLoadedPreferences = ensureLoadedPreferences;
-exports.ensureLoadedProfile = ensureLoadedProfile;
-exports.findAppInstances = findAppInstances;
-exports.scopeLabel = scopeLabel;
-exports.registrationControl = registrationControl;
-exports.renderScopeHeadingRow = renderScopeHeadingRow;
-exports.registrationList = registrationList;
-exports.renderSignInPopup = renderSignInPopup;
-exports.loginStatusBox = loginStatusBox;
-exports.selectWorkspace = selectWorkspace;
-exports.newAppInstance = newAppInstance;
-exports.getUserRoles = getUserRoles;
-exports.filterAvailablePanes = filterAvailablePanes;
-const rdflib_1 = require("rdflib");
-const solid_logic_1 = require("solid-logic");
-const debug = __importStar(require("../debug"));
-const style_1 = require("../style");
-const log_1 = require("../log");
-const ns_1 = __importDefault(require("../ns"));
-const signup_js_1 = require("../signup/signup.js");
-const utils = __importStar(require("../utils"));
-const widgets = __importStar(require("../widgets"));
-const store = solid_logic_1.solidLogicSingleton.store;
-const { loadPreferences, loadProfile } = solid_logic_1.solidLogicSingleton.profile;
-const { getScopedAppInstances, getRegistrations, loadAllTypeIndexes, getScopedAppsFromIndex, deleteTypeIndexRegistration } = solid_logic_1.solidLogicSingleton.typeIndex;
+import { BlankNode, st } from 'rdflib';
+import { authn, authSession, CrossOriginForbiddenError, FetchError, getSuggestedIssuers, NotEditableError, offlineTestID, SameOriginForbiddenError, solidLogicSingleton, UnauthorizedError, WebOperationError } from 'solid-logic';
+import * as debug from '../debug';
+import { style } from '../style';
+import { alert } from '../log';
+import ns from '../ns';
+import { Signup } from '../signup/signup.js';
+import * as utils from '../utils';
+import * as widgets from '../widgets';
+const store = solidLogicSingleton.store;
+const { loadPreferences, loadProfile } = solidLogicSingleton.profile;
+const { getScopedAppInstances, getRegistrations, loadAllTypeIndexes, getScopedAppsFromIndex, deleteTypeIndexRegistration } = solidLogicSingleton.typeIndex;
 /**
  * Resolves with the logged in user's WebID
  *
  * @param context
  */
 // used to be logIn
-function ensureLoggedIn(context) {
-    const me = solid_logic_1.authn.currentUser();
+export function ensureLoggedIn(context) {
+    const me = authn.currentUser();
     if (me) {
-        solid_logic_1.authn.saveUser(me, context);
+        authn.saveUser(me, context);
         return Promise.resolve(context);
     }
     return new Promise((resolve) => {
-        solid_logic_1.authn.checkUser().then((webId) => {
+        authn.checkUser().then((webId) => {
             // Already logged in?
             if (webId) {
                 debug.log(`logIn: Already logged in as ${webId}`);
@@ -85,7 +33,7 @@ function ensureLoggedIn(context) {
                 return resolve(context);
             }
             const box = loginStatusBox(context.dom, (webIdUri) => {
-                solid_logic_1.authn.saveUser(webIdUri, context);
+                authn.saveUser(webIdUri, context);
                 resolve(context); // always pass growing context
             });
             context.div.appendChild(box);
@@ -101,7 +49,7 @@ function ensureLoggedIn(context) {
  * @param context
  */
 // used to be logInLoadPreferences
-async function ensureLoadedPreferences(context) {
+export async function ensureLoadedPreferences(context) {
     if (context.preferencesFile)
         return Promise.resolve(context); // already done
     // const statusArea = context.statusArea || context.div || null
@@ -127,36 +75,36 @@ async function ensureLoadedPreferences(context) {
     }
     catch (err) {
         let m2;
-        if (err instanceof solid_logic_1.UnauthorizedError) {
+        if (err instanceof UnauthorizedError) {
             m2 =
                 'Oops — you are not authenticated (properly logged in), so SolidOS cannot read your preferences file. Try logging out and then logging back in.';
-            (0, log_1.alert)(m2);
+            alert(m2);
         }
-        else if (err instanceof solid_logic_1.CrossOriginForbiddenError) {
+        else if (err instanceof CrossOriginForbiddenError) {
             m2 = `Unauthorized: Assuming preference file blocked for origin ${window.location.origin}`;
             context.preferencesFileError = m2;
             return context;
         }
-        else if (err instanceof solid_logic_1.SameOriginForbiddenError) {
+        else if (err instanceof SameOriginForbiddenError) {
             m2 =
                 'You are not authorized to read your preference file. This may be because you are using an untrusted web app.';
             debug.warn(m2);
             return context;
         }
-        else if (err instanceof solid_logic_1.NotEditableError) {
+        else if (err instanceof NotEditableError) {
             m2 =
                 'You are not authorized to edit your preference file. This may be because you are using an untrusted web app.';
             debug.warn(m2);
             return context;
         }
-        else if (err instanceof solid_logic_1.WebOperationError) {
+        else if (err instanceof WebOperationError) {
             m2 =
                 'You are not authorized to edit your preference file. This may be because you are using an untrusted web app.';
             debug.warn(m2);
         }
-        else if (err instanceof solid_logic_1.FetchError) {
+        else if (err instanceof FetchError) {
             m2 = `Strange: Error ${err.status} trying to read your preference file.${err.message}`;
-            (0, log_1.alert)(m2);
+            alert(m2);
         }
         else {
             throw new Error(`(via loadPrefs) ${err}`);
@@ -172,7 +120,7 @@ async function ensureLoadedPreferences(context) {
  * @returns Resolves with the context after login / fetch
  */
 // used to be logInLoadProfile
-async function ensureLoadedProfile(context) {
+export async function ensureLoadedProfile(context) {
     if (context.publicProfile) {
         return context;
     } // already done
@@ -196,7 +144,7 @@ async function ensureLoadedProfile(context) {
   *
   * leaving the `isPublic` param undefined will bring in community index things, too
   */
-async function findAppInstances(context, theClass, isPublic) {
+export async function findAppInstances(context, theClass, isPublic) {
     let items = context.me ? await getScopedAppInstances(theClass, context.me) : [];
     if (isPublic === true) { // old API - not recommended!
         items = items.filter(item => item.scope.label === 'public');
@@ -207,7 +155,7 @@ async function findAppInstances(context, theClass, isPublic) {
     context.instances = items.map(item => item.instance);
     return context;
 }
-function scopeLabel(context, scope) {
+export function scopeLabel(context, scope) {
     const mine = context.me && context.me.sameTerm(scope.agent);
     const name = mine ? '' : utils.label(scope.agent) + ' ';
     return `${name}${scope.label}`;
@@ -215,20 +163,20 @@ function scopeLabel(context, scope) {
 /**
  * UI to control registration of instance
  */
-async function registrationControl(context, instance, theClass) {
+export async function registrationControl(context, instance, theClass) {
     function registrationStatements(index) {
         const registrations = getRegistrations(instance, theClass);
         const reg = registrations.length ? registrations[0] : widgets.newThing(index);
         return [
-            (0, rdflib_1.st)(reg, ns_1.default.solid('instance'), instance, index),
-            (0, rdflib_1.st)(reg, ns_1.default.solid('forClass'), theClass, index)
+            st(reg, ns.solid('instance'), instance, index),
+            st(reg, ns.solid('forClass'), theClass, index)
         ];
     }
     function renderScopeCheckbox(scope) {
         const statements = registrationStatements(scope.index);
         const name = scopeLabel(context, scope);
         const label = `${name} link to this ${context.noun}`;
-        return widgets.buildCheckboxForm(context.dom, solid_logic_1.solidLogicSingleton.store, label, null, statements, form, scope.index);
+        return widgets.buildCheckboxForm(context.dom, solidLogicSingleton.store, label, null, statements, form, scope.index);
     }
     /// / body of registrationControl
     const dom = context.dom;
@@ -237,7 +185,7 @@ async function registrationControl(context, instance, theClass) {
     }
     const box = dom.createElement('div');
     context.div.appendChild(box);
-    context.me = solid_logic_1.authn.currentUser(); // @@
+    context.me = authn.currentUser(); // @@
     const me = context.me;
     if (!me) {
         box.innerHTML = '<p style="margin:2em;">(Log in to save a link to this)</p>';
@@ -263,14 +211,14 @@ async function registrationControl(context, instance, theClass) {
     box.innerHTML = '<table><tbody></tbody></table>'; // tbody will be inserted anyway
     box.setAttribute('style', 'font-size: 120%; text-align: right; padding: 1em; border: solid gray 0.05em;');
     const tbody = box.children[0].children[0];
-    const form = new rdflib_1.BlankNode(); // @@ say for now
+    const form = new BlankNode(); // @@ say for now
     for (const scope of scopes) {
         const row = tbody.appendChild(dom.createElement('tr'));
         row.appendChild(renderScopeCheckbox(scope)); // @@ index
     }
     return context;
 }
-function renderScopeHeadingRow(context, store, scope) {
+export function renderScopeHeadingRow(context, store, scope) {
     const backgroundColor = { private: '#fee', public: '#efe' };
     const { dom } = context;
     const name = scopeLabel(context, scope);
@@ -286,12 +234,12 @@ function renderScopeHeadingRow(context, store, scope) {
 /**
   * UI to List at all registered things
   */
-async function registrationList(context, options) {
+export async function registrationList(context, options) {
     const dom = context.dom;
     const div = context.div;
     const box = dom.createElement('div');
     div.appendChild(box);
-    context.me = solid_logic_1.authn.currentUser(); // @@
+    context.me = authn.currentUser(); // @@
     if (!context.me) {
         box.innerHTML = '<p style="margin:2em;">(Log in list your stuff)</p>';
         return context;
@@ -310,7 +258,7 @@ async function registrationList(context, options) {
             headingRow.style.display = 'none';
         // console.log(`registrationList: @@ instance items for class ${options.type || 'undefined' }:`, items)
         for (const item of items) {
-            const row = widgets.personTR(dom, ns_1.default.solid('instance'), item.instance, {
+            const row = widgets.personTR(dom, ns.solid('instance'), item.instance, {
                 deleteFunction: async () => {
                     await deleteTypeIndexRegistration(item);
                     tbody.removeChild(row);
@@ -333,7 +281,7 @@ async function registrationList(context, options) {
  */
 function signInOrSignUpBox(dom, setUserCallback, options = {}) {
     options = options || {};
-    const signInButtonStyle = options.buttonStyle || style_1.style.signInAndUpButtonStyle;
+    const signInButtonStyle = options.buttonStyle || style.signInAndUpButtonStyle;
     const box = dom.createElement('div');
     const magicClassName = 'SolidSignInOrSignUpBox';
     debug.log('widgets.signInOrSignUpBox');
@@ -345,9 +293,9 @@ function signInOrSignUpBox(dom, setUserCallback, options = {}) {
     box.appendChild(signInPopUpButton);
     signInPopUpButton.setAttribute('type', 'button');
     signInPopUpButton.setAttribute('value', 'Log in');
-    signInPopUpButton.setAttribute('style', `${signInButtonStyle}${style_1.style.headerBannerLoginInput}` + style_1.style.signUpBackground);
-    solid_logic_1.authSession.events.on('login', () => {
-        const me = solid_logic_1.authn.currentUser();
+    signInPopUpButton.setAttribute('style', `${signInButtonStyle}${style.headerBannerLoginInput}` + style.signUpBackground);
+    authSession.events.on('login', () => {
+        const me = authn.currentUser();
         // const sessionInfo = authSession.info
         // if (sessionInfo && sessionInfo.isLoggedIn) {
         if (me) {
@@ -377,7 +325,7 @@ function signInOrSignUpBox(dom, setUserCallback, options = {}) {
         }
     });
     signInPopUpButton.addEventListener('click', () => {
-        const offline = (0, solid_logic_1.offlineTestID)();
+        const offline = offlineTestID();
         if (offline)
             return setUserCallback(offline.uri);
         renderSignInPopup(dom);
@@ -387,9 +335,9 @@ function signInOrSignUpBox(dom, setUserCallback, options = {}) {
     box.appendChild(signupButton);
     signupButton.setAttribute('type', 'button');
     signupButton.setAttribute('value', 'Sign Up for Solid');
-    signupButton.setAttribute('style', `${signInButtonStyle}${style_1.style.headerBannerLoginInput}` + style_1.style.signInBackground);
+    signupButton.setAttribute('style', `${signInButtonStyle}${style.headerBannerLoginInput}` + style.signInBackground);
     signupButton.addEventListener('click', function (_event) {
-        const signupMgr = new signup_js_1.Signup();
+        const signupMgr = new Signup();
         signupMgr.signup().then(function (uri) {
             debug.log('signInOrSignUpBox signed up ' + uri);
             setUserCallback(uri);
@@ -397,7 +345,7 @@ function signInOrSignUpBox(dom, setUserCallback, options = {}) {
     }, false);
     return box;
 }
-function renderSignInPopup(dom) {
+export function renderSignInPopup(dom) {
     /**
      * Issuer Menu
      */
@@ -441,7 +389,7 @@ function renderSignInPopup(dom) {
     const loginToIssuer = async (issuerUri) => {
         try {
             // clear authorization metadata from store
-            solid_logic_1.solidLogicSingleton.store.updater.flagAuthorizationMetadata();
+            solidLogicSingleton.store.updater.flagAuthorizationMetadata();
             // Save hash
             const preLoginRedirectHash = new URL(window.location.href).hash;
             if (preLoginRedirectHash) {
@@ -451,13 +399,13 @@ function renderSignInPopup(dom) {
             // Login
             const locationUrl = new URL(window.location.href);
             locationUrl.hash = ''; // remove hash part
-            await solid_logic_1.authSession.login({
+            await authSession.login({
                 redirectUrl: locationUrl.href,
                 oidcIssuer: issuerUri
             });
         }
         catch (err) {
-            (0, log_1.alert)(err.message);
+            alert(err.message);
         }
     };
     /**
@@ -507,7 +455,7 @@ function renderSignInPopup(dom) {
     issuerBottonLabel.innerText = 'Or pick an identity provider from the list below:';
     issuerBottonLabel.setAttribute('style', 'color: #888');
     issuerButtonContainer.appendChild(issuerBottonLabel);
-    (0, solid_logic_1.getSuggestedIssuers)().forEach((issuerInfo) => {
+    getSuggestedIssuers().forEach((issuerInfo) => {
         const issuerButton = dom.createElement('button');
         issuerButton.innerText = issuerInfo.name;
         issuerButton.setAttribute('style', 'height: 38px; margin-top: 10px');
@@ -528,9 +476,9 @@ function renderSignInPopup(dom) {
  *
  * @returns
  */
-function loginStatusBox(dom, listener = null, options = {}) {
+export function loginStatusBox(dom, listener = null, options = {}) {
     // 20190630
-    let me = (0, solid_logic_1.offlineTestID)();
+    let me = offlineTestID();
     // @@ TODO Remove the need to cast HTML element to any
     const box = dom.createElement('div');
     function setIt(newidURI) {
@@ -539,35 +487,35 @@ function loginStatusBox(dom, listener = null, options = {}) {
         }
         // const uri = newidURI.uri || newidURI
         // me = sym(uri)
-        me = solid_logic_1.authn.saveUser(newidURI);
+        me = authn.saveUser(newidURI);
         box.refresh();
         if (listener)
             listener(me.uri);
     }
     function logoutButtonHandler(_event) {
         const oldMe = me;
-        solid_logic_1.authSession.logout().then(function () {
+        authSession.logout().then(function () {
             const message = `Your WebID was ${oldMe}. It has been forgotten.`;
             me = null;
             try {
-                (0, log_1.alert)(message);
+                alert(message);
             }
-            catch (e) {
+            catch (_e) {
                 window.alert(message);
             }
             box.refresh();
             if (listener)
                 listener(null);
         }, (err) => {
-            (0, log_1.alert)('Fail to log out:' + err);
+            alert('Fail to log out:' + err);
         });
     }
     function logoutButton(me, options) {
-        const signInButtonStyle = options.buttonStyle || style_1.style.signInAndUpButtonStyle;
+        const signInButtonStyle = options.buttonStyle || style.signInAndUpButtonStyle;
         let logoutLabel = 'WebID logout';
         if (me) {
-            const nick = solid_logic_1.solidLogicSingleton.store.any(me, ns_1.default.foaf('nick')) ||
-                solid_logic_1.solidLogicSingleton.store.any(me, ns_1.default.foaf('name'));
+            const nick = solidLogicSingleton.store.any(me, ns.foaf('nick')) ||
+                solidLogicSingleton.store.any(me, ns.foaf('name'));
             if (nick) {
                 logoutLabel = 'Logout ' + nick.value;
             }
@@ -581,9 +529,9 @@ function loginStatusBox(dom, listener = null, options = {}) {
         return signOutButton;
     }
     box.refresh = function () {
-        const sessionInfo = solid_logic_1.authSession.info;
+        const sessionInfo = authSession.info;
         if (sessionInfo && sessionInfo.webId && sessionInfo.isLoggedIn) {
-            me = solid_logic_1.solidLogicSingleton.store.sym(sessionInfo.webId);
+            me = solidLogicSingleton.store.sym(sessionInfo.webId);
         }
         else {
             me = null;
@@ -601,22 +549,22 @@ function loginStatusBox(dom, listener = null, options = {}) {
     };
     box.refresh();
     function trackSession() {
-        me = solid_logic_1.authn.currentUser();
+        me = authn.currentUser();
         box.refresh();
     }
     trackSession();
-    solid_logic_1.authSession.events.on('login', trackSession);
-    solid_logic_1.authSession.events.on('logout', trackSession);
+    authSession.events.on('login', trackSession);
+    authSession.events.on('logout', trackSession);
     box.me = '99999'; // Force refresh
     box.refresh();
     return box;
 }
-solid_logic_1.authSession.events.on('logout', async () => {
+authSession.events.on('logout', async () => {
     const issuer = window.localStorage.getItem('loginIssuer');
     if (issuer) {
         try {
             // clear authorization metadata from store
-            solid_logic_1.solidLogicSingleton.store.updater.flagAuthorizationMetadata();
+            solidLogicSingleton.store.updater.flagAuthorizationMetadata();
             const wellKnownUri = new URL(issuer);
             wellKnownUri.pathname = '/.well-known/openid-configuration';
             const wellKnownResult = await fetch(wellKnownUri.toString());
@@ -627,7 +575,7 @@ solid_logic_1.authSession.events.on('logout', async () => {
                 }
             }
         }
-        catch (err) {
+        catch (_err) {
             // Do nothing
         }
     }
@@ -655,17 +603,17 @@ solid_logic_1.authSession.events.on('logout', async () => {
  * @param appDetails
  * @param callbackWS
  */
-function selectWorkspace(dom, appDetails, callbackWS) {
+export function selectWorkspace(dom, appDetails, callbackWS) {
     const noun = appDetails.noun;
     const appPathSegment = appDetails.appPathSegment;
-    const me = (0, solid_logic_1.offlineTestID)();
+    const me = offlineTestID();
     const box = dom.createElement('div');
     const context = { me, dom, div: box };
     function say(s, background) {
         box.appendChild(widgets.errorMessageBlock(dom, s, background));
     }
     function figureOutBase(ws) {
-        const newBaseNode = solid_logic_1.solidLogicSingleton.store.any(ws, ns_1.default.space('uriPrefix'));
+        const newBaseNode = solidLogicSingleton.store.any(ws, ns.space('uriPrefix'));
         let newBaseString;
         if (!newBaseNode) {
             newBaseString = ws.uri.split('#')[0];
@@ -688,16 +636,16 @@ function selectWorkspace(dom, appDetails, callbackWS) {
             const cell = row.appendChild(dom.createElement('td'));
             cell.setAttribute('colspan', '3');
             cell.style.padding = '0.5em';
-            const newBase = encodeURI(await widgets.askName(dom, solid_logic_1.solidLogicSingleton.store, cell, ns_1.default.solid('URL'), ns_1.default.space('Workspace'), 'Workspace'));
+            const newBase = encodeURI(await widgets.askName(dom, solidLogicSingleton.store, cell, ns.solid('URL'), ns.space('Workspace'), 'Workspace'));
             const newWs = widgets.newThing(context.preferencesFile);
             const newData = [
-                (0, rdflib_1.st)(context.me, ns_1.default.space('workspace'), newWs, context.preferencesFile),
-                (0, rdflib_1.st)(newWs, ns_1.default.space('uriPrefix'), newBase, context.preferencesFile)
+                st(context.me, ns.space('workspace'), newWs, context.preferencesFile),
+                st(newWs, ns.space('uriPrefix'), newBase, context.preferencesFile)
             ];
-            if (!solid_logic_1.solidLogicSingleton.store.updater) {
+            if (!solidLogicSingleton.store.updater) {
                 throw new Error('store has no updater');
             }
-            await solid_logic_1.solidLogicSingleton.store.updater.update([], newData);
+            await solidLogicSingleton.store.updater.update([], newData);
             // @@ now refresh list of workspaces
         }
         // const status = ''
@@ -705,14 +653,14 @@ function selectWorkspace(dom, appDetails, callbackWS) {
         const preferencesFile = context.preferencesFile;
         let newBase = null;
         // A workspace specifically defined in the private preference file:
-        let w = solid_logic_1.solidLogicSingleton.store.each(id, ns_1.default.space('workspace'), undefined, preferencesFile); // Only trust preference file here
+        let w = solidLogicSingleton.store.each(id, ns.space('workspace'), undefined, preferencesFile); // Only trust preference file here
         // A workspace in a storage in the public profile:
-        const storages = solid_logic_1.solidLogicSingleton.store.each(id, ns_1.default.space('storage')); // @@ No provenance requirement at the moment
+        const storages = solidLogicSingleton.store.each(id, ns.space('storage')); // @@ No provenance requirement at the moment
         if (w.length === 0 && storages) {
             say(`You don't seem to have any workspaces. You have ${storages.length} storage spaces.`, 'white');
             storages
                 .map(function (s) {
-                w = w.concat(solid_logic_1.solidLogicSingleton.store.each(s, ns_1.default.ldp('contains')));
+                w = w.concat(solidLogicSingleton.store.each(s, ns.ldp('contains')));
                 return w;
             })
                 .filter((file) => {
@@ -735,14 +683,14 @@ function selectWorkspace(dom, appDetails, callbackWS) {
         // const hr = box.appendChild(dom.createElement('hr')) // @@
         box.appendChild(dom.createElement('hr')); // @@
         const p = box.appendChild(dom.createElement('p'));
-        p.setAttribute('style', style_1.style.commentStyle);
+        p.setAttribute('style', style.commentStyle);
         p.textContent = `Where would you like to store the data for the ${noun}?
     Give the URL of the folder where you would like the data stored.
     It can be anywhere in solid world - this URI is just an idea.`;
         // @@ TODO Remove the need to cast baseField to any
         const baseField = box.appendChild(dom.createElement('input'));
         baseField.setAttribute('type', 'text');
-        baseField.setAttribute('style', style_1.style.textInputStyle);
+        baseField.setAttribute('style', style.textInputStyle);
         baseField.size = 80; // really a string
         baseField.label = 'base URL';
         baseField.autocomplete = 'on';
@@ -753,7 +701,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
         context.baseField = baseField;
         box.appendChild(dom.createElement('br')); // @@
         const button = box.appendChild(dom.createElement('button'));
-        button.setAttribute('style', style_1.style.buttonStyle);
+        button.setAttribute('style', style.buttonStyle);
         button.textContent = `Start new ${noun} at this URI`;
         button.addEventListener('click', function (_event) {
             let newBase = baseField.value.replace(' ', '%20'); // do not re-encode in general, as % encodings may exist
@@ -765,8 +713,8 @@ function selectWorkspace(dom, appDetails, callbackWS) {
         // Now go set up the table of spaces
         // const row = 0
         w = w.filter(function (x) {
-            return !solid_logic_1.solidLogicSingleton.store.holds(x, ns_1.default.rdf('type'), // Ignore master workspaces
-            ns_1.default.space('MasterWorkspace'));
+            return !solidLogicSingleton.store.holds(x, ns.rdf('type'), // Ignore master workspaces
+            ns.space('MasterWorkspace'));
         });
         let col1, col2, col3, tr, ws, localStyle, comment;
         const cellStyle = 'height: 3em; margin: 1em; padding: 1em white; border-radius: 0.3em;';
@@ -783,7 +731,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
                 tr.appendChild(col1);
             }
             col2 = dom.createElement('td');
-            localStyle = solid_logic_1.solidLogicSingleton.store.anyValue(ws, ns_1.default.ui('style'));
+            localStyle = solidLogicSingleton.store.anyValue(ws, ns.ui('style'));
             if (!localStyle) {
                 // Otherwise make up arbitrary colour
                 const hash = function (x) {
@@ -797,7 +745,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
             }
             col2.setAttribute('style', deselectedStyle + localStyle);
             tr.target = ws.uri;
-            let label = solid_logic_1.solidLogicSingleton.store.any(ws, ns_1.default.rdfs('label'));
+            let label = solidLogicSingleton.store.any(ws, ns.rdfs('label'));
             if (!label) {
                 label = ws.uri.split('/').slice(-1)[0] || ws.uri.split('/').slice(-2)[0];
             }
@@ -811,7 +759,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
                 tr.appendChild(col3);
             }
             table.appendChild(tr);
-            comment = solid_logic_1.solidLogicSingleton.store.any(ws, ns_1.default.rdfs('comment'));
+            comment = solidLogicSingleton.store.any(ws, ns.rdfs('comment'));
             comment = comment ? comment.value : 'Use this workspace';
             col2.addEventListener('click', function (_event) {
                 col3.textContent = comment ? comment.value : '';
@@ -863,7 +811,7 @@ function selectWorkspace(dom, appDetails, callbackWS) {
  *
  * @returns A div with a button in it for making a new app instance
  */
-function newAppInstance(dom, appDetails, callback) {
+export function newAppInstance(dom, appDetails, callback) {
     const gotWS = function (ws, base) {
         // log.debug("newAppInstance: Selected workspace = " + (ws? ws.uri : 'none'))
         callback(ws, base);
@@ -883,13 +831,13 @@ function newAppInstance(dom, appDetails, callback) {
  * Retrieves whether the currently logged in user is a power user
  * and/or a developer
  */
-async function getUserRoles() {
+export async function getUserRoles() {
     try {
         const { me, preferencesFile, preferencesFileError } = await ensureLoadedPreferences({});
         if (!preferencesFile || preferencesFileError) {
             throw new Error(preferencesFileError);
         }
-        return solid_logic_1.solidLogicSingleton.store.each(me, ns_1.default.rdf('type'), null, preferencesFile.doc());
+        return solidLogicSingleton.store.each(me, ns.rdf('type'), null, preferencesFile.doc());
     }
     catch (error) {
         debug.warn('Unable to fetch your preferences - this was the error: ', error);
@@ -899,7 +847,7 @@ async function getUserRoles() {
 /**
  * Filters which panes should be available, based on the result of [[getUserRoles]]
  */
-async function filterAvailablePanes(panes) {
+export async function filterAvailablePanes(panes) {
     const userRoles = await getUserRoles();
     return panes.filter((pane) => isMatchingAudience(pane, userRoles));
 }