solid-panes 4.5.1 → 5.0.0-0

package/dist/sharing/sharingPane.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _solidUi = require("solid-ui");
-/*   Sharing Pane
- **
- ** This outline pane allows a user to view and adjust the sharing -- access control lists
- ** for anything which has that capability.
- **
- ** I am using in places single quotes strings like 'this'
- ** where internationalization ("i18n") is not a problem, and double quoted
- ** like "this" where the string is seen by the user and so I18n is an issue.
- */
-
-const sharingPane = {
-  icon: _solidUi.icons.iconBase + 'padlock-timbl.svg',
-  name: 'sharing',
-  label: (subject, context) => {
-    const store = context.session.store;
-    const t = store.findTypeURIs(subject);
-    if (t[_solidUi.ns.ldp('Resource').uri]) return 'Sharing'; // @@ be more sophisticated?
-    if (t[_solidUi.ns.ldp('Container').uri]) return 'Sharing'; // @@ be more sophisticated?
-    if (t[_solidUi.ns.ldp('BasicContainer').uri]) return 'Sharing'; // @@ be more sophisticated?
-    // check being allowed to see/change sharing?
-    return null; // No under other circumstances
-  },
-  render: (subject, context) => {
-    const dom = context.dom;
-    const store = context.session.store;
-    const noun = getNoun();
-    const div = dom.createElement('div');
-    div.classList.add('sharingPane');
-    _solidUi.aclControl.preventBrowserDropEvents(dom);
-    div.appendChild(_solidUi.aclControl.ACLControlBox5(subject, context, noun, store));
-    return div;
-    function getNoun() {
-      const t = store.findTypeURIs(subject);
-      if (t[_solidUi.ns.ldp('BasicContainer').uri] || t[_solidUi.ns.ldp('Container').uri]) {
-        return 'folder';
-      }
-      return 'file';
-    }
-  }
-};
-var _default = exports.default = sharingPane;

