construct-hub 0.2.50 → 0.2.51

package/website/static/js/{15.d29607c9.chunk.js.map → 15.50336305.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["components/Picture/Picture.tsx","views/Home/testIds.ts","views/Home/HomePageControls.tsx","views/Home/Home.tsx"],"names":["Picture","forwardRef","ref","sources","props","as","map","source","idx","media","srcSet","displayName","testIds","createTestIds","iconBtnProps","borderRadius","borderColor","colorScheme","mx","h","w","variant","iconProps","color","HomePageControls","offset","pageLimit","setOffset","nextDisabled","prevDisabled","getNextPage","alignItems","pt","templateColumns","templateRows","colStart","justifySelf","nextPageBtn","disabled","onClick","rightIcon","ArrowForward","align","justify","py","prevIcon","icon","ChevronLeft","nextIcon","ChevronRight","optimal","fallback","Home","searchAPI","useCatalogSearch","useState","useCatalogResults","limit","query","language","sort","CatalogSearchSort","PublishDateDesc","results","page","Page","meta","title","description","suffix","pageName","position","zIndex","alt","src","top","direction","m","maxW","p","spacing","headings","textAlign","size","mb","length","display","CatalogSearch","pb","Results"],"mappings":"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","file":"static/js/15.d29607c9.chunk.js","sourcesContent":["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 { 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 { CatalogSearchSort } from \"../../api/catalog-search/constants\";\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, page, pageLimit } = useCatalogResults({\n    offset,\n    limit: 20,\n    query: \"\",\n    language: null,\n    sort: CatalogSearchSort.PublishDateDesc,\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\" zIndex={1}>\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 results={page} />\n          <HomePageControls\n            offset={offset}\n            pageLimit={pageLimit}\n            setOffset={setOffset}\n          />\n        </Box>\n      </Box>\n    </Page>\n  );\n};\n"],"sourceRoot":""}
+{"version":3,"sources":["components/Picture/Picture.tsx","views/Home/testIds.ts","views/Home/HomePageControls.tsx","views/Home/Home.tsx"],"names":["Picture","forwardRef","ref","sources","props","as","map","source","idx","media","srcSet","displayName","testIds","createTestIds","iconBtnProps","borderRadius","borderColor","colorScheme","mx","h","w","variant","iconProps","color","HomePageControls","offset","pageLimit","setOffset","nextDisabled","prevDisabled","getNextPage","alignItems","pt","templateColumns","templateRows","colStart","justifySelf","nextPageBtn","disabled","onClick","rightIcon","ArrowForward","align","justify","py","prevIcon","icon","ChevronLeft","nextIcon","ChevronRight","optimal","fallback","Home","searchAPI","useCatalogSearch","useState","useCatalogResults","limit","query","language","sort","CatalogSearchSort","PublishDateDesc","results","page","Page","meta","title","description","suffix","pageName","position","zIndex","alt","src","top","direction","m","maxW","p","spacing","headings","textAlign","size","mb","length","display","CatalogSearch","pb","Results"],"mappings":"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","file":"static/js/15.50336305.chunk.js","sourcesContent":["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 { 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 { CatalogSearchSort } from \"../../api/catalog-search/constants\";\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, page, pageLimit } = useCatalogResults({\n    offset,\n    limit: 20,\n    query: \"\",\n    language: null,\n    sort: CatalogSearchSort.PublishDateDesc,\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\" zIndex={1}>\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 results={page} />\n          <HomePageControls\n            offset={offset}\n            pageLimit={pageLimit}\n            setOffset={setOffset}\n          />\n        </Box>\n      </Box>\n    </Page>\n  );\n};\n"],"sourceRoot":""}

package/website/static/js/{2.8028f8f1.chunk.js → 2.5cef3eb0.chunk.js}

