readme update

Author: AlemTuzlak

README.md

@@ -1,5 +1,5 @@
 <center>
-<img src="./assets/remix-dev-tools.png" align="middle" width="160" height="160" alt="Remix Development Tools"  />
+<img src="./assets/remix-dev-tools.png" style="display: block; margin: 0 auto;" align="middle" width="160" height="160" alt="Remix Development Tools"  />
 </center>
 
 # Remix Development Tools

src/RemixDevTools/init/project.tsx

@@ -2,58 +2,19 @@ import { EntryContext } from "@remix-run/server-runtime";
 import clsx from "clsx";
 
 export const InvisibleBoundary = ({ path }: { path: string }) => {
-  return (
-    <div
-      className={clsx(
-        "rdt-invisible rdt-absolute rdt-hidden rdt-h-0 rdt-w-0",
-        path
-      )}
-    />
-  );
+  return <div className={clsx("rdt-invisible rdt-absolute rdt-hidden rdt-h-0 rdt-w-0", path)} />;
 };
 
 export const initServer = (context: EntryContext) => {
   return {
     ...context,
-    routeModules: Object.entries(context.routeModules).reduce(
-      (acc, [key, value]) => {
-        if (key === "root") {
-          return {
-            ...acc,
-            [key]: value,
-          };
-        }
-        return {
-          ...acc,
-          [key]: {
-            ...value,
-            default: () => {
-              return (
-                <>
-                  <InvisibleBoundary path={key} />
-                  <value.default />
-                </>
-              );
-            },
-          },
-        };
-      },
-      {}
-    ),
-  };
-};
-
-export const initClient = () => {
-  window.__remixRouteModules = Object.keys(window.__remixRouteModules).reduce(
-    (acc, key) => {
-      const value = window.__remixRouteModules[key];
+    routeModules: Object.entries(context.routeModules).reduce((acc, [key, value]) => {
       if (key === "root") {
         return {
           ...acc,
           [key]: value,
         };
       }
-
       return {
         ...acc,
         [key]: {
@@ -68,9 +29,36 @@ export const initClient = () => {
           },
         },
       };
-    },
-    {}
-  );
+    }, {}),
+  };
+};
+
+export const initClient = () => {
+  window.__remixRouteModules = Object.keys(window.__remixRouteModules).reduce((acc, key) => {
+    const value = window.__remixRouteModules[key];
+
+    if (key === "root") {
+      return {
+        ...acc,
+        [key]: value,
+      };
+    }
+
+    return {
+      ...acc,
+      [key]: {
+        ...value,
+        default: () => {
+          return (
+            <>
+              <InvisibleBoundary path={key} />
+              <value.default />
+            </>
+          );
+        },
+      },
+    };
+  }, {});
 };
 
 // Graveyard of failed attempts