construct-hub 0.1.182 → 0.1.186

package/website/static/js/6.c0e3f99c.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[6],{228:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n(0),c=n(239),r={home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},o=n(109),i=n(1),s=function(e){var t=e.children,n=e.meta,s=e.pageName,l=Object(o.b)(r[s]);Object(a.useEffect)((function(){l()}),[l]);var u=n.suffix,d=void 0===u||u,b=n.title,j=n.description,h=d?"".concat(b," - Construct Hub"):b;return Object(i.jsxs)(i.Fragment,{children:[Object(i.jsxs)(c.a,{children:[!1,Object(i.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(i.jsx)("meta",{charSet:"utf-8"}),Object(i.jsx)("title",{children:h}),Object(i.jsx)("meta",{content:h,property:"og:title"}),Object(i.jsx)("meta",{content:h,name:"twitter:title"}),Object(i.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(i.jsx)("meta",{content:j,name:"description"}),Object(i.jsx)("meta",{content:j,property:"og:description"}),Object(i.jsx)("meta",{content:j,name:"twitter:description"})]}),t]})}},251:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(6),c=n(22),r=n(21),o=n(184),i=n(337),s=n(1),l=["sources"],u=Object(r.a)((function(e,t){var n=e.sources,r=Object(c.a)(e,l);return Object(s.jsxs)(o.a,{as:"picture",children:[null===n||void 0===n?void 0:n.map((function(e,t){return Object(s.jsx)("source",{media:e.media,srcSet:e.srcSet},t)})),Object(s.jsx)(i.a,Object(a.a)({ref:t},r))]})}));u.displayName="Picture"},252:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(215),c=n(54),r=n(1),o=function(e){var t=e.children,n=e.language;return c.e.has(n)?Object(r.jsx)(r.Fragment,{children:t}):Object(r.jsx)(a.a,{hasArrow:!0,label:"Documentation support for ".concat(c.b[n]," is coming soon!"),placement:"top-start",children:Object(r.jsx)("span",{children:t})})}},253:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(6),c=n(22),r=n(568),o=n(108),i=n(80),s=n(1),l=["children","language","value","label","zIndex"],u=function(e){var t=e.children,n=e.language,u=e.value,d=e.label,b=void 0===d?u:d,j=e.zIndex,h=Object(c.a)(e,l);return Object(s.jsx)(i.a,{"aria-label":"Tag: ".concat(b),to:Object(o.c)({query:"".concat(u),language:n}),zIndex:j,children:Object(s.jsx)(r.a,Object(a.a)(Object(a.a)({_hover:{textDecoration:"underline"}},h),{},{children:Object(s.jsx)(r.b,{children:t})}))})}},254:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(6),c=n(22),r=n(21),o=n(184),i=n(582),s=n(1),l=["date","format"],u=Object(r.a)((function(e,t){var n=e.date,r=e.format,u=Object(c.a)(e,l);return Object(s.jsx)(o.a,Object(a.a)(Object(a.a)({as:"time",dateTime:n.toISOString(),ref:t},u),{},{children:Object(i.a)(n,r)}))}));u.displayName="Time"},286:function(e,t,n){"use strict";n.r(t),n.d(t,"NotFound",(function(){return d})),n.d(t,"default",(function(){return d}));var a=n(209),c=n(199),r=n(145),o=n(29),i=n(228),s=n(251),l=n(1),u={optimal:[{media:"(max-width:1024px)",srcSet:"/assets/404-hive@50.webp"},{media:"(min-width:1024px)",srcSet:"/assets/404-hive@100.webp"},{media:"(min-width:1024px)",srcSet:"/assets/404-hive@100.png"}],fallback:"/assets/404-hive@50.png"},d=function(){return Object(l.jsx)(i.a,{meta:{title:"Not Found",description:"Oops! The page you were looking for does not exist"},pageName:"notFound",children:Object(l.jsxs)(a.a,{h:"100%",position:"relative",w:"100%",children:[Object(l.jsx)(s.a,{alt:"",inset:0,position:"absolute",sources:u.optimal,src:u.fallback,zIndex:"hide"}),Object(l.jsxs)(c.a,{align:"center",direction:"column",justify:"center",children:[Object(l.jsx)(s.a,{alt:"404 Image",sources:[{srcSet:"/assets/robot.webp"}],src:"/assets/robot.png"}),Object(l.jsx)(r.a,{as:o.b,colorScheme:"blue",to:"/",children:"Take Me Home"})]})]})})}},288:function(e,t,n){"use strict";(function(e){n.d(t,"a",(function(){return T}));var a,c=n(4),r=n(184),o=n(348),i=n.n(o),s=n(444),l=n.n(s),u=n(477),d=n.n(u),b=n(565),j=n(524),h=n.n(j),f=n(563),O=n(567),p=n(336),m=n(559),x=n(560),g=n(561),v=n(562),y=n(1),w={a:v.a,blockquote:v.b,caption:g.b,code:f.a,em:v.c,h1:O.a,h2:O.a,h3:O.a,h4:O.a,h5:O.a,h6:O.a,hr:p.a,img:m.a,li:x.a,ol:x.b,p:v.d,pre:v.e,sup:v.f,table:g.a,tbody:g.c,td:g.d,tfoot:g.e,th:g.f,thead:g.g,tr:g.h,ul:x.c},k=n(327);k.attributes.span=(null!==(a=k.attributes.span)&&void 0!==a?a:[]).concat(["dataHeadingTitle","dataHeadingId"]);var S=[[l.a],[d.a,k]],C=[h.a,b.a],L=/^(?:(?:git@)?github\.com:|(?:https?:\/\/)github\.com\/)([^/]+)\/([^/]+)(?:\.git)?$/,T=function(t){var n=t.children,a=function(e){var t=e.type,n=e.url;if("git"===t){var a=L.exec(n);if(null!=a){var r=Object(c.a)(a,3);return{owner:r[1],repo:r[2]}}}}(t.repository),o=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"HEAD";return null==a?i.a.uriTransformer:function(n){var r=i.a.uriTransformer(n),o=Object(c.a)(r,1)[0];if("#"===o||"/"===o)return r;if(r.includes("://"))return r;var s=a.owner,l=a.repo.replace(/\.git$/,"");return"https://".concat(e,"/").concat(s,"/").concat(l,"/").concat(t,"/").concat(r)}};return e.byteLength(n)>1048576&&(n=[n=n.substring(0,n.lastIndexOf("# API Reference")),"# API Reference","The API Reference for this package could not be rendered.","If this issue persists, please let us know by creating an [issue](https://github.com/cdklabs/construct-hub-webapp/issues/new)"].join("\n")),Object(y.jsx)(r.a,{px:8,sx:{"& > *":{mb:8},"& > p":{lineHeight:"taller"}},children:Object(y.jsx)(i.a,{components:w,rehypePlugins:S,remarkPlugins:C,transformImageUri:o("raw.githubusercontent.com"),transformLinkUri:o("github.com","blob/HEAD"),children:n})})}}).call(this,n(344).Buffer)},336:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(6),c=n(201),r=n(1),o=function(e){return Object(r.jsx)(c.a,Object(a.a)({my:10},e))}},559:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(6),c=n(337),r=n(1),o=function(e){return Object(r.jsx)(c.a,Object(a.a)({display:"inline-block"},e))}},560:function(e,t,n){"use strict";n.d(t,"c",(function(){return r})),n.d(t,"b",(function(){return o})),n.d(t,"a",(function(){return i}));var a=n(207),c=n(1),r=function(e){var t=e.children;return Object(c.jsx)(a.c,{children:t})},o=function(e){var t=e.children;return Object(c.jsx)(a.b,{children:t})},i=function(e){var t=e.children;return Object(c.jsx)(a.a,{lineHeight:"tall",mb:2,sx:{"em:first-of-type":{mr:2,fontStyle:"italic",fontSize:"small"},"&::marker":{color:"blue.500"},code:{fontSize:"small"}},children:t})}},561:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var a=n(184),c=n(238);n.d(t,"e",(function(){return c.e})),n.d(t,"c",(function(){return c.c})),n.d(t,"d",(function(){return c.d})),n.d(t,"g",(function(){return c.g})),n.d(t,"h",(function(){return c.h})),n.d(t,"f",(function(){return c.f})),n.d(t,"b",(function(){return c.b}));var r=n(1),o=function(e){var t=e.children;return Object(r.jsx)(a.a,{maxW:"100%",overflowX:"auto",children:Object(r.jsx)(c.a,{variant:"striped",children:t})})}},562:function(e,t,n){"use strict";n.d(t,"a",(function(){return b})),n.d(t,"b",(function(){return j})),n.d(t,"c",(function(){return h})),n.d(t,"d",(function(){return f})),n.d(t,"e",(function(){return O})),n.d(t,"f",(function(){return p}));var a=n(4),c=n(6),r=n(22),o=n(194),i=n(184),s=n(189),l=n(55),u=n(1),d=["children","href"],b=function(e){var t=e.children,n=e.href,a=Object(r.a)(e,d),i=o.a;try{if(n&&n.startsWith("http"))if(new URL(n).hostname!==window.location.hostname){i=function(e){return Object(u.jsx)(l.a,Object(c.a)({},e))}}}catch(s){i=o.a}return Object(u.jsx)(i,Object(c.a)(Object(c.a)({color:"blue.500",href:n,sx:{"> img + svg":{display:"none"}}},a),{},{children:t}))},j=function(e){var t=e.children;return Object(u.jsx)(i.a,{as:"blockquote",bg:"gray.100",borderLeft:"5px solid",borderLeftColor:"gray.200",borderRadius:"md",p:2,wordBreak:"break-word",children:t})},h=function(e){var t=e.children;return Object(u.jsx)(i.a,{as:"em",color:"blue.500",fontStyle:"normal",fontWeight:"semibold",children:t})},f=function(e){var t=e.children;return Object(u.jsx)(s.a,{children:t})},O=function(e){var t=e.children;return Object(u.jsx)(i.a,{as:"pre",children:t})},p=function(e){var t=e.children,n=void 0,c="";if(Array.isArray(t)){var r=Object(a.a)(t,1)[0];"string"===typeof r&&(c=r)}return"Required"===c?n="orange.500":"Optional"===c&&(n="green.500"),Object(u.jsx)(i.a,{as:"sup",color:n,ml:2,top:-1,children:t})}},563:function(e,t,n){"use strict";n.d(t,"a",(function(){return y}));var a=n(575),c=n(0),r=n(6),o=n(184),i=n(566),s=n(556),l=n(199),u=n(22),d=n(573),b=n(574),j=n(21),h=n(571),f=n(197),O=n(1),p=["value"],m=Object(j.a)((function(e,t){var n=e.value,a=Object(u.a)(e,p),c=Object(h.a)(n),o=c.hasCopied,i=c.onCopy;return Object(O.jsx)(f.a,Object(r.a)({"aria-label":"Copy Button",h:6,icon:o?Object(O.jsx)(d.a,{color:"green.300"}):Object(O.jsx)(b.a,{}),minW:"auto",onClick:i,ref:t,variant:"ghost",w:6},a))}));m.displayName="CopyButton";var x=function(e){var t=e.code,n=e.tokens,a=e.getLineProps,c=e.getTokenProps;return Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)(l.a,{align:"center",bg:"rgba(0, 124, 253, 0.15)",justify:"flex-end",px:2,py:1,children:Object(O.jsx)(m,{_hover:{bg:"gray.300"},color:"gray.500",value:t})}),Object(O.jsx)(o.a,{maxW:"100%",overflowX:"auto",p:2,children:Object(O.jsx)(o.a,{w:"max-content",children:n.map((function(e,t){return Object(O.jsx)("div",Object(r.a)(Object(r.a)({},a({line:e,key:t})),{},{children:e.map((function(e,t){return Object(O.jsx)("span",Object(r.a)({},c({token:e,key:t})),t)}))}),t)}))})})]})},g=function(e){var t=e.code,n=e.tokens,a=e.getLineProps,c=e.getTokenProps;return Object(O.jsxs)(l.a,{align:"center",justify:"space-between",p:2,children:[n.map((function(e,t){return Object(O.jsx)("div",Object(r.a)(Object(r.a)({},a({line:e,key:t})),{},{children:e.map((function(e,t){return Object(O.jsx)("span",Object(r.a)({},c({token:e,key:t})),t)}))}),t)})),Object(O.jsx)(o.a,{children:Object(O.jsx)(m,{color:"blue.500",colorScheme:"blue",ml:4,value:t})})]})},v=function(e){var t=e.code,n=e.language;return Object(O.jsx)(i.a,Object(r.a)(Object(r.a)({},i.b),{},{code:t,language:n,theme:s.a,children:function(e){return Object(O.jsx)(o.a,{as:"pre",border:"base",borderRadius:"md",boxShadow:"base",className:e.className,maxW:"100%",overflow:"hidden",style:e.style,w:"min-content",children:e.tokens.length>1?Object(O.jsx)(x,Object(r.a)(Object(r.a)({},e),{},{code:t})):Object(O.jsx)(g,Object(r.a)(Object(r.a)({},e),{},{code:t}))})}}))},y=function(e){var t=e.inline,n=e.children,r=e.language,o=void 0===r?"typescript":r;if(t)return Object(O.jsx)(a.a,{bg:"gray.100",border:"1px solid",borderColor:"gray.100",borderRadius:"md",color:"blue.500",px:2,py:0,children:n});var i=c.Children.toArray(n).reduce((function(e,t){return"string"===typeof t?"".concat(e).concat(t):e}),"").trim();return Object(O.jsx)(v,{code:i,language:o})}},567:function(e,t,n){"use strict";n.d(t,"a",(function(){return u}));var a=n(205),c=n(0),r=n(557),o=n.n(r),i=n(80),s=n(336),l=n(1),u=function(e){var t,n,r=e.level,u=e.children,d=["2xl","xl","lg","md","sm","xs"][r-1],b=[10,10,10,8,8,8][r-1],j="h".concat(r),h=(new DOMParser).parseFromString(o.a.renderToStaticMarkup(u),"text/html").querySelector("span[data-heading-title][data-heading-id]"),f=null!==(t=null===h||void 0===h?void 0:h.dataset.headingTitle)&&void 0!==t?t:c.Children.toArray(u).reduce((function(e,t){return"string"===typeof t?"".concat(e).concat(t):e}),"").trim(),O=null!==(n=null===h||void 0===h?void 0:h.dataset.headingId)&&void 0!==n?n:f.toLowerCase().replace(/[^a-zA-Z0-9 ]/g,"").replace(/ /g,"-"),p=r<4;return Object(l.jsxs)(l.Fragment,{children:[Object(l.jsx)(a.a,{as:j,color:"blue.800",level:r,mb:p?0:r,mt:b,size:d,children:Object(l.jsx)(i.a,{"data-heading-id":O,"data-heading-level":r,"data-heading-title":f,id:O,replace:!0,sx:{"> code":{color:"blue.800",fontSize:"inherit"}},to:"#".concat(O),children:u})}),p&&Object(l.jsx)(s.a,{mb:b,mt:0,sx:{"& + hr":{display:"none"}}})]})}},581:function(e,t,n){"use strict";n.r(t),n.d(t,"Packages",(function(){return et})),n.d(t,"default",(function(){return et}));var a=n(18),c=n(286),r=n(4),o=n(221),i=n(184),s=n(0),l=n(32),u=n.n(l),d=n(49),b=n(13),j=function(e,t){return t?"".concat(t,"/").concat(e):e},h=function(e,t,n){var a="".concat(b.a.PACKAGES_PREFIX,"/"),c=j(e,n),r="/v".concat(t);return"".concat(a).concat(c).concat(r)},f=function(e){var t=e;return(t.startsWith("~")||t.startsWith("^"))&&(t=t.substring(1)),t},O=function(){var e=Object(d.a)(u.a.mark((function e(t,n,a){var c,r;return u.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c="".concat(h(t,n,a)).concat(b.a.ASSEMBLY_SUFFIX),e.next=3,fetch(c);case 3:if((r=e.sent).ok){e.next=6;break}throw new Error("Failed fetching assembly for ".concat(c,": ").concat(r.statusText));case 6:return e.abrupt("return",r.json());case 7:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}(),p=function(){var e=Object(d.a)(u.a.mark((function e(t,n,a,c,r){var o,i,s,l,d;return u.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o="/docs-".concat(r?"".concat(r,"-"):"").concat(a,".md"),i="".concat(h(t,n,c)).concat(o),e.next=4,fetch(i);case 4:if((s=e.sent).ok){e.next=7;break}throw new Error("Failed fetching documentation for ".concat(i,": ").concat(s.statusText));case 7:if(l="text/markdown",(d=s.headers.get("Content-Type"))&&d.includes(l)){e.next=11;break}throw new Error("Invalid content type: ".concat(d,". Expected ").concat(l,'"'));case 11:return e.abrupt("return",s.text());case 12:case"end":return e.stop()}}),e)})));return function(t,n,a,c,r){return e.apply(this,arguments)}}(),m=function(){var e=Object(d.a)(u.a.mark((function e(t,n,a){var c,r,o;return u.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return(c=n).startsWith("^")&&(c=c.substring(1,c.length)),r="".concat(h(t,n,a)).concat(b.a.METADATA_SUFFIX),e.next=5,fetch(r);case 5:if((o=e.sent).ok){e.next=8;break}throw new Error("Failed fetching metadata for ".concat(r,": ").concat(o.statusText));case 8:return e.abrupt("return",o.json());case 9:case"end":return e.stop()}}),e)})));return function(t,n,a){return e.apply(this,arguments)}}(),x=n(228),g=n(54),v=n(130),y=n(111),w=n(113),k=n(84),S=n(209),C=n(191),L=n(199),T=n(141),I=n(201),R=n(112),F=n(17),A=n(197),P=n(252),E=n(1),z=function(e){var t=e.targetLanguages,n=e.selectedLanguage,a=e.setSelectedLanguage;return Object(E.jsx)(o.a,{align:"center","data-testid":"language-bar",direction:"row",spacing:2,children:Object(F.a)(t).sort((function(e,t){return g.a.indexOf(e)-g.a.indexOf(t)})).map((function(e){var t=!g.e.has(e),c=e===n,r=g.c[e].icon;return Object(E.jsx)(P.a,{language:e,children:Object(E.jsx)(A.a,{"aria-label":"Select ".concat(e," icon"),border:c?"1px solid":"none",borderColor:"blue.500",borderRadius:"lg",boxShadow:"base",colorScheme:"blue",cursor:t?"not-allowed":"pointer","data-testid":"language-".concat(e),disabled:t,icon:Object(E.jsx)(r,{"aria-label":"".concat(e,"-icon"),borderRadius:"sm",height:[4,5,6],width:[4,5,6]}),onClick:function(){c||a(e)},p:1,variant:"outline",w:"max-content"})},e)}))})},M=new Set(g.a),N=function(e){var t,n=e.assembly,a=Object(y.a)({updateSaved:!0,updateUrl:!0}),c=Object(r.a)(a,2),o=c[0],i=c[1],s=[].concat(Object(F.a)(Object.keys(null!==(t=null===n||void 0===n?void 0:n.targets)&&void 0!==t?t:{})),[g.d.TypeScript]);return Object(E.jsx)(z,{selectedLanguage:s.includes(o)?o:s[0],setSelectedLanguage:i,targetLanguages:s.filter((function(e){return M.has(e)}))})},W=n(194),B=n(570),H=n(204),U=n(212),D=n(145),q=n(80),G=function(e){var t=e.dependencies,n=Object.entries(t);return n.length?Object(E.jsxs)(U.a,{children:[Object(E.jsx)(U.b,{as:D.a,color:"blue.500",leftIcon:Object(E.jsx)(B.a,{}),rightIcon:Object(E.jsx)(H.a,{h:6,w:6}),size:"md",variant:"outline",children:"Dependencies"}),Object(E.jsx)(U.f,{children:n.map((function(e){var t=Object(r.a)(e,2),n=t[0],a=t[1];return Object(E.jsx)(U.e,{p:0,children:Object(E.jsx)(q.a,{h:"100%",p:2,to:"/packages/".concat(n,"/v/").concat(f(a)),w:"100%",children:"".concat(n," - ").concat(a)})},"".concat(n,"/").concat(a))}))})]}):null},_=n(207),X=n(189),V=n(55),J=n(6),Y=n(22),$=n(21),K="https://opensource.org/licenses",Q={"Apache-2.0":"".concat(K,"/apache2.0.php"),"BSD-2-Clause":"".concat(K,"/bsd-license.php"),MIT:"".concat(K,"/mit-license.php")},Z=["license"],ee=Object($.a)((function(e,t){var n=e.license,a=Object(Y.a)(e,Z),c=Q[n];return Object(E.jsx)(V.a,Object(J.a)(Object(J.a)({href:c,ref:t},a),{},{children:n}))}));ee.displayName="LicenseLink";var te=n(254),ne=n(108),ae=function(e){var t=e.assembly,n=e.linksConfig,a=e.metadata,c=Object(s.useMemo)((function(){var e;if(!a)return[];var c=a.date,r=a.links,o=null===t||void 0===t?void 0:t.author.name,s=null===t||void 0===t?void 0:t.author.url,l=null===t||void 0===t?void 0:t.repository,u=null===t||void 0===t?void 0:t.license,d=null!==(e=null===r||void 0===r?void 0:r.npm)&&void 0!==e?e:"https://www.npmjs.com/package/".concat(null===t||void 0===t?void 0:t.name,"/v/").concat(null===t||void 0===t?void 0:t.version),b=[];if(c){var j=Object(E.jsx)(te.a,{date:new Date(c),fontWeight:"bold",format:"MMMM dd, yyyy"});b.push(Object(E.jsxs)(E.Fragment,{children:["Published: ",j]}))}if(o){var h=s?Object(E.jsx)(V.a,{href:s,children:o}):Object(E.jsx)(i.a,{as:"strong",fontWeight:"bold",children:o});b.push(Object(E.jsxs)(E.Fragment,{children:["Author: ",h]}))}if((null===n||void 0===n?void 0:n.length)&&n.forEach((function(e){var t,n=e.name,c=e.value,r=e.displayText,o=(null!==(t=null===a||void 0===a?void 0:a.packageLinks)&&void 0!==t?t:{})[c];if(o){var i=Object(E.jsx)(V.a,{href:o,children:null!==r&&void 0!==r?r:o});b.push(Object(E.jsxs)(E.Fragment,{children:[n,": ",i]}))}})),l){var f=Object(ne.b)(l.url);if(f){var O=Object(E.jsx)(V.a,{href:f.url,children:f.hostname});b.push(Object(E.jsxs)(E.Fragment,{children:["Repository: ",O]}))}}if(u&&u in Q){var p=Object(E.jsx)(ee,{license:u});b.push(Object(E.jsxs)(E.Fragment,{children:["License: ",p]}))}if(d){var m=Object(E.jsx)(V.a,{href:d,children:new URL(d).hostname});b.push(Object(E.jsxs)(E.Fragment,{children:["Registry: ",m]}))}return b.slice(0,5).map((function(e,t){return Object(E.jsx)(_.a,{listStyleType:"none",my:1,children:Object(E.jsx)(X.a,{color:"gray.600",children:e})},"detail-".concat(t))}))}),[a,t,n]);return Object(E.jsx)(_.c,{ml:0,children:c})},ce=function(e){var t=e.assembly,n=e.linksConfig,a=e.metadata;return Object(E.jsxs)(L.a,{direction:"column",textAlign:{base:"center",md:"initial"},children:[Object(E.jsx)(W.a,{color:"blue.500",fontSize:"sm",href:"mailto:abuse@amazonaws.com?subject=".concat(encodeURIComponent("ConstructHub - Report of abusive package: ".concat(null===t||void 0===t?void 0:t.name))),m:2,textAlign:{base:"center",md:"right"},children:"Report this Package"}),Object(E.jsx)(ae,{assembly:t,linksConfig:n,metadata:a}),(null===t||void 0===t?void 0:t.dependencies)&&Object(E.jsx)(i.a,{mt:4,children:Object(E.jsx)(G,{dependencies:t.dependencies})})]})},re=n(205),oe=n(253),ie=function(e){var t=e.description,n=e.tags,a=e.title,c=e.version,i=Object(y.a)(),s=Object(r.a)(i,1)[0];return Object(E.jsxs)(L.a,{direction:"column",maxWidth:"100%",overflowX:"hidden",p:2,textAlign:{base:"center",md:"initial"},children:[Object(E.jsxs)(o.a,{align:"center",direction:{base:"column",md:"row"},justify:{base:"center",md:"start"},mb:4,spacing:4,children:[Object(E.jsx)(re.a,{wordBreak:"break-word",children:a}),Object(E.jsx)(X.a,{color:"blue.500",fontSize:"md",children:c})]}),Object(E.jsx)(X.a,{wordBreak:"break-word",children:t}),!!n.length&&Object(E.jsxs)(L.a,{direction:"row",justify:{base:"center",md:"initial"},mt:3,children:[a.startsWith("@aws-cdk/")?Object(E.jsx)(oe.a,{label:"official",language:s,mr:2,value:"@aws-cdk",variant:"official",children:"Official"},"official"):null,n.filter(Boolean).slice(0,3).map((function(e){return Object(E.jsx)(oe.a,{language:s,mr:2,value:e,children:e},e)}))]})]})},se=n(573),le=n(574),ue=n(198),de=n(571),be=n(192),je=n(134),he=n(572),fe=n(583),Oe=n(575),pe=n(57),me={borderRadius:"md",color:"white",variant:"link"},xe={h:4,w:4},ge=Object(pe.a)("code-popover",["close","content","code","copy","header","trigger"]),ve=function(e){var t=e.code,n=e.header,a=e.trigger,c=Object(de.a)(t),o=c.hasCopied,i=c.onCopy,l=Object(be.a)(),u=Object(s.useRef)(null),d=Object(je.b)("breakpoints","md"),b=Object(he.a)("(min-width: ".concat(d,")")),j=Object(r.a)(b,1)[0];return Object(E.jsxs)(fe.a,Object(J.a)(Object(J.a)({initialFocusRef:u,isLazy:!0,placement:j?"bottom-end":"bottom"},l),{},{children:[Object(E.jsx)(fe.e,{children:a}),Object(E.jsxs)(fe.c,{bg:"blue.500","data-testid":ge.content,children:[Object(E.jsxs)(fe.d,{align:"center",as:L.a,color:"white","data-testid":ge.header,justify:"space-between",pr:0,children:[Object(E.jsx)(X.a,{children:n}),Object(E.jsxs)(L.a,{align:"center",children:[Object(E.jsx)(A.a,Object(J.a)({"aria-label":"copy-text-icon","data-testid":ge.copy,icon:o?Object(E.jsx)(se.a,Object(J.a)(Object(J.a)({},xe),{},{color:"green.200"})):Object(E.jsx)(le.a,Object(J.a)({},xe)),onClick:i,ref:u},me)),Object(E.jsx)(A.a,Object(J.a)({"aria-label":"close-icon","data-testid":ge.close,icon:Object(E.jsx)(ue.a,{h:3,w:3}),onClick:l.onClose},me))]})]}),Object(E.jsx)(fe.b,{as:Oe.a,bg:"gray.100",borderTopLeftRadius:"0",borderTopRightRadius:"0",color:"gray.800","data-testid":ge.code,overflow:"auto",variant:"code-block",children:t})]})]}))},ye=Object($.a)((function(e,t){return Object(E.jsx)(D.a,Object(J.a)(Object(J.a)({color:"white",colorScheme:"blue","data-testid":ge.trigger,ref:t,rightIcon:Object(E.jsx)(H.a,{h:5,w:5})},e),{},{children:e.children}))}));ye.displayName="CodePopoverTrigger";var we=function(e){var t=e.assembly,n=Object(y.a)(),a=Object(r.a)(n,1)[0],c=g.b[a],o=function(e){var t=e.language,n=e.assembly,a=n.version;if(t===g.d.TypeScript){var c=n.name;return"npm install ".concat(c,"@").concat(a)}if(t===g.d.Python){var r,o,i=null===(r=n.targets)||void 0===r||null===(o=r.python)||void 0===o?void 0:o.distName;if(!i)return;return"pip install ".concat(i,"==").concat(a)}}({language:a,assembly:t}),i=!o,s=i?"Unsupported":"Install",l=Object(E.jsx)(ye,{disabled:i,children:s});return Object(E.jsx)(ve,{code:null!==o&&void 0!==o?o:"",header:c,trigger:l})},ke=function(e){var t,n,a=e.assembly,c=e.config,r=e.metadata,i=e.version;return!(a.loading||r.loading)&&a.data&&r.data?Object(E.jsxs)(L.a,{as:R.a,direction:"column",children:[Object(E.jsxs)(T.a,{gap:4,overflow:"hidden",templateColumns:{base:"1fr",md:"3fr auto 2fr"},templateRows:"auto",children:[Object(E.jsx)(ie,{description:a.data.description,tags:null!==(t=a.data.keywords)&&void 0!==t?t:[],title:a.data.name,version:i}),Object(E.jsx)(I.a,{display:{base:"none",md:"initial"},orientation:"vertical"}),Object(E.jsx)(I.a,{display:{base:"initial",md:"none"},orientation:"horizontal"}),c.loading?Object(E.jsx)(S.a,{minH:"200px",children:Object(E.jsx)(C.a,{size:"xl"})}):Object(E.jsx)(ce,{assembly:a.data,linksConfig:null===(n=c.data)||void 0===n?void 0:n.packageLinks,metadata:r.data})]}),Object(E.jsxs)(o.a,{align:"center",direction:{base:"column",md:"row"},justify:{base:"center",md:"space-between"},px:2,py:4,spacing:4,children:[Object(E.jsx)(N,{assembly:a.data}),Object(E.jsx)(we,{assembly:a.data})]})]}):Object(E.jsx)(S.a,{minH:"200px",children:Object(E.jsx)(C.a,{size:"xl"})})},Se=n(288),Ce=n(569),Le={color:"gray.900",h:4,w:4},Te=function e(t){var n,c=t.children,r=t.display,o=t.url,l=t.onOpen,u=Object(a.h)(),d=u.pathname,b=u.hash,j=o.startsWith("#"),h=j?b===o:d===o,f=Object(be.a)({onOpen:l,defaultIsOpen:!0}),O=(null!==(n=null===c||void 0===c?void 0:c.length)&&void 0!==n?n:0)>0,p=f.isOpen&&O,m=j?W.a:q.a,x=Object(s.useMemo)((function(){return null===c||void 0===c?void 0:c.map((function(t,n){return Object(s.createElement)(e,Object(J.a)(Object(J.a)({},t),{},{key:n,onOpen:f.onOpen}))}))}),[c,f.onOpen]);return Object(E.jsxs)(L.a,{direction:"column",children:[Object(E.jsxs)(L.a,{align:"center",color:h?"blue.500":"gray.800",children:[O&&Object(E.jsx)(A.a,{"aria-label":"expand-toggle",borderRadius:"md",h:4,icon:f.isOpen?Object(E.jsx)(H.a,Object(J.a)({},Le)):Object(E.jsx)(Ce.a,Object(J.a)({},Le)),ml:-1,onClick:f.onToggle,size:"xs",variant:"link",w:4}),Object(E.jsx)(m,{_hover:{bg:"rgba(0, 124, 253, 0.05)"},href:o,overflow:"hidden",pl:O?1:2,py:1.5,textOverflow:"ellipsis",title:r,to:o,w:"100%",whiteSpace:"nowrap",children:r})]}),Object(E.jsx)(i.a,{_before:{bg:"gray.100",bottom:0,content:'""',left:0,position:"absolute",top:0,w:"1px"},display:p?"initial":"none",ml:2,pl:2,position:"relative",children:x})]})},Ie=function(e){var t=e.items;return Object(E.jsx)(L.a,{direction:"column",maxWidth:"100%",children:t.map((function(e,t){return Object(s.createElement)(Te,Object(J.a)(Object(J.a)({},e),{},{key:t,onOpen:void 0}))}))})},Re=n(578),Fe=n(44),Ae=n(133),Pe=n(208),Ee=n(576),ze=n(577),Me=n(216),Ne=n(85),We=n(132),Be=Object($.a)((function(e,t){var n=e.value,a=e.onChange,c=e.onSubmit,o=Object(s.useState)(n),i=Object(r.a)(o,2),l=i[0],u=i[1];return Object(We.a)(l,{onChange:a}),Object(E.jsx)(Ne.a,{"data-testid":"choose-submodule-search-form",onSubmit:c,children:Object(E.jsxs)(Ee.a,{children:[Object(E.jsx)(ze.a,{children:Object(E.jsx)(Pe.a,{color:"gray.400"})}),Object(E.jsx)(Me.a,{"data-testid":"choose-submodule-search-input",onChange:function(e){return u(e.target.value)},placeholder:"Search",ref:t,value:l,variant:"filled"})]})})}));Be.displayName="SearchInput";var He=function(e){var t=e.inputValue,n=e.isOpen,c=e.onClose,r=e.onInputChange,o=e.submodules,l=Object(s.useRef)(null),u=Object(a.g)().push,d=Object(s.useCallback)((function(e){c(),u(e)}),[c,u]),b=Object(s.useCallback)((function(e){if(e.preventDefault(),o.length){var t=o[0].to;d(t)}}),[d,o]);return Object(E.jsx)(Fe.a,{initialFocusRef:l,isOpen:n,onClose:c,children:Object(E.jsx)(Fe.h,{children:Object(E.jsxs)(Fe.d,{mx:4,children:[Object(E.jsx)(Fe.c,{"data-testid":"choose-submodule-modal-close"}),Object(E.jsx)(Fe.g,{"data-testid":"choose-submodule-modal-header",fontSize:"lg",fontWeight:"bold",children:"Choose a submodule"}),Object(E.jsxs)(Fe.b,{"data-testid":"choose-submodule-modal-body",p:0,children:[Object(E.jsx)(i.a,{pb:4,px:4,children:Object(E.jsx)(Be,{onChange:r,onSubmit:b,ref:l,value:t})}),Object(E.jsx)(I.a,{}),Object(E.jsx)(_.c,{"data-testid":"choose-submodule-modal-results",m:0,maxH:"50vh",overflow:"hidden auto",p:0,role:"listbox",tabIndex:-1,children:o.map((function(e){var t=e.name,n=e.to;return Object(E.jsx)(Ae.a,{"data-testid":"choose-submodule-result",name:t,onClick:function(){return d(n)}},t)}))})]})]})})})},Ue=function(e){var t,n=e.assembly,c=Object(a.h)().pathname,i=Object(a.g)().push,l=Object(w.a)(),u=Object.keys(null!==(t=null===n||void 0===n?void 0:n.submodules)&&void 0!==t?t:{}),d=Object(be.a)(),j=d.isOpen,h=d.onOpen,f=d.onClose,O=l.get(b.b.SUBMODULE),p=O?"Submodule: ".concat(O):"Choose Submodule",m=Object(s.useState)(""),x=Object(r.a)(m,2),g=x[0],v=x[1],y=Object(s.useCallback)((function(e){var t=new URLSearchParams(l.toString());return t.set("submodule",e),"".concat(c,"?").concat(t)}),[c,l]),k=Object(s.useMemo)((function(){var e=u;return g&&(e=e.filter((function(e){return e.toLowerCase().includes(g.toLowerCase())}))),e.map((function(e){var t=e.split(".")[1];return{name:t,to:y(t)}}))}),[u,g,y]);return 0===u.length?null:Object(E.jsxs)(o.a,{spacing:4,w:"100%",children:[O&&Object(E.jsxs)(E.Fragment,{children:[Object(E.jsx)(D.a,{borderRadius:"none","data-testid":"choose-submodule-go-back",leftIcon:Object(E.jsx)(Re.a,{"aria-label":"Back to construct root"}),onClick:function(){var e=l.get(b.b.LANGUAGE);i("".concat(c).concat(e?"?".concat(b.b.LANGUAGE,"=").concat(e):""))},title:"Back to construct root",variant:"link",children:null===n||void 0===n?void 0:n.name}),Object(E.jsx)(I.a,{})]}),Object(E.jsx)(D.a,{borderRadius:"none",color:"blue.500","data-testid":"choose-submodule-search-trigger",flexGrow:1,onClick:h,rightIcon:Object(E.jsx)(H.a,{}),title:"Choose Submodule",variant:"link",children:p}),Object(E.jsx)(He,{inputValue:g,isOpen:j,onClose:f,onInputChange:v,submodules:k})]})},De=function e(t,n){if(!(n instanceof HTMLElement))return t;var a=n.dataset,c=a.headingId,r=a.headingLevel,o=void 0===r?"100":r,i=n.innerText,s=parseInt(o);if(s>3||!i||!c)return t;var l=t[t.length-1];return null==l||l.level>=s?[].concat(Object(F.a)(t),[{display:i,url:"#".concat(c),level:s,children:[]}]):(l.children=e(l.children,n),t)},qe="72px",Ge=function(e){var t,n=e.markdown,c=e.assembly,o=Object(s.useState)([]),l=Object(r.a)(o,2),u=l[0],d=l[1];Object(s.useEffect)((function(){var e=Object(F.a)(document.querySelectorAll("[data-heading-id][data-heading-title][data-heading-level]")).reduce(De,[]);d(e)}),[n]);var b=Object(a.h)().hash;Object(s.useEffect)((function(){if(b){var e=document.querySelector("".concat(b));null===e||void 0===e||e.scrollIntoView(!0)}}),[n]);var j=Object(s.useMemo)((function(){return Object(E.jsx)(Se.a,{repository:c.repository,children:n})}),[c.repository,n]);return Object(E.jsxs)(T.a,{bg:"white",columnGap:4,h:"100%",templateColumns:{base:"1fr",md:"1fr 3fr"},width:"100%",children:[Object(E.jsxs)(L.a,{alignSelf:"stretch",borderRight:"1px solid",borderRightColor:"blue.50",direction:"column",display:{base:"none",md:"flex"},maxHeight:"calc(100vh - ".concat(qe,")"),overflow:"hidden auto",position:"sticky",px:4,top:qe,children:[Object.keys(null!==(t=null===c||void 0===c?void 0:c.submodules)&&void 0!==t?t:{}).length>0&&Object(E.jsx)(L.a,{borderBottom:"1px solid",borderColor:"blue.50",justify:"center",py:4,children:Object(E.jsx)(Ue,{assembly:c})}),Object(E.jsx)(i.a,{overflowY:"auto",py:4,children:Object(E.jsx)(Ie,{items:u})})]}),Object(E.jsx)(i.a,{h:"max-content",maxWidth:"100%",overflow:"hidden",py:4,sx:{a:{scrollMarginTop:qe}},children:j})]})},_e=function(e){var t=e.language,n=Object(E.jsx)(V.a,{href:"https://github.com/cdklabs/construct-hub-webapp/issues/new",children:"issue"});return Object(E.jsxs)(X.a,{align:"center",fontSize:"xl",fontStyle:"oblique",px:4,wordBreak:"break-word",children:["Documentation in ",t," is still not ready for this package. Come back soon. If this issue persists, please let us know by creating an"," ",n,"."]})},Xe=function(e){var t=e.language,n=g.b[t];return Object(E.jsxs)(X.a,{align:"center",fontSize:"xl",fontStyle:"oblique",px:4,wordBreak:"break-word",children:["This package does not currently support ",n,". Select one of the supported languages above, or ask the author to add support for"," ",n," in a future release."]})},Ve=function(){var e,t,n,l,u,d=Object(a.i)(),j=d.name,h=d.scope,f=d.version,S=Object(k.a)(p),C=Object(r.a)(S,2),L=C[0],T=C[1],I=Object(k.a)(O),R=Object(r.a)(I,2),F=R[0],A=R[1],P=Object(k.a)(m),z=Object(r.a)(P,2),M=z[0],N=z[1],W=Object(v.b)(),B=Object(w.a)(),H=Object(y.a)(),U=Object(r.a)(H,1)[0],D=null!==(e=B.get(b.b.SUBMODULE))&&void 0!==e?e:"",q="".concat(h?"".concat(h,"/").concat(j):j," ").concat(f),G=null!==(t=null===A||void 0===A||null===(n=A.data)||void 0===n?void 0:n.description)&&void 0!==t?t:"";if(Object(s.useEffect)((function(){M(j,f,h),F(j,f,h)}),[j,F,M,h,f]),Object(s.useEffect)((function(){L(j,f,U,h,D)}),[j,h,f,U,D,L]),A.error)return Object(E.jsx)(c.NotFound,{});var _=T.error||A.error,X=!T.loading&&!A.loading&&T.data&&A.data,V=U===g.d.TypeScript||A.loading||A.error||null!=(null===(l=A.data)||void 0===l||null===(u=l.targets)||void 0===u?void 0:u[U.toString()]);return Object(E.jsx)(x.a,{meta:{title:q,description:G},pageName:"packageProfile",children:Object(E.jsxs)(o.a,{maxW:"100vw",pt:4,spacing:4,children:[Object(E.jsx)(i.a,{px:4,children:Object(E.jsx)(ke,{assembly:A,config:W,metadata:N,version:f})}),V?_?Object(E.jsx)(_e,{language:U}):X&&Object(E.jsx)(Ge,{assembly:A.data,markdown:T.data}):Object(E.jsx)(Xe,{language:U})]})})},Je=n(83),Ye=function(e){return f(e).split(".")[0]},$e=function(e,t,n){var a=j(t,n),c=function(e,t){var n=e.packages.filter((function(e){return e.name===t}));if(0===n.length)throw new Error("Package ".concat(t," does not exist in catalog"));return n.length>1?n.sort((function(e,t){var n=Ye(e.version);return Ye(t.version).localeCompare(n)}))[0]:n[0]}(e,a).version,r="/v/".concat(c);return"".concat("/packages/").concat(a).concat(r)},Ke=function(){var e=Object(a.i)(),t=e.name,n=e.scope,c=Object(Je.b)();return c.loading||!c.data?Object(E.jsx)(S.a,{minH:"200px",children:Object(E.jsx)(C.a,{size:"xl"})}):Object(E.jsx)(a.a,{to:$e(c.data,t,n)})},Qe="[^@\\/]+",Ze="@[^\\/]+",et=function(){var e=Object(a.j)().path;return Object(E.jsxs)(a.d,{children:[Object(E.jsx)(a.b,{exact:!0,path:"".concat(e,"/:scope(").concat(Ze,")?/:name(").concat(Qe,")"),children:Object(E.jsx)(Ke,{})}),Object(E.jsx)(a.b,{path:"".concat(e,"/:scope(").concat(Ze,")?/:name(").concat(Qe,")/v/:version"),children:Object(E.jsx)(Ve,{})}),Object(E.jsx)(a.b,{path:"*",children:Object(E.jsx)(c.NotFound,{})})]})}}}]);
+//# sourceMappingURL=6.c0e3f99c.chunk.js.map

