@brillout/docpress 0.1.20 → 0.2.1

package/dist/index.js

@@ -1,32 +1,465 @@
 import {
-  vite_config_default
-} from "./chunk-ZYYJWJMY.js";
-
-// src/cli/index.ts
-import { build, preview } from "vite";
-import { prerender } from "vite-plugin-ssr/prerender";
-var args = process.argv.filter(Boolean).slice(2);
-var isDev = args.includes("dev");
-var isPreview = args.includes("preview");
-var isBuild = args.includes("build");
-Error.stackTraceLimit = Infinity;
-cli();
-async function cli() {
-  if (isDev) {
-    await import("./devServer-J2XJQJGT.js");
-  } else if (isBuild) {
-    await build(vite_config_default);
-    await build({ ...vite_config_default, build: { ssr: true } });
-    await prerender({ viteConfig: vite_config_default });
-  } else if (isPreview) {
-    const server = await preview({ ...vite_config_default, preview: { host: true } });
-    server.printUrls();
+  RepoLink,
+  getHeadings,
+  isRepoLink,
+  parseTitle,
+  usePageContext
+} from "./chunk-H5CO4N2X.js";
+import {
+  FeatureList
+} from "./chunk-C3OIVLKV.js";
+import {
+  Emoji,
+  crawlAllFiles,
+  determineSectionTitle,
+  determineSectionUrlHash,
+  filter,
+  jsxToTextContent,
+  objectAssign
+} from "./chunk-7HKDCMSZ.js";
+import {
+  assert,
+  assertUsage,
+  isBrowser
+} from "./chunk-G2A5MZJA.js";
+import "./chunk-TTLAZ2T2.js";
+
+// src/components/Link.tsx
+import React2 from "react";
+
+// src/components/DocLink.tsx
+import React from "react";
+function DocLink({
+  href,
+  text,
+  noBreadcrumb,
+  doNotInferSectionTitle
+}) {
+  const pageContext = usePageContext();
+  return /* @__PURE__ */ React.createElement("a", { href }, text || getTitle({ href, noBreadcrumb, pageContext, doNotInferSectionTitle }));
+}
+function getTitle({
+  href,
+  noBreadcrumb,
+  pageContext,
+  doNotInferSectionTitle
+}) {
+  let urlHash = null;
+  let hrefWithoutHash = href;
+  if (href.includes("#")) {
+    ;
+    [hrefWithoutHash, urlHash] = href.split("#");
+  }
+  const heading = findHeading(hrefWithoutHash, pageContext);
+  const breadcrumbs = [];
+  if ("parentHeadings" in heading) {
+    breadcrumbs.push(
+      ...heading.parentHeadings.slice().reverse().map(({ title }) => title)
+    );
+  }
+  breadcrumbs.push(heading.title);
+  if (urlHash) {
+    let sectionTitle = void 0;
+    if ("sectionTitles" in heading && heading.sectionTitles) {
+      heading.sectionTitles.forEach((title) => {
+        if (determineSectionUrlHash(title) === urlHash) {
+          sectionTitle = parseTitle(title);
+        }
+      });
+    }
+    if (!sectionTitle) {
+      assertUsage(
+        !doNotInferSectionTitle,
+        `Page section title not found for <Link href="\`${href}\`" doNotInferSectionTitle={true} />.`
+      );
+      sectionTitle = determineSectionTitle(href, pageContext.config.titleNormalCase);
+    }
+    breadcrumbs.push(sectionTitle);
+  }
+  {
+    const linkIsOnSamePage = heading.url === pageContext.urlPathname;
+    if (noBreadcrumb || linkIsOnSamePage) {
+      return breadcrumbs[breadcrumbs.length - 1];
+    }
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, breadcrumbs.map((title, i) => {
+    const seperator = i === 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null) : " > ";
+    return /* @__PURE__ */ React.createElement(React.Fragment, { key: i }, seperator, title);
+  }));
+}
+function findHeading(href, pageContext) {
+  assert(href.startsWith("/"), `\`href==='${href}'\` but should start with \`/\`.`);
+  const { headings, headingsWithoutLink } = getHeadings(pageContext.config);
+  {
+    const heading2 = headingsWithoutLink.find(({ url }) => href === url);
+    if (heading2) {
+      return heading2;
+    }
+  }
+  const heading = headings.find(({ url }) => href === url);
+  assert(heading, `Could not find page \`${href}\`. Does it exist?`);
+  return heading;
+}
+
+// src/components/Link.tsx
+function Link(props) {
+  if (isRepoLink(props.href)) {
+    return /* @__PURE__ */ React2.createElement(RepoLink, { path: props.href, text: props.text });
   } else {
-    throw new Error(
-      `DocPress: unknown command \`$ docpress ${args.join(
-        " "
-      )}\`. Known commands: \`$ docpress dev\` and \`$ docpress preview\`.`
+    return /* @__PURE__ */ React2.createElement(DocLink, { ...props });
+  }
+}
+
+// src/components/P.tsx
+import React3 from "react";
+function P(props) {
+  return /* @__PURE__ */ React3.createElement("div", { ...props, className: "paragraph" });
+}
+
+// src/components/Info.tsx
+import React4 from "react";
+function Info({ children }) {
+  return /* @__PURE__ */ React4.createElement("blockquote", null, /* @__PURE__ */ React4.createElement(P, null, children));
+}
+
+// src/components/ReadingRecommendation.tsx
+import React5 from "react";
+function ReadingRecommendation({ tour, links }) {
+  const multiple = links.length + (tour ? 1 : 0) > 1;
+  return /* @__PURE__ */ React5.createElement(Info, null, multiple ? " " : "", /* @__PURE__ */ React5.createElement("b", null, "Reading Recommendation", multiple ? "." : ": "), (() => {
+    if (!multiple) {
+      const link = tour ? /* @__PURE__ */ React5.createElement(TourLink, null) : /* @__PURE__ */ React5.createElement(Link, { href: links[0] });
+      return /* @__PURE__ */ React5.createElement(React5.Fragment, null, link, ".");
+    }
+    return /* @__PURE__ */ React5.createElement(
+      "ul",
+      {
+        style: {
+          marginLeft: 18,
+          marginTop: 11
+        }
+      },
+      tour && /* @__PURE__ */ React5.createElement("li", null, /* @__PURE__ */ React5.createElement(TourLink, null)),
+      links.map((link, i) => /* @__PURE__ */ React5.createElement("li", { key: i }, /* @__PURE__ */ React5.createElement(Link, { href: link })))
     );
+  })());
+}
+function TourLink() {
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Link, { href: "/react-tour", noBreadcrumb: true }), " or ", /* @__PURE__ */ React5.createElement(Link, { href: "/vue-tour", noBreadcrumb: true }));
+}
+
+// src/components/Note.tsx
+import React6 from "react";
+function Note({
+  type,
+  icon,
+  children
+}) {
+  assert(type === void 0 || ["error", "warning"].includes(type));
+  if (!icon) {
+    if (type === "error") {
+      icon = ":no_entry:";
+    }
+    if (type === "warning") {
+      icon = ":warning:";
+    }
+  }
+  return /* @__PURE__ */ React6.createElement("blockquote", { className: type }, /* @__PURE__ */ React6.createElement("div", { style: { marginBottom: 20 } }), icon, " ", children, /* @__PURE__ */ React6.createElement("div", { style: { marginTop: 20 } }));
+}
+
+// src/components/ImportMeta.tsx
+import React7 from "react";
+function ImportMeta({ prop }) {
+  assert(!prop.startsWith("import"));
+  assert(!prop.startsWith("."));
+  const text = "import.meta." + prop;
+  return /* @__PURE__ */ React7.createElement("code", null, text);
+}
+
+// src/components/HorizontalLine.tsx
+import React8 from "react";
+function HorizontalLine({ primary }) {
+  return /* @__PURE__ */ React8.createElement("div", { className: "header-separator-line " + (primary ? "primary" : ""), style: { textAlign: "center" } }, /* @__PURE__ */ React8.createElement(
+    "hr",
+    {
+      style: {
+        display: "inline-block",
+        margin: 0,
+        border: 0,
+        borderTop: "1px solid #eee",
+        maxWidth: 500,
+        width: "80%"
+      }
+    }
+  ));
+}
+
+// src/components/Sponsors.tsx
+import React9 from "react";
+
+// src/icons/heart.svg
+var heart_default = "/assets/heart-OINVKOXO.svg";
+
+// src/components/Sponsors/companyLogos/ccoli.svg
+var ccoli_default = "/assets/ccoli-CHW3TQKS.svg";
+
+// src/components/Sponsors/companyLogos/contra.svg
+var contra_default = "/assets/contra-WLZBOPBV.svg";
+
+// src/components/Sponsors/companyLogos/mfqs.svg
+var mfqs_default = "/assets/mfqs-2EAEE7N6.svg";
+
+// src/components/Sponsors/medalGold.svg
+var medalGold_default = "/assets/medalGold-UP6A73FL.svg";
+
+// src/components/Sponsors/medalSilver.svg
+var medalSilver_default = "/assets/medalSilver-FAPGGOBN.svg";
+
+// src/components/Sponsors/medalBronze.svg
+var medalBronze_default = "/assets/medalBronze-CO4CTUR4.svg";
+
+// src/components/Sponsors/label.svg
+var label_default = "/assets/label-MP75CTIA.svg";
+
+// src/components/Sponsors.tsx
+var sponsors = [
+  {
+    companyName: "Contra",
+    companyLogo: contra_default,
+    plan: "gold",
+    website: "https://contra.com"
+  },
+  {
+    companyName: "ccoli",
+    companyLogo: ccoli_default,
+    plan: "silver",
+    website: "https://ccoli.co"
+  },
+  {
+    companyName: "My Favorite Quilt Store",
+    companyLogo: mfqs_default,
+    plan: "bronze",
+    website: "https://myfavoritequiltstore.com"
+  },
+  {
+    username: "spacedawwwg"
+  },
+  {
+    username: "codthing"
+  },
+  {
+    username: "Junaidhkn"
+  },
+  {
+    username: "zgfdev"
+  }
+];
+function Sponsors() {
+  const pageContext = usePageContext();
+  const { projectInfo } = pageContext.config;
+  return /* @__PURE__ */ React9.createElement("div", { style: { textAlign: "center", marginTop: 19 } }, /* @__PURE__ */ React9.createElement(
+    "a",
+    {
+      className: "button",
+      href: "https://github.com/sponsors/brillout",
+      style: {
+        color: "inherit",
+        display: "inline-flex",
+        alignItems: "center",
+        padding: "5px 10px",
+        marginBottom: 10
+      }
+    },
+    /* @__PURE__ */ React9.createElement("img", { src: heart_default, height: 22 }),
+    " ",
+    /* @__PURE__ */ React9.createElement("span", { style: { marginLeft: 7, fontSize: "1.07em" } }, "Sponsor")
+  ), /* @__PURE__ */ React9.createElement("div", null), /* @__PURE__ */ React9.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__ */ React9.createElement("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", alignItems: "end" } }, sponsors.map((sponsor, i) => /* @__PURE__ */ React9.createElement(SponsorDiv, { sponsor, key: i }))));
+}
+function SponsorDiv({ sponsor }) {
+  let imgSrc;
+  let imgAlt;
+  let width;
+  let height;
+  let website;
+  let padding;
+  let backgroundColor = "#f0f0f0";
+  let label = null;
+  if ("username" in sponsor) {
+    website = `https://github.com/${sponsor.username}`;
+    imgSrc = `https://github.com/${sponsor.username}.png?size=30`;
+    width = 30;
+    height = 30;
+    padding = 0;
+    backgroundColor = "none";
+  } else {
+    imgSrc = sponsor.companyLogo;
+    website = sponsor.website;
+    const size = getSize(sponsor.plan);
+    width = size.width;
+    height = size.height;
+    padding = size.padding;
+    imgAlt = sponsor.companyName;
+    label = /* @__PURE__ */ React9.createElement(Label, { sponsor });
+  }
+  const marginWidth = 5;
+  return /* @__PURE__ */ React9.createElement(
+    "a",
+    {
+      href: website,
+      style: {
+        margin: `10px ${marginWidth}px`
+      }
+    },
+    label,
+    /* @__PURE__ */ React9.createElement(
+      "div",
+      {
+        style: {
+          backgroundColor,
+          borderRadius: 7,
+          overflow: "hidden",
+          width,
+          maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,
+          height,
+          display: "flex",
+          alignItems: "center",
+          flexDirection: "column",
+          justifyContent: "center"
+        }
+      },
+      /* @__PURE__ */ React9.createElement(
+        "img",
+        {
+          style: { width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2 },
+          src: imgSrc,
+          alt: imgAlt
+        }
+      )
+    )
+  );
+}
+function Label({ sponsor }) {
+  assert(!("username" in sponsor));
+  const labelBg = getLabelBg(sponsor);
+  const labelIcon = getLabelIcon(sponsor);
+  const labelText = getLabelText(sponsor);
+  return /* @__PURE__ */ React9.createElement(
+    "div",
+    {
+      style: {
+        top: 0,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "relative",
+        paddingBottom: 1
+      }
+    },
+    labelBg,
+    labelIcon,
+    labelText
+  );
+}
+function getLabelBg(sponsor) {
+  const height = sponsor.plan === "platinum" ? 32 : 24;
+  return /* @__PURE__ */ React9.createElement("img", { src: label_default, style: { height, position: "absolute", bottom: 0, zIndex: -1 } });
+}
+function getLabelText(sponsor) {
+  if (sponsor.plan === "platinum") {
+    return /* @__PURE__ */ React9.createElement(React9.Fragment, null);
+  }
+  const letterSpacing = ["bronze", "silver", "gold"].includes(sponsor.plan) ? 1 : void 0;
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, " ", /* @__PURE__ */ React9.createElement(
+    "span",
+    {
+      style: {
+        zIndex: 1,
+        fontSize: "0.82em",
+        position: "relative",
+        top: 0,
+        fontWeight: 500,
+        color: "#666",
+        letterSpacing
+      }
+    },
+    capitalizeFirstLetter(sponsor.plan)
+  ));
+}
+function getLabelIcon(sponsor) {
+  let medalSrc;
+  if (sponsor.plan === "platinum") {
+    return /* @__PURE__ */ React9.createElement(Emoji, { name: "trophy", style: { fontSize: "1.3em" } });
+  } else if (sponsor.plan === "gold") {
+    medalSrc = medalGold_default;
+  } else if (sponsor.plan === "silver") {
+    medalSrc = medalSilver_default;
+  } else if (sponsor.plan === "bronze") {
+    medalSrc = medalBronze_default;
+  } else {
+    assert(false);
+  }
+  return /* @__PURE__ */ React9.createElement("img", { src: medalSrc, style: { height: 15, zIndex: 1, marginRight: 5 } });
+}
+function getSize(plan) {
+  if (plan === "platinum") {
+    assert(false);
+  }
+  if (plan === "gold") {
+    return { width: 400, height: 150, padding: 95 };
+  }
+  if (plan === "silver") {
+    return { width: 300, height: 100, padding: 45 };
+  }
+  if (plan === "bronze") {
+    return { width: 200, height: 70, padding: 30 };
+  }
+  if (plan === "FREE_SLOT") {
+    return { width: 150, height: 40, padding: 15 };
+  }
+  assert(false);
+}
+function capitalizeFirstLetter(word) {
+  return word[0].toUpperCase() + word.slice(1);
+}
+
+// src/components/CodeBlock.tsx
+import React10 from "react";
+function CodeBlock({ children, lineBreak }) {
+  assert(lineBreak, "`lineBreak: true` is currently the only use case for <CodeBlock>");
+  const style = {};
+  if (lineBreak) {
+    objectAssign(style, {
+      wordWrap: "break-word",
+      wordBreak: "break-all",
+      whiteSpace: "initial",
+      paddingRight: "16px !important"
+    });
   }
+  return /* @__PURE__ */ React10.createElement("pre", null, /* @__PURE__ */ React10.createElement("code", { style }, children));
 }
