Linting

components/visualize/PageDetails.tsx

@@ -1,72 +1,74 @@
-import {useRouter} from "next/router";
-import {GroupProvider, useGroups} from "../contexts/GroupProvider";
-import {useFactories} from "../../src/hooks/useFactories";
-import {FC, useEffect, useMemo} from "react";
-import {calculateInputs} from "../../src/calculateInputs";
-import {DetailGraphNode, NodeDetails} from "./NodeDetails/NodeDetails";
-import {groupBy, isNonNullable, uniquify} from "../../src/utils";
-import {EnrichedEntity} from "../../src/types";
-import Head from "next/head";
-import {ScrollContainer} from "../shared/ScrollContainer/ScrollContainer";
-import {ProducingGraph} from "../shared/ProducingGraph/ProducingGraph";
+import { useRouter } from 'next/router'
+import { useGroups } from '../contexts/GroupProvider'
+import { useFactories } from '../../src/hooks/useFactories'
+import { FC, useEffect, useMemo } from 'react'
+import { calculateInputs } from '../../src/calculateInputs'
+import { DetailGraphNode, NodeDetails } from './NodeDetails/NodeDetails'
+import { groupBy, isNonNullable, uniquify } from '../../src/utils'
+import { EnrichedEntity } from '../../src/types'
+import Head from 'next/head'
+import { ScrollContainer } from '../shared/ScrollContainer/ScrollContainer'
+import { ProducingGraph } from '../shared/ProducingGraph/ProducingGraph'
 
 export const PageDetails: FC = () => {
-  const {query: {name}} = useRouter()
   const {
-    exportedFactories,
-    baseFactories,
-    ignoredFactories,
-    groups
-  } = useGroups()
-  const {
-    findFactory
-  } = useFactories()
+    query: { name }
+  } = useRouter()
+  const { exportedFactories, baseFactories, groups } = useGroups()
+  const { findFactory } = useFactories()
 
   useEffect(() => {
-    document.body.classList.add("scroll");
-    return () => document.body.classList.remove("scroll")
-  }, []);
+    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>>(() => {
+  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])
+  }, [baseFactories, exportedFactories, findFactory, group])
 
   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))
+      .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])
 
   return (
     <>
       <Head>
         <title>Factorio Microservices</title>
-        <meta name="description" content="Create Factorio microservices" />
-        <link rel="icon" href="/public/favicon.ico" />
+        <meta name='description' content='Create Factorio microservices' />
+        <link rel='icon' href='/public/favicon.ico' />
       </Head>
       <main>
         <ScrollContainer>