@@ -1,2 +1,2 @@
-(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[2],{236:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(251),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(118),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]})}},252:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n=new Set(["aws-cdk","aws","awscdk","cdk-construct","cdk","construct","constructs"])},256:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(225),r=a(108),c=a(1),i=function(e){var t=e.children,a=e.language,i=r.e.has(a),s=r.b[a],o=i?"Click to view documentation in ".concat(s):"Documentation support for ".concat(s," is coming soon!");return Object(c.jsx)(n.a,{hasArrow:!0,label:o,placement:"top-start",children:Object(c.jsx)("span",{children:t})})}},257:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(28),c=a(593),i=a(85),s=a(86),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})}))})}},258:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(28),c=a(17),i=a(194),s=a(606),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"},307:function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return u}));var n=a(17),r=a(20),c=a(13),i=a(0);function s(){return s=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},s.apply(this,arguments)}function o(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 l=Object(n.a)((function(e,t){var a=e.isExternal,n=e.target,l=e.rel,u=e.className,d=o(e,["isExternal","target","rel","className"]);return i.createElement(r.a.a,s({},d,{ref:t,className:Object(c.d)("chakra-linkbox__overlay",u),rel:a?"noopener noreferrer":l,target:a?"_blank":n,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:0,width:"100%",height:"100%"}}}))})),u=Object(n.a)((function(e,t){var a=e.className,n=o(e,["className"]);return i.createElement(r.a.div,s({ref:t,position:"relative"},n,{className:Object(c.d)("chakra-linkbox",a),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title]":{position:"relative",zIndex:1}}}))}))},308:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",displayName:"ChevronRightIcon"})},359:function(e,t,a){"use strict";a.d(t,"a",(function(){return T}));var n=a(0),r=a(5),c=a(18),i=a(6),s=a(231),o=a(307),l=a(198),u=a(207),d=a(194),j=a(209),b=a(202),f=a(33),O=a(252),h=a(108),m=a(85),g=a(256),p=a(257),x=a(258),v=a(147),w=a(87),y=a(56),k=Object(y.a)("catalogCard",["container","name","version","tags","description","date","author","languages"]),S=a(1),L=function(e){var t=e.children;return Object(S.jsx)(w.a,{h:64,p:0,w:"100%",children:Object(S.jsx)(v.a,{as:"article",h:"100%",overflow:"hidden",templateColumns:"1fr",templateRows:"2fr 1fr",children:t})})},C=function(e){var t=e.children;return e.isLink?Object(S.jsx)(o.a,{_hover:{"> :first-child":{bg:"gray.50"}},"data-testid":k.container,children:Object(S.jsx)(L,{children:t})}):Object(S.jsx)(L,{children:t})},N=a(610),I=function(){return Object(S.jsxs)(S.Fragment,{children:[Object(S.jsxs)(s.a,{p:4,spacing:4,children:[Object(S.jsx)(N.a,{h:5,w:"50%"}),Object(S.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10})]}),Object(S.jsx)(N.a,{h:3,w:"75%"}),Object(S.jsx)(N.a,{h:3,w:"50%"})]}),Object(S.jsxs)(d.a,{children:[Object(S.jsx)(j.a,{}),Object(S.jsxs)(s.a,{px:4,py:2,spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:"25%"}),Object(S.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10})]})]})]})]})},_=function(e){var t,a,n,v,w=e.language,y=e.pkg;if(!y)return Object(S.jsx)(C,{children:Object(S.jsx)(I,{})});var L=(null===(t=y.metadata)||void 0===t?void 0:t.date)?Object(S.jsx)(x.a,{date:new Date(y.metadata.date),fontSize:"sm",format:"MMMM dd, yyyy"}):null,N=null!==(a=y.author)&&void 0!==a?a:{},_=null!==(n=y.languages)&&void 0!==n?n:{},z=Object.keys(_),D=function(e){return Object(m.a)(Object(i.a)({name:y.name,version:y.version,language:w},e))},E="string"===typeof N?N:N.name;return Object(S.jsxs)(C,{isLink:!0,children:[Object(S.jsxs)(s.a,{maxH:"100%",maxW:"100%",overflow:"hidden",p:4,spacing:0,children:[Object(S.jsx)(o.b,{as:f.b,to:D(),children:Object(S.jsxs)(l.a,{color:"blue.800","data-testid":k.name,fontWeight:"semibold",isTruncated:!0,children:[y.name,Object(S.jsx)(l.a,{as:"span",color:"blue.500","data-testid":k.version,fontSize:"xs",ml:2,children:y.version})]})}),Object(S.jsx)(o.a,{as:u.a,"data-testid":k.tags,flexWrap:"wrap",maxH:6,overflow:"hidden",children:[y.name.startsWith("@aws-cdk/")?Object(S.jsx)(p.a,{label:"official",language:w,mr:1,value:"@aws-cdk",variant:"official",children:"Official"},"official"):null].concat(Object(c.a)((null!==(v=y.keywords)&&void 0!==v?v:[]).filter((function(e){return Boolean(e)&&!O.a.has(e)})).slice(0,3).map((function(e){return Object(S.jsx)(p.a,{language:w,mr:1,value:'"'.concat(e,'"'),zIndex:"0 !important",children:e},e)}))))}),Object(S.jsx)(l.a,{"data-testid":k.description,fontSize:"sm",noOfLines:2,children:y.description})]}),Object(S.jsxs)(d.a,{children:[Object(S.jsx)(j.a,{}),Object(S.jsxs)(s.a,{maxW:"100%",overflow:"hidden",px:4,py:2,spacing:2,children:[Object(S.jsx)(l.a,{"data-testid":k.date,fontSize:"sm",isTruncated:!0,children:L}),Object(S.jsx)(b.a,{as:f.b,color:"blue.500","data-testid":k.author,fontSize:"sm",to:Object(m.c)({query:E}),children:E}),Object(S.jsx)(o.a,{align:"center",as:s.a,"data-testid":k.languages,direction:"row",children:Object.entries(h.c).sort((function(e,t){var a=Object(r.a)(e,1)[0],n=Object(r.a)(t,1)[0];return h.a.indexOf(a)-h.a.indexOf(n)})).map((function(e){var t=Object(r.a)(e,2),a=t[0],n=t[1],c=a,i=c===h.d.TypeScript||z.includes(c),s=c===h.d.TypeScript||h.e.has(c);if(!i)return null;var o=n.name,l=n.icon,u=Object(S.jsx)(l,{"aria-label":"Supports ".concat(o),h:6,opacity:s?1:.2,w:6});return Object(S.jsx)(g.a,{language:c,children:s?Object(S.jsx)(f.b,{"aria-label":"View package docs for ".concat(c),to:D({language:c}),children:u}):u},c)}))})]})]})]})},z=a(208),D=function(e){var t=e.children;return Object(S.jsx)(z.a,{columns:{base:1,sm:2,md:3,lg:4,xl:5,"2xl":6},spacing:6,children:t})},E=function(e){var t=e.language,a=e.results;return Object(S.jsx)(D,{children:a.map((function(e,a){return Object(S.jsx)(_,{language:t,pkg:e},"".concat(e.name,"-").concat(a))}))})},T=Object(n.memo)(E)},360:function(e,t,a){"use strict";a.d(t,"a",(function(){return w}));var n=a(6),r=a(28),c=a(147),i=a(128),s=a(5),o=a(17),l=a(229),u=a(153),d=a(108),j=a(212),b=a(223),f=a(198),O=a(1),h=a(56),m=Object(h.a)("catalogSearch",["form","input","languageDropdown","languageDropdownMenu","languageDropdownValue","languageItem","submit"]),g=Object.fromEntries(Object.entries(d.b).filter((function(e){var t=Object(s.a)(e,1)[0];return d.e.has(t)}))),p=function(e){var t=e.placeholder,a=e.items,n=e.onSelect,r=e.selected,c=e.testIds,i=r?a[r]:t,o=Object.entries(a);return Object(O.jsxs)(b.a,{strategy:"fixed",children:[Object(O.jsx)(b.b,{as:u.a,bg:"white",borderColor:"blue.100",boxShadow:"base","data-testid":c.trigger,rightIcon:Object(O.jsx)(j.a,{color:"blue.500"}),variant:"outline",children:Object(O.jsx)(f.a,{"data-testid":c.value,children:i})}),Object(O.jsxs)(b.f,{"data-testid":c.menu,children:[Object(O.jsx)(b.e,{"data-testid":c.item,onClick:function(){return n()},children:"Any"}),o.map((function(e){var t=Object(s.a)(e,2),a=t[0],r=t[1];return Object(O.jsx)(b.e,{"data-testid":c.item,onClick:function(){return n(a)},children:r},a)}))]})]})},x=Object(o.a)((function(e,t){var a=e.query,n=e.onQueryChange,r=e.language,c=e.onLanguageChange;return Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)(l.a,{bg:"white",borderColor:"blue.100",boxShadow:"base","data-testid":m.input,name:"query",onChange:n,placeholder:"Search Constructs...",ref:t,value:a}),Object(O.jsx)(p,{items:g,onSelect:c,placeholder:"Language...",selected:r,testIds:{item:m.languageItem,menu:m.languageDropdownMenu,trigger:m.languageDropdown,value:m.languageDropdownValue}}),Object(O.jsx)(u.a,{boxShadow:"base",colorScheme:"blue","data-testid":m.submit,type:"submit",children:"Search"})]})})),v=["onSubmit"],w=function(e){var t=e.onSubmit,a=Object(r.a)(e,v);return Object(O.jsx)(i.a,{"data-testid":m.form,onSubmit:t,children:Object(O.jsx)(c.a,{autoRows:"1fr",gap:4,templateColumns:{sm:"1fr",md:"3fr 1fr 1fr"},width:"full",children:Object(O.jsx)(x,Object(n.a)({},a))})})}},363:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",displayName:"ChevronLeftIcon"})},594:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z",displayName:"ArrowForwardIcon"})},610:function(e,t,a){"use strict";a.d(t,"a",(function(){return O}));a(5),a(46);var n=a(8);a(27),a(117);a(227);var r=a(0);var c=a(20),i=a(59),s=a(17),o=a(54),l=a(34);var u=a(13);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"]),g=function(e){var t=Object(r.useRef)();return Object(r.useEffect)((function(){t.current=e}),[e]),t.current}(s),p=Object(u.d)("chakra-skeleton",h);if(s){var x=n||g?"none":f+" "+O+"s";return r.createElement(c.a.div,d({ref:t,className:p,__css:{animation:x}},m))}return r.createElement(b,d({ref:t,className:p},m,{__css:a}))}));O.defaultProps={fadeDuration:.4,speed:.8},n.a&&(O.displayName="Skeleton");n.a;n.a}}]);
-//# sourceMappingURL=2.8028f8f1.chunk.js.map
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[2],{236:function(e,t,a){"use strict";a.d(t,"a",(function(){return o}));var n=a(0),r=a(251),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(119),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]})}},252:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n=new Set(["aws-cdk","aws","awscdk","cdk-construct","cdk","construct","constructs"])},256:function(e,t,a){"use strict";a.d(t,"a",(function(){return i}));var n=a(225),r=a(109),c=a(1),i=function(e){var t=e.children,a=e.language,i=r.e.has(a),s=r.b[a],o=i?"Click to view documentation in ".concat(s):"Documentation support for ".concat(s," is coming soon!");return Object(c.jsx)(n.a,{hasArrow:!0,label:o,placement:"top-start",children:Object(c.jsx)("span",{children:t})})}},257:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(28),c=a(593),i=a(85),s=a(86),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})}))})}},258:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(6),r=a(28),c=a(17),i=a(194),s=a(606),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"},307:function(e,t,a){"use strict";a.d(t,"b",(function(){return l})),a.d(t,"a",(function(){return u}));var n=a(17),r=a(20),c=a(13),i=a(0);function s(){return s=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},s.apply(this,arguments)}function o(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 l=Object(n.a)((function(e,t){var a=e.isExternal,n=e.target,l=e.rel,u=e.className,d=o(e,["isExternal","target","rel","className"]);return i.createElement(r.a.a,s({},d,{ref:t,className:Object(c.d)("chakra-linkbox__overlay",u),rel:a?"noopener noreferrer":l,target:a?"_blank":n,__css:{position:"static","&::before":{content:"''",cursor:"inherit",display:"block",position:"absolute",top:0,left:0,zIndex:0,width:"100%",height:"100%"}}}))})),u=Object(n.a)((function(e,t){var a=e.className,n=o(e,["className"]);return i.createElement(r.a.div,s({ref:t,position:"relative"},n,{className:Object(c.d)("chakra-linkbox",a),__css:{"a[href]:not(.chakra-linkbox__overlay), abbr[title]":{position:"relative",zIndex:1}}}))}))},308:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z",displayName:"ChevronRightIcon"})},359:function(e,t,a){"use strict";a.d(t,"a",(function(){return T}));var n=a(0),r=a(5),c=a(18),i=a(6),s=a(231),o=a(307),l=a(198),u=a(207),d=a(194),j=a(209),b=a(202),f=a(33),O=a(252),h=a(109),m=a(85),g=a(256),p=a(257),x=a(258),v=a(147),w=a(87),y=a(57),k=Object(y.a)("catalogCard",["container","name","version","tags","description","date","author","languages"]),S=a(1),L=function(e){var t=e.children;return Object(S.jsx)(w.a,{h:64,p:0,w:"100%",children:Object(S.jsx)(v.a,{as:"article",h:"100%",overflow:"hidden",templateColumns:"1fr",templateRows:"2fr 1fr",children:t})})},C=function(e){var t=e.children;return e.isLink?Object(S.jsx)(o.a,{_hover:{"> :first-child":{bg:"gray.50"}},"data-testid":k.container,children:Object(S.jsx)(L,{children:t})}):Object(S.jsx)(L,{children:t})},N=a(610),I=function(){return Object(S.jsxs)(S.Fragment,{children:[Object(S.jsxs)(s.a,{p:4,spacing:4,children:[Object(S.jsx)(N.a,{h:5,w:"50%"}),Object(S.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10})]}),Object(S.jsx)(N.a,{h:3,w:"75%"}),Object(S.jsx)(N.a,{h:3,w:"50%"})]}),Object(S.jsxs)(d.a,{children:[Object(S.jsx)(j.a,{}),Object(S.jsxs)(s.a,{px:4,py:2,spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:"25%"}),Object(S.jsxs)(s.a,{align:"center",direction:"row",spacing:2,children:[Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10}),Object(S.jsx)(N.a,{h:5,w:10})]})]})]})]})},_=function(e){var t,a,n,v,w=e.language,y=e.pkg;if(!y)return Object(S.jsx)(C,{children:Object(S.jsx)(I,{})});var L=(null===(t=y.metadata)||void 0===t?void 0:t.date)?Object(S.jsx)(x.a,{date:new Date(y.metadata.date),fontSize:"sm",format:"MMMM dd, yyyy"}):null,N=null!==(a=y.author)&&void 0!==a?a:{},_=null!==(n=y.languages)&&void 0!==n?n:{},z=Object.keys(_),D=function(e){return Object(m.a)(Object(i.a)({name:y.name,version:y.version,language:w},e))},E="string"===typeof N?N:N.name;return Object(S.jsxs)(C,{isLink:!0,children:[Object(S.jsxs)(s.a,{maxH:"100%",maxW:"100%",overflow:"hidden",p:4,spacing:0,children:[Object(S.jsx)(o.b,{as:f.b,to:D(),children:Object(S.jsxs)(l.a,{color:"blue.800","data-testid":k.name,fontWeight:"semibold",isTruncated:!0,children:[y.name,Object(S.jsx)(l.a,{as:"span",color:"blue.500","data-testid":k.version,fontSize:"xs",ml:2,children:y.version})]})}),Object(S.jsx)(o.a,{as:u.a,"data-testid":k.tags,flexWrap:"wrap",maxH:6,overflow:"hidden",children:[y.name.startsWith("@aws-cdk/")?Object(S.jsx)(p.a,{label:"official",language:w,mr:1,value:"@aws-cdk",variant:"official",children:"Official"},"official"):null].concat(Object(c.a)((null!==(v=y.keywords)&&void 0!==v?v:[]).filter((function(e){return Boolean(e)&&!O.a.has(e)})).slice(0,3).map((function(e){return Object(S.jsx)(p.a,{language:w,mr:1,value:'"'.concat(e,'"'),zIndex:"0 !important",children:e},e)}))))}),Object(S.jsx)(l.a,{"data-testid":k.description,fontSize:"sm",noOfLines:2,children:y.description})]}),Object(S.jsxs)(d.a,{children:[Object(S.jsx)(j.a,{}),Object(S.jsxs)(s.a,{maxW:"100%",overflow:"hidden",px:4,py:2,spacing:2,children:[Object(S.jsx)(l.a,{"data-testid":k.date,fontSize:"sm",isTruncated:!0,children:L}),Object(S.jsx)(b.a,{as:f.b,color:"blue.500","data-testid":k.author,fontSize:"sm",to:Object(m.c)({query:E}),children:E}),Object(S.jsx)(o.a,{align:"center",as:s.a,"data-testid":k.languages,direction:"row",children:Object.entries(h.c).sort((function(e,t){var a=Object(r.a)(e,1)[0],n=Object(r.a)(t,1)[0];return h.a.indexOf(a)-h.a.indexOf(n)})).map((function(e){var t=Object(r.a)(e,2),a=t[0],n=t[1],c=a,i=c===h.d.TypeScript||z.includes(c),s=c===h.d.TypeScript||h.e.has(c);if(!i)return null;var o=n.name,l=n.icon,u=Object(S.jsx)(l,{"aria-label":"Supports ".concat(o),h:6,opacity:s?1:.2,w:6});return Object(S.jsx)(g.a,{language:c,children:s?Object(S.jsx)(f.b,{"aria-label":"View package docs for ".concat(c),to:D({language:c}),children:u}):u},c)}))})]})]})]})},z=a(208),D=function(e){var t=e.children;return Object(S.jsx)(z.a,{columns:{base:1,sm:2,md:3,lg:4,xl:5,"2xl":6},spacing:6,children:t})},E=function(e){var t=e.language,a=e.results;return Object(S.jsx)(D,{children:a.map((function(e,a){return Object(S.jsx)(_,{language:t,pkg:e},"".concat(e.name,"-").concat(a))}))})},T=Object(n.memo)(E)},360:function(e,t,a){"use strict";a.d(t,"a",(function(){return w}));var n=a(6),r=a(28),c=a(147),i=a(128),s=a(5),o=a(17),l=a(229),u=a(153),d=a(109),j=a(212),b=a(223),f=a(198),O=a(1),h=a(57),m=Object(h.a)("catalogSearch",["form","input","languageDropdown","languageDropdownMenu","languageDropdownValue","languageItem","submit"]),g=Object.fromEntries(Object.entries(d.b).filter((function(e){var t=Object(s.a)(e,1)[0];return d.e.has(t)}))),p=function(e){var t=e.placeholder,a=e.items,n=e.onSelect,r=e.selected,c=e.testIds,i=r?a[r]:t,o=Object.entries(a);return Object(O.jsxs)(b.a,{strategy:"fixed",children:[Object(O.jsx)(b.b,{as:u.a,bg:"white",borderColor:"blue.100",boxShadow:"base","data-testid":c.trigger,rightIcon:Object(O.jsx)(j.a,{color:"blue.500"}),variant:"outline",children:Object(O.jsx)(f.a,{"data-testid":c.value,children:i})}),Object(O.jsxs)(b.f,{"data-testid":c.menu,children:[Object(O.jsx)(b.e,{"data-testid":c.item,onClick:function(){return n()},children:"Any"}),o.map((function(e){var t=Object(s.a)(e,2),a=t[0],r=t[1];return Object(O.jsx)(b.e,{"data-testid":c.item,onClick:function(){return n(a)},children:r},a)}))]})]})},x=Object(o.a)((function(e,t){var a=e.query,n=e.onQueryChange,r=e.language,c=e.onLanguageChange;return Object(O.jsxs)(O.Fragment,{children:[Object(O.jsx)(l.a,{bg:"white",borderColor:"blue.100",boxShadow:"base","data-testid":m.input,name:"query",onChange:n,placeholder:"Search Constructs...",ref:t,value:a}),Object(O.jsx)(p,{items:g,onSelect:c,placeholder:"Language...",selected:r,testIds:{item:m.languageItem,menu:m.languageDropdownMenu,trigger:m.languageDropdown,value:m.languageDropdownValue}}),Object(O.jsx)(u.a,{boxShadow:"base",colorScheme:"blue","data-testid":m.submit,type:"submit",children:"Search"})]})})),v=["onSubmit"],w=function(e){var t=e.onSubmit,a=Object(r.a)(e,v);return Object(O.jsx)(i.a,{"data-testid":m.form,onSubmit:t,children:Object(O.jsx)(c.a,{autoRows:"1fr",gap:4,templateColumns:{sm:"1fr",md:"3fr 1fr 1fr"},width:"full",children:Object(O.jsx)(x,Object(n.a)({},a))})})}},363:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z",displayName:"ChevronLeftIcon"})},594:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(78),r=Object(n.a)({d:"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z",displayName:"ArrowForwardIcon"})},610:function(e,t,a){"use strict";a.d(t,"a",(function(){return O}));a(5),a(46);var n=a(8);a(27),a(118);a(227);var r=a(0);var c=a(20),i=a(60),s=a(17),o=a(55),l=a(34);var u=a(13);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"]),g=function(e){var t=Object(r.useRef)();return Object(r.useEffect)((function(){t.current=e}),[e]),t.current}(s),p=Object(u.d)("chakra-skeleton",h);if(s){var x=n||g?"none":f+" "+O+"s";return r.createElement(c.a.div,d({ref:t,className:p,__css:{animation:x}},m))}return r.createElement(b,d({ref:t,className:p},m,{__css:a}))}));O.defaultProps={fadeDuration:.4,speed:.8},n.a&&(O.displayName="Skeleton");n.a;n.a}}]);
+//# sourceMappingURL=2.5cef3eb0.chunk.js.map

