[solidjs-pod] Get all repositories from GitHub API#684

.github/workflows/ci-solidjs-tailwind.yml

@@ -21,11 +21,13 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
+        uses: pnpm/[email protected]
         with:
           fetch-depth: 0
 
       - name: Use Node.js
         uses: actions/setup-node@v2
+        uses: pnpm/[email protected]
         with:
           node-version: ${{ matrix.node-version }}
           cache: 'pnpm'
@@ -45,11 +47,13 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v2
+        uses: pnpm/[email protected]
         with:
           fetch-depth: 0
 
       - name: Use Node.js
         uses: actions/setup-node@v2
+        uses: pnpm/[email protected]
         with:
           node-version: ${{ matrix.node-version }}
           cache: "pnpm"
@@ -75,11 +79,13 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
+        uses: pnpm/[email protected]
         with:
           fetch-depth: 0
 
       - name: Use Node.js
         uses: actions/setup-node@v2
+        uses: pnpm/[email protected]
         with:
           node-version: ${{ matrix.node-version }}
           cache: "pnpm"

solidjs-tailwind/src/components/Icons/index.js

@@ -1 +1,5 @@
 export { default as TwitterIcon } from './TwitterIcon';
+export { default as CaretIcon } from './caret';
+export { default as CloseIcon } from './close';
+export { default as CorrectIcon } from './correct';
+export { default as RepoBookIcon } from './repo-book';

solidjs-tailwind/src/components/RepoFilter/FilterDropdown.jsx

@@ -7,7 +7,7 @@ import {
   Switch,
   Match,
 } from 'solid-js';
-import { CaretIcon, CloseIcon, CorrectIcon } from '../icons';
+import { CaretIcon, CloseIcon, CorrectIcon } from '../Icons';
 
 function clickOutside(el, accessor) {
   const onClick = (e) => {

solidjs-tailwind/src/components/RepoFilter/FilterText.jsx

@@ -1,5 +1,5 @@
 import { Show, splitProps } from 'solid-js';
-import { CloseIcon } from '../icons';
+import { CloseIcon } from '../Icons';
 
 const modifyFilterTypeText = (filterText = 'test') => {
   if (filterText.endsWith('s')) {

solidjs-tailwind/src/components/RepoFilter/RepoFilter.jsx

@@ -1,5 +1,5 @@
 import { mergeProps, Show } from 'solid-js';
-import { RepoBookIcon } from '../icons';
+import { RepoBookIcon } from '../Icons';
 import { FILTER_TYPE_OPTIONS, SORT_OPTIONS } from './data';
 import FilterDropdown from './FilterDropdown';
 import FilterText from './FilterText';

solidjs-tailwind/src/components/icons/index.js

@@ -1,3 +1,4 @@
+export { default as TwitterIcon } from './TwitterIcon';
 export { default as CaretIcon } from './caret';
 export { default as CloseIcon } from './close';
 export { default as CorrectIcon } from './correct';

solidjs-tailwind/src/services/api.js

@@ -0,0 +1,25 @@
+const FetchApi = ({ url, query, variables, headersOptions }) => {
+  return new Promise((resolve, reject) => {
+    fetch(url, {
+      method: 'POST',
+      headers: {
+        ...headersOptions,
+        Accept: 'application/vnd.github+json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        query,
+        variables,
+      }),
+    })
+      .then((res) => res.json())
+      .then((result) => {
+        resolve(result);
+      })
+      .catch((error) => {
+        reject(error);
+      });
+  });
+};
+
+export default FetchApi;

solidjs-tailwind/src/services/queries/all-repos.js

@@ -0,0 +1,55 @@
+export const USER_REPOS_QUERY = `
+  query UserRepos(
+    $username: String!
+    $afterCursor: String
+    $beforeCursor: String
+    $orderBy: RepositoryOrder
+    $first: Int
+    $last: Int
+  ) {
+    owner: user(login: $username) {
+      repositories(
+        first: $first
+        last: $last
+        after: $afterCursor
+        before: $beforeCursor
+        orderBy: $orderBy
+        ownerAffiliations: [OWNER]
+      ) {
+        nodes {
+          id
+          name
+          description
+          stargazerCount
+          forkCount
+          isArchived
+          isFork
+          primaryLanguage {
+            id
+            color
+            name
+          }
+          languages(first: 10, orderBy: { direction: ASC, field: SIZE }) {
+            nodes {
+              color
+              name
+              id
+            }
+          }
+          isPrivate
+          visibility
+          updatedAt
+          owner {
+            login
+          }
+        }
+        pageInfo {
+          endCursor
+          startCursor
+          hasNextPage
+          hasPreviousPage
+        }
+      }
+    }
+  }
+`;

solidjs-tailwind/src/services/user-repos.js

@@ -0,0 +1,52 @@
+import { useAuth } from "../auth";
+import FetchApi from "./api";
+import { USER_REPOS_QUERY } from "./queries/all-repos";
+
+const getUserRepos = async ({
+  url
+}) => {
+  const { authStore } = useAuth();
+  const data = {
+    url,
+    query: USER_REPOS_QUERY,
+    variable: null,
+    headersOptions: {
+      authorization: `Bearer ${authStore.token}`,
+    }
+  }
+  const resp = await FetchApi(data);
+   const nodes = resp?.owner?.repositories?.nodes;
+   const pageInfo = resp?.owner?.repositories?.pageInfo;
+
+  if (!nodes) {
+    return undefined;
+  }
+  const repos = nodes?.reduce((acc, repo) => {
+        return repo
+          ? [
+              ...acc,
+              {
+                id: repo.id,
+                name: repo.name,
+                description: repo.description,
+                stargazerCount: repo.stargazerCount,
+                forkCount: repo.forkCount,
+                primaryLanguage: {
+                  name: repo.primaryLanguage?.name,
+                  color: repo.primaryLanguage?.color,
+                },
+                visibility: repo.visibility,
+                updatedAt: repo.updatedAt,
+                owner: repo.owner,
+              },
+            ]
+          : acc;
+  }, []);
+
+  return {
+    pageInfo,
+    repos
+  };
+};
+
+export default getUserRepos;