1 line
16 KiB
JavaScript
1 line
16 KiB
JavaScript
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[526],{7718:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[roadmap]/interactive",function(){return r(6122)}])},1524:function(e,n,r){"use strict";r.d(n,{m:function(){return a}});var t=r(5893),o=r(8527);r(7294);function a(e){var n=e.title,r=e.subtitle,a=e.children,i=e.beforeTitle,c=void 0===i?null:i;return(0,t.jsxs)(o.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:[(0,t.jsxs)(o.W2,{maxW:"container.md",position:"relative",children:[c,(0,t.jsx)(o.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:n}),(0,t.jsx)(o.xv,{fontSize:["13px","14px","15px"],children:r})]}),a&&(0,t.jsx)(o.W2,{maxW:"container.md",children:a})]})}},4866:function(e,n,r){"use strict";r.d(n,{v:function(){return c}});var t=r(5893),o=r(8527),a=r(8641),i=r(5657);r(7294);function c(){return(0,t.jsxs)(o.xv,{_hover:{textDecoration:"none",color:"blue.700","& .new-badge":{bg:"blue.700"}},as:o.rU,href:a.url.youtube,d:"block",target:"_blank",color:"red.700",fontSize:"sm",mb:"10px",fontWeight:500,onClick:function(){return(0,i.B)({category:"Subscription",action:"Clicked the YouTube banner",label:"YouTube Alert on Roadmap"})},children:[(0,t.jsx)(o.Ct,{transition:"all 300ms",className:"new-badge",mr:"7px",colorScheme:"red",variant:"solid",children:"New"}),(0,t.jsx)(o.xv,{textDecoration:"underline",as:"span",d:["none","inline"],children:"Roadmap topics to be covered on our YouTube Channel"}),(0,t.jsx)(o.xv,{textDecoration:"underline",as:"span",d:["inline","none"],children:"Topic videos being made on YouTube"}),(0,t.jsx)(o.xv,{as:"span",ml:"5px",children:"\xbb"})]})}},1177:function(e,n,r){"use strict";r.d(n,{h:function(){return s}});var t=r(5893),o=r(4866),a=r(8527),i=r(6723),c=r(9876),l=r(1524);r(7294);function s(e){var n=e.roadmap;return(0,t.jsx)(l.m,{beforeTitle:(0,t.jsx)(o.v,{}),title:n.title,subtitle:n.description,children:(0,t.jsxs)(a.Kq,{mt:"20px",isInline:!0,children:[(0,t.jsxs)(i.zx,{d:["flex","flex"],as:a.rU,href:"/roadmaps",size:"xs",py:"14px",px:"10px",colorScheme:"teal",variant:"solid",_hover:{textDecoration:"none"},children:["\u2190 ",(0,t.jsx)(a.xv,{as:"span",d:["none","inline"],ml:"5px",children:"All Roadmaps"})]}),n.pdfUrl&&(0,t.jsx)(i.zx,{as:a.rU,href:n.pdfUrl,target:"_blank",size:"xs",py:"14px",px:"10px",leftIcon:(0,t.jsx)(c._8,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Download"}),(0,t.jsx)(i.zx,{as:a.rU,href:"/signup",size:"xs",py:"14px",px:"10px",leftIcon:(0,t.jsx)(c.Km,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Subscribe"})]})})}},9730:function(e,n,r){"use strict";r.r(n),r.d(n,{__N_SSG:function(){return E},default:function(){return N}});var t=r(5893),o=r(2846),a=r(5031),i=r(6450),c=r(7294);function l(){return(l=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e}).apply(this,arguments)}function s(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}var u=["spacing"],d=["isCurrentPage","as","className","href"],p=["isCurrentPage","separator","isLastChild","spacing","children","className"],f=["children","spacing","separator","className"],v=(0,o.Gp)((function(e,n){var r=e.spacing,t=s(e,u),a=l({mx:r},(0,o.yK)().separator);return c.createElement(o.m$.span,l({ref:n,role:"presentation"},t,{__css:a}))}));a.Ts&&(v.displayName="BreadcrumbSeparator");var x=(0,o.Gp)((function(e,n){var r=e.isCurrentPage,t=e.as,i=e.className,u=e.href,p=s(e,d),f=(0,o.yK)(),v=l({ref:n,as:t,className:(0,a.cx)("chakra-breadcrumb__link",i)},p);return r?c.createElement(o.m$.span,l({"aria-current":"page",__css:f.link},v)):c.createElement(o.m$.a,l({__css:f.link,href:u},v))}));a.Ts&&(x.displayName="BreadcrumbLink");var h=(0,o.Gp)((function(e,n){var r=e.isCurrentPage,t=e.separator,u=e.isLastChild,d=e.spacing,f=e.children,h=e.className,m=s(e,p),b=(0,i.WR)(f).map((function(e){return e.type===x?c.cloneElement(e,{isCurrentPage:r}):e.type===v?c.cloneElement(e,{spacing:d,children:e.props.children||t}):e})),y=l({display:"inline-flex",alignItems:"center"},(0,o.yK)().item),g=(0,a.cx)("chakra-breadcrumb__list-item",h);return c.createElement(o.m$.li,l({ref:n,className:g},m,{__css:y}),b,!u&&c.createElement(v,{spacing:d},t))}));a.Ts&&(h.displayName="BreadcrumbItem");var m=(0,o.Gp)((function(e,n){var r=(0,o.jC)("Breadcrumb",e),t=(0,o.Lr)(e),u=t.children,d=t.spacing,p=void 0===d?"0.5rem":d,v=t.separator,x=void 0===v?"/":v,h=t.className,m=s(t,f),b=(0,i.WR)(u),y=b.length,g=b.map((function(e,n){return c.cloneElement(e,{separator:x,spacing:p,isLastChild:y===n+1})})),w=(0,a.cx)("chakra-breadcrumb",h);return c.createElement(o.m$.nav,l({ref:n,"aria-label":"breadcrumb",className:w,__css:r.container},m),c.createElement(o.Fo,{value:r},c.createElement(o.m$.ol,{className:"chakra-breadcrumb__list"},g)))}));a.Ts&&(m.displayName="Breadcrumb");var b=r(8527),y=r(2438),g=r(1832),w=r(600),k=r(6673),j=r(8025),_=r(202),C=r(9876);function O(e){var n=e.roadmap,o=e.group;if(!n.contentPathsFilePath)return null;var a=n.contentPathsFilePath.replace(/^\//,""),i=(r(9280)("./".concat(a))[o]||"").replace(/^\//,""),c=r(9280)("./".concat(i)).default;return(0,t.jsx)(j.Z,{children:(0,t.jsx)(c,{})})}function I(e){var n=e.roadmap,r=e.group.split(":");return(0,t.jsxs)(m,{fontWeight:"medium",fontSize:"sm",mb:"20px",separator:(0,t.jsx)(C.XC,{color:"gray.500"}),children:[(0,t.jsx)(h,{children:(0,t.jsx)(x,{color:"blue.500",href:"/".concat(n.id),children:n.featuredTitle})}),r.map((function(e,o){return(0,t.jsx)(h,{isCurrentPage:o===r.length-1,children:(0,t.jsx)(x,{textTransform:"capitalize",color:"blue.500",href:"/".concat(n.id,"/").concat(r.slice(0,o+1).join(":")),children:e.split("-").join(" ")})},e)}))]})}var E=!0;function N(e){var n,r,o=e.roadmap,a=e.group,i=e.isOutlet;return void 0!==i&&i?(0,t.jsx)(O,{roadmap:o,group:a}):(0,t.jsxs)(b.xu,{bg:"white",minH:"100vh",children:[(0,t.jsx)(y.e,{}),(0,t.jsx)(_.Z,{title:(null===o||void 0===o||null===(n=o.seo)||void 0===n?void 0:n.title)||o.title,description:(null===o||void 0===o||null===(r=o.seo)||void 0===r?void 0:r.description)||o.description,keywords:(null===o||void 0===o?void 0:o.seo.keywords)||[]}),(0,t.jsxs)(b.W2,{my:"60px",maxW:"container.md",position:"relative",children:[(0,t.jsx)(I,{roadmap:o,group:a}),(0,t.jsx)(O,{roadmap:o,group:a})]}),(0,t.jsx)(g.z,{}),(0,t.jsx)(w.q,{}),(0,t.jsx)(k.$,{})]})}},6122:function(e,n,r){"use strict";r.r(n),r.d(n,{__N_SSG:function(){return E},default:function(){return N}});var t=r(5893),o=r(8527),a=r(2438),i=r(1832),c=r(600),l=r(6673),s=r(202),u=r(7294),d=r(8520),p=r.n(d);function f(e,n,r){var t=void 0===n?{}:n,o=document.createElementNS("http://www.w3.org/2000/svg",e);for(var a in t)t.hasOwnProperty(a)&&o.setAttribute(a,t[a]);return r&&r.appendChild(o),o}var v=2.7,x={black:["#000"],gray:["#000","#333","#666","#999","#ccc","#ddd","#eee"],white:["#fff"],red:["#cf2a27","#ea9999","#eo6666","#cc0000","#990000","#660000"],orange:["#ff9900","#f9cb9c","#f6b26b","#e69138","#b45f06","#783f04"],yellow:["#ffff00","#ffe599","#ffd966","#f1c232","#bf9000","#7f6000"],green:["#009e0f","#b6d7a8","#93c47d","#6aa84f","#38761d","#274e13"],cyan:["#00ffff","#a2c4c9","#76a5af","#45818e","#134f5c","#0c343d"],blue:["#2b78e4","#9fc5f8","#6fa8dc","#597eaa","#085394","#073763"],purple:["#9900ff","#b4a7d6","#8e7cc3","#674ea7","#351c75","#20124d"],pink:["#ff00ff","#d5a6bd","#c27ba0","#a64d79","#741b47","#4c1130"]};function h(e,n){for(var r=0;r<n.length;r++){var t=n[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function m(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function b(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=[],t=!0,o=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(t=(i=c.next()).done)&&(r.push(i.value),!n||r.length!==n);t=!0);}catch(l){o=!0,a=l}finally{try{t||null==c.return||c.return()}finally{if(o)throw a}}return r}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var y=function(){function e(n,r){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.svgRoot=n,this.fontFamily=r,this.canvasRenderingContext2D=document.createElement("canvas").getContext("2d")}var n,r,t;return n=e,(r=[{key:"render",value:function(e,n){var r=e.typeID;r in this?this[r](e,n):console.log("'".concat(r,"' control type not implemented"))}},{key:"parseColor",value:function(e,n){return void 0===e?"rgb(".concat(n,")"):function(e){var n=e>>8&255,r=255&e;return"rgb(".concat(e>>16&255,",").concat(n,",").concat(r,")")}(e)}},{key:"parseFontProperties",value:function(e){var n,r,t;return{style:(null===(n=e.properties)||void 0===n?void 0:n.italic)?"italic":"normal",weight:(null===(r=e.properties)||void 0===r?void 0:r.bold)?"bold":"normal",size:(null===(t=e.properties)||void 0===t?void 0:t.size)?e.properties.size+"px":"13px",family:this.fontFamily}}},{key:"measureText",value:function(e,n){return this.canvasRenderingContext2D.font=n,this.canvasRenderingContext2D.measureText(e)}},{key:"drawRectangle",value:function(e,n){var r,t,o,a,i,c;f("rect",{x:parseInt(e.x)+1.35,y:parseInt(e.y)+1.35,width:parseInt(null!==(a=e.w)&&void 0!==a?a:e.measuredW)-v,height:parseInt(null!==(i=e.h)&&void 0!==i?i:e.measuredH)-v,rx:2,fill:this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.color,"255,255,255"),"fill-opacity":null!==(c=null===(t=e.properties)||void 0===t?void 0:t.backgroundAlpha)&&void 0!==c?c:1,stroke:this.parseColor(null===(o=e.properties)||void 0===o?void 0:o.borderColor,"0,0,0"),"stroke-width":v},n)}},{key:"addText",value:function(e,n,r,t){var o,a,i=null!==(o=e.properties.text)&&void 0!==o?o:"",c=parseInt(e.x),l=parseInt(e.y),s=this.parseFontProperties(e),u=this.measureText(i,"".concat(s.style," ").concat(s.weight," ").concat(s.size," ").concat(s.family)),d=f("text",{x:"center"===t?c+(null!==(a=e.w)&&void 0!==a?a:e.measuredW)/2-u.width/2:c,y:l+e.measuredH/2+u.actualBoundingBoxAscent/2,fill:r,"font-style":s.style,"font-weight":s.weight,"font-size":s.size},n);i.includes("{color:")?i.split(/{color:|{color}/).forEach((function(e){if(e.includes("}")){var n=b(e.split("}"),2),r=n[0],t=n[1];if(!r.startsWith("#")){var o=parseInt(r.slice(-1));r=isNaN(o)?x[r][0]:x[r][o]}f("tspan",{fill:r},d).textContent=t}else f("tspan",{},d).textContent=e})):f("tspan",{},d).textContent=i}},{key:"TextArea",value:function(e,n){this.drawRectangle(e,n)}},{key:"Canvas",value:function(e,n){this.drawRectangle(e,n)}},{key:"Label",value:function(e,n){var r;this.addText(e,n,this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.color,"0,0,0"),"left")}},{key:"TextInput",value:function(e,n){var r;this.drawRectangle(e,n),this.addText(e,n,this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.textColor,"0,0,0"),"center")}},{key:"Arrow",value:function(e,n){var r,t,o,a,i=parseInt(e.x),c=parseInt(e.y),l=e.properties,s=l.p0,u=l.p1,d=l.p2;"dotted"===(null===(r=e.properties)||void 0===r?void 0:r.stroke)?a="0.8 12":"dashed"===(null===(t=e.properties)||void 0===t?void 0:t.stroke)&&(a="28 46");var p=(d.x-s.x)*u.x,v=(d.y-s.y)*u.x;f("path",{d:"M".concat(i+s.x," ").concat(c+s.y,"Q").concat(i+s.x+p+v*u.y*3.6," ").concat(c+s.y+v+-p*u.y*3.6," ").concat(i+d.x," ").concat(c+d.y),fill:"none",stroke:this.parseColor(null===(o=e.properties)||void 0===o?void 0:o.color,"0,0,0"),"stroke-width":4,"stroke-linecap":"round","stroke-linejoin":"round","stroke-dasharray":a},n)}},{key:"Icon",value:function(e,n){var r,t=parseInt(e.x),o=parseInt(e.y),a=10;f("circle",{cx:t+a,cy:o+a,r:a,fill:this.parseColor(null===(r=e.properties)||void 0===r?void 0:r.color,"0,0,0")},n),"check-circle"===e.properties.icon.ID&&f("path",{d:"M".concat(t+4.5," ").concat(o+a,"L").concat(t+8.5," ").concat(o+a+4," ").concat(t+15," ").concat(o+a-2.5),fill:"none",stroke:"#fff","stroke-width":3.5,"stroke-linecap":"round","stroke-linejoin":"round"},n)}},{key:"HRule",value:function(e,n){var r,t,o,a,i,c=parseInt(e.x),l=parseInt(e.y);"dotted"===(null===(r=e.properties)||void 0===r?void 0:r.stroke)?a="0.8, 8":"dashed"===(null===(t=e.properties)||void 0===t?void 0:t.stroke)&&(a="18, 30"),f("path",{d:"M".concat(c," ").concat(l,"L").concat(c+parseInt(null!==(i=e.w)&&void 0!==i?i:e.measuredW)," ").concat(l),fill:"none",stroke:this.parseColor(null===(o=e.properties)||void 0===o?void 0:o.color,"0,0,0"),"stroke-width":v,"stroke-linecap":"round","stroke-linejoin":"round","stroke-dasharray":a},n)}},{key:"__group__",value:function(e,n){var r,t=this,o=null===e||void 0===e||null===(r=e.properties)||void 0===r?void 0:r.controlName,a=f("g",function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){m(e,n,r[n])}))}return e}({},o?{class:"clickable-group","data-group-name":o}:{}),n);e.children.controls.control.sort((function(e,n){return e.zOrder-n.zOrder})).forEach((function(n){n.x=parseInt(n.x,10)+parseInt(e.x,10),n.y=parseInt(n.y,10)+parseInt(e.y,10),t.render(n,a)}))}}])&&h(n.prototype,r),t&&h(n,t),e}();function g(e,n,r,t,o,a,i){try{var c=e[a](i),l=c.value}catch(s){return void r(s)}c.done?n(l):Promise.resolve(l).then(t,o)}function w(e){return function(){var n=this,r=arguments;return new Promise((function(t,o){var a=e.apply(n,r);function i(e){g(a,t,o,i,c,"next",e)}function c(e){g(a,t,o,i,c,"throw",e)}i(void 0)}))}}function k(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},t=Object.keys(r);"function"===typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),t.forEach((function(n){k(e,n,r[n])}))}return e}function _(){return(_=w(p().mark((function e(n,r){var t,o,a,i,c,l,s,u,d;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(t=j({padding:5,fontFamily:"balsamiq",fontURL:"/fonts/balsamiq.woff2"},t=void 0===r?{}:r)).fontURL){e.next=7;break}return o=new FontFace(t.fontFamily,"url(".concat(t.fontURL,")")),e.next=6,o.load();case 6:document.fonts.add(o);case 7:return a=n.mockup,i=a.measuredW-a.mockupW-t.padding,c=a.measuredH-a.mockupH-t.padding,l=parseInt(a.mockupW)+2*t.padding,s=parseInt(a.mockupH)+2*t.padding,u=f("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"".concat(i," ").concat(c," ").concat(l," ").concat(s),style:"font-family: balsamiq"}),d=new y(u,t.fontFamily),a.controls.control.sort((function(e,n){return e.zOrder-n.zOrder})).forEach((function(e){d.render(e,u)})),e.abrupt("return",u);case 16:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var C=r(1177),O=r(9730);function I(e){var n=e.json,r=e.roadmap,a=(0,u.useRef)(null),i=(0,u.useState)(""),c=i[0],l=i[1],s=(0,u.useState)(!1),d=(s[0],s[1]);return(0,u.useEffect)((function(){window.addEventListener("click",(function(e){var n,r,t=null===(n=null===e||void 0===e?void 0:e.target)||void 0===n?void 0:n.closest("g"),o=null===t||void 0===t||null===(r=t.dataset)||void 0===r?void 0:r.groupName;t&&o&&l(o.replace(/^\d+-/,""))}))})),(0,u.useEffect)((function(){(function(e){return _.apply(this,arguments)})(n).then((function(e){var n=a.current;n&&(n.firstChild&&n.removeChild(n.firstChild),n.appendChild(e))})).catch((function(e){d(!0)}))}),[n]),(0,t.jsxs)(o.W2,{maxW:"container.lg",position:"relative",children:[c&&(0,t.jsx)(O.default,{isOutlet:!0,roadmap:r,group:c}),(0,t.jsx)("div",{ref:a})]})}var E=!0;function N(e){var n,r,u=e.roadmap,d=e.json;return(0,t.jsxs)(o.xu,{bg:"white",minH:"100vh",children:[(0,t.jsx)(a.e,{}),(0,t.jsx)(s.Z,{title:(null===u||void 0===u||null===(n=u.seo)||void 0===n?void 0:n.title)||u.title,description:(null===u||void 0===u||null===(r=u.seo)||void 0===r?void 0:r.description)||u.description,keywords:(null===u||void 0===u?void 0:u.seo.keywords)||[]}),(0,t.jsxs)(o.xu,{mb:"60px",children:[(0,t.jsx)(C.h,{roadmap:u}),(0,t.jsx)(I,{json:d,roadmap:u})]}),(0,t.jsx)(i.z,{}),(0,t.jsx)(c.q,{}),(0,t.jsx)(l.$,{})]})}}},function(e){e.O(0,[709,22,515,231,70,636,280,774,888,179],(function(){return n=7718,e(e.s=n);var n}));var n=e.O();_N_E=n}]); |