@peers-app/peers-ui 0.27.2 → 0.27.4

package/src/screens/groups/group-members.tsx

@@ -1,343 +0,0 @@
-import {
-  GroupMemberRole,
-  GroupMembers,
-  Groups,
-  getRoleLabel,
-  getUserById,
-  getUserContext,
-  getUserRole,
-  type IUser,
-  setUserTrustLevel,
-  TrustLevel,
-  type UserContext,
-  Users,
-  usersCursor,
-} from "@peers-app/peers-sdk";
-import React from "react";
-import { LoadingIndicator } from "../../components/loading-indicator";
-import { TrustLevelBadge } from "../../components/trust-level-badge";
-import { usePromise } from "../../hooks";
-import { GroupInvitePanel } from "./group-invite-panel";
-
-interface GroupMembersUIProps {
-  groupId: string;
-  userContext: UserContext;
-}
-
-/** List group memberships and expose role-appropriate invite and member controls. */
-export const GroupMembersUI = (props: GroupMembersUIProps) => {
-  const { groupId, userContext } = props;
-
-  // Get the group's data context and tables
-  const groupDataContext = userContext.getDataContext(groupId);
-  const groupMembersTable = GroupMembers(groupDataContext);
-  const groupUsersTable = Users(groupDataContext);
-
-  // State for refreshing the component
-  const [refreshKey, setRefreshKey] = React.useState(0);
-
-  // Load group members with user details and check current user permissions
-  const membersData = usePromise(
-    async () => {
-      const members = await groupMembersTable.list({ deleted: { $ne: true } });
-
-      // Get user details for each member using the group context
-      const membersWithUsers = await Promise.all(
-        members.map(async (member) => {
-          const user = await getUserById(member.userId, {
-            currentDataContext: groupDataContext,
-            includeTrustLevel: true,
-          });
-
-          // If user found from external source, save to current group
-          if (user && user.source !== "currentDataContext") {
-            try {
-              const raw = { ...user } as Record<string, unknown>;
-              delete raw.source;
-              delete raw.trustLevel;
-              await groupUsersTable.save(raw as IUser);
-
-              // Set trust level for this user in the group context
-              await setUserTrustLevel(user.userId, TrustLevel.NewUser, groupDataContext);
-
-              // Update user reference to reflect it's now in current group
-              user.trustLevel = TrustLevel.NewUser;
-              user.source = "currentDataContext";
-            } catch (saveErr) {
-              console.error("Failed to save user to group context:", saveErr);
-            }
-          }
-
-          // TODO don't do it this way!!! Use group-specific trust level fetching
-          if (user && !user.trustLevel) {
-            const userCursor = await usersCursor(
-              { userId: member.userId },
-              { includeTrustLevel: true },
-            );
-            const _user = await userCursor.next();
-            user.trustLevel = _user?.trustLevel || user.trustLevel || TrustLevel.Unknown;
-          }
-
-          // // Fetch trust level for this user in the group context
-          // if (user) {
-          //   try {
-          //     const trustLevel = await getUserTrustLevel(groupDataContext, user.userId);
-          //     user.trustLevel = trustLevel;
-          //   } catch (err) {
-          //     console.error('Failed to get trust level:', err);
-          //     user.trustLevel = TrustLevel.Unknown;
-          //   }
-          // }
-
-          return {
-            member,
-            user: user || null,
-          };
-        }),
-      );
-
-      return membersWithUsers;
-    },
-    [],
-    [groupId, refreshKey],
-  );
-
-  // Check if current user has admin privileges in this group
-  const userPermissions = usePromise(
-    async () => {
-      const currentUserContext = await getUserContext();
-      const currentUserId = currentUserContext.userId;
-      const userRole = await getUserRole(groupId, currentUserId);
-
-      return {
-        isMember: !!userRole,
-        canEdit: userRole >= GroupMemberRole.Admin,
-        userRole: userRole,
-        currentUserId: currentUserId,
-      };
-    },
-    undefined,
-    [groupId],
-  );
-
-  // Load group and founder information
-  const founderData = usePromise(
-    async () => {
-      const groupsTable = Groups(groupDataContext);
-      const group =
-        (await groupsTable.get(groupId)) ||
-        (await Groups(userContext.userDataContext).get(groupId));
-
-      if (!group) {
-        return null;
-      }
-
-      // Try to get founder user details
-      const founderUser = await getUserById(group.founderUserId, {
-        currentDataContext: groupDataContext,
-      });
-
-      return {
-        group,
-        founderUser,
-        founderUserId: group.founderUserId,
-      };
-    },
-    undefined,
-    [groupId, refreshKey],
-  );
-
-  // Refresh the member list when an accepted invite adds a membership row.
-  React.useEffect(() => {
-    const sub = groupMembersTable.dataChanged.subscribe(() => setRefreshKey((prev) => prev + 1));
-    return () => {
-      sub.unsubscribe();
-    };
-  }, [groupMembersTable]);
-
-  const updateRole = async (memberId: string, newRole: GroupMemberRole) => {
-    try {
-      const member = await groupMembersTable.get(memberId);
-      if (member) {
-        member.role = newRole;
-        await groupMembersTable.signAndSave(member);
-        setRefreshKey((prev) => prev + 1);
-      }
-    } catch (err) {
-      console.error("Failed to update role:", err);
-      alert("Failed to update member role.");
-    }
-  };
-
-  const removeMember = async (memberId: string) => {
-    if (!confirm("Remove this member from the group?")) return;
-
-    try {
-      await groupMembersTable.delete(memberId);
-      setRefreshKey((prev) => prev + 1);
-    } catch (err) {
-      console.error("Failed to remove member:", err);
-      alert("Failed to remove member.");
-    }
-  };
-
-  if (!membersData || !userPermissions || !founderData) {
-    return <LoadingIndicator />;
-  }
-
-  const { canEdit, userRole, currentUserId } = userPermissions;
-
-  return (
-    <div>
-      <div className="d-flex justify-content-between align-items-center mb-3">
-        <h6 className="mb-0">Group Members</h6>
-        <div className="d-flex align-items-center gap-2">
-          <div
-            className={`alert alert-${userRole ? "primary" : "warning"} py-2 px-3 mb-0 d-flex align-items-center`}
-          >
-            <i
-              className={`bi ${userRole ? "bi-person-badge" : "bi-exclamation-triangle"} me-2`}
-            ></i>
-            <strong>Your role: {getRoleLabel(userRole)}</strong>
-          </div>
-          {/* Founder info - only show if current user is NOT the founder */}
-          {founderData && founderData.founderUserId !== currentUserId && (
-            <a
-              href={`#identity/people/${founderData.founderUserId}`}
-              className="alert alert-warning py-2 px-3 mb-0 d-flex align-items-center text-decoration-none"
-              style={{ cursor: "pointer" }}
-            >
-              <i className="bi bi-crown-fill me-2"></i>
-              <strong>Founder: {founderData.founderUser?.name || founderData.founderUserId}</strong>
-            </a>
-          )}
-        </div>
-      </div>
-
-      {/* Invite people - Only for admins/owners */}
-      {canEdit && (
-        <GroupInvitePanel
-          groupId={groupId}
-          excludeUserIds={membersData.map((m) => m.member.userId)}
-          myRole={userRole}
-        />
-      )}
-
-      {!canEdit && userRole && (
-        <div className="alert alert-info">
-          <i className="bi bi-info-circle me-2"></i>
-          You can view group members, but only admins and owners can manage membership.
-        </div>
-      )}
-
-      {/* Members List */}
-      {membersData.length === 0 ? (
-        <div className="alert alert-info">No members in this group yet. Invite someone above.</div>
-      ) : (
-        <div className="list-group">
-          {membersData.map(({ member, user }) => (
-            <div key={member.groupMemberId} className="list-group-item">
-              <div className="d-flex justify-content-between align-items-center">
-                <div className="flex-grow-1">
-                  <div className="d-flex align-items-center">
-                    <i className="bi bi-person-fill me-2"></i>
-                    <div>
-                      <div className="d-flex align-items-center">
-                        <strong>
-                          {user?.name || member.userId}
-                          {member.userId === currentUserId && " (You)"}
-                        </strong>
-                        {user?.source === "userDataContext" && (
-                          <span className="badge bg-info ms-2" style={{ fontSize: "0.7rem" }}>
-                            <i className="bi bi-person me-1"></i>
-                            Personal
-                          </span>
-                        )}
-                        {user?.source === "otherDataContexts" && (
-                          <span className="badge bg-secondary ms-2" style={{ fontSize: "0.7rem" }}>
-                            <i className="bi bi-people me-1"></i>
-                            Other Groups
-                          </span>
-                        )}
-                      </div>
-                      {user && user.userId !== user.name && (
-                        <small className="text-muted d-block">{member.userId}</small>
-                      )}
-                    </div>
-                  </div>
-                </div>
-
-                <div className="d-flex align-items-center">
-                  <div className="me-2">
-                    <TrustLevelBadge level={user?.trustLevel || TrustLevel.Unknown} />
-                  </div>
-
-                  {/* View button - Always visible */}
-                  <a
-                    href={`#identity/people/${member.userId}`}
-                    className="btn btn-outline-primary btn-sm me-2"
-                  >
-                    <i className="bi-eye me-1" />
-                    View
-                  </a>
-
-                  {canEdit ? (
-                    <>
-                      {/* Role Selector - Only for admins/owners */}
-                      <select
-                        className="form-select form-select-sm me-2"
-                        style={{ width: "120px" }}
-                        value={member.role}
-                        onChange={(e) =>
-                          updateRole(
-                            member.groupMemberId,
-                            Number(e.target.value) || (0 as GroupMemberRole),
-                          )
-                        }
-                      >
-                        <option value={GroupMemberRole.None}>None</option>
-                        <option value={GroupMemberRole.Reader}>Reader</option>
-                        <option value={GroupMemberRole.Writer}>Writer</option>
-                        <option value={GroupMemberRole.Admin}>Admin</option>
-                        <option value={GroupMemberRole.Owner}>Owner</option>
-                      </select>
-
-                      {/* Remove Button - Only for admins/owners */}
-                      <button
-                        className="btn btn-outline-danger btn-sm"
-                        onClick={() => removeMember(member.groupMemberId)}
-                        title="Remove member"
-                      >
-                        <i className="bi bi-trash"></i>
-                      </button>
-                    </>
-                  ) : (
-                    /* Read-only role display for non-admins */
-                    <span className="badge bg-secondary text-capitalize">
-                      {getRoleLabel(member.role)}
-                    </span>
-                  )}
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-
-      {/* Role Descriptions */}
-      <div className="mt-4">
-        <small className="text-muted">
-          <strong>Roles:</strong>
-          <br />
-          <strong>Reader:</strong> Can view group content
-          <br />
-          <strong>Writer:</strong> Can create and edit content
-          <br />
-          <strong>Admin:</strong> Can manage members and settings
-          <br />
-          <strong>Owner:</strong> Full control including group deletion
-        </small>
-      </div>
-    </div>
-  );
-};

package/src/screens/groups/index.ts

@@ -1,3 +0,0 @@
-export * from "./group-details";
-export * from "./group-list";
-export * from "./group-members";

package/src/screens/identity/identity-routes.test.ts

@@ -1,70 +0,0 @@
-import {
-  canonicalizeRoute,
-  IDENTITY_ACCEPT_PATH,
-  IDENTITY_ACCOUNT_PATH,
-  IDENTITY_ACTIVITY_PATH,
-  IDENTITY_DEVICES_PATH,
-  IDENTITY_GROUP_NEW_PATH,
-  IDENTITY_GROUPS_PATH,
-  IDENTITY_PAIR_PATH,
-  IDENTITY_PEOPLE_INVITE_PATH,
-  IDENTITY_PEOPLE_PATH,
-  IDENTITY_PEOPLE_SHARE_PATH,
-  identityActivityFilterPath,
-  identitySectionFromPath,
-  isIdentityPath,
-  parseIdentityLocation,
-} from "./identity-routes";
-
-const PERSON_ID = "abcdefghijklmnopqrstuvwxy";
-const GROUP_ID = "zyxwvutsrqponmlkjihgfedcb";
-const DEVICE_ID = "0123456789abcdefghijklmno";
-
-describe("canonicalizeRoute", () => {
-  it.each([
-    ["contacts", IDENTITY_PEOPLE_PATH],
-    [`contacts/${PERSON_ID}`, `${IDENTITY_PEOPLE_PATH}/${PERSON_ID}`],
-    ["groups", IDENTITY_GROUPS_PATH],
-    [`groups/${GROUP_ID}`, `${IDENTITY_GROUPS_PATH}/${GROUP_ID}`],
-    ["devices", IDENTITY_DEVICES_PATH],
-    [`devices/${DEVICE_ID}`, `${IDENTITY_DEVICES_PATH}/${DEVICE_ID}`],
-    ["devices?action=pair", IDENTITY_PAIR_PATH],
-    ["devices?action=pair&foo=bar", `${IDENTITY_PAIR_PATH}?foo=bar`],
-    ["invites", IDENTITY_ACTIVITY_PATH],
-    ["invites/accept", IDENTITY_ACCEPT_PATH],
-    ["account", IDENTITY_ACCOUNT_PATH],
-    ["account?x=1", `${IDENTITY_ACCOUNT_PATH}?x=1`],
-    ["identity/account", IDENTITY_ACCOUNT_PATH],
-    ["identity/people/invite", IDENTITY_PEOPLE_INVITE_PATH],
-    ["identity/people/SHARE", IDENTITY_PEOPLE_SHARE_PATH],
-    ["identity/groups/new", IDENTITY_GROUP_NEW_PATH],
-    ["identity", IDENTITY_ACTIVITY_PATH],
-    [`/#contacts/${PERSON_ID}?x=1`, `${IDENTITY_PEOPLE_PATH}/${PERSON_ID}?x=1`],
-    ["tools/abc", "tools/abc"],
-    ["", ""],
-  ])("rewrites %s to %s", (input, expected) => {
-    expect(canonicalizeRoute(input)).toBe(expected);
-  });
-});
-
-describe("parseIdentityLocation", () => {
-  it("parses detail routes and activity filters", () => {
-    expect(parseIdentityLocation(`contacts/${PERSON_ID}`)?.personId).toBe(PERSON_ID);
-    expect(parseIdentityLocation(`groups/${GROUP_ID}`)?.groupId).toBe(GROUP_ID);
-    expect(parseIdentityLocation("devices?action=pair")?.pairing).toBe(true);
-    expect(parseIdentityLocation(`devices/${DEVICE_ID}`)?.deviceId).toBe(DEVICE_ID);
-    expect(parseIdentityLocation("invites/accept")?.accepting).toBe(true);
-    expect(parseIdentityLocation(IDENTITY_PEOPLE_INVITE_PATH)?.peopleAction).toBe("invite");
-    expect(parseIdentityLocation(IDENTITY_PEOPLE_SHARE_PATH)?.peopleAction).toBe("share");
-    expect(parseIdentityLocation(IDENTITY_GROUP_NEW_PATH)?.creatingGroup).toBe(true);
-    expect(
-      parseIdentityLocation(identityActivityFilterPath("group", GROUP_ID))?.activityFilter,
-    ).toEqual({
-      type: "group",
-      groupId: GROUP_ID,
-    });
-    expect(identitySectionFromPath("contacts")).toBe("people");
-    expect(identitySectionFromPath("account")).toBe("account");
-    expect(isIdentityPath("settings")).toBe(false);
-  });
-});