useListServerResources

import { useListServerResources } from 'sunpeak';

function useListServerResources(): (
  params?: ListServerResourcesParams
) => Promise<ListServerResourcesResult | undefined>

import { useListServerResources, useReadServerResource } from 'sunpeak';
import { useState, useEffect } from 'react';

function ResourceBrowser() {
  const listServerResources = useListServerResources();
  const readServerResource = useReadServerResource();
  const [resources, setResources] = useState<Array<{ uri: string; name: string }>>([]);

  useEffect(() => {
    listServerResources().then(result => {
      if (result) setResources(result.resources);
    });
  }, [listServerResources]);

  const handleSelect = async (uri: string) => {
    const result = await readServerResource({ uri });
    console.log('Resource contents:', result?.contents);
  };

  return (
    <ul>
      {resources.map(r => (
        <li key={r.uri}>
          <button onClick={() => handleSelect(r.uri)}>{r.name}</button>
        </li>
      ))}
    </ul>
  );
}