@noya-app/noya-api-client-react 0.1.45 → 0.1.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noya-app/noya-api-client-react",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@legendapp/state": "^2.1.1",
-    "@noya-app/noya-api": "0.1.45",
+    "@noya-app/noya-api": "0.1.47",
     "@noya-app/noya-utils": "0.1.9",
     "@noya-app/observable": "0.1.12",
     "@noya-app/observable-store": "0.1.2",

package/src/react/hooks.ts

@@ -1,8 +1,7 @@
 "use client";
 
 import { useSelector } from "@legendapp/state/react";
-import { GENERATED_PAGE_NAME_COUNT, NoyaAPI } from "@noya-app/noya-api";
-import { range } from "@noya-app/noya-utils";
+import { NoyaAPI } from "@noya-app/noya-api";
 import { useObservable } from "@noya-app/observable-react";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import {
@@ -168,115 +167,12 @@ export function useMetadata<T extends NoyaAPI.Json>(key: string) {
   return metadataItem?.value as T | undefined;
 }
 
-export function useGeneratedComponentNames(name: string) {
-  const key = name.trim().toLowerCase();
-  const { generatedNames$, loadingNames$ } = useNoyaClientOrFallback();
-  const result = useSelector(
-    () => generatedNames$[key].get() as NoyaAPI.GeneratedName[] | undefined
-  );
-  const loading = useSelector(() => loadingNames$[key].get());
-  return useMemo(() => ({ names: result ?? [], loading }), [loading, result]);
-}
-
-export function useGeneratedComponentDescriptions() {
-  const { generatedDescriptions$, loadingDescriptions$ } =
-    useNoyaClientOrFallback();
-  const descriptions = useSelector(generatedDescriptions$);
-  const loading = useSelector(loadingDescriptions$);
-  return useMemo(() => ({ descriptions, loading }), [loading, descriptions]);
-}
-
-export function useGeneratedComponentDescription(name: string) {
-  const key = name.trim().toLowerCase();
-  const { generatedDescriptions$, loadingDescriptions$ } =
-    useNoyaClientOrFallback();
-  const description = useSelector(
-    () => generatedDescriptions$[key].get() as string | undefined
-  );
-  const loading = useSelector(() => loadingDescriptions$[key].get());
-  return useMemo(() => ({ description, loading }), [loading, description]);
-}
-
-export function useRandomImages() {
-  const { randomImages$, loadingRandomImages$ } = useNoyaClientOrFallback();
-  const images = useSelector(randomImages$);
-  const loading = useSelector(loadingRandomImages$);
-  return useMemo(() => ({ images, loading }), [loading, images]);
-}
-
-export function useRandomIcons() {
-  const { randomIcons$, loadingRandomIcons$ } = useNoyaClientOrFallback();
-  const icons = useSelector(randomIcons$);
-  const loading = useSelector(loadingRandomIcons$);
-  return useMemo(() => ({ icons, loading }), [loading, icons]);
-}
-
 export function useNetworkRequests() {
   const { requests$ } = useNoyaClientOrFallback();
   const requests = useSelector(requests$) as NoyaAPI.RequestSnapshot[];
   return requests;
 }
 
-export type EnhancedGeneratedPageName = NoyaAPI.GeneratedName & {
-  index: number;
-  type: "suggestion";
-};
-
-export function useGeneratedPageNames(): EnhancedGeneratedPageName[] {
-  const { generatedPageNames$ } = useNoyaClientOrFallback();
-  const names = useSelector(generatedPageNames$) as NoyaAPI.GeneratedName[];
-
-  const namesWithDefaultsAndTypes = useMemo(() => {
-    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);
-
-    // Fill any empty slots with default names in the 'loading' state
-    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {
-      const name = names[index];
-      return name ?? { name: `Page ${index + 1}`, loading: true, key: "" };
-    });
-
-    return withDefaults.map(
-      (name, index): EnhancedGeneratedPageName => ({
-        ...name,
-        index,
-        type: "suggestion",
-      })
-    );
-  }, [names]);
-
-  // Take the first 3
-  return namesWithDefaultsAndTypes.slice(0, 3);
-}
-
-export function useGeneratedPageComponentNames(): EnhancedGeneratedPageName[] {
-  const { generatedPageComponentNames$: generatedComponentNames$ } =
-    useNoyaClientOrFallback();
-  const names = useSelector(
-    generatedComponentNames$
-  ) as NoyaAPI.GeneratedName[];
-
-  const namesWithDefaultsAndTypes = useMemo(() => {
-    const rangeArray = range(0, GENERATED_PAGE_NAME_COUNT);
-
-    // Fill any empty slots with default names in the 'loading' state
-    const withDefaults = rangeArray.map((index): NoyaAPI.GeneratedName => {
-      const name = names[index];
-      return name ?? { name: `Component ${index + 1}`, loading: true, key: "" };
-    });
-
-    return withDefaults.map(
-      (name, index): EnhancedGeneratedPageName => ({
-        ...name,
-        index,
-        type: "suggestion",
-      })
-    );
-  }, [names]);
-
-  // Take the first 3
-  return namesWithDefaultsAndTypes.slice(0, 3);
-}
-
 export function useNoyaSites() {
   const sites = useSelector(useNoyaClientOrFallback().sites$);
   return sites;
@@ -318,6 +214,45 @@ export function useNoyaWorkspaces() {
   return workspaces;
 }
 
+export type WorkspaceMemberInfo = {
+  userId: string;
+  name: string | null;
+  email: string | null;
+  image: string | null;
+  role: "OWNER" | "ADMIN" | "MEMBER";
+};
+
+/**
+ * Hook to get workspace members for a specific workspace.
+ * Returns the members array and a lookup map for easy access by userId.
+ */
+export function useNoyaWorkspaceMembers(workspaceId: string): {
+  members: WorkspaceMemberInfo[];
+  membersById: Map<string, WorkspaceMemberInfo>;
+  loading: boolean;
+} {
+  const { workspaces, loading } = useNoyaWorkspaces();
+
+  return useMemo(() => {
+    const workspace = workspaces.find((w) => w.id === workspaceId);
+    const members: WorkspaceMemberInfo[] =
+      workspace?.members.map((m) => ({
+        userId: m.userId,
+        name: m.user.name,
+        email: m.user.email,
+        image: m.user.image,
+        role: m.role,
+      })) ?? [];
+
+    const membersById = new Map<string, WorkspaceMemberInfo>();
+    for (const member of members) {
+      membersById.set(member.userId, member);
+    }
+
+    return { members, membersById, loading };
+  }, [workspaces, workspaceId, loading]);
+}
+
 export function useNoyaMultiplayerRoomToken(fileId: string) {
   const client = useNoyaClientOrFallback();
   const multiplayerRoomToken = useObservable(