profile-pane 3.1.4 → 3.2.0

package/lib/StuffCard.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StuffCard = void 0;
-exports.renderThing = renderThing;
-exports.renderThingAsDOM = renderThingAsDOM;
-exports.renderThings = renderThings;
-var _litHtml = require("lit-html");
-var _solidUi = require("solid-ui");
-require("./styles/StuffCard.css");
-const StuffCard = (profileBasics, context, subject, stuffData) => {
-  const {
-    stuff
-  } = stuffData;
-  const dom = context.dom || document;
-  return (0, _litHtml.html)`
-    <section
-      class="stuffCard"
-      aria-labelledby="stuff-card-title"
-      role="region"
-      data-testid="stuff"
-    >
-      <header>
-        <h3 id="stuff-card-title" class="sr-only">Shared Resources</h3>
-      </header>
-      <div>
-        <table class="stuffTable" data-testid="stuffTable">
-          <caption class="sr-only">Files and resources shared by ${profileBasics.name}</caption>
-          <tbody class="zebra-stripe">
-            ${renderThings(stuff, dom)}
-          </tbody>
-        </table>
-      </div>
-    </section>
-  `;
-};
-exports.StuffCard = StuffCard;
-function renderThingAsDOM(thing, dom) {
-  const options = {};
-  // widgets.personTR returns a DOM node, so we need to convert it to HTML string
-  const row = _solidUi.widgets.personTR(dom, null, thing.instance, options);
-  return row;
-}
-function renderThing(thing, dom) {
-  return renderThingAsDOM(thing, dom);
-}
-function renderThings(things, dom) {
-  if (things.length === 0) return (0, _litHtml.html)``;
-  return (0, _litHtml.html)`${renderThing(things[0], dom)}${things.length > 1 ? renderThings(things.slice(1), dom) : (0, _litHtml.html)``}`;
-}

package/lib/StuffPresenter.d.ts

@@ -1,14 +0,0 @@
-import { NamedNode } from 'rdflib';
-export interface Item {
-    href: string;
-    name: string;
-    icon: string;
-    instance: NamedNode;
-}
-export interface StuffPresentation {
-    stuff: Item[];
-}
-export declare const iconForClassMap: {};
-export declare function getIconForClass(klass: NamedNode): any;
-export declare function presentStuff(subject: NamedNode): Promise<StuffPresentation>;
-//# sourceMappingURL=StuffPresenter.d.ts.map

package/lib/StuffPresenter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StuffPresenter.d.ts","sourceRoot":"","sources":["../src/StuffPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,MAAM,QAAQ,CAAA;AASvC,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,eAAO,MAAM,eAAe,IAAK,CAAA;AAQjC,wBAAgB,eAAe,CAAE,KAAK,EAAC,SAAS,OAG/C;AAED,wBAAsB,YAAY,CAChC,OAAO,EAAE,SAAS,GACjB,OAAO,CAAC,iBAAiB,CAAC,CAe5B"}

package/lib/StuffPresenter.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconForClass = getIconForClass;
-exports.iconForClassMap = void 0;
-exports.presentStuff = presentStuff;
-var _rdflib = require("rdflib");
-var _solidUi = require("solid-ui");
-var _solidLogic = require("solid-logic");
-const {
-  iconForClass
-} = _solidUi.widgets;
-const {
-  typeIndex
-} = _solidLogic.solidLogicSingleton;
-const {
-  getScopedAppInstances
-} = typeIndex;
-const iconForClassMap = exports.iconForClassMap = {}; // @@ move to buttons in solid-ui
-for (const k in iconForClass) {
-  const pref = k.split(':')[0];
-  const id = k.split(':')[1];
-  const theClass = _solidUi.ns[pref](id);
-  iconForClassMap[theClass.uri] = _rdflib.uri.join(iconForClass[k], _solidUi.icons.iconBase);
-}
-function getIconForClass(klass) {
-  const icon0 = iconForClassMap[klass.uri];
-  return icon0 || _solidUi.icons.iconBase + 'noun_10636.svg'; //  fall back to black disk
-}
-async function presentStuff(subject) {
-  const scopedItems = await getScopedAppInstances(null, subject);
-  // console.log('scopedItems', scopedItems)
-
-  const stuff = scopedItems.map(item => {
-    // work with old or new solid-logic
-    const icon = getIconForClass(item.type || _solidUi.ns.rdf('Resource'));
-    const href = item.instance.uri;
-    const name = _solidUi.utils.label(item.instance);
-    const instance = item.instance;
-    // console.log(`   href=${href} name=${name} icon=${icon}`)
-    return {
-      href,
-      name,
-      icon,
-      instance
-    };
-  });
-  return {
-    stuff
-  };
-}

package/lib/presenter.d.ts

@@ -1,14 +0,0 @@
-import { NamedNode, LiveStore } from 'rdflib';
-export interface ProfilePresentation {
-    name: string;
-    imageSrc?: string;
-    introduction?: string;
-    languages?: string;
-    location?: string;
-    pronouns?: string;
-    backgroundColor: string;
-    highlightColor: string;
-}
-export declare function pronounsAsText(subject: NamedNode): string;
-export declare const presentProfile: (subject: NamedNode, store: LiveStore) => ProfilePresentation;
-//# sourceMappingURL=presenter.d.ts.map

package/lib/presenter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"presenter.d.ts","sourceRoot":"","sources":["../src/presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAM7C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAE,OAAO,EAAC,SAAS,GAAG,MAAM,CAczD;AAED,eAAO,MAAM,cAAc,GACzB,SAAS,SAAS,EAClB,OAAO,SAAS,KACf,mBA0BF,CAAA"}

