@tanstack/router-devtools 0.0.1-alpha.0 → 0.0.1-beta.84

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@tanstack/router-devtools",
   "author": "Tanner Linsley",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-beta.84",
   "license": "MIT",
   "repository": "tanstack/router",
-  "homepage": "https://react-router.tanstack.com/",
+  "homepage": "https://tanstack.com/router/",
   "description": "",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,7 +12,7 @@
   "keywords": [
     "react",
     "location",
-    "@tanstack/react-router",
+    "@tanstack/router",
     "router",
     "routing",
     "async",
@@ -25,25 +25,23 @@
   },
   "module": "build/esm/index.js",
   "main": "build/cjs/index.js",
-  "browser": "build/umd/index.production.min.js",
+  "browser": "build/umd/index.production.js",
   "types": "build/types/index.d.ts",
   "engines": {
     "node": ">=12"
   },
   "files": [
-    "build",
+    "build/**",
     "src"
   ],
+  "sideEffects": false,
   "peerDependencies": {
-    "@tanstack/react-router": "3.4.4",
     "react": ">=16",
     "react-dom": ">=16"
   },
   "dependencies": {
     "@babel/runtime": "^7.16.7",
-    "date-fns": "^2.29.1"
-  },
-  "devDependencies": {
-    "babel-plugin-transform-async-to-promises": "^0.8.18"
+    "date-fns": "^2.29.1",
+    "@tanstack/router": "0.0.1-beta.84"
   }
-}
+}

package/src/Explorer.tsx

@@ -67,7 +67,7 @@ type Entry = {
 }
 
 type RendererProps = {
-  HandleEntry: HandleEntryComponent
+  handleEntry: HandleEntryFn
   label?: React.ReactNode
   value: unknown
   subEntries: Entry[]
@@ -102,7 +102,7 @@ export function chunkArray<T>(array: T[], size: number): T[][] {
 type Renderer = (props: RendererProps) => JSX.Element
 
 export const DefaultRenderer: Renderer = ({
-  HandleEntry,
+  handleEntry,
   label,
   value,
   subEntries = [],
@@ -121,7 +121,7 @@ export const DefaultRenderer: Renderer = ({
   }
 
   return (
-    <Entry key={label}>
+    <Entry>
       {subEntryPages.length ? (
         <>
           <ExpandButton onClick={() => toggleExpanded()}>
@@ -134,9 +134,7 @@ export const DefaultRenderer: Renderer = ({
           {expanded ? (
             subEntryPages.length === 1 ? (
               <SubEntries>
-                {subEntries.map((entry) => (
-                  <HandleEntry key={entry.label} entry={entry} />
-                ))}
+                {subEntries.map((entry, index) => handleEntry(entry))}
               </SubEntries>
             ) : (
               <SubEntries>
@@ -157,9 +155,7 @@ export const DefaultRenderer: Renderer = ({
                       </LabelButton>
                       {expandedPages.includes(index) ? (
                         <SubEntries>
-                          {entries.map((entry) => (
-                            <HandleEntry key={entry.label} entry={entry} />
-                          ))}
+                          {entries.map((entry) => handleEntry(entry))}
                         </SubEntries>
                       ) : null}
                     </Entry>
@@ -198,7 +194,7 @@ export const DefaultRenderer: Renderer = ({
   )
 }
 
-type HandleEntryComponent = (props: { entry: Entry }) => JSX.Element
+type HandleEntryFn = (entry: Entry) => JSX.Element
 
 type ExplorerProps = Partial<RendererProps> & {
   renderer?: Renderer
@@ -273,8 +269,14 @@ export default function Explorer({
   const subEntryPages = chunkArray(subEntries, pageSize)
 
   return renderer({
-    HandleEntry: ({ entry }) => (
-      <Explorer value={value} renderer={renderer} {...rest} {...entry} />
+    handleEntry: (entry) => (
+      <Explorer
+        key={entry.label}
+        value={value}
+        renderer={renderer}
+        {...rest}
+        {...entry}
+      />
     ),
     type,
     subEntries,