blame | history | patch | commit | commitdiff | ignore whitespace
dependabot[bot]
2024-08-19 e47c29d2fd4eae06c511c914e2a5fcb057b44d7b 
 quartz/components/Graph.tsx


@@ -1,7 +1,9 @@


import { QuartzComponentConstructor } from "./types"


import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"


// @ts-ignore


import script from "./scripts/graph.inline"


import style from "./styles/graph.scss"


import { i18n } from "../i18n"


import { classNames } from "../util/lang"




export interface D3Config {


  drag: boolean


@@ -13,6 +15,9 @@


  linkDistance: number


  fontSize: number


  opacityScale: number


  removeTags: string[]


  showTags: boolean


  focusOnHover?: boolean


}




interface GraphOptions {


@@ -31,6 +36,9 @@


    linkDistance: 30,


    fontSize: 0.6,


    opacityScale: 1,


    showTags: true,


    removeTags: [],


    focusOnHover: false,


  },


  globalGraph: {


    drag: true,


@@ -42,16 +50,19 @@


    linkDistance: 30,


    fontSize: 0.6,


    opacityScale: 1,


    showTags: true,


    removeTags: [],


    focusOnHover: true,


  },


}




export default ((opts?: GraphOptions) => {


  function Graph() {


    const localGraph = { ...opts?.localGraph, ...defaultOptions.localGraph }


    const globalGraph = { ...opts?.globalGraph, ...defaultOptions.globalGraph }


  const Graph: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {


    const localGraph = { ...defaultOptions.localGraph, ...opts?.localGraph }


    const globalGraph = { ...defaultOptions.globalGraph, ...opts?.globalGraph }


    return (


      <div class="graph">


        <h3>Graph View</h3>


      <div class={classNames(displayClass, "graph")}>


        <h3>{i18n(cfg.locale).components.graph.title}</h3>


        <div class="graph-outer">


          <div id="graph-container" data-cfg={JSON.stringify(localGraph)}></div>


          <svg