import Head from "next/head"; import { useRouter } from 'next/router' import { useEffect,useRef } from "react"; import Link from 'next/link' import Layout, { siteTitle } from "../components/layout"; import { getSinglePost, getGraphData } from "../lib/post"; import { Network } from "../components/graph"; export default function Home({ content, graphdata, filenames, ...props }) { //console.log("Index Page Props: ", content /* backlinks, filenames*/) const ref = useRef(null); const router = useRouter() const routeQuery = router.query.id const routeHandler = (r) => router.push(r) //console.log("route", router) //var G = jsnx.binomialGraph(filenames.length, 1) //var G = jsnx.completeGraph(filenames.length); useEffect(() => { if (ref && ref.current){ const G = Network({ el:ref.current, graphdata, current:"index", routeQuery, routeHandler, allNodes:false // If true then shows every markdown file as node }) } }, []) return ( {content.title && } {content.canonical && } {content.description && }

); } export function getStaticProps() { const contentData = getSinglePost("index"); const graphdata = getGraphData(); return { props: { content:contentData, graphdata:graphdata, //filenames:JSON.parse(filenamesRaw) //sidebar:sidebarData }, }; }