XeNote/pages/notes/index.tsx

import Layout from 'components/Layout'
import Util from 'lib/utils'
import FolderTree from 'components/FolderTree'
import MDContent, { type LinkType } from 'components/MDContent'
import Head from 'next/head'

export interface HomeProps {
  content: string
  tree: Record<string, unknown>
  flattenNodes: unknown[]
  backLinks: LinkType[]
}
// This trick is to dynamically load component that interact with window object (browser only)
export default function Home({ content, tree, flattenNodes, backLinks }: HomeProps) {
  return (
    <Layout>
      {/*
      <Head>
        <body style={{ margin: 0, padding: 0 }} />
      </Head>
        */}
      <div className='flex gap-1 w-full'>
        <nav className="">
          <FolderTree tree={tree} flattenNodes={flattenNodes} />
        </nav>
        <MDContent content={content} backLinks={backLinks} />
      </div>
    </Layout >
  )
}

export function getStaticProps() {
  const { nodes, edges }: { nodes: unknown[], edges: unknown[] } = Util.constructGraphData()
  const tree = Util.convertObject(Util.getDirectoryData())
  const contentData = Util.getSinglePost('index')
  const flattenNodes = Util.getFlattenArray(tree)
  const listOfEdges = edges
    .filter((anEdge) => (
      anEdge as { target: string }).target === 'index'
    )
  const internalLinks = listOfEdges.map(
    anEdge => nodes
      .find(
        aNode => (
          aNode as { slug: string }).slug === (anEdge as { source: string }).source))
    .filter(
      element => element !== undefined)
  const backLinks = [...new Set(internalLinks)]

  return {
    props: {
      content: contentData.data,
      tree,
      flattenNodes,
      backLinks
    }
  }
}
fix all linting problems 2024-01-07 18:05:04 +00:00			`import Layout from 'components/Layout'`
debugging making app work again 2023-12-31 15:35:22 +00:00			`import Util from 'lib/utils'`
fix all linting problems 2024-01-07 18:05:04 +00:00			`import FolderTree from 'components/FolderTree'`
			`import MDContent, { type LinkType } from 'components/MDContent'`
			`import Head from 'next/head'`
working 2020-12-01 03:28:42 +00:00
add link type to homeprops 2023-12-31 21:25:23 +00:00			`export interface HomeProps {`
debugging making app work again 2023-12-31 15:35:22 +00:00			`content: string`
			`tree: Record<string, unknown>`
			`flattenNodes: unknown[]`
add link type to homeprops 2023-12-31 21:25:23 +00:00			`backLinks: LinkType[]`
debugging making app work again 2023-12-31 15:35:22 +00:00			`}`
Add CytoGraph component to re-present the graph 2022-04-15 02:04:28 +00:00			`// This trick is to dynamically load component that interact with window object (browser only)`
debugging making app work again 2023-12-31 15:35:22 +00:00			`export default function Home({ content, tree, flattenNodes, backLinks }: HomeProps) {`
remove graph visualization 2023-12-24 04:26:19 +00:00			`return (`
			`<Layout>`
debuggin build 2024-01-07 19:56:19 +00:00			`{/*`
Change a lot of things (see description) - removes tailwind (was cool but dont need it) - reworks a lot of the html - utilize a no css... library? css file? idk - add a few details - rework the navigation on the built notes pages - write a bunch of tailwind like css classes - ... maybe some more, too lazy 2024-01-07 03:04:57 +00:00			`<Head>`
fix issue with margins in notes pages 2024-01-07 04:12:23 +00:00			`<body style={{ margin: 0, padding: 0 }} />`
Change a lot of things (see description) - removes tailwind (was cool but dont need it) - reworks a lot of the html - utilize a no css... library? css file? idk - add a few details - rework the navigation on the built notes pages - write a bunch of tailwind like css classes - ... maybe some more, too lazy 2024-01-07 03:04:57 +00:00			`</Head>`
debuggin build 2024-01-07 19:56:19 +00:00			`*/}`
fix issue with margins in notes pages 2024-01-07 04:12:23 +00:00			`<div className='flex gap-1 w-full'>`
Change a lot of things (see description) - removes tailwind (was cool but dont need it) - reworks a lot of the html - utilize a no css... library? css file? idk - add a few details - rework the navigation on the built notes pages - write a bunch of tailwind like css classes - ... maybe some more, too lazy 2024-01-07 03:04:57 +00:00			`<nav className="">`
remove graph visualization 2023-12-24 04:26:19 +00:00			`<FolderTree tree={tree} flattenNodes={flattenNodes} />`
			`</nav>`
make next config js file 2023-12-30 16:49:39 +00:00			`<MDContent content={content} backLinks={backLinks} />`
remove graph visualization 2023-12-24 04:26:19 +00:00			`</div>`
fix issue with margins in notes pages 2024-01-07 04:12:23 +00:00			`</Layout >`
fix all linting problems 2024-01-07 18:05:04 +00:00			`)`
first commit -m 2020-11-28 15:45:01 +00:00			`}`
revert ol,ul,menu styles 2023-12-26 02:25:55 +00:00
first commit -m 2020-11-28 15:45:01 +00:00			`export function getStaticProps() {`
debugging making app work again 2023-12-31 15:35:22 +00:00			`const { nodes, edges }: { nodes: unknown[], edges: unknown[] } = Util.constructGraphData()`
fix all linting problems 2024-01-07 18:05:04 +00:00			`const tree = Util.convertObject(Util.getDirectoryData())`
			`const contentData = Util.getSinglePost('index')`
convert all new class usages to use this. 2023-12-27 05:36:36 +00:00			`const flattenNodes = Util.getFlattenArray(tree)`
debugging making app work again 2023-12-31 15:35:22 +00:00			`const listOfEdges = edges`
			`.filter((anEdge) => (`
fix all linting problems 2024-01-07 18:05:04 +00:00			`anEdge as { target: string }).target === 'index'`
debugging making app work again 2023-12-31 15:35:22 +00:00			`)`
			`const internalLinks = listOfEdges.map(`
			`anEdge => nodes`
			`.find(`
			`aNode => (`
			`aNode as { slug: string }).slug === (anEdge as { source: string }).source))`
			`.filter(`
			`element => element !== undefined)`
remove graph visualization 2023-12-24 04:26:19 +00:00			`const backLinks = [...new Set(internalLinks)]`
Fixed layout on home page. 2022-04-18 16:18:26 +00:00
remove graph visualization 2023-12-24 04:26:19 +00:00			`return {`
			`props: {`
			`content: contentData.data,`
fix all linting problems 2024-01-07 18:05:04 +00:00			`tree,`
			`flattenNodes,`
			`backLinks`
			`}`
			`}`
first commit -m 2020-11-28 15:45:01 +00:00			`}`