@brillout/docpress 0.3.12 → 0.3.13

package/dist/index.d.ts

@@ -128,11 +128,17 @@ type SponsorCompany = {
     companyLogo: string;
     website: string;
     plan: Plan;
+    divSize?: Partial<DivSize>;
 };
 type SponsorIndividual = {
     username: string;
 };
 type Sponsor = SponsorCompany | SponsorIndividual;
+type DivSize = {
+    width: number;
+    height: number;
+    padding: number;
+};
 declare function Sponsors(): JSX.Element;
 
 declare function CodeBlock({ children, lineBreak }: {

package/dist/index.js

@@ -345,7 +345,10 @@ var companies = [
     companyName: "Optimizers",
     companyLogo: optimizers_default,
     plan: "bronze",
-    website: "https://www.optimizers.nl/"
+    website: "https://www.optimizers.nl/",
+    divSize: {
+      padding: 20
+    }
   },
   {
     companyName: "My Favorite Quilt Store",
@@ -372,8 +375,8 @@ var sponsorsList = [...companies, ...individuals];
 function Sponsors() {
   const pageContext = usePageContext();
   const { projectInfo } = pageContext.config;
-  const sponsorsCompany = sponsorsList.filter((sponsor) => !("username" in sponsor));
-  const sponsorsHumanidual = sponsorsList.filter((sponsor) => "username" in sponsor);
+  const sponsorsCompanies = sponsorsList.filter(isCompany);
+  const sponsorsIndividuals = sponsorsList.filter(isIndividual);
   return /* @__PURE__ */ React8.createElement("div", {
     style: { textAlign: "center", marginTop: 19 }
   }, /* @__PURE__ */ React8.createElement("a", {
@@ -395,12 +398,12 @@ function Sponsors() {
     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__ */ React8.createElement("div", {
     style: { display: "flex", flexWrap: "wrap", justifyContent: "space-evenly", alignItems: "end" }
-  }, sponsorsCompany.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
+  }, sponsorsCompanies.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
     sponsor,
     key: i
   }))), /* @__PURE__ */ React8.createElement("div", {
-    style: { display: "flex", flexWrap: "wrap", justifyContent: "center", alignItems: "end", marginTop: 20 }
-  }, sponsorsHumanidual.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
+    style: { display: "flex", flexWrap: "wrap", justifyContent: "center", alignItems: "end", marginTop: 10 }
+  }, sponsorsIndividuals.map((sponsor, i) => /* @__PURE__ */ React8.createElement(SponsorDiv, {
     sponsor,
     key: i
   }))));
@@ -412,32 +415,37 @@ function SponsorDiv({ sponsor }) {
   let height;
   let website;
   let padding;
+  let marginHeight;
+  let marginWidth;
   let backgroundColor = "#f0f0f0";
   let label = null;
-  if ("username" in sponsor) {
+  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 = 10;
+    marginWidth = 5;
     backgroundColor = "none";
   } else {
     imgSrc = sponsor.companyLogo;
     website = sponsor.website;
-    const size = getSize(sponsor.plan);
+    const size = getSize(sponsor);
     width = size.width;
     height = size.height;
     padding = size.padding;
     imgAlt = sponsor.companyName;
+    marginHeight = 20;
+    marginWidth = 10;
     label = /* @__PURE__ */ React8.createElement(Label, {
       sponsor
     });
   }
-  const marginWidth = 5;
   return /* @__PURE__ */ React8.createElement("a", {
     href: website,
     style: {
-      margin: `10px ${marginWidth}px`
+      margin: `${marginHeight}px ${marginWidth}px`
     }
   }, label, /* @__PURE__ */ React8.createElement("div", {
     style: {
@@ -459,7 +467,7 @@ function SponsorDiv({ sponsor }) {
   })));
 }
 function Label({ sponsor }) {
-  assert(!("username" in sponsor));
+  assert(isCompany(sponsor));
   const labelBg = getLabelBg(sponsor);
   const labelIcon = getLabelIcon(sponsor);
   const labelText = getLabelText(sponsor);
@@ -527,27 +535,39 @@ function getLabelIcon(sponsor) {
     style: { height: 15, zIndex: 1, marginRight: 5 }
   });
 }
-function getSize(plan) {
+function getSize(sponsor) {
+  const { plan } = sponsor;
+  let divSize;
   if (plan === "platinum") {
-    return { width: 500, height: 180, padding: 100 };
+    divSize = { width: 500, height: 180, padding: 100 };
   }
   if (plan === "gold") {
-    return { width: 400, height: 150, padding: 95 };
+    divSize = { width: 400, height: 150, padding: 95 };
   }
   if (plan === "silver") {
-    return { width: 300, height: 100, padding: 45 };
+    divSize = { width: 300, height: 100, padding: 45 };
   }
   if (plan === "bronze") {
-    return { width: 200, height: 70, padding: 30 };
+    divSize = { width: 200, height: 70, padding: 30 };
   }
   if (plan === "indie") {
-    return { width: 140, height: 50, padding: 20 };
+    divSize = { width: 140, height: 50, padding: 20 };
+  }
+  assert(divSize);
+  if (sponsor.divSize) {
+    Object.assign(divSize, sponsor.divSize);
   }
-  assert(false);
+  return divSize;
 }
 function capitalizeFirstLetter(word) {
   return word[0].toUpperCase() + word.slice(1);
 }
+function isCompany(sponsor) {
+  return !isIndividual(sponsor);
+}
+function isIndividual(sponsor) {
+  return "username" in sponsor;
+}
 
 // src/components/CodeBlock.tsx
 import React9 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "scripts": {
     "// Check types while developing": "",
     "types": "tsc --noEmit --watch",