{"version":3,"sources":["webpack://typescriptlang-org/./src/components/devNav.tsx","webpack://typescriptlang-org/./src/templates/pages/tools.tsx","webpack://typescriptlang-org/./static/images/tools/cheat-sheets.png","webpack://typescriptlang-org/./static/images/tools/dt-search.png","webpack://typescriptlang-org/./static/images/tools/play.png","webpack://typescriptlang-org/./static/images/tools/tsconfig-ref.png"],"names":["DevNav","props","isActive","str","active","toLowerCase","className","style","display","href","withPrefix","Row","join","children","Col","Index","Link","createIntlLink","pageContext","lang","title","description","src","require","alt","to","paddingBottom","locale"],"mappings":"oLAOaA,EAAS,SAACC,GACrB,IAAMC,EAAW,SAACC,GAAD,OACfF,EAAMG,QAAUH,EAAMG,OAAOC,gBAAkBF,EAAM,SAAW,IAElE,OAAO,uBAAKG,UAAU,wBACpB,sBAAIA,UAAU,OACZ,sBAAIA,UAAU,QAAO,8CACrB,sBAAIC,MAAO,CAAEC,QAAS,SACpB,qBAAGF,UAAWJ,EAAS,gBAAiBO,MAAMC,gBAAW,kBAAzD,iBAEF,0BACE,qBAAGJ,UAAWJ,EAAS,WAAYO,MAAMC,gBAAW,iBAApD,YAEF,0BACE,qBAAGJ,UAAWJ,EAAS,YAAaO,MAAMC,gBAAW,kBAArD,aAEF,0BACE,qBAAGJ,UAAWJ,EAAS,kBAAmBO,MAAMC,gBAAW,wBAA3D,mBAEF,0BACE,qBAAGJ,UAAWJ,EAAS,sBAAuBO,MAAMC,gBAAW,4BAA/D,uBAEF,0BACE,qBAAGJ,UAAWJ,EAAS,iBAAkBO,MAAMC,gBAAW,uBAA1D,sB,8FClBFC,EAAM,SAACV,GAAD,OAAkD,uBAAKK,UAAW,CAACL,EAAMK,UAAW,OAAOM,KAAK,MAAOX,EAAMY,WACnHC,EAAM,SAACb,GAAD,OAAkD,uBAAKK,UAAW,CAACL,EAAMK,UAAW,QAAQM,KAAK,MAAOX,EAAMY,WAGpHE,EAAyB,SAACd,GAC9B,IAAMe,GAAOC,OAAehB,EAAMiB,YAAYC,MAE9C,OAAO,gBAAC,IAAD,CAAQC,MAAM,kBAAkBC,YAAY,mDAAmDF,KAAMlB,EAAMiB,YAAYC,MAC5H,uBAAKb,UAAU,6BACb,gBAACK,EAAD,KACE,gBAACG,EAAD,KACE,qBAAGR,UAAU,UAAUG,KAAK,SAC1B,uBAAKa,IAAKC,UAA0DC,IAAI,oDACxE,wCAEF,qNAEF,gBAACV,EAAD,KACE,gBAACE,EAAD,CAAMV,UAAU,UAAUmB,GAAG,aAC3B,uBAAKH,IAAKC,SAAkEC,IAAI,4DAChF,gDAEF,0GAAiF,6CAAjF,OAA+G,6CAA/G,OAGJ,gBAACb,EAAD,KACA,gBAACG,EAAD,KACI,qBAAGR,UAAU,UAAUG,KAAK,gBAC1B,uBAAKa,IAAKC,UAAkEC,IAAI,qCAChF,0CAEF,oFAGF,gBAACV,EAAD,KACE,qBAAGR,UAAU,UAAUG,KAAK,cAC1B,uBAAKa,IAAKC,UAA+DC,IAAI,2CAC7E,yCAEF,iHAKN,uBAAKlB,UAAU,4BAA4BC,MAAO,CAAEmB,cAAe,WACjE,gBAAC,IAAD,SAMN,mBAAgBzB,GAAD,OAAkB,gBAAC,IAAD,CAAM0B,OAAQ1B,EAAMiB,YAAYC,MAAM,gBAACJ,EAAUd,M,kCC/DlF,IAAe,IAA0B,4D,kCCAzC,IAAe,IAA0B,yD,kCCAzC,IAAe,IAA0B,oD,iCCAzC,IAAe,IAA0B","file":"component---src-templates-pages-tools-tsx-f580f066c217f799cde5.js","sourcesContent":["import * as React from \"react\"\nimport { withPrefix } from \"gatsby\"\n\ninterface DevNavProps {\n  active?: string\n}\n\nexport const DevNav = (props: DevNavProps) => {\n  const isActive = (str) =>\n    props.active && props.active.toLowerCase() === str ? \"active\" : \"\"\n\n  return <nav className=\"navbar-sub dev-tools\">\n    <ul className=\"nav\">\n      <li className=\"name\"><h3>Developer Tools</h3></li>\n      <li style={{ display: \"none\" }}>\n        <a className={isActive(\"compiler api\")} href={withPrefix(\"/dev/compiler\")}>Compiler API</a>\n      </li>\n      <li>\n        <a className={isActive(\"sandbox\")} href={withPrefix(\"/dev/sandbox\")}>Sandbox</a>\n      </li>\n      <li>\n        <a className={isActive(\"twoslash\")} href={withPrefix(\"/dev/twoslash\")}>Twoslash</a>\n      </li>\n      <li>\n        <a className={isActive(\"typescript vfs\")} href={withPrefix(\"/dev/typescript-vfs\")}>TypeScript VFS</a>\n      </li>\n      <li>\n        <a className={isActive(\"playground plugins\")} href={withPrefix(\"/dev/playground-plugins\")}>Playground Plugins</a>\n      </li>\n      <li>\n        <a className={isActive(\"bug workbench\")} href={withPrefix(\"/dev/bug-workbench\")}>Bug Workbench</a>\n      </li>\n    </ul>\n  </nav >\n}\n","import * as React from \"react\"\nimport { Layout } from \"../../components/layout\"\nimport { Intl } from \"../../components/Intl\"\n\ntype Props = {\n  pageContext: any\n}\n\nimport \"./css/tools.scss\"\nimport { createIntlLink } from \"../../components/IntlLink\"\nimport { DevNav } from \"../../components/devNav\"\n\nconst Row = (props: { children: any, className?: string }) => <div className={[props.className, \"row\"].join(\" \")}>{props.children}</div>\nconst Col = (props: { children: any, className?: string }) => <div className={[props.className, \"col1\"].join(\" \")}>{props.children}</div>\n\n\nconst Index: React.FC<Props> = (props) => {\n  const Link = createIntlLink(props.pageContext.lang)\n\n  return <Layout title=\"Reference Tools\" description=\"Online tooling to help you understand TypeScript\" lang={props.pageContext.lang}>\n    <div className=\"raised main-content-block\">\n      <Row>\n        <Col>\n          <a className=\"cropper\" href=\"/play\">\n            <img src={require(\"../../../static/images/tools/play.png\").default} alt=\"Preview of the TypeScript Playground screenshot\" />\n            <p>Playground</p>\n          </a>\n          <p>A live environment for exploring, learning and sharing TypeScript code. Try different compiler flags, run through extensive code samples to learn specifics about how TypeScript works.</p>\n        </Col>\n        <Col>\n          <Link className=\"cropper\" to=\"/tsconfig\">\n            <img src={require(\"../../../static/images/tools/tsconfig-ref.png\").default} alt=\"Preview of the TypeScript TSConfig Reference screenshot\" />\n            <p>TSConfig Reference</p>\n          </Link>\n          <p>An annotated reference to more than a hundred compiler options available in a <code>tsconfig.json</code> or <code>jsconfig.json</code>.</p>\n        </Col>\n      </Row>\n      <Row>\n      <Col>\n          <a className=\"cropper\" href=\"/cheatsheets\">\n            <img src={require(\"../../../static/images/tools/cheat-sheets.png\").default} alt=\"Preview of the cheat sheets page\" />\n            <p>Cheat Sheets</p>\n          </a>\n          <p>Quickly look up the syntax for common TypeScript code.</p>\n        </Col>\n\n        <Col>\n          <a className=\"cropper\" href=\"/dt/search\">\n            <img src={require(\"../../../static/images/tools/dt-search.png\").default} alt=\"Preview of the Definitely Typed search\" />\n            <p>Type Search</p>\n          </a>\n          <p>Search for npm modules with types from DefinitelyTyped or embedded in the module.</p>\n        </Col>\n      </Row>\n    </div>\n\n    <div className=\"raised main-content-block\" style={{ paddingBottom: \"0.4rem\" }}>\n      <DevNav />\n    </div>\n  </Layout>\n\n}\n\nexport default (props: Props) => <Intl locale={props.pageContext.lang}><Index {...props} /></Intl>\n","export default __webpack_public_path__ + \"static/cheat-sheets-30af7529402f347061db3c6eacdf40ab.png\";","export default __webpack_public_path__ + \"static/dt-search-abb23797f3bae79e7d338f62de9e6686.png\";","export default __webpack_public_path__ + \"static/play-03b12a3d83a6a50a7fde7a2b663f482d.png\";","export default __webpack_public_path__ + \"static/tsconfig-ref-cf26083c052d3495a7f06f12850b28f1.png\";"],"sourceRoot":""}