profile-pane 3.1.5 → 3.2.0

package/lib/sections/projects/ProjectSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectSection.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/ProjectSection.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,cAAc,EAAc,MAAM,SAAS,CAAA;AAMpD,OAAO,+BAA+B,CAAA;AAmRtC,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,6CAYrC"}

package/lib/sections/projects/ProjectSection.js

@@ -0,0 +1,220 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderProjectSection = renderProjectSection;
+var _litHtml = require("lit-html");
+var _texts = require("../../texts");
+var _ProjectEditDialog = require("./ProjectEditDialog");
+var _mutations = require("./mutations");
+var _profileIcons = require("../../icons-svg/profileIcons");
+require("../../styles/ProjectsCard.css");
+var _collapsibleSection = require("../shared/collapsibleSection");
+const MAX_VISIBLE_PROJECTS_MOBILE = 2;
+function toggleProjectsMobileList(event) {
+  const button = event.currentTarget;
+  const section = button?.closest('.profile-section-collapsible');
+  if (!button || !section) return;
+  const nextExpanded = section.getAttribute('data-mobile-expanded') !== 'true';
+  section.setAttribute('data-mobile-expanded', String(nextExpanded));
+  button.setAttribute('aria-expanded', String(nextExpanded));
+  button.setAttribute('data-mobile-expanded', String(nextExpanded));
+  const label = button.querySelector('.project-card__more-label');
+  if (label) {
+    label.textContent = nextExpanded ? 'View Less' : 'View More';
+  }
+}
+function renderProjectImage(src, altText) {
+  return src ? (0, _litHtml.html)`
+        <img
+          class="project-card__thumb-image"
+          src=${src}
+          alt=${altText}
+          loading="lazy"
+        />
+      ` : (0, _litHtml.html)`
+        <div class="project-card__thumb-fallback flex-center" role="img" aria-label=${altText} tabindex="0">
+          ${altText}
+        </div>
+      `;
+}
+function toProjectRow(project, status) {
+  return {
+    url: project.url,
+    title: project.title,
+    imageUrl: project.imageUrl,
+    category: project.category,
+    name: project.name,
+    orgName: project.orgName,
+    entryNode: project.entryNode?.value || '',
+    status
+  };
+}
+function renderProject(project, store, subject, viewerMode, onSaved) {
+  if (!project) return (0, _litHtml.html)``;
+  const handleUnfollow = async event => {
+    event.preventDefault();
+    if (viewerMode !== 'owner') return;
+    const removePlan = {
+      create: [],
+      update: [],
+      remove: [toProjectRow(project, 'deleted')]
+    };
+    await (0, _mutations.processProjectsMutations)(store, subject, removePlan);
+    if (onSaved) {
+      await onSaved();
+    }
+  };
+  const normalizedCategory = (project.category || '').trim().toLowerCase();
+  const categoryModifier = normalizedCategory === 'project' ? 'project' : normalizedCategory === 'community' ? 'community' : 'unknown';
+  const categoryLabel = normalizedCategory && normalizedCategory !== 'unknown' ? normalizedCategory.charAt(0).toUpperCase() + normalizedCategory.slice(1) : 'Uncategorized';
+  return (0, _litHtml.html)`
+    <li class="project-card flex-column" role="listitem">
+      <a
+        class="project-card__link"
+        href=${project.url}
+        target="_blank"
+        rel="noopener noreferrer"
+        aria-label=${project.title ? `Open ${project.title}` : 'Open project link'}
+      >
+        <div class="project-card__wrapper">
+          <div class="project-card__thumb flex-center">
+            ${renderProjectImage(project.imageUrl, project.title || 'Project preview')}
+          </div>
+          <div class="project-card__content">
+            <p class="project-card__title"><strong>${project.title || project.url}</strong></p>
+            <p class="project-card__organization">${project.orgName || 'Organization unknown'}</p>
+            <p class="project-card__category project-card__category--${categoryModifier}">${categoryLabel}</p>
+          </div>
+        </div>
+      </a>
+      ${viewerMode === 'owner' ? (0, _litHtml.html)`
+        <div class="project-card__footer">
+          <button
+            type="button"
+            class="project-card__follow-button flex-center gap-xxs"
+            aria-label="Unfollow project"
+            @click=${handleUnfollow}
+          >
+            <span>${_profileIcons.checkMarkIcon} Following</span>
+          </button>
+        </div>
+      ` : (0, _litHtml.html)``}
+    </li>
+  `;
+}
+function renderOwnerEmptyProjectsContent(store, subject, projectData, viewerMode, onSaved) {
+  const projectDetails = projectData;
+  return (0, _litHtml.html)`
+    <div class="profile__empty-state-content flex-column-center" role="group" aria-label="Empty projects section">
+      <h2 id="projects-heading" tabindex="-1">${_texts.projectsHeadingText}</h2>
+      <p class="profile__empty-state-message">
+        You haven't added any projects yet. Consider adding a project to boost your profile.
+      </p>
+    </div>
+    <button
+      type="button"
+      class="profile__action-button--empty"
+      aria-label="Add project details"
+      @click=${event => {
+    return (0, _ProjectEditDialog.createProjectsEditDialog)(event, store, subject, projectDetails, viewerMode, onSaved);
+  }}
+    >
+      <span class="profile__action-icon" aria-hidden="true">${_profileIcons.plusDarkIcon} Add Project</span>
+    </button>
+
+  `;
+}
+function renderOwnerEmptyProjectSection(store, subject, projectData, viewerMode, onSaved) {
+  return (0, _litHtml.html)`
+    <section 
+      aria-labelledby="projects-heading" 
+      data-profile-section="projects"
+      class="profile__section--empty border-lighter flex-column-center rounded-md gap-lg" 
+      role="region"
+      tabindex="-1"
+    >
+      ${renderOwnerEmptyProjectsContent(store, subject, projectData, viewerMode, onSaved)}
+    </section>
+  `;
+}
+function renderProjectSectionContent(projects, store, subject, viewerMode, onSaved) {
+  if (!projects || !projects.length || !projects[0]) return (0, _litHtml.html)``;
+  return (0, _litHtml.html)`${renderProject(projects[0], store, subject, viewerMode, onSaved)}${projects.length > 1 ? renderProjectSectionContent(projects.slice(1), store, subject, viewerMode, onSaved) : (0, _litHtml.html)``}`;
+}
+function renderProjectSectionDefault(store, subject, projects, viewerMode, onSaved) {
+  const hasProjects = Array.isArray(projects) && projects.length > 0;
+  const hiddenProjectsCount = Math.max(0, projects.length - MAX_VISIBLE_PROJECTS_MOBILE);
+  const isOwner = viewerMode === 'owner';
+  return (0, _litHtml.html)`
+      <section
+        class="profile__section border-lighter profile-section-collapsible profile-section-collapsible--inline-mobile-actions"
+        aria-labelledby="projects-heading"
+        role="region"
+        tabindex="-1"
+        data-expanded="false"
+        data-mobile-expanded="${hiddenProjectsCount > 0 ? 'false' : 'true'}"
+      >
+        <header class="profile__section-header profile-section-collapsible__header">
+          <h2 id="projects-heading">${_texts.projectsHeadingText}</h2>
+          <div class="profile-section-collapsible__actions flex-column">
+            ${isOwner ? (0, _litHtml.html)`
+              <button
+                type="button"
+                class="profile__action-button profile-action-text flex-center profile-section-collapsible__edit-button"
+                aria-label="Add or edit projects"
+                @click=${event => {
+    return (0, _ProjectEditDialog.createProjectsEditDialog)(event, store, subject, projects, viewerMode, onSaved);
+  }}
+              >
+                <span class="profile-section-collapsible__edit-label profile__add-more-content inline-flex-row">
+                  <span class="profile__add-more-icon inline-flex-row" aria-hidden="true">${_profileIcons.addIcon}</span>
+                  Add More
+                </span>
+                <span class="profile-section-collapsible__edit-icon profile-section-collapsible__edit-icon--add profile-section-collapsible__edit-icon--projects" aria-hidden="true">${_profileIcons.plusDarkIcon}</span>
+              </button>
+            ` : (0, _litHtml.html)``}
+            <button
+              type="button"
+              class="inline-flex-row"
+              aria-label="Toggle projects section"
+              aria-controls="projects-panel"
+              aria-expanded="false"
+              @click=${_collapsibleSection.toggleCollapsibleSection}
+            >
+              <span class="profile-section-collapsible__chevron" aria-hidden="true">⌄</span>
+            </button>
+          </div>
+        </header>
+        <div id="projects-panel" class="profile-section-collapsible__content" aria-hidden="true">
+          ${hasProjects ? (0, _litHtml.html)`
+                <ul id="projects-rail" class="project-card__rail" role="list" aria-label="Known projects">
+                  ${renderProjectSectionContent(projects, store, subject, viewerMode, onSaved)}
+                </ul>
+                ${hiddenProjectsCount > 0 ? (0, _litHtml.html)`
+                      <button
+                        type="button"
+                        class="project-card__more-button"
+                        aria-controls="projects-rail"
+                        aria-expanded="false"
+                        data-mobile-expanded="false"
+                        @click=${toggleProjectsMobileList}
+                      >
+                        <span class="project-card__more-icon" aria-hidden="true">${_profileIcons.twoDownArrowsIcon}</span>
+                        <span class="project-card__more-label">View More</span>
+                      </button>
+                    ` : (0, _litHtml.html)``}
+              ` : (0, _litHtml.html)`<p>No projects added yet.</p>`}
+        </div>
+      </section>
+    `;
+}
+function renderProjectSection(store, subject, projects, viewerMode, onSaved) {
+  const hasProjects = Array.isArray(projects) && projects.length > 0;
+  const showOwnerEmptyProject = !hasProjects && viewerMode === 'owner';
+  const showSection = true;
+  return showSection ? (0, _litHtml.html)`
+    ${showOwnerEmptyProject ? renderOwnerEmptyProjectSection(store, subject, projects, viewerMode, onSaved) : renderProjectSectionDefault(store, subject, projects, viewerMode, onSaved)}
+  ` : '';
+}

