Function onClick

packages/app-core/src/components/Preview.tsx:565–693

(e: MouseEvent)

    const root = ref.current;
    if (!root) return;
    const onClick = (e: MouseEvent): void => {
      const target = e.target as HTMLElement;
      const copyButton = target.closest<HTMLButtonElement>(
        CODE_COPY_BUTTON_SELECTOR,
      );
      if (copyButton) {
        e.preventDefault();
        e.stopPropagation();
        copyCodeBlockToClipboard(copyButton);
        return;
      }
      const foldButton = target.closest<HTMLButtonElement>(
        CODE_FOLD_BUTTON_SELECTOR,
      );
      if (foldButton) {
        e.preventDefault();
        e.stopPropagation();
        toggleCodeBlockFold(foldButton);
        return;
      }

      const expandButton = target.closest(
        ".zen-diagram-expand",
      ) as HTMLButtonElement | null;
      if (expandButton) {
        e.preventDefault();
        const host = expandButton.closest<HTMLElement>(
          "[data-zen-diagram-kind][data-zen-diagram-source]",
        );
        const kind = host?.dataset.zenDiagramKind as
          | ExpandedDiagramKind
          | undefined;
        const source = host?.dataset.zenDiagramSource;
        if (host && kind && source) setExpandedDiagram({ kind, source });
        return;
      }
      const anchor = target.closest("a") as HTMLAnchorElement | null;
      if (!anchor) return;
      if (anchor.classList.contains("wikilink")) {
        e.preventDefault();
        const path = anchor.dataset.resolvedPath;
        if (path) {
          // Scroll to the #heading when the link carries one. (#196)
          const headingAnchor = wikilinkHeadingAnchor(anchor.dataset.wikilink ?? "");
          if (headingAnchor) void openWikilinkHeading(path, headingAnchor);
          else void selectNoteRef.current(path);
        } else if (anchor.dataset.databaseCsv) {
          void useStore.getState().openDatabase(anchor.dataset.databaseCsv);
        }
        return;
      }
      if (anchor.classList.contains("hashtag")) {
        e.preventDefault();
        const tag = anchor.getAttribute("data-tag");
        if (tag) void useStore.getState().openTagView(tag);
        return;
      }
      // A standard Markdown link to another note — `[text](path/to/Note.md)` —