+export {
+  CodeBlock,
+  DocLink,
+  Emoji,
+  FeatureList,
+  HorizontalLine,
+  ImportMeta,
+  Info,
+  Link,
+  Note,
+  P,
+  ReadingRecommendation,
+  RepoLink,
+  Sponsors,
+  assert,
+  assertUsage,
+  crawlAllFiles,
+  determineSectionTitle,
+  determineSectionUrlHash,
+  filter,
+  isBrowser,
+  isRepoLink,
+  jsxToTextContent,
+  objectAssign
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cli/index.ts"],"sourcesContent":["import { build, preview } from 'vite'\nimport config from '../vite.config'\nimport { prerender } from 'vite-plugin-ssr/prerender'\nconst args = process.argv.filter(Boolean).slice(2)\nconst isDev = args.includes('dev')\nconst isPreview = args.includes('preview')\nconst isBuild = args.includes('build')\nError.stackTraceLimit = Infinity\n\ncli()\n\nasync function cli() {\n  if (isDev) {\n    await import('./devServer')\n  } else if (isBuild) {\n    await build(config)\n    await build({ ...config, build: { ssr: true } })\n    await prerender({ viteConfig: config })\n  } else if (isPreview) {\n    const server = await preview({ ...config, preview: { host: true } })\n    server.printUrls()\n  } else {\n    throw new Error(\n      `DocPress: unknown command \\`$ docpress ${args.join(\n        ' '\n      )}\\`. Known commands: \\`$ docpress dev\\` and \\`$ docpress preview\\`.`\n    )\n  }\n}\n"],"mappings":";;;;;AAAA,SAAS,OAAO,eAAe;AAE/B,SAAS,iBAAiB;AAC1B,IAAM,OAAO,QAAQ,KAAK,OAAO,OAAO,EAAE,MAAM,CAAC;AACjD,IAAM,QAAQ,KAAK,SAAS,KAAK;AACjC,IAAM,YAAY,KAAK,SAAS,SAAS;AACzC,IAAM,UAAU,KAAK,SAAS,OAAO;AACrC,MAAM,kBAAkB;AAExB,IAAI;AAEJ,eAAe,MAAM;AACnB,MAAI,OAAO;AACT,UAAM,OAAO;AAAA,EACf,WAAW,SAAS;AAClB,UAAM,MAAM,mBAAM;AAClB,UAAM,MAAM,EAAE,GAAG,qBAAQ,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC;AAC/C,UAAM,UAAU,EAAE,YAAY,oBAAO,CAAC;AAAA,EACxC,WAAW,WAAW;AACpB,UAAM,SAAS,MAAM,QAAQ,EAAE,GAAG,qBAAQ,SAAS,EAAE,MAAM,KAAK,EAAE,CAAC;AACnE,WAAO,UAAU;AAAA,EACnB,OAAO;AACL,UAAM,IAAI;AAAA,MACR,0CAA0C,KAAK;AAAA,QAC7C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/components/Link.tsx","../src/components/DocLink.tsx","../src/components/P.tsx","../src/components/Info.tsx","../src/components/ReadingRecommendation.tsx","../src/components/Note.tsx","../src/components/ImportMeta.tsx","../src/components/HorizontalLine.tsx","../src/components/Sponsors.tsx","../src/components/CodeBlock.tsx"],"sourcesContent":["import React from 'react'\nimport { DocLink } from './DocLink'\nimport { isRepoLink, RepoLink } from './RepoLink'\n\nexport { Link }\n\nfunction Link(props: {\n  href: string\n  text?: string | JSX.Element\n  noBreadcrumb?: true\n  doNotInferSectionTitle?: true\n}) {\n  if (isRepoLink(props.href)) {\n    return <RepoLink path={props.href} text={props.text} />\n  } else {\n    return <DocLink {...props} />\n  }\n}\n","import React from 'react'\nimport { getHeadings, parseTitle, Heading, HeadingWithoutLink } from '../headings'\nimport { PageContextResolved } from '../config/resolvePageContext'\nimport { usePageContext } from '../renderer/usePageContext'\nimport { assert, assertUsage, determineSectionTitle, determineSectionUrlHash } from '../utils/server'\n\nexport { DocLink }\n\nfunction DocLink({\n  href,\n  text,\n  noBreadcrumb,\n  doNotInferSectionTitle\n}: {\n  href: string\n  text?: string | JSX.Element\n  noBreadcrumb?: true\n  doNotInferSectionTitle?: true\n}) {\n  const pageContext = usePageContext()\n  return <a href={href}>{text || getTitle({ href, noBreadcrumb, pageContext, doNotInferSectionTitle })}</a>\n}\n\nfunction getTitle({\n  href,\n  noBreadcrumb,\n  pageContext,\n  doNotInferSectionTitle\n}: {\n  href: string\n  noBreadcrumb: true | undefined\n  pageContext: PageContextResolved\n  doNotInferSectionTitle: true | undefined\n}): string | JSX.Element {\n  let urlHash: string | null = null\n  let hrefWithoutHash: string = href\n  if (href.includes('#')) {\n    ;[hrefWithoutHash, urlHash] = href.split('#')\n  }\n  const heading = findHeading(hrefWithoutHash, pageContext)\n\n  const breadcrumbs: (string | JSX.Element)[] = []\n\n  if ('parentHeadings' in heading) {\n    breadcrumbs.push(\n      ...heading.parentHeadings\n        .slice()\n        .reverse()\n        .map(({ title }) => title)\n    )\n  }\n\n  breadcrumbs.push(heading.title)\n\n  if (urlHash) {\n    let sectionTitle: string | JSX.Element | undefined = undefined\n    if ('sectionTitles' in heading && heading.sectionTitles) {\n      heading.sectionTitles.forEach((title) => {\n        if (determineSectionUrlHash(title) === urlHash) {\n          sectionTitle = parseTitle(title)\n        }\n      })\n    }\n    if (!sectionTitle) {\n      assertUsage(\n        !doNotInferSectionTitle,\n        `Page section title not found for <Link href=\"\\`${href}\\`\" doNotInferSectionTitle={true} />.`\n      )\n      sectionTitle = determineSectionTitle(href, pageContext.config.titleNormalCase)\n    }\n    breadcrumbs.push(sectionTitle)\n  }\n\n  {\n    const linkIsOnSamePage = heading.url === pageContext.urlPathname\n    if (noBreadcrumb || linkIsOnSamePage) {\n      return breadcrumbs[breadcrumbs.length - 1]\n    }\n  }\n\n  return (\n    <>\n      {breadcrumbs.map((title, i) => {\n        const seperator = i === 0 ? <></> : ' > '\n        return (\n          <React.Fragment key={i}>\n            {seperator}\n            {title}\n          </React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n\nfunction findHeading(href: string, pageContext: PageContextResolved): Heading | HeadingWithoutLink {\n  assert(href.startsWith('/'), `\\`href==='${href}'\\` but should start with \\`/\\`.`)\n  const { headings, headingsWithoutLink } = getHeadings(pageContext.config)\n  {\n    const heading = headingsWithoutLink.find(({ url }) => href === url)\n    if (heading) {\n      return heading\n    }\n  }\n  const heading = headings.find(({ url }) => href === url)\n  assert(heading, `Could not find page \\`${href}\\`. Does it exist?`)\n  return heading\n}\n","import React from 'react'\nimport './P.css'\n\nexport { P }\n\nfunction P(props: React.HTMLProps<HTMLDivElement>) {\n  return <div {...props} className={'paragraph'} />\n}\n","import React from 'react'\nimport { P } from './P'\n\nexport { Info }\n\nfunction Info({ children }: { children: React.ReactNode }) {\n  return (\n    <blockquote>\n      <P>{children}</P>\n    </blockquote>\n  )\n}\n","import React from 'react'\nimport { Info } from './Info'\nimport { Link } from './Link'\n\nexport { ReadingRecommendation }\n\nfunction ReadingRecommendation({ tour, links }: { tour?: true; links: string[] }) {\n  const multiple = links.length + (tour ? 1 : 0) > 1\n  return (\n    <Info>\n      {multiple ? ' ' : ''}\n      <b>Reading Recommendation{multiple ? '.' : ': '}</b>\n      {(() => {\n        if (!multiple) {\n          const link = tour ? <TourLink /> : <Link href={links[0]} />\n          return (\n            <>\n              {link}\n              {'.'}\n            </>\n          )\n        }\n        return (\n          <ul\n            style={{\n              marginLeft: 18,\n              marginTop: 11\n            }}\n          >\n            {tour && (\n              <li>\n                <TourLink />\n              </li>\n            )}\n            {links.map((link, i) => (\n              <li key={i}>\n                <Link href={link} />\n              </li>\n            ))}\n          </ul>\n        )\n      })()}\n    </Info>\n  )\n}\n\nfunction TourLink() {\n  return (\n    <>\n      <Link href={'/react-tour'} noBreadcrumb={true} /> or <Link href={'/vue-tour'} noBreadcrumb={true} />\n    </>\n  )\n}\n","export { Note }\n\nimport React from 'react'\nimport { assert } from '../utils/server'\n\nfunction Note({\n  type,\n  icon,\n  children\n}: {\n  icon: JSX.Element | string\n  type?: 'error' | 'warning'\n  children: JSX.Element\n}) {\n  assert(type === undefined || ['error', 'warning'].includes(type))\n  if (!icon) {\n    if (type === 'error') {\n      icon = ':no_entry:'\n    }\n    if (type === 'warning') {\n      icon = ':warning:'\n    }\n  }\n  return (\n    <blockquote className={type}>\n      <div style={{ marginBottom: 20 }} />\n      {icon} {children}\n      <div style={{ marginTop: 20 }} />\n    </blockquote>\n  )\n}\n","import React from 'react'\nimport { assert } from '../utils/server'\n\nexport { ImportMeta }\n\nfunction ImportMeta({ prop }: { prop: string }) {\n  assert(!prop.startsWith('import'))\n  assert(!prop.startsWith('.'))\n  const text = 'imp' + 'ort.meta.' + prop\n  return <code>{text}</code>\n}\n","import React from 'react'\n\nexport { HorizontalLine }\n\nfunction HorizontalLine({ primary }: { primary?: true }) {\n  return (\n    <div className={'header-separator-line ' + (primary ? 'primary' : '')} style={{ textAlign: 'center' }}>\n      <hr\n        style={{\n          display: 'inline-block',\n          margin: 0,\n          border: 0,\n          borderTop: '1px solid #eee',\n          maxWidth: 500,\n          width: '80%'\n        }}\n      />\n    </div>\n  )\n}\n","import React from 'react'\nimport iconHeart from '../icons/heart.svg'\nimport { usePageContext } from '../renderer/usePageContext'\nimport { assert, Emoji } from '../utils/server'\nimport ccoliLogo from './Sponsors/companyLogos/ccoli.svg'\nimport contraLogo from './Sponsors/companyLogos/contra.svg'\nimport mfqsLogo from './Sponsors/companyLogos/mfqs.svg'\nimport medalGold from './Sponsors/medalGold.svg'\nimport medalSilver from './Sponsors/medalSilver.svg'\nimport medalBronze from './Sponsors/medalBronze.svg'\nimport labelBgImg from './Sponsors/label.svg'\n\nexport { Sponsors }\n\ntype Plan = 'FREE_SLOT' | 'bronze' | 'silver' | 'gold' | 'platinum'\n\ntype SponsorCompany = {\n  companyName: string\n  companyLogo: string\n  website: string\n  plan: Plan\n}\ntype SponsorIndividual = {\n  username: string\n}\ntype Sponsor = SponsorCompany | SponsorIndividual\n\nconst sponsors: Sponsor[] = [\n  {\n    companyName: 'Contra',\n    companyLogo: contraLogo,\n    plan: 'gold',\n    website: 'https://contra.com'\n  },\n  {\n    companyName: 'ccoli',\n    companyLogo: ccoliLogo,\n    plan: 'silver',\n    website: 'https://ccoli.co'\n  },\n  {\n    companyName: 'My Favorite Quilt Store',\n    companyLogo: mfqsLogo,\n    plan: 'bronze',\n    website: 'https://myfavoritequiltstore.com'\n  },\n  {\n    username: 'spacedawwwg'\n  },\n  {\n    username: 'codthing'\n  },\n  {\n    username: 'Junaidhkn'\n  },\n  {\n    username: 'zgfdev'\n  }\n]\n\nfunction Sponsors() {\n  const pageContext = usePageContext()\n  const { projectInfo } = pageContext.config\n  return (\n    <div style={{ textAlign: 'center', marginTop: 19 }}>\n      <a\n        className=\"button\"\n        href=\"https://github.com/sponsors/brillout\"\n        style={{\n          color: 'inherit',\n          display: 'inline-flex',\n          alignItems: 'center',\n          padding: '5px 10px',\n          marginBottom: 10\n        }}\n      >\n        <img src={iconHeart} height={22} /> <span style={{ marginLeft: 7, fontSize: '1.07em' }}>Sponsor</span>\n      </a>\n      <div></div>\n      <div style={{ maxWidth: 400, display: 'inline-block', marginTop: 12, marginBottom: 12 }}>\n        {projectInfo.projectNameJsx || projectInfo.projectName} is free and open source, made possible by wonderful\n        sponsors.\n      </div>\n      <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignItems: 'end' }}>\n        {sponsors.map((sponsor, i) => (\n          <SponsorDiv sponsor={sponsor} key={i} />\n        ))}\n      </div>\n    </div>\n  )\n}\n\nfunction SponsorDiv({ sponsor }: { sponsor: Sponsor }) {\n  let imgSrc: string\n  let imgAlt: string | undefined\n  let width: number\n  let height: number\n  let website: string\n  let padding: number\n  let backgroundColor = '#f0f0f0'\n  let label: null | JSX.Element = null\n  if ('username' in sponsor) {\n    website = `https://github.com/${sponsor.username}`\n    imgSrc = `https://github.com/${sponsor.username}.png?size=30`\n    width = 30\n    height = 30\n    padding = 0\n    backgroundColor = 'none'\n  } else {\n    imgSrc = sponsor.companyLogo\n    website = sponsor.website\n    const size = getSize(sponsor.plan)\n    width = size.width\n    height = size.height\n    padding = size.padding\n    imgAlt = sponsor.companyName\n    label = <Label sponsor={sponsor} />\n  }\n  const marginWidth = 5\n  return (\n    <a\n      href={website}\n      style={{\n        margin: `10px ${marginWidth}px`\n      }}\n    >\n      {label}\n      <div\n        style={{\n          backgroundColor,\n          borderRadius: 7,\n          overflow: 'hidden',\n          width,\n          maxWidth: `calc(100vw - 2 * var(--main-view-padding) - 2 * ${marginWidth}px)`,\n          height,\n          display: 'flex',\n          alignItems: 'center',\n          flexDirection: 'column',\n          justifyContent: 'center'\n        }}\n      >\n        <img\n          style={{ width: `calc(100% - ${padding}px)`, height: height - padding, zIndex: 2 }}\n          src={imgSrc}\n          alt={imgAlt}\n        />\n      </div>\n    </a>\n  )\n}\n\nfunction Label({ sponsor }: { sponsor: Sponsor }) {\n  assert(!('username' in sponsor))\n  const labelBg = getLabelBg(sponsor)\n  const labelIcon = getLabelIcon(sponsor)\n  const labelText = getLabelText(sponsor)\n  return (\n    <div\n      style={{\n        top: 0,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        position: 'relative',\n        paddingBottom: 1\n      }}\n    >\n      {labelBg}\n      {labelIcon}\n      {labelText}\n    </div>\n  )\n}\n\nfunction getLabelBg(sponsor: SponsorCompany) {\n  const height = sponsor.plan === 'platinum' ? 32 : 24\n  return <img src={labelBgImg} style={{ height, position: 'absolute', bottom: 0, zIndex: -1 }} />\n}\n\nfunction getLabelText(sponsor: SponsorCompany) {\n  if (sponsor.plan === 'platinum') {\n    return <></>\n  }\n  const letterSpacing = ['bronze', 'silver', 'gold'].includes(sponsor.plan) ? 1 : undefined\n  return (\n    <>\n      {' '}\n      <span\n        style={{\n          zIndex: 1,\n          fontSize: '0.82em',\n          position: 'relative',\n          top: 0,\n          fontWeight: 500,\n          color: '#666',\n          letterSpacing\n        }}\n      >\n        {capitalizeFirstLetter(sponsor.plan)}\n      </span>\n    </>\n  )\n}\n\nfunction getLabelIcon(sponsor: SponsorCompany) {\n  let medalSrc: string\n  if (sponsor.plan === 'platinum') {\n    return <Emoji name=\"trophy\" style={{ fontSize: '1.3em' }} />\n  } else if (sponsor.plan === 'gold') {\n    medalSrc = medalGold\n  } else if (sponsor.plan === 'silver') {\n    medalSrc = medalSilver\n  } else if (sponsor.plan === 'bronze') {\n    medalSrc = medalBronze\n  } else {\n    assert(false)\n  }\n  return <img src={medalSrc} style={{ height: 15, zIndex: 1, marginRight: 5 }} />\n}\n\nfunction getSize(plan: Plan) {\n  if (plan === 'platinum') {\n    assert(false)\n  }\n  if (plan === 'gold') {\n    return { width: 400, height: 150, padding: 95 }\n  }\n  if (plan === 'silver') {\n    return { width: 300, height: 100, padding: 45 }\n  }\n  if (plan === 'bronze') {\n    return { width: 200, height: 70, padding: 30 }\n  }\n  if (plan === 'FREE_SLOT') {\n    return { width: 150, height: 40, padding: 15 }\n  }\n  assert(false)\n}\n\nfunction capitalizeFirstLetter(word: string): string {\n  return word[0].toUpperCase() + word.slice(1)\n}\n","export { CodeBlock }\n\nimport React from 'react'\nimport { assert, objectAssign } from '../utils/server'\n\nfunction CodeBlock({ children, lineBreak }: { children: any; lineBreak?: true }) {\n  assert(lineBreak, '`lineBreak: true` is currently the only use case for <CodeBlock>')\n  const style = {}\n  if (lineBreak) {\n    objectAssign(style, {\n      wordWrap: 'break-word',\n      wordBreak: 'break-all',\n      whiteSpace: 'initial',\n      paddingRight: '16px !important'\n    })\n  }\n  return (\n    <pre>\n      <code style={style}>{children}</code>\n    </pre>\n  )\n}\n"],"mappings":"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","names":["React","heading","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React","React"]}