package/website/static/js/6.c0e3f99c.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","components/Picture/Picture.tsx","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","components/PackageTag/PackageTag.tsx","components/Time/Time.tsx","views/NotFound/NotFound.tsx","components/Markdown/Markdown.tsx","components/Markdown/Hr.tsx","components/Markdown/Img.tsx","components/Markdown/List.tsx","components/Markdown/Table.tsx","components/Markdown/Text.tsx","components/CopyButton/CopyButton.tsx","components/Code/MultiLineRenderer.tsx","components/Code/SingleLineRenderer.tsx","components/Code/Code.tsx","components/Markdown/Code.tsx","components/Markdown/Headings.tsx","util/sanitize-anchor.ts","api/package/util.ts","api/package/assembly.ts","api/package/docs.ts","api/package/metadata.ts","components/LanguageBar/LanguageBar.tsx","views/Package/components/LanguageSelection/LanguageSelection.tsx","views/Package/components/DependencyDropdown/DependencyDropdown.tsx","components/LicenseLink/constants.ts","components/LicenseLink/LicenseLink.tsx","views/Package/components/OperatorArea/Details.tsx","views/Package/components/OperatorArea/OperatorArea.tsx","views/Package/components/PackageHeader/PackageHeader.tsx","components/CodePopover/CodePopover.tsx","components/CodePopover/CodePopoverTrigger.tsx","views/Package/components/UseConstruct/UseConstruct.tsx","views/Package/components/PackageDetails/PackageDetails.tsx","components/NavTree/NavTree.tsx","views/Package/components/ChooseSubmodule/SearchInput.tsx","views/Package/components/ChooseSubmodule/SearchModal.tsx","views/Package/components/ChooseSubmodule/ChooseSubmodule.tsx","views/Package/components/PackageDocs/PackageDocs.tsx","views/Package/components/PackageDocsError/PackageDocsError.tsx","views/Package/components/PackageDocsUnsupported/PackageDocsUnsupported.tsx","views/Package/Package.tsx","views/PackageLatest/PackageLatest.tsx","views/Packages/Packages.tsx"],"names":["pageInfo","home","event","name","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","Picture","forwardRef","ref","sources","props","as","map","source","idx","media","srcSet","displayName","LanguageSupportTooltip","language","TEMP_SUPPORTED_LANGUAGES","has","hasArrow","label","LANGUAGE_NAME_MAP","placement","PackageTag","value","zIndex","tagProps","NavLink","to","getSearchPath","query","_hover","textDecoration","Time","date","formatString","format","boxProps","dateTime","toISOString","bgSources","optimal","fallback","NotFound","h","position","w","alt","inset","src","align","direction","justify","Link","colorScheme","components","a","A","blockquote","Blockquote","caption","TableCaption","code","Code","em","Em","h1","Headings","h2","h3","h4","h5","h6","hr","Hr","img","Img","li","Li","ol","Ol","p","P","pre","Pre","sup","Sup","table","Table","tbody","Tbody","td","Td","tfoot","Tfoot","th","Th","thead","Thead","tr","Tr","ul","Ul","ghSchema","require","attributes","span","concat","rehypePlugins","rehypeRaw","rehypeSanitize","remarkPlugins","remarkGfm","remarkEmoji","GITHUB_REPO_REGEX","Markdown","repoConfig","type","url","match","exec","owner","repo","parseGitHubRepository","repository","toAbsoluteUri","githubPrefix","githubSuffix","ReactMarkdown","uriTransformer","uri","first","includes","replace","Buffer","byteLength","substring","lastIndexOf","join","px","sx","mb","lineHeight","transformImageUri","transformLinkUri","my","display","mr","fontStyle","fontSize","color","maxW","overflowX","variant","href","linkProps","Component","startsWith","URL","hostname","window","location","bg","borderLeft","borderLeftColor","borderRadius","wordBreak","fontWeight","undefined","text","Array","isArray","ml","top","CopyButton","btnProps","useClipboard","hasCopied","onCopy","icon","Check","Copy","minW","onClick","MultiLineRenderer","tokens","getLineProps","getTokenProps","py","line","i","key","token","SingleLineRenderer","defaultProps","theme","nightOwlLight","border","boxShadow","className","overflow","style","length","inline","borderColor","Children","toArray","reduce","accum","child","trim","level","size","marginY","elem","dataElement","DOMParser","parseFromString","ReactDOMServer","renderToStaticMarkup","querySelector","dataset","headingTitle","id","headingId","toLowerCase","isH3OrLarger","mt","getFullPackageName","scope","getAssetsPath","version","prefix","API_PATHS","PACKAGES_PREFIX","body","sanitizeVersion","ver","sanitized","fetchAssembly","assemblyPath","ASSEMBLY_SUFFIX","fetch","response","ok","Error","statusText","json","fetchMarkdown","submodule","docsSuffix","markdownPath","expectedContentType","contentType","headers","get","fetchMetadata","sanitizedVersion","metadataPath","METADATA_SUFFIX","LanguageBar","targetLanguages","selectedLanguage","setSelectedLanguage","spacing","sort","left","right","LANGUAGES","indexOf","isDisabled","isSelected","LangIcon","LANGUAGE_RENDER_MAP","cursor","disabled","height","width","languageSet","Set","LanguageSelection","assembly","useLanguage","updateSaved","updateUrl","setLanguage","targets","Object","keys","Language","TypeScript","filter","target","DependencyDropdown","dependencies","depEntries","entries","Button","leftIcon","rightIcon","ChevronDown","OS_ORG_LINK","LICENSE_LINKS","MIT","LicenseLink","license","ExternalLink","Details","linksConfig","metadata","detailItems","useMemo","links","username","author","authorUrl","registry","npm","items","publishDate","Date","push","forEach","displayText","packageLinks","link","getRepoUrlAndHost","repoLink","licenseLink","registryLink","slice","detail","listStyleType","OperatorArea","textAlign","base","md","encodeURIComponent","m","PackageHeader","tags","currentLanguage","maxWidth","Boolean","tag","iconButtonProps","iconProps","testIds","createTestIds","CodePopover","header","trigger","disclosure","useDisclosure","focusRef","useRef","mdBreakpoint","useToken","useMediaQuery","isMd","initialFocusRef","isLazy","Flex","pr","copy","close","Close","onClose","borderTopLeftRadius","borderTopRightRadius","CodePopoverTrigger","UseConstruct","packageName","Python","python","distName","getCodeSample","PackageDetails","config","loading","data","Card","gap","templateColumns","templateRows","keywords","orientation","minH","NavItem","onOpen","useLocation","pathname","hash","isHashUrl","linkIsActive","defaultIsOpen","showToggle","showChildren","isOpen","LinkComponent","nestedItems","item","ChevronRight","onToggle","pl","textOverflow","whiteSpace","_before","bottom","NavTree","SearchInput","inputRef","onChange","onSubmit","useState","inputValue","setInputValue","useDebounce","Form","Search","e","placeholder","SearchModal","onInputChange","submodules","useHistory","navigate","useCallback","preventDefault","mx","pb","maxH","role","tabIndex","SearchItem","ChooseSubmodule","useQueryParams","allSubmodules","currentSubmodule","QUERY_PARAMS","SUBMODULE","submoduleText","setFilter","getUrl","submoduleName","params","URLSearchParams","toString","set","results","fqn","split","ArrowBack","lang","LANGUAGE","flexGrow","appendItem","itemTree","HTMLElement","headingLevel","innerText","parseInt","last","TOP_OFFSET","PackageDocs","markdown","navItems","setNavItems","tree","document","querySelectorAll","scrollIntoView","columnGap","alignSelf","borderRight","borderRightColor","maxHeight","borderBottom","overflowY","scrollMarginTop","PackageDocsError","issueLink","PackageDocsUnsupported","languageName","Package","useParams","useRequest","requestMarkdown","markdownResponse","requestAssembly","assemblyResponse","requestMetadata","metadataResponse","configResponse","useConfig","q","pageTitle","pageDescription","error","hasError","hasDocs","isSupported","pt","extractMajor","buildRedirectUrl","catalog","pkg","packages","p1","p2","mv1","localeCompare","findPackage","PackageLatest","useCatalog","nameRegexp","scopeRegexp","Packages","path","useRouteMatch","exact"],"mappings":"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","file":"static/js/6.c0e3f99c.chunk.js","sourcesContent":["export const pageInfo = {\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta\n            content=\"default-src 'self' 'unsafe-inline' https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; connect-src 'self' https://*.shortbread.aws.dev ws://localhost:3000 https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; frame-src 'none'; img-src 'self' https://* http://*.omtrdc.net; object-src 'none'; style-src 'self' 'unsafe-inline';\"\n            httpEquiv=\"Content-Security-Policy\"\n          />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { Box, HTMLChakraProps, forwardRef, Image } from \"@chakra-ui/react\";\n\nexport interface PictureProps extends HTMLChakraProps<\"img\"> {\n  alt: string;\n  src: string;\n  sources?: {\n    media?: string;\n    srcSet: string;\n  }[];\n}\n\nexport const Picture = forwardRef<PictureProps, \"img\">(\n  ({ sources, ...props }, ref) => (\n    <Box as=\"picture\">\n      {sources?.map((source, idx) => (\n        <source key={idx} media={source.media} srcSet={source.srcSet} />\n      ))}\n      <Image ref={ref} {...props} />\n    </Box>\n  )\n);\n\nPicture.displayName = \"Picture\";\n","import { Tooltip } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\n\nexport interface LanguageSupportTooltipProps {\n  language: Language;\n}\n\nexport const LanguageSupportTooltip: FunctionComponent<LanguageSupportTooltipProps> =\n  ({ children, language }) => {\n    const isSupported = TEMP_SUPPORTED_LANGUAGES.has(language);\n\n    if (isSupported) {\n      return <>{children}</>;\n    }\n\n    return (\n      <Tooltip\n        hasArrow\n        label={`Documentation support for ${LANGUAGE_NAME_MAP[language]} is coming soon!`}\n        placement=\"top-start\"\n      >\n        <span>{children}</span>\n      </Tooltip>\n    );\n  };\n","import { Tag, TagLabel, TagProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Language } from \"../../constants/languages\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface PackageTagProps extends TagProps {\n  language?: Language;\n  value: string;\n  label?: string;\n  zIndex?: string | number;\n}\n\nexport const PackageTag: FunctionComponent<PackageTagProps> = ({\n  children,\n  language,\n  value,\n  label = value,\n  zIndex,\n  ...tagProps\n}) => {\n  return (\n    <NavLink\n      aria-label={`Tag: ${label}`}\n      to={getSearchPath({ query: `${value}`, language })}\n      zIndex={zIndex}\n    >\n      <Tag\n        _hover={{\n          textDecoration: \"underline\",\n        }}\n        {...tagProps}\n      >\n        <TagLabel>{children}</TagLabel>\n      </Tag>\n    </NavLink>\n  );\n};\n","import { Box, BoxProps, forwardRef } from \"@chakra-ui/react\";\nimport { format } from \"date-fns\";\n\nexport interface TimeOptions {\n  date: Date;\n  format: string;\n}\n\nexport interface TimeProps extends BoxProps, TimeOptions {}\n\nexport const Time = forwardRef<TimeProps, \"time\">(\n  ({ date, format: formatString, ...boxProps }, ref) => {\n    return (\n      <Box as=\"time\" dateTime={date.toISOString()} ref={ref} {...boxProps}>\n        {format(date, formatString)}\n      </Box>\n    );\n  }\n);\n\nTime.displayName = \"Time\";\n","import { Button, Center, Flex } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Page } from \"../../components/Page\";\nimport { Picture } from \"../../components/Picture\";\n\nconst bgSources = {\n  optimal: [\n    { media: \"(max-width:1024px)\", srcSet: \"/assets/404-hive@50.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/404-hive@100.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/404-hive@100.png\" },\n  ],\n  fallback: \"/assets/404-hive@50.png\",\n};\n\nexport const NotFound: FunctionComponent = () => {\n  return (\n    <Page\n      meta={{\n        title: \"Not Found\",\n        description: \"Oops! The page you were looking for does not exist\",\n      }}\n      pageName=\"notFound\"\n    >\n      <Center h=\"100%\" position=\"relative\" w=\"100%\">\n        <Picture\n          alt=\"\"\n          inset={0}\n          position=\"absolute\"\n          sources={bgSources.optimal}\n          src={bgSources.fallback}\n          zIndex=\"hide\"\n        />\n        <Flex align=\"center\" direction=\"column\" justify=\"center\">\n          <Picture\n            alt=\"404 Image\"\n            sources={[{ srcSet: \"/assets/robot.webp\" }]}\n            src=\"/assets/robot.png\"\n          />\n          <Button as={Link} colorScheme=\"blue\" to=\"/\">\n            Take Me Home\n          </Button>\n        </Flex>\n      </Center>\n    </Page>\n  );\n};\n","import { Box } from \"@chakra-ui/react\";\nimport { Assembly } from \"@jsii/spec\";\nimport { FunctionComponent } from \"react\";\nimport ReactMarkdown, {\n  PluggableList,\n  ReactMarkdownOptions,\n} from \"react-markdown\";\nimport type { TableCellComponent } from \"react-markdown/src/ast-to-react\";\nimport rehypeRaw from \"rehype-raw\";\nimport rehypeSanitize from \"rehype-sanitize\";\nimport remarkEmoji from \"remark-emoji\";\nimport remarkGfm from \"remark-gfm\";\nimport { Code } from \"./Code\";\nimport { Headings } from \"./Headings\";\nimport { Hr } from \"./Hr\";\nimport { Img } from \"./Img\";\nimport { Ul, Ol, Li } from \"./List\";\nimport { Table, Thead, Tbody, Tfoot, Tr, Th, Td, TableCaption } from \"./Table\";\nimport { A, Blockquote, Em, P, Pre, Sup } from \"./Text\";\n\nconst ONE_MEGABYTE = 1024 * 1024;\n\nconst components: ReactMarkdownOptions[\"components\"] = {\n  a: A,\n  blockquote: Blockquote,\n  caption: TableCaption,\n  code: Code,\n  em: Em,\n  h1: Headings,\n  h2: Headings,\n  h3: Headings,\n  h4: Headings,\n  h5: Headings,\n  h6: Headings,\n  hr: Hr,\n  img: Img,\n  li: Li,\n  ol: Ol,\n  p: P,\n  pre: Pre,\n  sup: Sup,\n  table: Table,\n  tbody: Tbody,\n  td: Td as TableCellComponent, // The react-markdown component has a tighter signature than the one from @chakra-ui\n  tfoot: Tfoot,\n  th: Th as TableCellComponent, // The react-markdown component has a tighter signature than the one from @chakra-ui\n  thead: Thead,\n  tr: Tr,\n  ul: Ul,\n};\n\n// see https://github.com/rehypejs/rehype-sanitize#use\n// eslint-disable-next-line @typescript-eslint/no-require-imports\nvar ghSchema = require(\"hast-util-sanitize/lib/github\");\n\n// jsii-docgen adds these attributes to <span> elements embedded inside\n// headings in order to configure custom anchor ids.\n// tell rehype not to strip those out.\nghSchema.attributes.span = (ghSchema.attributes.span ?? []).concat([\n  \"dataHeadingTitle\",\n  \"dataHeadingId\",\n]);\n\n// Note - the default schema for rehypeSanitize is GitHub-style, which is what we need!\nconst rehypePlugins: PluggableList = [\n  [rehypeRaw],\n  // ALWAYS keep rehypeSanitize LAST!\n  [rehypeSanitize, ghSchema],\n];\nconst remarkPlugins = [remarkGfm, remarkEmoji];\n\nconst GITHUB_REPO_REGEX =\n  /^(?:(?:git@)?github\\.com:|(?:https?:\\/\\/)github\\.com\\/)([^/]+)\\/([^/]+)(?:\\.git)?$/;\n\n/**\n * Parses out a GitHub repository owner and repo name from the `repository`\n * configuration of a jsii Assembly.\n *\n * @returns the `owner` and `repo` for the configured repository, if it looks\n *          like a GitHub repository URL.\n */\nconst parseGitHubRepository = ({ type, url }: Assembly[\"repository\"]) => {\n  if (type !== \"git\") {\n    return undefined;\n  }\n  // git@github.com:<owner>/<repo>.git\n  // https://github.com/<owner>/<repo>.git\n  const match = GITHUB_REPO_REGEX.exec(url);\n  if (match == null) {\n    return undefined;\n  }\n\n  const [, owner, repo] = match;\n  return { owner, repo };\n};\n\nexport const Markdown: FunctionComponent<{\n  children: string;\n  repository: Assembly[\"repository\"];\n}> = ({ children, repository }) => {\n  const repoConfig = parseGitHubRepository(repository);\n\n  const toAbsoluteUri = (githubPrefix: string, githubSuffix = \"HEAD\") =>\n    repoConfig == null\n      ? ReactMarkdown.uriTransformer\n      : (uri: string) => {\n          const url = ReactMarkdown.uriTransformer(uri);\n\n          // If this is an anchor or absolute URL, return it.\n          const [first] = url;\n          if (first === \"#\" || first === \"/\") {\n            return url;\n          }\n\n          // If there is a protocol element, then return the URL as-is.\n          if (url.includes(\"://\")) {\n            return url;\n          }\n\n          const owner = repoConfig.owner;\n          const repo = repoConfig.repo.replace(/\\.git$/, \"\");\n          return `https://${githubPrefix}/${owner}/${repo}/${githubSuffix}/${url}`;\n        };\n\n  const byteLength = Buffer.byteLength(children);\n  if (byteLength > ONE_MEGABYTE) {\n    children = children.substring(0, children.lastIndexOf(\"# API Reference\"));\n    children = [\n      children,\n      \"# API Reference\",\n      \"The API Reference for this package could not be rendered.\",\n      \"If this issue persists, please let us know by creating an [issue](https://github.com/cdklabs/construct-hub-webapp/issues/new)\",\n    ].join(\"\\n\");\n  }\n  return (\n    <Box\n      px={8}\n      sx={{\n        \"& > *\": { mb: 8 },\n        \"& > p\": { lineHeight: \"taller\" },\n      }}\n    >\n      <ReactMarkdown\n        components={components}\n        rehypePlugins={rehypePlugins}\n        remarkPlugins={remarkPlugins}\n        transformImageUri={toAbsoluteUri(\"raw.githubusercontent.com\")}\n        transformLinkUri={toAbsoluteUri(\"github.com\", \"blob/HEAD\")}\n      >\n        {children}\n      </ReactMarkdown>\n    </Box>\n  );\n};\n","import { Divider, DividerProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const Hr: FunctionComponent<DividerProps> = (props) => (\n  <Divider my={10} {...props} />\n);\n","import { Image, ImageProps } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\n\nexport const Img: FunctionComponent<ImageProps> = (props) => (\n  <Image display=\"inline-block\" {...props} />\n);\n","import { UnorderedList, OrderedList, ListItem } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const Ul: FunctionComponent = ({ children }) => (\n  <UnorderedList>{children}</UnorderedList>\n);\n\nexport const Ol: FunctionComponent = ({ children }) => (\n  <OrderedList>{children}</OrderedList>\n);\n\nexport const Li: FunctionComponent = ({ children }) => (\n  <ListItem\n    lineHeight=\"tall\"\n    mb={2}\n    sx={{\n      \"em:first-of-type\": {\n        mr: 2,\n        fontStyle: \"italic\",\n        fontSize: \"small\",\n      },\n      \"&::marker\": {\n        color: \"blue.500\",\n      },\n      code: {\n        fontSize: \"small\",\n      },\n    }}\n  >\n    {children}\n  </ListItem>\n);\n","import {\n  Box,\n  Table as ChakraTable,\n  Thead,\n  Tbody,\n  Tfoot,\n  Tr,\n  Th,\n  Td,\n  TableCaption,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\n\nconst Table: FunctionComponent = ({ children }) => (\n  <Box maxW=\"100%\" overflowX=\"auto\">\n    <ChakraTable variant=\"striped\">{children}</ChakraTable>\n  </Box>\n);\n\nexport { Table, Tfoot, Tbody, Td, Thead, Tr, Th, TableCaption };\n","import { Box, HTMLChakraProps, Link, Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { ExternalLink } from \"../ExternalLink\";\n\ntype AnchorComponent = FunctionComponent<HTMLChakraProps<\"a\">>;\n\nexport const A: AnchorComponent = ({ children, href, ...linkProps }) => {\n  let Component: AnchorComponent = Link;\n\n  try {\n    if (href && href.startsWith(\"http\")) {\n      const hostname = new URL(href).hostname;\n\n      if (hostname !== window.location.hostname) {\n        const External: AnchorComponent = (props) => (\n          <ExternalLink {...props} />\n        );\n\n        Component = External;\n      }\n    }\n  } catch {\n    Component = Link;\n  }\n\n  return (\n    <Component\n      color=\"blue.500\"\n      href={href}\n      // If we are rendering an img within the link (specifically stability banners),\n      // do not display the external link Icon\n      sx={{ \"> img + svg\": { display: \"none\" } }}\n      {...linkProps}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport const Blockquote: FunctionComponent = ({ children }) => (\n  <Box\n    as=\"blockquote\"\n    bg=\"gray.100\"\n    borderLeft=\"5px solid\"\n    borderLeftColor=\"gray.200\"\n    borderRadius=\"md\"\n    p={2}\n    wordBreak=\"break-word\"\n  >\n    {children}\n  </Box>\n);\n\nexport const Em: FunctionComponent = ({ children }) => (\n  <Box as=\"em\" color=\"blue.500\" fontStyle=\"normal\" fontWeight=\"semibold\">\n    {children}\n  </Box>\n);\n\nexport const P: FunctionComponent = ({ children }) => <Text>{children}</Text>;\n\nexport const Pre: FunctionComponent = ({ children }) => (\n  <Box as=\"pre\">{children}</Box>\n);\n\nexport const Sup: FunctionComponent = ({ children }) => {\n  let color: string | undefined = undefined;\n  let text = \"\";\n\n  if (Array.isArray(children)) {\n    const [first] = children;\n\n    if (typeof first === \"string\") {\n      text = first;\n    }\n  }\n\n  if (text === \"Required\") {\n    color = \"orange.500\";\n  } else if (text === \"Optional\") {\n    color = \"green.500\";\n  }\n\n  return (\n    <Box as=\"sup\" color={color} ml={2} top={-1}>\n      {children}\n    </Box>\n  );\n};\n","import { CopyIcon, CheckIcon } from \"@chakra-ui/icons\";\nimport {\n  forwardRef,\n  IconButton,\n  IconButtonProps,\n  useClipboard,\n} from \"@chakra-ui/react\";\n\nexport interface CopyButtonProps extends Omit<IconButtonProps, \"aria-label\"> {\n  // Optional since we set a default\n  \"aria-label\"?: string;\n  value: string;\n}\n\nexport const CopyButton = forwardRef<CopyButtonProps, \"button\">(\n  ({ value, ...btnProps }, ref) => {\n    const { hasCopied, onCopy } = useClipboard(value);\n\n    return (\n      <IconButton\n        aria-label=\"Copy Button\"\n        h={6}\n        icon={hasCopied ? <CheckIcon color=\"green.300\" /> : <CopyIcon />}\n        minW=\"auto\"\n        onClick={onCopy}\n        ref={ref}\n        variant=\"ghost\"\n        w={6}\n        {...btnProps}\n      />\n    );\n  }\n);\n\nCopyButton.displayName = \"CopyButton\";\n","import { Box, Flex } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { CopyButton } from \"../CopyButton\";\nimport type { RendererProps } from \"./types\";\n\nexport const MultiLineRenderer: FunctionComponent<RendererProps> = ({\n  code,\n  tokens,\n  getLineProps,\n  getTokenProps,\n}) => (\n  <>\n    <Flex\n      align=\"center\"\n      bg=\"rgba(0, 124, 253, 0.15)\"\n      justify=\"flex-end\"\n      px={2}\n      py={1}\n    >\n      <CopyButton _hover={{ bg: \"gray.300\" }} color=\"gray.500\" value={code} />\n    </Flex>\n    <Box maxW=\"100%\" overflowX=\"auto\" p={2}>\n      <Box w=\"max-content\">\n        {tokens.map((line, i) => (\n          <div key={i} {...getLineProps({ line, key: i })}>\n            {line.map((token, key) => (\n              <span key={key} {...getTokenProps({ token, key })} />\n            ))}\n          </div>\n        ))}\n      </Box>\n    </Box>\n  </>\n);\n","import { Box, Flex } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { CopyButton } from \"../CopyButton\";\nimport type { RendererProps } from \"./types\";\n\nexport const SingleLineRenderer: FunctionComponent<RendererProps> = ({\n  code,\n  tokens,\n  getLineProps,\n  getTokenProps,\n}) => (\n  <Flex align=\"center\" justify=\"space-between\" p={2}>\n    {tokens.map((line, i) => (\n      <div key={i} {...getLineProps({ line, key: i })}>\n        {line.map((token, key) => (\n          <span key={key} {...getTokenProps({ token, key })} />\n        ))}\n      </div>\n    ))}\n    <Box>\n      <CopyButton color=\"blue.500\" colorScheme=\"blue\" ml={4} value={code} />\n    </Box>\n  </Flex>\n);\n","import { Box } from \"@chakra-ui/react\";\nimport Highlight, { defaultProps, Language } from \"prism-react-renderer\";\nimport nightOwlLight from \"prism-react-renderer/themes/nightOwlLight\";\nimport { FunctionComponent } from \"react\";\nimport { MultiLineRenderer } from \"./MultiLineRenderer\";\nimport { SingleLineRenderer } from \"./SingleLineRenderer\";\n\nexport interface CodeProps {\n  code: string;\n  language: Language;\n}\n\nexport const Code: FunctionComponent<CodeProps> = ({ code, language }) => {\n  return (\n    <Highlight\n      {...defaultProps}\n      code={code}\n      language={language}\n      theme={nightOwlLight}\n    >\n      {(props) => (\n        <Box\n          as=\"pre\"\n          border=\"base\"\n          borderRadius=\"md\"\n          boxShadow=\"base\"\n          className={props.className}\n          maxW=\"100%\"\n          overflow=\"hidden\"\n          style={props.style}\n          w=\"min-content\"\n        >\n          {props.tokens.length > 1 ? (\n            <MultiLineRenderer {...props} code={code} />\n          ) : (\n            <SingleLineRenderer {...props} code={code} />\n          )}\n        </Box>\n      )}\n    </Highlight>\n  );\n};\n","import { Code as InlineCode } from \"@chakra-ui/react\";\nimport { Language } from \"prism-react-renderer\";\nimport { Children, FunctionComponent, ReactNode } from \"react\";\nimport { Code as BlockCode } from \"../Code\";\n\ninterface CodeProps {\n  inline?: boolean;\n  children: ReactNode;\n  language?: Language;\n}\n\nexport const Code: FunctionComponent<CodeProps> = ({\n  inline,\n  children,\n  language = \"typescript\",\n}) => {\n  if (inline) {\n    return (\n      <InlineCode\n        bg=\"gray.100\"\n        border=\"1px solid\"\n        borderColor=\"gray.100\"\n        borderRadius=\"md\"\n        color=\"blue.500\"\n        px={2}\n        py={0}\n      >\n        {children}\n      </InlineCode>\n    );\n  }\n\n  const code = Children.toArray(children)\n    .reduce((accum: string, child): string => {\n      if (typeof child === \"string\") {\n        return `${accum}${child}`;\n      }\n      return accum;\n    }, \"\")\n    .trim();\n\n  return <BlockCode code={code} language={language} />;\n};\n","import { Heading, As } from \"@chakra-ui/react\";\nimport { Children, FunctionComponent, ReactNode } from \"react\";\nimport ReactDOMServer from \"react-dom/server\";\nimport { sanitize } from \"../../util/sanitize-anchor\";\nimport { NavLink } from \"../NavLink\";\nimport { Hr } from \"./Hr\";\n\ninterface HeadingResolverProps {\n  level: number;\n  children: ReactNode;\n}\n\nexport const Headings: FunctionComponent<HeadingResolverProps> = ({\n  level,\n  children,\n}) => {\n  const size: string = [\"2xl\", \"xl\", \"lg\", \"md\", \"sm\", \"xs\"][level - 1];\n  const marginY: number = [10, 10, 10, 8, 8, 8][level - 1];\n  const elem = `h${level}` as As<any>;\n\n  // Use DOMParser to look for data attribute for link ID\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(\n    ReactDOMServer.renderToStaticMarkup(children as React.ReactElement),\n    \"text/html\"\n  );\n\n  const dataElement = doc.querySelector(\n    \"span[data-heading-title][data-heading-id]\"\n  ) as HTMLElement;\n  const title =\n    dataElement?.dataset.headingTitle ??\n    Children.toArray(children)\n      .reduce((accum: string, child): string => {\n        if (typeof child === \"string\") {\n          return `${accum}${child}`;\n        }\n        return accum;\n      }, \"\")\n      .trim();\n\n  const id = dataElement?.dataset.headingId ?? sanitize(title);\n\n  const isH3OrLarger = level < 4;\n\n  return (\n    <>\n      <Heading\n        as={elem}\n        color=\"blue.800\"\n        level={level}\n        mb={isH3OrLarger ? 0 : level}\n        mt={marginY}\n        size={size}\n      >\n        <NavLink\n          data-heading-id={id}\n          data-heading-level={level}\n          data-heading-title={title}\n          id={id}\n          replace\n          sx={{ \"> code\": { color: \"blue.800\", fontSize: \"inherit\" } }}\n          to={`#${id}`}\n        >\n          {children}\n        </NavLink>\n      </Heading>\n      {isH3OrLarger && (\n        // If there's an adjacent HR from the source md, do a magic trick and make it disappear\n        <Hr mb={marginY} mt={0} sx={{ \"& + hr\": { display: \"none\" } }} />\n      )}\n    </>\n  );\n};\n","export const sanitize = (input: string): string => {\n  return input\n    .toLowerCase()\n    .replace(/[^a-zA-Z0-9 ]/g, \"\")\n    .replace(/ /g, \"-\");\n};\n","import { API_PATHS } from \"../../constants/url\";\n\nexport const getFullPackageName = (name: string, scope?: string) => {\n  return scope ? `${scope}/${name}` : name;\n};\n\nexport const getAssetsPath = (\n  name: string,\n  version: string,\n  scope?: string\n) => {\n  const prefix = `${API_PATHS.PACKAGES_PREFIX}/`;\n  const body = getFullPackageName(name, scope);\n  const suffix = `/v${version}`;\n  return `${prefix}${body}${suffix}`;\n};\n\nexport const sanitizeVersion = (ver: string) => {\n  let sanitized = ver;\n  if (sanitized.startsWith(\"~\") || sanitized.startsWith(\"^\")) {\n    sanitized = sanitized.substring(1);\n  }\n  return sanitized;\n};\n","import * as spec from \"@jsii/spec\";\nimport { API_PATHS } from \"../../constants/url\";\nimport { getAssetsPath } from \"./util\";\n\n/**\n * Fetch assembly of a specific package from the backend.\n */\nexport const fetchAssembly = async (\n  name: string,\n  version: string,\n  scope?: string\n): Promise<spec.Assembly> => {\n  const assemblyPath = `${getAssetsPath(name, version, scope)}${\n    API_PATHS.ASSEMBLY_SUFFIX\n  }`;\n  const response = await fetch(assemblyPath);\n  if (!response.ok) {\n    throw new Error(\n      `Failed fetching assembly for ${assemblyPath}: ${response.statusText}`\n    );\n  }\n  return response.json();\n};\n","import { getAssetsPath } from \"./util\";\n\n/**\n * Fetch markdown docs of a specific package from the backend.\n */\nexport const fetchMarkdown = async (\n  name: string,\n  version: string,\n  language: string,\n  scope?: string,\n  submodule?: string\n): Promise<string> => {\n  const docsSuffix = `/docs-${submodule ? `${submodule}-` : \"\"}${language}.md`;\n\n  const markdownPath = `${getAssetsPath(name, version, scope)}${docsSuffix}`;\n  const response = await fetch(markdownPath);\n  if (!response.ok) {\n    throw new Error(\n      `Failed fetching documentation for ${markdownPath}: ${response.statusText}`\n    );\n  }\n\n  // since CloudFront returns a 200 /index.html for missing documents,\n  // we assert the expected docs content type to detect these errors.\n  // TODO: switch to proper 404 responses in this case (requires backend changes)\n  const expectedContentType = \"text/markdown\";\n  const contentType = response.headers.get(\"Content-Type\");\n\n  // we check 'includes' and not 'equal' because the content type contains\n  // charset as well (e.g text/markdown; charset=UTF-8)\n  if (!contentType || !contentType.includes(expectedContentType)) {\n    throw new Error(\n      `Invalid content type: ${contentType}. Expected ${expectedContentType}\"`\n    );\n  }\n  return response.text();\n};\n","import { API_PATHS } from \"../../constants/url\";\nimport { getAssetsPath } from \"./util\";\n\nexport interface Metadata {\n  date: string;\n  links?: {\n    npm: string;\n  };\n  packageLinks?: {\n    [key: string]: string;\n  };\n}\n\n/**\n * Fetch metadata of a specific package from the backend.\n */\nexport const fetchMetadata = async (\n  name: string,\n  version: string,\n  scope?: string\n): Promise<Metadata> => {\n  let sanitizedVersion = version;\n\n  if (sanitizedVersion.startsWith(\"^\")) {\n    sanitizedVersion = sanitizedVersion.substring(1, sanitizedVersion.length);\n  }\n\n  const metadataPath = `${getAssetsPath(name, version, scope)}${\n    API_PATHS.METADATA_SUFFIX\n  }`;\n  const response = await fetch(metadataPath);\n\n  if (!response.ok) {\n    throw new Error(\n      `Failed fetching metadata for ${metadataPath}: ${response.statusText}`\n    );\n  }\n\n  return response.json();\n};\n","import { IconButton, Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  Language,\n  TEMP_SUPPORTED_LANGUAGES,\n  LANGUAGE_RENDER_MAP,\n  LANGUAGES,\n} from \"../../constants/languages\";\nimport { LanguageSupportTooltip } from \"../LanguageSupportTooltip\";\n\nexport interface LanguageBarProps {\n  targetLanguages: readonly Language[];\n  selectedLanguage: Language;\n  setSelectedLanguage: (lang: Language) => void;\n}\n\nexport const LanguageBar: FunctionComponent<LanguageBarProps> = ({\n  targetLanguages,\n  selectedLanguage,\n  setSelectedLanguage,\n}) => {\n  return (\n    <Stack\n      align=\"center\"\n      data-testid=\"language-bar\"\n      direction=\"row\"\n      spacing={2}\n    >\n      {[...targetLanguages]\n        .sort(\n          (left, right) => LANGUAGES.indexOf(left) - LANGUAGES.indexOf(right)\n        )\n        .map((language: Language) => {\n          const isDisabled = !TEMP_SUPPORTED_LANGUAGES.has(language);\n          const isSelected = language === selectedLanguage;\n\n          const { icon: LangIcon } = LANGUAGE_RENDER_MAP[language];\n\n          const onClick = () => {\n            if (isSelected) return;\n            setSelectedLanguage(language);\n          };\n\n          return (\n            <LanguageSupportTooltip key={language} language={language}>\n              <IconButton\n                aria-label={`Select ${language} icon`}\n                border={isSelected ? \"1px solid\" : \"none\"}\n                borderColor=\"blue.500\"\n                borderRadius=\"lg\"\n                boxShadow=\"base\"\n                colorScheme=\"blue\"\n                cursor={isDisabled ? \"not-allowed\" : \"pointer\"}\n                data-testid={`language-${language}`}\n                disabled={isDisabled}\n                icon={\n                  <LangIcon\n                    aria-label={`${language}-icon`}\n                    borderRadius=\"sm\"\n                    height={[4, 5, 6]}\n                    width={[4, 5, 6]}\n                  />\n                }\n                onClick={onClick}\n                p={1}\n                variant=\"outline\"\n                w=\"max-content\"\n              />\n            </LanguageSupportTooltip>\n          );\n        })}\n    </Stack>\n  );\n};\n","import type { Assembly } from \"@jsii/spec\";\nimport type { FunctionComponent } from \"react\";\nimport { LanguageBar } from \"../../../../components/LanguageBar\";\nimport { Language, LANGUAGES } from \"../../../../constants/languages\";\nimport { useLanguage } from \"../../../../hooks/useLanguage\";\n\nexport interface LanguageSelectionProps {\n  assembly: Assembly;\n}\n\nconst languageSet = new Set(LANGUAGES);\n\nexport const LanguageSelection: FunctionComponent<LanguageSelectionProps> = ({\n  assembly,\n}) => {\n  const [language, setLanguage] = useLanguage({\n    updateSaved: true,\n    updateUrl: true,\n  });\n  const targets = [\n    ...Object.keys(assembly?.targets ?? {}),\n    // typescript is the source language and hence always supported.\n    // (it doesn't appear in spec.targets)\n    Language.TypeScript,\n  ] as Language[];\n\n  return (\n    <LanguageBar\n      selectedLanguage={targets.includes(language) ? language : targets[0]}\n      setSelectedLanguage={setLanguage}\n      targetLanguages={targets.filter((target) => languageSet.has(target))}\n    />\n  );\n};\n","import { ChevronDownIcon, LinkIcon } from \"@chakra-ui/icons\";\nimport { Menu, MenuButton, Button, MenuItem, MenuList } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { sanitizeVersion } from \"../../../../api/package/util\";\nimport { NavLink } from \"../../../../components/NavLink\";\n\nexport interface DependencyDropdownProps {\n  dependencies: {\n    /**\n     * Key is a dep name, value is a version\n     */\n    [key: string]: string;\n  };\n}\n\nexport const DependencyDropdown: FunctionComponent<DependencyDropdownProps> = ({\n  dependencies,\n}) => {\n  const depEntries = Object.entries(dependencies);\n\n  if (!depEntries.length) return null;\n\n  return (\n    <Menu>\n      <MenuButton\n        as={Button}\n        color=\"blue.500\"\n        leftIcon={<LinkIcon />}\n        rightIcon={<ChevronDownIcon h={6} w={6} />}\n        size=\"md\"\n        variant=\"outline\"\n      >\n        Dependencies\n      </MenuButton>\n      <MenuList>\n        {depEntries.map(([name, version]) => (\n          <MenuItem key={`${name}/${version}`} p={0}>\n            <NavLink\n              h=\"100%\"\n              p={2}\n              to={`/packages/${name}/v/${sanitizeVersion(version)}`}\n              w=\"100%\"\n            >\n              {`${name} - ${version}`}\n            </NavLink>\n          </MenuItem>\n        ))}\n      </MenuList>\n    </Menu>\n  );\n};\n","const OS_ORG_LINK = \"https://opensource.org/licenses\";\n\nexport const LICENSE_LINKS = {\n  \"Apache-2.0\": `${OS_ORG_LINK}/apache2.0.php`,\n  \"BSD-2-Clause\": `${OS_ORG_LINK}/bsd-license.php`,\n  MIT: `${OS_ORG_LINK}/mit-license.php`,\n} as const;\n","import { forwardRef } from \"@chakra-ui/react\";\nimport { ExternalLink, ExternalLinkProps } from \"../ExternalLink\";\nimport { LICENSE_LINKS } from \"./constants\";\n\nexport interface LicenseLinkOptions {\n  license: keyof typeof LICENSE_LINKS;\n}\n\nexport interface LicenseLinkProps\n  extends ExternalLinkProps,\n    LicenseLinkOptions {}\n\nexport const LicenseLink = forwardRef<LicenseLinkProps, \"a\">(\n  ({ license, ...linkProps }, ref) => {\n    const url = LICENSE_LINKS[license];\n\n    return (\n      <ExternalLink href={url} ref={ref} {...linkProps}>\n        {license}\n      </ExternalLink>\n    );\n  }\n);\n\nLicenseLink.displayName = \"LicenseLink\";\n","import { Box, ListItem, Text, UnorderedList } from \"@chakra-ui/react\";\nimport type { Assembly } from \"@jsii/spec\";\nimport { ReactNode, useMemo } from \"react\";\nimport type { PackageLinksConfig } from \"../../../../api/config\";\nimport type { Metadata } from \"../../../../api/package/metadata\";\nimport { ExternalLink } from \"../../../../components/ExternalLink\";\nimport { LicenseLink, LICENSE_LINKS } from \"../../../../components/LicenseLink\";\nimport { Time } from \"../../../../components/Time\";\nimport { getRepoUrlAndHost } from \"../../../../util/url\";\n\nexport interface DetailsProps {\n  assembly?: Assembly;\n  linksConfig?: PackageLinksConfig[];\n  metadata: Metadata;\n}\n\nexport const Details = ({ assembly, linksConfig, metadata }: DetailsProps) => {\n  const detailItems = useMemo(() => {\n    if (!metadata) return [];\n\n    const { date, links } = metadata;\n    const username = assembly?.author.name;\n    const authorUrl = assembly?.author.url;\n    const repository = assembly?.repository;\n    const license = assembly?.license;\n    // https://www.npmjs.com/package/aws-cdk/v/1.113.0\n    const registry =\n      links?.npm ??\n      `https://www.npmjs.com/package/${assembly?.name}/v/${assembly?.version}`;\n\n    const items = [];\n\n    if (date) {\n      const publishDate = (\n        <Time date={new Date(date)} fontWeight=\"bold\" format=\"MMMM dd, yyyy\" />\n      );\n      items.push(<>Published: {publishDate}</>);\n    }\n\n    if (username) {\n      const author = authorUrl ? (\n        <ExternalLink href={authorUrl}>{username}</ExternalLink>\n      ) : (\n        <Box as=\"strong\" fontWeight=\"bold\">\n          {username}\n        </Box>\n      );\n      items.push(<>Author: {author}</>);\n    }\n\n    // Prioritize custom links when available\n    if (linksConfig?.length) {\n      linksConfig.forEach(({ name, value, displayText }) => {\n        const target = (metadata?.packageLinks ?? {})[value];\n        if (target) {\n          const link = (\n            <ExternalLink href={target}>{displayText ?? target}</ExternalLink>\n          );\n          items.push(\n            <>\n              {name}: {link}\n            </>\n          );\n        }\n      });\n    }\n\n    if (repository) {\n      const repo = getRepoUrlAndHost(repository.url);\n\n      if (repo) {\n        const repoLink = (\n          <ExternalLink href={repo.url}>{repo.hostname}</ExternalLink>\n        );\n        items.push(<>Repository: {repoLink}</>);\n      }\n    }\n\n    if (license && license in LICENSE_LINKS) {\n      const licenseLink = (\n        <LicenseLink license={license as keyof typeof LICENSE_LINKS} />\n      );\n      items.push(<>License: {licenseLink}</>);\n    }\n\n    if (registry) {\n      const registryLink = (\n        <ExternalLink href={registry}>\n          {new URL(registry).hostname}\n        </ExternalLink>\n      );\n      items.push(<>Registry: {registryLink}</>);\n    }\n\n    return items.slice(0, 5).map((detail: string | ReactNode, i: number) => (\n      <ListItem key={`detail-${i}`} listStyleType=\"none\" my={1}>\n        <Text color=\"gray.600\">{detail}</Text>\n      </ListItem>\n    ));\n  }, [metadata, assembly, linksConfig]);\n  return <UnorderedList ml={0}>{detailItems}</UnorderedList>;\n};\n","import { Box, Flex, Link } from \"@chakra-ui/react\";\nimport type { Assembly } from \"@jsii/spec\";\nimport { FunctionComponent } from \"react\";\nimport { PackageLinksConfig } from \"../../../../api/config\";\nimport type { Metadata } from \"../../../../api/package/metadata\";\nimport { DependencyDropdown } from \"../DependencyDropdown\";\nimport { Details } from \"./Details\";\n\nexport interface OperatorAreaProps {\n  assembly?: Assembly;\n  linksConfig?: PackageLinksConfig[];\n  metadata: Metadata;\n}\n\nexport const OperatorArea: FunctionComponent<OperatorAreaProps> = ({\n  assembly,\n  linksConfig,\n  metadata,\n}) => {\n  return (\n    <Flex direction=\"column\" textAlign={{ base: \"center\", md: \"initial\" }}>\n      <Link\n        color=\"blue.500\"\n        fontSize=\"sm\"\n        href={`mailto:abuse@amazonaws.com?subject=${encodeURIComponent(\n          `ConstructHub - Report of abusive package: ${assembly?.name}`\n        )}`}\n        m={2}\n        textAlign={{ base: \"center\", md: \"right\" }}\n      >\n        Report this Package\n      </Link>\n      <Details\n        assembly={assembly}\n        linksConfig={linksConfig}\n        metadata={metadata}\n      />\n      {assembly?.dependencies && (\n        <Box mt={4}>\n          <DependencyDropdown dependencies={assembly.dependencies} />\n        </Box>\n      )}\n    </Flex>\n  );\n};\n","import { Flex, Heading, Stack, Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { PackageTag } from \"../../../../components/PackageTag\";\nimport { useLanguage } from \"../../../../hooks/useLanguage\";\n\nexport interface PackageHeaderProps {\n  title: string;\n  description: string;\n  tags: string[];\n  version: string;\n}\n\nexport const PackageHeader: FunctionComponent<PackageHeaderProps> = ({\n  description,\n  tags,\n  title,\n  version,\n}) => {\n  const [currentLanguage] = useLanguage();\n  return (\n    <Flex\n      direction=\"column\"\n      maxWidth=\"100%\"\n      overflowX=\"hidden\"\n      p={2}\n      textAlign={{ base: \"center\", md: \"initial\" }}\n    >\n      <Stack\n        align=\"center\"\n        direction={{ base: \"column\", md: \"row\" }}\n        justify={{ base: \"center\", md: \"start\" }}\n        mb={4}\n        spacing={4}\n      >\n        <Heading wordBreak=\"break-word\">{title}</Heading>\n        <Text color=\"blue.500\" fontSize=\"md\">\n          {version}\n        </Text>\n      </Stack>\n\n      <Text wordBreak=\"break-word\">{description}</Text>\n      {!!tags.length && (\n        <Flex\n          direction=\"row\"\n          justify={{ base: \"center\", md: \"initial\" }}\n          mt={3}\n        >\n          {title.startsWith(\"@aws-cdk/\") ? (\n            <PackageTag\n              key=\"official\"\n              label=\"official\"\n              language={currentLanguage}\n              mr={2}\n              value=\"@aws-cdk\"\n              variant=\"official\"\n            >\n              Official\n            </PackageTag>\n          ) : null}\n          {tags\n            .filter(Boolean)\n            .slice(0, 3)\n            .map((tag) => (\n              <PackageTag\n                key={tag}\n                language={currentLanguage}\n                mr={2}\n                value={tag}\n              >\n                {tag}\n              </PackageTag>\n            ))}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import { CheckIcon, CloseIcon, CopyIcon } from \"@chakra-ui/icons\";\nimport {\n  Code,\n  Flex,\n  IconButton,\n  Popover,\n  PopoverBody,\n  PopoverContent,\n  PopoverHeader,\n  PopoverTrigger,\n  Text,\n  useClipboard,\n  useDisclosure,\n  useMediaQuery,\n  useToken,\n} from \"@chakra-ui/react\";\nimport { FunctionComponent, ReactNode, useRef } from \"react\";\nimport { createTestIds } from \"../../util/createTestIds\";\n\nconst iconButtonProps = {\n  borderRadius: \"md\",\n  color: \"white\",\n  variant: \"link\",\n};\n\nconst iconProps = {\n  h: 4,\n  w: 4,\n};\n\nexport const testIds = createTestIds(\"code-popover\", [\n  \"close\",\n  \"content\",\n  \"code\",\n  \"copy\",\n  \"header\",\n  \"trigger\",\n] as const);\n\nexport interface CodePopoverProps {\n  code: string;\n  header: string;\n  trigger: ReactNode;\n}\n\nexport const CodePopover: FunctionComponent<CodePopoverProps> = ({\n  code,\n  header,\n  trigger,\n}) => {\n  const { hasCopied, onCopy } = useClipboard(code);\n  const disclosure = useDisclosure();\n  const focusRef = useRef<HTMLButtonElement>(null);\n  const mdBreakpoint = useToken(\"breakpoints\", \"md\");\n  const [isMd] = useMediaQuery(`(min-width: ${mdBreakpoint})`);\n\n  return (\n    <Popover\n      initialFocusRef={focusRef}\n      isLazy\n      placement={isMd ? \"bottom-end\" : \"bottom\"}\n      {...disclosure}\n    >\n      <PopoverTrigger>{trigger}</PopoverTrigger>\n      <PopoverContent bg=\"blue.500\" data-testid={testIds.content}>\n        <PopoverHeader\n          align=\"center\"\n          as={Flex}\n          color=\"white\"\n          data-testid={testIds.header}\n          justify=\"space-between\"\n          pr={0}\n        >\n          <Text>{header}</Text>\n          <Flex align=\"center\">\n            <IconButton\n              aria-label=\"copy-text-icon\"\n              data-testid={testIds.copy}\n              icon={\n                hasCopied ? (\n                  <CheckIcon {...iconProps} color=\"green.200\" />\n                ) : (\n                  <CopyIcon {...iconProps} />\n                )\n              }\n              onClick={onCopy}\n              ref={focusRef}\n              {...iconButtonProps}\n            />\n            <IconButton\n              aria-label=\"close-icon\"\n              data-testid={testIds.close}\n              icon={<CloseIcon h={3} w={3} />}\n              onClick={disclosure.onClose}\n              {...iconButtonProps}\n            />\n          </Flex>\n        </PopoverHeader>\n        <PopoverBody\n          as={Code}\n          bg=\"gray.100\"\n          borderTopLeftRadius=\"0\"\n          borderTopRightRadius=\"0\"\n          color=\"gray.800\"\n          data-testid={testIds.code}\n          overflow=\"auto\"\n          variant=\"code-block\"\n        >\n          {code}\n        </PopoverBody>\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport { Button, ButtonProps, forwardRef } from \"@chakra-ui/react\";\nimport { testIds } from \"./CodePopover\";\n\nexport interface CodePopoverTriggerProps extends ButtonProps {}\n\n/**\n * A default trigger button for the code popover\n */\nexport const CodePopoverTrigger = forwardRef<CodePopoverTriggerProps, \"button\">(\n  (props, ref) => (\n    <Button\n      color=\"white\"\n      colorScheme=\"blue\"\n      data-testid={testIds.trigger}\n      ref={ref}\n      rightIcon={<ChevronDownIcon h={5} w={5} />}\n      {...props}\n    >\n      {props.children}\n    </Button>\n  )\n);\n\nCodePopoverTrigger.displayName = \"CodePopoverTrigger\";\n","import type { Assembly } from \"@jsii/spec\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  CodePopover,\n  CodePopoverTrigger,\n} from \"../../../../components/CodePopover\";\nimport { LANGUAGE_NAME_MAP, Language } from \"../../../../constants/languages\";\nimport { useLanguage } from \"../../../../hooks/useLanguage\";\n\n// TODO: We'll probably want to get this from BE as we add more languages, however this should do the trick for now...\nconst getCodeSample = ({\n  language,\n  assembly,\n}: {\n  language: Language;\n  assembly: Assembly;\n}): string | undefined => {\n  const version = assembly.version;\n  if (language === Language.TypeScript) {\n    const packageName = assembly.name;\n    return `npm install ${packageName}@${version}`;\n  } else if (language === Language.Python) {\n    const packageName = assembly.targets?.python?.distName;\n    if (!packageName) {\n      return undefined;\n    }\n    return `pip install ${packageName}==${version}`;\n  }\n\n  return undefined;\n};\n\nexport interface UseConstructProps {\n  assembly: Assembly;\n}\n\nexport const UseConstruct: FunctionComponent<UseConstructProps> = ({\n  assembly,\n}) => {\n  const [language] = useLanguage();\n\n  const header = LANGUAGE_NAME_MAP[language];\n  const code = getCodeSample({ language, assembly });\n\n  const isDisabled = !code;\n  const label = !isDisabled ? \"Install\" : \"Unsupported\";\n\n  const trigger = (\n    <CodePopoverTrigger disabled={isDisabled}>{label}</CodePopoverTrigger>\n  );\n\n  return <CodePopover code={code ?? \"\"} header={header} trigger={trigger} />;\n};\n","import { Center, Divider, Flex, Grid, Spinner, Stack } from \"@chakra-ui/react\";\nimport type { Assembly } from \"@jsii/spec\";\nimport { FunctionComponent } from \"react\";\nimport { Config } from \"../../../../api/config\";\nimport type { Metadata } from \"../../../../api/package/metadata\";\nimport { Card } from \"../../../../components/Card\";\nimport type { UseRequestResponse } from \"../../../../hooks/useRequest\";\nimport { LanguageSelection } from \"../LanguageSelection\";\nimport { OperatorArea } from \"../OperatorArea\";\nimport { PackageHeader } from \"../PackageHeader\";\nimport { UseConstruct } from \"../UseConstruct\";\n\ninterface PackageDetailsProps {\n  config: UseRequestResponse<Config>;\n  assembly: UseRequestResponse<Assembly>;\n  metadata: UseRequestResponse<Metadata>;\n  version: string;\n}\n\n/**\n * Renders the header section of a package. This includes\n * the Getting Started, Operator Area, and Publisher Area sections\n */\nexport const PackageDetails: FunctionComponent<PackageDetailsProps> = ({\n  assembly,\n  config,\n  metadata,\n  version,\n}) => {\n  const isLoading = assembly.loading || metadata.loading;\n\n  if (isLoading || !assembly.data || !metadata.data) {\n    return (\n      <Center minH=\"200px\">\n        <Spinner size=\"xl\" />\n      </Center>\n    );\n  }\n\n  return (\n    <Flex as={Card} direction=\"column\">\n      <Grid\n        gap={4}\n        overflow=\"hidden\"\n        templateColumns={{ base: \"1fr\", md: \"3fr auto 2fr\" }}\n        templateRows=\"auto\"\n      >\n        <PackageHeader\n          description={assembly.data.description}\n          tags={assembly.data.keywords ?? []}\n          title={assembly.data.name}\n          version={version}\n        />\n        <Divider\n          display={{ base: \"none\", md: \"initial\" }}\n          orientation=\"vertical\"\n        />\n        <Divider\n          display={{ base: \"initial\", md: \"none\" }}\n          orientation=\"horizontal\"\n        />\n        {config.loading ? (\n          <Center minH=\"200px\">\n            <Spinner size=\"xl\" />\n          </Center>\n        ) : (\n          <OperatorArea\n            assembly={assembly.data}\n            linksConfig={config.data?.packageLinks}\n            metadata={metadata.data}\n          />\n        )}\n      </Grid>\n      <Stack\n        align=\"center\"\n        direction={{ base: \"column\", md: \"row\" }}\n        justify={{ base: \"center\", md: \"space-between\" }}\n        px={2}\n        py={4}\n        spacing={4}\n      >\n        <LanguageSelection assembly={assembly.data} />\n        <UseConstruct assembly={assembly.data} />\n      </Stack>\n    </Flex>\n  );\n};\n","import { ChevronDownIcon, ChevronRightIcon } from \"@chakra-ui/icons\";\nimport { Box, Flex, Link, IconButton, useDisclosure } from \"@chakra-ui/react\";\nimport { FunctionComponent, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface NavItemConfig {\n  children?: NavItemConfig[];\n  display: string;\n  url: string;\n}\n\nexport interface NavItemProps extends NavItemConfig {\n  // The following props don't need to be explicitly defined - they are passed internally\n  onOpen?: () => void;\n}\n\nexport interface NavTreeProps {\n  /**\n   * Items to render\n   */\n  items: NavItemConfig[];\n}\n\nconst iconProps = {\n  color: \"gray.900\",\n  h: 4,\n  w: 4,\n};\n\nexport const NavItem: FunctionComponent<NavItemProps> = ({\n  children,\n  display,\n  url,\n  onOpen,\n}) => {\n  const { pathname, hash } = useLocation();\n  const isHashUrl = url.startsWith(\"#\");\n  const linkIsActive = isHashUrl ? hash === url : pathname === url;\n  const disclosure = useDisclosure({ onOpen, defaultIsOpen: true });\n\n  const showToggle = (children?.length ?? 0) > 0;\n  const showChildren = disclosure.isOpen && showToggle;\n\n  const LinkComponent = isHashUrl ? Link : NavLink;\n\n  const nestedItems = useMemo(\n    () =>\n      children?.map((item, idx) => {\n        return <NavItem {...item} key={idx} onOpen={disclosure.onOpen} />;\n      }),\n    [children, disclosure.onOpen]\n  );\n\n  return (\n    <Flex direction=\"column\">\n      <Flex align=\"center\" color={linkIsActive ? \"blue.500\" : \"gray.800\"}>\n        {showToggle && (\n          <IconButton\n            aria-label=\"expand-toggle\"\n            borderRadius=\"md\"\n            h={4}\n            icon={\n              disclosure.isOpen ? (\n                <ChevronDownIcon {...iconProps} />\n              ) : (\n                <ChevronRightIcon {...iconProps} />\n              )\n            }\n            ml={-1}\n            onClick={disclosure.onToggle}\n            size=\"xs\"\n            variant=\"link\"\n            w={4}\n          />\n        )}\n        <LinkComponent\n          _hover={{ bg: \"rgba(0, 124, 253, 0.05)\" }}\n          href={url}\n          overflow=\"hidden\"\n          pl={showToggle ? 1 : 2}\n          py={1.5}\n          textOverflow=\"ellipsis\"\n          title={display}\n          to={url}\n          w=\"100%\"\n          whiteSpace=\"nowrap\"\n        >\n          {display}\n        </LinkComponent>\n      </Flex>\n      <Box\n        _before={{\n          // Creates a border without taking up any box space\n          // This is important to keep items perfectly aligned\n          bg: \"gray.100\",\n          bottom: 0,\n          content: `\"\"`,\n          left: 0,\n          position: \"absolute\",\n          top: 0,\n          w: \"1px\",\n        }}\n        display={showChildren ? \"initial\" : \"none\"}\n        ml={2}\n        pl={2}\n        position=\"relative\"\n      >\n        {nestedItems}\n      </Box>\n    </Flex>\n  );\n};\n\nexport const NavTree: FunctionComponent<NavTreeProps> = ({ items }) => {\n  return (\n    <Flex direction=\"column\" maxWidth=\"100%\">\n      {items.map((item, idx) => {\n        return <NavItem {...item} key={idx} onOpen={undefined} />;\n      })}\n    </Flex>\n  );\n};\n","import { SearchIcon } from \"@chakra-ui/icons\";\nimport {\n  InputGroup,\n  InputLeftElement,\n  Input,\n  forwardRef,\n} from \"@chakra-ui/react\";\nimport { FormEventHandler, useState } from \"react\";\nimport { Form } from \"../../../../components/Form\";\nimport { useDebounce } from \"../../../../hooks/useDebounce\";\n\nexport interface SearchInputProps {\n  value: string;\n  onChange: (s: string) => void;\n  onSubmit: FormEventHandler<HTMLFormElement>;\n}\n\nexport const SearchInput = forwardRef<SearchInputProps, \"input\">(\n  ({ value, onChange, onSubmit }, inputRef) => {\n    const [inputValue, setInputValue] = useState(value);\n\n    useDebounce(inputValue, { onChange });\n\n    return (\n      <Form data-testid=\"choose-submodule-search-form\" onSubmit={onSubmit}>\n        <InputGroup>\n          <InputLeftElement>\n            <SearchIcon color=\"gray.400\" />\n          </InputLeftElement>\n          <Input\n            data-testid=\"choose-submodule-search-input\"\n            onChange={(e) => setInputValue(e.target.value)}\n            placeholder=\"Search\"\n            ref={inputRef}\n            value={inputValue}\n            variant=\"filled\"\n          />\n        </InputGroup>\n      </Form>\n    );\n  }\n);\n\nSearchInput.displayName = \"SearchInput\";\n","import {\n  Box,\n  Divider,\n  Modal,\n  ModalHeader,\n  ModalContent,\n  ModalCloseButton,\n  ModalBody,\n  ModalOverlay,\n  UnorderedList,\n} from \"@chakra-ui/react\";\nimport {\n  FormEventHandler,\n  FunctionComponent,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { SearchItem } from \"../../../../components/SearchItem\";\nimport { SearchInput } from \"./SearchInput\";\n\nexport interface SearchModalProps {\n  inputValue: string;\n  isOpen: boolean;\n  onClose: () => void;\n  onInputChange: (s: string) => void;\n  submodules: { name: string; to: string }[];\n}\n\nexport const SearchModal: FunctionComponent<SearchModalProps> = ({\n  inputValue,\n  isOpen,\n  onClose,\n  onInputChange,\n  submodules,\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { push } = useHistory();\n\n  const navigate = useCallback(\n    (to: string) => {\n      onClose();\n      push(to);\n    },\n    [onClose, push]\n  );\n\n  const onSubmit = useCallback<FormEventHandler<HTMLFormElement>>(\n    (e) => {\n      e.preventDefault();\n\n      if (!submodules.length) return;\n      const { to } = submodules[0];\n      navigate(to);\n    },\n    [navigate, submodules]\n  );\n\n  return (\n    <Modal initialFocusRef={inputRef} isOpen={isOpen} onClose={onClose}>\n      <ModalOverlay>\n        <ModalContent mx={4}>\n          <ModalCloseButton data-testid=\"choose-submodule-modal-close\" />\n          <ModalHeader\n            data-testid=\"choose-submodule-modal-header\"\n            fontSize=\"lg\"\n            fontWeight=\"bold\"\n          >\n            Choose a submodule\n          </ModalHeader>\n          <ModalBody data-testid=\"choose-submodule-modal-body\" p={0}>\n            <Box pb={4} px={4}>\n              <SearchInput\n                onChange={onInputChange}\n                onSubmit={onSubmit}\n                ref={inputRef}\n                value={inputValue}\n              />\n            </Box>\n            <Divider />\n            <UnorderedList\n              data-testid=\"choose-submodule-modal-results\"\n              m={0}\n              maxH=\"50vh\"\n              overflow=\"hidden auto\"\n              p={0}\n              role=\"listbox\"\n              tabIndex={-1}\n            >\n              {submodules.map(({ name, to }) => (\n                <SearchItem\n                  data-testid=\"choose-submodule-result\"\n                  key={name}\n                  name={name}\n                  onClick={() => navigate(to)}\n                />\n              ))}\n            </UnorderedList>\n          </ModalBody>\n        </ModalContent>\n      </ModalOverlay>\n    </Modal>\n  );\n};\n","import { ArrowBackIcon, ChevronDownIcon } from \"@chakra-ui/icons\";\nimport { Button, Divider, Stack, useDisclosure } from \"@chakra-ui/react\";\nimport type { Assembly } from \"@jsii/spec\";\nimport { FunctionComponent, useCallback, useMemo, useState } from \"react\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { QUERY_PARAMS } from \"../../../../constants/url\";\nimport { useQueryParams } from \"../../../../hooks/useQueryParams\";\nimport { SearchModal } from \"./SearchModal\";\n\nexport interface ChooseSubmoduleProps {\n  assembly?: Assembly;\n}\n\nexport const ChooseSubmodule: FunctionComponent<ChooseSubmoduleProps> = ({\n  assembly,\n}) => {\n  const { pathname } = useLocation();\n  const { push } = useHistory();\n  const query = useQueryParams();\n\n  const allSubmodules = Object.keys(assembly?.submodules ?? {});\n  const { isOpen, onOpen, onClose } = useDisclosure();\n\n  const currentSubmodule = query.get(QUERY_PARAMS.SUBMODULE);\n  const submoduleText = currentSubmodule\n    ? `Submodule: ${currentSubmodule}`\n    : \"Choose Submodule\";\n\n  const [filter, setFilter] = useState(\"\");\n\n  const onGoBack = () => {\n    const lang = query.get(QUERY_PARAMS.LANGUAGE);\n    push(`${pathname}${lang ? `?${QUERY_PARAMS.LANGUAGE}=${lang}` : \"\"}`);\n  };\n\n  const getUrl = useCallback(\n    (submoduleName: string) => {\n      const params = new URLSearchParams(query.toString());\n      params.set(\"submodule\", submoduleName);\n      return `${pathname}?${params}`;\n    },\n    [pathname, query]\n  );\n\n  const submodules = useMemo(() => {\n    let results = allSubmodules;\n\n    if (filter) {\n      results = results.filter((fqn) =>\n        fqn.toLowerCase().includes(filter.toLowerCase())\n      );\n    }\n\n    return results.map((fqn) => {\n      const name = fqn.split(\".\")[1];\n      return {\n        name,\n        to: getUrl(name),\n      };\n    });\n  }, [allSubmodules, filter, getUrl]);\n\n  if (allSubmodules.length === 0) {\n    return null;\n  }\n\n  return (\n    <Stack spacing={4} w=\"100%\">\n      {currentSubmodule && (\n        <>\n          <Button\n            borderRadius=\"none\"\n            data-testid=\"choose-submodule-go-back\"\n            leftIcon={<ArrowBackIcon aria-label=\"Back to construct root\" />}\n            onClick={onGoBack}\n            title=\"Back to construct root\"\n            variant=\"link\"\n          >\n            {assembly?.name}\n          </Button>\n          <Divider />\n        </>\n      )}\n      <Button\n        borderRadius=\"none\"\n        color=\"blue.500\"\n        data-testid=\"choose-submodule-search-trigger\"\n        flexGrow={1}\n        onClick={onOpen}\n        rightIcon={<ChevronDownIcon />}\n        title=\"Choose Submodule\"\n        variant=\"link\"\n      >\n        {submoduleText}\n      </Button>\n      <SearchModal\n        inputValue={filter}\n        isOpen={isOpen}\n        onClose={onClose}\n        onInputChange={setFilter}\n        submodules={submodules}\n      />\n    </Stack>\n  );\n};\n","import { Box, Flex, Grid } from \"@chakra-ui/react\";\nimport type { Assembly } from \"@jsii/spec\";\nimport { useState, useEffect, FunctionComponent, useMemo } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport { Markdown } from \"../../../../components/Markdown\";\nimport { NavTree, NavItemConfig } from \"../../../../components/NavTree\";\nimport { ChooseSubmodule } from \"../ChooseSubmodule\";\n\nexport interface PackageDocsProps {\n  markdown: string;\n  assembly: Assembly;\n}\n\ntype Item = NavItemConfig & { level: number; children: Item[] };\n\nexport const appendItem = (itemTree: Item[], item: Element): Item[] => {\n  if (!(item instanceof HTMLElement)) {\n    return itemTree;\n  }\n\n  const { headingId, headingLevel = \"100\" } = item.dataset;\n  const { innerText } = item;\n  const level = parseInt(headingLevel);\n\n  // Don't create nav items for items with no title / url\n  if (level > 3 || !innerText || !headingId) {\n    return itemTree;\n  }\n\n  const last = itemTree[itemTree.length - 1];\n\n  if (last == null || last.level >= level) {\n    return [\n      ...itemTree,\n      {\n        display: innerText,\n        url: `#${headingId}`,\n        level,\n        children: [],\n      },\n    ];\n  } else {\n    last.children = appendItem(last.children, item);\n    return itemTree;\n  }\n};\n\n// We want the nav to be sticky, but it should account for the sticky heading as well, which is 72px\nconst TOP_OFFSET = \"72px\";\n\nexport const PackageDocs: FunctionComponent<PackageDocsProps> = ({\n  markdown: source,\n  assembly,\n}) => {\n  const [navItems, setNavItems] = useState<Item[]>([]);\n\n  useEffect(() => {\n    const tree = [\n      ...document.querySelectorAll(\n        `[data-heading-id][data-heading-title][data-heading-level]`\n      ),\n    ].reduce(appendItem, []);\n\n    setNavItems(tree);\n  }, [source]);\n\n  const { hash } = useLocation();\n  useEffect(() => {\n    if (hash) {\n      const target = document.querySelector(`${hash}`) as HTMLElement;\n      target?.scrollIntoView(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [source]);\n\n  const markdown = useMemo(\n    () => <Markdown repository={assembly.repository}>{source}</Markdown>,\n    [assembly.repository, source]\n  );\n\n  return (\n    <Grid\n      bg=\"white\"\n      columnGap={4}\n      h=\"100%\"\n      templateColumns={{ base: \"1fr\", md: \"1fr 3fr\" }}\n      width=\"100%\"\n    >\n      <Flex\n        alignSelf=\"stretch\"\n        borderRight=\"1px solid\"\n        borderRightColor=\"blue.50\"\n        direction=\"column\"\n        display={{ base: \"none\", md: \"flex\" }}\n        maxHeight={`calc(100vh - ${TOP_OFFSET})`}\n        overflow=\"hidden auto\"\n        position=\"sticky\"\n        px={4}\n        top={TOP_OFFSET}\n      >\n        {Object.keys(assembly?.submodules ?? {}).length > 0 && (\n          <Flex\n            borderBottom=\"1px solid\"\n            borderColor=\"blue.50\"\n            justify=\"center\"\n            py={4}\n          >\n            <ChooseSubmodule assembly={assembly} />\n          </Flex>\n        )}\n        <Box overflowY=\"auto\" py={4}>\n          <NavTree items={navItems} />\n        </Box>\n      </Flex>\n      <Box\n        h=\"max-content\"\n        maxWidth=\"100%\"\n        overflow=\"hidden\"\n        py={4}\n        sx={{\n          a: {\n            scrollMarginTop: TOP_OFFSET,\n          },\n        }}\n      >\n        {markdown}\n      </Box>\n    </Grid>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { ExternalLink } from \"../../../../components/ExternalLink\";\nimport { Language } from \"../../../../constants/languages\";\n\nexport interface PackageDocsErrorProps {\n  readonly language: Language;\n}\n\nexport const PackageDocsError: FunctionComponent<PackageDocsErrorProps> = ({\n  language,\n}) => {\n  const issueLink = (\n    <ExternalLink href=\"https://github.com/cdklabs/construct-hub-webapp/issues/new\">\n      issue\n    </ExternalLink>\n  );\n  return (\n    <Text\n      align=\"center\"\n      fontSize=\"xl\"\n      fontStyle=\"oblique\"\n      px={4}\n      wordBreak=\"break-word\"\n    >\n      Documentation in {language} is still not ready for this package. Come back\n      soon. If this issue persists, please let us know by creating an{\" \"}\n      {issueLink}.\n    </Text>\n  );\n};\n","import { Text } from \"@chakra-ui/react\";\nimport { FunctionComponent } from \"react\";\nimport { Language, LANGUAGE_NAME_MAP } from \"../../../../constants/languages\";\n\nexport interface PackageDocsUnsupportedProps {\n  readonly language: Language;\n}\n\nexport const PackageDocsUnsupported: FunctionComponent<PackageDocsUnsupportedProps> =\n  ({ language }) => {\n    const languageName = LANGUAGE_NAME_MAP[language];\n    return (\n      <Text\n        align=\"center\"\n        fontSize=\"xl\"\n        fontStyle=\"oblique\"\n        px={4}\n        wordBreak=\"break-word\"\n      >\n        This package does not currently support {languageName}. Select one of\n        the supported languages above, or ask the author to add support for{\" \"}\n        {languageName} in a future release.\n      </Text>\n    );\n  };\n","import { Box, Stack } from \"@chakra-ui/react\";\nimport { FunctionComponent, useEffect } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { fetchAssembly } from \"../../api/package/assembly\";\nimport { fetchMarkdown } from \"../../api/package/docs\";\nimport { fetchMetadata } from \"../../api/package/metadata\";\nimport { Page } from \"../../components/Page\";\nimport { Language } from \"../../constants/languages\";\nimport { QUERY_PARAMS } from \"../../constants/url\";\nimport { useConfig } from \"../../contexts/Config\";\nimport { useLanguage } from \"../../hooks/useLanguage\";\nimport { useQueryParams } from \"../../hooks/useQueryParams\";\nimport { useRequest } from \"../../hooks/useRequest\";\nimport { NotFound } from \"../NotFound\";\nimport { PackageDetails } from \"./components/PackageDetails\";\nimport { PackageDocs } from \"./components/PackageDocs\";\nimport { PackageDocsError } from \"./components/PackageDocsError\";\nimport { PackageDocsUnsupported } from \"./components/PackageDocsUnsupported/PackageDocsUnsupported\";\n\ninterface PathParams {\n  name: string;\n  scope?: string;\n  version: string;\n}\n\nexport const Package: FunctionComponent = () => {\n  const { name, scope, version }: PathParams = useParams();\n  const [requestMarkdown, markdownResponse] = useRequest(fetchMarkdown);\n  const [requestAssembly, assemblyResponse] = useRequest(fetchAssembly);\n  const [requestMetadata, metadataResponse] = useRequest(fetchMetadata);\n  const configResponse = useConfig();\n\n  const q = useQueryParams();\n  const [language] = useLanguage();\n  const submodule = q.get(QUERY_PARAMS.SUBMODULE) ?? \"\";\n\n  const pageTitle = `${scope ? `${scope}/${name}` : name} ${version}`;\n\n  const pageDescription = assemblyResponse?.data?.description ?? \"\";\n\n  useEffect(() => {\n    void requestMetadata(name, version, scope);\n    void requestAssembly(name, version, scope);\n  }, [name, requestAssembly, requestMetadata, scope, version]);\n\n  useEffect(() => {\n    void requestMarkdown(name, version, language, scope, submodule);\n  }, [name, scope, version, language, submodule, requestMarkdown]);\n\n  // Handle missing JSON for assembly\n  if (assemblyResponse.error) {\n    return <NotFound />;\n  }\n\n  const hasError = markdownResponse.error || assemblyResponse.error;\n  const hasDocs =\n    !markdownResponse.loading &&\n    !assemblyResponse.loading &&\n    markdownResponse.data &&\n    assemblyResponse.data;\n  // This will also be true if it cannot be verified (assembly not there)\n  const isSupported =\n    language === Language.TypeScript ||\n    assemblyResponse.loading ||\n    assemblyResponse.error ||\n    assemblyResponse.data?.targets?.[language.toString()] != null;\n\n  return (\n    <Page\n      meta={{ title: pageTitle, description: pageDescription }}\n      pageName=\"packageProfile\"\n    >\n      <Stack maxW=\"100vw\" pt={4} spacing={4}>\n        {/* Operator Area */}\n        <Box px={4}>\n          <PackageDetails\n            assembly={assemblyResponse}\n            config={configResponse}\n            metadata={metadataResponse}\n            version={version}\n          />\n        </Box>\n        {/* Readme and Api Reference Area */}\n        {isSupported ? (\n          hasError ? (\n            <PackageDocsError language={language}></PackageDocsError>\n          ) : (\n            hasDocs && (\n              <PackageDocs\n                assembly={assemblyResponse.data!}\n                markdown={markdownResponse.data!}\n              />\n            )\n          )\n        ) : (\n          <PackageDocsUnsupported language={language}></PackageDocsUnsupported>\n        )}\n      </Stack>\n    </Page>\n  );\n};\n","import { Center, Spinner } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Redirect, useParams } from \"react-router-dom\";\nimport { Packages } from \"../../api/package/packages\";\nimport { getFullPackageName, sanitizeVersion } from \"../../api/package/util\";\nimport { useCatalog } from \"../../contexts/Catalog\";\n\ninterface RouteParams {\n  name: string;\n  scope?: string;\n}\n\nconst extractMajor = (ver: string) => {\n  let sanitized = sanitizeVersion(ver);\n  return sanitized.split(\".\")[0];\n};\n\nconst findPackage = (catalog: Packages, pkg: string) => {\n  const packages = catalog.packages.filter((p) => p.name === pkg);\n\n  if (packages.length === 0) {\n    throw new Error(`Package ${pkg} does not exist in catalog`);\n  }\n\n  if (packages.length > 1) {\n    return packages.sort((p1, p2) => {\n      const mv1 = extractMajor(p1.version);\n      const mv2 = extractMajor(p2.version);\n      return mv2.localeCompare(mv1);\n    })[0];\n  }\n\n  return packages[0];\n};\n\nexport const buildRedirectUrl = (\n  catalog: Packages,\n  name: string,\n  scope?: string\n) => {\n  const prefix = \"/packages/\";\n  const packageName = getFullPackageName(name, scope);\n  const version = findPackage(catalog, packageName).version;\n  const suffix = `/v/${version}`;\n  return `${prefix}${packageName}${suffix}`;\n};\n\nexport const PackageLatest: FunctionComponent = () => {\n  const { name, scope }: RouteParams = useParams();\n  const catalog = useCatalog();\n\n  if (catalog.loading || !catalog.data) {\n    return (\n      <Center minH=\"200px\">\n        <Spinner size=\"xl\" />\n      </Center>\n    );\n  }\n\n  return <Redirect to={buildRedirectUrl(catalog.data, name, scope)} />;\n};\n","import type { FunctionComponent } from \"react\";\nimport { Switch, Route, useRouteMatch } from \"react-router-dom\";\nimport { NotFound } from \"../NotFound\";\nimport { Package } from \"../Package\";\nimport { PackageLatest } from \"../PackageLatest\";\n\nconst nameRegexp = \"[^@\\\\/]+\";\nconst scopeRegexp = \"@[^\\\\/]+\";\n\nexport const Packages: FunctionComponent = () => {\n  const { path } = useRouteMatch();\n\n  return (\n    <Switch>\n      <Route\n        exact\n        path={`${path}/:scope(${scopeRegexp})?/:name(${nameRegexp})`}\n      >\n        <PackageLatest />\n      </Route>\n      <Route\n        path={`${path}/:scope(${scopeRegexp})?/:name(${nameRegexp})/v/:version`}\n      >\n        <Package />\n      </Route>\n      <Route path=\"*\">\n        <NotFound />\n      </Route>\n    </Switch>\n  );\n};\n"],"sourceRoot":""}

