ci: add missing dir to rsc demo (#1314)

Author: ascorbic

.gitignore

@@ -146,4 +146,4 @@ Temporary Items
 .netlify
 demos/default/.next
 .parcel-cache
-lib
+plugin/lib

demos/server-components/lib/fetch-data.js

@@ -0,0 +1,10 @@
+export default async function fetchData(type, delay = 0) {
+  const [res] = await Promise.all([
+    fetch(`https://hacker-news.firebaseio.com/v0/${type}.json`),
+    new Promise(res => setTimeout(res, (Math.random()) * delay))
+  ])
+  if (res.status !== 200) {
+    throw new Error(`Status ${res.status}`)
+  }
+  return res.json()
+}

demos/server-components/lib/get-comments.js

@@ -0,0 +1,18 @@
+import fetchData from './fetch-data'
+
+// hydrate comments based on an array of item ids
+export default function fetch(ids) {
+  return Promise.all(
+    ids.map(async (id) => {
+      const val = await fetchData(`item/${id}`)
+      return {
+        id: val.id,
+        user: val.by,
+        text: val.text,
+        date: new Date(val.time * 1000).getTime() || 0,
+        comments: await fetch(val.kids || []),
+        commentsCount: val.descendants || 0,
+      }
+    })
+  )
+}

demos/server-components/lib/get-item.js

@@ -0,0 +1,25 @@
+import fetchData from './fetch-data'
+
+export default async function (id) {
+  const val = await fetchData(`item/${id}`)
+  if (val) {
+    return transform(val)
+  } else {
+    return null
+  }
+}
+
+export function transform(val) {
+  return {
+    id: val.id,
+    url: val.url || '',
+    user: val.by,
+    // time is seconds since epoch, not ms
+    date: new Date(val.time * 1000).getTime() || 0,
+    // sometimes `kids` is `undefined`
+    comments: val.kids || [],
+    commentsCount: val.descendants || 0,
+    score: val.score,
+    title: val.title,
+  }
+}

demos/server-components/lib/get-story-ids.js

@@ -0,0 +1,11 @@
+import fetchData from './fetch-data'
+
+export default async function (
+  type = 'topstories',
+  { page = 1, max = 30 } = {}
+) {
+  const start = max * (page - 1)
+  const end = start + max
+  const ids = await fetchData(type)
+  return ids.slice(start, end)
+}

demos/server-components/lib/time-ago.js

@@ -0,0 +1,12 @@
+import ms from 'ms'
+
+const map = {
+  s: 'seconds',
+  ms: 'milliseconds',
+  m: 'minutes',
+  h: 'hours',
+  d: 'days',
+}
+
+export default (date) =>
+  date ? ms(new Date() - date).replace(/[a-z]+/, (str) => ' ' + map[str]) : ''

demos/server-components/lib/use-data.js

@@ -0,0 +1,20 @@
+const cache = {}
+
+export default function useData(key, fetcher) {
+  if (!cache[key]) {
+    let data
+    let error
+    let promise
+    cache[key] = () => {
+      if (error !== undefined || data !== undefined) return { data, error }
+      if (!promise) {
+        promise = fetcher()
+        .then((r) => (data = r))
+        // Convert all errors to plain string for serialization
+        .catch((e) => error = e + '')
+      } 
+      throw promise
+    }
+  }
+  return cache[key]()
+}