package/dist/slideshow/slideshowPane.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.slideshowPane = void 0;
-var UI = _interopRequireWildcard(require("solid-ui"));
-var _betterSimpleSlideshow = _interopRequireDefault(require("@solid/better-simple-slideshow"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/*   slideshow Pane
- **
- */
-
-const ns = UI.ns;
-const slideshowPane = exports.slideshowPane = {
-  icon: UI.icons.iconBase + 'noun_138712.svg',
-  name: 'slideshow',
-  audience: [ns.solid('PowerUser')],
-  // Does the subject deserve an slideshow pane?
-  label: function (subject, context) {
-    const store = context.session.store;
-    const ns = UI.ns;
-    const t = store.findTypeURIs(subject);
-    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {
-      const contents = store.each(subject, ns.ldp('contains'));
-      let count = 0;
-      contents.forEach(function (file) {
-        if (UI.widgets.isImage(file)) count++;
-      });
-      return count > 0 ? 'Slideshow' : null;
-    }
-    return null;
-  },
-  // See https://github.com/leemark/better-simple-slideshow
-  // and follow instructions there
-  render: function (subject, context) {
-    const dom = context.dom;
-    const styleSheet = 'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css';
-    UI.widgets.addStyleSheet(dom, styleSheet);
-    const store = context.session.store;
-    const ns = UI.ns;
-    const div = dom.createElement('div');
-    div.setAttribute('class', 'bss-slides');
-    const t = store.findTypeURIs(subject);
-    let predicate;
-    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {
-      predicate = ns.ldp('contains');
-    }
-    const images = store.each(subject, predicate); // @@ random order?
-    // @@ Ideally: sort by embedded time of image
-    images.sort(); // Sort for now by URI
-    for (let i = 0; i < images.length; i++) {
-      if (!UI.widgets.isImage(images[i])) continue;
-      const figure = div.appendChild(dom.createElement('figure'));
-      const img = figure.appendChild(dom.createElement('img'));
-
-      // get image with authenticated fetch
-      store.fetcher._fetch(images[i].uri).then(function (response) {
-        return response.blob();
-      }).then(function (myBlob) {
-        const objectURL = URL.createObjectURL(myBlob);
-        img.setAttribute('src', objectURL); // w640 h480 //
-      });
-      img.style.width = '100%';
-      figure.appendChild(dom.createElement('figcaption'));
-    }
-    const options = {
-      dom
-    };
-    setTimeout(function () {
-      (0, _betterSimpleSlideshow.default)('.bss-slides', options);
-    }, 1000); // Must run after the code which called this
-
-    return div;
-  }
-};
-
-// ends

package/dist/social/editProfileDetails.js

@@ -1,362 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.appendProfileLinks = appendProfileLinks;
-exports.createEditProfileDetailsButton = createEditProfileDetailsButton;
-exports.profileLinkFields = void 0;
-var _rdflib = require("rdflib");
-var _litHtml = require("lit-html");
-var _solidUi = require("solid-ui");
-require("solid-ui/components/button");
-var _icons = require("./icons");
-var _spinner = require("./spinner");
-/* The following code was generated by AI Model: GPT-5.4
-   Prompt: can you create me a form to enter this data [
-ns.foaf('homepage'),
-ns.foaf('weblog'),
-ns.foaf('workplaceHomepage'),
-ns.foaf('schoolHomepage')
-] and put an edit button at the top left corner of the header
- that when you click it pops up so you can enter this information
- and save it to the Webid. You can look in
- Dev2025/profile-pane/src/sections/heading/mutations to see how
- to write this data in the profile. */
-
-const profileLinkFields = exports.profileLinkFields = [{
-  key: 'homepage',
-  label: 'Homepage',
-  placeholder: 'https://example.com',
-  predicate: _solidUi.ns.foaf('homepage')
-}, {
-  key: 'weblog',
-  label: 'Weblog',
-  placeholder: 'https://blog.example.com',
-  predicate: _solidUi.ns.foaf('weblog')
-}, {
-  key: 'workplaceHomepage',
-  label: 'Workplace Homepage',
-  placeholder: 'https://company.example.com',
-  predicate: _solidUi.ns.foaf('workplaceHomepage')
-}, {
-  key: 'schoolHomepage',
-  label: 'School Homepage',
-  placeholder: 'https://school.example.edu',
-  predicate: _solidUi.ns.foaf('schoolHomepage')
-}];
-function createEmptyProfileLinkValues() {
-  return {
-    homepage: [''],
-    weblog: [''],
-    workplaceHomepage: [''],
-    schoolHomepage: ['']
-  };
-}
-function readProfileLinkValues(store, subject) {
-  const doc = subject.doc();
-  return profileLinkFields.reduce((result, field) => {
-    const values = store.statementsMatching(subject, field.predicate, undefined, doc).map(statement => statement.object?.value || '').filter(Boolean);
-    result[field.key] = values.length ? values : [''];
-    return result;
-  }, createEmptyProfileLinkValues());
-}
-function normalizeUrlList(values, fieldLabel) {
-  const unique = new Set();
-  const lines = values.map(entry => entry.trim()).filter(Boolean);
-  for (const line of lines) {
-    let parsed;
-    try {
-      parsed = new URL(line);
-    } catch {
-      throw new Error(`${fieldLabel} must contain valid absolute URLs.`);
-    }
-    if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {
-      throw new Error(`${fieldLabel} only supports http and https URLs.`);
-    }
-    unique.add(parsed.toString());
-  }
-  return [...unique];
-}
-async function saveProfileLinkValues(store, subject, values) {
-  const updater = store.updater;
-  const fetcher = store.fetcher;
-  if (!updater || typeof updater.serialize !== 'function' || !fetcher || typeof fetcher.webOperation !== 'function') {
-    throw new Error('This profile cannot be edited with the current store.');
-  }
-  const doc = subject.doc();
-  const insertions = [];
-  const existingStatements = [];
-  for (const field of profileLinkFields) {
-    existingStatements.push(...store.statementsMatching(subject, field.predicate, undefined, doc));
-    const nextValues = normalizeUrlList(values[field.key], field.label);
-    for (const nextValue of nextValues) {
-      insertions.push((0, _rdflib.st)(subject, field.predicate, (0, _rdflib.sym)(nextValue), doc));
-    }
-  }
-  const retainedStatements = store.statementsMatching(undefined, undefined, undefined, doc).filter(statement => {
-    return !profileLinkFields.some(field => {
-      return statement.subject.equals(subject) && statement.predicate.equals(field.predicate);
-    });
-  });
-  const nextStatements = retainedStatements.concat(insertions);
-  const contentType = 'text/turtle';
-  const body = updater.serialize(doc.value, nextStatements, contentType);
-  const response = await fetcher.webOperation('PUT', doc.value, {
-    noMeta: true,
-    contentType,
-    body
-  });
-  if (!response || response.ok !== true) {
-    const status = response?.status || 'unknown';
-    throw new Error(`Unable to save profile links. Web error: ${status}`);
-  }
-  existingStatements.forEach(statement => {
-    store.removeStatement(statement);
-  });
-  for (const statement of insertions) {
-    store.add(statement.subject, statement.predicate, statement.object, statement.why);
-  }
-}
-function appendProfileLinks(_container, _dom, _store, _subject) {
-  // Hidden for now because social-pane website links are not part of the new design.
-  // Revisit later if we decide to show profile links in this header again.
-}
-function createEditProfileDetailsButton(options) {
-  const {
-    dom,
-    store,
-    subject,
-    onSaved
-  } = options;
-  const button = dom.createElement('solid-ui-button');
-  button.type = 'button';
-  button.className = 'social-pane__edit-button profile__action-button profile__heading-action-button profile-action-text flex-center profile-section-collapsible__edit-button';
-  button.variant = 'secondary';
-  button.size = 'sm';
-  const label = dom.createElement('span');
-  label.className = 'profile-section-collapsible__edit-label social-pane__edit-button-label';
-  label.innerHTML = `${_icons.editIcon} Edit`;
-  button.appendChild(label);
-  const icon = dom.createElement('span');
-  icon.className = 'profile-section-collapsible__edit-icon social-pane__edit-button-icon';
-  icon.setAttribute('aria-hidden', 'true');
-  icon.innerHTML = _icons.editIcon;
-  button.appendChild(icon);
-  button.setAttribute('aria-label', 'Edit profile links');
-  const openDialog = () => {
-    const initialValues = readProfileLinkValues(store, subject);
-    const formState = profileLinkFields.reduce((result, field) => {
-      result[field.key] = [...initialValues[field.key]];
-      return result;
-    }, createEmptyProfileLinkValues());
-    const overlay = dom.createElement('div');
-    overlay.classList.add('social-pane__dialog-backdrop', 'flex-center');
-    const dialog = dom.createElement('div');
-    dialog.classList.add('social-pane__dialog');
-    dialog.setAttribute('role', 'dialog');
-    dialog.setAttribute('aria-modal', 'true');
-    dialog.setAttribute('aria-label', 'Edit profile links');
-    overlay.appendChild(dialog);
-    const dialogHeader = dom.createElement('div');
-    dialogHeader.classList.add('social-pane__dialog-header');
-    dialog.appendChild(dialogHeader);
-    const title = dom.createElement('h2');
-    title.className = 'social-pane__dialog-title';
-    title.textContent = 'Edit profile links';
-    dialogHeader.appendChild(title);
-    const form = dom.createElement('form');
-    form.classList.add('social-pane__dialog-form', 'flex-column');
-    dialog.appendChild(form);
-    const savingOverlay = dom.createElement('div');
-    savingOverlay.className = 'social-pane__dialog-saving-overlay';
-    savingOverlay.hidden = true;
-    dialog.appendChild(savingOverlay);
-    const fieldsContainer = dom.createElement('div');
-    fieldsContainer.className = 'social-pane__dialog-fields';
-    form.appendChild(fieldsContainer);
-    const errorMessage = dom.createElement('p');
-    errorMessage.className = 'social-pane__dialog-error';
-    const focusRow = (fieldKey, rowIndex) => {
-      const nextField = fieldsContainer.querySelector(`input[data-profile-link-key="${fieldKey}"][data-profile-link-index="${String(rowIndex)}"]`);
-      nextField?.focus();
-    };
-    const renderFields = focusTarget => {
-      fieldsContainer.replaceChildren();
-      for (const field of profileLinkFields) {
-        const fieldWrapper = dom.createElement('section');
-        fieldWrapper.classList.add('social-pane__dialog-field', 'flex-column');
-        const fieldHeader = dom.createElement('div');
-        fieldHeader.className = 'social-pane__dialog-field-header';
-        fieldWrapper.appendChild(fieldHeader);
-        const fieldLabel = dom.createElement('h3');
-        fieldLabel.className = 'social-pane__dialog-label';
-        fieldLabel.textContent = field.label;
-        fieldHeader.appendChild(fieldLabel);
-        const addButton = dom.createElement('solid-ui-button');
-        addButton.type = 'button';
-        addButton.className = 'social-pane__dialog-row-button--add';
-        addButton.setAttribute('aria-label', `Add another ${field.label.toLowerCase()}`);
-        addButton.variant = 'secondary';
-        addButton.size = 'sm';
-        const addButtonContent = dom.createElement('span');
-        addButtonContent.className = 'social-pane__add-more-content';
-        const addButtonInline = dom.createElement('span');
-        addButtonInline.className = 'social-pane__add-more-inline';
-        const addButtonIcon = dom.createElement('span');
-        addButtonIcon.className = 'social-pane__add-more-icon';
-        addButtonIcon.setAttribute('aria-hidden', 'true');
-        addButtonIcon.innerHTML = _icons.plusIcon;
-        const addButtonText = dom.createElement('span');
-        addButtonText.textContent = 'Add More';
-        addButtonInline.appendChild(addButtonIcon);
-        addButtonInline.appendChild(addButtonText);
-        addButtonContent.appendChild(addButtonInline);
-        addButton.appendChild(addButtonContent);
-        addButton.addEventListener('click', () => {
-          formState[field.key].push('');
-          renderFields({
-            fieldKey: field.key,
-            rowIndex: formState[field.key].length - 1
-          });
-        });
-        fieldHeader.appendChild(addButton);
-        const rows = dom.createElement('div');
-        rows.className = 'social-pane__dialog-row-list';
-        fieldWrapper.appendChild(rows);
-        const values = formState[field.key].length ? formState[field.key] : [''];
-        values.forEach((value, index) => {
-          const row = dom.createElement('div');
-          row.className = 'social-pane__dialog-row';
-          const input = dom.createElement('input');
-          input.classList.add('social-pane__dialog-input', 'input');
-          input.type = 'url';
-          input.placeholder = field.placeholder;
-          input.value = value;
-          input.setAttribute('data-profile-link-key', field.key);
-          input.setAttribute('data-profile-link-index', String(index));
-          input.addEventListener('input', () => {
-            formState[field.key][index] = input.value;
-          });
-          row.appendChild(input);
-          const removeButton = dom.createElement('solid-ui-button');
-          removeButton.type = 'button';
-          removeButton.className = 'social-pane__dialog-row-button--remove';
-          removeButton.setAttribute('aria-label', `Remove ${field.label.toLowerCase()} ${index + 1}`);
-          removeButton.setAttribute('title', 'Remove');
-          removeButton.variant = 'icon';
-          removeButton.size = 'md';
-          const removeButtonIcon = dom.createElement('span');
-          removeButtonIcon.className = 'social-pane__dialog-row-button-icon social-pane__dialog-row-button-icon--remove';
-          removeButtonIcon.setAttribute('slot', 'icon');
-          removeButtonIcon.setAttribute('aria-hidden', 'true');
-          removeButtonIcon.innerHTML = _icons.trashIcon;
-          removeButton.appendChild(removeButtonIcon);
-          removeButton.addEventListener('click', () => {
-            if (formState[field.key].length === 1) {
-              formState[field.key][0] = '';
-            } else {
-              formState[field.key].splice(index, 1);
-            }
-            renderFields();
-          });
-          row.appendChild(removeButton);
-          rows.appendChild(row);
-        });
-        fieldsContainer.appendChild(fieldWrapper);
-      }
-      if (focusTarget) {
-        focusRow(focusTarget.fieldKey, focusTarget.rowIndex);
-      }
-    };
-    renderFields();
-    form.appendChild(errorMessage);
-    const actions = dom.createElement('div');
-    actions.className = 'social-pane__dialog-actions';
-    form.appendChild(actions);
-    const closeButton = dom.createElement('solid-ui-button');
-    closeButton.type = 'button';
-    closeButton.className = 'social-pane__dialog-button--cancel';
-    closeButton.setAttribute('aria-label', 'Close dialog');
-    closeButton.label = 'Close';
-    closeButton.variant = 'secondary';
-    closeButton.size = 'md';
-    actions.appendChild(closeButton);
-    const saveButton = dom.createElement('solid-ui-button');
-    saveButton.type = 'button';
-    saveButton.className = 'social-pane__dialog-button--save';
-    saveButton.label = 'Save Changes';
-    saveButton.variant = 'primary';
-    saveButton.size = 'md';
-    actions.appendChild(saveButton);
-    let isSaving = false;
-    const setSavingState = nextSaving => {
-      isSaving = nextSaving;
-      dialog.classList.toggle('modal--saving', nextSaving);
-      dialog.setAttribute('aria-busy', String(nextSaving));
-      form.toggleAttribute('inert', nextSaving);
-      saveButton.disabled = nextSaving;
-      saveButton.setAttribute('aria-busy', String(nextSaving));
-      closeButton.disabled = nextSaving;
-      savingOverlay.hidden = !nextSaving;
-      if (nextSaving) {
-        const activeElement = dialog.ownerDocument.activeElement;
-        if (activeElement && dialog.contains(activeElement)) {
-          activeElement.blur();
-        }
-        (0, _litHtml.render)((0, _litHtml.html)`
-          <div class="modal__saving-indicator inline-flex-row justify-center" aria-live="polite" aria-label="Saving changes">
-            ${(0, _spinner.createSpinner)()}
-          </div>
-        `, savingOverlay);
-      } else {
-        (0, _litHtml.render)((0, _litHtml.html)``, savingOverlay);
-      }
-    };
-    const closeDialog = (force = false) => {
-      if (isSaving && !force) return;
-      overlay.remove();
-    };
-    const requestCloseDialog = () => {
-      closeDialog();
-    };
-    const handleSave = async () => {
-      errorMessage.textContent = '';
-      setSavingState(true);
-      const nextValues = profileLinkFields.reduce((result, field) => {
-        result[field.key] = [...formState[field.key]];
-        return result;
-      }, createEmptyProfileLinkValues());
-      try {
-        await saveProfileLinkValues(store, subject, nextValues);
-        setSavingState(false);
-        closeDialog(true);
-        onSaved();
-      } catch (error) {
-        errorMessage.textContent = error instanceof Error ? error.message : 'Unable to save profile links.';
-      } finally {
-        if (isSaving) {
-          setSavingState(false);
-        }
-      }
-    };
-    overlay.addEventListener('click', event => {
-      if (event.target === overlay) closeDialog();
-    });
-    closeButton.addEventListener('click', requestCloseDialog);
-    saveButton.addEventListener('click', async event => {
-      event.preventDefault();
-      await handleSave();
-    });
-    overlay.addEventListener('keydown', event => {
-      if (event.key === 'Escape') closeDialog();
-    });
-    form.addEventListener('submit', event => {
-      event.preventDefault();
-    });
-    dom.body.appendChild(overlay);
-    focusRow('homepage', 0);
-  };
-  button.addEventListener('click', openDialog);
-  return button;
-}