package/website/static/js/7.11632168.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[7],{228:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(239),c={home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},i=a(109),s=a(1),o=function(e){var t=e.children,a=e.meta,o=e.pageName,l=Object(i.b)(c[o]);Object(n.useEffect)((function(){l()}),[l]);var u=a.suffix,d=void 0===u||u,j=a.title,b=a.description,f=d?"".concat(j," - Construct Hub"):j;return Object(s.jsxs)(s.Fragment,{children:[Object(s.jsxs)(r.a,{children:[!1,Object(s.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(s.jsx)("meta",{charSet:"utf-8"}),Object(s.jsx)("title",{children:f}),Object(s.jsx)("meta",{content:f,property:"og:title"}),Object(s.jsx)("meta",{content:f,name:"twitter:title"}),Object(s.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(s.jsx)("meta",{content:b,name:"description"}),Object(s.jsx)("meta",{content:b,property:"og:description"}),Object(s.jsx)("meta",{content:b,name:"twitter:description"})]}),t]})}},251:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(22),c=a(21),i=a(184),s=a(337),o=a(1),l=["sources"],u=Object(c.a)((function(e,t){var a=e.sources,c=Object(r.a)(e,l);return Object(o.jsxs)(i.a,{as:"picture",children:[null===a||void 0===a?void 0:a.map((function(e,t){return Object(o.jsx)("source",{media:e.media,srcSet:e.srcSet},t)})),Object(o.jsx)(s.a,Object(n.a)({ref:t},c))]})}));u.displayName="Picture"},252:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(215),r=a(54),c=a(1),i=function(e){var t=e.children,a=e.language;return r.e.has(a)?Object(c.jsx)(c.Fragment,{children:t}):Object(c.jsx)(n.a,{hasArrow:!0,label:"Documentation support for ".concat(r.b[a]," is coming soon!"),placement:"top-start",children:Object(c.jsx)("span",{children:t})})}},253:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(22),c=a(568),i=a(108),s=a(80),o=a(1),l=["children","language","value","label","zIndex"],u=function(e){var t=e.children,a=e.language,u=e.value,d=e.label,j=void 0===d?u:d,b=e.zIndex,f=Object(r.a)(e,l);return Object(o.jsx)(s.a,{"aria-label":"Tag: ".concat(j),to:Object(i.c)({query:"".concat(u),language:a}),zIndex:b,children:Object(o.jsx)(c.a,Object(n.a)(Object(n.a)({_hover:{textDecoration:"underline"}},f),{},{children:Object(o.jsx)(c.b,{children:t})}))})}},254:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(22),c=a(21),i=a(184),s=a(582),o=a(1),l=["date","format"],u=Object(c.a)((function(e,t){var a=e.date,c=e.format,u=Object(r.a)(e,l);return Object(o.jsx)(i.a,Object(n.a)(Object(n.a)({as:"time",dateTime:a.toISOString(),ref:t},u),{},{children:Object(s.a)(a,c)}))}));u.displayName="Time"},285:function(e,t,a){"use strict";a.d(t,"a",(function(){return A}));var n=a(0),r=a(4),c=a(17),i=a(6),s=a(221),o=a(21),l=a(25),u=a(20);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},d.apply(this,arguments)}function j(e,t){if(null==e)return{};var a,n,r={},c=Object.keys(e);for(n=0;n<c.length;n++)a=c[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}var b=Object(o.a)((function(e,t){var a=e.isExternal,r=e.target,c=e.rel,i=e.className,s=j(e,["isExternal","target","rel","className"]);return n.createElement(l.a.a,d({},s,{ref:t,className:Object(u.d)("chakra-linkbox__overlay",i),rel:a?"noopener noreferrer":c,target:a?"_blank":r,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:0,width:"100%",height:"100%"}}}))})),f=Object(o.a)((function(e,t){var a=e.className,r=j(e,["className"]);return n.createElement(l.a.div,d({ref:t,position:"relative"},r,{className:Object(u.d)("chakra-linkbox",a),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title]":{position:"relative",zIndex:1}}}))})),O=a(189),h=a(199),m=a(184),p=a(201),x=a(194),g=a(29),v=a(54),w=a(108),y=a(252),k=a(253),S=a(254),I=a(141),N=a(112),C=a(57),L=Object(C.a)("catalogCard",["container","name","version","tags","description","date","author","languages"]),z=a(1),P=function(e){var t=e.children;return Object(z.jsx)(N.a,{h:64,p:0,w:"100%",children:Object(z.jsx)(I.a,{as:"article",h:"100%",overflow:"hidden",templateColumns:"1fr",templateRows:"2fr 1fr",children:t})})},_=function(e){var t=e.children;return e.isLink?Object(z.jsx)(f,{_hover:{"> :first-child":{bg:"gray.50"}},"data-testid":L.container,children:Object(z.jsx)(P,{children:t})}):Object(z.jsx)(P,{children:t})},E=a(564),F=function(){return Object(z.jsxs)(z.Fragment,{children:[Object(z.jsxs)(s.a,{p:4,spacing:4,children:[Object(z.jsx)(E.a,{h:5,w:"50%"}),Object(z.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(z.jsx)(E.a,{h:5,w:10}),Object(z.jsx)(E.a,{h:5,w:10}),Object(z.jsx)(E.a,{h:5,w:10})]}),Object(z.jsx)(E.a,{h:3,w:"75%"}),Object(z.jsx)(E.a,{h:3,w:"50%"})]}),Object(z.jsxs)(m.a,{children:[Object(z.jsx)(p.a,{}),Object(z.jsxs)(s.a,{px:4,py:2,spacing:2,children:[Object(z.jsx)(E.a,{h:5,w:"25%"}),Object(z.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(z.jsx)(E.a,{h:5,w:10}),Object(z.jsx)(E.a,{h:5,w:10}),Object(z.jsx)(E.a,{h:5,w:10}),Object(z.jsx)(E.a,{h:5,w:10})]})]})]})]})},D=function(e){var t,a,n,o=e.language,l=e.pkg;if(!l)return Object(z.jsx)(_,{children:Object(z.jsx)(F,{})});var u=(null===(t=l.metadata)||void 0===t?void 0:t.date)?Object(z.jsx)(S.a,{date:new Date(l.metadata.date),fontSize:"sm",format:"MMMM dd, yyyy"}):null,d=null!==(a=l.author)&&void 0!==a?a:{},j=null!==(n=l.languages)&&void 0!==n?n:{},I=Object.keys(j),N=function(e){return Object(w.a)(Object(i.a)({name:l.name,version:l.version,language:o},e))},C="string"===typeof d?d:d.name;return Object(z.jsxs)(_,{isLink:!0,children:[Object(z.jsxs)(s.a,{maxH:"100%",maxW:"100%",overflow:"hidden",p:4,spacing:0,children:[Object(z.jsx)(b,{as:g.b,to:N(),children:Object(z.jsxs)(O.a,{color:"blue.800","data-testid":L.name,fontWeight:"semibold",isTruncated:!0,children:[l.name,Object(z.jsx)(O.a,{as:"span",color:"blue.500","data-testid":L.version,fontSize:"xs",ml:2,children:l.version})]})}),Object(z.jsx)(f,{as:h.a,"data-testid":L.tags,flexWrap:"wrap",maxH:6,overflow:"hidden",children:[l.name.startsWith("@aws-cdk/")?Object(z.jsx)(k.a,{label:"official",language:o,mr:1,value:"@aws-cdk",variant:"official",children:"Official"},"official"):null].concat(Object(c.a)(l.keywords.filter(Boolean).slice(0,3).map((function(e){return Object(z.jsx)(k.a,{language:o,mr:1,value:'"'.concat(e,'"'),zIndex:"0 !important",children:e},e)}))))}),Object(z.jsx)(O.a,{"data-testid":L.description,fontSize:"sm",noOfLines:2,children:l.description})]}),Object(z.jsxs)(m.a,{children:[Object(z.jsx)(p.a,{}),Object(z.jsxs)(s.a,{maxW:"100%",overflow:"hidden",px:4,py:2,spacing:2,children:[Object(z.jsx)(O.a,{"data-testid":L.date,fontSize:"sm",isTruncated:!0,children:u}),Object(z.jsx)(x.a,{as:g.b,color:"blue.500","data-testid":L.author,fontSize:"sm",to:Object(w.c)({query:C}),children:C}),Object(z.jsx)(f,{align:"center",as:s.a,"data-testid":L.languages,direction:"row",children:Object.entries(v.c).sort((function(e,t){var a=Object(r.a)(e,1)[0],n=Object(r.a)(t,1)[0];return v.a.indexOf(a)-v.a.indexOf(n)})).map((function(e){var t=Object(r.a)(e,2),a=t[0],n=t[1],c=a,i=c===v.d.TypeScript||I.includes(c),s=c===v.d.TypeScript||v.e.has(c);if(!i)return null;var o=n.name,l=n.icon,u=Object(z.jsx)(l,{"aria-label":"Supports ".concat(o),h:6,opacity:s?1:.2,w:6});return Object(z.jsx)(y.a,{language:c,children:s?Object(z.jsx)(g.b,{"aria-label":"View package docs for ".concat(c),to:N({language:c}),children:u}):u},c)}))})]})]})]})},T=a(200),H=function(e){var t=e.children;return Object(z.jsx)(T.a,{columns:{base:1,sm:2,md:3,lg:4,xl:5,"2xl":6},spacing:6,children:t})},W=function(e){for(var t=e.noOfItems,a=[],n=0;n<t;n+=1)a.push(Object(z.jsx)(D,{},n));return Object(z.jsx)(H,{children:a})},K=Object(n.memo)(W),R=function(e){var t=e.language,a=e.results,n=e.skeleton;return(null===n||void 0===n?void 0:n.loading)?Object(z.jsx)(K,{noOfItems:n.noOfItems}):Object(z.jsx)(H,{children:a.map((function(e,a){return Object(z.jsx)(D,{language:t,pkg:e},"".concat(e.name,"-").concat(a))}))})},A=Object(n.memo)(R)},337:function(e,t,a){"use strict";a.d(t,"a",(function(){return b}));var n=a(21),r=a(25),c=a(27),i=a(8),s=a(0),o=a(4),l=a(138);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},u.apply(this,arguments)}function d(e,t){if(null==e)return{};var a,n,r={},c=Object.keys(e);for(n=0;n<c.length;n++)a=c[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}var j=s.forwardRef((function(e,t){var a=e.htmlWidth,n=e.htmlHeight,r=e.alt,c=d(e,["htmlWidth","htmlHeight","alt"]);return s.createElement("img",u({width:a,height:n,ref:t,alt:r},c))})),b=Object(n.a)((function(e,t){var a=e.fallbackSrc,n=e.fallback,i=e.src,b=e.align,f=e.fit,O=e.loading,h=e.ignoreFallback,m=e.crossOrigin,p=d(e,["fallbackSrc","fallback","src","align","fit","loading","ignoreFallback","crossOrigin"]),x=null!=O||h,g=function(e){var t=e.src,a=e.srcSet,n=e.onLoad,r=e.onError,c=e.crossOrigin,i=e.sizes,u=e.ignoreFallback,d=Object(s.useState)("pending"),j=Object(o.a)(d,2),b=j[0],f=j[1];Object(s.useEffect)((function(){f(t?"loading":"pending")}),[t]);var O=Object(s.useRef)(),h=Object(s.useCallback)((function(){if(t){m();var e=new Image;e.src=t,c&&(e.crossOrigin=c),a&&(e.srcset=a),i&&(e.sizes=i),e.onload=function(e){m(),f("loaded"),null==n||n(e)},e.onerror=function(e){m(),f("failed"),null==r||r(e)},O.current=e}}),[t,c,a,i,n,r]),m=function(){O.current&&(O.current.onload=null,O.current.onerror=null,O.current=null)};return Object(l.a)((function(){if(!u)return"loading"===b&&h(),function(){m()}}),[b,h,u]),u?"loaded":b}(u({},e,{ignoreFallback:x})),v=u({ref:t,objectFit:f,objectPosition:b},x?p:Object(c.g)(p,["onError","onLoad"]));return"loaded"!==g?n||s.createElement(r.a.img,u({as:j,className:"chakra-image__placeholder",src:a},v)):s.createElement(r.a.img,u({as:j,src:i,crossOrigin:m,loading:O,className:"chakra-image"},v))}));i.a&&(b.displayName="Image")},340:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(73),r=Object(n.a)({d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z",displayName:"ArrowForwardIcon"})},341:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(73),r=Object(n.a)({d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",displayName:"ChevronLeftIcon"})},564:function(e,t,a){"use strict";a.d(t,"a",(function(){return O}));a(4),a(72);var n=a(8);a(27),a(107);a(218);var r=a(0);var c=a(25),i=a(59),s=a(21),o=a(66),l=a(43);var u=a(20);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},d.apply(this,arguments)}function j(e,t){if(null==e)return{};var a,n,r={},c=Object.keys(e);for(n=0;n<c.length;n++)a=c[n],t.indexOf(a)>=0||(r[a]=e[a]);return r}var b=Object(c.a)("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),f=Object(i.b)({from:{opacity:0},to:{opacity:1}}),O=Object(s.a)((function(e,t){var a=Object(o.b)("Skeleton",e),n=function(){var e=r.useRef(!0);return r.useEffect((function(){e.current=!1}),[]),e.current}(),i=Object(l.b)(e),s=i.isLoaded,O=i.fadeDuration,h=i.className,m=j(i,["startColor","endColor","isLoaded","fadeDuration","speed","className"]),p=function(e){var t=Object(r.useRef)();return Object(r.useEffect)((function(){t.current=e}),[e]),t.current}(s),x=Object(u.d)("chakra-skeleton",h);if(s){var g=n||p?"none":f+" "+O+"s";return r.createElement(c.a.div,d({ref:t,className:x,__css:{animation:g}},m))}return r.createElement(b,d({ref:t,className:x},m,{__css:a}))}));O.defaultProps={fadeDuration:.4,speed:.8},n.a&&(O.displayName="Skeleton");n.a;n.a},586:function(e,t,a){"use strict";a.r(t),a.d(t,"Home",(function(){return z})),a.d(t,"default",(function(){return z}));var n=a(6),r=a(4),c=a(184),i=a(221),s=a(205),o=a(564),l=a(0),u=a(116),d=a(228),j=a(251),b=a(285),f=a(117),O=a(118),h=a(340),m=a(341),p=a(569),x=a(141),g=a(145),v=a(199),w=a(197),y=a(57),k=Object(y.a)("home",["headings","results","nextPageBtn","nextIcon","prevIcon"]),S=a(1),I={borderRadius:"md",borderColor:"blue.500",colorScheme:"blue",mx:2,h:10,w:10,variant:"outline"},N={color:"blue.500",h:5,w:5},C=function(e){var t=e.offset,a=e.pageLimit,r=e.setOffset,c=t===a,i=0===t,s=function(){r(t+1)};return Object(S.jsxs)(x.a,{alignItems:"center",pt:6,templateColumns:"repeat(3, 1fr)",templateRows:"1fr",children:[Object(S.jsx)(x.b,{colStart:2,justifySelf:"center",children:Object(S.jsx)(g.a,{colorScheme:"blue","data-testid":k.nextPageBtn,disabled:c,onClick:s,rightIcon:Object(S.jsx)(h.a,{color:"white"}),children:"Next Page"})}),Object(S.jsx)(x.b,{colStart:3,justifySelf:"end",children:Object(S.jsxs)(v.a,{align:"center",justify:"center",py:4,children:[Object(S.jsx)(w.a,Object(n.a)({"aria-label":"Previous Page","data-testid":k.prevIcon,disabled:i,icon:Object(S.jsx)(m.a,Object(n.a)({},N)),onClick:function(){r(t-1)}},I)),Object(S.jsx)(w.a,Object(n.a)({"aria-label":"Next Page","data-testid":k.nextIcon,disabled:c,icon:Object(S.jsx)(p.a,Object(n.a)({},N)),onClick:s},I))]})})]})},L={optimal:[{media:"(max-width:1024px)",srcSet:"/assets/hive@50.webp"},{media:"(min-width:1024px)",srcSet:"/assets/hive@100.webp"},{media:"(min-width:1024px)",srcSet:"/assets/hive@100.png"}],fallback:"/assets/hive@50.png"},z=function(){var e=Object(O.a)(),t=Object(l.useState)(0),a=Object(r.a)(t,2),h=a[0],m=a[1],p=Object(f.a)({offset:h,limit:20,query:"",language:null}),x=p.results,g=p.displayable,v=p.loading,w=p.pageLimit;return Object(S.jsx)(d.a,{meta:{title:"Construct Hub",description:"Construct Hub helps developers find open-source construct libraries for use with AWS CDK, CDK8s, CDKTf and other construct-based tools.",suffix:!1},pageName:"home",children:Object(S.jsxs)(c.a,{position:"relative",children:[Object(S.jsx)(j.a,{alt:"",h:"540px",position:"absolute",sources:L.optimal,src:L.fallback,top:"0",w:"100%",zIndex:"hide"}),Object(S.jsxs)(i.a,{align:"stretch",direction:"column",justify:"center",m:"0 auto",maxW:"container.lg",p:[10,15,20],spacing:8,children:[Object(S.jsxs)(i.a,{color:"blue.800","data-testid":k.headings,spacing:4,textAlign:"center",children:[Object(S.jsx)(s.a,{size:"2xl",children:"Find reusable components for your cloud applications"}),Object(S.jsx)(s.a,{as:"h3",size:"md",children:"AWS CDK | CDK for Terraform | CDK For Kubernetes"}),Object(S.jsxs)(s.a,{as:"h4",mb:8,size:"sm",children:["Search from"," ",x.length?Object(S.jsx)(c.a,{as:"span",color:"blue.500",children:x.length}):Object(S.jsx)(o.a,{display:"inline-block",h:3,w:8})," ","construct libraries"]})]}),Object(S.jsx)(u.a,Object(n.a)({},e))]}),Object(S.jsxs)(c.a,{p:4,pb:8,children:[Object(S.jsx)(b.a,{results:g,skeleton:{loading:v,noOfItems:20}}),Object(S.jsx)(C,{offset:h,pageLimit:w,setOffset:m})]})]})})}}}]);
+//# sourceMappingURL=7.11632168.chunk.js.map

