Merge branch 'main' into lib-react-native-share

Author: Simek

libraries.json

@@ -207,6 +207,21 @@
     "maintainersUsernames": [],
     "notes": "Additional OSS libs used internally"
   },
+  "@sentry/react-native": {
+    "description": "Official Sentry SDK for React Native",
+    "installCommand": "@sentry/react-native",
+    "android": true,
+    "ios": true,
+    "maintainersUsernames": [],
+    "notes": "One of top most used libraries according to the npm stats"
+  },
+  "react-native-edge-to-edge": {
+    "description": "Enable edge-to-edge display in React Native",
+    "installCommand": "react-native-edge-to-edge",
+    "android": true,
+    "maintainersUsernames": [],
+    "notes": "One of top most used libraries according to the npm stats"
+  },
   "react-native-share": {
     "description": "Social share, sending simple data to other apps",
     "installCommand": "react-native-share",

website/components/GitHubRepoLink.tsx

@@ -0,0 +1,19 @@
+import GitHubLogo from "~/public/github.svg";
+
+type Props = { repositoryURL?: string };
+
+export function GitHubRepoLink({ repositoryURL }: Props) {
+  if (!repositoryURL) {
+    return null;
+  }
+
+  return (
+    <a
+      href={repositoryURL}
+      target="_blank"
+      className="ml-auto transition-opacity hover:opacity-70"
+    >
+      <GitHubLogo className="size-3.5 text-secondary" />
+    </a>
+  );
+}

website/components/Table.tsx

@@ -10,9 +10,11 @@ import {
 } from "@tanstack/react-table";
 import { twMerge } from "tailwind-merge";
 
+import { GitHubRepoLink } from "~/components/GitHubRepoLink";
 import { useSearch } from "~/context/SearchContext";
 import data from "~/public/data.json";
 import { type LibraryType } from "~/types/data-types";
+import getCleanPackageName from "~/utils/getCleanPackageName";
 
 const columnHelper = createColumnHelper<LibraryType>();
 
@@ -35,18 +37,34 @@ export default function Table({ platform }: Props) {
   const { query } = useSearch();
 
   const columns = [
-    columnHelper.accessor(`library`, {
+    columnHelper.accessor(`installCommand`, {
       header: () => <span className="block">Library</span>,
       cell: (info) => {
         const entry = info.getValue();
+
         if (!entry.includes(" ")) {
-          return entry;
+          const repositoryURL =
+            info.row.original.repositoryURLs?.[getCleanPackageName(entry)];
+          return (
+            <div className="flex items-center">
+              {entry}
+              <GitHubRepoLink repositoryURL={repositoryURL} />
+            </div>
+          );
         }
+
         return (
           <div className="flex flex-col">
-            {entry.split(" ").map((lib: string) => (
-              <span key={lib}>{lib}</span>
-            ))}
+            {entry.split(" ").map((lib: string) => {
+              const repositoryURL =
+                info.row.original.repositoryURLs?.[getCleanPackageName(lib)];
+              return (
+                <div className="flex items-center" key={lib}>
+                  {lib}
+                  <GitHubRepoLink repositoryURL={repositoryURL} />
+                </div>
+              );
+            })}
           </div>
         );
       },

website/eslint.config.mjs

@@ -32,6 +32,7 @@ export default defineConfig([
         Buffer: "readonly",
         console: "readonly",
         process: "readonly",
+        fetch: "readonly",
       },
     },
     rules: {