package/website/static/js/{2.8028f8f1.chunk.js.map → 2.5cef3eb0.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","constants/keywords.ts","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","components/PackageTag/PackageTag.tsx","components/Time/Time.tsx","../../../src/link-box.tsx","../../../src/ChevronRight.tsx","components/CatalogCard/testIds.ts","components/CatalogCard/CatalogCardContainer.tsx","components/CatalogCard/CatalogCardSkeleton.tsx","components/CatalogCard/CatalogCard.tsx","components/Results/ResultsGrid.tsx","components/Results/Results.tsx","components/CatalogSearch/testIds.ts","components/CatalogSearch/CatalogSearchInputs.tsx","components/CatalogSearch/Dropdown.tsx","components/CatalogSearch/CatalogSearch.tsx","../../../src/ChevronLeft.tsx","../../../src/ArrowForward.tsx","../../../src/skeleton.tsx","../../../src/use-previous.ts"],"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","KEYWORD_IGNORE_LIST","Set","LanguageSupportTooltip","language","isSupported","TEMP_SUPPORTED_LANGUAGES","has","langName","LANGUAGE_NAME_MAP","message","hasArrow","label","placement","PackageTag","value","zIndex","tagProps","NavLink","to","getSearchPath","query","_hover","textDecoration","Time","forwardRef","ref","date","formatString","format","boxProps","as","dateTime","toISOString","displayName","LinkOverlay","className","cx","rel","isExternal","target","__css","position","cursor","display","top","left","width","height","LinkBox","ChevronRightIcon","createIcon","d","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","v","Boolean","slice","map","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","ResultsComponent","results","idx","Results","memo","languageOptions","fromEntries","key","LanguageDropdown","placeholder","items","onSelect","selected","text","options","strategy","Button","borderColor","boxShadow","trigger","rightIcon","ChevronDown","menu","item","onClick","CatalogSearchInputs","onQueryChange","onLanguageChange","input","onChange","languageItem","languageDropdownMenu","languageDropdown","languageDropdownValue","colorScheme","submit","type","CatalogSearch","onSubmit","props","Form","form","autoRows","gap","ChevronLeftIcon","ArrowForwardIcon","StyledSkeleton","chakra","baseStyle","backgroundClip","pointerEvents","userSelect","visibility","fade","keyframes","from","Skeleton","styles","useStyleConfig","isFirstRender","React","useIsFirstRender","omitThemingProps","wasPreviouslyLoaded","useRef","usePrevious","_className","animation","fadeDuration","speed"],"mappings":"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","file":"static/js/2.8028f8f1.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","export const KEYWORD_IGNORE_LIST = new Set([\n  \"aws-cdk\",\n  \"aws\",\n  \"awscdk\",\n  \"cdk-construct\",\n  \"cdk\",\n  \"construct\",\n  \"constructs\",\n]);\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    const langName = LANGUAGE_NAME_MAP[language];\n\n    const message = isSupported\n      ? `Click to view documentation in ${langName}`\n      : `Documentation support for ${langName} is coming soon!`;\n\n    return (\n      <Tooltip hasArrow label={message} placement=\"top-start\">\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 { createIcon } from \"@chakra-ui/icon\"\n\nexport const ChevronRightIcon = createIcon({\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\",\n  displayName: \"ChevronRightIcon\",\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 { KEYWORD_IGNORE_LIST } from \"../../constants/keywords\";\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((v) => Boolean(v) && !KEYWORD_IGNORE_LIST.has(v))\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 { Packages } from \"../../api/package/packages\";\nimport { Language } from \"../../constants/languages\";\nimport { CatalogCard } from \"../CatalogCard\";\nimport { ResultsGrid } from \"./ResultsGrid\";\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}) => {\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 { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"catalogSearch\", [\n  \"form\",\n  \"input\",\n  \"languageDropdown\",\n  \"languageDropdownMenu\",\n  \"languageDropdownValue\",\n  \"languageItem\",\n  \"submit\",\n] as const);\n\nexport default testIds;\n","import { Button, forwardRef, Input } from \"@chakra-ui/react\";\nimport type { ChangeEventHandler, FunctionComponent } from \"react\";\nimport {\n  Language,\n  TEMP_SUPPORTED_LANGUAGES,\n  LANGUAGE_NAME_MAP,\n} from \"../../constants/languages\";\nimport { Dropdown, DropdownProps } from \"./Dropdown\";\nimport testIds from \"./testIds\";\n\ntype LanguageItems = Partial<Record<Language, string>>;\n\nconst languageOptions = Object.fromEntries(\n  Object.entries(LANGUAGE_NAME_MAP).filter(([key]) =>\n    TEMP_SUPPORTED_LANGUAGES.has(key as Language)\n  )\n) as LanguageItems;\n\nconst LanguageDropdown: FunctionComponent<DropdownProps<LanguageItems>> =\n  Dropdown;\n\n/**\n * @deprecated Use `<SearchBar />` instead.\n */\nexport interface CatalogSearchInputsProps {\n  /**\n   * Controls the query state value\n   */\n  query: string;\n  /**\n   * Controls the query state change event\n   */\n  onQueryChange: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Controls the language state value\n   */\n  language?: Language;\n  /**\n   * Controls the language state change event\n   */\n  onLanguageChange: (language?: Language) => void;\n}\n\nexport const CatalogSearchInputs = forwardRef<\n  CatalogSearchInputsProps,\n  \"input\"\n>(({ query, onQueryChange, language, onLanguageChange }, ref) => (\n  <>\n    <Input\n      bg=\"white\"\n      borderColor=\"blue.100\"\n      boxShadow=\"base\"\n      data-testid={testIds.input}\n      name=\"query\"\n      onChange={onQueryChange}\n      placeholder=\"Search Constructs...\"\n      ref={ref}\n      value={query}\n    />\n    <LanguageDropdown\n      items={languageOptions}\n      onSelect={onLanguageChange}\n      placeholder=\"Language...\"\n      selected={language}\n      testIds={{\n        item: testIds.languageItem,\n        menu: testIds.languageDropdownMenu,\n        trigger: testIds.languageDropdown,\n        value: testIds.languageDropdownValue,\n      }}\n    />\n    <Button\n      boxShadow=\"base\"\n      colorScheme=\"blue\"\n      data-testid={testIds.submit}\n      type=\"submit\"\n    >\n      Search\n    </Button>\n  </>\n));\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Button,\n  Menu,\n  MenuButton,\n  MenuItem,\n  MenuList,\n  Text,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport interface DropdownProps<T = Record<string, string>> {\n  testIds: {\n    item: string;\n    menu: string;\n    trigger: string;\n    value: string;\n  };\n  placeholder: string;\n  selected?: T[keyof T];\n  onSelect: (val?: keyof T) => void;\n  items: T;\n}\n\nexport const Dropdown: FunctionComponent<DropdownProps> = ({\n  placeholder,\n  items,\n  onSelect,\n  selected,\n  testIds,\n}) => {\n  const text = selected ? items[selected] : placeholder;\n  const options = Object.entries(items);\n\n  return (\n    <Menu strategy=\"fixed\">\n      <MenuButton\n        as={Button}\n        bg=\"white\"\n        borderColor=\"blue.100\"\n        boxShadow=\"base\"\n        data-testid={testIds.trigger}\n        rightIcon={<ChevronDownIcon color=\"blue.500\" />}\n        variant=\"outline\"\n      >\n        <Text data-testid={testIds.value}>{text}</Text>\n      </MenuButton>\n      <MenuList data-testid={testIds.menu}>\n        <MenuItem data-testid={testIds.item} onClick={() => onSelect()}>\n          Any\n        </MenuItem>\n        {options.map(([name, displayName]) => (\n          <MenuItem\n            data-testid={testIds.item}\n            key={name}\n            onClick={() => onSelect(name)}\n          >\n            {displayName}\n          </MenuItem>\n        ))}\n      </MenuList>\n    </Menu>\n  );\n};\n","import { Grid } from \"@chakra-ui/react\";\nimport type { FormEventHandler, FunctionComponent } from \"react\";\nimport { Form } from \"../Form\";\nimport {\n  CatalogSearchInputs,\n  CatalogSearchInputsProps,\n} from \"./CatalogSearchInputs\";\nimport testIds from \"./testIds\";\n\nexport interface CatalogSearchProps extends CatalogSearchInputsProps {\n  /**\n   * Called when the catalog search form is submitted (via enter keypress or submit click)\n   */\n  onSubmit: FormEventHandler<HTMLFormElement>;\n}\n\n/**\n * @deprecated Use `<SearchBar />` instead.\n */\nexport const CatalogSearch: FunctionComponent<CatalogSearchProps> = ({\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <Form data-testid={testIds.form} onSubmit={onSubmit}>\n      <Grid\n        autoRows=\"1fr\"\n        gap={4}\n        templateColumns={{ sm: \"1fr\", md: \"3fr 1fr 1fr\" }}\n        width=\"full\"\n      >\n        <CatalogSearchInputs {...props} />\n      </Grid>\n    </Form>\n  );\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 { 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 { 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"],"sourceRoot":""}
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","constants/keywords.ts","components/LanguageSupportTooltip/LanguageSupportTooltip.tsx","components/PackageTag/PackageTag.tsx","components/Time/Time.tsx","../../../src/link-box.tsx","../../../src/ChevronRight.tsx","components/CatalogCard/testIds.ts","components/CatalogCard/CatalogCardContainer.tsx","components/CatalogCard/CatalogCardSkeleton.tsx","components/CatalogCard/CatalogCard.tsx","components/Results/ResultsGrid.tsx","components/Results/Results.tsx","components/CatalogSearch/testIds.ts","components/CatalogSearch/CatalogSearchInputs.tsx","components/CatalogSearch/Dropdown.tsx","components/CatalogSearch/CatalogSearch.tsx","../../../src/ChevronLeft.tsx","../../../src/ArrowForward.tsx","../../../src/skeleton.tsx","../../../src/use-previous.ts"],"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","KEYWORD_IGNORE_LIST","Set","LanguageSupportTooltip","language","isSupported","TEMP_SUPPORTED_LANGUAGES","has","langName","LANGUAGE_NAME_MAP","message","hasArrow","label","placement","PackageTag","value","zIndex","tagProps","NavLink","to","getSearchPath","query","_hover","textDecoration","Time","forwardRef","ref","date","formatString","format","boxProps","as","dateTime","toISOString","displayName","LinkOverlay","className","cx","rel","isExternal","target","__css","position","cursor","display","top","left","width","height","LinkBox","ChevronRightIcon","createIcon","d","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","v","Boolean","slice","map","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","ResultsComponent","results","idx","Results","memo","languageOptions","fromEntries","key","LanguageDropdown","placeholder","items","onSelect","selected","text","options","strategy","Button","borderColor","boxShadow","trigger","rightIcon","ChevronDown","menu","item","onClick","CatalogSearchInputs","onQueryChange","onLanguageChange","input","onChange","languageItem","languageDropdownMenu","languageDropdown","languageDropdownValue","colorScheme","submit","type","CatalogSearch","onSubmit","props","Form","form","autoRows","gap","ChevronLeftIcon","ArrowForwardIcon","StyledSkeleton","chakra","baseStyle","backgroundClip","pointerEvents","userSelect","visibility","fade","keyframes","from","Skeleton","styles","useStyleConfig","isFirstRender","React","useIsFirstRender","omitThemingProps","wasPreviouslyLoaded","useRef","usePrevious","_className","animation","fadeDuration","speed"],"mappings":"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","file":"static/js/2.5cef3eb0.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","export const KEYWORD_IGNORE_LIST = new Set([\n  \"aws-cdk\",\n  \"aws\",\n  \"awscdk\",\n  \"cdk-construct\",\n  \"cdk\",\n  \"construct\",\n  \"constructs\",\n]);\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    const langName = LANGUAGE_NAME_MAP[language];\n\n    const message = isSupported\n      ? `Click to view documentation in ${langName}`\n      : `Documentation support for ${langName} is coming soon!`;\n\n    return (\n      <Tooltip hasArrow label={message} placement=\"top-start\">\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 { createIcon } from \"@chakra-ui/icon\"\n\nexport const ChevronRightIcon = createIcon({\n  d: \"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\",\n  displayName: \"ChevronRightIcon\",\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 { KEYWORD_IGNORE_LIST } from \"../../constants/keywords\";\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((v) => Boolean(v) && !KEYWORD_IGNORE_LIST.has(v))\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 { Packages } from \"../../api/package/packages\";\nimport { Language } from \"../../constants/languages\";\nimport { CatalogCard } from \"../CatalogCard\";\nimport { ResultsGrid } from \"./ResultsGrid\";\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}) => {\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 { createTestIds } from \"../../util/createTestIds\";\n\nconst testIds = createTestIds(\"catalogSearch\", [\n  \"form\",\n  \"input\",\n  \"languageDropdown\",\n  \"languageDropdownMenu\",\n  \"languageDropdownValue\",\n  \"languageItem\",\n  \"submit\",\n] as const);\n\nexport default testIds;\n","import { Button, forwardRef, Input } from \"@chakra-ui/react\";\nimport type { ChangeEventHandler, FunctionComponent } from \"react\";\nimport {\n  Language,\n  TEMP_SUPPORTED_LANGUAGES,\n  LANGUAGE_NAME_MAP,\n} from \"../../constants/languages\";\nimport { Dropdown, DropdownProps } from \"./Dropdown\";\nimport testIds from \"./testIds\";\n\ntype LanguageItems = Partial<Record<Language, string>>;\n\nconst languageOptions = Object.fromEntries(\n  Object.entries(LANGUAGE_NAME_MAP).filter(([key]) =>\n    TEMP_SUPPORTED_LANGUAGES.has(key as Language)\n  )\n) as LanguageItems;\n\nconst LanguageDropdown: FunctionComponent<DropdownProps<LanguageItems>> =\n  Dropdown;\n\n/**\n * @deprecated Use `<SearchBar />` instead.\n */\nexport interface CatalogSearchInputsProps {\n  /**\n   * Controls the query state value\n   */\n  query: string;\n  /**\n   * Controls the query state change event\n   */\n  onQueryChange: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Controls the language state value\n   */\n  language?: Language;\n  /**\n   * Controls the language state change event\n   */\n  onLanguageChange: (language?: Language) => void;\n}\n\nexport const CatalogSearchInputs = forwardRef<\n  CatalogSearchInputsProps,\n  \"input\"\n>(({ query, onQueryChange, language, onLanguageChange }, ref) => (\n  <>\n    <Input\n      bg=\"white\"\n      borderColor=\"blue.100\"\n      boxShadow=\"base\"\n      data-testid={testIds.input}\n      name=\"query\"\n      onChange={onQueryChange}\n      placeholder=\"Search Constructs...\"\n      ref={ref}\n      value={query}\n    />\n    <LanguageDropdown\n      items={languageOptions}\n      onSelect={onLanguageChange}\n      placeholder=\"Language...\"\n      selected={language}\n      testIds={{\n        item: testIds.languageItem,\n        menu: testIds.languageDropdownMenu,\n        trigger: testIds.languageDropdown,\n        value: testIds.languageDropdownValue,\n      }}\n    />\n    <Button\n      boxShadow=\"base\"\n      colorScheme=\"blue\"\n      data-testid={testIds.submit}\n      type=\"submit\"\n    >\n      Search\n    </Button>\n  </>\n));\n","import { ChevronDownIcon } from \"@chakra-ui/icons\";\nimport {\n  Button,\n  Menu,\n  MenuButton,\n  MenuItem,\n  MenuList,\n  Text,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport interface DropdownProps<T = Record<string, string>> {\n  testIds: {\n    item: string;\n    menu: string;\n    trigger: string;\n    value: string;\n  };\n  placeholder: string;\n  selected?: T[keyof T];\n  onSelect: (val?: keyof T) => void;\n  items: T;\n}\n\nexport const Dropdown: FunctionComponent<DropdownProps> = ({\n  placeholder,\n  items,\n  onSelect,\n  selected,\n  testIds,\n}) => {\n  const text = selected ? items[selected] : placeholder;\n  const options = Object.entries(items);\n\n  return (\n    <Menu strategy=\"fixed\">\n      <MenuButton\n        as={Button}\n        bg=\"white\"\n        borderColor=\"blue.100\"\n        boxShadow=\"base\"\n        data-testid={testIds.trigger}\n        rightIcon={<ChevronDownIcon color=\"blue.500\" />}\n        variant=\"outline\"\n      >\n        <Text data-testid={testIds.value}>{text}</Text>\n      </MenuButton>\n      <MenuList data-testid={testIds.menu}>\n        <MenuItem data-testid={testIds.item} onClick={() => onSelect()}>\n          Any\n        </MenuItem>\n        {options.map(([name, displayName]) => (\n          <MenuItem\n            data-testid={testIds.item}\n            key={name}\n            onClick={() => onSelect(name)}\n          >\n            {displayName}\n          </MenuItem>\n        ))}\n      </MenuList>\n    </Menu>\n  );\n};\n","import { Grid } from \"@chakra-ui/react\";\nimport type { FormEventHandler, FunctionComponent } from \"react\";\nimport { Form } from \"../Form\";\nimport {\n  CatalogSearchInputs,\n  CatalogSearchInputsProps,\n} from \"./CatalogSearchInputs\";\nimport testIds from \"./testIds\";\n\nexport interface CatalogSearchProps extends CatalogSearchInputsProps {\n  /**\n   * Called when the catalog search form is submitted (via enter keypress or submit click)\n   */\n  onSubmit: FormEventHandler<HTMLFormElement>;\n}\n\n/**\n * @deprecated Use `<SearchBar />` instead.\n */\nexport const CatalogSearch: FunctionComponent<CatalogSearchProps> = ({\n  onSubmit,\n  ...props\n}) => {\n  return (\n    <Form data-testid={testIds.form} onSubmit={onSubmit}>\n      <Grid\n        autoRows=\"1fr\"\n        gap={4}\n        templateColumns={{ sm: \"1fr\", md: \"3fr 1fr 1fr\" }}\n        width=\"full\"\n      >\n        <CatalogSearchInputs {...props} />\n      </Grid>\n    </Form>\n  );\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 { 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 { 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"],"sourceRoot":""}