@brillout/docpress 0.5.33 → 0.5.34

package/dist/index.d.ts

@@ -60,8 +60,8 @@ type Config = {
     projectInfo: {
         githubRepository: string;
         githubIssues: string;
+        githubDiscussions?: string;
         projectName: string;
-        projectNameJsx?: JSX.Element;
         projectVersion: string;
         discordInvite: string;
         twitterProfile: string;
@@ -142,6 +142,37 @@ declare function HorizontalLine({ primary }: {
     primary?: true;
 }): JSX.Element;
 
+type Children = (string | JSX.Element) | (string | JSX.Element)[];
+declare function SupporterSection({ children }: {
+    children?: Children;
+}): JSX.Element;
+declare function SectionDescription({ children }: {
+    children?: Children;
+}): JSX.Element;
+declare function Individuals({ children }: {
+    children?: Children;
+}): JSX.Element;
+declare function Supporter({ username, avatarUrl }: {
+    username: string;
+    avatarUrl?: string;
+}): JSX.Element;
+declare function SupporterImg({ imgSrc, // has precedence over avatarUrl
+avatarUrl, // has precedence over username
+username, imgAlt, width, height, padding }: {
+    imgSrc?: string;
+    avatarUrl?: string;
+    username?: string;
+    imgAlt?: string;
+    width: number;
+    height: number;
+    padding?: number;
+}): JSX.Element;
+declare function CallToAction({ iconUrl, text, href }: {
+    iconUrl: string;
+    text: string;
+    href: string;
+}): JSX.Element;
+
 type Plan = 'indie' | 'bronze' | 'silver' | 'gold' | 'platinum';
 type SponsorCompany = {
     companyName: string;
@@ -162,6 +193,26 @@ type DivSize = {
 };
 declare function Sponsors(): JSX.Element;
 
+declare const maintainers: ({
+    username: string;
+    firstName: string;
+    roles: JSX.Element[];
+    consultingUrl?: undefined;
+} | {
+    username: string;
+    firstName: string;
+    roles: JSX.Element[];
+    consultingUrl: string;
+})[];
+
+declare function Contributors(): JSX.Element;
+declare function Maintainer({ maintainer }: {
+    maintainer: (typeof maintainers)[0];
+}): JSX.Element;
+
+declare function Consulting(): JSX.Element;
+declare function Consultants(): JSX.Element;
+
 type LineBreak = 'white-space' | 'break-word';
 declare function CodeBlockTransformer({ children, lineBreak }: {
     children: React$1.ReactNode;
@@ -172,4 +223,4 @@ declare function Comment({ children }: {
     children: React$1.ReactNode;
 }): JSX.Element;
 
-export { CodeBlockTransformer, Comment, Config, Construction, Danger, Emoji, EmojiName, HeadingDefinition, HeadingDetachedDefinition, HorizontalLine, ImportMeta, Link, NoteWithCustomIcon, NoteWithoutIcon, P, ReadingRecommendation, RepoLink, Sponsor, Sponsors, Warning, assert, assertUsage, assertWarning, crawlAllFiles, determineSectionTitle, determineSectionUrlHash, filter, isBrowser, isRepoLink, jsxToTextContent, objectAssign };
+export { CallToAction, CodeBlockTransformer, Comment, Config, Construction, Consultants, Consulting, Contributors, Danger, Emoji, EmojiName, HeadingDefinition, HeadingDetachedDefinition, HorizontalLine, ImportMeta, Individuals, Link, Maintainer, NoteWithCustomIcon, NoteWithoutIcon, P, ReadingRecommendation, RepoLink, SectionDescription, Sponsor, Sponsors, Supporter, SupporterImg, SupporterSection, Warning, assert, assertUsage, assertWarning, crawlAllFiles, determineSectionTitle, determineSectionUrlHash, filter, isBrowser, isRepoLink, jsxToTextContent, objectAssign };

package/dist/index.js

@@ -274,8 +274,108 @@ function HorizontalLine({ primary }) {
   }));
 }
 
-// src/components/Sponsors.tsx
+// src/components/Supporters.tsx
 import React7 from "react";
+function SupporterSection({ children }) {
+  return /* @__PURE__ */ React7.createElement("div", {
+    style: {
+      textAlign: "center",
+      marginTop: 19
+    }
+  }, children);
+}
+function SectionDescription({ children }) {
+  return /* @__PURE__ */ React7.createElement("div", {
+    style: {
+      maxWidth: 400,
+      display: "inline-block",
+      marginTop: 12,
+      marginBottom: 12
+    }
+  }, children);
+}
+function Individuals({ children }) {
+  return /* @__PURE__ */ React7.createElement("div", {
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      justifyContent: "center",
+      alignItems: "end",
+      margin: "17px auto",
+      maxWidth: 700
+    }
+  }, children);
+}
+function Supporter({ username, avatarUrl }) {
+  const website = `https://github.com/${username}`;
+  const width = 30;
+  const height = 30;
+  const marginWidth = 5;
+  const marginHeight = 5;
+  return /* @__PURE__ */ React7.createElement("a", {
+    href: website,
+    style: {
+      margin: `${marginHeight}px ${marginWidth}px`
+    }
+  }, /* @__PURE__ */ React7.createElement("div", {
+    style: {
+      borderRadius: 7,
+      overflow: "hidden",
+      width,
+      height,
+      display: "flex",
+      alignItems: "center",
+      flexDirection: "column",
+      justifyContent: "center"
+    }
+  }, /* @__PURE__ */ React7.createElement(SupporterImg, {
+    ...{ username, avatarUrl, width, height }
+  })));
+}
+function SupporterImg({
+  imgSrc,
+  avatarUrl,
+  username,
+  imgAlt,
+  width,
+  height,
+  padding = 0
+}) {
+  const size = Math.max(width, height);
+  if (avatarUrl) {
+    imgSrc = imgSrc || `${avatarUrl}&size=${size}`;
+  }
+  if (username) {
+    imgSrc = imgSrc || `https://github.com/${username}.png?size=${size}`;
+    imgAlt = imgAlt || username;
+  }
+  return /* @__PURE__ */ React7.createElement("img", {
+    style: { width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2, objectFit: "contain" },
+    src: imgSrc,
+    alt: imgAlt
+  });
+}
+function CallToAction({ iconUrl, text, href }) {
+  return /* @__PURE__ */ React7.createElement("a", {
+    className: "button",
+    style: {
+      color: "inherit",
+      display: "inline-flex",
+      alignItems: "center",
+      padding: "5px 10px",
+      marginBottom: 10
+    },
+    href
+  }, /* @__PURE__ */ React7.createElement("img", {
+    src: iconUrl,
+    height: 22
+  }), " ", /* @__PURE__ */ React7.createElement("span", {
+    style: { marginLeft: 7, fontSize: "1.07em" }
+  }, text));
+}
+
+// src/components/Sponsors.tsx
+import React8 from "react";
 
 // src/icons/heart.svg
 var heart_default = "/assets/heart-OINVKOXO.svg";
@@ -292,29 +392,32 @@ var medalBronze_default = "/assets/medalBronze-CO4CTUR4.svg";
 // src/components/Sponsors/label.svg
 var label_default = "/assets/label-MP75CTIA.svg";
 
-// src/components/Sponsors/companyLogos/contra.svg
+// src/data/sponsorsList/companyLogos/contra.svg
 var contra_default = "/assets/contra-WLZBOPBV.svg";
 
-// src/components/Sponsors/companyLogos/optimizers.svg
+// src/data/sponsorsList/companyLogos/optimizers.svg
 var optimizers_default = "/assets/optimizers-SFEZF3NW.svg";
 
-// src/components/Sponsors/companyLogos/sourcegraph.svg
+// src/data/sponsorsList/companyLogos/sourcegraph.svg
 var sourcegraph_default = "/assets/sourcegraph-YR2HADLS.svg";
 
-// src/components/Sponsors/companyLogos/burdaforward.png
+// src/data/sponsorsList/companyLogos/burdaforward.png
 var burdaforward_default = "/assets/burdaforward-EUGURYZY.png";
 
-// src/components/Sponsors/companyLogos/inlang.png
+// src/data/sponsorsList/companyLogos/inlang.png
 var inlang_default = "/assets/inlang-GFRWND6X.png";
 
-// src/components/Sponsors/companyLogos/bluefin.svg
+// src/data/sponsorsList/companyLogos/bluefin.svg
 var bluefin_default = "/assets/bluefin-JQABZFGV.svg";
 
-// src/components/Sponsors/companyLogos/alignable.svg
+// src/data/sponsorsList/companyLogos/alignable.svg
 var alignable_default = "/assets/alignable-B4QZV4X7.svg";
 
-// src/components/Sponsors/sponsorsList.ts
+// src/data/sponsorsList.ts
 var individuals = [
+  { username: "shishkin17" },
+  { username: "royalswe" },
+  { username: "lebretont" },
   { username: "xar" },
   { username: "NicoZweifel" },
   { username: "mariuslian" },
@@ -345,7 +448,6 @@ var individuals = [
   { username: "cookieplace" },
   { username: "JiangWeixian" },
   { username: "harrytran998" },
-  { username: "royalswe" },
   { username: "alexturpin" },
   { username: "gu-stav" },
   { username: "YannBirba" },
@@ -387,6 +489,13 @@ var companies = [
     website: "https://contra.com",
     github: "contra"
   },
+  {
+    companyName: "Inlang",
+    companyLogo: inlang_default,
+    plan: "silver",
+    website: "https://inlang.com/",
+    github: "opral"
+  },
   {
     companyName: "Alignable",
     companyLogo: alignable_default,
@@ -418,13 +527,6 @@ var companies = [
     website: "https://www.burda-forward.de",
     github: "BurdaForward"
   },
-  {
-    companyName: "Inlang",
-    companyLogo: inlang_default,
-    plan: "indie",
-    website: "https://inlang.com/",
-    github: "inlang"
-  },
   {
     companyName: "Bluefin",
     companyLogo: bluefin_default,
@@ -442,86 +544,47 @@ function Sponsors() {
   const sponsorGithubAccount = pageContext.config.sponsorGithubAccount || "brillout";
   const sponsorsCompanies = sponsorsList.filter(isCompany);
   const sponsorsIndividuals = sponsorsList.filter(isIndividual);
-  return /* @__PURE__ */ React7.createElement("div", {
-    style: { textAlign: "center", marginTop: 19 }
-  }, /* @__PURE__ */ React7.createElement("a", {
-    className: "button",
-    href: `https://github.com/sponsors/${sponsorGithubAccount}`,
-    style: {
-      color: "inherit",
-      display: "inline-flex",
-      alignItems: "center",
-      padding: "5px 10px",
-      marginBottom: 10
-    }
-  }, /* @__PURE__ */ React7.createElement("img", {
-    src: heart_default,
-    height: 22
-  }), " ", /* @__PURE__ */ React7.createElement("span", {
-    style: { marginLeft: 7, fontSize: "1.07em" }
-  }, "Sponsor")), /* @__PURE__ */ React7.createElement("div", null), /* @__PURE__ */ React7.createElement("div", {
-    style: { maxWidth: 400, display: "inline-block", marginTop: 12, marginBottom: 12 }
-  }, projectInfo.projectNameJsx || projectInfo.projectName, " is free and open source, made possible by wonderful sponsors."), /* @__PURE__ */ React7.createElement("div", {
+  return /* @__PURE__ */ React8.createElement(SupporterSection, null, /* @__PURE__ */ React8.createElement(CallToAction, {
+    iconUrl: heart_default,
+    text: "Sponsor",
+    href: `https://github.com/sponsors/${sponsorGithubAccount}`
+  }), /* @__PURE__ */ React8.createElement("div", null), /* @__PURE__ */ React8.createElement(SectionDescription, null, projectInfo.projectName, " is free and open source, made possible by wonderful sponsors."), /* @__PURE__ */ React8.createElement("div", {
     style: { display: "flex", flexWrap: "wrap", justifyContent: "space-evenly", alignItems: "end" }
-  }, sponsorsCompanies.map((sponsor, i) => /* @__PURE__ */ React7.createElement(SponsorDiv, {
+  }, sponsorsCompanies.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
     sponsor,
     key: i
-  }))), /* @__PURE__ */ React7.createElement("div", {
-    style: {
-      display: "flex",
-      flexWrap: "wrap",
-      justifyContent: "center",
-      alignItems: "end",
-      margin: "17px auto",
-      maxWidth: 700
-    }
-  }, sponsorsIndividuals.map((sponsor, i) => /* @__PURE__ */ React7.createElement(SponsorDiv, {
+  }))), /* @__PURE__ */ React8.createElement(Individuals, null, sponsorsIndividuals.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
     sponsor,
     key: i
   }))));
 }
 function SponsorDiv({ sponsor }) {
-  let imgSrc;
-  let imgAlt;
-  let width;
-  let height;
-  let website;
-  let padding;
-  let marginHeight;
-  let marginWidth;
-  let backgroundColor = "#f0f0f0";
-  let label = null;
   if (isIndividual(sponsor)) {
-    website = `https://github.com/${sponsor.username}`;
-    imgSrc = `https://github.com/${sponsor.username}.png?size=30`;
-    width = 30;
-    height = 30;
-    padding = 0;
-    marginHeight = 5;
-    marginWidth = 5;
-    backgroundColor = "none";
-  } else {
-    imgSrc = sponsor.companyLogo;
-    website = sponsor.website;
-    const size = getSize(sponsor);
-    width = size.width;
-    height = size.height;
-    padding = size.padding;
-    imgAlt = sponsor.companyName;
-    marginHeight = 20;
-    marginWidth = 10;
-    label = /* @__PURE__ */ React7.createElement(Label, {
-      sponsor
+    return /* @__PURE__ */ React8.createElement(Supporter, {
+      username: sponsor.username
     });
   }
-  return /* @__PURE__ */ React7.createElement("a", {
-    href: website,
+  return /* @__PURE__ */ React8.createElement(CompanyDiv, {
+    sponsor
+  });
+}
+function CompanyDiv({ sponsor }) {
+  assert(isCompany(sponsor));
+  const imgSrc = sponsor.companyLogo;
+  const imgAlt = sponsor.companyName;
+  const { width, height, padding } = getSize(sponsor);
+  const marginHeight = 20;
+  const marginWidth = 10;
+  return /* @__PURE__ */ React8.createElement("a", {
+    href: sponsor.website,
     style: {
       margin: `${marginHeight}px ${marginWidth}px`
     }
-  }, label, /* @__PURE__ */ React7.createElement("div", {
+  }, /* @__PURE__ */ React8.createElement(Label, {
+    sponsor
+  }), /* @__PURE__ */ React8.createElement("div", {
     style: {
-      backgroundColor,
+      backgroundColor: "#f0f0f0",
       borderRadius: 7,
       overflow: "hidden",
       width,
@@ -532,10 +595,8 @@ function SponsorDiv({ sponsor }) {
       flexDirection: "column",
       justifyContent: "center"
     }
-  }, /* @__PURE__ */ React7.createElement("img", {
-    style: { width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2, objectFit: "contain" },
-    src: imgSrc,
-    alt: imgAlt
+  }, /* @__PURE__ */ React8.createElement(SupporterImg, {
+    ...{ imgSrc, imgAlt, width, height, padding }
   })));
 }
 function Label({ sponsor }) {
@@ -543,7 +604,7 @@ function Label({ sponsor }) {
   const labelBg = getLabelBg(sponsor);
   const labelIcon = getLabelIcon(sponsor);
   const labelText = getLabelText(sponsor);
-  return /* @__PURE__ */ React7.createElement("div", {
+  return /* @__PURE__ */ React8.createElement("div", {
     style: {
       top: 0,
       display: "flex",
@@ -556,20 +617,20 @@ function Label({ sponsor }) {
 }
 function getLabelBg(sponsor) {
   const height = sponsor.plan === "platinum" ? 32 : 24;
-  return /* @__PURE__ */ React7.createElement("img", {
+  return /* @__PURE__ */ React8.createElement("img", {
     src: label_default,
     style: { height, position: "absolute", bottom: 0, zIndex: -1 }
   });
 }
 function getLabelText(sponsor) {
   if (sponsor.plan === "platinum") {
-    return /* @__PURE__ */ React7.createElement(React7.Fragment, null);
+    return /* @__PURE__ */ React8.createElement(React8.Fragment, null);
   }
   let letterSpacing = void 0;
   if (["bronze", "silver", "gold", "indie"].includes(sponsor.plan)) {
     letterSpacing = 1;
   }
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, " ", /* @__PURE__ */ React7.createElement("span", {
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, " ", /* @__PURE__ */ React8.createElement("span", {
     style: {
       zIndex: 1,
       fontSize: "0.82em",
@@ -584,12 +645,12 @@ function getLabelText(sponsor) {
 function getLabelIcon(sponsor) {
   let medalSrc;
   if (sponsor.plan === "platinum") {
-    return /* @__PURE__ */ React7.createElement(Emoji, {
+    return /* @__PURE__ */ React8.createElement(Emoji, {
       name: "trophy",
       style: { fontSize: "1.3em" }
     });
   } else if (sponsor.plan === "indie") {
-    return /* @__PURE__ */ React7.createElement(Emoji, {
+    return /* @__PURE__ */ React8.createElement(Emoji, {
       name: "ribbon",
       style: { fontSize: "0.9em" }
     });
@@ -602,7 +663,7 @@ function getLabelIcon(sponsor) {
   } else {
     assert(false);
   }
-  return /* @__PURE__ */ React7.createElement("img", {
+  return /* @__PURE__ */ React8.createElement("img", {
     src: medalSrc,
     style: { height: 15, zIndex: 1, marginRight: 5 }
   });
@@ -641,40 +702,226 @@ function isIndividual(sponsor) {
   return "username" in sponsor;
 }
 
+// src/components/Contributors.tsx
+import React10 from "react";
+
+// src/data/maintainersList.tsx
+import React9 from "react";
+var maintainers = [
+  {
+    username: "brillout",
+    firstName: "Rom",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Vike Core (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-react"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-vue"), " (Contributor)")
+    ]
+  },
+  {
+    username: "magne4000",
+    firstName: "Jo\xEBl",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Bati (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-solid"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Vike Core (Contributor)")
+    ]
+  },
+  {
+    username: "AurelienLourot",
+    firstName: "Aur\xE9lien",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-vue"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-react"), " (Contributor)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Vike Core (Contributor)")
+    ],
+    consultingUrl: "https://lourot.dev/"
+  },
+  {
+    username: "nitedani",
+    firstName: "D\xE1niel",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-react-query"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-angular"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Vike Core (Contributor)")
+    ]
+  },
+  {
+    username: "phonzammi",
+    firstName: "Muhammad",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-vue"), " (Contributor)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-solid"), " (Contributor)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-react"), " (Contributor)")
+    ]
+  },
+  {
+    username: "4350pChris",
+    firstName: "Chris",
+    roles: [
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-pinia"), " (Lead Maintainer, Creator)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("code", null, "vike-vue"), " (Contributor)"),
+      /* @__PURE__ */ React9.createElement(React9.Fragment, null, "Vike Core (Contributor)")
+    ]
+  }
+];
+
+// src/components/Contributors.tsx
+import { contributors } from "vike-contributors";
+function Contributors() {
+  const pageContext = usePageContext();
+  const { projectInfo } = pageContext.config;
+  return /* @__PURE__ */ React10.createElement(SupporterSection, null, /* @__PURE__ */ React10.createElement(SectionDescription, null, projectInfo.projectName, " is built and maintained by passionate contributors."), /* @__PURE__ */ React10.createElement("div", {
+    style: { display: "flex", flexWrap: "wrap", justifyContent: "space-evenly", alignItems: "end" }
+  }, maintainers.map((maintainer, i) => /* @__PURE__ */ React10.createElement(Maintainer, {
+    maintainer,
+    key: i
+  }))), /* @__PURE__ */ React10.createElement(Individuals, null, contributors.filter((contributor) => {
+    return !contributor.login.includes("[bot]") && !maintainers.map((m) => m.username).includes(contributor.login);
+  }).map((contributor, i) => /* @__PURE__ */ React10.createElement(Supporter, {
+    username: contributor.login,
+    avatarUrl: contributor.avatarUrl,
+    key: i
+  }))));
+}
+function Maintainer({ maintainer }) {
+  const marginHeight = 20;
+  const marginWidth = 10;
+  const imgSize = 50;
+  const githubUrl = `https://github.com/${maintainer.username}`;
+  return /* @__PURE__ */ React10.createElement("div", {
+    style: {
+      borderRadius: 7,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: "#e0e0e0",
+      overflow: "hidden",
+      width: 430,
+      maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,
+      margin: `${marginHeight}px ${marginWidth}px`,
+      display: "flex",
+      flexWrap: "wrap",
+      padding: 20,
+      gap: 20,
+      textAlign: "left"
+    }
+  }, /* @__PURE__ */ React10.createElement("a", {
+    href: githubUrl
+  }, /* @__PURE__ */ React10.createElement("div", {
+    style: { width: imgSize, height: imgSize, borderRadius: imgSize / 2, overflow: "hidden" }
+  }, /* @__PURE__ */ React10.createElement(SupporterImg, {
+    username: maintainer.username,
+    avatarUrl: getAvatarUrl(maintainer),
+    imgAlt: maintainer.firstName,
+    width: imgSize,
+    height: imgSize
+  }))), /* @__PURE__ */ React10.createElement("div", null, /* @__PURE__ */ React10.createElement("b", null, maintainer.firstName), " \xB7", " ", /* @__PURE__ */ React10.createElement("a", {
+    href: githubUrl
+  }, /* @__PURE__ */ React10.createElement("i", {
+    style: { fontSize: ".9em", color: "#505050" }
+  }, maintainer.username)), maintainer.consultingUrl ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, " ", "\xB7", " ", /* @__PURE__ */ React10.createElement("a", {
+    href: maintainer.consultingUrl
+  }, /* @__PURE__ */ React10.createElement("b", {
+    style: {
+      fontSize: ".7em",
+      color: "white",
+      backgroundColor: "#305090",
+      padding: "1px 5px 2px 5px",
+      verticalAlign: "text-top",
+      borderRadius: 3
+    }
+  }, "consulting"))) : null, /* @__PURE__ */ React10.createElement("ul", {
+    style: { fontSize: ".8em", paddingLeft: 15, marginTop: 5, marginBottom: 0 }
+  }, maintainer.roles.map((role, i) => /* @__PURE__ */ React10.createElement("li", {
+    key: i
+  }, role)))));
+}
+function getAvatarUrl(maintainer) {
+  for (const contributor of contributors) {
+    if (maintainer.username === contributor.login) {
+      return contributor.avatarUrl;
+    }
+  }
+  throw new Error(`Maintainer ${maintainer.username} not found in contributors' list.`);
+}
+
+// src/components/Consulting.tsx
+import React11 from "react";
+
+// src/icons/people.svg
+var people_default = "/assets/people-72KKQHU4.svg";
+
+// src/components/Consulting.tsx
+var consultingPageHref = "/consulting";
+function Consulting() {
+  const pageContext = usePageContext();
+  const { projectInfo } = pageContext.config;
+  const { projectName } = projectInfo;
+  return /* @__PURE__ */ React11.createElement(SupporterSection, null, /* @__PURE__ */ React11.createElement(CallToAction, {
+    iconUrl: people_default,
+    text: "Consulting",
+    href: consultingPageHref
+  }), /* @__PURE__ */ React11.createElement("div", null), /* @__PURE__ */ React11.createElement(SectionDescription, null, "For questions and issues related to ", projectName, ", open a", " ", /* @__PURE__ */ React11.createElement("a", {
+    href: projectInfo.githubDiscussions || projectInfo.githubIssues
+  }, "GitHub Discussion"), ". For advanced help or help not directly related to ", projectName, ", the ", projectName, " team offers", " ", /* @__PURE__ */ React11.createElement(Link, {
+    href: consultingPageHref,
+    noBreadcrumb: true
+  }, "consulting"), "."));
+}
+function Consultants() {
+  return /* @__PURE__ */ React11.createElement(SupporterSection, null, /* @__PURE__ */ React11.createElement("div", {
+    style: { display: "flex", flexWrap: "wrap", alignItems: "end" }
+  }, maintainers.filter((maintainer) => {
+    return !!maintainer.consultingUrl;
+  }).map((maintainer, i) => /* @__PURE__ */ React11.createElement(Maintainer, {
+    maintainer,
+    key: i
+  }))));
+}
+
 // src/components/CodeBlockTransformer.tsx
-import React8 from "react";
+import React12 from "react";
 function CodeBlockTransformer({ children, lineBreak }) {
   assert(
     lineBreak === "white-space" || lineBreak === "break-word",
     "`lineBreak` is currently the only use case for <CodeBlockTransformer>"
   );
   const className = `with-line-break_${lineBreak}`;
-  return /* @__PURE__ */ React8.createElement("div", {
+  return /* @__PURE__ */ React12.createElement("div", {
     className
   }, children);
 }
 
 // src/components/Comment.tsx
-import React9 from "react";
+import React13 from "react";
 function Comment({ children }) {
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null);
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null);
 }
 export {
+  CallToAction,
   CodeBlockTransformer,
   Comment,
   Construction,
+  Consultants,
+  Consulting,
+  Contributors,
   Danger,
   Emoji,
   FeatureList,
   HorizontalLine,
   ImportMeta,
+  Individuals,
   Link,
+  Maintainer,
   NoteWithCustomIcon,
   NoteWithoutIcon,
   P,
   ReadingRecommendation,
   RepoLink,
+  SectionDescription,
   Sponsors,
+  Supporter,
+  SupporterImg,
+  SupporterSection,
   Warning,
   assert,
   assertUsage,

package/dist/people-72KKQHU4.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.719 19.7519L16.0785 14.6279C15.8908 13.1266 14.6146 12 13.1017 12H12H10.8983C9.38538 12 8.10917 13.1266 7.92151 14.6279L7.28101 19.7519C7.1318 20.9456 8.06257 22 9.26556 22H12H14.7344C15.9374 22 16.8682 20.9456 16.719 19.7519Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="12" cy="5" r="3" stroke="#000000" stroke-width="2"/>
+<circle cx="4" cy="9" r="2" stroke="#000000" stroke-width="2"/>
+<circle cx="20" cy="9" r="2" stroke="#000000" stroke-width="2"/>
+<path d="M4 14H3.69425C2.71658 14 1.8822 14.7068 1.72147 15.6712L1.38813 17.6712C1.18496 18.8903 2.12504 20 3.36092 20H7" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20 14H20.3057C21.2834 14 22.1178 14.7068 22.2785 15.6712L22.6119 17.6712C22.815 18.8903 21.8751 20 20.6392 20C19.4775 20 18.0952 20 17 20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.5.33",
+  "version": "0.5.34",
   "scripts": {
     "// Check types while developing": "",
     "types": "tsc --noEmit --watch",
@@ -26,6 +26,7 @@
     "shiki": "^0.10.1",
     "twemoji": "^13.1.0",
     "vike": "^0.4.151",
+    "vike-contributors": "^0.0.6",
     "vite": "^4.3.9"
   },
   "type": "module",