docs: ⚡ added contributors

docs: ⚡ added contributors

packages/docs/src/components/widgets/Collaborators.tsx

@@ -1,24 +1,10 @@
-import { component$, Resource, useResource$ } from '@builder.io/qwik'
+import { component$ } from '@builder.io/qwik'
+
+import { User } from '~/contexts'
 import Collaborator from './Collaborator'
 
-export const apiGetCollaborators = async () => {
-    const data = fetch(
-        `https://api.github.com/repos/codigoencasa/bot-whatsapp/contributors`,
-        {
-            method: 'GET',
-            headers: {
-                Accept: 'application/vnd.github+json',
-                'X-GitHub-Api-Version': '2022-11-28',
-                Authorization:
-                    'Bearer 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',
-            },
-        }
-    )
-
-    return (await data).json()
-}
-
-export const TaleUsers = component$((props: { users: any[] }) => {
+export const TaleUsers = component$((props: { users: User[] }) => {
+    console.log(props)
     return (
         <>
             {props.users.map((user) => (
@@ -31,11 +17,7 @@ export const TaleUsers = component$((props: { users: any[] }) => {
     )
 })
 
-export default component$(() => {
-    const collaboratorsResource = useResource$(
-        async () => await apiGetCollaborators()
-    )
-
+export default component$((props: { users: any }) => {
     return (
         <section class="relative ">
             <div class={'px-4 py-16 mx-auto max-w-6xl lg:py-20'}>
@@ -53,10 +35,7 @@ export default component$(() => {
                 </div>
 
                 <div class="grid lg:grid-cols-12 grid-cols-1 gap-4 ">
-                    <Resource
-                        value={collaboratorsResource}
-                        onResolved={(data) => <TaleUsers users={data} />}
-                    ></Resource>
+                    <TaleUsers users={props.users} />
                 </div>
             </div>
         </section>

packages/docs/src/contexts/index.tsx

@@ -6,5 +6,12 @@ export interface DocumentationCtx {
     list: { link: string; name: string }[]
 }
 
+export interface User {
+    id: number
+    login: string
+    html_url: string
+    avatar_url: string
+}
+
 export const GlobalStore =
     createContext<DocumentationCtx[]>('documentation-site')

packages/docs/src/routes/docs/constant.ts

@@ -0,0 +1 @@
+export const GITHUB_TOKEN = import.meta.env.VITE_GITHUB_TOKEN ?? 'SIN_TOKEN'

packages/docs/src/routes/index.tsx

@@ -1,5 +1,9 @@
-import { component$ } from '@builder.io/qwik'
-import type { DocumentHead } from '@builder.io/qwik-city'
+import { component$, Resource } from '@builder.io/qwik'
+import {
+    DocumentHead,
+    RequestHandler,
+    useEndpoint,
+} from '@builder.io/qwik-city'
 
 import Hero from '~/components/widgets/Hero'
 import Features from '~/components/widgets/Features'
@@ -7,14 +11,41 @@ import FAQs from '~/components/widgets/FAQs'
 // import Stats from '~/components/widgets/Stats'
 import CallToAction from '~/components/widgets/CallToAction'
 import Collaborators from '~/components/widgets/Collaborators'
+import { GITHUB_TOKEN } from './docs/constant'
+
+export const apiGetCollaborators = async (token: string) => {
+    const data = await fetch(
+        `https://api.github.com/repos/codigoencasa/bot-whatsapp/contributors`,
+        {
+            method: 'GET',
+            headers: {
+                Accept: 'application/vnd.github+json',
+                'X-GitHub-Api-Version': '2022-11-28',
+                Authorization: `Bearer ${token}`,
+            },
+        }
+    )
+    const listUsers = data.json()
+    return listUsers
+}
+
+export const onRequest: RequestHandler = async ({ platform }) => {
+    console.log(platform)
+    const CHECK_GITHUB_TOKEN = (platform as any)['GITHUB_TOKEN'] ?? GITHUB_TOKEN
+    return apiGetCollaborators(CHECK_GITHUB_TOKEN)
+}
 
 export default component$(() => {
+    const dataUser = useEndpoint()
     return (
         <>
             <Hero />
             <Features />
             <CallToAction />
-            <Collaborators />
+            <Resource
+                value={dataUser}
+                onResolved={(users) => <Collaborators users={users} />}
+            ></Resource>
             <FAQs />
             {/* <Stats /> */}
         </>