profile-pane 3.1.4 → 3.2.0

package/lib/CVCard.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CVCard = void 0;
-var _litHtml = require("lit-html");
-require("./styles/CVCard.css");
-const CVCard = cvData => {
-  const {
-    rolesByType,
-    skills,
-    languages
-  } = cvData;
-  const futureRolesArr = rolesByType['FutureRole'] || [];
-  const currentRolesArr = rolesByType['CurrentRole'] || [];
-  const pastRolesArr = rolesByType['PastRole'] || [];
-  const skillsArr = skills || [];
-  const languagesArr = languages || [];
-  const hasFutureRole = Array.isArray(futureRolesArr) && futureRolesArr.length > 0;
-  const hasCurrentRole = Array.isArray(currentRolesArr) && currentRolesArr.length > 0;
-  const hasPastRole = Array.isArray(pastRolesArr) && pastRolesArr.length > 0;
-  const hasSkills = Array.isArray(skillsArr) && skillsArr.length > 0;
-  const hasLanguages = Array.isArray(languagesArr) && languagesArr.length > 0;
-  if (!(hasFutureRole || hasCurrentRole || hasPastRole || hasSkills || hasLanguages)) return (0, _litHtml.html)``;
-  return (0, _litHtml.html)`
-    <article class="cvCard" aria-label="Resume" data-testid="curriculum-vitae">
-      ${hasFutureRole ? (0, _litHtml.html)`
-        <section class="cvSection" aria-labelledby="cv-future-heading">
-          <h3 id="cv-future-heading">Future Roles</h3>
-          <ul role="list" aria-label="Upcoming work experience">
-            ${renderRoles(futureRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasCurrentRole ? (0, _litHtml.html)`
-        <section class="cvSection" aria-labelledby="cv-current-heading">
-          <h3 id="cv-current-heading">Current Roles</h3>
-          <ul role="list" aria-label="Current work experience">
-            ${renderRoles(currentRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasPastRole ? (0, _litHtml.html)`
-        <section class="cvSection" aria-labelledby="cv-past-heading">
-          <h3 id="cv-past-heading">Past Roles</h3>
-          <ul role="list" aria-label="Previous work experience">
-            ${renderRoles(pastRolesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasSkills ? (0, _litHtml.html)`
-        <section class="cvSection" aria-labelledby="cv-skills-heading">
-          <h3 id="cv-skills-heading">Skills</h3>
-          <ul role="list" aria-label="Professional skills and competencies">
-            ${renderSkills(skillsArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-      
-      ${hasLanguages ? (0, _litHtml.html)`
-        <section class="cvSection" aria-labelledby="cv-languages-heading">
-          <h3 id="cv-languages-heading">Languages</h3>
-          <ul role="list" aria-label="Known languages">
-            ${renderLanguages(languagesArr, true)}
-          </ul>
-        </section>
-      ` : ''}
-    </article>
-  `;
-};
-exports.CVCard = CVCard;
-function renderRole(role, asList = false) {
-  if (!role) return (0, _litHtml.html)``;
-  return asList ? (0, _litHtml.html)`
-      <li class="cvRole" role="listitem">
-        <strong class="cvOrg" aria-label="Organization">${role.orgName}</strong>
-        <span aria-label="Role title">${strToUpperCase(role.roleText)}</span>
-        <time aria-label="Employment period">${role.dates}</time>
-      </li>` : (0, _litHtml.html)``;
-}
-function renderRoles(roles, asList = false) {
-  if (!roles || !roles.length || !roles[0]) return (0, _litHtml.html)``;
-  return (0, _litHtml.html)`${renderRole(roles[0], asList)}${roles.length > 1 ? renderRoles(roles.slice(1), asList) : (0, _litHtml.html)``}`;
-}
-function renderSkill(skill, asList = false) {
-  if (!skill) return (0, _litHtml.html)``;
-  return asList ? (0, _litHtml.html)`<li class="cvSkill">${strToUpperCase(skill)}</li>` : (0, _litHtml.html)``;
-}
-function renderSkills(skills, asList = false) {
-  if (!skills || !skills.length || !skills[0]) return (0, _litHtml.html)``;
-  return (0, _litHtml.html)`${renderSkill(skills[0], asList)}${skills.length > 1 ? renderSkills(skills.slice(1), asList) : (0, _litHtml.html)``}`;
-}
-function renderLan(language, asList = false) {
-  if (!language) return (0, _litHtml.html)``;
-  return asList ? (0, _litHtml.html)`<li class="cvLanguage">${language}</li>` : (0, _litHtml.html)``;
-}
-function renderLanguages(languages, asList = false) {
-  if (!languages || !languages.length || !languages[0]) return (0, _litHtml.html)``;
-  return (0, _litHtml.html)`${renderLan(languages[0], asList)}${languages.length > 1 ? renderLanguages(languages.slice(1), asList) : (0, _litHtml.html)``}`;
-}
-function strToUpperCase(str) {
-  if (str && str[0] > '') {
-    const strCase = str.split(' ');
-    for (let i = 0; i < strCase.length; i++) {
-      strCase[i] = strCase[i].charAt(0).toUpperCase() + strCase[i].substring(1);
-    }
-    return strCase.join(' ');
-  }
-  return '';
-}

package/lib/CVPresenter.d.ts

@@ -1,25 +0,0 @@
-import { LiveStore, NamedNode, Literal, Node, Store } from 'rdflib';
-export interface Role {
-    startDate?: Literal;
-    endDate: Literal;
-    dates: string;
-    orgName: string;
-    roleText: string;
-    orgHomePage?: string;
-}
-export interface CVPresentation {
-    rolesByType: RolesByType;
-    skills: string[];
-    languages: string[];
-}
-export interface RolesByType {
-    PastRole: Role[];
-    CurrentRole: Role[];
-    FutureRole: Role[];
-}
-export declare const typesOfRole: string[];
-export declare function skillAsText(store: Store, sk: Node): string;
-export declare function languageAsText(store: Store, lan: Node): string;
-export declare function datesAsText(startDate?: Literal, endDate?: Literal): string;
-export declare function presentCV(subject: NamedNode, store: LiveStore): CVPresentation;
-//# sourceMappingURL=CVPresenter.d.ts.map

package/lib/CVPresenter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CVPresenter.d.ts","sourceRoot":"","sources":["../src/CVPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAa,IAAI,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAG9E,MAAM,WAAW,IAAI;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjB,WAAW,EAAE,IAAI,EAAE,CAAC;IACpB,UAAU,EAAE,IAAI,EAAE,CAAC;CACpB;AAID,eAAO,MAAM,WAAW,UAA4C,CAAA;AAEpE,wBAAgB,WAAW,CAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,GAAE,MAAM,CAW1D;AAED,wBAAgB,cAAc,CAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAE,MAAM,CAM9D;AAED,wBAAgB,WAAW,CAAE,SAAS,CAAC,EAAC,OAAO,EAAE,OAAO,CAAC,EAAC,OAAO,GAAE,MAAM,CAIxE;AAsED,wBAAgB,SAAS,CACvB,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,cAAc,CA0BhB"}

package/lib/CVPresenter.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.datesAsText = datesAsText;
-exports.languageAsText = languageAsText;
-exports.presentCV = presentCV;
-exports.skillAsText = skillAsText;
-exports.typesOfRole = void 0;
-var _rdflib = require("rdflib");
-var _solidUi = require("solid-ui");
-const ORG = (0, _rdflib.Namespace)('http://www.w3.org/ns/org#');
-const typesOfRole = exports.typesOfRole = ['PastRole', 'CurrentRole', 'FutureRole'];
-function skillAsText(store, sk) {
-  if (sk.termType === 'Literal') return sk.value; // Not normal but allow this
-  const publicId = store.anyJS(sk, _solidUi.ns.solid('publicId'));
-  if (publicId) {
-    const name = store.anyJS(publicId, _solidUi.ns.schema('name'));
-    if (name) return name; // @@ check language and get name in diff language if necessary
-  }
-  const manual = store.anyJS(sk, _solidUi.ns.vcard('role'));
-  if (manual && manual[0] > '') return manual;
-  return '';
-}
-function languageAsText(store, lan) {
-  if (lan.termType === 'Literal') return lan.value; // Not normal but allow this
-  const publicId = store.anyJS(lan, _solidUi.ns.solid('publicId'));
-  if (publicId) return _solidUi.utils.label(publicId, true); // @@ check language and get name in diff language if necessary
-  return '';
-}
-function datesAsText(startDate, endDate) {
-  return startDate ? '(' + startDate.value.slice(0, 10) + ' to ' + (endDate ? endDate.value.slice(0, 10) : '') + ')' : '';
-}
-function expandRdfList(store, node) {
-  const collectionElements = node.elements;
-  if (Array.isArray(collectionElements)) {
-    return collectionElements.flatMap(element => expandRdfList(store, element));
-  }
-  const first = store.any(node, _solidUi.ns.rdf('first'));
-  if (!first) return [node];
-  const items = [];
-  let current = node;
-  while (current) {
-    const value = store.any(current, _solidUi.ns.rdf('first'));
-    if (value) items.push(...expandRdfList(store, value));
-    const rest = store.any(current, _solidUi.ns.rdf('rest'));
-    if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) break;
-    current = rest;
-  }
-  return items;
-}
-function getRolesByType(store, subject) {
-  const memberships = store.each(null, ORG('member'), subject, null);
-  const rolesByType = {
-    PastRole: [],
-    CurrentRole: [],
-    FutureRole: []
-  };
-  for (const membership of memberships) {
-    let orgHomePage, orgNameGiven, publicIdName, roleName, publicId;
-    // Things should have start dates but we will be very lenient in this view
-    const startDate = store.any(membership, _solidUi.ns.schema('startDate'));
-    const endDate = store.any(membership, _solidUi.ns.schema('endDate'));
-    const dates = datesAsText(startDate, endDate);
-    const organization = store.any(membership, ORG('organization'));
-    if (organization) {
-      orgNameGiven = store.anyJS(organization, _solidUi.ns.schema('name'));
-      orgHomePage = store.any(organization, _solidUi.ns.schema('uri'));
-      publicId = store.any(organization, _solidUi.ns.solid('publicId'));
-    }
-    if (publicId) {
-      publicIdName = store.anyJS(publicId, _solidUi.ns.schema('name'));
-    }
-    const orgName = publicIdName || orgNameGiven;
-    const escoRole = store.any(membership, ORG('role'));
-    if (escoRole) {
-      roleName = store.anyJS(escoRole, _solidUi.ns.schema('name'));
-    }
-    const roleText0 = store.anyJS(membership, _solidUi.ns.vcard('role'));
-    const roleText = roleText0 && roleName ? roleName + ' - ' + roleText0 : roleText0 || roleName;
-    const item = {
-      startDate: startDate,
-      endDate,
-      orgName,
-      roleText,
-      dates,
-      orgHomePage
-    };
-    for (const t of typesOfRole) {
-      if (store.holds(membership, _solidUi.ns.rdf('type'), _solidUi.ns.solid(t))) {
-        rolesByType[t].push(item);
-      }
-    }
-  }
-  return rolesByType;
-}
-function presentCV(subject, store) {
-  const rolesByType = getRolesByType(store, subject);
-  // Most recent thing most relevant -> sort by end date
-  for (const t of typesOfRole) {
-    rolesByType[t].sort(function (x, y) {
-      if (x.endDate && y.endDate) {
-        return x.endDate > y.endDate ? -1 : 1;
-      }
-      return x.startDate > y.startDate ? -1 : 1;
-    });
-  }
-  const skills = store.each(subject, _solidUi.ns.schema('skills')).map(sk => skillAsText(store, sk)).filter(skill => skill !== '');
-  const languageNodes = store.each(subject, _solidUi.ns.schema('knowsLanguage'));
-  const languages = languageNodes.flatMap(node => expandRdfList(store, node)).map(lan => languageAsText(store, lan));
-  // Deduplicate languages
-  const uniqueLanguages = Array.from(new Set(languages));
-  return {
-    rolesByType,
-    skills,
-    languages: uniqueLanguages
-  };
-}

package/lib/FriendList.d.ts

@@ -1,6 +0,0 @@
-import { DataBrowserContext } from 'pane-registry';
-import { NamedNode } from 'rdflib';
-import { TemplateResult } from 'lit-html';
-import './styles/FriendList.css';
-export declare const FriendList: (subject: NamedNode, context: DataBrowserContext) => TemplateResult | null;
-//# sourceMappingURL=FriendList.d.ts.map

package/lib/FriendList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FriendList.d.ts","sourceRoot":"","sources":["../src/FriendList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,yBAAyB,CAAA;AAIhC,eAAO,MAAM,UAAU,GACrB,SAAS,SAAS,EAClB,SAAS,kBAAkB,KAC1B,cAAc,GAAG,IAiBnB,CAAA"}

package/lib/FriendList.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FriendList = void 0;
-var _litHtml = require("lit-html");
-require("./styles/FriendList.css");
-var _addMeToYourFriends = require("./addMeToYourFriends");
-const FriendList = (subject, context) => {
-  const friends = (0, _addMeToYourFriends.extractFriends)(false, subject, context);
-  if (!friends || !friends.textContent?.trim()) return null;
-  return (0, _litHtml.html)`
-    <section
-      class="friendListSection"
-      data-testid="friend-list"
-    >
-      <h2 id="friends-section-title" class="sr-only">Friends</h2>
-      <nav aria-label="Friend profiles">
-        <ul class="list-reset zebra-stripe" role="list">
-          ${friends}
-        </ul>
-      </nav>
-    </section>
-  `;
-};
-exports.FriendList = FriendList;

package/lib/ProfileCard.d.ts

@@ -1,6 +0,0 @@
-import './styles/ProfileCard.css';
-import { ProfilePresentation } from './presenter';
-import { DataBrowserContext } from 'pane-registry';
-import { NamedNode } from 'rdflib';
-export declare const ProfileCard: ({ name, imageSrc, introduction, location, pronouns, highlightColor, backgroundColor }: ProfilePresentation, context: DataBrowserContext, subject: NamedNode) => import("lit-html").TemplateResult<1>;
-//# sourceMappingURL=ProfileCard.d.ts.map

package/lib/ProfileCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../src/ProfileCard.ts"],"names":[],"mappings":"AACA,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIlC,eAAO,MAAM,WAAW,GAAI,uFAEzB,mBAAmB,EAAE,SAAS,kBAAkB,EAAE,SAAS,SAAS,yCAwBtE,CAAA"}

package/lib/ProfileCard.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProfileCard = void 0;
-var _litHtml = require("lit-html");
-require("./styles/ProfileCard.css");
-var _addMeToYourFriends = require("./addMeToYourFriends");
-var _QRCodeCard = require("./QRCodeCard");
-const ProfileCard = ({
-  name,
-  imageSrc,
-  introduction,
-  location,
-  pronouns,
-  highlightColor,
-  backgroundColor
-}, context, subject) => {
-  return (0, _litHtml.html)`
-    <article class="profileCard" aria-labelledby="profile-name">
-      <h2 id="profile-name" class="sr-only">${name}</h2>
-      <header class="header flex-column-center mb-md" aria-label="Profile information">
-        ${Image(imageSrc, name)}
-      </header>
-      
-      <section class="intro text-center" aria-label="About">
-        ${Line(introduction, '', 'About')}
-        ${Line(location, '🌐', 'Location')}
-        ${Line(pronouns, '', 'Pronouns')}
-      </section>
-      
-      <section class="buttonSection text-center" aria-label="Actions">
-        ${(0, _addMeToYourFriends.addMeToYourFriendsDiv)(subject, context)}
-      </section>
-      
-      <div class="qrCodeSection section-centered">
-        ${(0, _QRCodeCard.QRCodeCard)(highlightColor, backgroundColor, subject)}
-      </div>
-    </article>
-  `;
-};
-exports.ProfileCard = ProfileCard;
-const Line = (value, prefix = _litHtml.nothing, label = '') => value ? (0, _litHtml.html)`
-    <div class="details" role="text" ${label ? `aria-label="${label}: ${value}"` : ''}>
-      ${prefix} ${value}
-    </div>
-  ` : _litHtml.nothing;
-const Image = (src, alt) => src ? (0, _litHtml.html)`
-        <img
-          class="image"
-          src=${src}
-          alt="Profile photo of ${alt}"
-          width="160"
-          height="160"
-          loading="eager"
-        />
-      ` : (0, _litHtml.html)`
-        <div class="image-alt" role="img" aria-label="${alt}" tabindex="0">
-          ${alt}
-        </div>
-      `;

package/lib/SocialCard.d.ts

@@ -1,5 +0,0 @@
-import { TemplateResult } from 'lit-html';
-import { SocialPresentation } from './SocialPresenter';
-import './styles/SocialCard.css';
-export declare const SocialCard: (SocialData: SocialPresentation) => TemplateResult;
-//# sourceMappingURL=SocialCard.d.ts.map

package/lib/SocialCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SocialCard.d.ts","sourceRoot":"","sources":["../src/SocialCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,yBAAyB,CAAA;AAGhC,eAAO,MAAM,UAAU,GACrB,YAAY,kBAAkB,KAC7B,cA8CF,CAAA"}

package/lib/SocialCard.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SocialCard = void 0;
-var _litHtml = require("lit-html");
-require("./styles/SocialCard.css");
-const SocialCard = SocialData => {
-  const {
-    accounts
-  } = SocialData;
-  if (accounts.length) {
-    return (0, _litHtml.html)`
-      <section
-        class="socialCard"
-        aria-labelledby="social-card-title"
-        data-testid="social-media"
-      >
-        <nav aria-label="Social media profiles">
-          <ul class="socialList list-reset" role="list">
-            ${accounts.map(account => renderAccount(account))}
-          </ul>
-        </nav>
-      </section>
-    `;
-  }
-  function renderAccount(account) {
-    return account.homepage && account.name && account.icon ? (0, _litHtml.html)`
-          <li class="socialItem" role="listitem">
-            <a 
-              href="${account.homepage}" 
-              target="_blank" 
-              rel="noopener noreferrer" 
-              aria-label="Visit ${account.name} profile (opens in new tab)"
-            >
-              <img 
-                class="socialIcon" 
-                src="${account.icon}" 
-                alt="${account.name} icon"
-                width="40"
-                height="40"
-                loading="lazy"
-              />
-              <span class="text-wrap-anywhere">${account.name}</span>
-            </a>
-          </li>
-        ` : (0, _litHtml.html)``;
-  }
-};
-exports.SocialCard = SocialCard;

package/lib/SocialPresenter.d.ts

@@ -1,11 +0,0 @@
-import { LiveStore, NamedNode } from 'rdflib';
-export interface Account {
-    name: string;
-    icon: string;
-    homepage: string;
-}
-export interface SocialPresentation {
-    accounts: Account[];
-}
-export declare function presentSocial(subject: NamedNode, store: LiveStore): SocialPresentation;
-//# sourceMappingURL=SocialPresenter.d.ts.map

package/lib/SocialPresenter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SocialPresenter.d.ts","sourceRoot":"","sources":["../src/SocialPresenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAQ,MAAM,QAAQ,CAAA;AAQnD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAiCD,wBAAgB,aAAa,CAC3B,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,SAAS,GACf,kBAAkB,CA+EpB"}

package/lib/SocialPresenter.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.presentSocial = presentSocial;
-var _solidUi = require("solid-ui");
-var _rdfFormsHelper = require("./rdfFormsHelper");
-/* babel-plugin-inline-import './ontology/socialMedia.ttl' */
-const socialMediaForm = "@prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>.\n@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.\n@prefix foaf: <http://xmlns.com/foaf/0.1/>.\n@prefix owl: <http://www.w3.org/2002/07/owl#>.\n@prefix solid: <http://www.w3.org/ns/solid/terms#>.\n@prefix ui: <http://www.w3.org/ns/ui#>.\n@prefix schema: <http://schema.org/>.\n@prefix vcard: <http://www.w3.org/2006/vcard/ns#>.\n@prefix org: <http://www.w3.org/ns/org#>.\n@prefix : <#>.\n\n########### ATTENTION - we cannot rename this ontology file name without migrating existing data on existing accounts\n\n########### Social Media - other accounts\n#\n# Twitter, linked In, Orkid, Mastodon, Matrix, Bluesky, Instagram, Facebook, Github,\n# Snapchat, TikTok, etc\n\n:this\n    <http://purl.org/dc/elements/1.1/title> \"Social media form\" ;\n    a ui:Form ;\n    ui:parts (\n      :SocialsForm\n      ).\n\n:SocialsForm a ui:Multiple;\n    ui:label \"online account\";\n    ui:property foaf:account; # the triple is created with the foaf:acccounts predicate\n    ui:ordered true; # Allow user to order occounts most important first.\n    ui:part :AccountsForm.\n\n:AccountsForm a ui:Group; \n    ui:weight 1; \n    ui:parts ( \n        :AccountField \n        :AccountIdField ).\n\n:AccountField a ui:Classifier; \n    ui:label \"Account\"@en;\n    ui:multiple false ; \n    ui:category foaf:Account. # the accounts are described by the foaf:Account predicate\n\n# this is what is needed to make a dropdown box\nfoaf:Account a rdfs:Class;\n    rdfs:label \"Online Account Provider\";\n    owl:disjointUnionOf ( \n        :BlueSkyAccount :DiggAccount :FacebookAccount :GithubAccount :InstagramAccount\n        :LinkedInAccount :MastodonAccount :MatrixAccount :MediumAccount :NostrAccount \n        :OrcidAccount :PinterestAccount :RedditAccount :SnapchatAccount :StravaAccount \n        :TiktokAccount  :TumblrAccount  :TwitterAccount :OtherAccount) .\n\n:AccountIdField a ui:Options; \n    ui:dependingOn rdf:type; \n    ui:case\n     [ ui:for :BlueSkyAccount; ui:use :BlueSkyIdField ],\n     [ ui:for :DiggAccount; ui:use :DiggIdField],\n     [ ui:for :FacebookAccount; ui:use :FacebookIdField ],\n     [ ui:for :GithubAccount; ui:use :GithubIdField ],\n     [ ui:for :InstagramAccount; ui:use :InstagramIdField ],\n     [ ui:for :LinkedInAccount; ui:use :LinkedInIdField ],\n     [ ui:for :MastodonAccount; ui:use :MastodonIdField ],\n     [ ui:for :MatrixAccount; ui:use :MatrixIdField ],\n     [ ui:for :MediumAccount; ui:use :MediumIdField ],\n     [ ui:for :NostrAccount; ui:use :NostrIdField ],\n     [ ui:for :OrcidAccount; ui:use :OrcidIdField ],\n     [ ui:for :PinterestAccount; ui:use :PinterestIdField ],\n     [ ui:for :RedditAccount; ui:use :RedditIdField ],\n     [ ui:for :StravaAccount; ui:use :StravaIdField ],\n     [ ui:for :SnapchatAccount; ui:use :SnapchatIdField ],\n     [ ui:for :TiktokAccount; ui:use :TiktokIdField ],\n     [ ui:for :TumblrAccount; ui:use :TumblrIdField ],\n     [ ui:for :TwitterAccount; ui:use :TwitterIdField ],\n     [ ui:for :OtherAccount; ui:use :OtherIdForm  ] .\n\n:BlueSkyAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Bluesky\";\n    foaf:userProfilePrefix \"https://bsky.app/profile/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/bluesky-1.svg>;\n    foaf:homepage <https://bsky.app/> .\n\n:DiggAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Digg\";\n    foaf:userProfilePrefix \"https://www.digg.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/digg-icon.svg>;\n    foaf:homepage <https://www.digg.com/> .\n\n:FacebookAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Facebook\";\n    foaf:userProfilePrefix \"https://www.facebook.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/facebook-2020-2-1.svg>;\n    foaf:homepage <https://www.facebook.com/> .\n\n:GithubAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Github\";\n    foaf:userProfilePrefix \"https://www.github.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/github-icon.svg>;\n    foaf:homepage <https://github.com/> .\n\n:InstagramAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Instagram\";\n    foaf:userProfilePrefix \"https://www.instagram.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/instagram-2016-5.svg>;\n    foaf:homepage <https://www.instagram.com/> .\n\n:LinkedInAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"LinkedIn\";\n    foaf:userProfilePrefix \"https://www.linkedin.com/in/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/linkedin-icon.svg>;\n    foaf:homepage <https://linkedin.com/> .\n\n:MastodonAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Mastodon\" ;\n    foaf:userProfilePrefix \"https://mastodon.social/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/mastodon-2.svg>;\n    foaf:homepage <https://joinmastodon.org/> .\n\n:MatrixAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Matrix\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/matrix-logo-black.svg> ;\n    foaf:userProfilePrefix \"https://matrix.to/#/\" ;\n    foaf:homepage <https://matrix.org/> .\n\n:MediumAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Medium\";\n    foaf:userProfilePrefix \"https://medium.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/medium-logo-wordmark-black.svg>;\n    foaf:homepage <https://medium.com/> .\n\n:NostrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Nostr\";\n    foaf:userProfilePrefix \"https://primal.net/p/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/nostr-icon-purple-on-white.svg>;\n    foaf:homepage <https://nostr.net/> .\n\n:OrcidAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"ORCiD\";\n    foaf:userProfilePrefix \"https://orcid.org/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/ORCID-1.svg>;\n    foaf:homepage <https://orcid.org/> .\n\n:PinterestAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Pinterest\";\n    foaf:userProfilePrefix \"https://pin.it/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/pinterest-2-1.svg>;\n    foaf:homepage <https://pinterest.com/> .\n\n:RedditAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Reddit\";\n    foaf:userProfilePrefix \"https://www.reddit.com/user/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/reddit-4.svg>;\n    foaf:homepage <https://reddit.com/> .\n\n:SnapchatAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Snapchat\";\n    foaf:userProfilePrefix \"https://www.snapchat.com/add/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/snapchat-1.svg>;\n    foaf:homepage <https://www.snapchat.com/> .\n\n:StravaAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Strava\";\n    foaf:userProfilePrefix \"https://www.strava.com/athletes/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/strava-2.svg>;\n    foaf:homepage <https://strava.com/> .\n\n:TiktokAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"TikTok\";\n    foaf:userProfilePrefix \"https://www.tiktok.com/@\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tiktok-icon-2.svg>;\n    foaf:homepage <https://www.tiktok.com/> .\n\n:TumblrAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Tumblr\";\n    foaf:userProfilePrefix \"https://www.tumblr.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/tumblr-icon.svg>;\n    foaf:homepage <https://www.tumblr.com/> .\n\n:TwitterAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"X\";\n    foaf:userProfilePrefix \"https://x.com/\";\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/social/x-2.svg>;\n    foaf:homepage <https://x.com/> .\n\n:OtherAccount rdfs:subClassOf foaf:Account ;\n    rdfs:label \"Other\" ;\n    foaf:icon <https://solidos.github.io/solid-ui/src/icons/noun_1689339.svg> .\n\n:BlueSkyIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:DiggIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-](.[a-z0-9A-Z_-])*\".\n\n:FacebookIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:GithubIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:InstagramIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:LinkedInIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MastodonIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MatrixIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:MediumIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:NostrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*(.[a-z0-9A-Z_-])*\".\n\n:OrcidIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:PinterestIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:RedditIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:StravaIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"[a-z0-9A-Z_-]*\".\n\n:SnapchatIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TiktokIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TumblrIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n:TwitterIdField\n    a ui:SingleLineTextField ;\n    ui:label \"Username\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:accountName ; \n    ui:pattern \"@[a-z0-9A-Z_-]*\".\n\n# an unknown online account needs more info\n\n:OtherIdForm a ui:Group; \n    ui:weight 0; \n    ui:parts ( \n        :OtherIdField \n        :OtherIconField \n        :OtherLabelField ).\n\n:OtherIdField\n    a ui:NamedNodeURIField ;\n    ui:label \"Account link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:homepage.\n\n:OtherIconField\n    a ui:NamedNodeURIField ;\n    ui:label \"Icon link\";\n    ui:maxLength \"200\" ;\n    ui:property foaf:icon.\n\n:OtherLabelField\n    a ui:SingleLineTextField ;\n    ui:label \"Name\";\n    ui:maxLength \"200\" ;\n    ui:property rdfs:label.\n\n# ends\n";
-const socialMediaFormName = 'socialMedia.ttl'; // The name of the file to upload
-
-const DEFAULT_ICON_URI = _solidUi.icons.iconBase + 'noun_10636_grey.svg'; // grey disc
-
-function expandRdfList(store, node) {
-  const visited = new Set();
-  function inner(node) {
-    const termType = node.termType || typeof node;
-    const value = node.value || String(node);
-    const key = `${termType}:${value}`;
-    if (visited.has(key)) return [];
-    visited.add(key);
-    const collectionElements = node.elements;
-    if (Array.isArray(collectionElements)) {
-      return collectionElements.flatMap(element => inner(element));
-    }
-    const first = store.any(node, _solidUi.ns.rdf('first'));
-    if (!first) return [node];
-    const items = [];
-    let current = node;
-    while (current) {
-      const value = store.any(current, _solidUi.ns.rdf('first'));
-      if (value) items.push(...inner(value));
-      const rest = store.any(current, _solidUi.ns.rdf('rest'));
-      if (!rest || rest.termType === 'NamedNode' && rest.value === _solidUi.ns.rdf('nil').value) break;
-      current = rest;
-    }
-    return items;
-  }
-  return inner(node);
-}
-function presentSocial(subject, store) {
-  function nameForAccount(subject) {
-    const acName = store.any(subject, _solidUi.ns.foaf('name')) || store.any(subject, _solidUi.ns.rdfs('label')); // on the account itself?
-    if (acName) return acName.value;
-    const classes = store.each(subject, _solidUi.ns.rdf('type'));
-    for (const k of classes) {
-      const classIcon = store.any(k, _solidUi.ns.rdfs('label'));
-      if (classIcon) {
-        return classIcon.value;
-      }
-      return _solidUi.utils.label(k);
-    }
-    return 'Unknown Account';
-  }
-  function iconForAccount(subject) {
-    const acIcon = store.any(subject, _solidUi.ns.foaf('icon')); // on the account itself?
-    if (acIcon) return acIcon.value;
-    const classes = store.each(subject, _solidUi.ns.rdf('type'));
-    if (classes.length > 0) {
-      for (const k of classes) {
-        const classIcon = store.any(k, _solidUi.ns.foaf('icon'));
-        if (classIcon !== null) {
-          return classIcon.value;
-        }
-      }
-    }
-    return DEFAULT_ICON_URI;
-  }
-  function homepageForAccount(subject) {
-    const acHomepage = store.any(subject, _solidUi.ns.foaf('homepage')); // on the account itself?
-    if (acHomepage) return acHomepage.value;
-    const id = store.anyJS(subject, _solidUi.ns.foaf('accountName'), null, subject.doc()) || 'No_account_Name';
-    const classes = store.each(subject, _solidUi.ns.rdf('type'));
-    for (const k of classes) {
-      // Fix: ensure k is a NamedNode for store.any
-      if (k.termType === 'NamedNode') {
-        const userProfilePrefix = store.any(k, _solidUi.ns.foaf('userProfilePrefix'));
-        if (userProfilePrefix) {
-          return userProfilePrefix.value + id.trim();
-        }
-      }
-    }
-    return store.anyJS(subject, _solidUi.ns.foaf('homepage'), null, subject.doc()) || '';
-  }
-  function accountAsObject(ac) {
-    return {
-      name: nameForAccount(ac),
-      icon: iconForAccount(ac),
-      homepage: homepageForAccount(ac)
-    };
-  }
-
-  // we need to load the social media accounts ontology to be able to query all data needed
-  (0, _rdfFormsHelper.loadDocument)(store, socialMediaForm, socialMediaFormName);
-  const accountNodes = store.each(subject, _solidUi.ns.foaf('account'));
-  let accountThings = accountNodes.flatMap(node => expandRdfList(store, node));
-  // Deduplicate by foaf:accountName value
-  const accountNameSet = new Set();
-  const accounts = [];
-  for (const ac of accountThings) {
-    if (ac.termType === 'NamedNode') {
-      const accountNameNode = store.any(ac, _solidUi.ns.foaf('accountName'));
-      const accountName = accountNameNode ? accountNameNode.value : '';
-      if (!accountNameSet.has(accountName)) {
-        accountNameSet.add(accountName);
-        accounts.push(accountAsObject(ac));
-      }
-    }
-  }
-  if (!accounts.length) return {
-    accounts: []
-  };
-  return {
-    accounts
-  };
-}

package/lib/StuffCard.d.ts

@@ -1,10 +0,0 @@
-import { TemplateResult } from 'lit-html';
-import { NamedNode } from 'rdflib';
-import { DataBrowserContext } from 'pane-registry';
-import './styles/StuffCard.css';
-import { ProfilePresentation } from './presenter';
-export declare const StuffCard: (profileBasics: ProfilePresentation, context: DataBrowserContext, subject: NamedNode, stuffData: any) => TemplateResult;
-export declare function renderThingAsDOM(thing: any, dom: any): any;
-export declare function renderThing(thing: any, dom: any): any;
-export declare function renderThings(things: any, dom: any): any;
-//# sourceMappingURL=StuffCard.d.ts.map

package/lib/StuffCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StuffCard.d.ts","sourceRoot":"","sources":["../src/StuffCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAGjD,eAAO,MAAM,SAAS,GAAI,eAAe,mBAAmB,EAC1D,SAAS,kBAAkB,EAC3B,SAAS,SAAS,EAAE,cAAS,KAAG,cAuBjC,CAAA;AAED,wBAAgB,gBAAgB,CAAE,KAAK,KAAA,EAAE,GAAG,KAAA,OAK3C;AAED,wBAAgB,WAAW,CAAE,KAAK,KAAA,EAAE,GAAG,KAAA,OAEtC;AAED,wBAAgB,YAAY,CAAC,MAAM,KAAA,EAAE,GAAG,KAAA,OAGvC"}