package/website/static/js/7.11632168.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","components/Picture/Picture.tsx","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","components/PackageTag/PackageTag.tsx","components/Time/Time.tsx","../../../src/link-box.tsx","components/CatalogCard/testIds.ts","components/CatalogCard/CatalogCardContainer.tsx","components/CatalogCard/CatalogCardSkeleton.tsx","components/CatalogCard/CatalogCard.tsx","components/Results/ResultsGrid.tsx","components/Results/ResultsSkeleton.tsx","components/Results/Results.tsx","../../../src/image.tsx","../../../src/use-image.ts","../../../src/ArrowForward.tsx","../../../src/ChevronLeft.tsx","../../../src/skeleton.tsx","../../../src/use-previous.ts","views/Home/testIds.ts","views/Home/HomePageControls.tsx","views/Home/Home.tsx"],"names":["pageInfo","home","event","name","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","Picture","forwardRef","ref","sources","props","as","map","source","idx","media","srcSet","displayName","LanguageSupportTooltip","language","TEMP_SUPPORTED_LANGUAGES","has","hasArrow","label","LANGUAGE_NAME_MAP","placement","PackageTag","value","zIndex","tagProps","NavLink","to","getSearchPath","query","_hover","textDecoration","Time","date","formatString","format","boxProps","dateTime","toISOString","LinkOverlay","className","cx","rel","isExternal","target","__css","position","cursor","display","top","left","width","height","LinkBox","testIds","createTestIds","CardContainer","Card","h","p","w","overflow","templateColumns","templateRows","CatalogCardContainer","isLink","bg","container","CatalogCardSkeleton","spacing","align","direction","px","py","CatalogCard","currentLanguage","pkg","publishDate","metadata","Date","fontSize","author","languages","targets","Object","keys","getUrl","params","getPackagePath","version","authorName","maxH","maxW","Link","color","fontWeight","isTruncated","ml","Flex","tags","flexWrap","startsWith","mr","variant","keywords","filter","Boolean","slice","tag","noOfLines","Stack","entries","LANGUAGE_RENDER_MAP","sort","right","LANGUAGES","indexOf","lang","info","isSupportedByLibrary","Language","TypeScript","includes","isSupportedByConstructHub","Icon","icon","opacity","ResultsGrid","columns","base","sm","md","lg","xl","ResultsSkeletonComponent","noOfItems","skeletons","i","push","ResultsSkeleton","memo","ResultsComponent","results","skeleton","loading","Results","NativeImage","alt","Image","crossOrigin","shouldIgnore","status","ignoreFallback","useState","setStatus","src","imageRef","useRef","load","useCallback","flush","img","onLoad","error","onError","sizes","useSafeLayoutEffect","useImage","shared","objectFit","objectPosition","rest","omit","fallbackSrc","ArrowForwardIcon","createIcon","d","ChevronLeftIcon","StyledSkeleton","chakra","baseStyle","boxShadow","backgroundClip","pointerEvents","userSelect","visibility","fade","keyframes","from","Skeleton","styles","useStyleConfig","isFirstRender","React","useIsFirstRender","omitThemingProps","wasPreviouslyLoaded","usePrevious","_className","animation","fadeDuration","speed","iconBtnProps","borderRadius","borderColor","colorScheme","mx","iconProps","HomePageControls","offset","pageLimit","setOffset","nextDisabled","prevDisabled","getNextPage","alignItems","pt","colStart","justifySelf","nextPageBtn","disabled","onClick","rightIcon","ArrowForward","justify","prevIcon","ChevronLeft","nextIcon","ChevronRight","optimal","fallback","Home","searchAPI","useCatalogSearch","useCatalogResults","limit","displayable","m","headings","textAlign","size","mb","length","CatalogSearch","pb"],"mappings":"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","file":"static/js/7.11632168.chunk.js","sourcesContent":["export const pageInfo = {\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta\n            content=\"default-src 'self' 'unsafe-inline' https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; connect-src 'self' https://*.shortbread.aws.dev ws://localhost:3000 https://*.awsstatic.com https://amazonwebservices.d2.sc.omtrdc.net; frame-src 'none'; img-src 'self' https://* http://*.omtrdc.net; object-src 'none'; style-src 'self' 'unsafe-inline';\"\n            httpEquiv=\"Content-Security-Policy\"\n          />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { Box, HTMLChakraProps, forwardRef, Image } from \"@chakra-ui/react\";\n\nexport interface PictureProps extends HTMLChakraProps<\"img\"> {\n  alt: string;\n  src: string;\n  sources?: {\n    media?: string;\n    srcSet: string;\n  }[];\n}\n\nexport const Picture = forwardRef<PictureProps, \"img\">(\n  ({ sources, ...props }, ref) => (\n    <Box as=\"picture\">\n      {sources?.map((source, idx) => (\n        <source key={idx} media={source.media} srcSet={source.srcSet} />\n      ))}\n      <Image ref={ref} {...props} />\n    </Box>\n  )\n);\n\nPicture.displayName = \"Picture\";\n","import { Tooltip } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  Language,\n  LANGUAGE_NAME_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\n\nexport interface LanguageSupportTooltipProps {\n  language: Language;\n}\n\nexport const LanguageSupportTooltip: FunctionComponent<LanguageSupportTooltipProps> =\n  ({ children, language }) => {\n    const isSupported = TEMP_SUPPORTED_LANGUAGES.has(language);\n\n    if (isSupported) {\n      return <>{children}</>;\n    }\n\n    return (\n      <Tooltip\n        hasArrow\n        label={`Documentation support for ${LANGUAGE_NAME_MAP[language]} is coming soon!`}\n        placement=\"top-start\"\n      >\n        <span>{children}</span>\n      </Tooltip>\n    );\n  };\n","import { Tag, TagLabel, TagProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Language } from \"../../constants/languages\";\nimport { getSearchPath } from \"../../util/url\";\nimport { NavLink } from \"../NavLink\";\n\nexport interface PackageTagProps extends TagProps {\n  language?: Language;\n  value: string;\n  label?: string;\n  zIndex?: string | number;\n}\n\nexport const PackageTag: FunctionComponent<PackageTagProps> = ({\n  children,\n  language,\n  value,\n  label = value,\n  zIndex,\n  ...tagProps\n}) => {\n  return (\n    <NavLink\n      aria-label={`Tag: ${label}`}\n      to={getSearchPath({ query: `${value}`, language })}\n      zIndex={zIndex}\n    >\n      <Tag\n        _hover={{\n          textDecoration: \"underline\",\n        }}\n        {...tagProps}\n      >\n        <TagLabel>{children}</TagLabel>\n      </Tag>\n    </NavLink>\n  );\n};\n","import { Box, BoxProps, forwardRef } from \"@chakra-ui/react\";\nimport { format } from \"date-fns\";\n\nexport interface TimeOptions {\n  date: Date;\n  format: string;\n}\n\nexport interface TimeProps extends BoxProps, TimeOptions {}\n\nexport const Time = forwardRef<TimeProps, \"time\">(\n  ({ date, format: formatString, ...boxProps }, ref) => {\n    return (\n      <Box as=\"time\" dateTime={date.toISOString()} ref={ref} {...boxProps}>\n        {format(date, formatString)}\n      </Box>\n    );\n  }\n);\n\nTime.displayName = \"Time\";\n","import { chakra, forwardRef, HTMLChakraProps } from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/utils\"\nimport * as React from \"react\"\n\nexport interface LinkOverlayProps extends HTMLChakraProps<\"a\"> {\n  /**\n   *  If `true`, the link will open in new tab\n   */\n  isExternal?: boolean\n}\n\nexport const LinkOverlay = forwardRef<LinkOverlayProps, \"a\">((props, ref) => {\n  const { isExternal, target, rel, className, ...rest } = props\n  return (\n    <chakra.a\n      {...rest}\n      ref={ref}\n      className={cx(\"chakra-linkbox__overlay\", className)}\n      rel={isExternal ? \"noopener noreferrer\" : rel}\n      target={isExternal ? \"_blank\" : target}\n      __css={{\n        position: \"static\",\n        \"&::before\": {\n          content: \"''\",\n          cursor: \"inherit\",\n          display: \"block\",\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          zIndex: 0,\n          width: \"100%\",\n          height: \"100%\",\n        },\n      }}\n    />\n  )\n})\n\nexport interface LinkBoxProps extends HTMLChakraProps<\"div\"> {}\n\n/**\n * `LinkBox` is used to wrap content areas within a link while ensuring semantic html\n *\n * @see Docs https://chakra-ui.com/docs/navigation/link-overlay\n * @see Resources https://www.sarasoueidan.com/blog/nested-links\n */\nexport const LinkBox = forwardRef<LinkBoxProps, \"div\">((props, ref) => {\n  const { className, ...rest } = props\n\n  return (\n    <chakra.div\n      ref={ref}\n      position=\"relative\"\n      {...rest}\n      className={cx(\"chakra-linkbox\", className)}\n      __css={{\n        /* Elevate the links and abbreviations up */\n        \"a[href]:not(.chakra-linkbox__overlay), abbr[title]\": {\n          position: \"relative\",\n          zIndex: 1,\n        },\n      }}\n    />\n  )\n})\n","import { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"catalogCard\", [\n  \"container\",\n  \"name\",\n  \"version\",\n  \"tags\",\n  \"description\",\n  \"date\",\n  \"author\",\n  \"languages\",\n] as const);\n\nexport default testIds;\n","import { Grid, LinkBox } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Card } from \"../Card\";\nimport testIds from \"./testIds\";\n\nconst CardContainer: FunctionComponent = ({ children }) => (\n  <Card h={64} p={0} w=\"100%\">\n    <Grid\n      as=\"article\"\n      h=\"100%\"\n      overflow=\"hidden\"\n      templateColumns=\"1fr\"\n      templateRows=\"2fr 1fr\"\n    >\n      {children}\n    </Grid>\n  </Card>\n);\n\nexport const CatalogCardContainer: FunctionComponent<{ isLink?: boolean }> = ({\n  children,\n  isLink,\n}) => {\n  return isLink ? (\n    <LinkBox\n      _hover={{\n        \"> :first-child\": {\n          bg: \"gray.50\",\n        },\n      }}\n      data-testid={testIds.container}\n    >\n      <CardContainer>{children}</CardContainer>\n    </LinkBox>\n  ) : (\n    <CardContainer>{children}</CardContainer>\n  );\n};\n","import { Box, Divider, Skeleton, Stack } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const CatalogCardSkeleton: FunctionComponent = () => (\n  <>\n    <Stack p={4} spacing={4}>\n      <Skeleton h={5} w=\"50%\" />\n      <Stack align=\"center\" direction=\"row\" spacing={2}>\n        <Skeleton h={5} w={10} />\n        <Skeleton h={5} w={10} />\n        <Skeleton h={5} w={10} />\n      </Stack>\n      <Skeleton h={3} w=\"75%\" />\n      <Skeleton h={3} w=\"50%\" />\n    </Stack>\n    <Box>\n      <Divider />\n      <Stack px={4} py={2} spacing={2}>\n        <Skeleton h={5} w=\"25%\" />\n        <Stack align=\"center\" direction=\"row\" spacing={2}>\n          <Skeleton h={5} w={10} />\n          <Skeleton h={5} w={10} />\n          <Skeleton h={5} w={10} />\n          <Skeleton h={5} w={10} />\n        </Stack>\n      </Stack>\n    </Box>\n  </>\n);\n","import {\n  Box,\n  Divider,\n  Flex,\n  LinkBox,\n  Link as UILink,\n  LinkOverlay,\n  Stack,\n  Text,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { CatalogPackage } from \"../../api/package/packages\";\nimport {\n  Language,\n  LANGUAGES,\n  LANGUAGE_RENDER_MAP,\n  TEMP_SUPPORTED_LANGUAGES,\n} from \"../../constants/languages\";\nimport { getPackagePath, getSearchPath } from \"../../util/url\";\nimport { LanguageSupportTooltip } from \"../LanguageSupportTooltip\";\nimport { PackageTag } from \"../PackageTag\";\nimport { Time } from \"../Time\";\nimport { CatalogCardContainer } from \"./CatalogCardContainer\";\nimport { CatalogCardSkeleton } from \"./CatalogCardSkeleton\";\nimport testIds from \"./testIds\";\n\nexport interface CatalogCardProps {\n  /**\n   * Specifies the language to link to by default\n   */\n  language?: Language;\n  /**\n   * If undefined, will render a skeleton\n   */\n  pkg?: CatalogPackage;\n}\n\nexport const CatalogCard: FunctionComponent<CatalogCardProps> = ({\n  language: currentLanguage,\n  pkg,\n}) => {\n  if (!pkg) {\n    return (\n      <CatalogCardContainer>\n        <CatalogCardSkeleton />\n      </CatalogCardContainer>\n    );\n  }\n\n  const publishDate = pkg.metadata?.date ? (\n    <Time\n      date={new Date(pkg.metadata.date)}\n      fontSize=\"sm\"\n      format=\"MMMM dd, yyyy\"\n    />\n  ) : null;\n\n  const author = pkg.author ?? {};\n  const languages = pkg.languages ?? {};\n  const targets = Object.keys(languages) as Language[];\n\n  const getUrl = (params?: Partial<Parameters<typeof getPackagePath>[0]>) =>\n    getPackagePath({\n      name: pkg.name,\n      version: pkg.version,\n      language: currentLanguage,\n      ...params,\n    });\n\n  const authorName = typeof author === \"string\" ? author : author.name;\n\n  return (\n    <CatalogCardContainer isLink>\n      <Stack maxH=\"100%\" maxW=\"100%\" overflow=\"hidden\" p={4} spacing={0}>\n        {/* Name & Version */}\n        <LinkOverlay as={Link} to={getUrl()}>\n          <Text\n            color=\"blue.800\"\n            data-testid={testIds.name}\n            fontWeight=\"semibold\"\n            isTruncated\n          >\n            {pkg.name}\n\n            <Text\n              as=\"span\"\n              color=\"blue.500\"\n              data-testid={testIds.version}\n              fontSize=\"xs\"\n              ml={2}\n            >\n              {pkg.version}\n            </Text>\n          </Text>\n        </LinkOverlay>\n\n        {/* Tags */}\n        <LinkBox\n          as={Flex}\n          data-testid={testIds.tags}\n          flexWrap=\"wrap\"\n          maxH={6}\n          overflow=\"hidden\"\n        >\n          {[\n            pkg.name.startsWith(\"@aws-cdk/\") ? (\n              <PackageTag\n                key=\"official\"\n                label=\"official\"\n                language={currentLanguage}\n                mr={1}\n                value=\"@aws-cdk\"\n                variant=\"official\"\n              >\n                Official\n              </PackageTag>\n            ) : null,\n            ...pkg.keywords\n              .filter(Boolean)\n              .slice(0, 3)\n              .map((tag) => {\n                return (\n                  <PackageTag\n                    key={tag}\n                    language={currentLanguage}\n                    mr={1}\n                    value={`\"${tag}\"`}\n                    zIndex=\"0 !important\"\n                  >\n                    {tag}\n                  </PackageTag>\n                );\n              }),\n          ]}\n        </LinkBox>\n        <Text data-testid={testIds.description} fontSize=\"sm\" noOfLines={2}>\n          {pkg.description}\n        </Text>\n      </Stack>\n\n      {/* Bottom Details */}\n      <Box>\n        <Divider />\n        <Stack maxW=\"100%\" overflow=\"hidden\" px={4} py={2} spacing={2}>\n          <Text data-testid={testIds.date} fontSize=\"sm\" isTruncated>\n            {publishDate}\n          </Text>\n\n          <UILink\n            as={Link}\n            color=\"blue.500\"\n            data-testid={testIds.author}\n            fontSize=\"sm\"\n            to={getSearchPath({ query: authorName })}\n          >\n            {authorName}\n          </UILink>\n\n          {/* Language Support Icons */}\n          <LinkBox\n            align=\"center\"\n            as={Stack}\n            data-testid={testIds.languages}\n            direction=\"row\"\n          >\n            {Object.entries(LANGUAGE_RENDER_MAP)\n              // Ensure entries are always sorted in a stable way\n              .sort(\n                ([left], [right]) =>\n                  LANGUAGES.indexOf(left as Language) -\n                  LANGUAGES.indexOf(right as Language)\n              )\n              .map(([lang, info]) => {\n                const language = lang as Language;\n\n                const isSupportedByLibrary =\n                  language === Language.TypeScript ||\n                  targets.includes(language);\n\n                const isSupportedByConstructHub =\n                  language === Language.TypeScript || // TypeScript is always supported\n                  // Otherwise, the language must be supported by ConstructHub\n                  TEMP_SUPPORTED_LANGUAGES.has(language);\n\n                if (!isSupportedByLibrary) return null;\n\n                const { name, icon: Icon } = info;\n\n                const icon = (\n                  <Icon\n                    aria-label={`Supports ${name}`}\n                    h={6}\n                    opacity={isSupportedByConstructHub ? 1 : 0.2}\n                    w={6}\n                  />\n                );\n\n                return (\n                  <LanguageSupportTooltip key={language} language={language}>\n                    {isSupportedByConstructHub ? (\n                      <Link\n                        aria-label={`View package docs for ${language}`}\n                        to={getUrl({ language })}\n                      >\n                        {icon}\n                      </Link>\n                    ) : (\n                      icon\n                    )}\n                  </LanguageSupportTooltip>\n                );\n              })}\n          </LinkBox>\n        </Stack>\n      </Box>\n    </CatalogCardContainer>\n  );\n};\n","import { SimpleGrid } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const ResultsGrid: FunctionComponent = ({ children }) => (\n  <SimpleGrid\n    columns={{\n      base: 1,\n      sm: 2,\n      md: 3,\n      lg: 4,\n      xl: 5,\n      \"2xl\": 6,\n    }}\n    spacing={6}\n  >\n    {children}\n  </SimpleGrid>\n);\n","import { FunctionComponent, memo } from \"react\";\nimport { CatalogCard } from \"../CatalogCard\";\nimport { ResultsGrid } from \"./ResultsGrid\";\n\nexport interface ResultsSkeletonProps {\n  noOfItems: number;\n}\n\nconst ResultsSkeletonComponent: FunctionComponent<ResultsSkeletonProps> = ({\n  noOfItems,\n}) => {\n  const skeletons = [];\n\n  for (let i = 0; i < noOfItems; i += 1) {\n    skeletons.push(<CatalogCard key={i} />);\n  }\n\n  return <ResultsGrid>{skeletons}</ResultsGrid>;\n};\n\nexport const ResultsSkeleton = memo(\n  ResultsSkeletonComponent\n) as typeof ResultsSkeletonComponent;\n","import { FunctionComponent, memo } from \"react\";\nimport { Packages } from \"../../api/package/packages\";\nimport { Language } from \"../../constants/languages\";\nimport { CatalogCard } from \"../CatalogCard\";\nimport { ResultsGrid } from \"./ResultsGrid\";\nimport { ResultsSkeleton } from \"./ResultsSkeleton\";\n\nexport interface ResultsProps {\n  language?: Language;\n  results: Packages[\"packages\"];\n  skeleton?: {\n    loading: boolean;\n    noOfItems: number;\n  };\n}\n\nconst ResultsComponent: FunctionComponent<ResultsProps> = ({\n  language,\n  results,\n  skeleton,\n}) => {\n  if (skeleton?.loading) {\n    return <ResultsSkeleton noOfItems={skeleton.noOfItems} />;\n  }\n\n  return (\n    <ResultsGrid>\n      {results.map((pkg, idx) => (\n        <CatalogCard key={`${pkg.name}-${idx}`} language={language} pkg={pkg} />\n      ))}\n    </ResultsGrid>\n  );\n};\n\nexport const Results = memo(ResultsComponent) as typeof ResultsComponent;\n","import {\n  chakra,\n  PropsOf,\n  SystemProps,\n  forwardRef,\n  HTMLChakraProps,\n} from \"@chakra-ui/system\"\nimport { omit, __DEV__ } from \"@chakra-ui/utils\"\nimport * as React from \"react\"\nimport { useImage, UseImageProps } from \"./use-image\"\n\ninterface NativeImageOptions {\n  /**\n   * The native HTML `width` attribute to the passed to the `img`\n   */\n  htmlWidth?: string | number\n  /**\n   * The native HTML `height` attribute to the passed to the `img`\n   */\n  htmlHeight?: string | number\n}\n\ninterface NativeImageProps extends PropsOf<\"img\">, NativeImageOptions {}\n\nconst NativeImage = React.forwardRef(\n  (props: NativeImageProps, ref: React.Ref<any>) => {\n    const { htmlWidth, htmlHeight, alt, ...rest } = props\n    return (\n      <img\n        width={htmlWidth}\n        height={htmlHeight}\n        ref={ref}\n        alt={alt}\n        {...rest}\n      />\n    )\n  },\n)\n\ninterface ImageOptions extends NativeImageOptions {\n  /**\n   * Fallback image `src` to show if image is loading or image fails.\n   *\n   * Note 🚨: We recommend you use a local image\n   */\n  fallbackSrc?: string\n  /**\n   * Fallback element to show if image is loading or image fails.\n   * @type React.ReactElement\n   */\n  fallback?: React.ReactElement\n  /**\n   * Defines loading strategy\n   */\n  loading?: \"eager\" | \"lazy\"\n  /**\n   * How the image to fit within its bounds.\n   * It maps to css `object-fit` property.\n   * @type SystemProps[\"objectFit\"]\n   */\n  fit?: SystemProps[\"objectFit\"]\n  /**\n   * How to align the image within its bounds.\n   * It maps to css `object-position` property.\n   * @type SystemProps[\"objectPosition\"]\n   */\n  align?: SystemProps[\"objectPosition\"]\n  /**\n   * If `true`, opt out of the `fallbackSrc` logic and use as `img`\n   */\n  ignoreFallback?: boolean\n}\n\nexport interface ImageProps\n  extends UseImageProps,\n    Omit<HTMLChakraProps<\"img\">, keyof UseImageProps>,\n    ImageOptions {}\n\n/**\n * React component that renders an image with support\n * for fallbacks\n *\n * @see Docs https://chakra-ui.com/image\n */\nexport const Image = forwardRef<ImageProps, \"img\">((props, ref) => {\n  const {\n    fallbackSrc,\n    fallback,\n    src,\n    align,\n    fit,\n    loading,\n    ignoreFallback,\n    crossOrigin,\n    ...rest\n  } = props\n\n  /**\n   * Defer to native `img` tag if `loading` prop is passed\n   * @see https://github.com/chakra-ui/chakra-ui/issues/1027\n   */\n  const shouldIgnore = loading != null || ignoreFallback\n\n  const status = useImage({\n    ...props,\n    ignoreFallback: shouldIgnore,\n  })\n\n  const shared = {\n    ref,\n    objectFit: fit,\n    objectPosition: align,\n    ...(shouldIgnore ? rest : omit(rest, [\"onError\", \"onLoad\"])),\n  }\n\n  if (status !== \"loaded\") {\n    /**\n     * If user passed a custom fallback component,\n     * let's render it here.\n     */\n    if (fallback) return fallback\n\n    return (\n      <chakra.img\n        as={NativeImage}\n        className=\"chakra-image__placeholder\"\n        src={fallbackSrc}\n        {...shared}\n      />\n    )\n  }\n\n  return (\n    <chakra.img\n      as={NativeImage}\n      src={src}\n      crossOrigin={crossOrigin}\n      loading={loading}\n      className=\"chakra-image\"\n      {...shared}\n    />\n  )\n})\n\nexport interface ImgProps extends HTMLChakraProps<\"img\">, NativeImageOptions {}\n\n/**\n * Fallback component for most SSR users who want to use the native `img` with\n * support for chakra props\n */\nexport const Img = forwardRef<ImgProps, \"img\">((props, ref) => (\n  <chakra.img ref={ref} as={NativeImage} className=\"chakra-image\" {...props} />\n))\n\nif (__DEV__) {\n  Image.displayName = \"Image\"\n}\n","import { useSafeLayoutEffect } from \"@chakra-ui/hooks\"\nimport {\n  ImgHTMLAttributes,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\n\nexport interface UseImageProps {\n  /**\n   * The image `src` attribute\n   */\n  src?: string\n  /**\n   * The image `srcset` attribute\n   */\n  srcSet?: string\n  /**\n   * The image `sizes` attribute\n   */\n  sizes?: string\n  /**\n   * A callback for when the image `src` has been loaded\n   */\n  onLoad?(event: React.SyntheticEvent<HTMLImageElement, Event>): void\n  /**\n   * A callback for when there was an error loading the image `src`\n   */\n  onError?(error: string | React.SyntheticEvent<HTMLImageElement, Event>): void\n  /**\n   * If `true`, opt out of the `fallbackSrc` logic and use as `img`\n   */\n  ignoreFallback?: boolean\n  /**\n   * The key used to set the crossOrigin on the HTMLImageElement into which the image will be loaded.\n   * This tells the browser to request cross-origin access when trying to download the image data.\n   */\n  crossOrigin?: ImgHTMLAttributes<any>[\"crossOrigin\"]\n}\n\ntype Status = \"loading\" | \"failed\" | \"pending\" | \"loaded\"\n\ntype ImageEvent = React.SyntheticEvent<HTMLImageElement, Event>\n\n/**\n * React hook that loads an image in the browser,\n * and let's us know the `status` so we can show image\n * fallback if it is still `pending`\n *\n * @returns the status of the image loading progress\n *\n * @example\n *\n * ```jsx\n * function App(){\n *   const status = useImage({ src: \"image.png\" })\n *   return status === \"loaded\" ? <img src=\"image.png\" /> : <Placeholder />\n * }\n * ```\n */\nexport function useImage(props: UseImageProps) {\n  const {\n    src,\n    srcSet,\n    onLoad,\n    onError,\n    crossOrigin,\n    sizes,\n    ignoreFallback,\n  } = props\n\n  const [status, setStatus] = useState<Status>(\"pending\")\n\n  useEffect(() => {\n    setStatus(src ? \"loading\" : \"pending\")\n  }, [src])\n\n  const imageRef = useRef<HTMLImageElement | null>()\n\n  const load = useCallback(() => {\n    if (!src) return\n\n    flush()\n\n    const img = new Image()\n\n    img.src = src\n\n    if (crossOrigin) {\n      img.crossOrigin = crossOrigin\n    }\n\n    if (srcSet) {\n      img.srcset = srcSet\n    }\n\n    if (sizes) {\n      img.sizes = sizes\n    }\n\n    img.onload = (event) => {\n      flush()\n      setStatus(\"loaded\")\n      onLoad?.((event as unknown) as ImageEvent)\n    }\n    img.onerror = (error) => {\n      flush()\n      setStatus(\"failed\")\n      onError?.(error as any)\n    }\n\n    imageRef.current = img\n  }, [src, crossOrigin, srcSet, sizes, onLoad, onError])\n\n  const flush = () => {\n    if (imageRef.current) {\n      imageRef.current.onload = null\n      imageRef.current.onerror = null\n      imageRef.current = null\n    }\n  }\n\n  useSafeLayoutEffect(() => {\n    /**\n     * If user opts out of the fallback/placeholder\n     * logic, let's bail out.\n     */\n    if (ignoreFallback) return undefined\n\n    if (status === \"loading\") {\n      load()\n    }\n    return () => {\n      flush()\n    }\n  }, [status, load, ignoreFallback])\n\n  /**\n   * If user opts out of the fallback/placeholder\n   * logic, let's just return 'loaded'\n   */\n  return ignoreFallback ? \"loaded\" : status\n}\n\nexport type UseImageReturn = ReturnType<typeof useImage>\n","import { createIcon } from \"@chakra-ui/icon\"\n\nexport const ArrowForwardIcon = createIcon({\n  d: \"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\",\n  displayName: \"ArrowForwardIcon\",\n})\n","import { createIcon } from \"@chakra-ui/icon\"\n\nexport const ChevronLeftIcon = createIcon({\n  d: \"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z\",\n  displayName: \"ChevronLeftIcon\",\n})\n","import { useBreakpointValue } from \"@chakra-ui/media-query\"\nimport {\n  chakra,\n  forwardRef,\n  keyframes,\n  omitThemingProps,\n  ThemingProps,\n  useStyleConfig,\n  HTMLChakraProps,\n} from \"@chakra-ui/system\"\nimport { usePrevious } from \"@chakra-ui/hooks\"\nimport { cx, __DEV__ } from \"@chakra-ui/utils\"\nimport * as React from \"react\"\n\nexport interface SkeletonOptions {\n  /**\n   * The color at the animation start\n   */\n  startColor?: string\n  /**\n   * The color at the animation end\n   */\n  endColor?: string\n  /**\n   * If `true`, it'll render its children with a nice fade transition\n   */\n  isLoaded?: boolean\n  /**\n   * The animation speed in seconds\n   * @default\n   * 0.8\n   */\n  speed?: number\n  /**\n   * The fadeIn duration in seconds\n   *\n   * @default\n   * 0.4\n   */\n  fadeDuration?: number\n}\n\nconst StyledSkeleton = chakra(\"div\", {\n  baseStyle: {\n    boxShadow: \"none\",\n    backgroundClip: \"padding-box\",\n    cursor: \"default\",\n    color: \"transparent\",\n    pointerEvents: \"none\",\n    userSelect: \"none\",\n    \"&::before, &::after, *\": {\n      visibility: \"hidden\",\n    },\n  },\n})\n\nexport type ISkeleton = SkeletonOptions\n\nexport interface SkeletonProps\n  extends HTMLChakraProps<\"div\">,\n    SkeletonOptions,\n    ThemingProps<\"Skeleton\"> {}\n\nconst fade = keyframes({\n  from: { opacity: 0 },\n  to: { opacity: 1 },\n})\n\nconst useIsFirstRender = () => {\n  const isFirstRender = React.useRef(true)\n\n  React.useEffect(() => {\n    isFirstRender.current = false\n  }, [])\n\n  return isFirstRender.current\n}\n\nexport const Skeleton = forwardRef<SkeletonProps, \"div\">((props, ref) => {\n  const styles = useStyleConfig(\"Skeleton\", props)\n  const isFirstRender = useIsFirstRender()\n\n  const {\n    startColor,\n    endColor,\n    isLoaded,\n    fadeDuration,\n    speed,\n    className,\n    ...rest\n  } = omitThemingProps(props)\n\n  const wasPreviouslyLoaded = usePrevious(isLoaded)\n\n  const _className = cx(\"chakra-skeleton\", className)\n\n  if (isLoaded) {\n    const animation =\n      isFirstRender || wasPreviouslyLoaded ? \"none\" : `${fade} ${fadeDuration}s`\n\n    return (\n      <chakra.div\n        ref={ref}\n        className={_className}\n        __css={{ animation }}\n        {...rest}\n      />\n    )\n  }\n\n  return (\n    <StyledSkeleton ref={ref} className={_className} {...rest} __css={styles} />\n  )\n})\n\nSkeleton.defaultProps = {\n  fadeDuration: 0.4,\n  speed: 0.8,\n}\n\nif (__DEV__) {\n  Skeleton.displayName = \"Skeleton\"\n}\n\nfunction range(count: number) {\n  return Array(count)\n    .fill(1)\n    .map((_, index) => index + 1)\n}\n\nexport interface SkeletonTextProps extends SkeletonProps {\n  spacing?: SkeletonProps[\"margin\"]\n  skeletonHeight?: SkeletonProps[\"height\"]\n  startColor?: SkeletonProps[\"startColor\"]\n  endColor?: SkeletonProps[\"endColor\"]\n  isLoaded?: SkeletonProps[\"isLoaded\"]\n}\n\nconst defaultNoOfLines = 3\n\nexport const SkeletonText: React.FC<SkeletonTextProps> = (props) => {\n  const {\n    noOfLines = defaultNoOfLines,\n    spacing = \"0.5rem\",\n    skeletonHeight = \"0.5rem\",\n    className,\n    startColor,\n    endColor,\n    isLoaded,\n    fadeDuration,\n    speed,\n    children,\n    ...rest\n  } = props\n\n  const noOfLinesValue =\n    useBreakpointValue(\n      typeof noOfLines === \"number\" ? [noOfLines] : noOfLines,\n    ) || defaultNoOfLines\n  const numbers = range(noOfLinesValue)\n\n  const getWidth = (index: number) => {\n    if (noOfLinesValue > 1) {\n      return index === numbers.length ? \"80%\" : \"100%\"\n    }\n    return \"100%\"\n  }\n\n  const _className = cx(\"chakra-skeleton__group\", className)\n\n  return (\n    <chakra.div className={_className} {...rest}>\n      {numbers.map((number, index) => {\n        if (isLoaded && index > 0) {\n          // skip other lines\n          return null\n        }\n\n        const sizeProps = isLoaded\n          ? null\n          : {\n              mb: number === numbers.length ? \"0\" : spacing,\n              width: getWidth(number),\n              height: skeletonHeight,\n            }\n\n        return (\n          <Skeleton\n            key={numbers.length.toString() + number}\n            startColor={startColor}\n            endColor={endColor}\n            isLoaded={isLoaded}\n            fadeDuration={fadeDuration}\n            speed={speed}\n            {...sizeProps}\n          >\n            {\n              // allows animating the children\n              index === 0 ? children : undefined\n            }\n          </Skeleton>\n        )\n      })}\n    </chakra.div>\n  )\n}\n\nif (__DEV__) {\n  SkeletonText.displayName = \"SkeletonText\"\n}\n\nexport const SkeletonCircle: React.FC<SkeletonProps> = ({\n  size = \"2rem\",\n  ...rest\n}) => <Skeleton borderRadius=\"full\" boxSize={size} {...rest} />\n\nif (__DEV__) {\n  SkeletonCircle.displayName = \"SkeletonCircle\"\n}\n","import { useRef, useEffect } from \"react\"\n\nexport function usePrevious<T>(value: T) {\n  const ref = useRef<T | undefined>()\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current as T\n}\n","import { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"home\", [\n  \"headings\",\n  \"results\",\n  \"nextPageBtn\",\n  \"nextIcon\",\n  \"prevIcon\",\n] as const);\n\nexport default testIds;\n","import {\n  ArrowForwardIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"@chakra-ui/icons\";\nimport { Grid, GridItem, Button, Flex, IconButton } from \"@chakra-ui/react\";\nimport type { Dispatch, FunctionComponent, SetStateAction } from \"react\";\nimport testIds from \"./testIds\";\n\nconst iconBtnProps = {\n  borderRadius: \"md\",\n  borderColor: \"blue.500\",\n  colorScheme: \"blue\",\n  mx: 2,\n  h: 10,\n  w: 10,\n  variant: \"outline\",\n};\n\nconst iconProps = {\n  color: \"blue.500\",\n  h: 5,\n  w: 5,\n};\n\nexport interface HomePageControlsProps {\n  offset: number;\n  pageLimit: number;\n  setOffset: Dispatch<SetStateAction<number>>;\n}\n\nexport const HomePageControls: FunctionComponent<HomePageControlsProps> = ({\n  offset,\n  pageLimit,\n  setOffset,\n}) => {\n  const nextDisabled = offset === pageLimit;\n  const prevDisabled = offset === 0;\n\n  const getNextPage = () => {\n    setOffset(offset + 1);\n  };\n\n  const getPrevPage = () => {\n    setOffset(offset - 1);\n  };\n\n  return (\n    <Grid\n      alignItems=\"center\"\n      pt={6}\n      templateColumns=\"repeat(3, 1fr)\"\n      templateRows=\"1fr\"\n    >\n      <GridItem colStart={2} justifySelf=\"center\">\n        <Button\n          colorScheme=\"blue\"\n          data-testid={testIds.nextPageBtn}\n          disabled={nextDisabled}\n          onClick={getNextPage}\n          rightIcon={<ArrowForwardIcon color=\"white\" />}\n        >\n          Next Page\n        </Button>\n      </GridItem>\n      <GridItem colStart={3} justifySelf=\"end\">\n        <Flex align=\"center\" justify=\"center\" py={4}>\n          <IconButton\n            aria-label=\"Previous Page\"\n            data-testid={testIds.prevIcon}\n            disabled={prevDisabled}\n            icon={<ChevronLeftIcon {...iconProps} />}\n            onClick={getPrevPage}\n            {...iconBtnProps}\n          />\n          <IconButton\n            aria-label=\"Next Page\"\n            data-testid={testIds.nextIcon}\n            disabled={nextDisabled}\n            icon={<ChevronRightIcon {...iconProps} />}\n            onClick={getNextPage}\n            {...iconBtnProps}\n          />\n        </Flex>\n      </GridItem>\n    </Grid>\n  );\n};\n","import { Box, Stack, Heading, Skeleton } from \"@chakra-ui/react\";\nimport { FunctionComponent, useState } from \"react\";\nimport { CatalogSearch } from \"../../components/CatalogSearch\";\nimport { Page } from \"../../components/Page\";\nimport { Picture } from \"../../components/Picture\";\nimport { Results } from \"../../components/Results\";\nimport { useCatalogResults } from \"../../hooks/useCatalogResults\";\nimport { useCatalogSearch } from \"../../hooks/useCatalogSearch\";\nimport { HomePageControls } from \"./HomePageControls\";\nimport testIds from \"./testIds\";\n\nconst sources = {\n  optimal: [\n    { media: \"(max-width:1024px)\", srcSet: \"/assets/hive@50.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/hive@100.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/hive@100.png\" },\n  ],\n  fallback: \"/assets/hive@50.png\",\n};\n\nexport const Home: FunctionComponent = () => {\n  const searchAPI = useCatalogSearch();\n  const [offset, setOffset] = useState(0);\n\n  const { results, displayable, loading, pageLimit } = useCatalogResults({\n    offset,\n    limit: 20,\n    query: \"\",\n    language: null,\n  });\n\n  return (\n    <Page\n      meta={{\n        title: \"Construct Hub\",\n        description:\n          \"Construct Hub helps developers find open-source construct libraries for use with AWS CDK, CDK8s, CDKTf and other construct-based tools.\",\n        suffix: false,\n      }}\n      pageName=\"home\"\n    >\n      <Box position=\"relative\">\n        <Picture\n          alt={\"\"}\n          h=\"540px\"\n          position=\"absolute\"\n          sources={sources.optimal}\n          src={sources.fallback}\n          top=\"0\"\n          w=\"100%\"\n          zIndex=\"hide\"\n        />\n        {/* Hero Section */}\n        <Stack\n          align=\"stretch\"\n          direction=\"column\"\n          justify=\"center\"\n          m=\"0 auto\"\n          maxW=\"container.lg\"\n          p={[10, 15, 20]}\n          spacing={8}\n        >\n          <Stack\n            color=\"blue.800\"\n            data-testid={testIds.headings}\n            spacing={4}\n            textAlign=\"center\"\n          >\n            <Heading size=\"2xl\">\n              Find reusable components for your cloud applications\n            </Heading>\n            <Heading as=\"h3\" size=\"md\">\n              AWS CDK | CDK for Terraform | CDK For Kubernetes\n            </Heading>\n            <Heading as=\"h4\" mb={8} size=\"sm\">\n              Search from{\" \"}\n              {!results.length ? (\n                <Skeleton display=\"inline-block\" h={3} w={8} />\n              ) : (\n                <Box as=\"span\" color=\"blue.500\">\n                  {results.length}\n                </Box>\n              )}{\" \"}\n              construct libraries\n            </Heading>\n          </Stack>\n          <CatalogSearch {...searchAPI} />\n        </Stack>\n\n        {/* TBD: Trending Libraries in favor of catalog results */}\n        <Box p={4} pb={8}>\n          <Results\n            results={displayable}\n            skeleton={{ loading, noOfItems: 20 }}\n          />\n          <HomePageControls\n            offset={offset}\n            pageLimit={pageLimit}\n            setOffset={setOffset}\n          />\n        </Box>\n      </Box>\n    </Page>\n  );\n};\n"],"sourceRoot":""}