merge check

Author: ericsngyun

demo-app/src/client/Router.tsx

@@ -12,8 +12,8 @@ ReactDOM.render(
     <BrowserRouter>
       <Nav />
       <Routes>
-        <Route path="/tictactoe" element={<Board />}/>
-        <Route path="/" element={<Home />}/>
-        <Route path="/buttons" element={<Buttons />}/>
+          <Route path="/tictactoe" element={<Board />}/>
+          <Route path="/" element={<Home />}/>
+          <Route path="/buttons" element={<Buttons />}/>
       </Routes>
     </BrowserRouter>, root);

src/backend/linkFiber.ts

@@ -183,6 +183,32 @@ function createTree(
     treeBaseDuration,
   } = currentFiber;
 
+
+//   if (currentFiber.tag === 10) {
+//     const queue = [currentFiber];
+//     const result = [];
+//     while (queue.length > 0) {
+//       const tempFiber = queue.shift();
+//       if (tempFiber.tag === 0 && tempFiber._debugHookTypes) result.push(tempFiber);
+//       if (tempFiber.sibling) {
+//         queue.push(tempFiber.sibling);
+//       }
+//       if (tempFiber.child) {
+//         queue.push(tempFiber.child);
+//       }
+//   }
+//   console.log('test', result);
+// }
+
+  // if(currentFiber.tag === 10) {
+  //   let stack = [currentFiber];
+
+  //   while(stack > 0) {
+  //     let node = stack.pop();
+
+
+  //   }
+  // }
 // check to see if we can get the information we were looking for
   if (tag === 5) {
     try {
@@ -244,6 +270,7 @@ function createTree(
       const hooksStates = traverseHooks(memoizedState);
       const hooksNames = getHooksNames(elementType.toString());
 
+
       hooksStates.forEach((state, i) => {
         hooksIndex = componentActionsRecord.saveNew(
           state.state,

src/backend/types/backendTypes.ts

@@ -174,4 +174,6 @@ export type Fiber = {
   // This value bubbles up during the "complete" phase.
   // This field is only set when the enableProfilerTimer flag is enabled.
   treeBaseDuration?: number;
+
+  _debugHookTypes?: string[] | null;
 };

www/src/pages/components/FeatureSlider.tsx

@@ -52,7 +52,7 @@ export default function FeaturesSection() {
           What makes Reactime so great?
         </p>
         <p className="mx-auto mt-5 max-w-prose text-xl text-gray-500">
-        Reactime is chock full of features that make your life easier as a developer. From time-travel debugging to state snapshot display, check out how using Reactime will improve your developer experience.
+        Reactime is full of features that make your life easier as a developer. From time-travel debugging to state snapshot display, check out how using Reactime will improve your developer experience.
         </p>
         <div className="mt-20">
           <div className="grid grid-cols-1 gap-12 sm:grid-cols-2 lg:grid-cols-3">

www/src/pages/components/FeaturesSection.jsx

@@ -25,11 +25,11 @@ useEffect(() => {
     };
 }, []);
 
-function NavBarSytling() {
+function NavBarSytle() {
   return scrollPosition === 0 ? "sticky top-0 bg-gray-50 w-screen z-20 border-b" : "sticky top-0 bg-gray-50 w-screen z-20 shadow-xl";
 }
   return (
-    <Disclosure as="nav" className="bg-[#333333] fixed z-10 w-screen drop-shadow-20px">
+    <Disclosure as="nav" className={NavBarSytle}>
       {({ open }) => (
         <>
           <div className="mx-auto max-w9xl px-4 sm:px-6 lg:px-8">
@@ -56,7 +56,6 @@ function NavBarSytling() {
 
             <div className="hidden sm:ml-6 sm:block">
                   <div className="flex space-x-4">
-                    {/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
                     <a
                       href="http://github.com/open-source-labs/reactime"
                       target="_blank"
@@ -78,7 +77,6 @@ function NavBarSytling() {
           <Disclosure.Panel className="sm:hidden">
             <div className="space-y-1 px-2 pt-2 pb-3">
               {/* Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" */}
-             
               <Disclosure.Button
                 as="a"
                 href="#"
@@ -91,21 +89,21 @@ function NavBarSytling() {
                 href="#"
                 className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Projects
+                Team
               </Disclosure.Button>
               <Disclosure.Button
                 as="a"
                 href="#"
                 className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Calendar
+                Projects
               </Disclosure.Button>
               <Disclosure.Button
                 as="a"
                 href="#"
-                className="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white"
+                className="block rounded-md px-3 py-2 text-base font-medium text-gray-300 hover:bg-gray-700 hover:text-white"
               >
-                Download
+                Calendar
               </Disclosure.Button>
             </div>
           </Disclosure.Panel>

www/src/pages/components/NavBar.tsx

@@ -4,7 +4,6 @@ import Link from "next/link";
 import LandingPage from "./components/LandingPage";
 import NavBar from "./components/NavBar";
 import Blogs from "./components/Blogs";
-import FeatureSlider from './components/FeatureSlider'
 import { trpc } from "../utils/trpc";
 
 const Home: NextPage = () => {
@@ -14,8 +13,6 @@ const Home: NextPage = () => {
     <>
       <NavBar />
       <LandingPage />
-      {/* <FeatureSlider/> */}
-      {/* <Blogs /> */}
     </>
   );
 };