👥 Update LangChain people data (#17743)

👥 Update LangChain people data

---------

Co-authored-by: github-actions <github-actions@github.com>

docs/docs/people.mdx

@@ -0,0 +1,46 @@
+---
+hide_table_of_contents: true
+---
+
+import People from "@theme/People";
+
+# People
+
+There are some incredible humans from all over the world who have been instrumental in helping the LangChain community flourish 🌐!
+
+This page highlights a few of those folks who have dedicated their time to the open-source repo in the form of direct contributions and reviews.
+
+## Top reviewers
+
+As LangChain has grown, the amount of surface area that maintainers cover has grown as well.
+
+Thank you to the following folks who have gone above and beyond in reviewing incoming PRs 🙏!
+
+<People type="top_reviewers"></People>
+
+## Top recent contributors
+
+The list below contains contributors who have had the most PRs merged in the last three months, weighted (imperfectly) by impact.
+
+Thank you all so much for your time and efforts in making LangChain better ❤️!
+
+<People type="top_recent_contributors" count="20"></People>
+
+## Core maintainers
+
+Hello there 👋!
+
+We're LangChain's core maintainers. If you've spent time in the community, you've probably crossed paths
+with at least one of us already. 
+
+<People type="maintainers"></People>
+
+## Top all-time contributors
+
+And finally, this is an all-time list of all-stars who have made significant contributions to the framework 🌟:
+
+<People type="top_contributors"></People>
+
+We're so thankful for your support!
+
+And one more thank you to [@tiangolo](https://github.com/tiangolo) for inspiration via FastAPI's [excellent people page](https://fastapi.tiangolo.com/fastapi-people).

docs/docusaurus.config.js

@@ -58,6 +58,10 @@ const config = {
                 fullySpecified: false,
               },
             },
+            {
+              test: /\.ya?ml$/,
+              use: 'yaml-loader'
+            },
             {
               test: /\.ipynb$/,
               loader: "raw-loader",
@@ -177,6 +181,10 @@ const config = {
             label: "More",
             position: "left",
             items: [
+              {
+                to: "/docs/people/",
+                label: "People",
+              },
               {
                 to: "/docs/packages",
                 label: "Versioning",

docs/package.json

@@ -45,7 +45,8 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "prettier": "^2.7.1",
     "typedoc": "^0.24.4",
-    "typedoc-plugin-markdown": "next"
+    "typedoc-plugin-markdown": "next",
+    "yaml-loader": "^0.8.0"
   },
   "browserslist": {
     "production": [

docs/src/theme/People.js

@@ -0,0 +1,28 @@
+import React from "react";
+import PeopleData from "../../data/people.yml"
+
+function renderPerson({ login, avatarUrl, url }) {
+    return (
+        <div key={`person:${login}`} style={{ display: "flex", flexDirection: "column", alignItems: "center", padding: "18px" }}>
+            <a href={url} target="_blank">
+                <img src={avatarUrl} style={{ borderRadius: "50%", width: "128px", height: "128px" }} />
+            </a>
+            <a href={url} target="_blank" style={{ fontSize: "18px", fontWeight: "700" }}>@{login}</a>
+        </div>
+    );
+}
+
+export default function People({ type, count }) {
+    let people = PeopleData[type] ?? [];
+    if (count !== undefined) {
+      people = people.slice(0, parseInt(count, 10));
+    }
+    const html = people.map((person) => {
+        return renderPerson(person);
+    });
+    return (
+        <div style={{ display: "flex", flexWrap: "wrap", padding: "10px", justifyContent: "space-around" }}>
+            {html}
+        </div>
+    );
+}