sebse/node-factorio-recipes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added SSR

Browse Source
This commit is contained in:
Sebastian Seedorf
2022-08-17 11:52:56 +02:00
parent fe7e6d8ae2
commit 9660f0cf34
16 changed files with 1869 additions and 1834 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
pages/visualize/[name].tsx
View File

@@ -1,93 +1,17 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import {useGroups} from "../../components/contexts/GroupProvider";
import {useFactories} from "../../src/hooks/useFactories";
import {ProducingGraph} from "../../components/shared/ProducingGraph/ProducingGraph";
import {useEffect, useMemo} from "react";
import {calculateInputs} from "../../src/calculateInputs";
import {useRouter} from "next/router";
import {groupBy, isNonNullable, uniquify} from "../../src/utils";
import {EnrichedEntity} from "../../src/types";
import {DetailGraphNode, NodeDetails} from "../../components/visualize/NodeDetails/NodeDetails";
import {ScrollContainer} from "../../components/shared/ScrollContainer/ScrollContainer";
import {GroupProvider} from "../../components/contexts/GroupProvider";
import {getServerSidePropsGroupProvider, PropsGroupProvider} from "../../src/getServerSideProps";
import {PageDetails} from "../../components/visualize/PageDetails";
const Page: NextPage = () => {
const {query: {name}} = useRouter()
const {
exportedFactories,
baseFactories,
ignoredFactories,
groups
} = useGroups()
const {
findFactory
} = useFactories()
useEffect(() => {
document.body.classList.add("scroll");
return () => document.body.classList.remove("scroll")
}, []);
const group = typeof name === 'string' ? groups[name] : undefined
const [inputFactories, intermediateFactories] = useMemo<ReturnType<typeof calculateInputs>>(() => {
if (!group) return [[], []]
return calculateInputs(
[...group.exports, ...group.malls],
ignoredFactories,
baseFactories,
exportedFactories,
findFactory
)
}, [baseFactories, exportedFactories, findFactory, group, ignoredFactories])
const producingNodes: DetailGraphNode[] = useMemo(() => {
if (!group) return []
const nodes = uniquify([...intermediateFactories, ...group.exports, ...group.malls])
.map(findFactory)
.filter(isNonNullable)
.map((factory: EnrichedEntity) => ({
inputs: Object.keys(factory.recipe?.prerequisites ?? {}).sort((a, b) => a.localeCompare(b)),
outputs: Object.keys(factory.recipe?.output ?? {}).sort((a, b) => a.localeCompare(b)),
name: factory.name,
recipes: [factory.recipe]
} as DetailGraphNode))
return Object
.values(groupBy(nodes, node => node.inputs.join()))
.map(nodesOfInput => ({
inputs: nodesOfInput[0].inputs,
outputs: uniquify(nodesOfInput.flatMap(node => node.outputs)),
name: nodesOfInput.map(node => node.name).join(', '),
recipes: nodesOfInput.flatMap(node => node.recipes)
} as DetailGraphNode))
}, [findFactory, group, intermediateFactories])
const Page: NextPage<PropsGroupProvider> = ({id, ...initial}) => {
return (
<>
<Head>
<title>Factorio Microservices</title>
<meta name="description" content="Create Factorio microservices" />
<link rel="icon" href="/public/favicon.ico" />
</Head>
<main>
<ScrollContainer>
<h1>{name}</h1>
<ProducingGraph
nodes={producingNodes}
inputs={inputFactories}
outputs={group?.exports}
childType={NodeDetails}
/>
</ScrollContainer>
</main>
</>
<GroupProvider id={id} initial={initial}>
<PageDetails/>
</GroupProvider>
)
}
export async function getServerSideProps() {
return { props: { bodyClassName: 'scroll' } };
}
export const getServerSideProps = getServerSidePropsGroupProvider
export default Page

11
pages/visualize/index.tsx
View File

@@ -1,6 +1,6 @@
import type {NextPage} from 'next'
import Head from 'next/head'
import {useGroups} from "../../components/contexts/GroupProvider";
import {GroupProvider, useGroups} from "../../components/contexts/GroupProvider";
import {useFactories} from "../../src/hooks/useFactories";
import {ProducingGraph} from "../../components/shared/ProducingGraph/ProducingGraph";
import {useEffect, useMemo} from "react";
@@ -8,8 +8,9 @@ import {calculateInputs} from "../../src/calculateInputs";
import {NodeOverview, OverviewGraphNode} from "../../components/visualize/NodeOverview/NodeOverview";
import {fixedEncodeURIComponent} from "../../src/utils";
import {ScrollContainer} from "../../components/shared/ScrollContainer/ScrollContainer";
import {getServerSidePropsGroupProvider, PropsGroupProvider} from "../../src/getServerSideProps";
const Page: NextPage = () => {
const Page: NextPage<PropsGroupProvider> = ({id, ...initial}) => {
const {
exportedFactories,
ignoredFactories,
@@ -42,7 +43,7 @@ const Page: NextPage = () => {
}, [baseFactories, exportedFactories, findFactory, groups, ignoredFactories])
return (
<>
<GroupProvider id={id} initial={initial}>
<Head>
<title>Factorio Microservices</title>
<meta name="description" content="Create Factorio microservices" />
@@ -54,8 +55,10 @@ const Page: NextPage = () => {
<ProducingGraph nodes={producingNodes} inputs={baseFactories} childType={NodeOverview}/>
</ScrollContainer>
</main>
</>
</GroupProvider>
)
}
export const getServerSideProps = getServerSidePropsGroupProvider
export default Page