{"commit":{"authorEmail":"dan.abramov@gmail.com","authorName":"Dan Abramov","shortRevision":"f6fcae58e9","authoredAt":"2020-05-04T01:59:55+01:00","revision":"f6fcae58e9ea651da600b83278608da704e0b774","subject":"[Blocks] Add Shell to Fixture (#18803)"},"files":[{"path":"fixtures\/blocks\/db.json","status":"M"},{"path":"fixtures\/blocks\/delay.js","status":"A"},{"path":"fixtures\/blocks\/package.json","status":"M"},{"path":"fixtures\/blocks\/src\/App.js","status":"D"},{"path":"fixtures\/blocks\/src\/Post.js","status":"D"},{"path":"fixtures\/blocks\/src\/Router.js","status":"A"},{"path":"fixtures\/blocks\/src\/client\/RouterContext.js","status":"A"},{"path":"fixtures\/blocks\/src\/client\/Shell.js","status":"A"},{"path":"fixtures\/blocks\/src\/index.css","status":"M"},{"path":"fixtures\/blocks\/src\/index.js","status":"M"},{"path":"fixtures\/blocks\/src\/server\/App.block.js","status":"A"},{"previousPath":"fixtures\/blocks\/src\/Comments.js","path":"fixtures\/blocks\/src\/server\/Comments.block.js","status":"R070"},{"path":"fixtures\/blocks\/src\/server\/FeedPage.block.js","status":"A"},{"path":"fixtures\/blocks\/src\/server\/Post.block.js","status":"A"},{"path":"fixtures\/blocks\/src\/server\/PostGlimmer.js","status":"A"},{"path":"fixtures\/blocks\/src\/server\/PostList.js","status":"A"},{"path":"fixtures\/blocks\/src\/server\/ProfilePage.block.js","status":"A"},{"path":"fixtures\/blocks\/src\/server\/ProfileTimeline.block.js","status":"A"}],"parents":["d830cd998490c12164da6a9e1ddff56daff80030"],"body":"* [Blocks] Add Feed page to fixture\r\n\r\n* Add minimal routing\r\n\r\n* Always show post with comments","patch":"diff --git a\/fixtures\/blocks\/db.json b\/fixtures\/blocks\/db.json\nindex f363d700bf..8b2067d51a 100644\n--- a\/fixtures\/blocks\/db.json\n+++ b\/fixtures\/blocks\/db.json\n@@ -2,18 +2,21 @@\n \"posts\": [\n {\n \"id\": 1,\n- \"title\": \"My First Post\",\n+ \"userId\": 2,\n+ \"title\": \"Welcome\",\n \"body\": \"Hello, world!\"\n },\n {\n \"id\": 2,\n- \"title\": \"My Second Post\",\n+ \"userId\": 3,\n+ \"title\": \"A Guide to useEffect\",\n \"body\": \"Let me tell you everything about useEffect\"\n },\n {\n \"id\": 3,\n- \"title\": \"My Third Post\",\n- \"body\": \"Why is everything so complicated?\"\n+ \"userId\": 1,\n+ \"title\": \"Here and There\",\n+ \"body\": \"Browsers are smart\"\n }\n ],\n \"comments\": [\n@@ -42,5 +45,15 @@\n \"body\": \"It's still easy\",\n \"postId\": 3\n }\n- ]\n+ ],\n+ \"users\": [{\n+ \"id\": 1,\n+ \"name\": \"Sebastian\"\n+ }, {\n+ \"id\": 2,\n+ \"name\": \"Sophie\"\n+ }, {\n+ \"id\": 3,\n+ \"name\": \"Dan\"\n+ }]\n }\ndiff --git a\/fixtures\/blocks\/delay.js b\/fixtures\/blocks\/delay.js\nnew file mode 100644\nindex 0000000000..9255ed4d00\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/delay.js\n@@ -0,0 +1,14 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\n+module.exports = (req, res, next) => {\n+ if (req.query.delay) {\n+ setTimeout(next, Number(req.query.delay));\n+ } else {\n+ next();\n+ }\n+};\ndiff --git a\/fixtures\/blocks\/package.json b\/fixtures\/blocks\/package.json\nindex bfcf669c2b..0b45d846d7 100644\n--- a\/fixtures\/blocks\/package.json\n+++ b\/fixtures\/blocks\/package.json\n@@ -2,6 +2,7 @@\n \"name\": \"blocks\",\n \"version\": \"0.1.0\",\n \"private\": true,\n+ \"proxy\": \"http:\/\/localhost:3001\/\",\n \"dependencies\": {\n \"concurrently\": \"^5.2.0\",\n \"json-server\": \"^0.16.1\",\n@@ -13,7 +14,7 @@\n \"prestart\": \"cp -r ..\/..\/build\/node_modules\/* .\/node_modules\/\",\n \"prebuild\": \"cp -r ..\/..\/build\/node_modules\/* .\/node_modules\/\",\n \"start\": \"concurrently \\\"npm run start:client\\\" \\\"npm run start:api\\\"\",\n- \"start:api\": \"json-server --watch db.json --port 3001 --delay 300\",\n+ \"start:api\": \"json-server --watch db.json --port 3001 --delay 1000 --middlewares delay.js\",\n \"start:client\": \"react-scripts start\",\n \"build\": \"react-scripts build\",\n \"eject\": \"react-scripts eject\"\ndiff --git a\/fixtures\/blocks\/src\/App.js b\/fixtures\/blocks\/src\/App.js\ndeleted file mode 100644\nindex ae57697e0b..0000000000\n--- a\/fixtures\/blocks\/src\/App.js\n+++ \/dev\/null\n@@ -1,73 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\/\n-\n-import React, {useReducer, useTransition, Suspense} from 'react';\n-import loadPost from '.\/Post';\n-import {createCache, CacheProvider} from 'react\/unstable-cache';\n-\n-const initialState = {\n- \/\/ TODO: use this for invalidation.\n- cache: createCache(),\n- params: {id: 1},\n- RootBlock: loadPost({id: 1}),\n-};\n-\n-function reducer(state, action) {\n- switch (action.type) {\n- case 'navigate':\n- \/\/ TODO: cancel previous fetch?\n- return {\n- cache: state.cache,\n- params: action.nextParams,\n- RootBlock: loadPost(action.nextParams),\n- };\n- default:\n- throw new Error();\n- }\n-}\n-\n-function Router() {\n- const [state, dispatch] = useReducer(reducer, initialState);\n- const [startTransition, isPending] = useTransition({\n- timeoutMs: 3000,\n- });\n- return (\n- <>\n- {\n- startTransition(() => {\n- dispatch({\n- type: 'navigate',\n- nextParams: {\n- id: state.params.id === 3 ? 1 : state.params.id + 1,\n- },\n- });\n- });\n- }}>\n- Next\n- <\/button>\n- {isPending && ' ...'}\n-

\n- Loading Page...<\/h4>}>\n- \n- \n- <\/CacheProvider>\n- <\/Suspense>\n- <\/>\n- );\n-}\n-\n-function Root() {\n- return (\n- Loading App...<\/h1>}>\n- \n- <\/Suspense>\n- );\n-}\n-\n-export default Root;\ndiff --git a\/fixtures\/blocks\/src\/Post.js b\/fixtures\/blocks\/src\/Post.js\ndeleted file mode 100644\nindex c64cdc4195..0000000000\n--- a\/fixtures\/blocks\/src\/Post.js\n+++ \/dev\/null\n@@ -1,41 +0,0 @@\n-\/**\n- * Copyright (c) Facebook, Inc. and its affiliates.\n- *\n- * This source code is licensed under the MIT license found in the\n- * LICENSE file in the root directory of this source tree.\n- *\/\n-\n-import * as React from 'react';\n-import {block, Suspense} from 'react';\n-import {fetch, preload} from 'react-data\/fetch';\n-import loadComments from '.\/Comments';\n-\n-function load(params) {\n- if (params.id < 3) {\n- const nextId = params.id + 1;\n- preload('http:\/\/localhost:3001\/posts\/' + nextId);\n- }\n- const postResponse = fetch('http:\/\/localhost:3001\/posts\/' + params.id);\n- return {\n- post: postResponse.json(),\n- meta: postResponse.status + ' ' + postResponse.statusText,\n- Comments: loadComments(params.id),\n- };\n-}\n-\n-function Post(props, data) {\n- return (\n- <>\n-

Post {data.post.id}<\/h1>\n-

{data.post.title}<\/h4>\n-

{data.post.body}<\/p>\n-

{data.meta}<\/pre>\n-      
\n-      Loading comments...<\/p>}>\n-        \n-      <\/Suspense>\n-    <\/>\n-  );\n-}\n-\n-export default block(Post, load);\ndiff --git a\/fixtures\/blocks\/src\/Router.js b\/fixtures\/blocks\/src\/Router.js\nnew file mode 100644\nindex 0000000000..6d3295004c\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/Router.js\n@@ -0,0 +1,96 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\n+import React, {\n+  useReducer,\n+  useEffect,\n+  useTransition,\n+  useCallback,\n+  useMemo,\n+  Suspense,\n+} from 'react';\n+import {createCache, CacheProvider} from 'react\/unstable-cache';\n+import {RouterProvider} from '.\/client\/RouterContext';\n+\/\/ TODO: entry point. This can't really done in the client code.\n+import loadApp from '.\/server\/App.block';\n+\n+const initialUrl = window.location.pathname;\n+\n+const initialState = {\n+  \/\/ TODO: use this for invalidation.\n+  cache: createCache(),\n+  url: initialUrl,\n+  RootBlock: loadApp(initialUrl),\n+};\n+\n+function reducer(state, action) {\n+  switch (action.type) {\n+    case 'navigate':\n+      \/\/ TODO: cancel previous fetch?\n+      return {\n+        cache: state.cache,\n+        url: action.url,\n+        RootBlock: loadApp(action.url),\n+      };\n+    default:\n+      throw new Error();\n+  }\n+}\n+\n+function Router() {\n+  const [state, dispatch] = useReducer(reducer, initialState);\n+  const [startTransition, isPending] = useTransition({\n+    timeoutMs: 3000,\n+  });\n+\n+  useEffect(() => {\n+    document.body.style.cursor = isPending ? 'wait' : '';\n+  }, [isPending]);\n+\n+  const navigate = useCallback(\n+    url => {\n+      startTransition(() => {\n+        \/\/ TODO: Here, There, and Everywhere.\n+        \/\/ TODO: Instant Transitions, somehow.\n+        \/\/ TODO: Buttons should update immediately.\n+        dispatch({\n+          type: 'navigate',\n+          url,\n+        });\n+      });\n+    },\n+    [startTransition]\n+  );\n+\n+  useEffect(() => {\n+    const listener = () => {\n+      navigate(window.location.pathname);\n+    };\n+    window.addEventListener('popstate', listener);\n+    return () => window.removeEventListener('popstate', listener);\n+  }, [navigate]);\n+\n+  const routeContext = useMemo(\n+    () => ({\n+      url: state.url,\n+      navigate,\n+    }),\n+    [state.url, navigate]\n+  );\n+\n+  return (\n+    Loading...<\/h2>}>\n+      \n+        \n+          \n+        <\/RouterProvider>\n+      <\/CacheProvider>\n+    <\/Suspense>\n+  );\n+}\n+\n+export default Router;\ndiff --git a\/fixtures\/blocks\/src\/client\/RouterContext.js b\/fixtures\/blocks\/src\/client\/RouterContext.js\nnew file mode 100644\nindex 0000000000..17757ef3d4\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/client\/RouterContext.js\n@@ -0,0 +1,9 @@\n+import {createContext, useContext} from 'react';\n+\n+const RouterContext = createContext(null);\n+\n+export const RouterProvider = RouterContext.Provider;\n+\n+export function useRouter() {\n+  return useContext(RouterContext);\n+}\ndiff --git a\/fixtures\/blocks\/src\/client\/Shell.js b\/fixtures\/blocks\/src\/client\/Shell.js\nnew file mode 100644\nindex 0000000000..e6e1a005f9\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/client\/Shell.js\n@@ -0,0 +1,63 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\n+import * as React from 'react';\n+import {useRouter} from '.\/RouterContext';\n+\n+function TabBar({children}) {\n+  return (\n+    \n+      {children}\n+    <\/div>\n+  );\n+}\n+\n+function TabLink({to, children}) {\n+  const {url: activeUrl, navigate} = useRouter();\n+  const active = activeUrl === to;\n+  if (active) {\n+    return (\n+      \n+        {children}\n+      <\/b>\n+    );\n+  }\n+  return (\n+     {\n+        e.preventDefault();\n+        window.history.pushState(null, null, to);\n+        navigate(to);\n+      }}>\n+      {children}\n+    <\/a>\n+  );\n+}\n+\n+export default function Shell({children}) {\n+  return (\n+    <>\n+      \n+        Home<\/TabLink>\n+        Profile<\/TabLink>\n+      <\/TabBar>\n+      
\n+      {children}\n+    <\/>\n+  );\n+}\ndiff --git a\/fixtures\/blocks\/src\/index.css b\/fixtures\/blocks\/src\/index.css\nindex 14bc5cb255..b5c02a4433 100644\n--- a\/fixtures\/blocks\/src\/index.css\n+++ b\/fixtures\/blocks\/src\/index.css\n@@ -2,3 +2,7 @@ body {\n   font-family: Helvetica;\n   padding-left: 10px;\n }\n+\n+* {\n+  box-sizing: border-box;\n+}\ndiff --git a\/fixtures\/blocks\/src\/index.js b\/fixtures\/blocks\/src\/index.js\nindex 166e700172..fb0f26e8d0 100644\n--- a\/fixtures\/blocks\/src\/index.js\n+++ b\/fixtures\/blocks\/src\/index.js\n@@ -8,6 +8,6 @@\n import React from 'react';\n import ReactDOM from 'react-dom';\n import '.\/index.css';\n-import App from '.\/App';\n+import Router from '.\/Router';\n \n-ReactDOM.createRoot(document.getElementById('root')).render();\n+ReactDOM.createRoot(document.getElementById('root')).render();\ndiff --git a\/fixtures\/blocks\/src\/server\/App.block.js b\/fixtures\/blocks\/src\/server\/App.block.js\nnew file mode 100644\nindex 0000000000..4a73c58faa\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/App.block.js\n@@ -0,0 +1,44 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {block} from 'react';\n+\n+\/\/ Server\n+\n+import loadFeedPage from '.\/FeedPage.block';\n+import loadProfilePage from '.\/ProfilePage.block';\n+\n+function load(url) {\n+  let Page;\n+  switch (url) {\n+    case '\/':\n+      Page = loadFeedPage();\n+      break;\n+    case '\/profile':\n+      Page = loadProfilePage(3);\n+      break;\n+    default:\n+      throw Error('Not found');\n+  }\n+  return {Page};\n+}\n+\n+\/\/ Client\n+\n+import Shell from '..\/client\/Shell';\n+\n+function App(props, data) {\n+  return (\n+    \n+      \n+    <\/Shell>\n+  );\n+}\n+\n+export default block(App, load);\ndiff --git a\/fixtures\/blocks\/src\/Comments.js b\/fixtures\/blocks\/src\/server\/Comments.block.js\nsimilarity index 70%\nrename from fixtures\/blocks\/src\/Comments.js\nrename to fixtures\/blocks\/src\/server\/Comments.block.js\nindex abb67ca919..3e021519fd 100644\n--- a\/fixtures\/blocks\/src\/Comments.js\n+++ b\/fixtures\/blocks\/src\/server\/Comments.block.js\n@@ -4,20 +4,27 @@\n  * This source code is licensed under the MIT license found in the\n  * LICENSE file in the root directory of this source tree.\n  *\/\n+\/* eslint-disable import\/first *\/\n \n import * as React from 'react';\n+import {block} from 'react';\n+\n+\/\/ Server\n+\n import {fetch} from 'react-data\/fetch';\n \n function load(postId) {\n   return {\n-    comments: fetch('http:\/\/localhost:3001\/comments?postId=' + postId).json(),\n+    comments: fetch(`\/comments?postId=${postId}`).json(),\n   };\n }\n \n+\/\/ Client\n+\n function Comments(props, data) {\n   return (\n     <>\n-      Comments<\/h3>\n+      
Comments<\/h5>\n       \n         {data.comments.slice(0, 5).map(item => (\n           {item.body}<\/li>\n@@ -27,4 +34,4 @@ function Comments(props, data) {\n   );\n }\n \n-export default React.block(Comments, load);\n+export default block(Comments, load);\ndiff --git a\/fixtures\/blocks\/src\/server\/FeedPage.block.js b\/fixtures\/blocks\/src\/server\/FeedPage.block.js\nnew file mode 100644\nindex 0000000000..56ebcaffe2\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/FeedPage.block.js\n@@ -0,0 +1,35 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {block} from 'react';\n+import {fetch} from 'react-data\/fetch';\n+\n+\/\/ Server\n+\n+import PostList from '.\/PostList';\n+\n+function load(params) {\n+  const allPosts = fetch('\/posts').json();\n+  return {\n+    posts: ,\n+  };\n+}\n+\n+\/\/ Client\n+\n+function FeedPage(props, data) {\n+  return (\n+    <>\n+      Feed<\/h2>\n+      {data.posts}\n+    <\/>\n+  );\n+}\n+\n+export default block(FeedPage, load);\ndiff --git a\/fixtures\/blocks\/src\/server\/Post.block.js b\/fixtures\/blocks\/src\/server\/Post.block.js\nnew file mode 100644\nindex 0000000000..23ce58cbd3\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/Post.block.js\n@@ -0,0 +1,45 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {block, Suspense} from 'react';\n+\n+\/\/ Server\n+\n+import loadComments from '.\/Comments.block';\n+\n+function load(postId) {\n+  return {\n+    Comments: loadComments(postId),\n+  };\n+}\n+\n+\/\/ Client\n+\n+function Post(props, data) {\n+  return (\n+    \n+      {props.post.title}<\/h4>\n+      {props.post.body}<\/p>\n+      Loading comments...<\/h5>}\n+        unstable_avoidThisFallback={true}>\n+        \n+      <\/Suspense>\n+    <\/div>\n+  );\n+}\n+\n+export default block(Post, load);\ndiff --git a\/fixtures\/blocks\/src\/server\/PostGlimmer.js b\/fixtures\/blocks\/src\/server\/PostGlimmer.js\nnew file mode 100644\nindex 0000000000..d99e8dbe89\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/PostGlimmer.js\n@@ -0,0 +1,56 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+\n+export default function PostGlimmer() {\n+  return (\n+    \n+      \n+      \n+      \n+      \n+    <\/div>\n+  );\n+}\ndiff --git a\/fixtures\/blocks\/src\/server\/PostList.js b\/fixtures\/blocks\/src\/server\/PostList.js\nnew file mode 100644\nindex 0000000000..2baf1da4fc\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/PostList.js\n@@ -0,0 +1,30 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {Suspense, SuspenseList} from 'react';\n+import {preload} from 'react-data\/fetch';\n+\n+import loadPost from '.\/Post.block';\n+import PostGlimmer from '.\/PostGlimmer';\n+\n+export default function PostList({posts}) {\n+  return (\n+    \n+      {posts.map(post => {\n+        preload(`\/comments?postId=${post.id}`);\n+        const Post = loadPost(post.id);\n+        return (\n+          }>\n+            \n+          <\/Suspense>\n+        );\n+      })}\n+    <\/SuspenseList>\n+  );\n+}\ndiff --git a\/fixtures\/blocks\/src\/server\/ProfilePage.block.js b\/fixtures\/blocks\/src\/server\/ProfilePage.block.js\nnew file mode 100644\nindex 0000000000..6ee61e56b4\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/ProfilePage.block.js\n@@ -0,0 +1,37 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {block, Suspense} from 'react';\n+\n+\/\/ Server\n+\n+import {fetch} from 'react-data\/fetch';\n+import loadProfileTimeline from '.\/ProfileTimeline.block';\n+\n+function load(userId) {\n+  return {\n+    user: fetch(`\/users\/${userId}`).json(),\n+    ProfileTimeline: loadProfileTimeline(userId),\n+  };\n+}\n+\n+\/\/ Client\n+\n+function ProfilePage(props, data) {\n+  return (\n+    <>\n+      
{data.user.name}<\/h2>\n+      Loading Timeline...<\/h3>}>\n+        \n+      <\/Suspense>\n+    <\/>\n+  );\n+}\n+\n+export default block(ProfilePage, load);\ndiff --git a\/fixtures\/blocks\/src\/server\/ProfileTimeline.block.js b\/fixtures\/blocks\/src\/server\/ProfileTimeline.block.js\nnew file mode 100644\nindex 0000000000..c1c0978a16\n--- \/dev\/null\n+++ b\/fixtures\/blocks\/src\/server\/ProfileTimeline.block.js\n@@ -0,0 +1,35 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\/\n+\/* eslint-disable import\/first *\/\n+\n+import * as React from 'react';\n+import {block} from 'react';\n+\n+\/\/ Server\n+\n+import {fetch} from 'react-data\/fetch';\n+import PostList from '.\/PostList';\n+\n+function load(userId) {\n+  const postsByUser = fetch(`\/posts?userId=${userId}`).json();\n+  return {\n+    posts: ,\n+  };\n+}\n+\n+\/\/ Client\n+\n+function ProfileTimeline(props, data) {\n+  return (\n+    <>\n+      Timeline<\/h3>\n+      {data.posts}\n+    <\/>\n+  );\n+}\n+\n+export default block(ProfileTimeline, load);\n"}

dillon1000/react

Files changed