LogTabView function presentation exported

Last updated: 2026-03-04T23:21:38.423Z

Location

src/lib/ui/components/log-tab-view.tsx:19-48

Metrics

LOC: 30 Complexity: 3 Params: 1

Signature

LogTabView({ viewerRef }: LogTabViewProps)

Architecture violations

View all

  • [warning] function-camel-case: 'LogTabView' does not match naming convention /^[a-z][a-zA-Z0-9]*$/

Source Code

export function LogTabView({ viewerRef }: LogTabViewProps) {
  const containerRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    const container = containerRef.current;
    if (!container) return;

    if (viewerRef.current) {
      viewerRef.current.dispose();
      viewerRef.current = null;
    }

    const viewer = createLogViewer({ container, variant: "devtools" });
    viewerRef.current = viewer;
    void viewer.refresh();

    return () => {
      viewer.dispose();
      viewerRef.current = null;
    };
  }, []);

  return (
    <div
      ref={containerRef}
      id="devtools-log-viewer"
      style={{ height: "100%", display: "flex", flexDirection: "column" }}
    />
  );
}

No outgoing dependencies.

Impact (Incoming)

graph LR LogTabView["LogTabView"] renderLogTab["renderLogTab"] renderLogTab -->|uses| LogTabView style LogTabView fill:#dbeafe,stroke:#2563eb,stroke-width:2px click LogTabView "0fcc216a14fe5027.html" click renderLogTab "c697bc1772ba25af.html"
SourceType
renderLogTab uses