package/lib/sections/projects/mutations.d.ts

@@ -0,0 +1,4 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { ProjectMutationPlan } from './types';
+export declare function processProjectsMutations(store: LiveStore, subject: NamedNode, mutationPlan: ProjectMutationPlan): Promise<void>;
+//# sourceMappingURL=mutations.d.ts.map

package/lib/sections/projects/mutations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutations.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/mutations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,mBAAmB,EAAc,MAAM,SAAS,CAAA;AAiNzD,wBAAsB,wBAAwB,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,mBAAmB,iBAOrH"}

package/lib/sections/projects/mutations.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processProjectsMutations = processProjectsMutations;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+/* This code is AI generated from Model: GPT-5.3-Codex */
+/* Prompt: I need to store Project data only the url of the project how
+   should I store it please generate the code. Follow other sections */
+function toProjectUrlNode(project) {
+  const value = (project.url || '').trim();
+  if (!value) return null;
+  try {
+    return (0, _rdflib.sym)(new URL(value).href);
+  } catch {
+    return null;
+  }
+}
+function normalizeProjectUrlKey(value) {
+  const text = (value || '').trim();
+  if (!text) return '';
+  try {
+    const parsed = new URL(text);
+    parsed.hash = '';
+    return parsed.href;
+  } catch {
+    return text;
+  }
+}
+function isPatchFailure(message) {
+  const text = (message || '').toLowerCase();
+  return text.includes(' on patch ') || text.includes('web error: 500') || text.includes('web error: 501') || text.includes('web error: 405') || text.includes('web error: 400');
+}
+function isMissingGetRecordError(message) {
+  return (message || '').toLowerCase().includes('no record of our http get request for document');
+}
+function statementKey(statement) {
+  return `${statement.subject?.toNT?.() || statement.subject?.value} ${statement.predicate?.toNT?.() || statement.predicate?.value} ${statement.object?.toNT?.() || statement.object?.value} ${statement.why?.toNT?.() || statement.why?.value}`;
+}
+function sanitizePatchStatements(store, deletions, insertions) {
+  const safeDeletions = Array.from(new Map((deletions || []).filter(statement => {
+    if (!statement || !statement.subject || !statement.predicate || !statement.object) return false;
+    return store.holds(statement.subject, statement.predicate, statement.object, statement.why);
+  }).map(statement => [statementKey(statement), statement])).values());
+  const safeInsertions = Array.from(new Map((insertions || []).filter(statement => Boolean(statement && statement.subject && statement.predicate && statement.object)).map(statement => [statementKey(statement), statement])).values());
+  return {
+    safeDeletions,
+    safeInsertions
+  };
+}
+async function runPutFallback(store, doc, deletions, insertions) {
+  const updater = store.updater;
+  const fetcher = store.fetcher;
+  if (!updater || typeof updater.serialize !== 'function' || !fetcher || typeof fetcher.webOperation !== 'function') {
+    throw new Error('Project updates are not supported by this store updater.');
+  }
+  const currentStatements = store.statementsMatching(undefined, undefined, undefined, doc).slice();
+  const deletionKeys = new Set((deletions || []).map(statement => statementKey(statement)));
+  const nextStatements = currentStatements.filter(statement => !deletionKeys.has(statementKey(statement))).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(`Web error: ${status} on PUT of <${doc.value}>`);
+  }
+  store.remove(deletions);
+  insertions.forEach(statement => {
+    store.add(statement.subject, statement.predicate, statement.object, statement.why);
+  });
+}
+async function runUpdateWithDavFallback(store, doc, deletions, insertions) {
+  const updater = store.updater;
+  if (!updater || typeof updater.update !== 'function') {
+    throw new Error('Project updates are not supported by this store updater.');
+  }
+  const {
+    safeDeletions,
+    safeInsertions
+  } = sanitizePatchStatements(store, deletions, insertions);
+  if (safeDeletions.length === 0 && safeInsertions.length === 0) {
+    return;
+  }
+  const tryUpdate = () => new Promise((resolve, reject) => {
+    updater.update(safeDeletions, safeInsertions, (_uri, ok, message) => {
+      if (ok === true) {
+        resolve();
+        return;
+      }
+      reject(new Error(message || 'Failed to save projects'));
+    });
+  });
+  try {
+    await tryUpdate();
+    return;
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    if (!isPatchFailure(message) || typeof updater.updateDav !== 'function') {
+      throw error;
+    }
+    if (store.fetcher && typeof store.fetcher.load === 'function') {
+      try {
+        await store.fetcher.load(doc);
+      } catch {
+        // continue to fallback
+      }
+    }
+    try {
+      await new Promise((resolve, reject) => {
+        updater.updateDav(doc, safeDeletions, safeInsertions, (_uri, ok, body) => {
+          if (ok === true) {
+            resolve();
+            return;
+          }
+          reject(new Error(body || message || 'Failed to save projects'));
+        });
+      });
+    } catch (davError) {
+      const davMessage = davError instanceof Error ? davError.message : String(davError);
+      if (!isMissingGetRecordError(davMessage)) {
+        throw davError;
+      }
+      await runPutFallback(store, doc, safeDeletions, safeInsertions);
+    }
+  }
+}
+async function mutateProjectEntries(store, subject, projectOps) {
+  const doc = subject.doc();
+  const existingLinks = store.each(subject, _solidUi.ns.solid('community'), null, doc);
+  const existingByUrl = new Map();
+  existingLinks.forEach(linkNode => {
+    if (!linkNode || linkNode.termType !== 'NamedNode') return;
+    const key = normalizeProjectUrlKey(linkNode.value);
+    if (key && !existingByUrl.has(key)) {
+      existingByUrl.set(key, linkNode);
+    }
+  });
+  const deletions = [];
+  const insertions = [];
+  const removeLink = link => {
+    deletions.push((0, _rdflib.st)(subject, _solidUi.ns.solid('community'), link, doc));
+  };
+  const addLink = link => {
+    insertions.push((0, _rdflib.st)(subject, _solidUi.ns.solid('community'), link, doc));
+  };
+  projectOps.remove.forEach(project => {
+    const entryKey = normalizeProjectUrlKey(project.entryNode || '');
+    const urlKey = normalizeProjectUrlKey(project.url);
+    const existing = entryKey && existingByUrl.get(entryKey) || urlKey && existingByUrl.get(urlKey);
+    if (existing) removeLink(existing);
+  });
+  projectOps.update.forEach(project => {
+    const newLink = toProjectUrlNode(project);
+    const urlKey = normalizeProjectUrlKey(project.url);
+    const entryKey = normalizeProjectUrlKey(project.entryNode || '');
+    const existing = entryKey && existingByUrl.get(entryKey) || urlKey && existingByUrl.get(urlKey);
+    if (existing) removeLink(existing);
+    if (newLink) addLink(newLink);
+  });
+  const seenCreateUrlKeys = new Set();
+  projectOps.create.forEach(project => {
+    const urlKey = normalizeProjectUrlKey(project.url);
+    if (urlKey && (existingByUrl.has(urlKey) || seenCreateUrlKeys.has(urlKey))) {
+      return;
+    }
+    const newLink = toProjectUrlNode(project);
+    if (!newLink) return;
+    addLink(newLink);
+    if (urlKey) {
+      seenCreateUrlKeys.add(urlKey);
+    }
+  });
+  await runUpdateWithDavFallback(store, doc, deletions, insertions);
+}
+async function processProjectsMutations(store, subject, mutationPlan) {
+  try {
+    await mutateProjectEntries(store, subject, mutationPlan);
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(`Failed to save projects: ${message}`);
+  }
+}

