Add Open Graph image generator (vercel#2406)

Inlines the previously-separate Open Graph image generator. This required reconfiguring Sentry because it doesn't play nicely with Webpack + NFT.
Novailoveyou · Nov 2, 2022 · 87def23 · 87def23
1 parent 261d221
commit 87def23
Show file tree

Hide file tree

Showing 14 changed files with 518 additions and 53 deletions.
diff --git a/docs/assets/bg.jpeg b/docs/assets/bg.jpeg
diff --git a/docs/assets/inter-v12-latin-700.ttf b/docs/assets/inter-v12-latin-700.ttf
diff --git a/docs/assets/space-mono-v12-latin-regular.ttf b/docs/assets/space-mono-v12-latin-regular.ttf
diff --git a/docs/components/logos/og/PackLogo.tsx b/docs/components/logos/og/PackLogo.tsx
@@ -0,0 +1,74 @@
+const PackLogo = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 595 96"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M165.469 38.7243V28.2663H115.069V38.7243H134.095V73.5003H146.443V38.7243H165.469Z"
+      fill="white"
+    />
+    <path
+      d="M193.946 74.1933C209.444 74.1933 217.949 66.3183 217.949 53.3403V28.2663H205.601V52.1433C205.601 59.3883 201.821 63.4833 193.946 63.4833C186.071 63.4833 182.291 59.3883 182.291 52.1433V28.2663H169.943V53.3403C169.943 66.3183 178.448 74.1933 193.946 74.1933Z"
+      fill="white"
+    />
+    <path
+      d="M236.851 58.5063H249.136L258.838 73.5003H273.013L262.051 57.1833C268.225 54.9783 272.005 50.0643 272.005 43.3863C272.005 33.6843 264.76 28.2663 253.735 28.2663H224.503V73.5003H236.851V58.5063ZM236.851 48.7413V38.5983H253.105C257.452 38.5983 259.846 40.4883 259.846 43.7013C259.846 46.7253 257.452 48.7413 253.105 48.7413H236.851Z"
+      fill="white"
+    />
+    <path
+      d="M277.75 73.5003H310.069C320.149 73.5003 325.945 68.7122 325.945 60.7113C325.945 55.3562 322.543 51.7023 318.511 50.0643C321.283 48.7413 324.685 45.5913 324.685 40.6143C324.685 32.6133 319.015 28.2663 308.998 28.2663H277.75V73.5003ZM289.594 45.9693V38.2833H307.738C311.14 38.2833 313.03 39.6063 313.03 42.1263C313.03 44.6463 311.14 45.9693 307.738 45.9693H289.594ZM289.594 55.2303H308.872C312.211 55.2303 314.038 56.8683 314.038 59.3253C314.038 61.7822 312.211 63.4202 308.872 63.4202H289.594V55.2303Z"
+      fill="white"
+    />
+    <path
+      d="M356.136 27.5103C340.323 27.5103 328.92 37.4013 328.92 50.8833C328.92 64.3653 340.323 74.2563 356.136 74.2563C371.949 74.2563 383.289 64.3653 383.289 50.8833C383.289 37.4013 371.949 27.5103 356.136 27.5103ZM356.136 38.2203C364.452 38.2203 370.689 43.1343 370.689 50.8833C370.689 58.6323 364.452 63.5463 356.136 63.5463C347.82 63.5463 341.583 58.6323 341.583 50.8833C341.583 43.1343 347.82 38.2203 356.136 38.2203Z"
+      fill="white"
+    />
+    <path
+      d="M401.084 59.0733H417.527C428.552 59.0733 435.797 53.7813 435.797 43.7013C435.797 33.5583 428.552 28.2663 417.527 28.2663H388.736V73.5003H401.084V59.0733ZM401.084 48.8043V38.5983H416.834C421.244 38.5983 423.638 40.4883 423.638 43.7013C423.638 46.8513 421.244 48.8043 416.834 48.8043H401.084Z"
+      fill="white"
+    />
+    <path
+      d="M452.324 28.2663L430.085 73.5003H443.189L447.284 64.9952H471.035L475.13 73.5003H488.675L466.499 28.2663H452.324ZM459.254 40.3623L466.31 55.1043H452.135L459.254 40.3623Z"
+      fill="white"
+    />
+    <path
+      d="M486.078 50.8833C486.078 64.3653 497.355 74.2563 513.105 74.2563C525.705 74.2563 534.462 68.5863 537.927 59.4513L526.65 54.4113C524.886 59.7033 520.287 63.5463 513.105 63.5463C505.041 63.5463 498.678 58.6323 498.678 50.8833C498.678 43.1343 505.041 38.2203 513.105 38.2203C520.287 38.2203 524.886 42.0633 526.65 47.3553L537.927 42.3153C534.462 33.1803 525.705 27.5103 513.105 27.5103C497.355 27.5103 486.078 37.4013 486.078 50.8833Z"
+      fill="white"
+    />
+    <path
+      d="M554.735 28.2663H542.387V73.5003H554.735V62.2233L562.799 54.9783L578.486 73.5003H594.173L571.682 47.0403L592.598 28.2663H575.777L554.735 47.3553V28.2663Z"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M47.4 4.5L22.848 18.5304L22.896 29.556L47.4 15.5544L76.2 32.0136L85.8 37.5V26.4408L47.4 4.5ZM43.08 78.7465L18.6 64.7593V32.0377L18.5904 32.0329L18.5376 20.9929L9 26.4409V41.0713V55.7017V70.3273L33.504 84.3289L43.08 78.7465ZM76.2 64.7593V36.9913L85.8 42.4777V55.7017V70.3273L47.4 92.2729L37.8336 86.8057L47.4 81.2281V81.2137L76.2 64.7593Z"
+      fill="url(#paint0_linear_1180_4534)"
+    />
+    <path
+      d="M22.9199 37.0104V62.2488L47.3999 76.2408V50.9976L22.9199 37.0104Z"
+      fill="white"
+    />
+    <path
+      d="M47.3998 20.532L25.0942 33.276L49.579 47.268L71.8798 34.5192L47.3998 20.532Z"
+      fill="white"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_1180_4534"
+        x1="47.4001"
+        y1="11.4302"
+        x2="47.2549"
+        y2="86.43"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0096FF" />
+        <stop offset="1" stopColor="#FF1E56" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+
+export default PackLogo;
diff --git a/docs/components/logos/og/RepoLogo.tsx b/docs/components/logos/og/RepoLogo.tsx
@@ -0,0 +1,70 @@
+const RepoLogo = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 617 83"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M41.4998 14.5103C26.6177 14.5103 14.51 26.618 14.51 41.5001C14.51 56.3822 26.6177 68.4899 41.4998 68.4899C56.3819 68.4899 68.4897 56.3822 68.4897 41.5001C68.4897 26.618 56.3819 14.5103 41.4998 14.5103ZM41.4998 55.4674C33.7849 55.4674 27.5325 49.2151 27.5325 41.5001C27.5325 33.7851 33.7849 27.5327 41.4998 27.5327C49.2148 27.5327 55.4672 33.7851 55.4672 41.5001C55.4672 49.2151 49.2148 55.4674 41.4998 55.4674Z"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M43.7617 10.0772V0C65.6652 1.17107 83.0653 19.305 83.0653 41.5C83.0653 63.695 65.6652 81.8239 43.7617 83V72.9228C60.0863 71.7567 73.0133 58.1161 73.0133 41.5C73.0133 24.8839 60.0863 11.2432 43.7617 10.0772ZM17.6967 62.1068C13.3693 57.1109 10.5798 50.7479 10.0822 43.7617H0C0.522708 53.5374 4.43297 62.4083 10.5597 69.2387L17.6917 62.1068H17.6967ZM39.2382 82.9997V72.9225C32.247 72.4249 25.884 69.6405 20.8881 65.308L13.7562 72.44C20.5916 78.5718 29.4626 82.477 39.2332 82.9997H39.2382Z"
+      fill="url(#paint0_linear_1179_4996)"
+    />
+    <path
+      d="M164.719 32.0037V21.0532H111.945V32.0037H131.867V68.4173H144.797V32.0037H164.719Z"
+      fill="white"
+    />
+    <path
+      d="M194.536 69.143C210.764 69.143 219.67 60.8971 219.67 47.308V21.0532H206.74V46.0546C206.74 53.6408 202.782 57.9286 194.536 57.9286C186.29 57.9286 182.332 53.6408 182.332 46.0546V21.0532H169.403V47.308C169.403 60.8971 178.308 69.143 194.536 69.143Z"
+      fill="white"
+    />
+    <path
+      d="M239.462 52.7172H252.325L262.484 68.4173H277.327L265.848 51.3319C272.313 49.0231 276.271 43.8777 276.271 36.8852C276.271 26.7263 268.685 21.0532 257.141 21.0532H226.532V68.4173H239.462V52.7172ZM239.462 42.4924V31.8717H256.481C261.033 31.8717 263.54 33.8507 263.54 37.2151C263.54 40.3815 261.033 42.4924 256.481 42.4924H239.462Z"
+      fill="white"
+    />
+    <path
+      d="M282.287 68.4173H316.128C326.683 68.4173 332.752 63.4039 332.752 55.0261C332.752 49.4189 329.189 45.5928 324.967 43.8777C327.87 42.4924 331.432 39.1941 331.432 33.9827C331.432 25.6049 325.495 21.0532 315.006 21.0532H282.287V68.4173ZM294.689 39.5899V31.5419H313.687C317.249 31.5419 319.228 32.9272 319.228 35.5659C319.228 38.2046 317.249 39.5899 313.687 39.5899H294.689ZM294.689 49.287H314.875C318.371 49.287 320.284 51.0021 320.284 53.5748C320.284 56.1475 318.371 57.8626 314.875 57.8626H294.689V49.287Z"
+      fill="white"
+    />
+    <path
+      d="M364.364 20.2616C347.806 20.2616 335.866 30.6184 335.866 44.7353C335.866 58.8521 347.806 69.2089 364.364 69.2089C380.922 69.2089 392.796 58.8521 392.796 44.7353C392.796 30.6184 380.922 20.2616 364.364 20.2616ZM364.364 31.4759C373.072 31.4759 379.602 36.6214 379.602 44.7353C379.602 52.8492 373.072 57.9946 364.364 57.9946C355.656 57.9946 349.126 52.8492 349.126 44.7353C349.126 36.6214 355.656 31.4759 364.364 31.4759Z"
+      fill="white"
+    />
+    <path
+      d="M411.429 52.7172H424.292L434.451 68.4173H449.294L437.815 51.3319C444.28 49.0231 448.238 43.8777 448.238 36.8852C448.238 26.7263 440.652 21.0532 429.108 21.0532H398.499V68.4173H411.429V52.7172ZM411.429 42.4924V31.8717H428.448C433 31.8717 435.507 33.8507 435.507 37.2151C435.507 40.3815 433 42.4924 428.448 42.4924H411.429Z"
+      fill="white"
+    />
+    <path
+      d="M454.254 21.0532V68.4173H500.299V57.4668H466.92V49.7487H496.539V39.0621H466.92V32.0037H500.299V21.0532H454.254Z"
+      fill="white"
+    />
+    <path
+      d="M519.46 53.3109H536.677C548.221 53.3109 555.807 47.7697 555.807 37.2151C555.807 26.5944 548.221 21.0532 536.677 21.0532H506.53V68.4173H519.46V53.3109ZM519.46 42.5584V31.8717H535.951C540.569 31.8717 543.076 33.8507 543.076 37.2151C543.076 40.5134 540.569 42.5584 535.951 42.5584H519.46Z"
+      fill="white"
+    />
+    <path
+      d="M587.899 20.2616C571.341 20.2616 559.401 30.6184 559.401 44.7353C559.401 58.8521 571.341 69.2089 587.899 69.2089C604.456 69.2089 616.33 58.8521 616.33 44.7353C616.33 30.6184 604.456 20.2616 587.899 20.2616ZM587.899 31.4759C596.606 31.4759 603.137 36.6214 603.137 44.7353C603.137 52.8492 596.606 57.9946 587.899 57.9946C579.191 57.9946 572.66 52.8492 572.66 44.7353C572.66 36.6214 579.191 31.4759 587.899 31.4759Z"
+      fill="white"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_1179_4996"
+        x1="45.3904"
+        y1="5.8358"
+        x2="4.53889"
+        y2="46.6874"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0096FF" />
+        <stop offset="1" stopColor="#FF1E56" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+
+export default RepoLogo;
diff --git a/docs/components/logos/og/TurboLogo.tsx b/docs/components/logos/og/TurboLogo.tsx
@@ -0,0 +1,54 @@
+const TurboLogo = (props) => (
+  <svg
+    {...props}
+    viewBox="0 0 460 97"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M48.5003 16.9576C31.108 16.9576 16.958 31.1076 16.958 48.5C16.958 65.8923 31.108 80.0423 48.5003 80.0423C65.8927 80.0423 80.0427 65.8923 80.0427 48.5C80.0427 31.1076 65.8927 16.9576 48.5003 16.9576ZM48.5003 64.8233C39.484 64.8233 32.177 57.5163 32.177 48.5C32.177 39.4837 39.484 32.1767 48.5003 32.1767C57.5166 32.1767 64.8236 39.4837 64.8236 48.5C64.8236 57.5163 57.5166 64.8233 48.5003 64.8233Z"
+      fill="white"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M51.143 11.777V0C76.7411 1.3686 97.0762 22.5613 97.0762 48.5C97.0762 74.4387 76.7411 95.6255 51.143 97V85.223C70.2212 83.8603 85.3286 67.9188 85.3286 48.5C85.3286 29.0812 70.2212 13.1397 51.143 11.777ZM20.6817 72.5824C15.6243 66.7439 12.3644 59.3076 11.7829 51.143H0C0.610876 62.5676 5.1807 72.9348 12.3409 80.9173L20.6758 72.5824H20.6817ZM45.8571 97V85.223C37.6866 84.6415 30.2504 81.3875 24.4118 76.3242L16.0769 84.6592C24.0652 91.8252 34.4325 96.3891 45.8512 97H45.8571Z"
+      fill="url(#paint0_linear_1368_4681)"
+    />
+    <path
+      d="M192.503 37.4015V24.604H130.828V37.4015H154.111V79.9572H169.221V37.4015H192.503Z"
+      fill="white"
+    />
+    <path
+      d="M227.35 80.8053C246.315 80.8053 256.723 71.1685 256.723 55.2872V24.604H241.613V53.8225C241.613 62.6882 236.987 67.6993 227.35 67.6993C217.714 67.6993 213.088 62.6882 213.088 53.8225V24.604H197.978V55.2872C197.978 71.1685 208.385 80.8053 227.35 80.8053Z"
+      fill="white"
+    />
+    <path
+      d="M279.853 61.6089H294.887L306.759 79.9572H324.105L310.691 59.99C318.246 57.2917 322.872 51.2784 322.872 43.1064C322.872 31.234 314.006 24.604 300.515 24.604H264.743V79.9572H279.853V61.6089ZM279.853 49.6594V37.2473H299.744C305.063 37.2473 307.993 39.5601 307.993 43.4919C307.993 47.1924 305.063 49.6594 299.744 49.6594H279.853Z"
+      fill="white"
+    />
+    <path
+      d="M329.902 79.9572H369.451C381.786 79.9572 388.879 74.0981 388.879 64.3072C388.879 57.7542 384.716 53.2828 379.782 51.2784C383.174 49.6594 387.337 45.8047 387.337 39.7143C387.337 29.9234 380.399 24.604 368.141 24.604H329.902V79.9572ZM344.396 46.2673V36.8619H366.599C370.762 36.8619 373.075 38.4808 373.075 41.5646C373.075 44.6483 370.762 46.2673 366.599 46.2673H344.396ZM344.396 57.6001H367.987C372.073 57.6001 374.308 59.6045 374.308 62.6111C374.308 65.6178 372.073 67.6222 367.987 67.6222H344.396V57.6001Z"
+      fill="white"
+    />
+    <path
+      d="M425.824 23.6788C406.473 23.6788 392.519 35.7825 392.519 52.2806C392.519 68.7786 406.473 80.8823 425.824 80.8823C445.174 80.8823 459.051 68.7786 459.051 52.2806C459.051 35.7825 445.174 23.6788 425.824 23.6788ZM425.824 36.7848C436 36.7848 443.632 42.7981 443.632 52.2806C443.632 61.7631 436 67.7764 425.824 67.7764C415.647 67.7764 408.015 61.7631 408.015 52.2806C408.015 42.7981 415.647 36.7848 425.824 36.7848Z"
+      fill="white"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_1368_4681"
+        x1="53.0466"
+        y1="6.82015"
+        x2="5.30449"
+        y2="54.5623"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0096FF" />
+        <stop offset="1" stopColor="#FF1E56" />
+      </linearGradient>
+    </defs>
+  </svg>
+);
+
+export default TurboLogo;
diff --git a/docs/components/logos/og/VercelLogo.tsx b/docs/components/logos/og/VercelLogo.tsx
@@ -0,0 +1,16 @@
+const VercelLogo = ({
+  fill = "none",
+  height = 20,
+}: {
+  fill?: string;
+  height?: number;
+}) => (
+  <svg height={height} viewBox="0 0 283 64" fill={fill}>
+    <path
+      fill={fill}
+      d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z"
+    />
+  </svg>
+);
+
+export default VercelLogo;
diff --git a/docs/next.config.js b/docs/next.config.js
@@ -54,6 +54,7 @@ const OLD_TURBOREPO_ROUTES = [
 
 const nextConfig = withNextra({
   sentry: {
+    autoInstrumentServerFunctions: false,
     hideSourceMaps: true,
   },
   reactStrictMode: true,

diff --git a/docs/package.json b/docs/package.json
@@ -18,8 +18,9 @@
     "@heroicons/react": "1.0.6",
     "@mdx-js/react": "^2.1.4",
     "@react-aria/ssr": "3.3.0",
-    "@sentry/nextjs": "^7.14.1",
+    "@sentry/nextjs": "^7.17.3",
     "@vercel/analytics": "^0.1.1",
+    "@vercel/og": "^0.0.20",
     "axios": "0.27.2",
     "classnames": "2.3.2",
     "copy-to-clipboard": "3.3.2",