package/lib/presenter.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.presentProfile = void 0;
-exports.pronounsAsText = pronounsAsText;
-var _solidUi = require("solid-ui");
-var _solidLogic = require("solid-logic");
-var _validateColor = require("validate-color");
-function pronounsAsText(subject) {
-  let pronouns = _solidLogic.store.anyJS(subject, _solidUi.ns.solid('preferredSubjectPronoun')) || '';
-  if (pronouns) {
-    const them = _solidLogic.store.anyJS(subject, _solidUi.ns.solid('preferredObjectPronoun'));
-    if (them) {
-      pronouns += '/' + them;
-      const their = _solidLogic.store.anyJS(subject, _solidUi.ns.solid('preferredRelativePronoun'));
-      if (their) {
-        pronouns += '/' + their;
-      }
-    }
-    pronouns = ' (' + pronouns + ') ';
-  }
-  return pronouns || '';
-}
-const presentProfile = (subject, store) => {
-  const name = _solidUi.utils.label(subject);
-  const imageSrc = _solidUi.widgets.findImage(subject);
-  const role = store.anyValue(subject, _solidUi.ns.vcard('role'));
-  const orgName = store.anyValue(subject, _solidUi.ns.vcard('organization-name')); // @@ Search whole store
-
-  const address = store.any(subject, _solidUi.ns.vcard('hasAddress'));
-  const countryName = address != null ? store.anyValue(address, _solidUi.ns.vcard('country-name')) : null;
-  const locality = address != null ? store.anyValue(address, _solidUi.ns.vcard('locality')) : null;
-  const {
-    backgroundColor,
-    highlightColor
-  } = getColors(subject, store);
-  const pronouns = pronounsAsText(subject);
-  return {
-    name,
-    imageSrc,
-    introduction: formatIntroduction(role, orgName),
-    location: formatLocation(countryName, locality),
-    backgroundColor,
-    pronouns,
-    highlightColor
-  };
-};
-exports.presentProfile = presentProfile;
-function formatLocation(countryName, locality) {
-  return countryName && locality ? `${locality}, ${countryName}` : countryName || locality || null;
-}
-function formatIntroduction(role, orgName) {
-  return role && orgName ? `${role} at ${orgName}` : orgName || role || null;
-}
-function getColors(subject, store) {
-  const backgroundColor = store.anyValue(subject, _solidUi.ns.solid('profileBackgroundColor'), null, subject.doc());
-  const highlightColor = store.anyValue(subject, _solidUi.ns.solid('profileHighlightColor'), null, subject.doc());
-  return {
-    // default colors are coming from the SolidOS theme, so we only want to set them here if they're valid colors
-    backgroundColor: validColorOrDefault(backgroundColor, ''),
-    highlightColor: validColorOrDefault(highlightColor, '')
-  };
-}
-function validColorOrDefault(color, fallback) {
-  return color && (0, _validateColor.validateHTMLColorHex)(color) ? color : fallback;
-}

package/lib/styles/FriendList.css

@@ -1,12 +0,0 @@
-/* FriendList.css */
-/* Uses utilities: .list-reset, .section-title, .zebra-stripe, .flex, .gap-xs, .mb-md */
-
-.friendItem {
-  padding: var(--spacing-xs) 0;
-  font-size: 1em;
-  color: var(--color-text-muted);
-}
-
-.friendItem:last-child {
-  border-bottom: none;
-}

package/lib/styles/StuffCard.css

@@ -1,23 +0,0 @@
-/* StuffCard.css */
-/* Uses utilities: .zebra-stripe */
-
-.stuffTable {
-  width: 100%;
-  border-collapse: collapse;
-  margin-bottom: var(--spacing-md);
-  caption-side: top;
-}
-
-.stuffTable caption {
-  font-weight: 600;
-  padding: var(--spacing-sm);
-  text-align: left;
-  color: var(--color-text);
-}
-
-.stuffTable th,
-.stuffTable td {
-  padding: var(--spacing-sm) var(--spacing-md);
-  text-align: left;
-  line-height: 1.4;
-}

package/lib/styles/editProfile.css

@@ -1,62 +0,0 @@
-.profile-grid .add-friend-button-container,
-.profile-grid .add-community-button-container {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-xxs);
-  flex-wrap: wrap;
-  justify-content: flex-start;
-}
-
-/* Ensure the button container can shrink properly in narrow layouts */
-.profile-grid .add-community-button-container {
-  min-width: 0;
-  max-width: 100%;
-}
-
-/* Allow any direct children to shrink so no element forces overflow */
-.profile-grid .add-community-button-container > * {
-  min-width: 0;
-  max-width: 100%;
-}
-
-.profile-grid table {
-  margin: 0 !important;
-}
-
-.profile-grid td {
-  padding: 0;
-}
-
-.profile-grid .add-friend-button-container .span,
-.profile-grid .add-community-button-container .span {
-  display: inline-flex;
-  align-items: center;
-}
-
-.profile-grid .add-friend-button-container > div,
-.profile-grid .add-community-button-container > div {
-  flex-basis: 100%;
-}
-
-/* Prevent the add-community input from overflowing its flex container */
-.profile-grid .add-community-button-container input {
-  min-width: 0;
-  max-width: 96%;
-  flex: 1 1 0;
-  word-break: break-word;
-}
-
-.profile-grid .profile-image {
-  width: var( --profile-image-size);
-  height: var( --profile-image-size);
-  margin: var(--spacing-xxxs);
-  border-radius: var(--spacing-lg);
-}
-
-.profile-grid .default-profile-image {
-  width: 140%;
-  height: 140%;
-  object-fit: cover;
-  margin-left: -0.6em;
-  border-radius: var(--spacing-lg);
-}