package/lib/sections/projects/selectors.d.ts

@@ -0,0 +1,5 @@
+import { LiveStore, NamedNode } from 'rdflib';
+import { ProjectDetails } from './types';
+export declare function ensureProjectDocumentsLoaded(subject: NamedNode, store: LiveStore): Promise<void>;
+export declare function presentProjects(subject: NamedNode, store: LiveStore): Promise<ProjectDetails[]>;
+//# sourceMappingURL=selectors.d.ts.map

package/lib/sections/projects/selectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/selectors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,QAAQ,CAAA;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAiGxC,wBAAsB,4BAA4B,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiCtG;AA4BD,wBAAsB,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAgErG"}

package/lib/sections/projects/selectors.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensureProjectDocumentsLoaded = ensureProjectDocumentsLoaded;
+exports.presentProjects = presentProjects;
+var _rdflib = require("rdflib");
+var _solidUi = require("solid-ui");
+var _rdfList = require("../shared/rdfList");
+/* The following functions communityNodesForSubject and ensureProjectDocumentsLoaded 
+   and a few updates in presentProjects are generated by AI Model: GPT-5.3-Codex */
+/* Prompt: Image and business type are not displaying, could it be that I didn't load
+  the document? */
+function communityNodesForSubject(subject, store, doc) {
+  const inProfileDoc = store.each(subject, _solidUi.ns.solid('community'), null, doc);
+  const inAnyDoc = store.each(subject, _solidUi.ns.solid('community'), null, null);
+  const rawNodes = [...inProfileDoc, ...inAnyDoc];
+  const expandedNodes = rawNodes.flatMap(node => {
+    const hasCollectionElements = Array.isArray(node?.elements);
+    const isListByTriples = (node.termType === 'BlankNode' || node.termType === 'NamedNode') && Boolean(store.any(node, _solidUi.ns.rdf('first')));
+    return hasCollectionElements || isListByTriples ? (0, _rdfList.expandRdfList)(store, node) : [node];
+  });
+  const seen = new Set();
+  const nodes = [];
+  for (const node of expandedNodes) {
+    const key = `${node?.termType || ''}:${node?.value || ''}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    nodes.push(node);
+  }
+  return nodes;
+}
+function clearStaleRequestedState(fetcher, docUrl) {
+  const requested = fetcher?.requested;
+  if (!requested || typeof requested !== 'object') return undefined;
+  const previous = requested[docUrl];
+  const shouldClear = typeof previous === 'string' && previous !== 'requested' && previous !== 'done' || typeof previous === 'number' && previous >= 400;
+  if (shouldClear) {
+    delete requested[docUrl];
+  }
+  return previous;
+}
+function linkedProjectNodeFromCommunityNode(node, store) {
+  if (!node) return null;
+  if (node.termType === 'NamedNode') return node;
+  if (node.termType === 'Literal') {
+    try {
+      return (0, _rdflib.sym)(node.value);
+    } catch {
+      return null;
+    }
+  }
+  if (node.termType !== 'BlankNode') return null;
+  const candidatePredicates = [_solidUi.ns.solid('publicId'), _solidUi.ns.schema('url'), _solidUi.ns.foaf('homepage'), _solidUi.ns.rdfs('seeAlso'), _solidUi.ns.schema('sameAs'), _solidUi.ns.schema('mainEntityOfPage')];
+  for (const predicate of candidatePredicates) {
+    const linked = store.any(node, predicate);
+    if (!linked?.value) continue;
+    if (linked.termType === 'NamedNode') {
+      return linked;
+    }
+    if (linked.termType === 'Literal') {
+      try {
+        return (0, _rdflib.sym)(linked.value);
+      } catch {
+        // Keep trying the next predicate.
+      }
+    }
+  }
+  const outgoing = store.statementsMatching(node, null, null, null);
+  const firstNamedNode = outgoing.find(statement => statement.object.termType === 'NamedNode');
+  if (firstNamedNode?.object?.value) {
+    return firstNamedNode.object;
+  }
+  return null;
+}
+async function ensureProjectDocumentsLoaded(subject, store) {
+  const profileDoc = subject.doc();
+  const fetcher = store?.fetcher;
+  if (!fetcher || typeof fetcher.load !== 'function') {
+    return;
+  }
+  const communityNodes = communityNodesForSubject(subject, store, profileDoc);
+  const docsToLoad = new Map();
+  for (const node of communityNodes) {
+    const linkedProjectNode = linkedProjectNodeFromCommunityNode(node, store);
+    if (!linkedProjectNode) continue;
+    const projectDoc = linkedProjectNode.doc();
+    docsToLoad.set(projectDoc.value, projectDoc);
+  }
+  if (!docsToLoad.size) {
+    return;
+  }
+  await Promise.all(Array.from(docsToLoad.values()).map(async doc => {
+    const previousRequested = clearStaleRequestedState(fetcher, doc.value);
+    try {
+      void previousRequested;
+      await fetcher.load(doc);
+    } catch {
+      // Ignore individual project doc load failures so one bad doc doesn't block others.
+    }
+  }));
+}
+function projectNodeToUrl(node) {
+  if (!node) return '';
+  if (node.termType === 'NamedNode') return node.value || '';
+  if (node.termType === 'Literal') return node.value || '';
+  return '';
+}
+function normalizeUrlKey(value) {
+  const text = (value || '').trim();
+  if (!text) return '';
+  try {
+    return new URL(text).href;
+  } catch {
+    return text;
+  }
+}
+function toProjectNamedNode(node, url) {
+  if (node && node.termType === 'NamedNode') return node;
+  try {
+    return (0, _rdflib.sym)(url);
+  } catch {
+    return null;
+  }
+}
+async function presentProjects(subject, store) {
+  await ensureProjectDocumentsLoaded(subject, store);
+  const doc = subject.doc();
+  const seen = new Set();
+  const communityNodes = communityNodesForSubject(subject, store, doc);
+  const projects = communityNodes.map(communityNode => {
+    const linkedProjectNode = linkedProjectNodeFromCommunityNode(communityNode, store);
+    const url = linkedProjectNode?.value || projectNodeToUrl(communityNode);
+    const key = normalizeUrlKey(url);
+    const projectNode = linkedProjectNode || toProjectNamedNode(communityNode, url);
+    const projectDoc = projectNode?.doc();
+    const name = projectNode ? store.anyValue(projectNode, _solidUi.ns.foaf('name'), null, projectDoc || null) || undefined : undefined;
+    const orgName = projectNode ? store.anyValue(projectNode, _solidUi.ns.vcard('organization-name'), null, projectDoc || null) || undefined : undefined;
+    const title = name || (projectNode ? _solidUi.utils.label(projectNode) : _solidUi.utils.label(key));
+    const imageUrl = projectNode ? _solidUi.widgets.findImage(projectNode) || (_solidUi.widgets.findImageFromURI?.(projectNode) ?? undefined) : undefined;
+    let types = [];
+    if (projectNode) {
+      types = store.each(projectNode, _solidUi.ns.rdf('type'), null, projectDoc || null);
+    }
+    const category = types.find(t => t.termType === 'NamedNode' && (t.value === _solidUi.ns.schema('Project').value || t.value === _solidUi.ns.schema('Community').value));
+    const categoryValue = category?.value === _solidUi.ns.schema('Project').value ? 'project' : category?.value === _solidUi.ns.schema('Community').value ? 'community' : 'unknown';
+    if (!url || !key || seen.has(key)) {
+      return null;
+    }
+    seen.add(key);
+    return {
+      url,
+      title,
+      name,
+      orgName,
+      imageUrl,
+      category: categoryValue,
+      entryNode: communityNode
+    };
+  }).filter(project => Boolean(project));
+  return projects;
+}

package/lib/sections/projects/types.d.ts

@@ -0,0 +1,28 @@
+import { Node } from 'rdflib';
+import { MutationOps } from '../shared/types';
+import { RowStatus } from '../shared/types';
+export declare const projectType: any;
+export interface ProjectFields {
+    url: string;
+    title?: string;
+    name?: string;
+    orgName?: string;
+    imageUrl?: string;
+    category?: 'project' | 'community' | 'unknown';
+}
+export interface ProjectDetails extends ProjectFields {
+    entryNode: Node;
+}
+export interface ProjectRow extends ProjectFields {
+    entryNode: string;
+    status: RowStatus;
+}
+export type ProjectInputRowProps = {
+    rows: ProjectRow[];
+    index: number;
+    displayIndex: number;
+    onDelete: () => void;
+    onChange: () => void;
+};
+export type ProjectMutationPlan = MutationOps<ProjectRow>;
+//# sourceMappingURL=types.d.ts.map

package/lib/sections/projects/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sections/projects/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,eAAO,MAAM,WAAW,KAAuB,CAAA;AAE/C,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;CAC/C;AAED,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,SAAS,EAAE,IAAI,CAAA;CAChB;AAED,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC,UAAU,CAAC,CAAA"}

package/lib/sections/projects/types.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.projectType = void 0;
+var _solidUi = require("solid-ui");
+const projectType = exports.projectType = _solidUi.ns.schema('Project');

package/lib/sections/resume/ResumeEditDialog.d.ts

@@ -0,0 +1,7 @@
+import { RoleDetails } from './types';
+import '../../styles/EditDialogs.css';
+import '../../styles/ContactInfoEditDialog.css';
+import { LiveStore, NamedNode } from 'rdflib';
+import { ViewerMode } from '../../types';
+export declare function createResumeEditDialog(event: Event, store: LiveStore, subject: NamedNode, resumeData: RoleDetails[], viewerMode: ViewerMode, onSaved?: () => Promise<void> | void): Promise<void>;
+//# sourceMappingURL=ResumeEditDialog.d.ts.map

package/lib/sections/resume/ResumeEditDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResumeEditDialog.d.ts","sourceRoot":"","sources":["../../../src/sections/resume/ResumeEditDialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAa,MAAM,SAAS,CAAA;AAChD,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,QAAQ,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+nBxC,wBAAsB,sBAAsB,CAC1C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,WAAW,EAAE,EACzB,UAAU,EAAE,UAAU,EACtB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,iBAoDrC"}