Function useMarkdown

react/src/useMarkdown.ts:40–64

(resource: Resource)

 * ```
 */
export function useMarkdown(resource: Resource): string {
  const title = useTitle(resource);
  const [description] = useString(resource, urls.properties.description);
  const [md, setMd] = useState(`# ${title}`);
  const store = useStore();

  useEffect(() => {
    async function getPropValTexts() {
      let propValLines = '';
      for await (const [prop, val] of resource.getPropVals()) {
        if (!hiddenProps.includes(prop)) {
          propValLines = propValLines + (await propertyLine(prop, val, store));
        }
      }
      setMd(`# ${title}` + propValLines + '\n\n' + description);
    }
    getPropValTexts();
  }, [resource]);

  if (resource.error) {
    return resource.error.message;
  }

  return md;
}

async function propertyLine(
  propertySubject: string,