\n\n\n\n\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./IASCBook.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--12-0!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./IASCBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IASCBook.vue?vue&type=template&id=46613048&scoped=true&\"\nimport script from \"./IASCBook.vue?vue&type=script&lang=js&\"\nexport * from \"./IASCBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IASCBook.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./IASCBook.vue?vue&type=style&index=1&id=46613048&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"46613048\",\n null\n \n)\n\nexport default component.exports","import Vue from \"vue\";\nimport VueRouter from \"vue-router\";\nimport { publicPath } from '@/../vue.config'\nimport ContentPages from '@/static/pages.json'\n\nVue.use(VueRouter);\n\nconst pagesRoutes = () => {\n return ContentPages.map(section => (\n {\n path: `/${section.path}`,\n component: () => import(`@/content/${section.page}.md`),\n meta: {\n title: section.title,\n extra: section.extra,\n need_detail: section.need_detail,\n description: section.description\n }\n }\n ))\n}\n\nconst routes = [\n {\n path: '/',\n name: 'Home',\n component: () => import('@/content/main.md'),\n meta: {\n layout: 'AppLayoutHome'\n }\n },\n ...pagesRoutes(),\n {\n path: '/stm',\n component: () => import('@/views/STM.vue'),\n meta: {\n title: 'STM',\n description: 'Memoria Transaccional'\n },\n },\n {\n path: '/efecto_lado_haskell',\n component: () => import('@/views/EfectoLadoHaskell.vue'),\n meta: {\n title: 'Efectos de Lado en Haskell',\n description: 'Una intro a memoria transaccional en Haskell'\n },\n },\n {\n path:\"*\",\n component: () => import('../views/errors/NotFound.vue'),\n meta: {\n layout: 'AppLayoutError'\n }\n }\n];\n\nconst router = new VueRouter({\n mode: 'history',\n base: publicPath,\n routes,\n scrollBehavior (to, _from, savedPosition) {\n if (to.hash) {\n return { selector: to.hash }\n } else if (savedPosition) {\n return savedPosition;\n } else {\n return { x: 0, y: 0 }\n }\n }\n});\n\nexport default router;\n","import \"core-js/stable\";\nimport 'mutationobserver-shim'\nimport Vue from 'vue'\nimport './plugins/bootstrap-vue'\nimport './plugins/vue-particles'\nimport './plugins/highlightjs-vue'\n\nimport IASCBook from './IASCBook.vue'\nimport router from \"./router\";\nimport './assets/styles/style.css';\nimport './assets/styles/syntax.css';\nimport './assets/styles/blockquote.css';\nimport 'vue-sidebar-menu/dist/vue-sidebar-menu.css'\nimport \"font-awesome/scss/font-awesome.scss\";\n\nVue.config.productionTip = false\n\nnew Vue({\n router,\n render: h => h(IASCBook),\n}).$mount('#app')\n","const uslug = require('uslug')\nconst uslugify = s => uslug(s)\n\nmodule.exports = {\n publicPath: process.env.NODE_ENV === 'production'\n ? '/iasc-book'\n : '/',\n chainWebpack(config){\n config.module.rule('md')\n .test(/\\.md/)\n .use('vue-loader')\n .loader('vue-loader')\n .end()\n .use('vue-markdown-loader')\n .loader('vue-markdown-loader/lib/markdown-compiler')\n .options({\n raw: true,\n use: [\n /* markdown-it plugin */\n [require('markdown-it-anchor'), {\n level: 1,\n // slugify: string => string,\n permalink: true,\n // renderPermalink: (slug, opts, state, permalink) => {},\n permalinkClass: 'header-anchor',\n permalinkSymbol: '¶',\n permalinkBefore: false,\n slugify: uslugify\n }],\n [require('markdown-it-footnote'), {}],\n [require('markdown-it-abbr'), {}],\n [require('markdown-it-container'), 'warning', {}]\n ]\n })\n }\n}","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./IASCBook.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/github_logo.ec3a60c8.png\";","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./IASCBook.vue?vue&type=style&index=1&id=46613048&lang=scss&scoped=true&\"","var map = {\n\t\"./AppLayout.vue\": [\n\t\t\"dead\"\n\t],\n\t\"./AppLayoutDefault.vue\": [\n\t\t\"266e\",\n\t\t\"chunk-2d0b2d29\"\n\t],\n\t\"./AppLayoutEntry.vue\": [\n\t\t\"e1a9\",\n\t\t\"chunk-06ecdd3c\"\n\t],\n\t\"./AppLayoutError.vue\": [\n\t\t\"9f69\",\n\t\t\"chunk-2d0f0fc6\"\n\t],\n\t\"./AppLayoutHome.vue\": [\n\t\t\"34f5\",\n\t\t\"chunk-930b4194\"\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(1).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"a449\";\nmodule.exports = webpackAsyncContext;","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.layout,{tag:\"component\"},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppLayout.vue?vue&type=template&id=205386ea&\"\nimport script from \"./AppLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./AppLayout.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var map = {\n\t\"./actores_intro.md\": [\n\t\t\"4d14\",\n\t\t\"chunk-9b0b6b6c\"\n\t],\n\t\"./cap.md\": [\n\t\t\"e4a4\",\n\t\t\"chunk-5855597c\"\n\t],\n\t\"./concurrencia_paralelismo.md\": [\n\t\t\"ab49\",\n\t\t\"chunk-2d212f5c\"\n\t],\n\t\"./contenedores.md\": [\n\t\t\"e07e\",\n\t\t\"chunk-fef08b62\"\n\t],\n\t\"./coroutines.md\": [\n\t\t\"021b\",\n\t\t\"chunk-2d0a34c9\"\n\t],\n\t\"./cps.md\": [\n\t\t\"f62b\",\n\t\t\"chunk-2d22cff6\"\n\t],\n\t\"./distribucion.md\": [\n\t\t\"dc28\",\n\t\t\"chunk-134a5bcf\"\n\t],\n\t\"./distribucion_elixir.md\": [\n\t\t\"d2be\",\n\t\t\"chunk-2d21de07\"\n\t],\n\t\"./estructuras_funcionales.md\": [\n\t\t\"2d25\",\n\t\t\"chunk-2d0bd92b\"\n\t],\n\t\"./event_loop.md\": [\n\t\t\"c3c4\",\n\t\t\"chunk-33c3e200\"\n\t],\n\t\"./fibers.md\": [\n\t\t\"52f8\",\n\t\t\"chunk-36154627\"\n\t],\n\t\"./guild.md\": [\n\t\t\"f723\",\n\t\t\"chunk-7095c905\"\n\t],\n\t\"./interleaving.md\": [\n\t\t\"7b02\",\n\t\t\"chunk-49b1d262\"\n\t],\n\t\"./introduccion.md\": [\n\t\t\"6b41\",\n\t\t\"chunk-349b0eea\"\n\t],\n\t\"./main.md\": [\n\t\t\"7949\",\n\t\t\"chunk-4c048be9\"\n\t],\n\t\"./mitos.md\": [\n\t\t\"4198\",\n\t\t\"chunk-2d0c0352\"\n\t],\n\t\"./otp.md\": [\n\t\t\"0f18\",\n\t\t\"chunk-2d0af7d3\"\n\t],\n\t\"./promises.md\": [\n\t\t\"b771\",\n\t\t\"chunk-2d2102a5\"\n\t],\n\t\"./service_mesh.md\": [\n\t\t\"d3c5\",\n\t\t\"chunk-4fe8e0d3\"\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = \"e383\";\nmodule.exports = webpackAsyncContext;"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-06ecdd3c.08cef7ca.js b/js/chunk-06ecdd3c.08cef7ca.js
new file mode 100644
index 0000000..7d226af
--- /dev/null
+++ b/js/chunk-06ecdd3c.08cef7ca.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-06ecdd3c"],{"21ea":function(t,e,a){"use strict";a("e7b8")},2640:function(t,e,a){},"5dfc":function(t,e,a){"use strict";a("cba0")},"7a59":function(t,e,a){"use strict";a("2640")},a298:function(t,e,a){"use strict";a("c56b")},c56b:function(t,e,a){},cba0:function(t,e,a){},d178:function(t,e,a){"use strict";var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("nav",{staticClass:"navbar navbar-expand-lg navbar-light"},[t._m(0),a("div",{staticClass:"collapse navbar-collapse",attrs:{id:"navbarNav"}},[a("ul",{staticClass:"navbar-nav ml-auto"},[a("li",{staticClass:"nav-item active"},[a("router-link",{staticClass:"nav-link",attrs:{to:"/"}},[t._v("Home "),a("span",{staticClass:"sr-only"},[t._v("(current)")])])],1),t._m(1)])])])},i=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("button",{staticClass:"navbar-toggler",attrs:{type:"button","data-toggle":"collapse","data-target":"#navbarNav","aria-controls":"navbarNav","aria-expanded":"false","aria-label":"Toggle navigation"}},[a("span",{staticClass:"navbar-toggler-icon"})])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("li",{staticClass:"nav-item"},[a("a",{staticClass:"nav-link navbar-button",attrs:{href:"http://arquitecturas-concurrentes.github.io/"}},[t._v("IASC")])])}],s=(a("5dfc"),a("2877")),r={},o=Object(s["a"])(r,n,i,!1,null,null,null);e["a"]=o.exports},e1a9:function(t,e,a){"use strict";a.r(e);var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"scroll-touch"},[a("Navbar"),a("Entry",{attrs:{title:t.entry.title,description:t.entry.description,extra:t.entry.extra,need_detail:t.entry.need_detail}}),t._t("default")],2)},i=[],s=(a("a4d3"),a("e01a"),function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"wrapper"},[a("div",{staticClass:"container header"},[a("div",{staticClass:"titulo-heading"},[a("div",{staticClass:"container-background"},[a("div",{staticClass:"titulo"},[a("h3",{staticClass:"Title"},[t._v(" "+t._s(this.title)+" ")]),a("br"),a("h4",[t._v(" "+t._s(this.description)+" ")])])])]),this.need_detail?a("div",[a("NeedMoreDetail")],1):t._e(),this.extra?a("div",[a("AdditionalContent")],1):t._e(),a("div",{staticClass:"container"},[a("div",{staticClass:"inner-content col-sm-8 col-md-10"},[a("router-view")],1)])])])}),r=[],o=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"alert alert-warning",attrs:{role:"alert"}},[t._v(" Nota: La siguiente seccion necesita mas detalles y citas para que sea considerado como una seccion estable. Se esperan posibles cambios a lo largo del tiempo. ")])},l=[],c={name:"NeedMoreDetail",mounted:function(){}},u=c,d=a("2877"),v=Object(d["a"])(u,o,l,!1,null,null,null),f=v.exports,p=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"alert alert-info",attrs:{role:"alert"}},[t._v(" La siguiente seccion contiene contenido considerado como complementario y no obligatorio para la materia de IASC. ")])},h=[],m={name:"AdditionalContent",mounted:function(){}},b=m,_=Object(d["a"])(b,p,h,!1,null,null,null),C=_.exports,g={name:"Entry",components:{NeedMoreDetail:f,AdditionalContent:C},mounted:function(){this.scrollToAnchor()},updated:function(){this.scrollToAnchor()},methods:{scrollToAnchor:function(){var t=this;this.$nextTick((function(){if(t.$route.hash){var e=t.$route.hash,a=document.querySelector(e);a&&window.scrollTo(0,a.offsetTop)}}))}},props:{title:String,description:String,need_detail:Boolean,extra:Boolean}},y=g,x=(a("21ea"),a("a298"),Object(d["a"])(y,s,r,!1,null,"501637a8",null)),$=x.exports,w=a("d178"),E={name:"AppLayoutEntry",components:{Entry:$,Navbar:w["a"]},data:function(){return{entry:{title:this.$route.meta.title,need_detail:this.$route.meta.need_detail,extra:this.$route.meta.extra,description:this.$route.meta.description}}}},A=E,N=(a("7a59"),Object(d["a"])(A,n,i,!1,null,"488267d0",null));e["default"]=N.exports},e7b8:function(t,e,a){}}]);
+//# sourceMappingURL=chunk-06ecdd3c.08cef7ca.js.map
\ No newline at end of file
diff --git a/js/chunk-06ecdd3c.08cef7ca.js.map b/js/chunk-06ecdd3c.08cef7ca.js.map
new file mode 100644
index 0000000..209e02a
--- /dev/null
+++ b/js/chunk-06ecdd3c.08cef7ca.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/components/Entry.vue?5318","webpack:///./src/components/Navbar.vue?1166","webpack:///./src/layouts/AppLayoutEntry.vue?6a6b","webpack:///./src/components/Entry.vue?2cf4","webpack:///./src/components/Navbar.vue?a63b","webpack:///./src/components/Navbar.vue","webpack:///./src/layouts/AppLayoutEntry.vue?9ccb","webpack:///./src/components/Entry.vue?53a9","webpack:///./src/components/NeedMoreDetail.vue?aae9","webpack:///src/components/NeedMoreDetail.vue","webpack:///./src/components/NeedMoreDetail.vue?3c80","webpack:///./src/components/NeedMoreDetail.vue","webpack:///./src/components/AdditionalContent.vue?44bb","webpack:///src/components/AdditionalContent.vue","webpack:///./src/components/AdditionalContent.vue?a998","webpack:///./src/components/AdditionalContent.vue","webpack:///src/components/Entry.vue","webpack:///./src/components/Entry.vue?f007","webpack:///./src/components/Entry.vue","webpack:///src/layouts/AppLayoutEntry.vue","webpack:///./src/layouts/AppLayoutEntry.vue?770e","webpack:///./src/layouts/AppLayoutEntry.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","_v","staticRenderFns","script","component","entry","title","description","extra","need_detail","_t","_s","_e","name","mounted","components","NeedMoreDetail","AdditionalContent","scrollToAnchor","updated","methods","props","String","Boolean","Entry","Navbar","data","$route","meta"],"mappings":"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","file":"js/chunk-06ecdd3c.08cef7ca.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Entry.vue?vue&type=style&index=0&id=501637a8&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutEntry.vue?vue&type=style&index=0&id=488267d0&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Entry.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"navbar navbar-expand-lg navbar-light\"},[_vm._m(0),_c('div',{staticClass:\"collapse navbar-collapse\",attrs:{\"id\":\"navbarNav\"}},[_c('ul',{staticClass:\"navbar-nav ml-auto\"},[_c('li',{staticClass:\"nav-item active\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"to\":\"/\"}},[_vm._v(\"Home \"),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"(current)\")])])],1),_vm._m(1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#navbarNav\",\"aria-controls\":\"navbarNav\",\"aria-expanded\":\"false\",\"aria-label\":\"Toggle navigation\"}},[_c('span',{staticClass:\"navbar-toggler-icon\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link navbar-button\",attrs:{\"href\":\"http://arquitecturas-concurrentes.github.io/\"}},[_vm._v(\"IASC\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Navbar.vue?vue&type=template&id=7f0398a6&\"\nvar script = {}\nimport style0 from \"./Navbar.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"scroll-touch\"},[_c('Navbar'),_c('Entry',{attrs:{\"title\":_vm.entry.title,\"description\":_vm.entry.description,\"extra\":_vm.entry.extra,\"need_detail\":_vm.entry.need_detail}}),_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"container header\"},[_c('div',{staticClass:\"titulo-heading\"},[_c('div',{staticClass:\"container-background\"},[_c('div',{staticClass:\"titulo\"},[_c('h3',{staticClass:\"Title\"},[_vm._v(\" \"+_vm._s(this.title)+\" \")]),_c('br'),_c('h4',[_vm._v(\" \"+_vm._s(this.description)+\" \")])])])]),(this.need_detail)?_c('div',[_c('NeedMoreDetail')],1):_vm._e(),(this.extra)?_c('div',[_c('AdditionalContent')],1):_vm._e(),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"inner-content col-sm-8 col-md-10\"},[_c('router-view')],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert alert-warning\",attrs:{\"role\":\"alert\"}},[_vm._v(\" Nota: La siguiente seccion necesita mas detalles y citas para que sea considerado como una seccion estable. Se esperan posibles cambios a lo largo del tiempo. \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n Nota: La siguiente seccion necesita mas detalles y citas para que sea considerado como una seccion estable. Se esperan posibles cambios a lo largo del tiempo. \n
\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NeedMoreDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NeedMoreDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NeedMoreDetail.vue?vue&type=template&id=deee2dea&\"\nimport script from \"./NeedMoreDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./NeedMoreDetail.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert alert-info\",attrs:{\"role\":\"alert\"}},[_vm._v(\" La siguiente seccion contiene contenido considerado como complementario y no obligatorio para la materia de IASC. \")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n La siguiente seccion contiene contenido considerado como complementario y no obligatorio para la materia de IASC.\n
\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdditionalContent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdditionalContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdditionalContent.vue?vue&type=template&id=63ba3426&\"\nimport script from \"./AdditionalContent.vue?vue&type=script&lang=js&\"\nexport * from \"./AdditionalContent.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n
\n
\n
\n
\n
\n
\n {{this.title}}\n
\n \n
\n {{this.description}}\n
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n
\n
\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Entry.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Entry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Entry.vue?vue&type=template&id=501637a8&scoped=true&\"\nimport script from \"./Entry.vue?vue&type=script&lang=js&\"\nexport * from \"./Entry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Entry.vue?vue&type=style&index=0&id=501637a8&scoped=true&lang=css&\"\nimport style1 from \"./Entry.vue?vue&type=style&index=1&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"501637a8\",\n null\n \n)\n\nexport default component.exports","\n
\n \n \n \n
\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutEntry.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutEntry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppLayoutEntry.vue?vue&type=template&id=488267d0&scoped=true&\"\nimport script from \"./AppLayoutEntry.vue?vue&type=script&lang=js&\"\nexport * from \"./AppLayoutEntry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppLayoutEntry.vue?vue&type=style&index=0&id=488267d0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"488267d0\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-134a5bcf.40d7cefa.js b/js/chunk-134a5bcf.40d7cefa.js
new file mode 100644
index 0000000..6378b5a
--- /dev/null
+++ b/js/chunk-134a5bcf.40d7cefa.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-134a5bcf"],{"0db9":function(e,a){e.exports="data:image/png;base64,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"},2936:function(e,a,o){e.exports=o.p+"img/image8.fd1bffb3.png"},"2cb2":function(e,a,o){e.exports=o.p+"img/image10.4683f863.png"},"2ed8":function(e,a,o){e.exports=o.p+"img/image4.132661ac.png"},"335d":function(e,a,o){e.exports=o.p+"img/image13.aa9b12a8.png"},"4cf6":function(e,a,o){e.exports=o.p+"img/image7.bcf1a28f.png"},"76f5":function(e,a,o){e.exports=o.p+"img/image2.5a8685e5.png"},da9c:function(e,a,o){e.exports=o.p+"img/image9.44cb6ec8.png"},db3b:function(e,a,o){e.exports=o.p+"img/image12.f374f4f9.png"},dc28:function(e,a,o){"use strict";o.r(a);var s=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("section",[s("h1",{attrs:{id:"distribución"}},[e._v("Distribución "),s("a",{staticClass:"header-anchor",attrs:{href:"#distribución"}},[e._v("¶")])]),s("h2",{attrs:{id:"introduccion"}},[e._v("Introduccion "),s("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),s("p",[e._v("Antes de hablar de distribución, es a veces ideal tratar de explicarlo de cómo se llega a ella. En general cuando se plantea la arquitectura de una aplicación, en cuanto a la arquitectura, en donde queda afuera lo que es el diseño e implementación del mismo, en general se plantea o se despliega por primera vez como un monolito, es decir, solo implementar todo nuestro sistema en un solo servidor. Ya sea un prototipo, o una versión temprana (beta) de nuestra aplicación, en general se plantea el monolito como arquitectura inicial, por costos y tiempo en el que se despliega la aplicación, y también porque no tenemos problemas que nos puede causar un sistema distribuido.")]),s("img",{staticClass:"center",staticStyle:{width:"500px"},attrs:{src:o("76f5")}}),s("p",[e._v("Esta es una imagen de una arquitectura monolitica tradicional, con una aplicacion y una base SQL, que en general esta desplegada en un solo servidor. Algunos problemas que puede generar esta arquitectura es la siguiente:")]),s("ul",[s("li",[e._v("Incremento de la complejidad de la aplicacion, a medida que pasa el tiempo y la misma empieza a tener gran cantidad de componentes o va creciendo los requerimientos del sistema")]),s("li",[e._v("Cuando empieza a ser usado cada vez por más usuarios, esto hace que aumente la carga y que un solo servidor pueda no ser suficiente o incluso generar problemas con la carga que generan estos usuarios")])]),s("p",[e._v("Ante el aumento de la carga de usuarios, tráfico y mayor interacción entre la aplicación y la base de datos, esto genera una carga mayor en el único servidor que tenemos, por lo cual deberemos escalar. Hay dos tipos de escala:")]),s("h3",{attrs:{id:"escala-vertical-scale-up"}},[e._v("Escala Vertical (Scale Up) "),s("a",{staticClass:"header-anchor",attrs:{href:"#escala-vertical-scale-up"}},[e._v("¶")])]),s("img",{staticClass:"center",attrs:{src:o("0db9")}}),s("p",[e._v("Esta manera de escalar, también conocido como escalar para arriba o verticalmente (?) (scale up), es incrementando los recursos de un servidor o un nodo, o sea aumentar CPU, memoria, disco, etc. Lo que nos permite este tipo de escala es que no necesitamos realizar cambios o desarrollo adicional en nuestro sistema, solo habrá un tiempo en el que nuestro sistema no estará disponible hasta una vez que hayan sido implementado estos cambios. El problema de escalar verticalmente es que el costo empieza a ser exponencial en un momento, por lo que en un momento se puede hacer muy costoso un nodo único muy grande en donde cada vez las mejoras van a ser menores en cuanto a recursos. También hay un momento en el que, si utilizamos servidores tradicionales y no mainframes, exista una limitación en cuanto a la tecnología, en general por limitaciones en cuanto a la CPUs")]),s("h3",{attrs:{id:"escala-horizontal"}},[e._v("Escala Horizontal "),s("a",{staticClass:"header-anchor",attrs:{href:"#escala-horizontal"}},[e._v("¶")])]),s("img",{staticClass:"center",attrs:{src:o("db3b")}}),s("p",[e._v("La otra manera de escalar, es horizontalmente también (Scale Out) es cuando en vez de incrementar los recursos, se agregan nuevos servidores con los mismos recursos. Lo bueno de poder escalar horizontalmente es que la aplicación no deja de estar disponible al escalar de esta manera. El costo con esta metodología es mucho más económica por este medio, que escalando verticalmente, otro aspecto interesante es que es más tolerante a fallos, ya que más copias de la aplicación están corriendo al mismo tiempo. Las grandes desventajas son que la arquitectura se complica, junto con el aumento del ancho de banda entre los distintos componentes que puede llegar a tener nuestro sistema una vez que hagamos scale out.")]),s("p",[e._v("Con respecto a nuestra aplicación monolítica, podemos bien o replicar toda la aplicación con su bbdd, y que no tengan relación alguna cada una de las maquinas (imagen izquierda), o bien podemos solo replicar en cada uno de los servidores la aplicación y luego tener en otra instancia nuestra bbdd (imagen derecha).")]),s("img",{staticClass:"center",attrs:{src:o("4cf6")}}),s("p",[e._v("La motivación para la arquitectura de la imagen de la izquierda puede ser que se quiera distribuir por países el sistema, o sea, que en cada país que exista esta aplicación se dirija a un servidor que contiene todo su estado. La otra manera de escalar horizontalmente nuestro monolito nos permite que no tengamos tres bases de datos distintas, y que incluso el sistema pueda ser visto aun por el usuario como uno solo, o sea generalmente mediante alguna diferencia de endpoints, pero… como manejar la carga de manera que no se sobrecargue un solo servidor y los otros no? Con un load balancer…")]),s("img",{staticClass:"center",attrs:{src:o("335d")}}),s("p",[e._v("Un load balancer nos va a permitir usar alguna estrategia por la cual la carga sea distribuida de manera equitativa. Esto puede ser por un algoritmo simple, tal como puede ser un round robin, o puede tener algún feedback de los nodos o servidores, que pueden dar al load balancer un poco más de información sobre a dónde redirigir el tráfico.")]),s("p",[e._v("Pero esta es la única manera de escalar?? La respuesta es no.")]),s("p",[e._v("Se puede escalar horizontalmente de varias maneras, existe un libro que es el de “Art of Scalability” de Michael Fisher que nos propone un interesante modelo de cubo de como escalar.")]),s("img",{staticClass:"center",attrs:{src:o("da9c")}}),s("p",[e._v("En esta representación el punto de origen concuerda con el sistema monolítico en una sola instancia, y la arista de arriba a la derecha del cubo, nos representa la máxima escalabilidad de la aplicación. Y como el cubo es en tres dimensiones, eso nos dice que no solo hay una manera de escalar nuestra aplicación sino que hay varias que incluso podríamos llegar a combinar, ahora veremos cada una de las dimensiones")]),s("h3",{attrs:{id:"eje-x-clonacion"}},[e._v("Eje X - Clonacion "),s("a",{staticClass:"header-anchor",attrs:{href:"#eje-x-clonacion"}},[e._v("¶")])]),s("p",[e._v("Esta manera de escalar, es la que vimos al final de la sección anterior, es cuando tenemos varias réplicas de nuestra aplicación monolítica y que pueden o bien acceder a una bbdd. Otros temas a mencionar que no se hayan hecho antes es el tema de que al existir varias copias de nuestro sistema, tendremos que de alguna manera garantizar que los datos se mantengan consistentes, ya que varias copias van a estar accediendo a los mismos datos, por lo que tendremos que bien o implementar un sistema de lockeo de los datos o usar algo que nos garantice esto, que bien puede ser la base de datos. Este esquema no nos resuelve aún el problema de una aplicación de alta complejidad, o sea.. Que aun nuestro código va a estar aun organizado como una aplicación monolítica, esto puede no ser una desventaja si no tenemos un basecode demasiado grande pero si lo fuese, por temas de complejidad o incluso de uso de servicios de terceros, tal vez sea un problema a nivel de desarrollo o mantenimiento.")]),s("h3",{attrs:{id:"eje-y-descomposición-funcional"}},[e._v("Eje Y - Descomposición Funcional "),s("a",{staticClass:"header-anchor",attrs:{href:"#eje-y-descomposición-funcional"}},[e._v("¶")])]),s("p",[e._v("En vez de tener varias instancias o nodos del mismo sistema, cada uno conteniendo todo el código del sistema, en este eje se va a descomponer nuestra aplicación entre los distintos nodos, esto es lo que se conoce generalmente como microservicios, y cada uno de estos va a ser responsable de una función.")]),s("img",{staticClass:"center",attrs:{src:o("2936")}}),s("p",[e._v("Y como podemos descomponer a nuestra aplicación?")]),s("ul",[s("li",[s("p",[e._v("Podemos descomponer por medio de la función técnica de lo que hace ya sea un endpoint, o una funcionalidad, por ejemplo, se puede descomponer una aplicación en servicios de capacidad (capability-services) como login, usuarios, productos, etc. Abajo hay un pequeño ejemplo de un servicio de discusión, estilo reddit.")])]),s("li",[s("p",[e._v("Otra manera de descomponer es dividir por dominios a la aplicación, o sea por los recursos pero como un todo, y no por las funcionalidades, o sea si tenemos una aplicación de venta, podemos dividir la aplicación en: servicio al cliente, ventas, catalogo para el usuario. Esta división es más bien por entidades (Entity-Services)")])])]),s("p",[e._v("También pueden combinarse esta división o usarse otro tipo de división del sistema, el esquema no es estricto en este sentido, por lo que nos da la libertad de escalar nuestra aplicación o más bien de dividirla de acuerdo a nuestro dominio. No hay ya necesidad de clonar toda la aplicación de esta manera. El problema es que esto genera otras desventajas y son que ahora nuestros microservicios además de trabajar con la bbdd a veces tendrán que coordinarse los unos a los otros mediante mensajes o requests incluso, también puede haber un incremento en el uso del ancho de banda.")]),s("h3",{attrs:{id:"eje-z-shardingdata-partitioning"}},[e._v("Eje Z - Sharding/Data Partitioning "),s("a",{staticClass:"header-anchor",attrs:{href:"#eje-z-shardingdata-partitioning"}},[e._v("¶")])]),s("p",[e._v("Hasta ahora vimos cómo dividir nuestro sistema pero a nivel de organización de la lógica de nuestros componentes, puede existir el caso en el que si estamos persistiendo los datos de nuestro sistema, el mismo aún tenga una sola base de datos o a lo sumo este replicada en otras bases, pero que en suma estas réplicas son solo una copia de todo el estado de la base de datos principal, por lo que en ese esquema solo una base de datos admite escrituras y todas puedan ser leídas. Dependiendo del tipo de réplica, la misma puede ser hecha ni bien se escriben los valores o a veces pueden tenerse escrituras que no garantice que una vez que se escribió el valor en la base de datos, el mismo esté replicado en las otras bases, esto se llama replicación asincrónica. Pueden ver mas de esto en el siguiente (link)[https://www.cybertec-postgresql.com/en/services/postgresql-replication/synchronous-synchronous-replication/]")]),s("p",[e._v("Pero aún tenemos el estado, a lo sumo replicado, tal como lo teníamos con los servidores al escalarlo mediante clonación (eje x), y solo podemos tener una escritura a la vez, esto puede ser un cuello de botella si existen muchas escrituras sobre la base de datos. El esquema de este eje z, es el de dividir la base de datos o el estado en subsets, por lo que podemos dividir el estado bajo un criterio determinado, por ejemplo si tenemos un estado que son los productos, bien podemos dividir los mismos por rango de letras como el siguiente ejemplo.")]),s("img",{staticClass:"center",attrs:{src:o("2ed8")}}),s("p",[e._v("Y como tenemos ahora el estado particionado, vamos a tener que tener algo que nos pueda despachar al nodo correcto los pedidos de lectura o escritura, que puede ser un load balancer, o bien que los nodos de estado o persistencia se puedan hablar entre ellos para devolver o persistir el estado, esto último es en el caso en el que no se tenga una base de datos relacional o tan solo se pueda implementar un shardeo de este tipo. Lo interesante de este esquema es que no tenemos más de un nodo de datos que pueda aceptar escrituras, aunque solo habrá una escritura por subset.")]),s("h2",{attrs:{id:"combinación-de-ejes"}},[e._v("Combinación de Ejes "),s("a",{staticClass:"header-anchor",attrs:{href:"#combinación-de-ejes"}},[e._v("¶")])]),s("p",[e._v("Como el modelo de escala es tridimensional, se puede incluso combinar para que nuestra arquitectura sea más robusta, por ejemplo, podemos tener un esquema de microservicios en el que además cada servicio, como el de login, puede esta clonado y tener más de un servicio de login disponible y el mismo esté tan solo distribuido por un segundo nivel de load balancer que redirige los request con un criterio, que nos da un esquema así? Como dijimos antes, mayor robustez, si bien escalar por microservicios divide la carga, aun todos los usuarios en gran medida, deberán loguearse, y ademas al separar los servicios, aun seguimos teniendo un solo punto de fallo, por lo que para que el servicio esté disponible si el servidor de login se cae, es el de escalar después este microservicio por medio de clonar el mismo en varios servidores idénticos con este microservicios.")]),s("img",{staticClass:"center",attrs:{src:o("f5a1")}}),s("h3",{attrs:{id:"sesiones"}},[e._v("Sesiones "),s("a",{staticClass:"header-anchor",attrs:{href:"#sesiones"}},[e._v("¶")])]),s("p",[e._v("Otro tema que no hablamos antes es sobre las sesiones en nuestra aplicación ahora distribuida, en el primer caso que es el de replicar la aplicación, si tenemos varios nodos con toda nuestra aplicación y un load balancer, puede ocurrir que un usuario se loguee en un nodo y luego en otro request, pueda ser redirigido a otro nodo donde no se tiene registro de su login, como se resuelve esto? O bien teniendo un lugar, como una base de datos aparte donde se registren las sesiones o bien se puede optar por un esquema de sticky sessions")]),s("img",{staticClass:"center",attrs:{src:o("2cb2")}}),s("p",[e._v("ELs sticky sessions permiten mediante una cookie, saber contra qué servidor se autenticaron, además de otra información de la sesión, el load balancer sabe a qué nodo redirigir los requests de un usuario en particular sobre un modelo de cloning o en el que nuestra aplicación esta solo replicada, en otros tipo de arquitecturas como microservicios, puede ser que no sea necesario a menos que exista solo nodo de login de usuarios.")]),s("h3",{attrs:{id:"heartbeat-y-gossip"}},[e._v("Heartbeat y gossip "),s("a",{staticClass:"header-anchor",attrs:{href:"#heartbeat-y-gossip"}},[e._v("¶")])]),s("p",[e._v("A veces es necesario saber si un nodo o servicio esta disponible y que sepamos que no este caido, a veces si es solo un servicio que estamos exponiendo podemos tan solo tener un healthcheck, que es solo un endpoint de nuestro sistema (algo mas de detalle en "),s("a",{attrs:{href:"https://microservices.io/patterns/observability/health-check-api.html"}},[e._v("https://microservices.io/patterns/observability/health-check-api.html")]),e._v(", puede ser incluso implementado si no estamos en un esquema de microservicios) para confirmar si nuestro servicio esta disponible y puede admitir nuevos pedidos, pero esto es en general a nivel de HHTP, por lo que si un nodo nuestro se cae podriamos no llegar a poder responder un request hecho a nuestro endpoint. Entonces cómo podemos detectar fallas en nodos de nuestro sistema si no es solo mediante un chequeo de healthcheck o un mecanismo similar? Podemos hacerlo mediante conexiones de tcp en las que se pase un token o un bit o un valor que se van a ir pasando entre los nodos, y de esta manera cuando un nodo deje de pasar ese valor después de un tiempo prolongado, muy superior al tiempo entre emisión de este valor, se puede tomar al nodo como caido. Esto se lo conoce como heartbeat, y es útil para conocer si se cayeron los nodos sin depender de un healthcheck, ya que pudo existir una caída del nodo y que no sea un problema lógico o de algún componente o servicio externo. Lo recomendable es que la información de heartbeat este en una vía o conexión distinta a lo que se usaría para intercambiar información entre nodos o servidores. Otra manera un poco mas bien ordenada o distribuida, de cómo notificar a otros servidores y no hacer múltiples conexiones entre nodos, para usar heartbeat, es el de usar un protocolo de gossip. Esto permite que se intercambie más información entre servidores, y que no sea solo un simple valor o bit, por ejemplo, puede ser información tal como por ejemplo: “se cayó el nodo de login x”, o “volvió a estar disponible el nodo que contiene la base de datos”. Se puede encontrar un poco más de información en el siguiente "),s("a",{attrs:{href:"https://github.com/gossiperl/gossiperl/wiki/gossip-in-computer-science"}},[e._v("link")])]),s("p",[e._v("Videos que nos parecieron interesantes")]),s("p",[s("a",{attrs:{href:"https://www.youtube.com/watch?v=PE4gwstWhmc"}},[e._v("How We've Scaled Dropbox")])]),s("p",[s("a",{attrs:{href:"https://www.youtube.com/watch?v=Y6Ev8GIlbxc"}},[e._v("Distributed Systems in One Lesson by Tim Berglund")])])])}],i=o("2877"),r={},t=Object(i["a"])(r,s,n,!1,null,null,null);a["default"]=t.exports},f5a1:function(e,a,o){e.exports=o.p+"img/image5.db96ab35.png"}}]);
+//# sourceMappingURL=chunk-134a5bcf.40d7cefa.js.map
\ No newline at end of file
diff --git a/js/chunk-134a5bcf.40d7cefa.js.map b/js/chunk-134a5bcf.40d7cefa.js.map
new file mode 100644
index 0000000..b5f01c9
--- /dev/null
+++ b/js/chunk-134a5bcf.40d7cefa.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/distribucion/image6.png","webpack:///./src/images/distribucion/image8.png","webpack:///./src/images/distribucion/image10.png","webpack:///./src/images/distribucion/image4.png","webpack:///./src/images/distribucion/image13.png","webpack:///./src/images/distribucion/image7.png","webpack:///./src/images/distribucion/image2.png","webpack:///./src/images/distribucion/image9.png","webpack:///./src/images/distribucion/image12.png","webpack:///./src/content/distribucion.md?31c1","webpack:///./src/content/distribucion.md","webpack:///./src/images/distribucion/image5.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","staticStyle","script","component"],"mappings":"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","file":"js/chunk-134a5bcf.40d7cefa.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/image8.fd1bffb3.png\";","module.exports = __webpack_public_path__ + \"img/image10.4683f863.png\";","module.exports = __webpack_public_path__ + \"img/image4.132661ac.png\";","module.exports = __webpack_public_path__ + \"img/image13.aa9b12a8.png\";","module.exports = __webpack_public_path__ + \"img/image7.bcf1a28f.png\";","module.exports = __webpack_public_path__ + \"img/image2.5a8685e5.png\";","module.exports = __webpack_public_path__ + \"img/image9.44cb6ec8.png\";","module.exports = __webpack_public_path__ + \"img/image12.f374f4f9.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h1',{attrs:{\"id\":\"distribución\"}},[_vm._v(\"Distribución \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#distribución\"}},[_vm._v(\"¶\")])]),_c('h2',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Antes de hablar de distribución, es a veces ideal tratar de explicarlo de cómo se llega a ella. En general cuando se plantea la arquitectura de una aplicación, en cuanto a la arquitectura, en donde queda afuera lo que es el diseño e implementación del mismo, en general se plantea o se despliega por primera vez como un monolito, es decir, solo implementar todo nuestro sistema en un solo servidor. Ya sea un prototipo, o una versión temprana (beta) de nuestra aplicación, en general se plantea el monolito como arquitectura inicial, por costos y tiempo en el que se despliega la aplicación, y también porque no tenemos problemas que nos puede causar un sistema distribuido.\")]),_c('img',{staticClass:\"center\",staticStyle:{\"width\":\"500px\"},attrs:{\"src\":require(\"@/images/distribucion/image2.png\")}}),_c('p',[_vm._v(\"Esta es una imagen de una arquitectura monolitica tradicional, con una aplicacion y una base SQL, que en general esta desplegada en un solo servidor. Algunos problemas que puede generar esta arquitectura es la siguiente:\")]),_c('ul',[_c('li',[_vm._v(\"Incremento de la complejidad de la aplicacion, a medida que pasa el tiempo y la misma empieza a tener gran cantidad de componentes o va creciendo los requerimientos del sistema\")]),_c('li',[_vm._v(\"Cuando empieza a ser usado cada vez por más usuarios, esto hace que aumente la carga y que un solo servidor pueda no ser suficiente o incluso generar problemas con la carga que generan estos usuarios\")])]),_c('p',[_vm._v(\"Ante el aumento de la carga de usuarios, tráfico y mayor interacción entre la aplicación y la base de datos, esto genera una carga mayor en el único servidor que tenemos, por lo cual deberemos escalar. Hay dos tipos de escala:\")]),_c('h3',{attrs:{\"id\":\"escala-vertical-scale-up\"}},[_vm._v(\"Escala Vertical (Scale Up) \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#escala-vertical-scale-up\"}},[_vm._v(\"¶\")])]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image6.png\")}}),_c('p',[_vm._v(\"Esta manera de escalar, también conocido como escalar para arriba o verticalmente (?) (scale up), es incrementando los recursos de un servidor o un nodo, o sea aumentar CPU, memoria, disco, etc. Lo que nos permite este tipo de escala es que no necesitamos realizar cambios o desarrollo adicional en nuestro sistema, solo habrá un tiempo en el que nuestro sistema no estará disponible hasta una vez que hayan sido implementado estos cambios. El problema de escalar verticalmente es que el costo empieza a ser exponencial en un momento, por lo que en un momento se puede hacer muy costoso un nodo único muy grande en donde cada vez las mejoras van a ser menores en cuanto a recursos. También hay un momento en el que, si utilizamos servidores tradicionales y no mainframes, exista una limitación en cuanto a la tecnología, en general por limitaciones en cuanto a la CPUs\")]),_c('h3',{attrs:{\"id\":\"escala-horizontal\"}},[_vm._v(\"Escala Horizontal \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#escala-horizontal\"}},[_vm._v(\"¶\")])]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image12.png\")}}),_c('p',[_vm._v(\"La otra manera de escalar, es horizontalmente también (Scale Out) es cuando en vez de incrementar los recursos, se agregan nuevos servidores con los mismos recursos. Lo bueno de poder escalar horizontalmente es que la aplicación no deja de estar disponible al escalar de esta manera. El costo con esta metodología es mucho más económica por este medio, que escalando verticalmente, otro aspecto interesante es que es más tolerante a fallos, ya que más copias de la aplicación están corriendo al mismo tiempo. Las grandes desventajas son que la arquitectura se complica, junto con el aumento del ancho de banda entre los distintos componentes que puede llegar a tener nuestro sistema una vez que hagamos scale out.\")]),_c('p',[_vm._v(\"Con respecto a nuestra aplicación monolítica, podemos bien o replicar toda la aplicación con su bbdd, y que no tengan relación alguna cada una de las maquinas (imagen izquierda), o bien podemos solo replicar en cada uno de los servidores la aplicación y luego tener en otra instancia nuestra bbdd (imagen derecha).\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image7.png\")}}),_c('p',[_vm._v(\"La motivación para la arquitectura de la imagen de la izquierda puede ser que se quiera distribuir por países el sistema, o sea, que en cada país que exista esta aplicación se dirija a un servidor que contiene todo su estado. La otra manera de escalar horizontalmente nuestro monolito nos permite que no tengamos tres bases de datos distintas, y que incluso el sistema pueda ser visto aun por el usuario como uno solo, o sea generalmente mediante alguna diferencia de endpoints, pero… como manejar la carga de manera que no se sobrecargue un solo servidor y los otros no? Con un load balancer…\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image13.png\")}}),_c('p',[_vm._v(\"Un load balancer nos va a permitir usar alguna estrategia por la cual la carga sea distribuida de manera equitativa. Esto puede ser por un algoritmo simple, tal como puede ser un round robin, o puede tener algún feedback de los nodos o servidores, que pueden dar al load balancer un poco más de información sobre a dónde redirigir el tráfico.\")]),_c('p',[_vm._v(\"Pero esta es la única manera de escalar?? La respuesta es no.\")]),_c('p',[_vm._v(\"Se puede escalar horizontalmente de varias maneras, existe un libro que es el de “Art of Scalability” de Michael Fisher que nos propone un interesante modelo de cubo de como escalar.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image9.png\")}}),_c('p',[_vm._v(\"En esta representación el punto de origen concuerda con el sistema monolítico en una sola instancia, y la arista de arriba a la derecha del cubo, nos representa la máxima escalabilidad de la aplicación. Y como el cubo es en tres dimensiones, eso nos dice que no solo hay una manera de escalar nuestra aplicación sino que hay varias que incluso podríamos llegar a combinar, ahora veremos cada una de las dimensiones\")]),_c('h3',{attrs:{\"id\":\"eje-x-clonacion\"}},[_vm._v(\"Eje X - Clonacion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#eje-x-clonacion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Esta manera de escalar, es la que vimos al final de la sección anterior, es cuando tenemos varias réplicas de nuestra aplicación monolítica y que pueden o bien acceder a una bbdd. Otros temas a mencionar que no se hayan hecho antes es el tema de que al existir varias copias de nuestro sistema, tendremos que de alguna manera garantizar que los datos se mantengan consistentes, ya que varias copias van a estar accediendo a los mismos datos, por lo que tendremos que bien o implementar un sistema de lockeo de los datos o usar algo que nos garantice esto, que bien puede ser la base de datos. Este esquema no nos resuelve aún el problema de una aplicación de alta complejidad, o sea.. Que aun nuestro código va a estar aun organizado como una aplicación monolítica, esto puede no ser una desventaja si no tenemos un basecode demasiado grande pero si lo fuese, por temas de complejidad o incluso de uso de servicios de terceros, tal vez sea un problema a nivel de desarrollo o mantenimiento.\")]),_c('h3',{attrs:{\"id\":\"eje-y-descomposición-funcional\"}},[_vm._v(\"Eje Y - Descomposición Funcional \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#eje-y-descomposición-funcional\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En vez de tener varias instancias o nodos del mismo sistema, cada uno conteniendo todo el código del sistema, en este eje se va a descomponer nuestra aplicación entre los distintos nodos, esto es lo que se conoce generalmente como microservicios, y cada uno de estos va a ser responsable de una función.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image8.png\")}}),_c('p',[_vm._v(\"Y como podemos descomponer a nuestra aplicación?\")]),_c('ul',[_c('li',[_c('p',[_vm._v(\"Podemos descomponer por medio de la función técnica de lo que hace ya sea un endpoint, o una funcionalidad, por ejemplo, se puede descomponer una aplicación en servicios de capacidad (capability-services) como login, usuarios, productos, etc. Abajo hay un pequeño ejemplo de un servicio de discusión, estilo reddit.\")])]),_c('li',[_c('p',[_vm._v(\"Otra manera de descomponer es dividir por dominios a la aplicación, o sea por los recursos pero como un todo, y no por las funcionalidades, o sea si tenemos una aplicación de venta, podemos dividir la aplicación en: servicio al cliente, ventas, catalogo para el usuario. Esta división es más bien por entidades (Entity-Services)\")])])]),_c('p',[_vm._v(\"También pueden combinarse esta división o usarse otro tipo de división del sistema, el esquema no es estricto en este sentido, por lo que nos da la libertad de escalar nuestra aplicación o más bien de dividirla de acuerdo a nuestro dominio. No hay ya necesidad de clonar toda la aplicación de esta manera. El problema es que esto genera otras desventajas y son que ahora nuestros microservicios además de trabajar con la bbdd a veces tendrán que coordinarse los unos a los otros mediante mensajes o requests incluso, también puede haber un incremento en el uso del ancho de banda.\")]),_c('h3',{attrs:{\"id\":\"eje-z-shardingdata-partitioning\"}},[_vm._v(\"Eje Z - Sharding/Data Partitioning \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#eje-z-shardingdata-partitioning\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Hasta ahora vimos cómo dividir nuestro sistema pero a nivel de organización de la lógica de nuestros componentes, puede existir el caso en el que si estamos persistiendo los datos de nuestro sistema, el mismo aún tenga una sola base de datos o a lo sumo este replicada en otras bases, pero que en suma estas réplicas son solo una copia de todo el estado de la base de datos principal, por lo que en ese esquema solo una base de datos admite escrituras y todas puedan ser leídas. Dependiendo del tipo de réplica, la misma puede ser hecha ni bien se escriben los valores o a veces pueden tenerse escrituras que no garantice que una vez que se escribió el valor en la base de datos, el mismo esté replicado en las otras bases, esto se llama replicación asincrónica. Pueden ver mas de esto en el siguiente (link)[https://www.cybertec-postgresql.com/en/services/postgresql-replication/synchronous-synchronous-replication/]\")]),_c('p',[_vm._v(\"Pero aún tenemos el estado, a lo sumo replicado, tal como lo teníamos con los servidores al escalarlo mediante clonación (eje x), y solo podemos tener una escritura a la vez, esto puede ser un cuello de botella si existen muchas escrituras sobre la base de datos. El esquema de este eje z, es el de dividir la base de datos o el estado en subsets, por lo que podemos dividir el estado bajo un criterio determinado, por ejemplo si tenemos un estado que son los productos, bien podemos dividir los mismos por rango de letras como el siguiente ejemplo.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image4.png\")}}),_c('p',[_vm._v(\"Y como tenemos ahora el estado particionado, vamos a tener que tener algo que nos pueda despachar al nodo correcto los pedidos de lectura o escritura, que puede ser un load balancer, o bien que los nodos de estado o persistencia se puedan hablar entre ellos para devolver o persistir el estado, esto último es en el caso en el que no se tenga una base de datos relacional o tan solo se pueda implementar un shardeo de este tipo. Lo interesante de este esquema es que no tenemos más de un nodo de datos que pueda aceptar escrituras, aunque solo habrá una escritura por subset.\")]),_c('h2',{attrs:{\"id\":\"combinación-de-ejes\"}},[_vm._v(\"Combinación de Ejes \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#combinación-de-ejes\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Como el modelo de escala es tridimensional, se puede incluso combinar para que nuestra arquitectura sea más robusta, por ejemplo, podemos tener un esquema de microservicios en el que además cada servicio, como el de login, puede esta clonado y tener más de un servicio de login disponible y el mismo esté tan solo distribuido por un segundo nivel de load balancer que redirige los request con un criterio, que nos da un esquema así? Como dijimos antes, mayor robustez, si bien escalar por microservicios divide la carga, aun todos los usuarios en gran medida, deberán loguearse, y ademas al separar los servicios, aun seguimos teniendo un solo punto de fallo, por lo que para que el servicio esté disponible si el servidor de login se cae, es el de escalar después este microservicio por medio de clonar el mismo en varios servidores idénticos con este microservicios.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image5.png\")}}),_c('h3',{attrs:{\"id\":\"sesiones\"}},[_vm._v(\"Sesiones \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#sesiones\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Otro tema que no hablamos antes es sobre las sesiones en nuestra aplicación ahora distribuida, en el primer caso que es el de replicar la aplicación, si tenemos varios nodos con toda nuestra aplicación y un load balancer, puede ocurrir que un usuario se loguee en un nodo y luego en otro request, pueda ser redirigido a otro nodo donde no se tiene registro de su login, como se resuelve esto? O bien teniendo un lugar, como una base de datos aparte donde se registren las sesiones o bien se puede optar por un esquema de sticky sessions\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image10.png\")}}),_c('p',[_vm._v(\"ELs sticky sessions permiten mediante una cookie, saber contra qué servidor se autenticaron, además de otra información de la sesión, el load balancer sabe a qué nodo redirigir los requests de un usuario en particular sobre un modelo de cloning o en el que nuestra aplicación esta solo replicada, en otros tipo de arquitecturas como microservicios, puede ser que no sea necesario a menos que exista solo nodo de login de usuarios.\")]),_c('h3',{attrs:{\"id\":\"heartbeat-y-gossip\"}},[_vm._v(\"Heartbeat y gossip \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#heartbeat-y-gossip\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"A veces es necesario saber si un nodo o servicio esta disponible y que sepamos que no este caido, a veces si es solo un servicio que estamos exponiendo podemos tan solo tener un healthcheck, que es solo un endpoint de nuestro sistema (algo mas de detalle en \"),_c('a',{attrs:{\"href\":\"https://microservices.io/patterns/observability/health-check-api.html\"}},[_vm._v(\"https://microservices.io/patterns/observability/health-check-api.html\")]),_vm._v(\", puede ser incluso implementado si no estamos en un esquema de microservicios) para confirmar si nuestro servicio esta disponible y puede admitir nuevos pedidos, pero esto es en general a nivel de HHTP, por lo que si un nodo nuestro se cae podriamos no llegar a poder responder un request hecho a nuestro endpoint. Entonces cómo podemos detectar fallas en nodos de nuestro sistema si no es solo mediante un chequeo de healthcheck o un mecanismo similar? Podemos hacerlo mediante conexiones de tcp en las que se pase un token o un bit o un valor que se van a ir pasando entre los nodos, y de esta manera cuando un nodo deje de pasar ese valor después de un tiempo prolongado, muy superior al tiempo entre emisión de este valor, se puede tomar al nodo como caido. Esto se lo conoce como heartbeat, y es útil para conocer si se cayeron los nodos sin depender de un healthcheck, ya que pudo existir una caída del nodo y que no sea un problema lógico o de algún componente o servicio externo. Lo recomendable es que la información de heartbeat este en una vía o conexión distinta a lo que se usaría para intercambiar información entre nodos o servidores. Otra manera un poco mas bien ordenada o distribuida, de cómo notificar a otros servidores y no hacer múltiples conexiones entre nodos, para usar heartbeat, es el de usar un protocolo de gossip. Esto permite que se intercambie más información entre servidores, y que no sea solo un simple valor o bit, por ejemplo, puede ser información tal como por ejemplo: “se cayó el nodo de login x”, o “volvió a estar disponible el nodo que contiene la base de datos”. Se puede encontrar un poco más de información en el siguiente \"),_c('a',{attrs:{\"href\":\"https://github.com/gossiperl/gossiperl/wiki/gossip-in-computer-science\"}},[_vm._v(\"link\")])]),_c('p',[_vm._v(\"Videos que nos parecieron interesantes\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=PE4gwstWhmc\"}},[_vm._v(\"How We've Scaled Dropbox\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=Y6Ev8GIlbxc\"}},[_vm._v(\"Distributed Systems in One Lesson by Tim Berglund\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./distribucion.md?vue&type=template&id=be777878&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/image5.db96ab35.png\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0a34c9.b72d6dd3.js b/js/chunk-2d0a34c9.b72d6dd3.js
new file mode 100644
index 0000000..0fe114d
--- /dev/null
+++ b/js/chunk-2d0a34c9.b72d6dd3.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0a34c9"],{"021b":function(e,s,a){"use strict";a.r(s);var r=function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("section",[a("h2",{attrs:{id:"anteriormente-en-arquitecturas-concurrentes"}},[e._v("Anteriormente... en Arquitecturas Concurrentes "),a("a",{staticClass:"header-anchor",attrs:{href:"#anteriormente-en-arquitecturas-concurrentes"}},[e._v("¶")])]),a("p",[e._v("Hasta ahora trabajamos sobre un modelo de concurrencia basado en un "),a("em",[e._v("event loop")]),e._v(". En este esquema, cada evento se procesa completamente antes de pasar a la ejecución del próximo, y todo esto ocurre en un único thread.")]),a("p",[e._v("Una ventaja que esto implica es que cuando una función se está ejecutando, tenemos la seguridad de que no va a ser interrumpida por el planificador hasta que termine, lo cual evita los problemas de concurrencia tradicionales que habíamos visto al usar "),a("em",[e._v("threads")]),e._v(" y "),a("em",[e._v("locks")]),e._v(". Y esto lo logramos gracias a que el event loop le provee un "),a("em",[e._v("orden")]),e._v(" a la ejecución concurrente; la serializa.")]),a("p",[e._v("Las corrutinas nos permiten lograr algo similar, sin utilizar (necesariamente) un event loop.")]),a("h2",{attrs:{id:"caso-practico"}},[e._v("Caso practico "),a("a",{staticClass:"header-anchor",attrs:{href:"#caso-practico"}},[e._v("¶")])]),a("p",[e._v('En el desarrollo de software muchas veces solemos enfatizar en lograr que los algoritmos sean más eficientes, es decir que completen los cálculos lo más rápido posible. Pero muchos sistemas dedican su tiempo a "no hacer cálculos", sino que mantienen abiertas muchas conexiones que son lentas. Estos programas presentan un desafío muy diferente: atender una gran cantidad de eventos de red de manera eficiente. Un enfoque actual de este problema es la E/S asíncrona o "asincrónica".')]),a("p",[e._v("Tomemos el ejemplo de un crawler (rastreador web) sencillo. El crawler es una aplicación asíncrona que espera muchas respuestas, pero realiza pocos cálculos. Cuantas más páginas pueda extraer a la vez, va a poder terminar antes.")]),a("h2",{attrs:{id:"el-enfoque-tradicional"}},[e._v("El enfoque tradicional "),a("a",{staticClass:"header-anchor",attrs:{href:"#el-enfoque-tradicional"}},[e._v("¶")])]),a("p",[e._v("¿Cómo hacemos que el crawler sea concurrente? Tradicionalmente, crearíamos un grupo hilos. Cada uno se encargaría de descargar una página a la vez a través de un socket. Por ejemplo, para descargar una página de bla.com:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" sys\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" requests\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" threading\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" bs4 "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" BeautifulSoup\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("get_urls_from_root")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(root_url)")]),e._v(":")]),e._v("\n soup = BeautifulSoup(reqs.text, "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'html.parser'")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" soup.find_all("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'a'")]),e._v("):\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fetch")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(url)")]),e._v(":")]),e._v("\n r = requests.get(url)\n parse_response(r.content) "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("#Content of the response, in bytes")]),e._v("\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("parse_response")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(response)")]),e._v(":")]),e._v("\n hace_su_magia(response)\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v(" __name__ == "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'__main__'")]),e._v(":\n root_url = sys.argv["),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("]\n urls = [link.get("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'href'")]),e._v(") "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" link "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" get_urls_from_root(root_url)]\n\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" url "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" urls:\n t = threading.Thread(target=fetch, args=(i,))\n t.start()\n")])]),a("p",[e._v("Este es un ejemplo simple que hace lo mencionado anteriormente. Analicemos con más detalle lo que esta realmente haciendo la función "),a("strong",[e._v("fetch")]),e._v(", escribámosla de vuelta sin usar la libreria requests.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fetch")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(url)")]),e._v(":")]),e._v("\n sock = socket.socket()\n sock.connect(("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'bla.com'")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("80")]),e._v("))\n request = "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'GET {} HTTP/1.0\\r\\nHost: bla.com\\r\\n\\r\\n'")]),e._v(".format(url)\n sock.send(request.encode("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'ascii'")]),e._v("))\n response = "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("b''")]),e._v("\n chunk = sock.recv("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4096")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" chunk:\n response += chunk\n chunk = sock.recv("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4096")]),e._v(")\n\n parse_response(response)\n")])]),a("blockquote",[a("p",[e._v("Nota: De esa forma la manipulación de sockets, el connect y el recv estan de forma explicita y nos obliga a hablar de estas cosas que vimos en algún pasado lejano programando en C y leyendo la guia Beej :P")])]),a("h3",{attrs:{id:"entendiendo-el-problema"}},[e._v("Entendiendo el problema "),a("a",{staticClass:"header-anchor",attrs:{href:"#entendiendo-el-problema"}},[e._v("¶")])]),a("p",[e._v("Si se crea un hilo por cada request (solicitud), a medida que aumente el número de requests simultáneas, aumenta la posibilidad de quedarse sin memoria antes de que se agoten los sockets. Podemos evitar la necesidad de subprocesos (hilos), mediante el uso de E/S asincrónica.")]),a("p",[e._v("Por defecto, las operaciones con sockets son bloqueantes, cuando el hilo llama a un método como connect o recv, se detiene hasta que la operación se completa. En consecuencia, para descargar muchas páginas a la vez, necesitamos muchos hilos. Una aplicación sofisticada amortiza el costo de la creación de hilos al mantener los inactivos en un grupo o pool y luego revisarlos para reutilizarlos para tareas posteriores; se suele hacer lo mismo con los sockets en un grupo de conexiones.")]),a("p",[e._v("Sin embargo, los hilos son costosos y los sistemas operativos imponen una variedad de límites estrictos en la cantidad que se puede tener. Un hilo de Python ocupa alrededor de 50k de memoria y el inicio de decenas de miles de hilos puede provocar fallas. Si escalamos hasta decenas de miles de operaciones simultáneas en sockets concurrentes, nos quedamos sin hilos antes de quedarnos sin sockets. La sobrecarga por hilos o los límites del sistema en subprocesos son el cuello de botella.")]),a("p",[e._v("Dan Kegel en su artículo "),a("a",{attrs:{href:"http://www.kegel.com/c10k.html"}},[e._v("The C10K problem")]),a("sup",{staticClass:"footnote-ref"},[a("a",{attrs:{href:"#fn1",id:"fnref1"}},[e._v("[1]")])]),e._v(", describe las limitaciones de utilizar multiples hilos para resolver problemas de concurrencia de E/S.")]),a("p",[e._v('Kegel utilizo el término "C10K" en 1999. Diez mil conexiones no suenan ahora como lo sonaban antes, pero el problema ha cambiado sólo en tamaño, no en especie. En aquel entonces, usar un hilo por conexión para C10K no era práctico. Ahora el límite es en órdenes de magnitud más elevado. De hecho, nuestro crawler de juguete funcionaría bien con hilos. Sin embargo, para aplicaciones a gran escala, con cientos de miles de conexiones, el límite permanece; hay un límite más allá del cual la mayoría de los sistemas aún pueden crear sockets, pero se han quedado sin hilos. ¿Cómo podemos superar esto?')]),a("h2",{attrs:{id:"async"}},[e._v("Async "),a("a",{staticClass:"header-anchor",attrs:{href:"#async"}},[e._v("¶")])]),a("p",[e._v("Los frameworks de E/S asincrónicos realizan operaciones simultáneas en un solo hilo utilizando sockets no bloqueantes. En nuestro crawler asíncrono, configuramos el socket no bloqueante antes de comenzar a conectarnos al servidor:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[e._v("sock = socket.socket()\nsock.setblocking("),a("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("False")]),e._v(")\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("try")]),e._v(":\n sock.connect(("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'bla.com'")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("80")]),e._v("))\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("except")]),e._v(" BlockingIOError:\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("pass")]),e._v("\n")])]),a("p",[e._v("Un socket no bloqueante genera una excepción al realizar el "),a("em",[e._v("connect")]),e._v(", incluso cuando funciona normalmente. Esta excepción replica el comportamiento irritante de la función C subyacente, que establece "),a("em",[e._v("errno")]),e._v(" en "),a("em",[e._v("EINPROGRESS")]),e._v(" para indicarle que ha comenzado.")]),a("p",[e._v("Ahora nuestro crawler necesita una forma de saber cuándo se establece la conexión, para poder enviar la solicitud HTTP. Simplemente podríamos seguir intentándolo en un loop. Este método no puede esperar eventos de manera eficiente en múltiples sockets. En la antigüedad, la solución de BSD Unix a este problema era select, una función de C que espera a que ocurra un evento en un socket sin bloqueo o en un pequeño vector de ellos. Hoy en día, la demanda de aplicaciones con un gran número de conexiones ha llevado a reemplazos como poll, luego kqueue en BSD y epoll en Linux. Estas API son similares a las de select, pero funcionan bien con un gran número de conexiones.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" selectors "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" DefaultSelector, EVENT_WRITE\n\nselector = DefaultSelector()\n\nsock = socket.socket()\nsock.setblocking("),a("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("False")]),e._v(")\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("try")]),e._v(":\n sock.connect(("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'bla.com'")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("80")]),e._v("))\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("except")]),e._v(" BlockingIOError:\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("pass")]),e._v("\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("connected")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n selector.unregister(sock.fileno())\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'connected!'")]),e._v(")\n\nselector.register(sock.fileno(), EVENT_WRITE, connected)\n")])]),a("p",[e._v("Procesamos las notificaciones de E/S a medida que el selector las recibe, en un loop:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("loop")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("True")]),e._v(":\n events = selector.select()\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" event_key, event_mask "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" events:\n callback = event_key.data\n callback()\n")])]),a("p",[e._v('Aquí hemos logrado tener "concurrencia", pero no "paralelismo". Es decir, construimos un pequeño sistema que superpone E/S. Es capaz de iniciar nuevas operaciones mientras otras están "en vuelo". No utiliza varios núcleos para ejecutar cálculos en paralelo. Este sistema está diseñado para problemas I/O-bound, no con CPU-bound.')]),a("p",[a("strong",[e._v("La iteración final en nuestro ejemplo seria refactorizar esto para que use corrutinas, pero antes necesitamos ver rápidamente lo que son para entender en que nos van a ayudar.")])]),a("blockquote",[a("p",[e._v("Nota al margen: las corrutinas no son nada nuevo. C++, Smalltalk, Erlang y muchos más (¡hasta PHP!) las tienen desde hace mucho. Pero recientemente han conseguido cierta notoriedad en la industria por su uso en lenguajes como Go, Kotlin y Python.")])]),a("p",[e._v("Para entender como funcionan, primero veamos "),a("strong",[e._v("iteradores")]),e._v(" y "),a("strong",[e._v("generadores")]),e._v("...")]),a("img",{staticClass:"center",attrs:{src:"https://www.salesoptimize.com/wp-content/uploads/2016/11/76e3344703e128bed674b84014fa01ab.jpg"}}),a("h2",{attrs:{id:"iteradores-y-generadores"}},[e._v("Iteradores y generadores "),a("a",{staticClass:"header-anchor",attrs:{href:"#iteradores-y-generadores"}},[e._v("¶")])]),a("p",[e._v("Un "),a("strong",[e._v("generador")]),e._v(" es un tipo especial de subrutina, pensando en teoría de conjuntos, podemos decir que el conjunto generador es un subconjunto de corrutina.")]),a("blockquote",[a("p",[e._v("Esta bien, pero entonces.. ¿qué es un generador?")])]),a("p",[e._v("También podemos decir que un "),a("strong",[e._v("generador")]),e._v(" es una función que produce una secuencia de resultados, en lugar de un único valor.")]),a("p",[e._v("Un "),a("strong",[e._v("iterador")]),e._v(" es un objeto que permite al programador recorrer un contenedor (colección de elementos) por ejemplo una lista. Una manera de implementar iteradores es utilizar un "),a("strong",[e._v("generador")]),e._v(", que como comentamos antes, puede producir valores para quien lo llama varias veces (en lugar de devolver sólo uno).")]),a("p",[e._v('Cuando invocamos a una función generadora se crea un "objeto generador" que permanece en un estado pausado, no se ejecuta automáticamente.')]),a("p",[e._v("Veámoslo con un ejemplo:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("cuenta_regresiva")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(numero)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" numero > "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(":\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" numero\n numero -= "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" numero "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" cuenta_regresiva("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("5")]),e._v("):\n print(numero)\n")])]),a("blockquote",[a("p",[e._v("El resultado de ejecutar el script es: 5 4 3 2 1")])]),a("p",[e._v('Acá podemos ver a el generador en su estado pausado, por esta propiedad los solemos usar en un for, y si es aplicable en un for, se deduce que el estado pausado es un objeto iterable. Llamando a next se ejecutan todas las lineas hasta volver al "segundo" yield')]),a("blockquote",[a("p",[e._v("x = cuenta_regresiva(5) x next(x) 4")])]),a("p",[e._v("A continuación se puede ver un ejemplo de un generador que devuelve los números de Fibonacci:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fibonacci")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n a, b = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("True")]),e._v(":\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" a\n a, b = b, a+b\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" numero "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" fibonacci(): "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# Utilización de generador como iterador")]),e._v("\n print(numero)\n")])]),a("h3",{attrs:{id:"corrutinas-basadas-en-generadores"}},[e._v("Corrutinas basadas en generadores "),a("a",{staticClass:"header-anchor",attrs:{href:"#corrutinas-basadas-en-generadores"}},[e._v("¶")])]),a("p",[e._v("Es posible implementar corrutinas basadas en generadores, de hecho, hasta Python 2.5 las corrutinas estaban hechas de esta forma, con la ayuda de una rutina de despachador de nivel superior (un trampolín, esencialmente) que pasa el control explícitamente a los generadores secundarios.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("coro")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("#yield usado de esta forma creamos una corrutina que hace más que generar valores, si no que también consume")]),e._v("\n hello = "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"Soy una corrutina"')]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" hello\n\nc = coro()\nprint(next(c))\nprint(c.send("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('", basada en generadores"')]),e._v("))\n")])]),a("h2",{attrs:{id:"qué-es-una-corrutina"}},[e._v("¿Qué es una corrutina? "),a("a",{staticClass:"header-anchor",attrs:{href:"#qué-es-una-corrutina"}},[e._v("¶")])]),a("p",[e._v("Una corrutina es similar a una subrutina tradicional (piensen en las funciones/procedimientos que vieron en Algoritmos), pero con la diferencia de que, mientras que la salida de una subrutina pone fin a su ejecución, una corrutina puede además "),a("strong",[e._v("suspenderse")]),e._v(", cediendo el control a otra hasta que se le indique que debe "),a("strong",[e._v("retomar")]),e._v(" su ejecución.")]),a("p",[e._v("Para entender mejor a qué nos referimos con esto, veamos un ejemplo en Python, uno de los lenguajes que cuenta con soporte para corrutinas.")]),a("h4",{attrs:{id:"sin-corrutinas"}},[e._v("Sin corrutinas "),a("a",{staticClass:"header-anchor",attrs:{href:"#sin-corrutinas"}},[e._v("¶")])]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" time\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("io")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n time.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'1'")]),e._v(")\n time.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'2'")]),e._v(")\n time.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'3'")]),e._v(")\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("main")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(tareas)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" tarea "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" tareas:\n io()\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v(" __name__ == "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'__main__'")]),e._v(":\n tiempo = time.perf_counter()\n main(range("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v("))\n tiempo2 = time.perf_counter() - tiempo\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("f'Tiempo total: "),a("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("{tiempo2:"),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0.2")]),e._v("f}")]),e._v(" segundos'")]),e._v(")\n")])]),a("p",[e._v("Este código imprime:")]),a("blockquote",[a("p",[e._v("1 2 3 1 2 3 1 2 3 Tiempo total: 9.01 segundos")])]),a("p",[e._v("Podemos ver que cada ciclo de IOs de cada tarea se ejecuta y termina una atrás de la otra. ¿Qué pasa si agregamos corrutinas?")]),a("h4",{attrs:{id:"con-corrutinas"}},[e._v("Con corrutinas "),a("a",{staticClass:"header-anchor",attrs:{href:"#con-corrutinas"}},[e._v("¶")])]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" time\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" asyncio\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("io")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("#Hay un async adelante del def, asi que soy una corrutina :D")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" asyncio.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" asyncio.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" asyncio.sleep("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(")\n print("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v(")\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("main")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" asyncio.gather(io(), io(), io())\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v(" __name__ == "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'__main__'")]),e._v(":\n tiempo = time.perf_counter()\n asyncio.run(main())\n tiempo2 = time.perf_counter() - tiempo\n print("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("f'Tiempo total: "),a("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("{tiempo2:"),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0.2")]),e._v("f}")]),e._v(" segundos'")]),e._v(")\n")])]),a("blockquote",[a("p",[e._v("1 1 1 2 2 2 3 3 3 Tiempo total: 3.00 segundos")])]),a("p",[e._v("La diferencia en los tiempos es notable. También observamos que el orden de ejecución fue distinto en este caso.")]),a("h2",{attrs:{id:"cómo-funcionan"}},[e._v("¿Cómo funcionan? "),a("a",{staticClass:"header-anchor",attrs:{href:"#cómo-funcionan"}},[e._v("¶")])]),a("p",[e._v("Cuando usamos corrutinas, no hay intervención del SO. Hay un sólo proceso, un sólo thread. Entonces... ¿qué es lo que esta pasando?")]),a("p",[e._v('Lo que ocurre es que las corrutinas liberan la CPU cuando están en "tiempo de espera" ('),a("code",{pre:!0},[e._v("await")]),e._v("), permitiendo que otras puedan usar la CPU.")]),a("p",[e._v("Podemos decir que es como una simultánea de ajedrez, en donde una persona juega contra dos o más. Hace un movimiento y no se queda esperando la respuesta del oponente en ese tablero, sino que pasa al siguiente y realiza un movimiento ahí. De esa forma, trata las partidas (tareas) de forma concurrente, lo que resulta en que se terminen en menos tiempo.")]),a("img",{staticClass:"center",attrs:{src:"https://i.ytimg.com/vi/Hp6827K1pFE/hqdefault.jpg"}}),a("p",[e._v("Seguro están pensando:")]),a("blockquote",[a("p",[e._v("Un momento... esto se parece a un thread")])]),a("p",[e._v("Lo que nos lleva a nuestra próxima sección...")]),a("h2",{attrs:{id:"corrutinas-vs-threads"}},[e._v("Corrutinas vs Threads "),a("a",{staticClass:"header-anchor",attrs:{href:"#corrutinas-vs-threads"}},[e._v("¶")])]),a("p",[e._v("La diferencia fundamental entre corrutinas y threads se da en la forma en la que se lleva a cabo la multitarea.")]),a("p",[e._v("Los threads, como ya vimos, manejan un esquema de "),a("strong",[e._v("multitarea apropiativa")]),e._v(" (en inglés, "),a("em",[e._v("preemptive multitasking")]),e._v("), donde el planificador es el encargado de asignar intervalos de uso de CPU a los threads que se están ejecutando, desalojándolos cuando este termina.")]),a("p",[e._v("Las corrutinas, en contraposición, permiten tener "),a("strong",[e._v("multitarea cooperativa")]),e._v(" ("),a("em",[e._v("cooperative/non-preemptive multitasking")]),e._v("). Esto significa que el cambio de contexto no es controlado por el planificador, sino que cada corrutina es la encargada de ceder el control cuando está inactiva o bloqueda.")]),a("p",[e._v('Otra diferencia, presente al menos en la visión "tradicional" de corrutinas, es que '),a("strong",[e._v("las corrutinas proveen concurrencia pero no paralelismo")]),e._v(". De esta forma, evitan problemas de concurrencia, ya que corren en un "),a("strong",[e._v("único contexto de ejecución")]),e._v(", y además "),a("strong",[e._v("controlan cuándo se suspenden")]),e._v(" (en vez de que el planificador las interrumpa en puntos arbitrarios).")]),a("blockquote",[a("p",[e._v("Las corrutinas ocupan menos memoria que los hilos (3k por corrutina vs 50k por hilo).")])]),a("p",[e._v("Una ventaja más que las corrutinas tienen sobre los hilos es que su funcionamiento no involucra llamadas al sistema bloqueantes para su creación ni para el cambio de contexto, ya que todo se maneja al nivel de la aplicación.")]),a("p",[e._v("Interesante comparación de cuando usar corrutinas y cuando usar threads en Kotlin."),a("sup",{staticClass:"footnote-ref"},[a("a",{attrs:{href:"#fn2",id:"fnref2"}},[e._v("[2]")])])]),a("h2",{attrs:{id:"cómo-se-declaran-y-ejecutan-en-python"}},[e._v("¿Cómo se declaran y ejecutan en Python? "),a("a",{staticClass:"header-anchor",attrs:{href:"#cómo-se-declaran-y-ejecutan-en-python"}},[e._v("¶")])]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" asyncio\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("print_loco")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(algo)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" print(algo,"),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'loco'")]),e._v(")\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("print_re_loco")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(algo)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" print(algo,"),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'loco'")]),e._v(")\n")])]),a("blockquote",[a("p",[e._v("print_loco")])]),a("blockquote",[a("p",[e._v("")])]),a("blockquote",[a("p",[e._v("print_re_loco")])]),a("blockquote",[a("p",[e._v("")])]),a("p",[e._v("Las dos funciones lucen similares, la diferencia vamos a notar cuando las usamos:")]),a("blockquote",[a("p",[e._v("print_loco('bla')")])]),a("blockquote",[a("p",[e._v("bla loco")])]),a("p",[e._v("Nada fuera de lo esperado.")]),a("blockquote",[a("p",[e._v("print_re_loco('algo')")])]),a("blockquote",[a("p",[e._v("")])]),a("p",[e._v('Nos retorna un objeto "corrutina" que por defecto no se va a planificar. Entonces, ¿cómo hago que se ejecute? Bueno, hay tres formas distintas para hacer eso.')]),a("p",[a("strong",[e._v("1-")]),e._v(" Usando la función "),a("code",{pre:!0},[e._v("run")]),e._v(" del módulo "),a("code",{pre:!0},[e._v("asyncio")]),a("sup",{staticClass:"footnote-ref"},[a("a",{attrs:{href:"#fn3",id:"fnref3"}},[e._v("[3]")])])]),a("blockquote",[a("p",[e._v("coro = print_re_loco('algo')")])]),a("blockquote",[a("p",[e._v("asyncio.run(coro)")])]),a("blockquote",[a("p",[e._v("algo loco")])]),a("p",[a("strong",[e._v("2-")]),e._v(" Usando "),a("code",{pre:!0},[e._v("await")]),e._v(" en una corrutina")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" asyncio\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("say_after")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(delay, what)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" asyncio.sleep(delay)\n print(what)\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("main")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" say_after("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" say_after("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'world'")]),e._v(")\n")])]),a("blockquote",[a("p",[e._v("asyncio.run(main())")])]),a("blockquote",[a("p",[e._v("hello")])]),a("blockquote",[a("p",[e._v("world")])]),a("p",[a("em",[e._v("Nota: acá usamos "),a("code",{pre:!0},[e._v("run")]),e._v(" para ejecutar la corrutina "),a("code",{pre:!0},[e._v("main")]),e._v(" y "),a("code",{pre:!0},[e._v("await")]),e._v(" para ejecutar las corrutinas "),a("code",{pre:!0},[e._v("say_after")]),e._v(".")])]),a("p",[a("strong",[e._v("3-")]),e._v(" Con la función "),a("code",{pre:!0},[e._v("create_task")]),e._v(" de "),a("code",{pre:!0},[e._v("asyncio")]),e._v(", que ejecuta corrutinas concurrentemente "),a("em",[e._v("wrappeándolas")]),e._v(" en "),a("code",{pre:!0},[e._v("Tasks")]),e._v(", usando por detrás un "),a("strong",[e._v("event loop")]),e._v(" para planificarlas.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" asyncio\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("main")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n task1 = asyncio.create_task(say_after("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'hello'")]),e._v("))\n task2 = asyncio.create_task(say_after("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'world'")]),e._v("))\n\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" task1\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" task2\n")])]),a("p",[a("em",[e._v("Nota: "),a("code",{pre:!0},[e._v("create_task")]),e._v(" envía la corrutina al event loop, permitiendo que corra en segundo plano. "),a("code",{pre:!0},[e._v("gather")]),e._v(" hace algo muy parecido, pero podemos decir que es conveniente usarlo cuando nos interesa hacer algo con el resultado de las corrutinas.")])]),a("h2",{attrs:{id:"qué-pasa-si-ejecuto-código-bloqueante-dentro-de-una-corrutina"}},[e._v("¿Qué pasa si ejecuto código bloqueante dentro de una corrutina? "),a("a",{staticClass:"header-anchor",attrs:{href:"#qué-pasa-si-ejecuto-código-bloqueante-dentro-de-una-corrutina"}},[e._v("¶")])]),a("p",[e._v("Si observaron con detalle se habrán dado cuenta de que cuando se usa sleep para suspender a la corrutina, se esta usando "),a("code",{pre:!0},[e._v("asyncio.sleep")]),e._v(" en lugar de "),a("code",{pre:!0},[e._v("time.sleep")]),e._v(". Esto es porque el segundo es bloqueante. Entonces como ya dedujeron, las operaciones bloqueantes bloquean todo el thread del sistema operativo subyacente.")]),a("p",[e._v("Pero hay formas de evitarlo :D!, lo que se hace es que correr estas tareas "),a("strong",[e._v("bloqueantes")]),e._v(" y otras que vamos a llamar "),a("strong",[e._v("CPU-bound-intensive")]),e._v(", sea conveniente ejecutarlas en otro thread. Concretamente en "),a("strong",[e._v("Python")]),e._v(" usando "),a("code",{pre:!0},[e._v("loop.run_in_executor()")]),e._v(" "),a("a",{attrs:{href:"https://docs.python.org/3/library/asyncio-dev.html#running-blocking-code"}},[e._v("Running Blocking Code")])]),a("p",[a("em",[e._v("Nota: también es posible setear un timeout para que cuando se cumpla, se corte su ejecución "),a("a",{attrs:{href:"https://docs.python.org/3/library/asyncio-task.html#timeouts"}},[e._v("ver timeouts")]),e._v(" .")])]),a("h2",{attrs:{id:"corrutinas-vs-generadores"}},[e._v("Corrutinas vs Generadores "),a("a",{staticClass:"header-anchor",attrs:{href:"#corrutinas-vs-generadores"}},[e._v("¶")])]),a("p",[e._v("Si bien ambos pueden ceder múltiples veces, suspender su ejecución y permitir el reingreso en múltiples puntos de entrada, difieren en que las corrutinas tienen la capacidad para controlar dónde continúa la ejecución inmediatamente después de ceder, mientras que los generadores no pueden, estos transfieren el control de nuevo al generador que lo llamo. Es decir, dado que los generadores se utilizan principalmente para simplificar la escritura de iteradores, la declaración de rendimiento en un generador no especifica una rutina para saltar, sino que devuelve un valor a una rutina principal. "),a("a",{attrs:{href:"https://docs.python.org/3/reference/expressions.html#yieldexpr"}},[e._v("Explicación de yield y comparación con corrutinas")])]),a("p",[a("strong",[e._v("Bien, entonces ahora somos capaces de retomar el ejemplo y refactorizar lo necesario para implementarlo con corrutinas :D")])]),a("h2",{attrs:{id:"con-corrutinas-basadas-en-generadores"}},[e._v("Con corrutinas basadas en generadores "),a("a",{staticClass:"header-anchor",attrs:{href:"#con-corrutinas-basadas-en-generadores"}},[e._v("¶")])]),a("p",[e._v("Es posible escribir código asincrónico que combine la eficiencia de los callbacks con el buen aspecto clásico de la programación multiproceso/hilo.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fetch")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(self, url)")]),e._v(":")]),e._v("\n response = "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" self.session.get(url)\n body = "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" response.read()\n")])]),a("p",[e._v("Ahora, fetch es una función generadora, en lugar de una normal. Creamos un "),a("a",{attrs:{href:"https://docs.python.org/es/3/library/asyncio-future.html#future-object"}},[e._v("future")]),e._v(" pendiente, luego lo cedemos para pausar la búsqueda hasta que el socket esté listo. La función interna on_connected resuelve el future.")]),a("blockquote",[a("p",[e._v("Nota: Un future representa un resultado eventual de una operación asincrónica.")])]),a("p",[e._v('Pero cuando el future se resuelva, ¿qué reanuda el generador? Necesitamos un controlador de rutina. Llamémoslo "tarea":')]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-class"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("class")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("Task")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("__init__")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(self, coro)")]),e._v(":")]),e._v("\n self.coro = coro\n f = Future()\n f.set_result("),a("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("None")]),e._v(")\n self.step(f)\n\n "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("step")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(self, future)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("try")]),e._v(":\n next_future = self.coro.send(future.result)\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("except")]),e._v(" StopIteration:\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v("\n\n next_future.add_done_callback(self.step)\n\nfetcher = Fetcher("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'/333/'")]),e._v(")\nTask(fetcher.fetch())\n\nloop()\n")])]),a("p",[e._v('Task inicia el generador "fetch" enviando None. Luego, fetch se ejecuta hasta que produce (yield) un future, que la tarea captura como siguiente future. Cuando el socket está conectado, el event loop ejecuta el callback on_connected, que resuelve el future, que llama a step, que reanuda fetch.')]),a("h2",{attrs:{id:"con-corrutinas-1"}},[e._v("Con corrutinas "),a("a",{staticClass:"header-anchor",attrs:{href:"#con-corrutinas-1"}},[e._v("¶")])]),a("p",[e._v("Modificando el codigo de las corrutinas basadas en generadores usando async/await, quedaría algo como:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-python"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" sys\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" asyncio\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("from")]),e._v(" bs4 "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("import")]),e._v(" BeautifulSoup\n\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("get_urls_from_root")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(root_url)")]),e._v(":")]),e._v("\n soup = BeautifulSoup(reqs.text, "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'html.parser'")]),e._v(")\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" soup.find_all("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'a'")]),e._v("):\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fetch")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(url)")]),e._v(":")]),e._v("\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" r = get_non_block(url)\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" parse_response(r.content) "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("#Content of the response, in bytes")]),e._v("\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("parse_response")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(response)")]),e._v(":")]),e._v("\n hace_su_magia(response)\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("async")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("main")]),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(":")]),e._v("\n root_url = sys.argv["),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("]\n urls = [link.get("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'href'")]),e._v(") "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" link "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" get_urls_from_root(root_url)]\n\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" url "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("in")]),e._v(" urls:\n task = asyncio.create_task(fetch(url))\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("await")]),e._v(" task\n\nasyncio.run(main())\n")])]),a("p",[e._v('Quedaria implementada la solución con corrutinas "nativas" de Python.')]),a("h2",{attrs:{id:"links-interesantes"}},[e._v("Links interesantes "),a("a",{staticClass:"header-anchor",attrs:{href:"#links-interesantes"}},[e._v("¶")])]),a("p",[a("a",{attrs:{href:"https://docs.python.org/3.8/library/asyncio-task.html"}},[e._v("Corrutinas en Python")])]),a("p",[a("a",{attrs:{href:"https://www.tornadoweb.org/en/stable/"}},[e._v("Framework de Python que levanta un server asincronico con corrutinas planificandolas con un event loop")])]),a("p",[a("a",{attrs:{href:"http://www.golangpatterns.info/concurrency/coroutines"}},[e._v("Corrutinas en Go")])]),a("p",[a("a",{attrs:{href:"https://tour.golang.org/concurrency/1"}},[e._v("Para jugar con Goroutines")])]),a("p",[a("a",{attrs:{href:"https://kotlinlang.org/docs/reference/coroutines/basics.html"}},[e._v("Corrutinas en Kotlin")])]),a("p",[a("a",{attrs:{href:"https://kotlinlang.org/docs/tutorials/coroutines/async-programming.html"}},[e._v("Comparación de técnicas programación asincrónica (threading, callbacks, Promises, corrutinas)")]),e._v(". Claramente enfocado para resaltar las ventajas de las corrutinas en Kotlin, pero de todos modos interesante para repasar las técnicas que vimos hasta ahora.")]),a("hr",{staticClass:"footnotes-sep"}),a("section",{staticClass:"footnotes"},[a("ol",{staticClass:"footnotes-list"},[a("li",{staticClass:"footnote-item",attrs:{id:"fn1"}},[a("p",[a("a",{attrs:{href:"http://www.kegel.com/c10k.html"}},[e._v("Kegel, Dan. 1999. The C10K problem")]),e._v(" "),a("a",{staticClass:"footnote-backref",attrs:{href:"#fnref1"}},[e._v("↩︎")])])]),a("li",{staticClass:"footnote-item",attrs:{id:"fn2"}},[a("p",[a("a",{attrs:{href:"https://www.baeldung.com/kotlin-threads-coroutines"}},[e._v("Baeldung. 2021. Threads vs Coroutines in Kotlin")]),e._v(" "),a("a",{staticClass:"footnote-backref",attrs:{href:"#fnref2"}},[e._v("↩︎")])])]),a("li",{staticClass:"footnote-item",attrs:{id:"fn3"}},[a("p",[a("a",{attrs:{href:"https://docs.python.org/3.8/library/asyncio-task.html"}},[e._v("Python Docs. Coroutines and Tasks")]),e._v(" "),a("a",{staticClass:"footnote-backref",attrs:{href:"#fnref3"}},[e._v("↩︎")])])])])])])}],t=a("2877"),o={},l=Object(t["a"])(o,r,n,!1,null,null,null);s["default"]=l.exports}}]);
+//# sourceMappingURL=chunk-2d0a34c9.b72d6dd3.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0a34c9.b72d6dd3.js.map b/js/chunk-2d0a34c9.b72d6dd3.js.map
new file mode 100644
index 0000000..31fd3fb
--- /dev/null
+++ b/js/chunk-2d0a34c9.b72d6dd3.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/coroutines.md?8cba","webpack:///./src/content/coroutines.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-2d0a34c9.b72d6dd3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"anteriormente-en-arquitecturas-concurrentes\"}},[_vm._v(\"Anteriormente... en Arquitecturas Concurrentes \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#anteriormente-en-arquitecturas-concurrentes\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Hasta ahora trabajamos sobre un modelo de concurrencia basado en un \"),_c('em',[_vm._v(\"event loop\")]),_vm._v(\". En este esquema, cada evento se procesa completamente antes de pasar a la ejecución del próximo, y todo esto ocurre en un único thread.\")]),_c('p',[_vm._v(\"Una ventaja que esto implica es que cuando una función se está ejecutando, tenemos la seguridad de que no va a ser interrumpida por el planificador hasta que termine, lo cual evita los problemas de concurrencia tradicionales que habíamos visto al usar \"),_c('em',[_vm._v(\"threads\")]),_vm._v(\" y \"),_c('em',[_vm._v(\"locks\")]),_vm._v(\". Y esto lo logramos gracias a que el event loop le provee un \"),_c('em',[_vm._v(\"orden\")]),_vm._v(\" a la ejecución concurrente; la serializa.\")]),_c('p',[_vm._v(\"Las corrutinas nos permiten lograr algo similar, sin utilizar (necesariamente) un event loop.\")]),_c('h2',{attrs:{\"id\":\"caso-practico\"}},[_vm._v(\"Caso practico \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#caso-practico\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En el desarrollo de software muchas veces solemos enfatizar en lograr que los algoritmos sean más eficientes, es decir que completen los cálculos lo más rápido posible. Pero muchos sistemas dedican su tiempo a \\\"no hacer cálculos\\\", sino que mantienen abiertas muchas conexiones que son lentas. Estos programas presentan un desafío muy diferente: atender una gran cantidad de eventos de red de manera eficiente. Un enfoque actual de este problema es la E/S asíncrona o \\\"asincrónica\\\".\")]),_c('p',[_vm._v(\"Tomemos el ejemplo de un crawler (rastreador web) sencillo. El crawler es una aplicación asíncrona que espera muchas respuestas, pero realiza pocos cálculos. Cuantas más páginas pueda extraer a la vez, va a poder terminar antes.\")]),_c('h2',{attrs:{\"id\":\"el-enfoque-tradicional\"}},[_vm._v(\"El enfoque tradicional \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#el-enfoque-tradicional\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"¿Cómo hacemos que el crawler sea concurrente? Tradicionalmente, crearíamos un grupo hilos. Cada uno se encargaría de descargar una página a la vez a través de un socket. Por ejemplo, para descargar una página de bla.com:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" sys\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" requests\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" threading\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"from\")]),_vm._v(\" bs4 \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" BeautifulSoup\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"get_urls_from_root\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(root_url)\")]),_vm._v(\":\")]),_vm._v(\"\\n soup = BeautifulSoup(reqs.text, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'html.parser'\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" soup.find_all(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'a'\")]),_vm._v(\"):\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fetch\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(url)\")]),_vm._v(\":\")]),_vm._v(\"\\n r = requests.get(url)\\n parse_response(r.content) \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"#Content of the response, in bytes\")]),_vm._v(\"\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"parse_response\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(response)\")]),_vm._v(\":\")]),_vm._v(\"\\n hace_su_magia(response)\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\" __name__ == \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'__main__'\")]),_vm._v(\":\\n root_url = sys.argv[\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"]\\n urls = [link.get(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'href'\")]),_vm._v(\") \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" link \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" get_urls_from_root(root_url)]\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" url \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" urls:\\n t = threading.Thread(target=fetch, args=(i,))\\n t.start()\\n\")])]),_c('p',[_vm._v(\"Este es un ejemplo simple que hace lo mencionado anteriormente. Analicemos con más detalle lo que esta realmente haciendo la función \"),_c('strong',[_vm._v(\"fetch\")]),_vm._v(\", escribámosla de vuelta sin usar la libreria requests.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fetch\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(url)\")]),_vm._v(\":\")]),_vm._v(\"\\n sock = socket.socket()\\n sock.connect((\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'bla.com'\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"80\")]),_vm._v(\"))\\n request = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'GET {} HTTP/1.0\\\\r\\\\nHost: bla.com\\\\r\\\\n\\\\r\\\\n'\")]),_vm._v(\".format(url)\\n sock.send(request.encode(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'ascii'\")]),_vm._v(\"))\\n response = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"b''\")]),_vm._v(\"\\n chunk = sock.recv(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4096\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" chunk:\\n response += chunk\\n chunk = sock.recv(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4096\")]),_vm._v(\")\\n\\n parse_response(response)\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"Nota: De esa forma la manipulación de sockets, el connect y el recv estan de forma explicita y nos obliga a hablar de estas cosas que vimos en algún pasado lejano programando en C y leyendo la guia Beej :P\")])]),_c('h3',{attrs:{\"id\":\"entendiendo-el-problema\"}},[_vm._v(\"Entendiendo el problema \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#entendiendo-el-problema\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si se crea un hilo por cada request (solicitud), a medida que aumente el número de requests simultáneas, aumenta la posibilidad de quedarse sin memoria antes de que se agoten los sockets. Podemos evitar la necesidad de subprocesos (hilos), mediante el uso de E/S asincrónica.\")]),_c('p',[_vm._v(\"Por defecto, las operaciones con sockets son bloqueantes, cuando el hilo llama a un método como connect o recv, se detiene hasta que la operación se completa. En consecuencia, para descargar muchas páginas a la vez, necesitamos muchos hilos. Una aplicación sofisticada amortiza el costo de la creación de hilos al mantener los inactivos en un grupo o pool y luego revisarlos para reutilizarlos para tareas posteriores; se suele hacer lo mismo con los sockets en un grupo de conexiones.\")]),_c('p',[_vm._v(\"Sin embargo, los hilos son costosos y los sistemas operativos imponen una variedad de límites estrictos en la cantidad que se puede tener. Un hilo de Python ocupa alrededor de 50k de memoria y el inicio de decenas de miles de hilos puede provocar fallas. Si escalamos hasta decenas de miles de operaciones simultáneas en sockets concurrentes, nos quedamos sin hilos antes de quedarnos sin sockets. La sobrecarga por hilos o los límites del sistema en subprocesos son el cuello de botella.\")]),_c('p',[_vm._v(\"Dan Kegel en su artículo \"),_c('a',{attrs:{\"href\":\"http://www.kegel.com/c10k.html\"}},[_vm._v(\"The C10K problem\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn1\",\"id\":\"fnref1\"}},[_vm._v(\"[1]\")])]),_vm._v(\", describe las limitaciones de utilizar multiples hilos para resolver problemas de concurrencia de E/S.\")]),_c('p',[_vm._v(\"Kegel utilizo el término \\\"C10K\\\" en 1999. Diez mil conexiones no suenan ahora como lo sonaban antes, pero el problema ha cambiado sólo en tamaño, no en especie. En aquel entonces, usar un hilo por conexión para C10K no era práctico. Ahora el límite es en órdenes de magnitud más elevado. De hecho, nuestro crawler de juguete funcionaría bien con hilos. Sin embargo, para aplicaciones a gran escala, con cientos de miles de conexiones, el límite permanece; hay un límite más allá del cual la mayoría de los sistemas aún pueden crear sockets, pero se han quedado sin hilos. ¿Cómo podemos superar esto?\")]),_c('h2',{attrs:{\"id\":\"async\"}},[_vm._v(\"Async \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#async\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Los frameworks de E/S asincrónicos realizan operaciones simultáneas en un solo hilo utilizando sockets no bloqueantes. En nuestro crawler asíncrono, configuramos el socket no bloqueante antes de comenzar a conectarnos al servidor:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_vm._v(\"sock = socket.socket()\\nsock.setblocking(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"False\")]),_vm._v(\")\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"try\")]),_vm._v(\":\\n sock.connect((\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'bla.com'\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"80\")]),_vm._v(\"))\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"except\")]),_vm._v(\" BlockingIOError:\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"pass\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Un socket no bloqueante genera una excepción al realizar el \"),_c('em',[_vm._v(\"connect\")]),_vm._v(\", incluso cuando funciona normalmente. Esta excepción replica el comportamiento irritante de la función C subyacente, que establece \"),_c('em',[_vm._v(\"errno\")]),_vm._v(\" en \"),_c('em',[_vm._v(\"EINPROGRESS\")]),_vm._v(\" para indicarle que ha comenzado.\")]),_c('p',[_vm._v(\"Ahora nuestro crawler necesita una forma de saber cuándo se establece la conexión, para poder enviar la solicitud HTTP. Simplemente podríamos seguir intentándolo en un loop. Este método no puede esperar eventos de manera eficiente en múltiples sockets. En la antigüedad, la solución de BSD Unix a este problema era select, una función de C que espera a que ocurra un evento en un socket sin bloqueo o en un pequeño vector de ellos. Hoy en día, la demanda de aplicaciones con un gran número de conexiones ha llevado a reemplazos como poll, luego kqueue en BSD y epoll en Linux. Estas API son similares a las de select, pero funcionan bien con un gran número de conexiones.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"from\")]),_vm._v(\" selectors \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" DefaultSelector, EVENT_WRITE\\n\\nselector = DefaultSelector()\\n\\nsock = socket.socket()\\nsock.setblocking(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"False\")]),_vm._v(\")\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"try\")]),_vm._v(\":\\n sock.connect((\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'bla.com'\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"80\")]),_vm._v(\"))\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"except\")]),_vm._v(\" BlockingIOError:\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"pass\")]),_vm._v(\"\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"connected\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n selector.unregister(sock.fileno())\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'connected!'\")]),_vm._v(\")\\n\\nselector.register(sock.fileno(), EVENT_WRITE, connected)\\n\")])]),_c('p',[_vm._v(\"Procesamos las notificaciones de E/S a medida que el selector las recibe, en un loop:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"loop\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"True\")]),_vm._v(\":\\n events = selector.select()\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" event_key, event_mask \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" events:\\n callback = event_key.data\\n callback()\\n\")])]),_c('p',[_vm._v(\"Aquí hemos logrado tener \\\"concurrencia\\\", pero no \\\"paralelismo\\\". Es decir, construimos un pequeño sistema que superpone E/S. Es capaz de iniciar nuevas operaciones mientras otras están \\\"en vuelo\\\". No utiliza varios núcleos para ejecutar cálculos en paralelo. Este sistema está diseñado para problemas I/O-bound, no con CPU-bound.\")]),_c('p',[_c('strong',[_vm._v(\"La iteración final en nuestro ejemplo seria refactorizar esto para que use corrutinas, pero antes necesitamos ver rápidamente lo que son para entender en que nos van a ayudar.\")])]),_c('blockquote',[_c('p',[_vm._v(\"Nota al margen: las corrutinas no son nada nuevo. C++, Smalltalk, Erlang y muchos más (¡hasta PHP!) las tienen desde hace mucho. Pero recientemente han conseguido cierta notoriedad en la industria por su uso en lenguajes como Go, Kotlin y Python.\")])]),_c('p',[_vm._v(\"Para entender como funcionan, primero veamos \"),_c('strong',[_vm._v(\"iteradores\")]),_vm._v(\" y \"),_c('strong',[_vm._v(\"generadores\")]),_vm._v(\"...\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":\"https://www.salesoptimize.com/wp-content/uploads/2016/11/76e3344703e128bed674b84014fa01ab.jpg\"}}),_c('h2',{attrs:{\"id\":\"iteradores-y-generadores\"}},[_vm._v(\"Iteradores y generadores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#iteradores-y-generadores\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Un \"),_c('strong',[_vm._v(\"generador\")]),_vm._v(\" es un tipo especial de subrutina, pensando en teoría de conjuntos, podemos decir que el conjunto generador es un subconjunto de corrutina.\")]),_c('blockquote',[_c('p',[_vm._v(\"Esta bien, pero entonces.. ¿qué es un generador?\")])]),_c('p',[_vm._v(\"También podemos decir que un \"),_c('strong',[_vm._v(\"generador\")]),_vm._v(\" es una función que produce una secuencia de resultados, en lugar de un único valor.\")]),_c('p',[_vm._v(\"Un \"),_c('strong',[_vm._v(\"iterador\")]),_vm._v(\" es un objeto que permite al programador recorrer un contenedor (colección de elementos) por ejemplo una lista. Una manera de implementar iteradores es utilizar un \"),_c('strong',[_vm._v(\"generador\")]),_vm._v(\", que como comentamos antes, puede producir valores para quien lo llama varias veces (en lugar de devolver sólo uno).\")]),_c('p',[_vm._v(\"Cuando invocamos a una función generadora se crea un \\\"objeto generador\\\" que permanece en un estado pausado, no se ejecuta automáticamente.\")]),_c('p',[_vm._v(\"Veámoslo con un ejemplo:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"cuenta_regresiva\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(numero)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" numero > \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\":\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" numero\\n numero -= \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" numero \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" cuenta_regresiva(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"5\")]),_vm._v(\"):\\n print(numero)\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"El resultado de ejecutar el script es: 5 4 3 2 1\")])]),_c('p',[_vm._v(\"Acá podemos ver a el generador en su estado pausado, por esta propiedad los solemos usar en un for, y si es aplicable en un for, se deduce que el estado pausado es un objeto iterable. Llamando a next se ejecutan todas las lineas hasta volver al \\\"segundo\\\" yield\")]),_c('blockquote',[_c('p',[_vm._v(\"x = cuenta_regresiva(5) x next(x) 4\")])]),_c('p',[_vm._v(\"A continuación se puede ver un ejemplo de un generador que devuelve los números de Fibonacci:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fibonacci\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n a, b = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"True\")]),_vm._v(\":\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" a\\n a, b = b, a+b\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" numero \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" fibonacci(): \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# Utilización de generador como iterador\")]),_vm._v(\"\\n print(numero)\\n\")])]),_c('h3',{attrs:{\"id\":\"corrutinas-basadas-en-generadores\"}},[_vm._v(\"Corrutinas basadas en generadores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#corrutinas-basadas-en-generadores\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Es posible implementar corrutinas basadas en generadores, de hecho, hasta Python 2.5 las corrutinas estaban hechas de esta forma, con la ayuda de una rutina de despachador de nivel superior (un trampolín, esencialmente) que pasa el control explícitamente a los generadores secundarios.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"coro\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"#yield usado de esta forma creamos una corrutina que hace más que generar valores, si no que también consume\")]),_vm._v(\"\\n hello = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"Soy una corrutina\\\"\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" hello\\n\\nc = coro()\\nprint(next(c))\\nprint(c.send(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\", basada en generadores\\\"\")]),_vm._v(\"))\\n\")])]),_c('h2',{attrs:{\"id\":\"qué-es-una-corrutina\"}},[_vm._v(\"¿Qué es una corrutina? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#qué-es-una-corrutina\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Una corrutina es similar a una subrutina tradicional (piensen en las funciones/procedimientos que vieron en Algoritmos), pero con la diferencia de que, mientras que la salida de una subrutina pone fin a su ejecución, una corrutina puede además \"),_c('strong',[_vm._v(\"suspenderse\")]),_vm._v(\", cediendo el control a otra hasta que se le indique que debe \"),_c('strong',[_vm._v(\"retomar\")]),_vm._v(\" su ejecución.\")]),_c('p',[_vm._v(\"Para entender mejor a qué nos referimos con esto, veamos un ejemplo en Python, uno de los lenguajes que cuenta con soporte para corrutinas.\")]),_c('h4',{attrs:{\"id\":\"sin-corrutinas\"}},[_vm._v(\"Sin corrutinas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#sin-corrutinas\"}},[_vm._v(\"¶\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" time\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"io\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n time.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'1'\")]),_vm._v(\")\\n time.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'2'\")]),_vm._v(\")\\n time.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'3'\")]),_vm._v(\")\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"main\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(tareas)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" tarea \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" tareas:\\n io()\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\" __name__ == \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'__main__'\")]),_vm._v(\":\\n tiempo = time.perf_counter()\\n main(range(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\"))\\n tiempo2 = time.perf_counter() - tiempo\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"f'Tiempo total: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"{tiempo2:\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0.2\")]),_vm._v(\"f}\")]),_vm._v(\" segundos'\")]),_vm._v(\")\\n\")])]),_c('p',[_vm._v(\"Este código imprime:\")]),_c('blockquote',[_c('p',[_vm._v(\"1 2 3 1 2 3 1 2 3 Tiempo total: 9.01 segundos\")])]),_c('p',[_vm._v(\"Podemos ver que cada ciclo de IOs de cada tarea se ejecuta y termina una atrás de la otra. ¿Qué pasa si agregamos corrutinas?\")]),_c('h4',{attrs:{\"id\":\"con-corrutinas\"}},[_vm._v(\"Con corrutinas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#con-corrutinas\"}},[_vm._v(\"¶\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" time\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" asyncio\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"io\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"#Hay un async adelante del def, asi que soy una corrutina :D\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" asyncio.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" asyncio.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" asyncio.sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\")\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\")\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"main\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" asyncio.gather(io(), io(), io())\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\" __name__ == \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'__main__'\")]),_vm._v(\":\\n tiempo = time.perf_counter()\\n asyncio.run(main())\\n tiempo2 = time.perf_counter() - tiempo\\n print(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"f'Tiempo total: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"{tiempo2:\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0.2\")]),_vm._v(\"f}\")]),_vm._v(\" segundos'\")]),_vm._v(\")\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"1 1 1 2 2 2 3 3 3 Tiempo total: 3.00 segundos\")])]),_c('p',[_vm._v(\"La diferencia en los tiempos es notable. También observamos que el orden de ejecución fue distinto en este caso.\")]),_c('h2',{attrs:{\"id\":\"cómo-funcionan\"}},[_vm._v(\"¿Cómo funcionan? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cómo-funcionan\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Cuando usamos corrutinas, no hay intervención del SO. Hay un sólo proceso, un sólo thread. Entonces... ¿qué es lo que esta pasando?\")]),_c('p',[_vm._v(\"Lo que ocurre es que las corrutinas liberan la CPU cuando están en \\\"tiempo de espera\\\" (\"),_c('code',{pre:true},[_vm._v(\"await\")]),_vm._v(\"), permitiendo que otras puedan usar la CPU.\")]),_c('p',[_vm._v(\"Podemos decir que es como una simultánea de ajedrez, en donde una persona juega contra dos o más. Hace un movimiento y no se queda esperando la respuesta del oponente en ese tablero, sino que pasa al siguiente y realiza un movimiento ahí. De esa forma, trata las partidas (tareas) de forma concurrente, lo que resulta en que se terminen en menos tiempo.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":\"https://i.ytimg.com/vi/Hp6827K1pFE/hqdefault.jpg\"}}),_c('p',[_vm._v(\"Seguro están pensando:\")]),_c('blockquote',[_c('p',[_vm._v(\"Un momento... esto se parece a un thread\")])]),_c('p',[_vm._v(\"Lo que nos lleva a nuestra próxima sección...\")]),_c('h2',{attrs:{\"id\":\"corrutinas-vs-threads\"}},[_vm._v(\"Corrutinas vs Threads \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#corrutinas-vs-threads\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"La diferencia fundamental entre corrutinas y threads se da en la forma en la que se lleva a cabo la multitarea.\")]),_c('p',[_vm._v(\"Los threads, como ya vimos, manejan un esquema de \"),_c('strong',[_vm._v(\"multitarea apropiativa\")]),_vm._v(\" (en inglés, \"),_c('em',[_vm._v(\"preemptive multitasking\")]),_vm._v(\"), donde el planificador es el encargado de asignar intervalos de uso de CPU a los threads que se están ejecutando, desalojándolos cuando este termina.\")]),_c('p',[_vm._v(\"Las corrutinas, en contraposición, permiten tener \"),_c('strong',[_vm._v(\"multitarea cooperativa\")]),_vm._v(\" (\"),_c('em',[_vm._v(\"cooperative/non-preemptive multitasking\")]),_vm._v(\"). Esto significa que el cambio de contexto no es controlado por el planificador, sino que cada corrutina es la encargada de ceder el control cuando está inactiva o bloqueda.\")]),_c('p',[_vm._v(\"Otra diferencia, presente al menos en la visión \\\"tradicional\\\" de corrutinas, es que \"),_c('strong',[_vm._v(\"las corrutinas proveen concurrencia pero no paralelismo\")]),_vm._v(\". De esta forma, evitan problemas de concurrencia, ya que corren en un \"),_c('strong',[_vm._v(\"único contexto de ejecución\")]),_vm._v(\", y además \"),_c('strong',[_vm._v(\"controlan cuándo se suspenden\")]),_vm._v(\" (en vez de que el planificador las interrumpa en puntos arbitrarios).\")]),_c('blockquote',[_c('p',[_vm._v(\"Las corrutinas ocupan menos memoria que los hilos (3k por corrutina vs 50k por hilo).\")])]),_c('p',[_vm._v(\"Una ventaja más que las corrutinas tienen sobre los hilos es que su funcionamiento no involucra llamadas al sistema bloqueantes para su creación ni para el cambio de contexto, ya que todo se maneja al nivel de la aplicación.\")]),_c('p',[_vm._v(\"Interesante comparación de cuando usar corrutinas y cuando usar threads en Kotlin.\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn2\",\"id\":\"fnref2\"}},[_vm._v(\"[2]\")])])]),_c('h2',{attrs:{\"id\":\"cómo-se-declaran-y-ejecutan-en-python\"}},[_vm._v(\"¿Cómo se declaran y ejecutan en Python? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cómo-se-declaran-y-ejecutan-en-python\"}},[_vm._v(\"¶\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" asyncio\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"print_loco\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(algo)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" print(algo,\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'loco'\")]),_vm._v(\")\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"print_re_loco\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(algo)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" print(algo,\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'loco'\")]),_vm._v(\")\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"print_loco\")])]),_c('blockquote',[_c('p',[_vm._v(\"\")])]),_c('blockquote',[_c('p',[_vm._v(\"print_re_loco\")])]),_c('blockquote',[_c('p',[_vm._v(\"\")])]),_c('p',[_vm._v(\"Las dos funciones lucen similares, la diferencia vamos a notar cuando las usamos:\")]),_c('blockquote',[_c('p',[_vm._v(\"print_loco('bla')\")])]),_c('blockquote',[_c('p',[_vm._v(\"bla loco\")])]),_c('p',[_vm._v(\"Nada fuera de lo esperado.\")]),_c('blockquote',[_c('p',[_vm._v(\"print_re_loco('algo')\")])]),_c('blockquote',[_c('p',[_vm._v(\"\")])]),_c('p',[_vm._v(\"Nos retorna un objeto \\\"corrutina\\\" que por defecto no se va a planificar. Entonces, ¿cómo hago que se ejecute? Bueno, hay tres formas distintas para hacer eso.\")]),_c('p',[_c('strong',[_vm._v(\"1-\")]),_vm._v(\" Usando la función \"),_c('code',{pre:true},[_vm._v(\"run\")]),_vm._v(\" del módulo \"),_c('code',{pre:true},[_vm._v(\"asyncio\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn3\",\"id\":\"fnref3\"}},[_vm._v(\"[3]\")])])]),_c('blockquote',[_c('p',[_vm._v(\"coro = print_re_loco('algo')\")])]),_c('blockquote',[_c('p',[_vm._v(\"asyncio.run(coro)\")])]),_c('blockquote',[_c('p',[_vm._v(\"algo loco\")])]),_c('p',[_c('strong',[_vm._v(\"2-\")]),_vm._v(\" Usando \"),_c('code',{pre:true},[_vm._v(\"await\")]),_vm._v(\" en una corrutina\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" asyncio\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"say_after\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(delay, what)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" asyncio.sleep(delay)\\n print(what)\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"main\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" say_after(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'hello'\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" say_after(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'world'\")]),_vm._v(\")\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"asyncio.run(main())\")])]),_c('blockquote',[_c('p',[_vm._v(\"hello\")])]),_c('blockquote',[_c('p',[_vm._v(\"world\")])]),_c('p',[_c('em',[_vm._v(\"Nota: acá usamos \"),_c('code',{pre:true},[_vm._v(\"run\")]),_vm._v(\" para ejecutar la corrutina \"),_c('code',{pre:true},[_vm._v(\"main\")]),_vm._v(\" y \"),_c('code',{pre:true},[_vm._v(\"await\")]),_vm._v(\" para ejecutar las corrutinas \"),_c('code',{pre:true},[_vm._v(\"say_after\")]),_vm._v(\".\")])]),_c('p',[_c('strong',[_vm._v(\"3-\")]),_vm._v(\" Con la función \"),_c('code',{pre:true},[_vm._v(\"create_task\")]),_vm._v(\" de \"),_c('code',{pre:true},[_vm._v(\"asyncio\")]),_vm._v(\", que ejecuta corrutinas concurrentemente \"),_c('em',[_vm._v(\"wrappeándolas\")]),_vm._v(\" en \"),_c('code',{pre:true},[_vm._v(\"Tasks\")]),_vm._v(\", usando por detrás un \"),_c('strong',[_vm._v(\"event loop\")]),_vm._v(\" para planificarlas.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" asyncio\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"main\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n task1 = asyncio.create_task(say_after(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'hello'\")]),_vm._v(\"))\\n task2 = asyncio.create_task(say_after(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'world'\")]),_vm._v(\"))\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" task1\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" task2\\n\")])]),_c('p',[_c('em',[_vm._v(\"Nota: \"),_c('code',{pre:true},[_vm._v(\"create_task\")]),_vm._v(\" envía la corrutina al event loop, permitiendo que corra en segundo plano. \"),_c('code',{pre:true},[_vm._v(\"gather\")]),_vm._v(\" hace algo muy parecido, pero podemos decir que es conveniente usarlo cuando nos interesa hacer algo con el resultado de las corrutinas.\")])]),_c('h2',{attrs:{\"id\":\"qué-pasa-si-ejecuto-código-bloqueante-dentro-de-una-corrutina\"}},[_vm._v(\"¿Qué pasa si ejecuto código bloqueante dentro de una corrutina? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#qué-pasa-si-ejecuto-código-bloqueante-dentro-de-una-corrutina\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si observaron con detalle se habrán dado cuenta de que cuando se usa sleep para suspender a la corrutina, se esta usando \"),_c('code',{pre:true},[_vm._v(\"asyncio.sleep\")]),_vm._v(\" en lugar de \"),_c('code',{pre:true},[_vm._v(\"time.sleep\")]),_vm._v(\". Esto es porque el segundo es bloqueante. Entonces como ya dedujeron, las operaciones bloqueantes bloquean todo el thread del sistema operativo subyacente.\")]),_c('p',[_vm._v(\"Pero hay formas de evitarlo :D!, lo que se hace es que correr estas tareas \"),_c('strong',[_vm._v(\"bloqueantes\")]),_vm._v(\" y otras que vamos a llamar \"),_c('strong',[_vm._v(\"CPU-bound-intensive\")]),_vm._v(\", sea conveniente ejecutarlas en otro thread. Concretamente en \"),_c('strong',[_vm._v(\"Python\")]),_vm._v(\" usando \"),_c('code',{pre:true},[_vm._v(\"loop.run_in_executor()\")]),_vm._v(\" \"),_c('a',{attrs:{\"href\":\"https://docs.python.org/3/library/asyncio-dev.html#running-blocking-code\"}},[_vm._v(\"Running Blocking Code\")])]),_c('p',[_c('em',[_vm._v(\"Nota: también es posible setear un timeout para que cuando se cumpla, se corte su ejecución \"),_c('a',{attrs:{\"href\":\"https://docs.python.org/3/library/asyncio-task.html#timeouts\"}},[_vm._v(\"ver timeouts\")]),_vm._v(\" .\")])]),_c('h2',{attrs:{\"id\":\"corrutinas-vs-generadores\"}},[_vm._v(\"Corrutinas vs Generadores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#corrutinas-vs-generadores\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si bien ambos pueden ceder múltiples veces, suspender su ejecución y permitir el reingreso en múltiples puntos de entrada, difieren en que las corrutinas tienen la capacidad para controlar dónde continúa la ejecución inmediatamente después de ceder, mientras que los generadores no pueden, estos transfieren el control de nuevo al generador que lo llamo. Es decir, dado que los generadores se utilizan principalmente para simplificar la escritura de iteradores, la declaración de rendimiento en un generador no especifica una rutina para saltar, sino que devuelve un valor a una rutina principal. \"),_c('a',{attrs:{\"href\":\"https://docs.python.org/3/reference/expressions.html#yieldexpr\"}},[_vm._v(\"Explicación de yield y comparación con corrutinas\")])]),_c('p',[_c('strong',[_vm._v(\"Bien, entonces ahora somos capaces de retomar el ejemplo y refactorizar lo necesario para implementarlo con corrutinas :D\")])]),_c('h2',{attrs:{\"id\":\"con-corrutinas-basadas-en-generadores\"}},[_vm._v(\"Con corrutinas basadas en generadores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#con-corrutinas-basadas-en-generadores\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Es posible escribir código asincrónico que combine la eficiencia de los callbacks con el buen aspecto clásico de la programación multiproceso/hilo.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fetch\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(self, url)\")]),_vm._v(\":\")]),_vm._v(\"\\n response = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"from\")]),_vm._v(\" self.session.get(url)\\n body = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"from\")]),_vm._v(\" response.read()\\n\")])]),_c('p',[_vm._v(\"Ahora, fetch es una función generadora, en lugar de una normal. Creamos un \"),_c('a',{attrs:{\"href\":\"https://docs.python.org/es/3/library/asyncio-future.html#future-object\"}},[_vm._v(\"future\")]),_vm._v(\" pendiente, luego lo cedemos para pausar la búsqueda hasta que el socket esté listo. La función interna on_connected resuelve el future.\")]),_c('blockquote',[_c('p',[_vm._v(\"Nota: Un future representa un resultado eventual de una operación asincrónica.\")])]),_c('p',[_vm._v(\"Pero cuando el future se resuelva, ¿qué reanuda el generador? Necesitamos un controlador de rutina. Llamémoslo \\\"tarea\\\":\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-class\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"class\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"Task\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"__init__\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(self, coro)\")]),_vm._v(\":\")]),_vm._v(\"\\n self.coro = coro\\n f = Future()\\n f.set_result(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"None\")]),_vm._v(\")\\n self.step(f)\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"step\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(self, future)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"try\")]),_vm._v(\":\\n next_future = self.coro.send(future.result)\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"except\")]),_vm._v(\" StopIteration:\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\"\\n\\n next_future.add_done_callback(self.step)\\n\\nfetcher = Fetcher(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'/333/'\")]),_vm._v(\")\\nTask(fetcher.fetch())\\n\\nloop()\\n\")])]),_c('p',[_vm._v(\"Task inicia el generador \\\"fetch\\\" enviando None. Luego, fetch se ejecuta hasta que produce (yield) un future, que la tarea captura como siguiente future. Cuando el socket está conectado, el event loop ejecuta el callback on_connected, que resuelve el future, que llama a step, que reanuda fetch.\")]),_c('h2',{attrs:{\"id\":\"con-corrutinas-1\"}},[_vm._v(\"Con corrutinas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#con-corrutinas-1\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Modificando el codigo de las corrutinas basadas en generadores usando async/await, quedaría algo como:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-python\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" sys\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" asyncio\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"from\")]),_vm._v(\" bs4 \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"import\")]),_vm._v(\" BeautifulSoup\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"get_urls_from_root\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(root_url)\")]),_vm._v(\":\")]),_vm._v(\"\\n soup = BeautifulSoup(reqs.text, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'html.parser'\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" soup.find_all(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'a'\")]),_vm._v(\"):\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fetch\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(url)\")]),_vm._v(\":\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" r = get_non_block(url)\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" parse_response(r.content) \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"#Content of the response, in bytes\")]),_vm._v(\"\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"parse_response\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(response)\")]),_vm._v(\":\")]),_vm._v(\"\\n hace_su_magia(response)\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"async\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"main\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\":\")]),_vm._v(\"\\n root_url = sys.argv[\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"]\\n urls = [link.get(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'href'\")]),_vm._v(\") \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" link \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" get_urls_from_root(root_url)]\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" url \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"in\")]),_vm._v(\" urls:\\n task = asyncio.create_task(fetch(url))\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"await\")]),_vm._v(\" task\\n\\nasyncio.run(main())\\n\")])]),_c('p',[_vm._v(\"Quedaria implementada la solución con corrutinas \\\"nativas\\\" de Python.\")]),_c('h2',{attrs:{\"id\":\"links-interesantes\"}},[_vm._v(\"Links interesantes \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#links-interesantes\"}},[_vm._v(\"¶\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://docs.python.org/3.8/library/asyncio-task.html\"}},[_vm._v(\"Corrutinas en Python\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://www.tornadoweb.org/en/stable/\"}},[_vm._v(\"Framework de Python que levanta un server asincronico con corrutinas planificandolas con un event loop\")])]),_c('p',[_c('a',{attrs:{\"href\":\"http://www.golangpatterns.info/concurrency/coroutines\"}},[_vm._v(\"Corrutinas en Go\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://tour.golang.org/concurrency/1\"}},[_vm._v(\"Para jugar con Goroutines\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://kotlinlang.org/docs/reference/coroutines/basics.html\"}},[_vm._v(\"Corrutinas en Kotlin\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://kotlinlang.org/docs/tutorials/coroutines/async-programming.html\"}},[_vm._v(\"Comparación de técnicas programación asincrónica (threading, callbacks, Promises, corrutinas)\")]),_vm._v(\". Claramente enfocado para resaltar las ventajas de las corrutinas en Kotlin, pero de todos modos interesante para repasar las técnicas que vimos hasta ahora.\")]),_c('hr',{staticClass:\"footnotes-sep\"}),_c('section',{staticClass:\"footnotes\"},[_c('ol',{staticClass:\"footnotes-list\"},[_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn1\"}},[_c('p',[_c('a',{attrs:{\"href\":\"http://www.kegel.com/c10k.html\"}},[_vm._v(\"Kegel, Dan. 1999. The C10K problem\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref1\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn2\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://www.baeldung.com/kotlin-threads-coroutines\"}},[_vm._v(\"Baeldung. 2021. Threads vs Coroutines in Kotlin\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref2\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn3\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://docs.python.org/3.8/library/asyncio-task.html\"}},[_vm._v(\"Python Docs. Coroutines and Tasks\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref3\"}},[_vm._v(\"↩︎\")])])])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./coroutines.md?vue&type=template&id=192b2df6&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0a4a1b.07a60c29.js b/js/chunk-2d0a4a1b.07a60c29.js
new file mode 100644
index 0000000..9bc75ec
--- /dev/null
+++ b/js/chunk-2d0a4a1b.07a60c29.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0a4a1b"],{"06ed":function(e,t,n){"use strict";n.r(t);var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("RemoteMarkdown",{attrs:{url:e.url}})},r=[],s=n("9454"),u={name:"EfectoLadoHaskell",components:{RemoteMarkdown:s["a"]},data:function(){return{url:"https://raw.githubusercontent.com/arquitecturas-concurrentes/iasc-stm-haskell-2019/master/00_side_effects/README.md"}}},c=u,o=n("2877"),l=Object(o["a"])(c,a,r,!1,null,null,null);t["default"]=l.exports}}]);
+//# sourceMappingURL=chunk-2d0a4a1b.07a60c29.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0a4a1b.07a60c29.js.map b/js/chunk-2d0a4a1b.07a60c29.js.map
new file mode 100644
index 0000000..97d8cc7
--- /dev/null
+++ b/js/chunk-2d0a4a1b.07a60c29.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/views/EfectoLadoHaskell.vue?2e82","webpack:///src/views/EfectoLadoHaskell.vue","webpack:///./src/views/EfectoLadoHaskell.vue?ec2e","webpack:///./src/views/EfectoLadoHaskell.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","url","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,iBAAiB,CAACE,MAAM,CAAC,IAAMN,EAAIO,QAClIC,EAAkB,G,YCKtB,GACE,KAAF,oBACE,WAAF,CACI,eAAJ,QAEE,KALF,WAMI,MAAO,CACLD,IAAK,yHCbgV,I,YCOvVE,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0a4a1b.07a60c29.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('RemoteMarkdown',{attrs:{\"url\":_vm.url}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EfectoLadoHaskell.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EfectoLadoHaskell.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EfectoLadoHaskell.vue?vue&type=template&id=58b646f1&\"\nimport script from \"./EfectoLadoHaskell.vue?vue&type=script&lang=js&\"\nexport * from \"./EfectoLadoHaskell.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0af7d3.c7489446.js b/js/chunk-2d0af7d3.c7489446.js
new file mode 100644
index 0000000..132a445
--- /dev/null
+++ b/js/chunk-2d0af7d3.c7489446.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0af7d3"],{"0f18":function(e,s,a){"use strict";a.r(s);var o=function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("section",[a("h2",{attrs:{id:"modulos-de-otp"}},[e._v("Modulos de OTP "),a("a",{staticClass:"header-anchor",attrs:{href:"#modulos-de-otp"}},[e._v("¶")])]),a("p",[e._v("Existen algunos módulos que fuimos viendo, en mayor o menor medida, o que merecen ser mencionados son:")]),a("ul",[a("li",[e._v("GenServer")]),a("li",[e._v("Application")]),a("li",[e._v("Registry")]),a("li",[e._v("Agent")]),a("li",[e._v("Supervisor")]),a("li",[e._v("Genserver ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html"}},[e._v("Genserver Hexdocs")]),e._v(")")])]),a("p",[e._v("Para una descripcion un poco mas amena de lo que es un Genserver y de lo que hace, junto con ejemplos bastante claros, se puede ver en "),a("a",{attrs:{href:"https://elixir-lang.org/getting-started/mix-otp/genserver.html"}},[e._v("hexdocs un poco mas de las especificaciones y temas puntuales de genserver")])]),a("p",[e._v("Un servidor OTP es un módulo que nos permite modelar un servidor o un cliente en una comunicación de cliente-servidor, y nos va a poder ayudar a que nuestro proceso pueda recibir tanto llamadas sincronicas como asincrónicas por medio de la convención de OTP. En su nivel más básico, un GenServer es un proceso único que ejecuta un bucle que maneja un mensaje por iteración y que siempre devuelve un estado que es el en el que queda el proceso, y también ayuda a modelar, mediante una convención, las distintas respuestas al cliente. También tiene las funciones que nos permiten hacer las llamadas a un servidor Genserver, las llamadas son:")]),a("ul",[a("li",[e._v("Call: Para realizar llamadas sincrónicas a otro proceso Genserver, que requieren una respuesta del servidor, por medio de un handle_call ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html#call/3"}},[e._v("Hexdocs")]),e._v(")")]),a("li",[e._v("Cast: Para realizar llamadas asincronicas a otro proceso Genserver, que no necesariamente require una respuesta del servidor, por medio de un handle_cast ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html#cast/2"}},[e._v("Hexdocs")]),e._v(")")])]),a("p",[e._v("Tenemos tipos de mensajes, tanto asincrónicos como sincronicos, los tipos de mensajes que podemos utilizar son para manejar las llamadas:")]),a("ul",[a("li",[e._v("Handle_call: Si bien todos los procesos de Elixir el envio de mensajes son asincrónicos, podemos siempre modelar una llamada asincrónica como sincrónica, mediante una espera activa, esperando una respuesta, handle_call nos permite que un proceso Genserver pueda exponer un callback que requiere una respuesta del cliente, por lo que una vez que se procesa este callback, se debe retornar una respuesta o un :reply que está conformado por la tupla {:reply, response, state}. Podemos ver todas la opciones de lo que puede retornar un handle_call ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html#c:handle_call/3"}},[e._v("Hexdocs")]),e._v(")")]),a("li",[e._v("Handle_cast: Permite manejar mensajes asincronicos mediate llamadas cast, y que pueden devolver un resultado o no necesariamente. ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html#c:handle_cast/2"}},[e._v("Hexdocs")]),e._v(")")]),a("li",[e._v("Handle_info: Permite manejar cualquier otro tipo de mensajes ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/GenServer.html#c:handle_info/2"}},[e._v("Hexdocs")]),e._v("))")])]),a("h2",{attrs:{id:"application-hexdocs"}},[e._v("Application ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Application.html"}},[e._v("Hexdocs")]),e._v(") "),a("a",{staticClass:"header-anchor",attrs:{href:"#application-hexdocs"}},[e._v("¶")])]),a("p",[e._v("Este modulo permite modelar procesos que sirvan como un punto de entrada a nuestra aplicacion, sea para inicializar una aplicacion Erlang o de OTP, se puede ver un poco mas de detalle de este modulo en "),a("a",{attrs:{href:"https://elixir-lang.org/getting-started/mix-otp/supervisor-and-application.html#understanding-applications"}},[e._v("hexdocs")])]),a("p",[e._v("Registry ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Registry.html"}},[e._v("Hexdocs")]),e._v(")")]),a("p",[e._v("Son un módulo de OTP que nos permite modelar procesos que nos permiten almacenar valores clave/valor de manera descentralizada. Suelen ser usados para algunas cosas como:")]),a("ul",[a("li",[e._v("Dispatching")]),a("li",[e._v("Registro de claves clave/valor")]),a("li",[e._v("Registro de claves pub/sub")])]),a("p",[e._v("Después hay una manera de tener un sotre pero a lo largo de la instancia llamado ETS ("),a("a",{attrs:{href:"https://elixir-lang.org/getting-started/mix-otp/ets.html"}},[e._v("Hexdocs")]),e._v(")")]),a("p",[e._v("Si se quiere tener un proceso que guarde un estado que no sea necesariamente algo del estilo clave/valor, podemos optar por otro tipo de módulo llamado Agent")]),a("h2",{attrs:{id:"agent-hexdocs"}},[e._v("Agent ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Agent.html"}},[e._v("Hexdocs")]),e._v(") "),a("a",{staticClass:"header-anchor",attrs:{href:"#agent-hexdocs"}},[e._v("¶")])]),a("p",[e._v("El agent es un módulo que nos permite modelar un proceso que permita almacenar un estado, y en general se usa solo para este propósito, obviamente este almacenamiento, tanto los Agent como los Registry, es solo en memoria y no se persiste en disco. Pueden ver el link en el titulo para mayor información, algo interesante para ver es la sección de cómo supervisar un Agent ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Agent.html#module-how-to-supervise"}},[e._v("https://hexdocs.pm/elixir/Agent.html#module-how-to-supervise")]),e._v(").")]),a("h2",{attrs:{id:"supervisores-hexdocs"}},[e._v("Supervisores ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html"}},[e._v("Hexdocs")]),e._v(") "),a("a",{staticClass:"header-anchor",attrs:{href:"#supervisores-hexdocs"}},[e._v("¶")])]),a("p",[e._v("Un supervisor es un proceso que supervisa otros procesos, a los que nos referimos como procesos secundarios. Los supervisores se utilizan para construir una estructura de proceso jerárquica denominada árbol de supervisión. Los árboles de supervisión proporcionan tolerancia a fallos y resumen cómo se inician y se cierran nuestras aplicaciones. Por lo que podemos reiniciar una lista de procesos por medio de un supervisor en caso de que alguno de esos procesos se caiga, sea por un error o no..")]),a("p",[e._v("Se tiene que tener varias cosas en cuentas sobre un esquema de supervisión...")]),a("p",[e._v("La especificación de los hijos o procesos que serán especificados")]),a("p",[a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html#module-child-specification"}},[e._v("Documentacion de la especificacion")])]),a("p",[e._v("Dos de los argumentos de las especificaciones del child spec son:")]),a("p",[e._v("el valor de "),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html#module-shutdown-values-shutdown"}},[e._v("shutdown")]),e._v(", que es la estrategia de cómo se debería cerrar o matar el proceso, cuando falla o se cae.")]),a("p",[e._v("Y más importante es la del "),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html#module-restart-values-restart"}},[e._v("valor de reinicio de un proceso supervisado")])]),a("h3",{attrs:{id:"como-se-define-un-supervisor"}},[e._v("Como se define un Supervisor? "),a("a",{staticClass:"header-anchor",attrs:{href:"#como-se-define-un-supervisor"}},[e._v("¶")])]),a("p",[e._v("Mediante un modulo generalmente ("),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html#module-restart-values-restart"}},[e._v("Hexdocs")]),e._v(")")]),a("p",[e._v("Ahora el supervisor recibe además de un child_spec una "),a("a",{attrs:{href:"https://hexdocs.pm/elixir/Supervisor.html#module-start_link-2-init-2-and-strategies"}},[e._v("estrategia de supervisión")]),e._v(", que será la acción que tomará un supervisor cuando se caen los procesos supervisados.")]),a("p",[e._v("En el child spec siempre vamos no solo a poder supervisar procesos que son hojas, o sea procesos que van a tener lógica de un sistema, o de nuestra aplicación, o pueden ser otros nodos que pueden ser no terminales, o sea, supervisores, por lo que podemos armar un árbol de supervisión de esta manera.")]),a("p",[e._v("Hay otras estrategias deprecadas, tales como las :simple_one_for_one, que hoy fueron reemplazadas por otro tipo de supervisores, esto es porque los Supervisor son para modelar procesos que son supervisores estáticos, o sea que una vez inicializado no se pueden agregar procesos supervisados, por lo que al ser estático, si se quieren hacer cambios, se debe cambiar el childspec, levantar de nuevo la aplicación y volver a inicializar el supervisor.")]),a("p",[e._v("El otro tipo de supervisores que hoy existe en Elixir y que nos permite inicializar dinámicamente procesos supervisados son los Supervisores dinámicos")]),a("p",[e._v("Esta es la documentación de los hexdocs con algunos puntos bien puntuales sobre los detalles de los "),a("a",{attrs:{href:"https://hexdocs.pm/elixir/DynamicSupervisor.html#content"}},[e._v("supervisores dinamicos")]),e._v(" Esta es la documentación un poco más "),a("a",{attrs:{href:"https://elixir-lang.org/getting-started/mix-otp/dynamic-supervisor.html"}},[e._v("descriptiva de los supervisores dinamicos")])]),a("p",[e._v("Recuerden bien que un supervisor no restaura ni guarda el estado del actor supervisado, una vez que muere, si este es reiniciado, vuelve a ser inicializado con el estado inicial, y si tenía un estado distinto antes de su muerte, este se pierde definitivamente, por lo que a veces es bueno tal vez o bien persistirlo o si es algo importante tenerlo en otro actor como puede ser un Agent.")]),a("p",[e._v("Otros recursos, tal vez un poco desactualizados:")]),a("p",[a("a",{attrs:{href:"https://docs.google.com/document/d/1r_E6Hj4F-38dy5tDbxfTBW2XaU8sSRaf9qtC-VuLDIw/edit#heading=h.40vnggga84mq"}},[e._v("Manejo de Errores e Introducción a la supervisión")])])])}],n=a("2877"),i={},t=Object(n["a"])(i,o,r,!1,null,null,null);s["default"]=t.exports}}]);
+//# sourceMappingURL=chunk-2d0af7d3.c7489446.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0af7d3.c7489446.js.map b/js/chunk-2d0af7d3.c7489446.js.map
new file mode 100644
index 0000000..437f5c9
--- /dev/null
+++ b/js/chunk-2d0af7d3.c7489446.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/otp.md?4519","webpack:///./src/content/otp.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"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","file":"js/chunk-2d0af7d3.c7489446.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"modulos-de-otp\"}},[_vm._v(\"Modulos de OTP \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#modulos-de-otp\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Existen algunos módulos que fuimos viendo, en mayor o menor medida, o que merecen ser mencionados son:\")]),_c('ul',[_c('li',[_vm._v(\"GenServer\")]),_c('li',[_vm._v(\"Application\")]),_c('li',[_vm._v(\"Registry\")]),_c('li',[_vm._v(\"Agent\")]),_c('li',[_vm._v(\"Supervisor\")]),_c('li',[_vm._v(\"Genserver (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html\"}},[_vm._v(\"Genserver Hexdocs\")]),_vm._v(\")\")])]),_c('p',[_vm._v(\"Para una descripcion un poco mas amena de lo que es un Genserver y de lo que hace, junto con ejemplos bastante claros, se puede ver en \"),_c('a',{attrs:{\"href\":\"https://elixir-lang.org/getting-started/mix-otp/genserver.html\"}},[_vm._v(\"hexdocs un poco mas de las especificaciones y temas puntuales de genserver\")])]),_c('p',[_vm._v(\"Un servidor OTP es un módulo que nos permite modelar un servidor o un cliente en una comunicación de cliente-servidor, y nos va a poder ayudar a que nuestro proceso pueda recibir tanto llamadas sincronicas como asincrónicas por medio de la convención de OTP. En su nivel más básico, un GenServer es un proceso único que ejecuta un bucle que maneja un mensaje por iteración y que siempre devuelve un estado que es el en el que queda el proceso, y también ayuda a modelar, mediante una convención, las distintas respuestas al cliente. También tiene las funciones que nos permiten hacer las llamadas a un servidor Genserver, las llamadas son:\")]),_c('ul',[_c('li',[_vm._v(\"Call: Para realizar llamadas sincrónicas a otro proceso Genserver, que requieren una respuesta del servidor, por medio de un handle_call (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html#call/3\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('li',[_vm._v(\"Cast: Para realizar llamadas asincronicas a otro proceso Genserver, que no necesariamente require una respuesta del servidor, por medio de un handle_cast (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html#cast/2\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")])]),_c('p',[_vm._v(\"Tenemos tipos de mensajes, tanto asincrónicos como sincronicos, los tipos de mensajes que podemos utilizar son para manejar las llamadas:\")]),_c('ul',[_c('li',[_vm._v(\"Handle_call: Si bien todos los procesos de Elixir el envio de mensajes son asincrónicos, podemos siempre modelar una llamada asincrónica como sincrónica, mediante una espera activa, esperando una respuesta, handle_call nos permite que un proceso Genserver pueda exponer un callback que requiere una respuesta del cliente, por lo que una vez que se procesa este callback, se debe retornar una respuesta o un :reply que está conformado por la tupla {:reply, response, state}. Podemos ver todas la opciones de lo que puede retornar un handle_call (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html#c:handle_call/3\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('li',[_vm._v(\"Handle_cast: Permite manejar mensajes asincronicos mediate llamadas cast, y que pueden devolver un resultado o no necesariamente. (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html#c:handle_cast/2\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('li',[_vm._v(\"Handle_info: Permite manejar cualquier otro tipo de mensajes (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/GenServer.html#c:handle_info/2\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\"))\")])]),_c('h2',{attrs:{\"id\":\"application-hexdocs\"}},[_vm._v(\"Application (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Application.html\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\") \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#application-hexdocs\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Este modulo permite modelar procesos que sirvan como un punto de entrada a nuestra aplicacion, sea para inicializar una aplicacion Erlang o de OTP, se puede ver un poco mas de detalle de este modulo en \"),_c('a',{attrs:{\"href\":\"https://elixir-lang.org/getting-started/mix-otp/supervisor-and-application.html#understanding-applications\"}},[_vm._v(\"hexdocs\")])]),_c('p',[_vm._v(\"Registry (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Registry.html\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('p',[_vm._v(\"Son un módulo de OTP que nos permite modelar procesos que nos permiten almacenar valores clave/valor de manera descentralizada. Suelen ser usados para algunas cosas como:\")]),_c('ul',[_c('li',[_vm._v(\"Dispatching\")]),_c('li',[_vm._v(\"Registro de claves clave/valor\")]),_c('li',[_vm._v(\"Registro de claves pub/sub\")])]),_c('p',[_vm._v(\"Después hay una manera de tener un sotre pero a lo largo de la instancia llamado ETS (\"),_c('a',{attrs:{\"href\":\"https://elixir-lang.org/getting-started/mix-otp/ets.html\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('p',[_vm._v(\"Si se quiere tener un proceso que guarde un estado que no sea necesariamente algo del estilo clave/valor, podemos optar por otro tipo de módulo llamado Agent\")]),_c('h2',{attrs:{\"id\":\"agent-hexdocs\"}},[_vm._v(\"Agent (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Agent.html\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\") \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#agent-hexdocs\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El agent es un módulo que nos permite modelar un proceso que permita almacenar un estado, y en general se usa solo para este propósito, obviamente este almacenamiento, tanto los Agent como los Registry, es solo en memoria y no se persiste en disco. Pueden ver el link en el titulo para mayor información, algo interesante para ver es la sección de cómo supervisar un Agent (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Agent.html#module-how-to-supervise\"}},[_vm._v(\"https://hexdocs.pm/elixir/Agent.html#module-how-to-supervise\")]),_vm._v(\").\")]),_c('h2',{attrs:{\"id\":\"supervisores-hexdocs\"}},[_vm._v(\"Supervisores (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\") \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#supervisores-hexdocs\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Un supervisor es un proceso que supervisa otros procesos, a los que nos referimos como procesos secundarios. Los supervisores se utilizan para construir una estructura de proceso jerárquica denominada árbol de supervisión. Los árboles de supervisión proporcionan tolerancia a fallos y resumen cómo se inician y se cierran nuestras aplicaciones. Por lo que podemos reiniciar una lista de procesos por medio de un supervisor en caso de que alguno de esos procesos se caiga, sea por un error o no..\")]),_c('p',[_vm._v(\"Se tiene que tener varias cosas en cuentas sobre un esquema de supervisión...\")]),_c('p',[_vm._v(\"La especificación de los hijos o procesos que serán especificados\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html#module-child-specification\"}},[_vm._v(\"Documentacion de la especificacion\")])]),_c('p',[_vm._v(\"Dos de los argumentos de las especificaciones del child spec son:\")]),_c('p',[_vm._v(\"el valor de \"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html#module-shutdown-values-shutdown\"}},[_vm._v(\"shutdown\")]),_vm._v(\", que es la estrategia de cómo se debería cerrar o matar el proceso, cuando falla o se cae.\")]),_c('p',[_vm._v(\"Y más importante es la del \"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html#module-restart-values-restart\"}},[_vm._v(\"valor de reinicio de un proceso supervisado\")])]),_c('h3',{attrs:{\"id\":\"como-se-define-un-supervisor\"}},[_vm._v(\"Como se define un Supervisor? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#como-se-define-un-supervisor\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Mediante un modulo generalmente (\"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html#module-restart-values-restart\"}},[_vm._v(\"Hexdocs\")]),_vm._v(\")\")]),_c('p',[_vm._v(\"Ahora el supervisor recibe además de un child_spec una \"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/Supervisor.html#module-start_link-2-init-2-and-strategies\"}},[_vm._v(\"estrategia de supervisión\")]),_vm._v(\", que será la acción que tomará un supervisor cuando se caen los procesos supervisados.\")]),_c('p',[_vm._v(\"En el child spec siempre vamos no solo a poder supervisar procesos que son hojas, o sea procesos que van a tener lógica de un sistema, o de nuestra aplicación, o pueden ser otros nodos que pueden ser no terminales, o sea, supervisores, por lo que podemos armar un árbol de supervisión de esta manera.\")]),_c('p',[_vm._v(\"Hay otras estrategias deprecadas, tales como las :simple_one_for_one, que hoy fueron reemplazadas por otro tipo de supervisores, esto es porque los Supervisor son para modelar procesos que son supervisores estáticos, o sea que una vez inicializado no se pueden agregar procesos supervisados, por lo que al ser estático, si se quieren hacer cambios, se debe cambiar el childspec, levantar de nuevo la aplicación y volver a inicializar el supervisor.\")]),_c('p',[_vm._v(\"El otro tipo de supervisores que hoy existe en Elixir y que nos permite inicializar dinámicamente procesos supervisados son los Supervisores dinámicos\")]),_c('p',[_vm._v(\"Esta es la documentación de los hexdocs con algunos puntos bien puntuales sobre los detalles de los \"),_c('a',{attrs:{\"href\":\"https://hexdocs.pm/elixir/DynamicSupervisor.html#content\"}},[_vm._v(\"supervisores dinamicos\")]),_vm._v(\" Esta es la documentación un poco más \"),_c('a',{attrs:{\"href\":\"https://elixir-lang.org/getting-started/mix-otp/dynamic-supervisor.html\"}},[_vm._v(\"descriptiva de los supervisores dinamicos\")])]),_c('p',[_vm._v(\"Recuerden bien que un supervisor no restaura ni guarda el estado del actor supervisado, una vez que muere, si este es reiniciado, vuelve a ser inicializado con el estado inicial, y si tenía un estado distinto antes de su muerte, este se pierde definitivamente, por lo que a veces es bueno tal vez o bien persistirlo o si es algo importante tenerlo en otro actor como puede ser un Agent.\")]),_c('p',[_vm._v(\"Otros recursos, tal vez un poco desactualizados:\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://docs.google.com/document/d/1r_E6Hj4F-38dy5tDbxfTBW2XaU8sSRaf9qtC-VuLDIw/edit#heading=h.40vnggga84mq\"}},[_vm._v(\"Manejo de Errores e Introducción a la supervisión\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./otp.md?vue&type=template&id=1a50383c&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0b2d29.5982e5a9.js b/js/chunk-2d0b2d29.5982e5a9.js
new file mode 100644
index 0000000..75c8ff7
--- /dev/null
+++ b/js/chunk-2d0b2d29.5982e5a9.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0b2d29"],{"266e":function(e,n,t){"use strict";t.r(n);var u=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("div",[e._t("default")],2)},l=[],c=t("2877"),a={},r=Object(c["a"])(a,u,l,!1,null,null,null);n["default"]=r.exports}}]);
+//# sourceMappingURL=chunk-2d0b2d29.5982e5a9.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0b2d29.5982e5a9.js.map b/js/chunk-2d0b2d29.5982e5a9.js.map
new file mode 100644
index 0000000..5face9b
--- /dev/null
+++ b/js/chunk-2d0b2d29.5982e5a9.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/layouts/AppLayoutDefault.vue?ce0b","webpack:///./src/layouts/AppLayoutDefault.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_t","staticRenderFns","script","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAG,YAAY,IACzHC,EAAkB,G,YCAlBC,EAAS,GAKTC,EAAY,eACdD,EACAT,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-2d0b2d29.5982e5a9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AppLayoutDefault.vue?vue&type=template&id=8107ea64&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0bd92b.10106dec.js b/js/chunk-2d0bd92b.10106dec.js
new file mode 100644
index 0000000..f261db7
--- /dev/null
+++ b/js/chunk-2d0bd92b.10106dec.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0bd92b"],{"2d25":function(e,a,s){"use strict";s.r(a);var r=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("section",[s("h2",{attrs:{id:"paradigma-funcional-qué-es-eso"}},[e._v("¿Paradigma Funcional? ¿Qué es eso? "),s("a",{staticClass:"header-anchor",attrs:{href:"#paradigma-funcional-qué-es-eso"}},[e._v("¶")])]),s("p",[e._v("Es irónico que aunque el paradigma funcional es muy anterior al paradigma de objetos, lo que le ha dado la posibilidad de construir sólidas bases, es difícil dar una definición del mismo. Por ejemplo, la definición más obvia reza que funcional es un paradigma en el que las soluciones a los problemas se estructuran en términos de aplicación de funciones y, si bien es correcta, hay tantos elementos fundamentales que se desprenden de ésta y que no son evidentes que resulta de poca utilidad.")]),s("p",[e._v("Quizás sea más útil pensarlo a partir de las características más frecuentemente evocadas cuando se piensa en éste:")]),s("ul",[s("li",[e._v("Pureza: las funciones, al igual que en matemática, no presentan efectos colaterales, sino que tan sólo reciben, operan y devuelven valores")]),s("li",[e._v("Evaluación diferida: ciertas partes del código no se evaluarán salvo que sea necesario")]),s("li",[e._v("Funciones de primer orden: las funciones son valores, y por tanto pueden ser pasadas por parámetro")]),s("li",[e._v("Pattern matching: los valores pueden ser descompuestos estructuralmente, en un proceso inverso a la construcción: la deconstrucción. Y además podemos usar a esta herramienta como mecanismo de control de flujo: según encaje un valor con un patrón u otro, podremos tomar acciones diferentes.")]),s("li",[e._v("Expresiones lambda: Es posible escribir valores de función de forma literal, sin asignarle un nombre.")]),s("li",[e._v("Inmutabilidad: las variables son meras etiquetas, que una vez unificadas contra un valor, no pueden ser cambiadas.")])]),s("p",[e._v("Sin embargo, ¿son las anteriores ideas propias del paradigma funcional? Miremos más en detalle:")]),s("ul",[s("li",[e._v("No todos los lenguajes funcionales son realmente puros. LISP y sus derivados, por ejemplo, no lo son normalmente: permiten hacer input-ouput (IO) imperativo, modificar variables, etc.")]),s("li",[e._v("No todos los lenguajes funcionales presentan evaluación diferida. Para ser justos, ni siquiera Haskell: éste ofrece evaluación no-estricta, lo cual es ligeramente diferente.")])]),s("p",[e._v("Por un lado muchos lenguajes (funcionales o no) presentan algún tipo de operación de deconstrucción: Ruby, ECMAScript6, Clojure, etc, que es la base para implementar pattern-matching. Y por otro lado, la idea de Pattern matching no figura en Cálculo Lambda, la base teórica de funcional.")]),s("p",[e._v("Virtualmente todos los lenguajes modernos presentan lambdas, closures o bloques de código, que permiten cosificar una porción de código.")]),s("p",[e._v("Si nada de lo que parece tan propio de funcional es realmente exclusivo del mismo, entonces, volvemos a la pregunta: ¿qué es eso? Simple: es la forma particular en que combinamos estas herramientas, razonando declarativamente en términos de valores y transformaciones sobre los mismos. Nuevamente, el todo es más que la suma de las partes.")]),s("p",[e._v("Durante las próximas clases vamos a estar viendo por qué el paradigma funcional puede ser una herramienta muy útil a la hora de trabajar con concurrencia y paralelismo. En particular, vamos a estar trabajando con Haskell, uno de los exponentes más notables de este paradigma. Pero antes, vamos a necesitar aprender (o repasar) algunos conceptos que nos van a ser de utilidad más adelante.")]),s("h2",{attrs:{id:"sobre-pureza-en-funcional"}},[e._v("Sobre pureza en funcional "),s("a",{staticClass:"header-anchor",attrs:{href:"#sobre-pureza-en-funcional"}},[e._v("¶")])]),s("p",[e._v("Haskell es un lenguaje puro; toda operación es similar a una función matemática, donde el resultado de dicha función depende únicamente de sus argumentos. Tanto es así, que hasta los efectos están modelados como valores de tipo IO, que representa un efecto, el cual puede ser operado como cualquier otro valor: podemos pasar efectos por parámetros, colocarlos en listas, ordenarlos, etc. De hecho, un programa ejecutable es una función que devuelve un valor de tipo IO. El runtime de Haskell ejecuta el efecto representado por este valor, produciendo así los efectos en el mundo real deseados. Moraleja: un programa Haskell no tiene efectos, pero es capaz de devolver un valor que los representa, pudiendo así hacer todo lo que un programa imperativo podría hacer, y más.")]),s("h2",{attrs:{id:"simplicidad"}},[e._v("Simplicidad "),s("a",{staticClass:"header-anchor",attrs:{href:"#simplicidad"}},[e._v("¶")])]),s("p",[e._v("La sintaxis e ideas fundamentales de Haskell son realmente simples, y el resto de las ideas más complejas se construyen normalmente sobre las más simples.")]),s("p",[s("strong",[e._v("TODO: Completar o eliminar sección.")])]),s("h2",{attrs:{id:"tipos-en-haskell"}},[e._v("Tipos en Haskell "),s("a",{staticClass:"header-anchor",attrs:{href:"#tipos-en-haskell"}},[e._v("¶")])]),s("p",[e._v("A diferencia de otros lenguajes, como Ruby o Smalltalk, Haskell tiene un sistema de tipos estático. Esto significa que el tipo de cada expresión es conocido en tiempo de compilación.")]),s("p",[e._v("Ilustrémoslo con un ejemplo: si tenemos una función que suma dos números, y le pasamos un string que se sume a un int, en un lenguaje dinámico solo fallaría en tiempo de ejecución, mientras que en un lenguaje con un sistema de tipos estático, no compilaría. Esto permite que puedan capturarse errores en tiempo de compilación en vez de que tengan que aparecer en ejecución.")]),s("p",[e._v("En Haskell todo tiene un tipo, y a diferencia de otros lenguajes similares como Java, Haskell tiene además inferencia de tipos. Si escribimos un número, no tenemos que decirle a Haskell que es un número, sino que puede inferirlo solo. El tipo de un valor se puede conocer por medio del comando "),s("code",{pre:!0},[e._v(":t")]),e._v(":")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t 'a'\n'a' :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Char")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("True")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("True")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Bool")]),e._v("\n")])]),s("p",[e._v("Como vemos en el GhCI, cuando ejecutamos el comando "),s("code",{pre:!0},[e._v(":t")]),e._v(" junto con un valor, nos dice de qué tipo es. "),s("code",{pre:!0},[e._v("x :: T")]),e._v(' puede leerse como "x es del tipo T".')]),s("p",[e._v("Con expresiones más complejas podemos ver algo como lo siguiente:")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(" + "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(" + "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Num")]),e._v(" a => a\n")])]),s("p",[e._v("Simple, todas las expresiones generan un valor con un tipo asociado.")]),s("p",[e._v("Las funciones son otra cosa que también necesita una declaración de tipos, y es una buena práctica que ayuda al sistema de inferencia de tipos, y es recomendado a menos que se necesite crear funciones muy chicas. Empecemos con un ejemplo bien simple:")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("let")]),e._v(" succ a = a + "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t succ\n"),s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succ")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Num")]),e._v(" a => a -> a \n")])]),s("p",[e._v("Esto se vería así en un código que no sea ghci")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succ")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Int")]),e._v(" -> "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Int")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succ")]),e._v(" a = a + "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("\n")])]),s("p",[e._v("Veamos un poco más en detalle otro prototipo de función, por ej. "),s("code",{pre:!0},[e._v("head")]),e._v(" y "),s("code",{pre:!0},[e._v("tail")])]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t head\n"),s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("head")]),e._v(" :: [a] -> a\n\n"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t tail\n"),s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("tail")]),e._v(" :: [a] -> [a]\n")])]),s("p",[e._v("Este ejemplo es bien conocido por tomar el primer elemento de una lista, head. Pero veamos la declaración de tipos, head toma un parámetro, que es del tipo lista de a. Pero a no es un tipo... ¿qué es entonces? En este caso es un tipo genérico. Puede ser un "),s("code",{pre:!0},[e._v("Int")]),e._v(", "),s("code",{pre:!0},[e._v("String")]),e._v(", etc., pero el tipo va a ser consistente; es decir, si tenemos una función que va de "),s("code",{pre:!0},[e._v("[a] -> a")]),e._v(", entonces si a es un "),s("code",{pre:!0},[e._v("Int")]),e._v(", la función va a tomar una lista de "),s("code",{pre:!0},[e._v("Int")]),e._v(", y devolver un "),s("code",{pre:!0},[e._v("Int")]),e._v(". Esto es porque la función es polimórfica y puede tomar cualquier lista de un tipo, y devolver el primer elemento, sin importar de qué tipo es la lista.")]),s("p",[e._v("Nuestra función "),s("code",{pre:!0},[e._v("succ")]),e._v(", en cambio, solo toma un "),s("code",{pre:!0},[e._v("Int")]),e._v(" y devuelve otro "),s("code",{pre:!0},[e._v("Int")]),e._v(". Si le pasamos algo de tipo "),s("code",{pre:!0},[e._v("String")]),e._v(", fallaría en tiempo de compilación.")]),s("p",[e._v("En el ejemplo de "),s("code",{pre:!0},[e._v("head")]),e._v(", en la declaración de tipos, a es llamado type variable.")]),s("p",[e._v("Tomemos otro ejemplo, "),s("code",{pre:!0},[e._v("fst")])]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t fst\n"),s("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fst")]),e._v(" :: (a, b) -> a\n")])]),s("p",[e._v("En este caso se puede ver cómo la función toma una tupla y devuelve el primer elemento, y tenemos dos type variables, a y b, que si bien son diferentes, no significa que sean de tipos distintos. También podemos ver que el primer elemento y lo que devuelve la función son del mismo tipo, tal como ocurre con "),s("code",{pre:!0},[e._v("head")]),e._v(".")]),s("h2",{attrs:{id:"typeclases"}},[e._v("Typeclases "),s("a",{staticClass:"header-anchor",attrs:{href:"#typeclases"}},[e._v("¶")])]),s("p",[e._v("Una Typeclass es como una especie de interfaz que define un comportamiento. Si un tipo es parte de una typeclass, el tipo soporta e implementa el comportamiento que describe dicha typeclass. Haciendo una comparación con el paradigma de objetos, podríamos decir que las typeclases son como las interfaces de Java, pero implementando el comportamiento, no solo definiendo su contrato.")]),s("p",[e._v("Veamos la operación suma de "),s("code",{pre:!0},[e._v("succ")])]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t (+)\n(+) :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Num")]),e._v(" a => a -> a -> a\n")])]),s("p",[e._v("Antes que nada vemos que ahora está el símbolo "),s("code",{pre:!0},[e._v("=>")]),e._v(". La lectura hacia la derecha es como las funciones que vimos hasta ahora: la función toma dos elementos de tipo a y devuelve otro de tipo a. A la izquierda del "),s("code",{pre:!0},[e._v("=>")]),e._v(" se indica que el tipo de los dos valores y el retorno deben ser miembros de la clase "),s("code",{pre:!0},[e._v("Num")]),e._v(". Esto último se conoce como "),s("strong",[e._v("class constraint")]),e._v(".")]),s("p",[e._v("Veamos otro ejemplo")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t (<=)\n(<=) :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Ord")]),e._v(" a => a -> a -> "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Bool")]),e._v("\n")])]),s("p",[s("code",{pre:!0},[e._v("Ord")]),e._v(" es otra typeclass, que define la interfaz para ordenamiento (<, >, <= y >=, entre otras), por lo que cualquier tipo que requiera ordenamiento de dos o más elementos, debe ser un miembro de "),s("code",{pre:!0},[e._v("Ord")]),e._v(".")]),s("p",[e._v("Volviendo a la suma, vimos que "),s("code",{pre:!0},[e._v("Num")]),e._v(" es un typeclass numérico, y permite que un tipo actúe como número, por ej:")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> :t "),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v("\n"),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Num")]),e._v(" a => a\n")])]),s("p",[e._v("Por lo que los números pueden actuar como constantes polimórficas, por lo que podemos definir un 42 numérico, flotante o doble, pero hay operaciones que si bien son parte del typeclass, su contrato debe ser cumplido, por ej. si sumamos un doble con un interfaces")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-haskell"}},[s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v(") + ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Double")]),e._v(")\n\n:"),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("25")]),e._v(":"),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("20")]),e._v(":\n "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Couldn't")]),e._v(" match expected "),s("span",{pre:!0,attrs:{class:"hljs-class"}},[s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("type")]),e._v(" ‘"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v("’ with actual "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("type")]),e._v(" ‘"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Double")]),e._v("’")]),e._v("\n "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("In")]),e._v(" the second argument "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("of")]),e._v(" ‘(+)’, namely ‘("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Double")]),e._v(")’\n "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("In")]),e._v(" the expression: ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v(") + ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Double")]),e._v(")\n "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("In")]),e._v(" an equation for ‘it’: it = ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v(") + ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Double")]),e._v(")\n"),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Prelude")]),e._v("> ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("42")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v(") + ("),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" :: "),s("span",{pre:!0,attrs:{class:"hljs-type"}},[e._v("Integer")]),e._v(")\n"),s("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("44")]),e._v("\n")])]),s("h2",{attrs:{id:"dualidad-en-estructuras-de-tipos"}},[e._v("Dualidad en estructuras de tipos "),s("a",{staticClass:"header-anchor",attrs:{href:"#dualidad-en-estructuras-de-tipos"}},[e._v("¶")])]),s("p",[e._v("Cada una de ellas presenta una dualidad, pudiendo ser pensada tanto como una estructura de datos, como una estructura de control. Dicho de otra forma, a las estructuras funcionales podemos verlas tanto como contenedores (cajas que almacenan valores) como computaciones (operaciones que al ejecutarlas producen valores).")])])}],o=s("2877"),t={},l=Object(o["a"])(t,r,n,!1,null,null,null);a["default"]=l.exports}}]);
+//# sourceMappingURL=chunk-2d0bd92b.10106dec.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0bd92b.10106dec.js.map b/js/chunk-2d0bd92b.10106dec.js.map
new file mode 100644
index 0000000..f93b4ab
--- /dev/null
+++ b/js/chunk-2d0bd92b.10106dec.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/estructuras_funcionales.md?9b26","webpack:///./src/content/estructuras_funcionales.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-2d0bd92b.10106dec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"paradigma-funcional-qué-es-eso\"}},[_vm._v(\"¿Paradigma Funcional? ¿Qué es eso? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#paradigma-funcional-qué-es-eso\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Es irónico que aunque el paradigma funcional es muy anterior al paradigma de objetos, lo que le ha dado la posibilidad de construir sólidas bases, es difícil dar una definición del mismo. Por ejemplo, la definición más obvia reza que funcional es un paradigma en el que las soluciones a los problemas se estructuran en términos de aplicación de funciones y, si bien es correcta, hay tantos elementos fundamentales que se desprenden de ésta y que no son evidentes que resulta de poca utilidad.\")]),_c('p',[_vm._v(\"Quizás sea más útil pensarlo a partir de las características más frecuentemente evocadas cuando se piensa en éste:\")]),_c('ul',[_c('li',[_vm._v(\"Pureza: las funciones, al igual que en matemática, no presentan efectos colaterales, sino que tan sólo reciben, operan y devuelven valores\")]),_c('li',[_vm._v(\"Evaluación diferida: ciertas partes del código no se evaluarán salvo que sea necesario\")]),_c('li',[_vm._v(\"Funciones de primer orden: las funciones son valores, y por tanto pueden ser pasadas por parámetro\")]),_c('li',[_vm._v(\"Pattern matching: los valores pueden ser descompuestos estructuralmente, en un proceso inverso a la construcción: la deconstrucción. Y además podemos usar a esta herramienta como mecanismo de control de flujo: según encaje un valor con un patrón u otro, podremos tomar acciones diferentes.\")]),_c('li',[_vm._v(\"Expresiones lambda: Es posible escribir valores de función de forma literal, sin asignarle un nombre.\")]),_c('li',[_vm._v(\"Inmutabilidad: las variables son meras etiquetas, que una vez unificadas contra un valor, no pueden ser cambiadas.\")])]),_c('p',[_vm._v(\"Sin embargo, ¿son las anteriores ideas propias del paradigma funcional? Miremos más en detalle:\")]),_c('ul',[_c('li',[_vm._v(\"No todos los lenguajes funcionales son realmente puros. LISP y sus derivados, por ejemplo, no lo son normalmente: permiten hacer input-ouput (IO) imperativo, modificar variables, etc.\")]),_c('li',[_vm._v(\"No todos los lenguajes funcionales presentan evaluación diferida. Para ser justos, ni siquiera Haskell: éste ofrece evaluación no-estricta, lo cual es ligeramente diferente.\")])]),_c('p',[_vm._v(\"Por un lado muchos lenguajes (funcionales o no) presentan algún tipo de operación de deconstrucción: Ruby, ECMAScript6, Clojure, etc, que es la base para implementar pattern-matching. Y por otro lado, la idea de Pattern matching no figura en Cálculo Lambda, la base teórica de funcional.\")]),_c('p',[_vm._v(\"Virtualmente todos los lenguajes modernos presentan lambdas, closures o bloques de código, que permiten cosificar una porción de código.\")]),_c('p',[_vm._v(\"Si nada de lo que parece tan propio de funcional es realmente exclusivo del mismo, entonces, volvemos a la pregunta: ¿qué es eso? Simple: es la forma particular en que combinamos estas herramientas, razonando declarativamente en términos de valores y transformaciones sobre los mismos. Nuevamente, el todo es más que la suma de las partes.\")]),_c('p',[_vm._v(\"Durante las próximas clases vamos a estar viendo por qué el paradigma funcional puede ser una herramienta muy útil a la hora de trabajar con concurrencia y paralelismo. En particular, vamos a estar trabajando con Haskell, uno de los exponentes más notables de este paradigma. Pero antes, vamos a necesitar aprender (o repasar) algunos conceptos que nos van a ser de utilidad más adelante.\")]),_c('h2',{attrs:{\"id\":\"sobre-pureza-en-funcional\"}},[_vm._v(\"Sobre pureza en funcional \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#sobre-pureza-en-funcional\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Haskell es un lenguaje puro; toda operación es similar a una función matemática, donde el resultado de dicha función depende únicamente de sus argumentos. Tanto es así, que hasta los efectos están modelados como valores de tipo IO, que representa un efecto, el cual puede ser operado como cualquier otro valor: podemos pasar efectos por parámetros, colocarlos en listas, ordenarlos, etc. De hecho, un programa ejecutable es una función que devuelve un valor de tipo IO. El runtime de Haskell ejecuta el efecto representado por este valor, produciendo así los efectos en el mundo real deseados. Moraleja: un programa Haskell no tiene efectos, pero es capaz de devolver un valor que los representa, pudiendo así hacer todo lo que un programa imperativo podría hacer, y más.\")]),_c('h2',{attrs:{\"id\":\"simplicidad\"}},[_vm._v(\"Simplicidad \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#simplicidad\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"La sintaxis e ideas fundamentales de Haskell son realmente simples, y el resto de las ideas más complejas se construyen normalmente sobre las más simples.\")]),_c('p',[_c('strong',[_vm._v(\"TODO: Completar o eliminar sección.\")])]),_c('h2',{attrs:{\"id\":\"tipos-en-haskell\"}},[_vm._v(\"Tipos en Haskell \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#tipos-en-haskell\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"A diferencia de otros lenguajes, como Ruby o Smalltalk, Haskell tiene un sistema de tipos estático. Esto significa que el tipo de cada expresión es conocido en tiempo de compilación.\")]),_c('p',[_vm._v(\"Ilustrémoslo con un ejemplo: si tenemos una función que suma dos números, y le pasamos un string que se sume a un int, en un lenguaje dinámico solo fallaría en tiempo de ejecución, mientras que en un lenguaje con un sistema de tipos estático, no compilaría. Esto permite que puedan capturarse errores en tiempo de compilación en vez de que tengan que aparecer en ejecución.\")]),_c('p',[_vm._v(\"En Haskell todo tiene un tipo, y a diferencia de otros lenguajes similares como Java, Haskell tiene además inferencia de tipos. Si escribimos un número, no tenemos que decirle a Haskell que es un número, sino que puede inferirlo solo. El tipo de un valor se puede conocer por medio del comando \"),_c('code',{pre:true},[_vm._v(\":t\")]),_vm._v(\":\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t 'a'\\n'a' :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Char\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"True\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"True\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Bool\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Como vemos en el GhCI, cuando ejecutamos el comando \"),_c('code',{pre:true},[_vm._v(\":t\")]),_vm._v(\" junto con un valor, nos dice de qué tipo es. \"),_c('code',{pre:true},[_vm._v(\"x :: T\")]),_vm._v(\" puede leerse como \\\"x es del tipo T\\\".\")]),_c('p',[_vm._v(\"Con expresiones más complejas podemos ver algo como lo siguiente:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\" + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\" + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Num\")]),_vm._v(\" a => a\\n\")])]),_c('p',[_vm._v(\"Simple, todas las expresiones generan un valor con un tipo asociado.\")]),_c('p',[_vm._v(\"Las funciones son otra cosa que también necesita una declaración de tipos, y es una buena práctica que ayuda al sistema de inferencia de tipos, y es recomendado a menos que se necesite crear funciones muy chicas. Empecemos con un ejemplo bien simple:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"let\")]),_vm._v(\" succ a = a + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t succ\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succ\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Num\")]),_vm._v(\" a => a -> a \\n\")])]),_c('p',[_vm._v(\"Esto se vería así en un código que no sea ghci\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succ\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Int\")]),_vm._v(\" -> \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Int\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succ\")]),_vm._v(\" a = a + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Veamos un poco más en detalle otro prototipo de función, por ej. \"),_c('code',{pre:true},[_vm._v(\"head\")]),_vm._v(\" y \"),_c('code',{pre:true},[_vm._v(\"tail\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t head\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"head\")]),_vm._v(\" :: [a] -> a\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t tail\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"tail\")]),_vm._v(\" :: [a] -> [a]\\n\")])]),_c('p',[_vm._v(\"Este ejemplo es bien conocido por tomar el primer elemento de una lista, head. Pero veamos la declaración de tipos, head toma un parámetro, que es del tipo lista de a. Pero a no es un tipo... ¿qué es entonces? En este caso es un tipo genérico. Puede ser un \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\", \"),_c('code',{pre:true},[_vm._v(\"String\")]),_vm._v(\", etc., pero el tipo va a ser consistente; es decir, si tenemos una función que va de \"),_c('code',{pre:true},[_vm._v(\"[a] -> a\")]),_vm._v(\", entonces si a es un \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\", la función va a tomar una lista de \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\", y devolver un \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\". Esto es porque la función es polimórfica y puede tomar cualquier lista de un tipo, y devolver el primer elemento, sin importar de qué tipo es la lista.\")]),_c('p',[_vm._v(\"Nuestra función \"),_c('code',{pre:true},[_vm._v(\"succ\")]),_vm._v(\", en cambio, solo toma un \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\" y devuelve otro \"),_c('code',{pre:true},[_vm._v(\"Int\")]),_vm._v(\". Si le pasamos algo de tipo \"),_c('code',{pre:true},[_vm._v(\"String\")]),_vm._v(\", fallaría en tiempo de compilación.\")]),_c('p',[_vm._v(\"En el ejemplo de \"),_c('code',{pre:true},[_vm._v(\"head\")]),_vm._v(\", en la declaración de tipos, a es llamado type variable.\")]),_c('p',[_vm._v(\"Tomemos otro ejemplo, \"),_c('code',{pre:true},[_vm._v(\"fst\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t fst\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fst\")]),_vm._v(\" :: (a, b) -> a\\n\")])]),_c('p',[_vm._v(\"En este caso se puede ver cómo la función toma una tupla y devuelve el primer elemento, y tenemos dos type variables, a y b, que si bien son diferentes, no significa que sean de tipos distintos. También podemos ver que el primer elemento y lo que devuelve la función son del mismo tipo, tal como ocurre con \"),_c('code',{pre:true},[_vm._v(\"head\")]),_vm._v(\".\")]),_c('h2',{attrs:{\"id\":\"typeclases\"}},[_vm._v(\"Typeclases \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#typeclases\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Una Typeclass es como una especie de interfaz que define un comportamiento. Si un tipo es parte de una typeclass, el tipo soporta e implementa el comportamiento que describe dicha typeclass. Haciendo una comparación con el paradigma de objetos, podríamos decir que las typeclases son como las interfaces de Java, pero implementando el comportamiento, no solo definiendo su contrato.\")]),_c('p',[_vm._v(\"Veamos la operación suma de \"),_c('code',{pre:true},[_vm._v(\"succ\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t (+)\\n(+) :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Num\")]),_vm._v(\" a => a -> a -> a\\n\")])]),_c('p',[_vm._v(\"Antes que nada vemos que ahora está el símbolo \"),_c('code',{pre:true},[_vm._v(\"=>\")]),_vm._v(\". La lectura hacia la derecha es como las funciones que vimos hasta ahora: la función toma dos elementos de tipo a y devuelve otro de tipo a. A la izquierda del \"),_c('code',{pre:true},[_vm._v(\"=>\")]),_vm._v(\" se indica que el tipo de los dos valores y el retorno deben ser miembros de la clase \"),_c('code',{pre:true},[_vm._v(\"Num\")]),_vm._v(\". Esto último se conoce como \"),_c('strong',[_vm._v(\"class constraint\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Veamos otro ejemplo\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t (<=)\\n(<=) :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Ord\")]),_vm._v(\" a => a -> a -> \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Bool\")]),_vm._v(\"\\n\")])]),_c('p',[_c('code',{pre:true},[_vm._v(\"Ord\")]),_vm._v(\" es otra typeclass, que define la interfaz para ordenamiento (<, >, <= y >=, entre otras), por lo que cualquier tipo que requiera ordenamiento de dos o más elementos, debe ser un miembro de \"),_c('code',{pre:true},[_vm._v(\"Ord\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Volviendo a la suma, vimos que \"),_c('code',{pre:true},[_vm._v(\"Num\")]),_vm._v(\" es un typeclass numérico, y permite que un tipo actúe como número, por ej:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> :t \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Num\")]),_vm._v(\" a => a\\n\")])]),_c('p',[_vm._v(\"Por lo que los números pueden actuar como constantes polimórficas, por lo que podemos definir un 42 numérico, flotante o doble, pero hay operaciones que si bien son parte del typeclass, su contrato debe ser cumplido, por ej. si sumamos un doble con un interfaces\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-haskell\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\") + (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Double\")]),_vm._v(\")\\n\\n:\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"25\")]),_vm._v(\":\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"20\")]),_vm._v(\":\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Couldn't\")]),_vm._v(\" match expected \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-class\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"type\")]),_vm._v(\" ‘\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\"’ with actual \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"type\")]),_vm._v(\" ‘\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Double\")]),_vm._v(\"’\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"In\")]),_vm._v(\" the second argument \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"of\")]),_vm._v(\" ‘(+)’, namely ‘(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Double\")]),_vm._v(\")’\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"In\")]),_vm._v(\" the expression: (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\") + (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Double\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"In\")]),_vm._v(\" an equation for ‘it’: it = (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\") + (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Double\")]),_vm._v(\")\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Prelude\")]),_vm._v(\"> (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"42\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\") + (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" :: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-type\"}},[_vm._v(\"Integer\")]),_vm._v(\")\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"44\")]),_vm._v(\"\\n\")])]),_c('h2',{attrs:{\"id\":\"dualidad-en-estructuras-de-tipos\"}},[_vm._v(\"Dualidad en estructuras de tipos \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#dualidad-en-estructuras-de-tipos\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Cada una de ellas presenta una dualidad, pudiendo ser pensada tanto como una estructura de datos, como una estructura de control. Dicho de otra forma, a las estructuras funcionales podemos verlas tanto como contenedores (cajas que almacenan valores) como computaciones (operaciones que al ejecutarlas producen valores).\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./estructuras_funcionales.md?vue&type=template&id=8c85f1ae&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0c0352.17d5a176.js b/js/chunk-2d0c0352.17d5a176.js
new file mode 100644
index 0000000..804ff21
--- /dev/null
+++ b/js/chunk-2d0c0352.17d5a176.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0c0352"],{4198:function(e,a,o){"use strict";o.r(a);var n=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},s=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h2",{attrs:{id:"bonus-mitos-de-la-distribución"}},[e._v("Bonus: Mitos de la distribución "),o("a",{staticClass:"header-anchor",attrs:{href:"#bonus-mitos-de-la-distribución"}},[e._v("¶")])]),o("p",[e._v("Durante muchos tiempo, existieron 8 leyes o enunciados principales que son falacias y que son difíciles de manejar y la gente de erlang tomó algunas decisiones cuando se diseñó el lenguaje en sí.")]),o("ul",[o("li",[o("p",[e._v("La red es confiable: Esta es la primera falacia que hay en la computación distribuida, pueden existir fallos de red bastante más frecuente de lo que uno cree, más acá que en otros lados incluso por muchas razones (cortes de luz, falla de hardware, cable roto, etc). Entonces ya de por si no es verdadero que uno puede interconectar dos nodos en una red y siempre esperar que uno desde un nodo se puede conectar y hablar normalmente con otro nodo. Erlang en si no tiene un mecanismo especial para eso, lo mejor que nos provee es que haya una comunicación asincrónica en la que se manden mensajes asincrónicamente y después de un timeout se reintente o falle, entonces si un nodo se cae, lo manejaremos como si fuese un fallo local.")])]),o("li",[o("p",[e._v("No hay latencia: Esta es otra falacia ya que de por sí a menos que estén todos los nodos en una sola máquina, siempre existe la conocida latencia de red, e incluso si los nodos estuviesen localmente existe una pequeña latencia. Erlang de la manera en la que es, teniendo nodos como procesos aislados e independientes, mensajes asincrónicos, timeouts, monitores, nos permite ir manejando y viendo cómo ir tratando de manejar la latencia entre los distintos nodos e ir ajustando esto dependiendo de la red.")])]),o("li",[o("p",[e._v("El ancho de banda es infinito: Si bien el ancho de banda es mucho mayor que hace unos años, no hay que ir pasando exceso de información o gran cantidad de información entre dos nodos, siempre hay que tener en consideración que una comunicación entre dos nodos pasa en general mediante una conexión de TCP y solo una. Entonces todos los mensajes que mandemos pasarán por un solo canal entre dos nodos, entonces pasar un mensaje muy grande puede generar un bloqueo para otros mensajes consecuentes en este canal y crear un cuello de botella. Además Erlang/Elixir tienen un mecanismo para saber que los nodos están aún vivos que se lo conoce como heartbeat, y funciona de manera en el que los nodos conectados mandan mensajes cortos entre sí para avisar que aún están vivos y levantados y pueden hablar entre sí llamados beats. Estos mensajes se pasan por el mismo canal que los mensajes comunes entonces bloquear el canal con un mensaje muy grande puede generar que se bloquee el mensaje de beat y luego de pasado un tiempo que se rompa el vínculo entre los nodos.")])]),o("li",[o("p",[e._v("La red es segura. Acá no hay mucho que explicar, sabemos que la red es bastante insegura hoy por hoy. En general las aplicaciones se arman en clusters en una red local, y en general hacerlo en nodos en diferentes lugares físicos no está recomendado, de tener que hacerlo, debería implementar algún mecanismo que no viene por default en Erlang/Elixir, mediante ssl, o implementar el protocolo de comunicación entre los nodos. Hay algunos links que después pasaremos de esto.")])]),o("li",[o("p",[e._v("La Topología no cambia. Uno puede diseñar una aplicación distribuida en una LAN o intranet con una cantidad de máquinas con IP fija y una red pre-establecida, pero la realidad es que.. el hardware cambia con el tiempo, se hacen migraciones de red, o se cambia como era la topología de la LAN o inranet. Entonces sucede que no se puede hardcodear la ip de las máquinas al interconectarlas, para eso, Erlang identifica mendiante username a los nodos, hay un mecanismo que no veremos pero que existe llamado cookies que permite que se pueda identificar a un nodo con un username, no hay que confundirlo con las cookies de http pero son algo similares, aunque nunca deben considerarse un mecanismo de seguridad.")])]),o("li",[o("p",[e._v("Solo hay un administrador. Esto se cae muy rápido en los caso que tengamos una gran cantidad de servidores o incluso cuando nuestro sistema empieza a escalar, como vimos para volver a levantar procesos en Erlang es dentro de todo bastante simple aunque debe hacerse por medio de un administrador o persona si el nodo se cae definitivamente.")])]),o("li",[o("p",[e._v("El costo de transporte es cero. Lease esto como costo de transporte de datos de un nodo a otro en términos de tiempos y/o dinero. Serializar los datos no es gratis o rápido a veces, y la red posee una latencia también como mencionamos que acarrea un costo. En cuanto a costo monetario, siempre hay costo de mantenimiento de la red, servicio de ISP, hardware, personal.")])]),o("li",[o("p",[e._v("La red es homogenea. Esto último se refiere a que siempre usamos los mismos formatos para operar todo junto. Esto se refiere a que siempre se usa un mismo estándar y no siempre es así, se usan distintos lenguajes y estándares (XML, JSON, no no vamos a compararlos aca), pero en Erlang se tiene en cuenta que siempre nos vamos a comunicar y hablar con nodos y nuestro sistema está en el mismo lenguaje y que hablan el mismo protocolo. Entonces volvemos a un concepto como duck typing, en la que si tenemos un nodo que está implementado en otro lenguaje pero usa el mismo protocolo que erlang, entonces podrá hablar con otros nodos, un caso es cnode. Otra manera de intercambiar información es mediante BERT-RPC, cualquier otro sistema que use esta implementación podrá pasar información a un nodo erlang/elixir.")])])])])}],r=o("2877"),i={},t=Object(r["a"])(i,n,s,!1,null,null,null);a["default"]=t.exports}}]);
+//# sourceMappingURL=chunk-2d0c0352.17d5a176.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0c0352.17d5a176.js.map b/js/chunk-2d0c0352.17d5a176.js.map
new file mode 100644
index 0000000..43ad855
--- /dev/null
+++ b/js/chunk-2d0c0352.17d5a176.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/mitos.md?cbaa","webpack:///./src/content/mitos.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,mCAAmC,CAACR,EAAIS,GAAG,oCAAoCJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,oCAAoC,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,yMAAyMJ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,kuBAAkuBJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,ggBAAggBJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,8iCAA8iCJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,ieAAieJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,2sBAA2sBJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,4VAA4VJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,wXAAwXJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACL,EAAIS,GAAG,wzB,YCAh3JE,EAAS,GAKTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-2d0c0352.17d5a176.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"bonus-mitos-de-la-distribución\"}},[_vm._v(\"Bonus: Mitos de la distribución \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#bonus-mitos-de-la-distribución\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Durante muchos tiempo, existieron 8 leyes o enunciados principales que son falacias y que son difíciles de manejar y la gente de erlang tomó algunas decisiones cuando se diseñó el lenguaje en sí.\")]),_c('ul',[_c('li',[_c('p',[_vm._v(\"La red es confiable: Esta es la primera falacia que hay en la computación distribuida, pueden existir fallos de red bastante más frecuente de lo que uno cree, más acá que en otros lados incluso por muchas razones (cortes de luz, falla de hardware, cable roto, etc). Entonces ya de por si no es verdadero que uno puede interconectar dos nodos en una red y siempre esperar que uno desde un nodo se puede conectar y hablar normalmente con otro nodo. Erlang en si no tiene un mecanismo especial para eso, lo mejor que nos provee es que haya una comunicación asincrónica en la que se manden mensajes asincrónicamente y después de un timeout se reintente o falle, entonces si un nodo se cae, lo manejaremos como si fuese un fallo local.\")])]),_c('li',[_c('p',[_vm._v(\"No hay latencia: Esta es otra falacia ya que de por sí a menos que estén todos los nodos en una sola máquina, siempre existe la conocida latencia de red, e incluso si los nodos estuviesen localmente existe una pequeña latencia. Erlang de la manera en la que es, teniendo nodos como procesos aislados e independientes, mensajes asincrónicos, timeouts, monitores, nos permite ir manejando y viendo cómo ir tratando de manejar la latencia entre los distintos nodos e ir ajustando esto dependiendo de la red.\")])]),_c('li',[_c('p',[_vm._v(\"El ancho de banda es infinito: Si bien el ancho de banda es mucho mayor que hace unos años, no hay que ir pasando exceso de información o gran cantidad de información entre dos nodos, siempre hay que tener en consideración que una comunicación entre dos nodos pasa en general mediante una conexión de TCP y solo una. Entonces todos los mensajes que mandemos pasarán por un solo canal entre dos nodos, entonces pasar un mensaje muy grande puede generar un bloqueo para otros mensajes consecuentes en este canal y crear un cuello de botella. Además Erlang/Elixir tienen un mecanismo para saber que los nodos están aún vivos que se lo conoce como heartbeat, y funciona de manera en el que los nodos conectados mandan mensajes cortos entre sí para avisar que aún están vivos y levantados y pueden hablar entre sí llamados beats. Estos mensajes se pasan por el mismo canal que los mensajes comunes entonces bloquear el canal con un mensaje muy grande puede generar que se bloquee el mensaje de beat y luego de pasado un tiempo que se rompa el vínculo entre los nodos.\")])]),_c('li',[_c('p',[_vm._v(\"La red es segura. Acá no hay mucho que explicar, sabemos que la red es bastante insegura hoy por hoy. En general las aplicaciones se arman en clusters en una red local, y en general hacerlo en nodos en diferentes lugares físicos no está recomendado, de tener que hacerlo, debería implementar algún mecanismo que no viene por default en Erlang/Elixir, mediante ssl, o implementar el protocolo de comunicación entre los nodos. Hay algunos links que después pasaremos de esto.\")])]),_c('li',[_c('p',[_vm._v(\"La Topología no cambia. Uno puede diseñar una aplicación distribuida en una LAN o intranet con una cantidad de máquinas con IP fija y una red pre-establecida, pero la realidad es que.. el hardware cambia con el tiempo, se hacen migraciones de red, o se cambia como era la topología de la LAN o inranet. Entonces sucede que no se puede hardcodear la ip de las máquinas al interconectarlas, para eso, Erlang identifica mendiante username a los nodos, hay un mecanismo que no veremos pero que existe llamado cookies que permite que se pueda identificar a un nodo con un username, no hay que confundirlo con las cookies de http pero son algo similares, aunque nunca deben considerarse un mecanismo de seguridad.\")])]),_c('li',[_c('p',[_vm._v(\"Solo hay un administrador. Esto se cae muy rápido en los caso que tengamos una gran cantidad de servidores o incluso cuando nuestro sistema empieza a escalar, como vimos para volver a levantar procesos en Erlang es dentro de todo bastante simple aunque debe hacerse por medio de un administrador o persona si el nodo se cae definitivamente.\")])]),_c('li',[_c('p',[_vm._v(\"El costo de transporte es cero. Lease esto como costo de transporte de datos de un nodo a otro en términos de tiempos y/o dinero. Serializar los datos no es gratis o rápido a veces, y la red posee una latencia también como mencionamos que acarrea un costo. En cuanto a costo monetario, siempre hay costo de mantenimiento de la red, servicio de ISP, hardware, personal.\")])]),_c('li',[_c('p',[_vm._v(\"La red es homogenea. Esto último se refiere a que siempre usamos los mismos formatos para operar todo junto. Esto se refiere a que siempre se usa un mismo estándar y no siempre es así, se usan distintos lenguajes y estándares (XML, JSON, no no vamos a compararlos aca), pero en Erlang se tiene en cuenta que siempre nos vamos a comunicar y hablar con nodos y nuestro sistema está en el mismo lenguaje y que hablan el mismo protocolo. Entonces volvemos a un concepto como duck typing, en la que si tenemos un nodo que está implementado en otro lenguaje pero usa el mismo protocolo que erlang, entonces podrá hablar con otros nodos, un caso es cnode. Otra manera de intercambiar información es mediante BERT-RPC, cualquier otro sistema que use esta implementación podrá pasar información a un nodo erlang/elixir.\")])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./mitos.md?vue&type=template&id=29ed7f28&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d0f0fc6.433c258f.js b/js/chunk-2d0f0fc6.433c258f.js
new file mode 100644
index 0000000..ab9c7d9
--- /dev/null
+++ b/js/chunk-2d0f0fc6.433c258f.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0f0fc6"],{"9f69":function(n,t,e){"use strict";e.r(t);var c=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",[e("div",{staticClass:"container"},[e("div",{staticClass:"inner-content col-sm-8 col-md-10"},[e("router-view")],1)])])},o=[],s={name:"AppLayoutError",components:{}},r=s,a=e("2877"),i=Object(a["a"])(r,c,o,!1,null,"07264d80",null);t["default"]=i.exports}}]);
+//# sourceMappingURL=chunk-2d0f0fc6.433c258f.js.map
\ No newline at end of file
diff --git a/js/chunk-2d0f0fc6.433c258f.js.map b/js/chunk-2d0f0fc6.433c258f.js.map
new file mode 100644
index 0000000..32e5e83
--- /dev/null
+++ b/js/chunk-2d0f0fc6.433c258f.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/layouts/AppLayoutError.vue?bf12","webpack:///src/layouts/AppLayoutError.vue","webpack:///./src/layouts/AppLayoutError.vue?44da","webpack:///./src/layouts/AppLayoutError.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","name","components","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,gBAAgB,QACxNG,EAAkB,GCUtB,GACEC,KAAM,iBACNC,WAAY,ICb0U,I,YCOpVC,EAAY,eACd,EACAX,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAG,E","file":"js/chunk-2d0f0fc6.433c258f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"inner-content col-sm-8 col-md-10\"},[_c('router-view')],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
\n \n
\n
\n
\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutError.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutError.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppLayoutError.vue?vue&type=template&id=07264d80&scoped=true&\"\nimport script from \"./AppLayoutError.vue?vue&type=script&lang=js&\"\nexport * from \"./AppLayoutError.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"07264d80\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d2102a5.978b3591.js b/js/chunk-2d2102a5.978b3591.js
new file mode 100644
index 0000000..f573467
--- /dev/null
+++ b/js/chunk-2d2102a5.978b3591.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d2102a5"],{b771:function(e,s,a){"use strict";a.r(s);var r=function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("section",[a("h2",{attrs:{id:"introduccion"}},[e._v("Introduccion "),a("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),a("p",[e._v("En "),a("a",{attrs:{href:"https://arquitecturas-concurrentes.github.io/iasc-book/cps/"}},[e._v("capítulos anteriores")]),e._v(" vimos una posible forma de estructurar nuestros programas, utilizando CPS. Esta técnica, a diferencia de call-and-return y memoria compartida, nos permite implementar, de forma fácil:")]),a("ul",[a("li",[e._v("computaciones con un único resultado")]),a("li",[e._v("computaciones que pueden fallar")]),a("li",[e._v("computaciones no determinísticas")]),a("li",[e._v("excepciones")]),a("li",[e._v("asincronismo")])]),a("p",[e._v("Bueno, quizás no tan fácilmente. Vimos que si no tenemos cuidado y no delegamos "),a("em",[e._v("apropiadamente")]),e._v(", es muy posible que caigamos en el callback-hell: continuaciones anidadas dentro de continuaciones. Para ser justos, esto no es un problema de CPS propiamente dicho sino de la subutilización de una de las herramientas más poderosas del paradigma funcional: el orden superior.")]),a("p",[e._v("De todas formas, lo admitimos, para el programador inexperto en estos territorios, razonar sobre abstracciones que combinan funciones, como "),a("em",[e._v("compose")]),e._v("’s o "),a("em",[e._v("pipeline")]),e._v("’s no es simple: las funciones no son valores obvios.")]),a("p",[e._v("A su vez, la secuenciación de continuaciones es un problema aún mayor cuando estamos trabajando con operaciones que pueden fallar, ya que la cantidad de flujos de ejecución posibles aumenta, haciendo que sea muy fácil perder algún potencial error.")]),a("p",[e._v("Pero si "),a("strong",[e._v("secuenciar")]),e._v(" operaciones no es trivial, trabajar con operaciones "),a("strong",[e._v("concurrentes")]),e._v(" es todavía más difícil. Por ejemplo, si tenemos un cliente HTTP que usa continuaciones, y queremos agrupar en una lista las respuestas de varios requests, no nos queda otra opción que alejarnos del enfoque más "),a("em",[e._v("purista")]),e._v(" de CPS e introducir estado mutable que va a ser modificado por las distintas continuaciones:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" pokemonIniciales = [];\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" pokemonObtenido = "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(" =>")]),e._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v("(pokemonIniciales.length < "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v(") {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(";\n }\n elegirInicial(pokemonIniciales);\n};\nrequest("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'https://pokeapi.co/api/v2/pokemon/1'")]),e._v(", (response) => {\n pokemonIniciales.push(response.body());\n pokemonObtenido();\n});\nrequest("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'https://pokeapi.co/api/v2/pokemon/4'")]),e._v(", (response) => {\n pokemonIniciales.push(response.body());\n pokemonObtenido();\n});\nrequest("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'https://pokeapi.co/api/v2/pokemon/7'")]),e._v(", (response) => {\n pokemonIniciales.push(response.body());\n pokemonObtenido();\n});\n")])]),a("p",[e._v("Motivada por estas problemáticas surge otra forma de estructurar programas concurrentes: las promesas ("),a("em",[e._v("futures")]),e._v(" o "),a("em",[e._v("promises")]),e._v(", en inglés). Se trata de una técnica que de nueva no tiene nada (data de fines de los ‘70), pero que se ha popularizado y gracias a implementaciones en lenguajes como Scala o JavaScript.")]),a("p",[e._v("Veamos qué tienen para ofrecernos.")]),a("h2",{attrs:{id:"reificando-los-resultados-de-nuestras-operaciones"}},[e._v("Reificando los resultados de nuestras operaciones "),a("a",{staticClass:"header-anchor",attrs:{href:"#reificando-los-resultados-de-nuestras-operaciones"}},[e._v("¶")])]),a("p",[e._v("Para empezar, volvamos a nuestro clásico ejemplo: la función "),a("code",{pre:!0},[e._v("successor")]),e._v(", en su variante CPS:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("successor")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, callback")]),e._v(") ")]),e._v("{\n callback(x + "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\n")])]),a("p",[e._v("Que podemos usar de la siguiente forma:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("successor("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(", (resultado) => "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(resultado));\n")])]),a("p",[e._v("Para pasar de nuestro mundo de continuaciones al de "),a("em",[e._v("promesas")]),e._v(", vamos a hacer lo siguente:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("successor")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("Promise")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("resolve")]),e._v(") =>")]),e._v(" {\n resolve(x+"),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n });\n}\n")])]),a("p",[e._v("¿Qué cambió? Ahora nuestra función "),a("code",{pre:!0},[e._v("successor")]),e._v(" retorna un valor, pero éste no es el valor del resultado que buscamos, sino que tenemos que interactuar con una "),a("code",{pre:!0},[e._v("Promise")]),e._v(" para obtenerlo.")]),a("p",[e._v("La forma de hacerlo va a ser a través de uno de los mensajes que entienden las promesas: "),a("code",{pre:!0},[e._v("then")]),e._v(", que nos permite encadenar operaciones que se van a llevar a cabo una vez que el resultado de la promesa esté disponible.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("successor("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(").then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("resultado")]),e._v(") =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(resultado));\n")])]),a("blockquote",[a("p",[e._v('"Una vez que el resultado de la promesa esté disponible" dijiste?')])]),a("p",[e._v("Claro, porque las promesas se usan en general para representar el resultado de operaciones asincrónicas:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("promesaConTimeout = "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("Promise")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("resolve")]),e._v(") =>")]),e._v(" {\n setTimeout("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(" =>")]),e._v(" resolve("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"Vengo del pasado"')]),e._v("), "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("5")]),e._v("_000);\n});\npromesaConTimeout.then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("mensaje")]),e._v(") =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(mensaje));\n")])]),a("p",[e._v("Si inspeccionamos esa promesa en el momento en que la creamos, vamos a ver que se encuentra en estado "),a("strong",[e._v("pendiente")]),e._v(", ya que todavía no se ha completado. Sin embargo, si esperamos 5 segundos, veremos el mensaje en la consola, y al inspeccionar la promesa veremos que se encuentra "),a("strong",[e._v("resuelta")]),e._v(".")]),a("p",[e._v("Vemos entonces que las promesas son objetos con estado, y que éste puede variar con el tiempo, pasando de estar pendiente a resuelta.")]),a("h2",{attrs:{id:"manejando-los-errores"}},[e._v("Manejando los errores "),a("a",{staticClass:"header-anchor",attrs:{href:"#manejando-los-errores"}},[e._v("¶")])]),a("p",[e._v("Las promesas nos permiten no solo representar resultados exitosos, sino también casos de error:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("inverse")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("new")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("Promise")]),e._v(" ("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("resolve, reject")]),e._v(") =>")]),e._v(" {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v(" (x === "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(") {\n reject("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"No existe la inversa de 0"')]),e._v(")\n } "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("else")]),e._v(" {\n resolve("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(" / x);\n }\n });\n}\n")])]),a("p",[e._v("Si invocamos esta función con "),a("code",{pre:!0},[e._v("0")]),e._v(" como parámetro, vemos que la promesa resultante está "),a("strong",[e._v("rechazada")]),e._v(", y que tiene valor de error.")]),a("p",[e._v("Esto nos permite manejar "),a("em",[e._v("excepciones")]),e._v(", usando otro mensaje que entienden las promesas, "),a("code",{pre:!0},[e._v("catch")]),e._v(":")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("printInverse")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x")]),e._v(") ")]),e._v("{\n inverse(x).then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("result")]),e._v(" =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(result))\n .catch("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("error")]),e._v(" =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".error(error));\n}\n")])]),a("p",[e._v('Algo destacable del manejo de excepciones, es que las excepciones "cascadean" hasta el primer '),a("code",{pre:!0},[e._v("catch")]),e._v(" que puede manejarlas. Esto constituye una diferencia respecto a CPS, donde siempre tenemos que pasar los callback de error explícitamente.")]),a("p",[e._v("Otra diferencia entre CPS y promesas que podemos observar es que las promesas siempre se resuelven o se rechazan. No nos permiten no tener un resultado ("),a("em",[e._v("fallar")]),e._v("), ni tampoco tener múltiples resultados ("),a("em",[e._v("no determinismo")]),e._v(").")]),a("h2",{attrs:{id:"encadenando-promesas"}},[e._v("Encadenando promesas "),a("a",{staticClass:"header-anchor",attrs:{href:"#encadenando-promesas"}},[e._v("¶")])]),a("p",[e._v("Como ya vimos, podemos usar "),a("code",{pre:!0},[e._v("then")]),e._v(" para agregar un callback que se ejecutará cuando la promesa se resuelva. Lo interesante es que "),a("code",{pre:!0},[e._v("then")]),e._v(" nos devuelve "),a("strong",[e._v("una nueva promesa")]),e._v(", por lo que podemos seguir encadenando operaciones:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("promesaConTimeout\n .then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("mensaje")]),e._v(") =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'¡'")]),e._v(" + mensaje + "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'!'")]),e._v(")\n .then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("mensajeConEnfasis")]),e._v(") =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(mensajeConEnfasis));\n")])]),a("p",[e._v("Además, si la función que le pasamos al "),a("code",{pre:!0},[e._v("then")]),e._v(" devuelve una promesa, nos garantiza que dicha promesa se va a resolver antes que la que devuelve el "),a("code",{pre:!0},[e._v("then")]),e._v(" mismo. Esto evita tener un "),a("em",[e._v("promise-hell")]),e._v(" (patente pendiente) de promesas anidadas.")]),a("p",[e._v("Veamos un ejemplo de esto último. Si usamos la función "),a("code",{pre:!0},[e._v("fetch")]),e._v(" que existe en el browser para hacer requests HTTP, obtenemos una promesa que eventualmente se resolverá con la respuesta al request. Ahora bien, si queremos parsear esa respuesta como JSON, vamos a tener que enviar el mensaje "),a("code",{pre:!0},[e._v("json()")]),e._v(" a la respuesta, que también nos devuelve una promesa. Usando "),a("code",{pre:!0},[e._v("then")]),e._v(" podemos secuenciar estas operaciones asincrónicas, de forma tal que, al final, sólo tengamos una promesa con el objeto parseado:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("fetch("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'https://pokeapi.co/api/v2/pokemon/1'")]),e._v(")\n .then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("response")]),e._v(" =>")]),e._v(" response.json())\n .then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("pokemon")]),e._v(" =>")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("`Encontre a: "),a("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("${pokemon.name}")]),e._v("`")]),e._v("));\n")])]),a("h2",{attrs:{id:"otras-formas-de-componer-promesas"}},[e._v("Otras formas de componer promesas "),a("a",{staticClass:"header-anchor",attrs:{href:"#otras-formas-de-componer-promesas"}},[e._v("¶")])]),a("p",[e._v('Además de componer operaciones asincrónicas "en serie", muchas veces queremos hacerlo "en paralelo" (o, siendo más precisos, concurrentemente). Al principio vimos que hacer esto con callbacks nos llevaba por un camino bastante oscuro.')]),a("p",[e._v("¿Cómo se logra lo mismo usando promesas?")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" fetchJSON = "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("requestUrl")]),e._v(") =>")]),e._v(" fetch(requestUrl).then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("response")]),e._v(" =>")]),e._v(" response.json());\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" respuestas = ["),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("7")]),e._v("].map("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("nroPokedex")]),e._v(" =>")]),e._v(" fetchJSON("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'https://pokeapi.co/api/v2/pokemon/'")]),e._v(" + nroPokedex));\n"),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("Promise")]),e._v(".all(respuestas)\n .then("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("iniciales")]),e._v(" =>")]),e._v(" elegirInicial(iniciales));\n")])]),a("p",[e._v("Con "),a("code",{pre:!0},[e._v("Promise.all")]),e._v(" podemos agregar los resultados de múltiples promesas, para después operar todos los resultados de forma conjunta, y de una forma mucho más declarativa que cuando usábamos CPS.")]),a("p",[a("code",{pre:!0},[e._v("Promise.all")]),e._v(" no es la única forma que tenemos de combinar promesas. Durante la cursada vamos a ver otras, aunque si tienen curiosidad, pueden buscar "),a("code",{pre:!0},[e._v("Promise.race()")]),e._v(", "),a("code",{pre:!0},[e._v("Promise.any()")]),e._v(" y "),a("code",{pre:!0},[e._v("Promise.allSettled()")]),e._v(".")]),a("h2",{attrs:{id:"volviendo-la-vista-atrás"}},[e._v("Volviendo la vista atrás "),a("a",{staticClass:"header-anchor",attrs:{href:"#volviendo-la-vista-atrás"}},[e._v("¶")])]),a("p",[e._v("Después de haber hecho un recorrido por las funcionalidades principales que nos ofrecen las promesas, cabe preguntarnos: ¿qué cambió con el uso de promesas, respecto al uso de CPS?")]),a("p",[e._v('Primero que nada, es importante entender que no estamos agregando nada "mágico", ni ningún concepto de manejo de concurrencia novedoso. Las promesas se paran sobre el uso de continuaciones de toda la vida, sólo que agregando una capa de abstracción por encima que, por un lado, facilita ciertas cosas, pero que también impide otras.')]),a("p",[e._v("La diferencia fundamental está en quién tiene el control de "),a("em",[e._v("la próxima acción a ejecutar")]),e._v(". Con CPS, una vez que pasábamos un callback por parámetro a una función, perdíamos todo control sobre el flujo de ejecución, que pasaba a ser responsabilidad de esa función. Con las promesas, seguimos teniendo una referencia del lado del invocador, y esto puede ser de gran ayuda al momento de agregar nuevas operaciones que dependen de la primera que hicimos.")]),a("p",[e._v("Acá entran las distintas formas de componer promesas que vimos, que son posibles justamente gracias a haber reificado el resultado de la ejecución.")]),a("p",[e._v("Ahora bien, las promesas no vienen a reemplazar el uso de callbacks, o al menos no en su totalidad. Como vimos, hay categorías enteras de situaciones (falla, no determinismo) que no se pueden manejar mediante el uso promesas. Esto en una primer momento podría parecer una desventaja, pero la realidad es que, al enfocarse en un escenario concreto en particular (el manejo de operaciones asincrónicas que producen un sólo resultado), las promesas pueden ofrecer una interfaz a la vez sencilla y poderosa para ese caso de uso.")]),a("p",[e._v("De hecho, enfoques como la "),a("strong",[e._v("programación reactiva")]),e._v(" extienden los principios de las promesas (y agregan unos cuantos otros), permitiendo manejar tanto casos de falla como no determinismo. Pero al hacerlo también terminan con una interfaz mucho más compleja que la de las promesas.")]),a("h2",{attrs:{id:"recursos-recomendados"}},[e._v("Recursos recomendados "),a("a",{staticClass:"header-anchor",attrs:{href:"#recursos-recomendados"}},[e._v("¶")])]),a("ul",[a("li",[a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises"}},[e._v("Guía sobre uso de Promesas")])]),a("li",[a("a",{attrs:{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"}},[e._v("Documentación más en detalle sobre su interfaz")])]),a("li",[a("a",{attrs:{href:"https://gist.github.com/staltz/868e7e9bc2a7b8c1f754"}},[e._v("Bonus - Introducción a Programación Reactiva")])])])])}],o=a("2877"),t={},p=Object(o["a"])(t,r,n,!1,null,null,null);s["default"]=p.exports}}]);
+//# sourceMappingURL=chunk-2d2102a5.978b3591.js.map
\ No newline at end of file
diff --git a/js/chunk-2d2102a5.978b3591.js.map b/js/chunk-2d2102a5.978b3591.js.map
new file mode 100644
index 0000000..99ffce9
--- /dev/null
+++ b/js/chunk-2d2102a5.978b3591.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/promises.md?3535","webpack:///./src/content/promises.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-2d2102a5.978b3591.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En \"),_c('a',{attrs:{\"href\":\"https://arquitecturas-concurrentes.github.io/iasc-book/cps/\"}},[_vm._v(\"capítulos anteriores\")]),_vm._v(\" vimos una posible forma de estructurar nuestros programas, utilizando CPS. Esta técnica, a diferencia de call-and-return y memoria compartida, nos permite implementar, de forma fácil:\")]),_c('ul',[_c('li',[_vm._v(\"computaciones con un único resultado\")]),_c('li',[_vm._v(\"computaciones que pueden fallar\")]),_c('li',[_vm._v(\"computaciones no determinísticas\")]),_c('li',[_vm._v(\"excepciones\")]),_c('li',[_vm._v(\"asincronismo\")])]),_c('p',[_vm._v(\"Bueno, quizás no tan fácilmente. Vimos que si no tenemos cuidado y no delegamos \"),_c('em',[_vm._v(\"apropiadamente\")]),_vm._v(\", es muy posible que caigamos en el callback-hell: continuaciones anidadas dentro de continuaciones. Para ser justos, esto no es un problema de CPS propiamente dicho sino de la subutilización de una de las herramientas más poderosas del paradigma funcional: el orden superior.\")]),_c('p',[_vm._v(\"De todas formas, lo admitimos, para el programador inexperto en estos territorios, razonar sobre abstracciones que combinan funciones, como \"),_c('em',[_vm._v(\"compose\")]),_vm._v(\"’s o \"),_c('em',[_vm._v(\"pipeline\")]),_vm._v(\"’s no es simple: las funciones no son valores obvios.\")]),_c('p',[_vm._v(\"A su vez, la secuenciación de continuaciones es un problema aún mayor cuando estamos trabajando con operaciones que pueden fallar, ya que la cantidad de flujos de ejecución posibles aumenta, haciendo que sea muy fácil perder algún potencial error.\")]),_c('p',[_vm._v(\"Pero si \"),_c('strong',[_vm._v(\"secuenciar\")]),_vm._v(\" operaciones no es trivial, trabajar con operaciones \"),_c('strong',[_vm._v(\"concurrentes\")]),_vm._v(\" es todavía más difícil. Por ejemplo, si tenemos un cliente HTTP que usa continuaciones, y queremos agrupar en una lista las respuestas de varios requests, no nos queda otra opción que alejarnos del enfoque más \"),_c('em',[_vm._v(\"purista\")]),_vm._v(\" de CPS e introducir estado mutable que va a ser modificado por las distintas continuaciones:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" pokemonIniciales = [];\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" pokemonObtenido = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\" =>\")]),_vm._v(\" {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\"(pokemonIniciales.length < \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\") {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\";\\n }\\n elegirInicial(pokemonIniciales);\\n};\\nrequest(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'https://pokeapi.co/api/v2/pokemon/1'\")]),_vm._v(\", (response) => {\\n pokemonIniciales.push(response.body());\\n pokemonObtenido();\\n});\\nrequest(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'https://pokeapi.co/api/v2/pokemon/4'\")]),_vm._v(\", (response) => {\\n pokemonIniciales.push(response.body());\\n pokemonObtenido();\\n});\\nrequest(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'https://pokeapi.co/api/v2/pokemon/7'\")]),_vm._v(\", (response) => {\\n pokemonIniciales.push(response.body());\\n pokemonObtenido();\\n});\\n\")])]),_c('p',[_vm._v(\"Motivada por estas problemáticas surge otra forma de estructurar programas concurrentes: las promesas (\"),_c('em',[_vm._v(\"futures\")]),_vm._v(\" o \"),_c('em',[_vm._v(\"promises\")]),_vm._v(\", en inglés). Se trata de una técnica que de nueva no tiene nada (data de fines de los ‘70), pero que se ha popularizado y gracias a implementaciones en lenguajes como Scala o JavaScript.\")]),_c('p',[_vm._v(\"Veamos qué tienen para ofrecernos.\")]),_c('h2',{attrs:{\"id\":\"reificando-los-resultados-de-nuestras-operaciones\"}},[_vm._v(\"Reificando los resultados de nuestras operaciones \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#reificando-los-resultados-de-nuestras-operaciones\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Para empezar, volvamos a nuestro clásico ejemplo: la función \"),_c('code',{pre:true},[_vm._v(\"successor\")]),_vm._v(\", en su variante CPS:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"successor\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, callback\")]),_vm._v(\") \")]),_vm._v(\"{\\n callback(x + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\n\")])]),_c('p',[_vm._v(\"Que podemos usar de la siguiente forma:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"successor(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\", (resultado) => \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(resultado));\\n\")])]),_c('p',[_vm._v(\"Para pasar de nuestro mundo de continuaciones al de \"),_c('em',[_vm._v(\"promesas\")]),_vm._v(\", vamos a hacer lo siguente:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"successor\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"new\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"Promise\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"resolve\")]),_vm._v(\") =>\")]),_vm._v(\" {\\n resolve(x+\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n });\\n}\\n\")])]),_c('p',[_vm._v(\"¿Qué cambió? Ahora nuestra función \"),_c('code',{pre:true},[_vm._v(\"successor\")]),_vm._v(\" retorna un valor, pero éste no es el valor del resultado que buscamos, sino que tenemos que interactuar con una \"),_c('code',{pre:true},[_vm._v(\"Promise\")]),_vm._v(\" para obtenerlo.\")]),_c('p',[_vm._v(\"La forma de hacerlo va a ser a través de uno de los mensajes que entienden las promesas: \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\", que nos permite encadenar operaciones que se van a llevar a cabo una vez que el resultado de la promesa esté disponible.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"successor(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\").then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"resultado\")]),_vm._v(\") =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(resultado));\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"\\\"Una vez que el resultado de la promesa esté disponible\\\" dijiste?\")])]),_c('p',[_vm._v(\"Claro, porque las promesas se usan en general para representar el resultado de operaciones asincrónicas:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"promesaConTimeout = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"new\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"Promise\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"resolve\")]),_vm._v(\") =>\")]),_vm._v(\" {\\n setTimeout(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\" =>\")]),_vm._v(\" resolve(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"Vengo del pasado\\\"\")]),_vm._v(\"), \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"5\")]),_vm._v(\"_000);\\n});\\npromesaConTimeout.then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"mensaje\")]),_vm._v(\") =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(mensaje));\\n\")])]),_c('p',[_vm._v(\"Si inspeccionamos esa promesa en el momento en que la creamos, vamos a ver que se encuentra en estado \"),_c('strong',[_vm._v(\"pendiente\")]),_vm._v(\", ya que todavía no se ha completado. Sin embargo, si esperamos 5 segundos, veremos el mensaje en la consola, y al inspeccionar la promesa veremos que se encuentra \"),_c('strong',[_vm._v(\"resuelta\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Vemos entonces que las promesas son objetos con estado, y que éste puede variar con el tiempo, pasando de estar pendiente a resuelta.\")]),_c('h2',{attrs:{\"id\":\"manejando-los-errores\"}},[_vm._v(\"Manejando los errores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#manejando-los-errores\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Las promesas nos permiten no solo representar resultados exitosos, sino también casos de error:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"inverse\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"new\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"Promise\")]),_vm._v(\" (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"resolve, reject\")]),_vm._v(\") =>\")]),_vm._v(\" {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\" (x === \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\") {\\n reject(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"No existe la inversa de 0\\\"\")]),_vm._v(\")\\n } \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"else\")]),_vm._v(\" {\\n resolve(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\" / x);\\n }\\n });\\n}\\n\")])]),_c('p',[_vm._v(\"Si invocamos esta función con \"),_c('code',{pre:true},[_vm._v(\"0\")]),_vm._v(\" como parámetro, vemos que la promesa resultante está \"),_c('strong',[_vm._v(\"rechazada\")]),_vm._v(\", y que tiene valor de error.\")]),_c('p',[_vm._v(\"Esto nos permite manejar \"),_c('em',[_vm._v(\"excepciones\")]),_vm._v(\", usando otro mensaje que entienden las promesas, \"),_c('code',{pre:true},[_vm._v(\"catch\")]),_vm._v(\":\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"printInverse\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x\")]),_vm._v(\") \")]),_vm._v(\"{\\n inverse(x).then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"result\")]),_vm._v(\" =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(result))\\n .catch(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"error\")]),_vm._v(\" =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".error(error));\\n}\\n\")])]),_c('p',[_vm._v(\"Algo destacable del manejo de excepciones, es que las excepciones \\\"cascadean\\\" hasta el primer \"),_c('code',{pre:true},[_vm._v(\"catch\")]),_vm._v(\" que puede manejarlas. Esto constituye una diferencia respecto a CPS, donde siempre tenemos que pasar los callback de error explícitamente.\")]),_c('p',[_vm._v(\"Otra diferencia entre CPS y promesas que podemos observar es que las promesas siempre se resuelven o se rechazan. No nos permiten no tener un resultado (\"),_c('em',[_vm._v(\"fallar\")]),_vm._v(\"), ni tampoco tener múltiples resultados (\"),_c('em',[_vm._v(\"no determinismo\")]),_vm._v(\").\")]),_c('h2',{attrs:{\"id\":\"encadenando-promesas\"}},[_vm._v(\"Encadenando promesas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#encadenando-promesas\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Como ya vimos, podemos usar \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\" para agregar un callback que se ejecutará cuando la promesa se resuelva. Lo interesante es que \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\" nos devuelve \"),_c('strong',[_vm._v(\"una nueva promesa\")]),_vm._v(\", por lo que podemos seguir encadenando operaciones:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"promesaConTimeout\\n .then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"mensaje\")]),_vm._v(\") =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'¡'\")]),_vm._v(\" + mensaje + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'!'\")]),_vm._v(\")\\n .then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"mensajeConEnfasis\")]),_vm._v(\") =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(mensajeConEnfasis));\\n\")])]),_c('p',[_vm._v(\"Además, si la función que le pasamos al \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\" devuelve una promesa, nos garantiza que dicha promesa se va a resolver antes que la que devuelve el \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\" mismo. Esto evita tener un \"),_c('em',[_vm._v(\"promise-hell\")]),_vm._v(\" (patente pendiente) de promesas anidadas.\")]),_c('p',[_vm._v(\"Veamos un ejemplo de esto último. Si usamos la función \"),_c('code',{pre:true},[_vm._v(\"fetch\")]),_vm._v(\" que existe en el browser para hacer requests HTTP, obtenemos una promesa que eventualmente se resolverá con la respuesta al request. Ahora bien, si queremos parsear esa respuesta como JSON, vamos a tener que enviar el mensaje \"),_c('code',{pre:true},[_vm._v(\"json()\")]),_vm._v(\" a la respuesta, que también nos devuelve una promesa. Usando \"),_c('code',{pre:true},[_vm._v(\"then\")]),_vm._v(\" podemos secuenciar estas operaciones asincrónicas, de forma tal que, al final, sólo tengamos una promesa con el objeto parseado:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"fetch(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'https://pokeapi.co/api/v2/pokemon/1'\")]),_vm._v(\")\\n .then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"response\")]),_vm._v(\" =>\")]),_vm._v(\" response.json())\\n .then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"pokemon\")]),_vm._v(\" =>\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"`Encontre a: \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"${pokemon.name}\")]),_vm._v(\"`\")]),_vm._v(\"));\\n\")])]),_c('h2',{attrs:{\"id\":\"otras-formas-de-componer-promesas\"}},[_vm._v(\"Otras formas de componer promesas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#otras-formas-de-componer-promesas\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Además de componer operaciones asincrónicas \\\"en serie\\\", muchas veces queremos hacerlo \\\"en paralelo\\\" (o, siendo más precisos, concurrentemente). Al principio vimos que hacer esto con callbacks nos llevaba por un camino bastante oscuro.\")]),_c('p',[_vm._v(\"¿Cómo se logra lo mismo usando promesas?\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" fetchJSON = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"requestUrl\")]),_vm._v(\") =>\")]),_vm._v(\" fetch(requestUrl).then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"response\")]),_vm._v(\" =>\")]),_vm._v(\" response.json());\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" respuestas = [\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"7\")]),_vm._v(\"].map(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"nroPokedex\")]),_vm._v(\" =>\")]),_vm._v(\" fetchJSON(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'https://pokeapi.co/api/v2/pokemon/'\")]),_vm._v(\" + nroPokedex));\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"Promise\")]),_vm._v(\".all(respuestas)\\n .then(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"iniciales\")]),_vm._v(\" =>\")]),_vm._v(\" elegirInicial(iniciales));\\n\")])]),_c('p',[_vm._v(\"Con \"),_c('code',{pre:true},[_vm._v(\"Promise.all\")]),_vm._v(\" podemos agregar los resultados de múltiples promesas, para después operar todos los resultados de forma conjunta, y de una forma mucho más declarativa que cuando usábamos CPS.\")]),_c('p',[_c('code',{pre:true},[_vm._v(\"Promise.all\")]),_vm._v(\" no es la única forma que tenemos de combinar promesas. Durante la cursada vamos a ver otras, aunque si tienen curiosidad, pueden buscar \"),_c('code',{pre:true},[_vm._v(\"Promise.race()\")]),_vm._v(\", \"),_c('code',{pre:true},[_vm._v(\"Promise.any()\")]),_vm._v(\" y \"),_c('code',{pre:true},[_vm._v(\"Promise.allSettled()\")]),_vm._v(\".\")]),_c('h2',{attrs:{\"id\":\"volviendo-la-vista-atrás\"}},[_vm._v(\"Volviendo la vista atrás \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#volviendo-la-vista-atrás\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Después de haber hecho un recorrido por las funcionalidades principales que nos ofrecen las promesas, cabe preguntarnos: ¿qué cambió con el uso de promesas, respecto al uso de CPS?\")]),_c('p',[_vm._v(\"Primero que nada, es importante entender que no estamos agregando nada \\\"mágico\\\", ni ningún concepto de manejo de concurrencia novedoso. Las promesas se paran sobre el uso de continuaciones de toda la vida, sólo que agregando una capa de abstracción por encima que, por un lado, facilita ciertas cosas, pero que también impide otras.\")]),_c('p',[_vm._v(\"La diferencia fundamental está en quién tiene el control de \"),_c('em',[_vm._v(\"la próxima acción a ejecutar\")]),_vm._v(\". Con CPS, una vez que pasábamos un callback por parámetro a una función, perdíamos todo control sobre el flujo de ejecución, que pasaba a ser responsabilidad de esa función. Con las promesas, seguimos teniendo una referencia del lado del invocador, y esto puede ser de gran ayuda al momento de agregar nuevas operaciones que dependen de la primera que hicimos.\")]),_c('p',[_vm._v(\"Acá entran las distintas formas de componer promesas que vimos, que son posibles justamente gracias a haber reificado el resultado de la ejecución.\")]),_c('p',[_vm._v(\"Ahora bien, las promesas no vienen a reemplazar el uso de callbacks, o al menos no en su totalidad. Como vimos, hay categorías enteras de situaciones (falla, no determinismo) que no se pueden manejar mediante el uso promesas. Esto en una primer momento podría parecer una desventaja, pero la realidad es que, al enfocarse en un escenario concreto en particular (el manejo de operaciones asincrónicas que producen un sólo resultado), las promesas pueden ofrecer una interfaz a la vez sencilla y poderosa para ese caso de uso.\")]),_c('p',[_vm._v(\"De hecho, enfoques como la \"),_c('strong',[_vm._v(\"programación reactiva\")]),_vm._v(\" extienden los principios de las promesas (y agregan unos cuantos otros), permitiendo manejar tanto casos de falla como no determinismo. Pero al hacerlo también terminan con una interfaz mucho más compleja que la de las promesas.\")]),_c('h2',{attrs:{\"id\":\"recursos-recomendados\"}},[_vm._v(\"Recursos recomendados \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#recursos-recomendados\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_c('a',{attrs:{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises\"}},[_vm._v(\"Guía sobre uso de Promesas\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise\"}},[_vm._v(\"Documentación más en detalle sobre su interfaz\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://gist.github.com/staltz/868e7e9bc2a7b8c1f754\"}},[_vm._v(\"Bonus - Introducción a Programación Reactiva\")])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./promises.md?vue&type=template&id=3c33c690&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d212f5c.78f8895b.js b/js/chunk-2d212f5c.78f8895b.js
new file mode 100644
index 0000000..1a5bf54
--- /dev/null
+++ b/js/chunk-2d212f5c.78f8895b.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d212f5c"],{ab49:function(e,a,o){"use strict";o.r(a);var s=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h3",{attrs:{id:"introduccion"}},[e._v("Introduccion "),o("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),o("p",[o("a",{attrs:{href:"https://arquitecturas-concurrentes.github.io/iasc-book/introduccion/"}},[e._v("Ya presentada la noción de arquitectura")]),e._v(", nos queda introducir el otro gran tópico que nos incumbe: la concurrencia, concepto diferente pero relacionado (y a veces confundido) con el de paralelismo. No vamos a entrar en definiciones de libro, pero es importante que repasemos qué significa cada uno.")]),o("h3",{attrs:{id:"paralelismo"}},[e._v("Paralelismo "),o("a",{staticClass:"header-anchor",attrs:{href:"#paralelismo"}},[e._v("¶")])]),o("p",[e._v("El "),o("strong",[e._v("paralelismo")]),e._v(" es la ejecución simultánea de dos o más operaciones. Se trata de una propiedad que permite a los programas ejecutarse más rápido, y requiere un soporte "),o("strong",[e._v("físico")]),e._v(": ya sean múltiples procesadores, núcleos o computadoras, tenemos múltiples computaciones ejecutándose al mismo tiempo, con mínima o nula comunicación entre ellas. Es una cuestión no funcional, normalmente no percibida cualitativamente por el usuario.")]),o("p",[e._v("Por ejemplo, tanto si procesamos un archivo de log para filtrar palabras en una sola computadora, o a través de un clúster "),o("a",{attrs:{href:"https://hadoop.apache.org/"}},[e._v("Hadoop")]),e._v(" con decenas de computadoras, el resultado final será el mismo.")]),o("p",[e._v("El paralelismo existe en múltiples niveles:")]),o("ul",[o("li",[o("p",[o("strong",[e._v("Paralelismo a nivel de bit")]),e._v(": ¿Por qué las computadoras de 64 bits son más rápidas que las de 16 bits? Si un equipo de 16 bits quiere realizar una suma de dos números de 32 bits, debe realizar una serie de operaciones de 16 bits, pero una computadora de 64 bits, puede realizar y soportar las mismas operaciones que las de 32, 16 y 8 bits, ya que utilizan los registros de acuerdo a su longitud.")])]),o("li",[o("p",[o("strong",[e._v("Paralelismo a nivel de instrucción")]),e._v(': Los procesadores, mediante técnicas como pipelining, ejecución fuera de orden y ejecución especulativa, permiten ejecutar varias operaciones en simultáneo. Este tipo de optimización queda encapsulada a este nivel, es decir, funciona "por atrás" sin que el usuario lo sepa. De hecho, gran parte de la complejidad de estos mecanismos está en procurar que todos los resultados se vean como si la ejecución hubiese sido secuencial.')]),o("p",[e._v("En los últimos años no se han encontrado nuevas maneras para incrementar la velocidad de un procesador de un solo núcleo. Por eso, la industria migró al mundo de los múltiples núcleos. Con esto, emergen los problemas de que las instrucciones no se manejan secuencialmente.")])]),o("li",[o("p",[o("strong",[e._v("Paralelismo a nivel de datos")]),e._v(": conocido como SIMD (“single instruction, multiple data”), esta arquitectura es capaz de llevar a cabo la misma operación sobre una gran cantidad de datos en paralelo. Este tipo de ejecución no es útil para todos los problemas, pero sí para varias áreas, como el procesamiento de imágenes (especialmente en videojuegos), y el entrenamiento de modelos de deep learning. Por esta razón, las GPUs (unidades gráficas de procesamiento) se han desarrollado como procesadores de datos paralelos especiales.")])]),o("li",[o("p",[o("strong",[e._v("Paralelismo a nivel de tareas")]),e._v(": esto es lo que se conoce como múltiples procesadores. Desde el punto de vista de un programador, el punto más importante de una arquitectura multiprocesador es el modelo de memoria, que puede ser distribuida o compartida. En un multiprocesador con arquitectura de memoria compartida, cada procesador puede acceder a cualquier locación de memoria, y la comunicación inter-procesador es generalmente realizada a través de la memoria. En un esquema de memoria distribuida, cada procesador tiene su propia memoria local, y la comunicación inter-procesador se realiza mediante la red, o un bus de datos (en caso de que estén en una misma máquina física). Debido a que la comunicación inter-procesador es más rápida en memoria, históricamente se tendió a escribir código para arquitecturas de memoria compartida. Sin embargo, cuando se cuenta con una cantidad elevada de procesadores, la memoria compartida se convierte en un cuello de botella, y ahí el modelo que se ajusta mejor es uno basado en un esquema distribuido. La memoria distribuida también es importante y fundamental si se desea implementar sistemas tolerantes a fallos, que utilicen múltiples máquinas para soportar fallos de hardware.")])])]),o("p",[e._v("En esta materia vamos a enfocarnos en el paralelismo a nivel de tareas.")]),o("h3",{attrs:{id:"concurrencia"}},[e._v("Concurrencia "),o("a",{staticClass:"header-anchor",attrs:{href:"#concurrencia"}},[e._v("¶")])]),o("p",[e._v("Decimos que hay "),o("strong",[e._v("concurrencia")]),e._v(" cuando existen simultáneamente múltiples contextos de ejecución. Se trata de una propiedad "),o("strong",[e._v("lógica")]),e._v(" que permite a los programas ser más usables, y que afecta a la funcionalidad del sistema.")]),o("p",[e._v("Por ejemplo, si tenemos un procesador de texto, mientras escribimos, en segundo plano tendremos tareas que validan la ortografía, guardan el documento, lo sincronizan contra una versión remota y descargan actualizaciones. Si estas tareas no se estuvieran ejecutando de forma concurrente, tendríamos que dejar de escribir, guardar el archivo, chequear la ortografía, etc., de forma secuencial, lo cual evidentemente afecta a la usabilidad del sistema. Y esto es independiente de que las tareas se ejecuten en paralelo o no.")]),o("p",[e._v("Como se desprende del ejemplo, cuando estamos ante un diseño concurrente, tendremos en general recursos compartidos (por ejemplo la hoja del editor) y por tanto deberemos comunicar y coordinar de alguna forma estas tareas.")]),o("p",[e._v("La concurrencia es naturalmente una fuente de "),o("strong",[e._v("no determinismo")]),e._v(", dado que el orden de ejecución de los distintos contextos de ejecución puede variar. Este no determinismo puede ser visible externamente (por ejemplo, por el usuario de un programa), o puede estar abstraído de forma que exista la ilusión de una ejecución determinística.")]),o("p",[e._v("Un ejemplo común de no determinismo son las "),o("strong",[e._v("condiciones de carrera")]),e._v(", que ocurren cuando alguno de los órdenes posibles en los que se pueden ejecutar los distintos contextos producen resultados no deseados.")]),o("p",[e._v("Moraleja: si bien podemos tener sistemas concurrentes en los que haya ejecución paralela, concurrencia no implica paralelismo. Y paralelismo no implica concurrencia.")])])}],n=o("2877"),i={},t=Object(n["a"])(i,s,r,!1,null,null,null);a["default"]=t.exports}}]);
+//# sourceMappingURL=chunk-2d212f5c.78f8895b.js.map
\ No newline at end of file
diff --git a/js/chunk-2d212f5c.78f8895b.js.map b/js/chunk-2d212f5c.78f8895b.js.map
new file mode 100644
index 0000000..353ff98
--- /dev/null
+++ b/js/chunk-2d212f5c.78f8895b.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/concurrencia_paralelismo.md?f834","webpack:///./src/content/concurrencia_paralelismo.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,iBAAiB,CAACR,EAAIS,GAAG,iBAAiBJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,kBAAkB,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,yEAAyE,CAACR,EAAIS,GAAG,6CAA6CT,EAAIS,GAAG,yQAAyQJ,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,gBAAgB,CAACR,EAAIS,GAAG,gBAAgBJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,iBAAiB,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,OAAOJ,EAAG,SAAS,CAACL,EAAIS,GAAG,iBAAiBT,EAAIS,GAAG,6JAA6JJ,EAAG,SAAS,CAACL,EAAIS,GAAG,YAAYT,EAAIS,GAAG,iQAAiQJ,EAAG,IAAI,CAACL,EAAIS,GAAG,+HAA+HJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,+BAA+B,CAACR,EAAIS,GAAG,YAAYT,EAAIS,GAAG,qEAAqEJ,EAAG,IAAI,CAACL,EAAIS,GAAG,iDAAiDJ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACA,EAAG,IAAI,CAACA,EAAG,SAAS,CAACL,EAAIS,GAAG,gCAAgCT,EAAIS,GAAG,uXAAuXJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACA,EAAG,SAAS,CAACL,EAAIS,GAAG,wCAAwCT,EAAIS,GAAG,mbAAqbJ,EAAG,IAAI,CAACL,EAAIS,GAAG,wRAAwRJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACA,EAAG,SAAS,CAACL,EAAIS,GAAG,kCAAkCT,EAAIS,GAAG,4fAA4fJ,EAAG,KAAK,CAACA,EAAG,IAAI,CAACA,EAAG,SAAS,CAACL,EAAIS,GAAG,mCAAmCT,EAAIS,GAAG,srCAAsrCJ,EAAG,IAAI,CAACL,EAAIS,GAAG,6EAA6EJ,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,iBAAiB,CAACR,EAAIS,GAAG,iBAAiBJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,kBAAkB,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,oBAAoBJ,EAAG,SAAS,CAACL,EAAIS,GAAG,kBAAkBT,EAAIS,GAAG,gGAAgGJ,EAAG,SAAS,CAACL,EAAIS,GAAG,YAAYT,EAAIS,GAAG,gGAAgGJ,EAAG,IAAI,CAACL,EAAIS,GAAG,ghBAAghBJ,EAAG,IAAI,CAACL,EAAIS,GAAG,oOAAoOJ,EAAG,IAAI,CAACL,EAAIS,GAAG,kDAAkDJ,EAAG,SAAS,CAACL,EAAIS,GAAG,qBAAqBT,EAAIS,GAAG,sRAAsRJ,EAAG,IAAI,CAACL,EAAIS,GAAG,gDAAgDJ,EAAG,SAAS,CAACL,EAAIS,GAAG,4BAA4BT,EAAIS,GAAG,gJAAgJJ,EAAG,IAAI,CAACL,EAAIS,GAAG,+K,YCA/sNE,EAAS,GAKTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-2d212f5c.78f8895b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h3',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_c('a',{attrs:{\"href\":\"https://arquitecturas-concurrentes.github.io/iasc-book/introduccion/\"}},[_vm._v(\"Ya presentada la noción de arquitectura\")]),_vm._v(\", nos queda introducir el otro gran tópico que nos incumbe: la concurrencia, concepto diferente pero relacionado (y a veces confundido) con el de paralelismo. No vamos a entrar en definiciones de libro, pero es importante que repasemos qué significa cada uno.\")]),_c('h3',{attrs:{\"id\":\"paralelismo\"}},[_vm._v(\"Paralelismo \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#paralelismo\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El \"),_c('strong',[_vm._v(\"paralelismo\")]),_vm._v(\" es la ejecución simultánea de dos o más operaciones. Se trata de una propiedad que permite a los programas ejecutarse más rápido, y requiere un soporte \"),_c('strong',[_vm._v(\"físico\")]),_vm._v(\": ya sean múltiples procesadores, núcleos o computadoras, tenemos múltiples computaciones ejecutándose al mismo tiempo, con mínima o nula comunicación entre ellas. Es una cuestión no funcional, normalmente no percibida cualitativamente por el usuario.\")]),_c('p',[_vm._v(\"Por ejemplo, tanto si procesamos un archivo de log para filtrar palabras en una sola computadora, o a través de un clúster \"),_c('a',{attrs:{\"href\":\"https://hadoop.apache.org/\"}},[_vm._v(\"Hadoop\")]),_vm._v(\" con decenas de computadoras, el resultado final será el mismo.\")]),_c('p',[_vm._v(\"El paralelismo existe en múltiples niveles:\")]),_c('ul',[_c('li',[_c('p',[_c('strong',[_vm._v(\"Paralelismo a nivel de bit\")]),_vm._v(\": ¿Por qué las computadoras de 64 bits son más rápidas que las de 16 bits? Si un equipo de 16 bits quiere realizar una suma de dos números de 32 bits, debe realizar una serie de operaciones de 16 bits, pero una computadora de 64 bits, puede realizar y soportar las mismas operaciones que las de 32, 16 y 8 bits, ya que utilizan los registros de acuerdo a su longitud.\")])]),_c('li',[_c('p',[_c('strong',[_vm._v(\"Paralelismo a nivel de instrucción\")]),_vm._v(\": Los procesadores, mediante técnicas como pipelining, ejecución fuera de orden y ejecución especulativa, permiten ejecutar varias operaciones en simultáneo. Este tipo de optimización queda encapsulada a este nivel, es decir, funciona \\\"por atrás\\\" sin que el usuario lo sepa. De hecho, gran parte de la complejidad de estos mecanismos está en procurar que todos los resultados se vean como si la ejecución hubiese sido secuencial.\")]),_c('p',[_vm._v(\"En los últimos años no se han encontrado nuevas maneras para incrementar la velocidad de un procesador de un solo núcleo. Por eso, la industria migró al mundo de los múltiples núcleos. Con esto, emergen los problemas de que las instrucciones no se manejan secuencialmente.\")])]),_c('li',[_c('p',[_c('strong',[_vm._v(\"Paralelismo a nivel de datos\")]),_vm._v(\": conocido como SIMD (“single instruction, multiple data”), esta arquitectura es capaz de llevar a cabo la misma operación sobre una gran cantidad de datos en paralelo. Este tipo de ejecución no es útil para todos los problemas, pero sí para varias áreas, como el procesamiento de imágenes (especialmente en videojuegos), y el entrenamiento de modelos de deep learning. Por esta razón, las GPUs (unidades gráficas de procesamiento) se han desarrollado como procesadores de datos paralelos especiales.\")])]),_c('li',[_c('p',[_c('strong',[_vm._v(\"Paralelismo a nivel de tareas\")]),_vm._v(\": esto es lo que se conoce como múltiples procesadores. Desde el punto de vista de un programador, el punto más importante de una arquitectura multiprocesador es el modelo de memoria, que puede ser distribuida o compartida. En un multiprocesador con arquitectura de memoria compartida, cada procesador puede acceder a cualquier locación de memoria, y la comunicación inter-procesador es generalmente realizada a través de la memoria. En un esquema de memoria distribuida, cada procesador tiene su propia memoria local, y la comunicación inter-procesador se realiza mediante la red, o un bus de datos (en caso de que estén en una misma máquina física). Debido a que la comunicación inter-procesador es más rápida en memoria, históricamente se tendió a escribir código para arquitecturas de memoria compartida. Sin embargo, cuando se cuenta con una cantidad elevada de procesadores, la memoria compartida se convierte en un cuello de botella, y ahí el modelo que se ajusta mejor es uno basado en un esquema distribuido. La memoria distribuida también es importante y fundamental si se desea implementar sistemas tolerantes a fallos, que utilicen múltiples máquinas para soportar fallos de hardware.\")])])]),_c('p',[_vm._v(\"En esta materia vamos a enfocarnos en el paralelismo a nivel de tareas.\")]),_c('h3',{attrs:{\"id\":\"concurrencia\"}},[_vm._v(\"Concurrencia \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#concurrencia\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Decimos que hay \"),_c('strong',[_vm._v(\"concurrencia\")]),_vm._v(\" cuando existen simultáneamente múltiples contextos de ejecución. Se trata de una propiedad \"),_c('strong',[_vm._v(\"lógica\")]),_vm._v(\" que permite a los programas ser más usables, y que afecta a la funcionalidad del sistema.\")]),_c('p',[_vm._v(\"Por ejemplo, si tenemos un procesador de texto, mientras escribimos, en segundo plano tendremos tareas que validan la ortografía, guardan el documento, lo sincronizan contra una versión remota y descargan actualizaciones. Si estas tareas no se estuvieran ejecutando de forma concurrente, tendríamos que dejar de escribir, guardar el archivo, chequear la ortografía, etc., de forma secuencial, lo cual evidentemente afecta a la usabilidad del sistema. Y esto es independiente de que las tareas se ejecuten en paralelo o no.\")]),_c('p',[_vm._v(\"Como se desprende del ejemplo, cuando estamos ante un diseño concurrente, tendremos en general recursos compartidos (por ejemplo la hoja del editor) y por tanto deberemos comunicar y coordinar de alguna forma estas tareas.\")]),_c('p',[_vm._v(\"La concurrencia es naturalmente una fuente de \"),_c('strong',[_vm._v(\"no determinismo\")]),_vm._v(\", dado que el orden de ejecución de los distintos contextos de ejecución puede variar. Este no determinismo puede ser visible externamente (por ejemplo, por el usuario de un programa), o puede estar abstraído de forma que exista la ilusión de una ejecución determinística.\")]),_c('p',[_vm._v(\"Un ejemplo común de no determinismo son las \"),_c('strong',[_vm._v(\"condiciones de carrera\")]),_vm._v(\", que ocurren cuando alguno de los órdenes posibles en los que se pueden ejecutar los distintos contextos producen resultados no deseados.\")]),_c('p',[_vm._v(\"Moraleja: si bien podemos tener sistemas concurrentes en los que haya ejecución paralela, concurrencia no implica paralelismo. Y paralelismo no implica concurrencia.\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./concurrencia_paralelismo.md?vue&type=template&id=6c5c53c1&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d21aecd.a9484b97.js b/js/chunk-2d21aecd.a9484b97.js
new file mode 100644
index 0000000..943b645
--- /dev/null
+++ b/js/chunk-2d21aecd.a9484b97.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d21aecd"],{be1e:function(e,t,n){"use strict";n.r(t);var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("RemoteMarkdown",{attrs:{url:e.url}})},a=[],s=n("9454"),o={name:"STM",components:{RemoteMarkdown:s["a"]},data:function(){return{url:"https://raw.githubusercontent.com/arquitecturas-concurrentes/iasc-stm-haskell-2019/master/01_semaphores_and_philosophers/README.md"}}},u=o,c=n("2877"),l=Object(c["a"])(u,r,a,!1,null,null,null);t["default"]=l.exports}}]);
+//# sourceMappingURL=chunk-2d21aecd.a9484b97.js.map
\ No newline at end of file
diff --git a/js/chunk-2d21aecd.a9484b97.js.map b/js/chunk-2d21aecd.a9484b97.js.map
new file mode 100644
index 0000000..856b842
--- /dev/null
+++ b/js/chunk-2d21aecd.a9484b97.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/views/STM.vue?4a40","webpack:///src/views/STM.vue","webpack:///./src/views/STM.vue?35a7","webpack:///./src/views/STM.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","url","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,iBAAiB,CAACE,MAAM,CAAC,IAAMN,EAAIO,QAClIC,EAAkB,G,YCKtB,GACE,KAAF,MACE,WAAF,CACI,eAAJ,QAEE,KALF,WAMI,MAAO,CACLD,IAAK,wICbkU,I,YCOzUE,EAAY,eACd,EACAV,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d21aecd.a9484b97.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('RemoteMarkdown',{attrs:{\"url\":_vm.url}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./STM.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./STM.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./STM.vue?vue&type=template&id=477aebde&\"\nimport script from \"./STM.vue?vue&type=script&lang=js&\"\nexport * from \"./STM.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d21de07.24f6f56c.js b/js/chunk-2d21de07.24f6f56c.js
new file mode 100644
index 0000000..ca4d506
--- /dev/null
+++ b/js/chunk-2d21de07.24f6f56c.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d21de07"],{d2be:function(e,a,o){"use strict";o.r(a);var n=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},s=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("hr"),o("h2",{attrs:{id:"layout-defaulttitle-distribucion-en-elixirdescription-distribuyendo-en-elixir-una-introduccion"}},[e._v('layout: default title: "Distribucion En Elixir" description: "Distribuyendo en Elixir. Una introduccion" '),o("a",{staticClass:"header-anchor",attrs:{href:"#layout-defaulttitle-distribucion-en-elixirdescription-distribuyendo-en-elixir-una-introduccion"}},[e._v("¶")])]),o("h1",{attrs:{id:"distribución-en-elixirerlang-beam"}},[e._v("Distribución en Elixir/Erlang (BEAM) "),o("a",{staticClass:"header-anchor",attrs:{href:"#distribución-en-elixirerlang-beam"}},[e._v("¶")])]),o("p",[e._v("Cuando hablamos de distribución en general, en general estamos solos sin ayuda de algún componente del lenguaje que estamos usando, es decir, estamos solos en la oscuridad sin saber qué es lo que puede suceder. Con erlang/elixir, a pesar de que posee mecanismos como los que vimos, tampoco estamos con mucha más ayuda del lenguaje, o sea seguimos en la oscuridad. Elixir nos da ventajas para tolerancia a fallos y resiliencia pero no mucho más que eso. Cuando se implementó Erlang muchas de las consideraciones que veremos hoy no se tomaron en cuenta por un tema de que la arquitectura en la que fue concebido es distinto a lo que hoy conocemos. Elixir posee algunas cosas base por la cuales podemos utilizar como fundaciones para construir aplicaciones distribuidas, que ya vimos interconectando máquinas virtuales entre si, como serializar datos (van a tener que ver la api para esto), y como saber cuando un nodo se cae (esto lo vemos pronto), pero no sobre soluciones específicas como que pasa cuando un proceso se cae o algo falla inesperadamente en una maquina. O sea OTP nos da muchas herramientas para ir manejando y construyendo estas herramientas pero no existe una en particular para solucionar todos los problemas puntuales de nuestra aplicación Erlang/Elixir, o sea no hay bala de plata.")]),o("p",[e._v("Una instancia de la máquina virtual de erlang, que está lista para comunicarse con otras vm’s las llamaremos nodos. Cuando se inicializa un nodo, se le da un nombre en concreto como vimos con el caso del ping pong y este se conecta a una aplicación llamada Erlang Port Mapper Daemon (EPMD), que ejecuta en cada una de las máquinas que son parte del cluster que estaremos armando, si es el caso que es más de una máquina. EPMD actuará como un name server que permite que los nodos se registren, se contacten con otros nodos y notifiquen cuando hay algún conflicto de nombres.")]),o("p",[e._v("De esta manera ya podemos empezar a conectar uno nodos con otros, y ver como empiezan a haber comunicación entre estos, un primer approach que se puede ver es que si se tiene un nodo A y otro B solo con una conexión y uno de estos se cae, el otro nodo queda aislado.")]),o("p",[e._v("Si B estaba comunicado con C y necesita procesar algo que puede solo hacerlo A y B solo lo hacia delegando a A, esta funcionalidad ya no funciona ya que A esta aislado. Una primera idea es interconectar a todos con todos. Esta idea podría ser interesante, más que nada por una cuestión de tolerancia a fallos, pero sucede que puede ser un problema si la aplicación escala y se necesitan interconectar más nodos. Será dificil de tener cientos y cientos de nodos interconectados en sí más que nada por la cantidad de conexiones que necesitan, también hay que recordar que se necesita un puerto por nodo al que se está conectando. La topología más común a esto es hacerlo en forma de anillo, algo parecido a lo que hay en token ring, pero sin el token.")]),o("p",[e._v("Una vez que se conectaron los nodos, estos son ya independientes, poseen su registro del proceso, sus tablas de ETS y módulos independientes unos de otros. Un nodo cuando se cae no hace que se caigan los nodos asociados. Lo interesante de la conexión entre nodos es que se pueden mandar mensajes de la misma manera en la que se lo hace entre procesos de un mismo nodo. La serialización/deserialización lo hace automáticamente y de manera transparente el nodo. Veremos que las estructuras incluidas los pids funcionan de la misma manera remotamente como localmente, esto significa que puede mandarse mensajes de pids sobre la red y comunicarlos mediante mensajes.")])])}],i=o("2877"),r={},t=Object(i["a"])(r,n,s,!1,null,null,null);a["default"]=t.exports}}]);
+//# sourceMappingURL=chunk-2d21de07.24f6f56c.js.map
\ No newline at end of file
diff --git a/js/chunk-2d21de07.24f6f56c.js.map b/js/chunk-2d21de07.24f6f56c.js.map
new file mode 100644
index 0000000..8bc1f58
--- /dev/null
+++ b/js/chunk-2d21de07.24f6f56c.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/distribucion_elixir.md?0b95","webpack:///./src/content/distribucion_elixir.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,MAAMA,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,mGAAmG,CAACR,EAAIS,GAAG,6GAAiHJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,oGAAoG,CAACR,EAAIS,GAAG,SAASJ,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,sCAAsC,CAACR,EAAIS,GAAG,yCAAyCJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,uCAAuC,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,0xCAA0xCJ,EAAG,IAAI,CAACL,EAAIS,GAAG,okBAAokBJ,EAAG,IAAI,CAACL,EAAIS,GAAG,gRAAgRJ,EAAG,IAAI,CAACL,EAAIS,GAAG,mvBAAmvBJ,EAAG,IAAI,CAACL,EAAIS,GAAG,gqB,YCAvpHE,EAAS,GAKTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAK,E","file":"js/chunk-2d21de07.24f6f56c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('hr'),_c('h2',{attrs:{\"id\":\"layout-defaulttitle-distribucion-en-elixirdescription-distribuyendo-en-elixir-una-introduccion\"}},[_vm._v(\"layout: default title: \\\"Distribucion En Elixir\\\" description: \\\"Distribuyendo en Elixir. Una introduccion\\\" \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#layout-defaulttitle-distribucion-en-elixirdescription-distribuyendo-en-elixir-una-introduccion\"}},[_vm._v(\"¶\")])]),_c('h1',{attrs:{\"id\":\"distribución-en-elixirerlang-beam\"}},[_vm._v(\"Distribución en Elixir/Erlang (BEAM) \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#distribución-en-elixirerlang-beam\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Cuando hablamos de distribución en general, en general estamos solos sin ayuda de algún componente del lenguaje que estamos usando, es decir, estamos solos en la oscuridad sin saber qué es lo que puede suceder. Con erlang/elixir, a pesar de que posee mecanismos como los que vimos, tampoco estamos con mucha más ayuda del lenguaje, o sea seguimos en la oscuridad. Elixir nos da ventajas para tolerancia a fallos y resiliencia pero no mucho más que eso. Cuando se implementó Erlang muchas de las consideraciones que veremos hoy no se tomaron en cuenta por un tema de que la arquitectura en la que fue concebido es distinto a lo que hoy conocemos. Elixir posee algunas cosas base por la cuales podemos utilizar como fundaciones para construir aplicaciones distribuidas, que ya vimos interconectando máquinas virtuales entre si, como serializar datos (van a tener que ver la api para esto), y como saber cuando un nodo se cae (esto lo vemos pronto), pero no sobre soluciones específicas como que pasa cuando un proceso se cae o algo falla inesperadamente en una maquina. O sea OTP nos da muchas herramientas para ir manejando y construyendo estas herramientas pero no existe una en particular para solucionar todos los problemas puntuales de nuestra aplicación Erlang/Elixir, o sea no hay bala de plata.\")]),_c('p',[_vm._v(\"Una instancia de la máquina virtual de erlang, que está lista para comunicarse con otras vm’s las llamaremos nodos. Cuando se inicializa un nodo, se le da un nombre en concreto como vimos con el caso del ping pong y este se conecta a una aplicación llamada Erlang Port Mapper Daemon (EPMD), que ejecuta en cada una de las máquinas que son parte del cluster que estaremos armando, si es el caso que es más de una máquina. EPMD actuará como un name server que permite que los nodos se registren, se contacten con otros nodos y notifiquen cuando hay algún conflicto de nombres.\")]),_c('p',[_vm._v(\"De esta manera ya podemos empezar a conectar uno nodos con otros, y ver como empiezan a haber comunicación entre estos, un primer approach que se puede ver es que si se tiene un nodo A y otro B solo con una conexión y uno de estos se cae, el otro nodo queda aislado.\")]),_c('p',[_vm._v(\"Si B estaba comunicado con C y necesita procesar algo que puede solo hacerlo A y B solo lo hacia delegando a A, esta funcionalidad ya no funciona ya que A esta aislado. Una primera idea es interconectar a todos con todos. Esta idea podría ser interesante, más que nada por una cuestión de tolerancia a fallos, pero sucede que puede ser un problema si la aplicación escala y se necesitan interconectar más nodos. Será dificil de tener cientos y cientos de nodos interconectados en sí más que nada por la cantidad de conexiones que necesitan, también hay que recordar que se necesita un puerto por nodo al que se está conectando. La topología más común a esto es hacerlo en forma de anillo, algo parecido a lo que hay en token ring, pero sin el token.\")]),_c('p',[_vm._v(\"Una vez que se conectaron los nodos, estos son ya independientes, poseen su registro del proceso, sus tablas de ETS y módulos independientes unos de otros. Un nodo cuando se cae no hace que se caigan los nodos asociados. Lo interesante de la conexión entre nodos es que se pueden mandar mensajes de la misma manera en la que se lo hace entre procesos de un mismo nodo. La serialización/deserialización lo hace automáticamente y de manera transparente el nodo. Veremos que las estructuras incluidas los pids funcionan de la misma manera remotamente como localmente, esto significa que puede mandarse mensajes de pids sobre la red y comunicarlos mediante mensajes.\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./distribucion_elixir.md?vue&type=template&id=324eee5a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-2d22cff6.31a88251.js b/js/chunk-2d22cff6.31a88251.js
new file mode 100644
index 0000000..1da8efc
--- /dev/null
+++ b/js/chunk-2d22cff6.31a88251.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d22cff6"],{f62b:function(e,s,a){"use strict";a.r(s);var n=function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,s=e.$createElement,a=e._self._c||s;return a("section",[a("h1",{attrs:{id:"introduccion"}},[e._v("Introduccion "),a("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),a("p",[e._v("Empecemos de a poco y por algo muy simple: una función que incrementa en una unidad a su argumento, la función succesor.")]),a("blockquote",[a("p",[e._v("Nota: cuando decimos función lo decimos en el sentido estricto de una computación que toma un valor y devuelve otro, sin tener ningún tipo de efecto En JavaScript, su código se ve como el siguiente:")])]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succesor")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" x + "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(";\n}\n")])]),a("p",[e._v("Usar esta función no tiene mucho misterio:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i0 = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i1 = succesor(i0);\n…etc…\n")])]),a("p",[e._v("La función succesor está escrita en lo que se conoce como estilo directo: los resultados de la misma (en este caso, su entrada más uno) se obtienen a partir de su retorno.")]),a("p",[e._v("Hasta acá nada extraño. Hagamos ahora un salto conceptual: otra forma posible de escribir este código, es que el resultado se obtenga a partir de un callback.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succesor")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, callback")]),e._v(") ")]),e._v("{\n callback(x + "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\n")])]),a("p",[e._v("¿Y cómo la usamos?")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i0 = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\nsuccesor(i0, (resultado) => {\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i1 = resultado;\n "),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("//...etc...")]),e._v("\n});\n")])]),a("p",[e._v("¡Momento! ¿Qué fue eso? Si bien puede verse un poco perturbador al principio, este código es totalmente equivalente al anterior: cuando se aplica la función succesor, calcula su siguiente, y se lo pasa al callback, que opera con el mismo normalmente.")]),a("blockquote",[a("p",[e._v("Si te estás preguntando hacia dónde vamos y qué tiene todo esto que ver con la concurrencia, ¡danos uno rato! Prometemos que pronto todo tendrá sentido.")])]),a("p",[e._v("A este callback se lo llama continuación. Porque… ¡es lo que que se ejecuta a continuación! O en inglés: continuation. ¿Qué significa esto? Que las funciones que toman continuaciones, no solo ahora saben lo que tienen que hacer, sino también cuándo se ejecutará lo que siga. Por eso decimos que una función escrita de este forma tiene, además de la lógica de negocio, control de flujo (o simplemente llamado control).")]),a("p",[e._v("Peeeero, para que esto sea realmente posible, tenemos que tomar ciertas precauciones, y entender que al trabajar de esta forma, el resultado sólo se puede obtener dentro de la continuación. Por tanto, el siguiente es un code smell:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i0 = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i1;\nsuccesor(i0, (resultado) => {\n i1 = resultado;\n});\n"),a("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("//..resto...")]),e._v("\n")])]),a("p",[e._v("Aquí estamos capturando el resultado de successor a través de la continuación, asumiendo que el código se ejecutará inmediatamente y que estará disponible en la línea 6.")]),a("p",[e._v("Pero si es realmente successor quien tiene control sobre cuándo y cómo se ejecuta la continuación, no podemos garantizar esto dado que no sabemos cuándo se va a ejecutar la continuación.")]),a("p",[e._v("¿Esto significa que el código anterior no funciona? No, pero tenemos que entender que estamos rompiendo el modelo de continuación, al no permitir que sea la función successor la que determine cuándo y cómo seguir. Y eso puede ser una fuente de bugs.")]),a("h3",{attrs:{id:"consecuencias"}},[e._v("Consecuencias "),a("a",{staticClass:"header-anchor",attrs:{href:"#consecuencias"}},[e._v("¶")])]),a("p",[e._v("En oposición al estilo directo, caracterizado por la obtención de resultados mediante retornos, surge así el estilo de paso de continuaciones (CPS, por sus siglas en inglés). Es decir, cuando tenemos una función que toma una continuación y efectivamente colocamos todo el código que opera con el resultado dentro de la misma, tenemos una función CPS.")]),a("p",[e._v("El CPS es especial porque es fácil introducirlo, pero imposible salir de él, al menos no sin introducir bugs y potenciales problemas en el sistema.")]),a("p",[e._v("Retomando las ideas de nuestro primer episodio, esto es una propiedad interesante: una vez impuesta la arquitectura, no tenemos opción de escapar de ella, lo que nos resta en flexibilidad, pero nos fuerza a ser consistentes.")]),a("p",[e._v("Ejemplo: si ahora queremos implementar una función que incrementa el doble de un número, usando nuestro successor CPS, estaríamos tentados a escribir esto:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("incrementarDoble")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("i")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i0 = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" * i;\n succesor(i0, "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("resultado")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i1 = resultado;\n ???\n });\n}\n")])]),a("p",[e._v("Y ahí vemos el problema: incrementarDoble debe retornar i1, ¡pero no puede hacerlo, porque no hay garantías de cuando se va a ejecutar la continuación, ni cuantas veces! Por ello, la única alternativa válida (sin basarse en los detalles de implementación de successor, claro), es convertir a incrementarDoble en CPS también:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("incrementarDoble")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("i, cont")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" i0 = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(" * i;\n succesor(i0, cont);\n}\n")])]),a("p",[e._v("Moraleja: una vez que introducimos CPS, su uso sólo puede extenderse.")]),a("blockquote",[a("p",[e._v("Esto no significa que no podamos tener computaciones no CPS. Por ejemplo, la multiplicación podría ser extraída como una función en estilo directo. Desarrollaremos esta idea arquitectural mejor en próximos episodios cuando ataquemos el mundo monádico.")])]),a("h3",{attrs:{id:"para-qué-cps"}},[e._v("¿Para qué CPS? "),a("a",{staticClass:"header-anchor",attrs:{href:"#para-qué-cps"}},[e._v("¶")])]),a("p",[e._v("Resulta bastante evidente que razonar sobre CPS es más complejo que en el estilo directo. Entonces, ¿por qué habríamos de adoptarlo?")]),a("p",[e._v("CPS, al otorgarle a la función no sólo capacidad de cómputo sino de control, permite hacer cosas muy poderosas. En los ejemplos anteriores no lo aprovechamos, porque la computación succesor puede ser modelada con una función con un sólo resultado posible:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("\n"),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("succesor")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, cont")]),e._v(") ")]),e._v("{\n cont(x + "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\n")])]),a("p",[e._v("Pero sin embargo, podríamos haber aplicado a la función cont cero (1) o muchas veces (2), podríamos haber recibido múltiples continuaciones y ejecutar alguna de ellas (3), o podríamos haberlas ejecutado en otro momento (4). CPS nos permite, entones, implementar 4 tipos de computaciones: con falla, no determinísticas, con excepciones y asincrónicas.")]),a("blockquote",[a("p",[e._v("Recordar estos tipos de continuaciones, volverán en episodios futuros")])]),a("h3",{attrs:{id:"falla"}},[e._v("Falla "),a("a",{staticClass:"header-anchor",attrs:{href:"#falla"}},[e._v("¶")])]),a("p",[e._v("Con CPS podemos codificar computaciones que pueden no tener resultado (los matemáticos las llaman funciones parciales). Por ejemplo, la división es una función parcial que no tiene un resultado cuando su segundo argumento es cero, por lo que podemos definir una función inversa CPS de la siguiente forma:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("inversa")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, cont")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("if")]),e._v(" (x !== "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(") {\n cont("),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("/x);\n }\n}\n")])]),a("p",[e._v("Si ahora aplicamos a inversa con el valor 2, tendremos como resultado 0.5. Pero si la aplicamos con 0, no tendremos resultado. Esto no es lo mismo que no devolver nada en una función en estilo directo (o devolver null): en una función CPS que puede fallar, si no hay resultado, el programa continuación NO continúa; el flujo de ejecución se detiene.")]),a("h3",{attrs:{id:"no-determinismo"}},[e._v("No determinismo. "),a("a",{staticClass:"header-anchor",attrs:{href:"#no-determinismo"}},[e._v("¶")])]),a("p",[e._v("Hay computaciones que pueden arrojar cero o más resultados, son la generalización de la función: la relación. Por ejemplo, la pregunta ¿quien es hijo de Vito Corleone? (notá el singular) tiene múltiples respuestas: Sonny, Michel, Connie, etc. Esta es la base del paradigma lógico: relaciones que pueden generar ningún resultado, uno, o varios.")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("hijoDeVito")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("cont")]),e._v(") ")]),e._v("{\n cont("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"sonny"')]),e._v(");\n cont("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"michel"')]),e._v(");\n cont("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"connie"')]),e._v(");\n cont("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"freddo"')]),e._v(");\n}\n")])]),a("p",[e._v("Se observa fácilmente que logramos las múltiples respuestas mediante la aplicación reiterada de la continuación: el mismo programa está continuando múltiples veces con argumento diferentes.")]),a("p",[e._v("CPS no nos da una restriccion sobre la cantidad de veces a las que se deba llamar la continuacion que recibe. Por lo que vamos a poder aplicar la continuacion 0 o múltiples veces.")]),a("p",[e._v("Tal vez el ejemplo de recien no fue tan convincente.... bueno tenemos el ejemplo mas basico que podemos encontrar en la documentacion de Node.js:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" http = "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("require")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'http'")]),e._v(");\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" hostname = "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'127.0.0.1'")]),e._v(";\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" port = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3000")]),e._v(";\n\n"),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("const")]),e._v(" server = http.createServer("),a("span",{pre:!0,attrs:{class:"hljs-function"}},[e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("req, res")]),e._v(") =>")]),e._v(" {\n res.statusCode = "),a("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("200")]),e._v(";\n res.setHeader("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Content-Type'")]),e._v(", "),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'text/plain'")]),e._v(");\n res.end("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Hello World'")]),e._v(");\n});\n\nserver.listen(port, hostname, () => {\n "),a("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),a("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("`Server running at http://"),a("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("${hostname}")]),e._v(":"),a("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("${port}")]),e._v("/`")]),e._v(");\n});\n")])]),a("blockquote",[a("p",[e._v("Shamelessly taken from "),a("a",{attrs:{href:"https://nodejs.org/ca/docs/guides/getting-started-guide/"}},[e._v("here")])])]),a("p",[e._v("Este pequeño ejemplo nos muestra claramente el no determinismo, porque es un servidor que podemos levantar, y nunca vamos a saber cuantos request nos van a llegar al servidor durante el tiempo que este levantado, tal vez recibimos 28392389 requests, tal vez 0.")]),a("h3",{attrs:{id:"excepciones"}},[e._v("Excepciones "),a("a",{staticClass:"header-anchor",attrs:{href:"#excepciones"}},[e._v("¶")])]),a("p",[e._v("Todos conocemos las excepciones. Estas nos dan dos flujos de ejecución: uno de éxito y uno de fracaso, y en ambos hay resultados: el resultado normal del programa o el error en cuestión. Y esto lo podemos lograr pasando dos continaciones: la que contiene el flujo normal, y la que contiene el flujo de error.")]),a("h3",{attrs:{id:"computaciones-asincrónicas"}},[e._v("Computaciones asincrónicas. "),a("a",{staticClass:"header-anchor",attrs:{href:"#computaciones-asincrónicas"}},[e._v("¶")])]),a("p",[e._v("¡Éstas son las que más nos interesan! Operaciones que quizás no se ejecuten inmediatamente, sino en un momento posterior. Más sobre esto, en breve.")]),a("h3",{attrs:{id:"cps-y-callback-hell"}},[e._v("CPS, ¿y Callback Hell? "),a("a",{staticClass:"header-anchor",attrs:{href:"#cps-y-callback-hell"}},[e._v("¶")])]),a("p",[e._v("Un pequeño paréntesis: se suele achacar al uso de CPS la inevitable caída en el callback hell. Por ejemplo:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" cuentaLoca = "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, cont")]),e._v(") ")]),e._v("{ \n siguiente(x, "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("y")]),e._v(")")]),e._v("{\n inversa(y, "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("z")]),e._v(")")]),e._v("{\n duplicar(z, cont);\n })\n })\n};\n")])]),a("p",[e._v("Como se observa, algo tan simple en estilo directo como")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v("duplicar(inversa(siguiente(x))) \n")])]),a("p",[e._v("se convierte en una compleja estructura de continuaciones anidadas. ¿Podríamos delegar esto de mejor forma? Si analizamos cómo queda expresada esta computación en estilo directo, podemos ver que duplicar la inversa del siguiente, a fin de cuentas, está describiendo una composición de funciones: al resultado de aplicar una función se le pasa a la entrada la otra. Obviamente, no es la misma composición de funciones que conocemos en estilo directo: es una composición CPS. Y entender esto nos permite definir una función componer, que haga justamente esto:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("componer")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("f, g")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("x, cont")]),e._v(") ")]),e._v("{\n g(x, "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("y")]),e._v(")")]),e._v("{\n f(y, cont);\n })\n }\n }\n")])]),a("p",[e._v("y una vez que tenemos eso podemos ya utilizarla así:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" cuentaLoca = componer(duplicar, componer(inversa, siguiente))\n")])]),a("p",[e._v("Y si le damos una vuelta de tuerca más, podemos observar que estamos ante la estructura de aplicación de un fold, y definir una función pipeline que componga todas las funciones cps")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-function"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("function")]),e._v(" "),a("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("pipeline")]),e._v("("),a("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("fs")]),e._v(") ")]),e._v("{\n "),a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("return")]),e._v(" fs.reduce(componer);\n }\n")])]),a("p",[e._v("Con este pipeline podemos reutilizar el componer aplicandole un fold sobre un array y de esta manera que se puedan componer todas las funciones que tenemos sin caer de nuevo en el Callback Hell:")]),a("pre",{pre:!0},[a("code",{pre:!0,attrs:{"v-pre":"",class:"language-javascript"}},[a("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" cuentaLoca = pipeline([duplicar, inversa, siguiente]);\n")])]),a("p",[e._v("Y así vemos como eliminar el callback hell, aun con CPS, es posible. Moraleja: no es culpa del CPS, es culpa nuestra al no delegar convenientemente.")]),a("h3",{attrs:{id:"conclusiones"}},[e._v("Conclusiones "),a("a",{staticClass:"header-anchor",attrs:{href:"#conclusiones"}},[e._v("¶")])]),a("ul",[a("li",[e._v("CPS nos da gran poder, pero es difícil de manejar adecuadamente")]),a("li",[e._v("CPS nos lleva, si no tenemos cuidado al callback hell. Sin embargo, no es inherente a CPS, sino que es consecuencia de una mala delegación. Es posible resolverlo si se delega apropiadamente y aplicando los conceptos de programación funcional de orden superior y creando combinadores apropiados")]),a("li",[e._v("CPS nos permite implementar computaciones asincrónicas. NodeJS emplea CPS para soportarlas.")]),a("li",[e._v("El uso de CPS en NodeJS: pésimo manejo de errores y ausencia de abstracciones para hacerlo mas tratable. Por eso es que la comunidad centró su atención en otra forma de estructurar programas con influencias funcionales: las promesas (promises).")])])])}],o=a("2877"),t={},c=Object(o["a"])(t,n,r,!1,null,null,null);s["default"]=c.exports}}]);
+//# sourceMappingURL=chunk-2d22cff6.31a88251.js.map
\ No newline at end of file
diff --git a/js/chunk-2d22cff6.31a88251.js.map b/js/chunk-2d22cff6.31a88251.js.map
new file mode 100644
index 0000000..5653da1
--- /dev/null
+++ b/js/chunk-2d22cff6.31a88251.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/cps.md?bd1e","webpack:///./src/content/cps.md"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-2d22cff6.31a88251.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h1',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Empecemos de a poco y por algo muy simple: una función que incrementa en una unidad a su argumento, la función succesor.\")]),_c('blockquote',[_c('p',[_vm._v(\"Nota: cuando decimos función lo decimos en el sentido estricto de una computación que toma un valor y devuelve otro, sin tener ningún tipo de efecto En JavaScript, su código se ve como el siguiente:\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succesor\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" x + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\";\\n}\\n\")])]),_c('p',[_vm._v(\"Usar esta función no tiene mucho misterio:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i0 = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i1 = succesor(i0);\\n…etc…\\n\")])]),_c('p',[_vm._v(\"La función succesor está escrita en lo que se conoce como estilo directo: los resultados de la misma (en este caso, su entrada más uno) se obtienen a partir de su retorno.\")]),_c('p',[_vm._v(\"Hasta acá nada extraño. Hagamos ahora un salto conceptual: otra forma posible de escribir este código, es que el resultado se obtenga a partir de un callback.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succesor\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, callback\")]),_vm._v(\") \")]),_vm._v(\"{\\n callback(x + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\n\")])]),_c('p',[_vm._v(\"¿Y cómo la usamos?\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i0 = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\nsuccesor(i0, (resultado) => {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i1 = resultado;\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"//...etc...\")]),_vm._v(\"\\n});\\n\")])]),_c('p',[_vm._v(\"¡Momento! ¿Qué fue eso? Si bien puede verse un poco perturbador al principio, este código es totalmente equivalente al anterior: cuando se aplica la función succesor, calcula su siguiente, y se lo pasa al callback, que opera con el mismo normalmente.\")]),_c('blockquote',[_c('p',[_vm._v(\"Si te estás preguntando hacia dónde vamos y qué tiene todo esto que ver con la concurrencia, ¡danos uno rato! Prometemos que pronto todo tendrá sentido.\")])]),_c('p',[_vm._v(\"A este callback se lo llama continuación. Porque… ¡es lo que que se ejecuta a continuación! O en inglés: continuation. ¿Qué significa esto? Que las funciones que toman continuaciones, no solo ahora saben lo que tienen que hacer, sino también cuándo se ejecutará lo que siga. Por eso decimos que una función escrita de este forma tiene, además de la lógica de negocio, control de flujo (o simplemente llamado control).\")]),_c('p',[_vm._v(\"Peeeero, para que esto sea realmente posible, tenemos que tomar ciertas precauciones, y entender que al trabajar de esta forma, el resultado sólo se puede obtener dentro de la continuación. Por tanto, el siguiente es un code smell:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i0 = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i1;\\nsuccesor(i0, (resultado) => {\\n i1 = resultado;\\n});\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"//..resto...\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Aquí estamos capturando el resultado de successor a través de la continuación, asumiendo que el código se ejecutará inmediatamente y que estará disponible en la línea 6.\")]),_c('p',[_vm._v(\"Pero si es realmente successor quien tiene control sobre cuándo y cómo se ejecuta la continuación, no podemos garantizar esto dado que no sabemos cuándo se va a ejecutar la continuación.\")]),_c('p',[_vm._v(\"¿Esto significa que el código anterior no funciona? No, pero tenemos que entender que estamos rompiendo el modelo de continuación, al no permitir que sea la función successor la que determine cuándo y cómo seguir. Y eso puede ser una fuente de bugs.\")]),_c('h3',{attrs:{\"id\":\"consecuencias\"}},[_vm._v(\"Consecuencias \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#consecuencias\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En oposición al estilo directo, caracterizado por la obtención de resultados mediante retornos, surge así el estilo de paso de continuaciones (CPS, por sus siglas en inglés). Es decir, cuando tenemos una función que toma una continuación y efectivamente colocamos todo el código que opera con el resultado dentro de la misma, tenemos una función CPS.\")]),_c('p',[_vm._v(\"El CPS es especial porque es fácil introducirlo, pero imposible salir de él, al menos no sin introducir bugs y potenciales problemas en el sistema.\")]),_c('p',[_vm._v(\"Retomando las ideas de nuestro primer episodio, esto es una propiedad interesante: una vez impuesta la arquitectura, no tenemos opción de escapar de ella, lo que nos resta en flexibilidad, pero nos fuerza a ser consistentes.\")]),_c('p',[_vm._v(\"Ejemplo: si ahora queremos implementar una función que incrementa el doble de un número, usando nuestro successor CPS, estaríamos tentados a escribir esto:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"incrementarDoble\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"i\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i0 = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" * i;\\n succesor(i0, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"resultado\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i1 = resultado;\\n ???\\n });\\n}\\n\")])]),_c('p',[_vm._v(\"Y ahí vemos el problema: incrementarDoble debe retornar i1, ¡pero no puede hacerlo, porque no hay garantías de cuando se va a ejecutar la continuación, ni cuantas veces! Por ello, la única alternativa válida (sin basarse en los detalles de implementación de successor, claro), es convertir a incrementarDoble en CPS también:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"incrementarDoble\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"i, cont\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" i0 = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\" * i;\\n succesor(i0, cont);\\n}\\n\")])]),_c('p',[_vm._v(\"Moraleja: una vez que introducimos CPS, su uso sólo puede extenderse.\")]),_c('blockquote',[_c('p',[_vm._v(\"Esto no significa que no podamos tener computaciones no CPS. Por ejemplo, la multiplicación podría ser extraída como una función en estilo directo. Desarrollaremos esta idea arquitectural mejor en próximos episodios cuando ataquemos el mundo monádico.\")])]),_c('h3',{attrs:{\"id\":\"para-qué-cps\"}},[_vm._v(\"¿Para qué CPS? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#para-qué-cps\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Resulta bastante evidente que razonar sobre CPS es más complejo que en el estilo directo. Entonces, ¿por qué habríamos de adoptarlo?\")]),_c('p',[_vm._v(\"CPS, al otorgarle a la función no sólo capacidad de cómputo sino de control, permite hacer cosas muy poderosas. En los ejemplos anteriores no lo aprovechamos, porque la computación succesor puede ser modelada con una función con un sólo resultado posible:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"succesor\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, cont\")]),_vm._v(\") \")]),_vm._v(\"{\\n cont(x + \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\n\")])]),_c('p',[_vm._v(\"Pero sin embargo, podríamos haber aplicado a la función cont cero (1) o muchas veces (2), podríamos haber recibido múltiples continuaciones y ejecutar alguna de ellas (3), o podríamos haberlas ejecutado en otro momento (4). CPS nos permite, entones, implementar 4 tipos de computaciones: con falla, no determinísticas, con excepciones y asincrónicas.\")]),_c('blockquote',[_c('p',[_vm._v(\"Recordar estos tipos de continuaciones, volverán en episodios futuros\")])]),_c('h3',{attrs:{\"id\":\"falla\"}},[_vm._v(\"Falla \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#falla\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Con CPS podemos codificar computaciones que pueden no tener resultado (los matemáticos las llaman funciones parciales). Por ejemplo, la división es una función parcial que no tiene un resultado cuando su segundo argumento es cero, por lo que podemos definir una función inversa CPS de la siguiente forma:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"inversa\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, cont\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"if\")]),_vm._v(\" (x !== \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\") {\\n cont(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"/x);\\n }\\n}\\n\")])]),_c('p',[_vm._v(\"Si ahora aplicamos a inversa con el valor 2, tendremos como resultado 0.5. Pero si la aplicamos con 0, no tendremos resultado. Esto no es lo mismo que no devolver nada en una función en estilo directo (o devolver null): en una función CPS que puede fallar, si no hay resultado, el programa continuación NO continúa; el flujo de ejecución se detiene.\")]),_c('h3',{attrs:{\"id\":\"no-determinismo\"}},[_vm._v(\"No determinismo. \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#no-determinismo\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Hay computaciones que pueden arrojar cero o más resultados, son la generalización de la función: la relación. Por ejemplo, la pregunta ¿quien es hijo de Vito Corleone? (notá el singular) tiene múltiples respuestas: Sonny, Michel, Connie, etc. Esta es la base del paradigma lógico: relaciones que pueden generar ningún resultado, uno, o varios.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"hijoDeVito\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"cont\")]),_vm._v(\") \")]),_vm._v(\"{\\n cont(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"sonny\\\"\")]),_vm._v(\");\\n cont(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"michel\\\"\")]),_vm._v(\");\\n cont(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"connie\\\"\")]),_vm._v(\");\\n cont(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"freddo\\\"\")]),_vm._v(\");\\n}\\n\")])]),_c('p',[_vm._v(\"Se observa fácilmente que logramos las múltiples respuestas mediante la aplicación reiterada de la continuación: el mismo programa está continuando múltiples veces con argumento diferentes.\")]),_c('p',[_vm._v(\"CPS no nos da una restriccion sobre la cantidad de veces a las que se deba llamar la continuacion que recibe. Por lo que vamos a poder aplicar la continuacion 0 o múltiples veces.\")]),_c('p',[_vm._v(\"Tal vez el ejemplo de recien no fue tan convincente.... bueno tenemos el ejemplo mas basico que podemos encontrar en la documentacion de Node.js:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" http = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"require\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'http'\")]),_vm._v(\");\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" hostname = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'127.0.0.1'\")]),_vm._v(\";\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" port = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3000\")]),_vm._v(\";\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"const\")]),_vm._v(\" server = http.createServer(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"req, res\")]),_vm._v(\") =>\")]),_vm._v(\" {\\n res.statusCode = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"200\")]),_vm._v(\";\\n res.setHeader(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Content-Type'\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'text/plain'\")]),_vm._v(\");\\n res.end(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Hello World'\")]),_vm._v(\");\\n});\\n\\nserver.listen(port, hostname, () => {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"`Server running at http://\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"${hostname}\")]),_vm._v(\":\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"${port}\")]),_vm._v(\"/`\")]),_vm._v(\");\\n});\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"Shamelessly taken from \"),_c('a',{attrs:{\"href\":\"https://nodejs.org/ca/docs/guides/getting-started-guide/\"}},[_vm._v(\"here\")])])]),_c('p',[_vm._v(\"Este pequeño ejemplo nos muestra claramente el no determinismo, porque es un servidor que podemos levantar, y nunca vamos a saber cuantos request nos van a llegar al servidor durante el tiempo que este levantado, tal vez recibimos 28392389 requests, tal vez 0.\")]),_c('h3',{attrs:{\"id\":\"excepciones\"}},[_vm._v(\"Excepciones \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#excepciones\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Todos conocemos las excepciones. Estas nos dan dos flujos de ejecución: uno de éxito y uno de fracaso, y en ambos hay resultados: el resultado normal del programa o el error en cuestión. Y esto lo podemos lograr pasando dos continaciones: la que contiene el flujo normal, y la que contiene el flujo de error.\")]),_c('h3',{attrs:{\"id\":\"computaciones-asincrónicas\"}},[_vm._v(\"Computaciones asincrónicas. \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#computaciones-asincrónicas\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"¡Éstas son las que más nos interesan! Operaciones que quizás no se ejecuten inmediatamente, sino en un momento posterior. Más sobre esto, en breve.\")]),_c('h3',{attrs:{\"id\":\"cps-y-callback-hell\"}},[_vm._v(\"CPS, ¿y Callback Hell? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cps-y-callback-hell\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Un pequeño paréntesis: se suele achacar al uso de CPS la inevitable caída en el callback hell. Por ejemplo:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" cuentaLoca = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, cont\")]),_vm._v(\") \")]),_vm._v(\"{ \\n siguiente(x, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"y\")]),_vm._v(\")\")]),_vm._v(\"{\\n inversa(y, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"z\")]),_vm._v(\")\")]),_vm._v(\"{\\n duplicar(z, cont);\\n })\\n })\\n};\\n\")])]),_c('p',[_vm._v(\"Como se observa, algo tan simple en estilo directo como\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\"duplicar(inversa(siguiente(x))) \\n\")])]),_c('p',[_vm._v(\"se convierte en una compleja estructura de continuaciones anidadas. ¿Podríamos delegar esto de mejor forma? Si analizamos cómo queda expresada esta computación en estilo directo, podemos ver que duplicar la inversa del siguiente, a fin de cuentas, está describiendo una composición de funciones: al resultado de aplicar una función se le pasa a la entrada la otra. Obviamente, no es la misma composición de funciones que conocemos en estilo directo: es una composición CPS. Y entender esto nos permite definir una función componer, que haga justamente esto:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"componer\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"f, g\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"x, cont\")]),_vm._v(\") \")]),_vm._v(\"{\\n g(x, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"y\")]),_vm._v(\")\")]),_vm._v(\"{\\n f(y, cont);\\n })\\n }\\n }\\n\")])]),_c('p',[_vm._v(\"y una vez que tenemos eso podemos ya utilizarla así:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" cuentaLoca = componer(duplicar, componer(inversa, siguiente))\\n\")])]),_c('p',[_vm._v(\"Y si le damos una vuelta de tuerca más, podemos observar que estamos ante la estructura de aplicación de un fold, y definir una función pipeline que componga todas las funciones cps\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"function\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"pipeline\")]),_vm._v(\"(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"fs\")]),_vm._v(\") \")]),_vm._v(\"{\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"return\")]),_vm._v(\" fs.reduce(componer);\\n }\\n\")])]),_c('p',[_vm._v(\"Con este pipeline podemos reutilizar el componer aplicandole un fold sobre un array y de esta manera que se puedan componer todas las funciones que tenemos sin caer de nuevo en el Callback Hell:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-javascript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" cuentaLoca = pipeline([duplicar, inversa, siguiente]);\\n\")])]),_c('p',[_vm._v(\"Y así vemos como eliminar el callback hell, aun con CPS, es posible. Moraleja: no es culpa del CPS, es culpa nuestra al no delegar convenientemente.\")]),_c('h3',{attrs:{\"id\":\"conclusiones\"}},[_vm._v(\"Conclusiones \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#conclusiones\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_vm._v(\"CPS nos da gran poder, pero es difícil de manejar adecuadamente\")]),_c('li',[_vm._v(\"CPS nos lleva, si no tenemos cuidado al callback hell. Sin embargo, no es inherente a CPS, sino que es consecuencia de una mala delegación. Es posible resolverlo si se delega apropiadamente y aplicando los conceptos de programación funcional de orden superior y creando combinadores apropiados\")]),_c('li',[_vm._v(\"CPS nos permite implementar computaciones asincrónicas. NodeJS emplea CPS para soportarlas.\")]),_c('li',[_vm._v(\"El uso de CPS en NodeJS: pésimo manejo de errores y ausencia de abstracciones para hacerlo mas tratable. Por eso es que la comunidad centró su atención en otra forma de estructurar programas con influencias funcionales: las promesas (promises).\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./cps.md?vue&type=template&id=ef5b4632&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-33c3e200.a3963baa.js b/js/chunk-33c3e200.a3963baa.js
new file mode 100644
index 0000000..2f74d0e
--- /dev/null
+++ b/js/chunk-33c3e200.a3963baa.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-33c3e200"],{"377f":function(e,a,s){e.exports=s.p+"img/node-system.391f5210.png"},4976:function(e,a,s){e.exports=s.p+"img/basic-event-loop.8b8923fb.png"},"599b":function(e,a,s){e.exports=s.p+"img/complete-event-loop.b59ad9a8.png"},bc00:function(e,a,s){e.exports=s.p+"img/v8.826badb9.png"},c3c4:function(e,a,s){"use strict";s.r(a);var o=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h2",{attrs:{id:"introducción"}},[e._v("Introducción "),o("a",{staticClass:"header-anchor",attrs:{href:"#introducción"}},[e._v("¶")])]),o("p",[e._v("El "),o("strong",[e._v("event loop")]),e._v(" es la forma que usa Node.js para "),o("strong",[e._v("organizar el procesamiento del código")]),e._v(".")]),o("p",[e._v("Para poder profundizar en el event loop debemos entender de forma high level qué es la V8 y qué relación tiene con Node.")]),o("p",[e._v("V8, de forma muy básica, podemos definirlo como uno de los motores de JavaScript que interpreta y ejecuta código Js. Todos los browsers contienen un motor Js: V8 es el creado por Google (Firefox usa el propio llamado SpiderMonkey).")]),o("p",[e._v("V8 de alguna forma permitía una interpretación mucho más rápida de JavaScript de los navegadores, esto gracias a la combinación del uso del intérprete y el compilador.")]),o("p",[e._v("Ryah Dahll, como explica en la presentación de "),o("a",{attrs:{href:"https://www.youtube.com/watch?v=ztspvPYybIY&t=1s"}},[e._v("JsConf")]),e._v(", consigue crear servidores web para las necesidades actuales haciendo que la V8 funcione por fuera del navegador, es decir, en el sistema operativo.")]),o("p",[e._v("Motor V8 de JavaScript:")]),o("ul",[o("li",[e._v("Posee dos componentes principales: "),o("ul",[o("li",[e._v("Heap: Aloca variables, funciones y estructuras.")]),o("li",[e._v("Call Stack: Permite el anidamiento de llamadas.")])])]),o("li",[e._v("Existe un bucle de ejecución")])]),o("img",{staticClass:"center iasc-image",attrs:{src:s("bc00")}}),o("p",[e._v("El bucle que anteriormente nombramos es el EVENT LOOP y es quien nos permite manejar la concurrencia de eventos. ¿Qué es un evento? Pequeñas funcionalidades/funciones que vamos a ejecutar a lo largo del tiempo.")]),o("p",[o("strong",[e._v("Tiene un modelo de concurrencia orientado a EVENTOS.")])]),o("h3",{attrs:{id:"qué-es-node"}},[e._v("¿Qué es Node? "),o("a",{staticClass:"header-anchor",attrs:{href:"#qué-es-node"}},[e._v("¶")])]),o("p",[o("cite",{attrs:{cite:"Node.js Documentation"}},[e._v("As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications")])]),o("p",[e._v("Ejemplo en Node de un contador:")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-JavaScript"}},[o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" a = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\n\n"),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" ("),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("let")]),e._v(" i = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v("; i < "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("10000")]),e._v("; i++) {\n setImmediate("),o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(" =>")]),e._v(" a +="),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\n"),o("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(a);\n")])]),o("p",[o("strong",[e._v("¿Qué hace el código?")]),e._v(" En una primera instancia podemos pensar que en "),o("code",{pre:!0},[e._v("a")]),e._v(" se incrementa uno a uno y luego imprimimos la variable con 10000.")]),o("p",[e._v("¿Qué pensamos que hace el "),o("code",{pre:!0},[e._v("setImmediate")]),e._v("? ¿Lo ejecuta inmediatamente?")]),o("p",[e._v("El "),o("code",{pre:!0},[e._v("immediate")]),e._v(" lo que hace es generar un evento, es decir, se generan eventos que se van ejecutando en el bucle de event loop.")]),o("p",[e._v("Si lo ejecutamos, vamos a notar que imprime 0.")]),o("p",[o("strong",[e._v("¿Qué pasó?")])]),o("p",[e._v("Los eventos, a diferencia de las "),o("code",{pre:!0},[e._v("corutinas")]),e._v(", se planifican automáticamente, tenemos como ventaja el poder delegar esos detalles, ya que el modelo está más implícito.")]),o("p",[o("strong",[e._v("Cada evento es un contexto de ejecución distinto.")]),e._v(" Nuestra pregunta puede ser ¿cuándo se produce un cambio de contexto?")]),o("p",[e._v("En el ejemplo del contador, podemos decir que encolamos 10000 veces ese evento y nos da la sensación que estas son llamadas "),o("em",[e._v("sincrónicas")]),e._v(", pero realmente esto no pasa. Por atrás tenemos un elemento que nos permite de alguna forma multiplexar, hacer que el IO que es sincrónico no lo sea.")]),o("p",[e._v("Las interrupciones una vez que llegan, se ejecutan inmediatamente.")]),o("h3",{attrs:{id:"primer-acercamiento-al-evento-loop-high-level"}},[e._v("Primer acercamiento al evento loop - High level "),o("a",{staticClass:"header-anchor",attrs:{href:"#primer-acercamiento-al-evento-loop-high-level"}},[e._v("¶")])]),o("p",[e._v("Podemos pensar que el event loop es un bucle simple en donde los eventos se van ejecutando hasta que en un momento termina.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("4976")}}),o("p",[e._v("¿Qué pasa si a nuestro anterior ejemplo agrego un "),o("code",{pre:!0},[e._v("console.log")]),e._v(" dentro de otro "),o("code",{pre:!0},[e._v("setImmediate()")]),e._v("?")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-JavaScript"}},[o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" a = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\n\n"),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" ("),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("let")]),e._v(" i = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v("; i < "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("10000")]),e._v("; i++) {\n setImmediate("),o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(" =>")]),e._v(" a +="),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\nsetImmediate("),o("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(a));\n")])]),o("p",[e._v("Alternativas:")]),o("ul",[o("li",[e._v("Log con 10000")]),o("li",[e._v("Log con 0")]),o("li",[e._v("Resultados no determinísticos.")])]),o("p",[o("strong",[e._v("Realidad")]),e._v(": Si lo ejecuto me termina dando 10000, aparentemente se encolan y se van ejecutando en el orden correcto.")]),o("p",[e._v("¿Por qué sucede esto?")]),o("p",[e._v("El event loop es una especie de bucle que tiene varias etapas, y tienen algunas ya prefijadas")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("599b")}}),o("p",[e._v("Son pequeñas etapas, y por cada uno de estos ciclos va a procesar eventos de diferentes naturalezas. El orden de estos ciclos es determinístico.")]),o("p",[e._v("A la cajita de Js, podemos interpretarlas como el código de Js principal de nuestra app.")]),o("p",[e._v("Cambiando un poco el ejemplo")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-JavaScript"}},[o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("var")]),e._v(" a = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(";\n\n"),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("for")]),e._v(" ("),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("let")]),e._v(" i = "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v("; i < "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("10000")]),e._v("; i++) {\n setImmediate("),o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v(" =>")]),e._v(" a +="),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(");\n}\nsetTimeout("),o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("()")]),e._v("=>")]),e._v(" {\n "),o("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log("),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Dentro del timeout'")]),e._v(");\n "),o("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(a);\n}, "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3300")]),e._v(");\n\n"),o("span",{pre:!0,attrs:{class:"hljs-built_in"}},[e._v("console")]),e._v(".log(a);\n")])]),o("p",[e._v("Si ejecuto este código me da 0.")]),o("p",[e._v("Esto sucede ya que se lee todo el código, y el resto de los eventos se planifica después.")]),o("p",[e._v("El bucle se ejecuta en un tiempo específico por lo cual se le asigna una cantidad determinada de tiempo a cada una de sus etapas, justamente porque estamos corriendo sobre solo un thread, en consecuencia solo lo podemos planificar en un solo procesador.")]),o("p",[o("strong",[e._v("¿Qué pasa si en alguna de esas cajitas de Js tenemos una ejecución CPU Intensive?")])]),o("p",[e._v("El sistema operativo ve a Node como un solo thread. Tanto lo CPU intensive como elementos sincronicos pueden hacer que todas las fases se demoren y bloqueen. Este thread tiene una política de no desalojo de la ejecución si la misma es de código Js, por más que se asignen pequeñas porciones de tiempo a cada etapa del event loop si tenemos elemento que bloquean la CPU, no nos permite que el schedule pueda correr y dar paso a la nueva etapa.")]),o("p",[o("cite",{attrs:{cite:"What is the event loop"}},[e._v("The event loop is what allows Node.js to perform non-blocking I/O operations — despite the fact that JavaScript is single-threaded — by offloading operations to the system kernel whenever possible")])]),o("h3",{attrs:{id:"componentes-de-nuestro-sistema-nodejs"}},[e._v("Componentes de nuestro sistema Node.js "),o("a",{staticClass:"header-anchor",attrs:{href:"#componentes-de-nuestro-sistema-nodejs"}},[e._v("¶")])]),o("img",{staticClass:"center iasc-image",attrs:{src:s("377f")}}),o("p",[e._v("Podemos observar que tiene una queue de eventos general que el event loop va a ir tratando.")]),o("p",[o("a",{attrs:{href:"https://github.com/libuv/libuv"}},[e._v("libuv")]),e._v(": Es una lib que nos permite wrappear las llamadas bloqueantes en no bloqueantes, esto puede lograrse a través de los llamados worker threads. Estos van a ejecutar estas llamadas y una vez que las terminen de tratar mediante el callback vuelven evento entrando el event queue. Esta lib va a tratar todas las operaciones bloqueantes como pueden ser escuchar un puerto, leer archivos, entre otras operaciones.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("599b")}}),o("p",[e._v("¿Cómo serian los pasos de nuestro event loop?")]),o("ul",[o("li",[e._v("Escaneo de nuestro código principal (index.js) "),o("ul",[o("li",[e._v("Ejecuta todas las operaciones que se puedan ejecutar inmediatamente.")]),o("li",[e._v("Si en el index detecta eventos (continuaciones, operaciones asincrónicas u operaciones IO) los atiende después, es decir, los encola.")])])]),o("li",[e._v("Terminada la lectura del index, comienza a ciclar por una secuencia bien definida. Atiende timeouts, IO, de red, immediate y eventos de cierre de recursos. "),o("ul",[o("li",[e._v("En esta etapa existen microqueues (Js) donde se fija si existen eventos encolados que están listos para ser procesados, y los ejecuta. (**1)")])])]),o("li",[e._v("Si no tiene más nada que ejecutar, termina el ciclo y la ejecución, caso contrario, arranca nuevamente el ciclo.")])]),o("p",[e._v("(**1) Es una cola de tareas que los worker threads van tomando desde ese punto y cuando está listo ese procesamiento vuelve a encolar en la cola de eventos del event loop.")]),o("p",[o("strong",[e._v("IMPORTANTE")]),e._v(": No debemos bloquear el event loop")]),o("p",[e._v("Si tengo operaciones CPU intensive debemos considerar:")]),o("ul",[o("li",[o("em",[e._v("Partitioning")]),e._v(".")]),o("li",[o("em",[e._v("Offloading")]),e._v(".")]),o("li",[e._v("Uso de funciones de worker threads.")])]),o("p",[e._v("Lo que en nuestro gráfico simplificado nombramos como "),o("em",[e._v("función unicornio")]),e._v(" (este es un nombre inventado por nosotros, no existe tal nomenclatura) permite aprovechar funciones del sistema operativo, es una especie de listener el cual cuando se termina de procesar un elemento o existen nuevos eventos, dicha función puede ser de nexo e informar cuando suceden estas cosas. (libuv y SO).")]),o("h2",{attrs:{id:"resumen-de-event-loop"}},[e._v("Resumen de event loop "),o("a",{staticClass:"header-anchor",attrs:{href:"#resumen-de-event-loop"}},[e._v("¶")])]),o("ul",[o("li",[e._v("Forma de organizar el procesamiento del código en Node.js.")]),o("li",[e._v("Se basa en procesamiento concurrente de código Js con un solo thread, con no-desalojo para código Js.")]),o("li",[e._v("Tiene tres pasos "),o("ul",[o("li",[e._v("Escanea el index, donde ejecuta todo el código que se pueda ejecutar inmediatamente, encolando continuations, IO, etc.")]),o("li",[e._v("Terminado el escaneo, itera en la siguiente secuencia, teniendo microqueues donde revisa si existen eventos preparados para ser ejecutados, y los ejecuta. "),o("ul",[o("li",[e._v("Atiende operaciones asincrónicas, timeouts")]),o("li",[e._v("IO y redes")]),o("li",[e._v("immediate")]),o("li",[e._v("eventos de cierra de recursos")])])]),o("li",[e._v("Si no tiene más que ejecutar, cierra la ejecución, caso contrario, vuelve a retomar el ciclo.")])])]),o("li",[e._v("Tiene 1 hilo, pero n workers que se encargan de ejecutar las tareas pesadas.")])]),o("h3",{attrs:{id:"referencias"}},[e._v("Referencias "),o("a",{staticClass:"header-anchor",attrs:{href:"#referencias"}},[e._v("¶")])]),o("ul",[o("li",[o("a",{attrs:{href:"https://www.youtube.com/watch?v=PNa9OMajw9w"}},[e._v("Morning Keynote- Everything You Need to Know About Node.js Event Loop - Bert Belder, IBM")])]),o("li",[o("a",{attrs:{href:"https://www.youtube.com/watch?v=ztspvPYybIY&t=1s"}},[e._v("Ryan Dahl: Original Node.js presentation - JsConf")])]),o("li",[o("a",{attrs:{href:"https://www.youtube.com/watch?v=_c51fcXRLGw"}},[e._v("Introduction to libuv: What's a Unicorn Velociraptor? - Colin Ihrig, Joyent")])]),o("li",[o("a",{attrs:{href:"https://nodejs.org/en/docs/guides/dont-block-the-event-loop/"}},[e._v("Don't Block the Event Loop (or the Worker Pool)")])]),o("li",[o("a",{attrs:{href:"https://nodejs.dev/learn"}},[e._v("Introduction to Node.js")])]),o("li",[o("a",{attrs:{href:"https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/#what-is-the-event-loop"}},[e._v("What is the event loop")])])])])}],t=s("2877"),r={},i=Object(t["a"])(r,o,n,!1,null,null,null);a["default"]=i.exports}}]);
+//# sourceMappingURL=chunk-33c3e200.a3963baa.js.map
\ No newline at end of file
diff --git a/js/chunk-33c3e200.a3963baa.js.map b/js/chunk-33c3e200.a3963baa.js.map
new file mode 100644
index 0000000..3de7986
--- /dev/null
+++ b/js/chunk-33c3e200.a3963baa.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/eventloop/node-system.png","webpack:///./src/images/eventloop/basic-event-loop.png","webpack:///./src/images/eventloop/complete-event-loop.png","webpack:///./src/images/eventloop/v8.png","webpack:///./src/content/event_loop.md?c7b7","webpack:///./src/content/event_loop.md"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-33c3e200.a3963baa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/node-system.391f5210.png\";","module.exports = __webpack_public_path__ + \"img/basic-event-loop.8b8923fb.png\";","module.exports = __webpack_public_path__ + \"img/complete-event-loop.b59ad9a8.png\";","module.exports = __webpack_public_path__ + \"img/v8.826badb9.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"introducción\"}},[_vm._v(\"Introducción \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introducción\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El \"),_c('strong',[_vm._v(\"event loop\")]),_vm._v(\" es la forma que usa Node.js para \"),_c('strong',[_vm._v(\"organizar el procesamiento del código\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Para poder profundizar en el event loop debemos entender de forma high level qué es la V8 y qué relación tiene con Node.\")]),_c('p',[_vm._v(\"V8, de forma muy básica, podemos definirlo como uno de los motores de JavaScript que interpreta y ejecuta código Js. Todos los browsers contienen un motor Js: V8 es el creado por Google (Firefox usa el propio llamado SpiderMonkey).\")]),_c('p',[_vm._v(\"V8 de alguna forma permitía una interpretación mucho más rápida de JavaScript de los navegadores, esto gracias a la combinación del uso del intérprete y el compilador.\")]),_c('p',[_vm._v(\"Ryah Dahll, como explica en la presentación de \"),_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=ztspvPYybIY&t=1s\"}},[_vm._v(\"JsConf\")]),_vm._v(\", consigue crear servidores web para las necesidades actuales haciendo que la V8 funcione por fuera del navegador, es decir, en el sistema operativo.\")]),_c('p',[_vm._v(\"Motor V8 de JavaScript:\")]),_c('ul',[_c('li',[_vm._v(\"Posee dos componentes principales: \"),_c('ul',[_c('li',[_vm._v(\"Heap: Aloca variables, funciones y estructuras.\")]),_c('li',[_vm._v(\"Call Stack: Permite el anidamiento de llamadas.\")])])]),_c('li',[_vm._v(\"Existe un bucle de ejecución\")])]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/eventloop/v8.png\")}}),_c('p',[_vm._v(\"El bucle que anteriormente nombramos es el EVENT LOOP y es quien nos permite manejar la concurrencia de eventos. ¿Qué es un evento? Pequeñas funcionalidades/funciones que vamos a ejecutar a lo largo del tiempo.\")]),_c('p',[_c('strong',[_vm._v(\"Tiene un modelo de concurrencia orientado a EVENTOS.\")])]),_c('h3',{attrs:{\"id\":\"qué-es-node\"}},[_vm._v(\"¿Qué es Node? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#qué-es-node\"}},[_vm._v(\"¶\")])]),_c('p',[_c('cite',{attrs:{\"cite\":\"Node.js Documentation\"}},[_vm._v(\"As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications\")])]),_c('p',[_vm._v(\"Ejemplo en Node de un contador:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-JavaScript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" a = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"let\")]),_vm._v(\" i = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\"; i < \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"10000\")]),_vm._v(\"; i++) {\\n setImmediate(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\" =>\")]),_vm._v(\" a +=\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(a);\\n\")])]),_c('p',[_c('strong',[_vm._v(\"¿Qué hace el código?\")]),_vm._v(\" En una primera instancia podemos pensar que en \"),_c('code',{pre:true},[_vm._v(\"a\")]),_vm._v(\" se incrementa uno a uno y luego imprimimos la variable con 10000.\")]),_c('p',[_vm._v(\"¿Qué pensamos que hace el \"),_c('code',{pre:true},[_vm._v(\"setImmediate\")]),_vm._v(\"? ¿Lo ejecuta inmediatamente?\")]),_c('p',[_vm._v(\"El \"),_c('code',{pre:true},[_vm._v(\"immediate\")]),_vm._v(\" lo que hace es generar un evento, es decir, se generan eventos que se van ejecutando en el bucle de event loop.\")]),_c('p',[_vm._v(\"Si lo ejecutamos, vamos a notar que imprime 0.\")]),_c('p',[_c('strong',[_vm._v(\"¿Qué pasó?\")])]),_c('p',[_vm._v(\"Los eventos, a diferencia de las \"),_c('code',{pre:true},[_vm._v(\"corutinas\")]),_vm._v(\", se planifican automáticamente, tenemos como ventaja el poder delegar esos detalles, ya que el modelo está más implícito.\")]),_c('p',[_c('strong',[_vm._v(\"Cada evento es un contexto de ejecución distinto.\")]),_vm._v(\" Nuestra pregunta puede ser ¿cuándo se produce un cambio de contexto?\")]),_c('p',[_vm._v(\"En el ejemplo del contador, podemos decir que encolamos 10000 veces ese evento y nos da la sensación que estas son llamadas \"),_c('em',[_vm._v(\"sincrónicas\")]),_vm._v(\", pero realmente esto no pasa. Por atrás tenemos un elemento que nos permite de alguna forma multiplexar, hacer que el IO que es sincrónico no lo sea.\")]),_c('p',[_vm._v(\"Las interrupciones una vez que llegan, se ejecutan inmediatamente.\")]),_c('h3',{attrs:{\"id\":\"primer-acercamiento-al-evento-loop-high-level\"}},[_vm._v(\"Primer acercamiento al evento loop - High level \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#primer-acercamiento-al-evento-loop-high-level\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Podemos pensar que el event loop es un bucle simple en donde los eventos se van ejecutando hasta que en un momento termina.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/eventloop/basic-event-loop.png\")}}),_c('p',[_vm._v(\"¿Qué pasa si a nuestro anterior ejemplo agrego un \"),_c('code',{pre:true},[_vm._v(\"console.log\")]),_vm._v(\" dentro de otro \"),_c('code',{pre:true},[_vm._v(\"setImmediate()\")]),_vm._v(\"?\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-JavaScript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" a = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"let\")]),_vm._v(\" i = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\"; i < \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"10000\")]),_vm._v(\"; i++) {\\n setImmediate(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\" =>\")]),_vm._v(\" a +=\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\nsetImmediate(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(a));\\n\")])]),_c('p',[_vm._v(\"Alternativas:\")]),_c('ul',[_c('li',[_vm._v(\"Log con 10000\")]),_c('li',[_vm._v(\"Log con 0\")]),_c('li',[_vm._v(\"Resultados no determinísticos.\")])]),_c('p',[_c('strong',[_vm._v(\"Realidad\")]),_vm._v(\": Si lo ejecuto me termina dando 10000, aparentemente se encolan y se van ejecutando en el orden correcto.\")]),_c('p',[_vm._v(\"¿Por qué sucede esto?\")]),_c('p',[_vm._v(\"El event loop es una especie de bucle que tiene varias etapas, y tienen algunas ya prefijadas\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/eventloop/complete-event-loop.png\")}}),_c('p',[_vm._v(\"Son pequeñas etapas, y por cada uno de estos ciclos va a procesar eventos de diferentes naturalezas. El orden de estos ciclos es determinístico.\")]),_c('p',[_vm._v(\"A la cajita de Js, podemos interpretarlas como el código de Js principal de nuestra app.\")]),_c('p',[_vm._v(\"Cambiando un poco el ejemplo\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-JavaScript\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"var\")]),_vm._v(\" a = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\";\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"for\")]),_vm._v(\" (\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"let\")]),_vm._v(\" i = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\"; i < \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"10000\")]),_vm._v(\"; i++) {\\n setImmediate(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\" =>\")]),_vm._v(\" a +=\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\");\\n}\\nsetTimeout(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"()\")]),_vm._v(\"=>\")]),_vm._v(\" {\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Dentro del timeout'\")]),_vm._v(\");\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(a);\\n}, \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3300\")]),_vm._v(\");\\n\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-built_in\"}},[_vm._v(\"console\")]),_vm._v(\".log(a);\\n\")])]),_c('p',[_vm._v(\"Si ejecuto este código me da 0.\")]),_c('p',[_vm._v(\"Esto sucede ya que se lee todo el código, y el resto de los eventos se planifica después.\")]),_c('p',[_vm._v(\"El bucle se ejecuta en un tiempo específico por lo cual se le asigna una cantidad determinada de tiempo a cada una de sus etapas, justamente porque estamos corriendo sobre solo un thread, en consecuencia solo lo podemos planificar en un solo procesador.\")]),_c('p',[_c('strong',[_vm._v(\"¿Qué pasa si en alguna de esas cajitas de Js tenemos una ejecución CPU Intensive?\")])]),_c('p',[_vm._v(\"El sistema operativo ve a Node como un solo thread. Tanto lo CPU intensive como elementos sincronicos pueden hacer que todas las fases se demoren y bloqueen. Este thread tiene una política de no desalojo de la ejecución si la misma es de código Js, por más que se asignen pequeñas porciones de tiempo a cada etapa del event loop si tenemos elemento que bloquean la CPU, no nos permite que el schedule pueda correr y dar paso a la nueva etapa.\")]),_c('p',[_c('cite',{attrs:{\"cite\":\"What is the event loop\"}},[_vm._v(\"The event loop is what allows Node.js to perform non-blocking I/O operations — despite the fact that JavaScript is single-threaded — by offloading operations to the system kernel whenever possible\")])]),_c('h3',{attrs:{\"id\":\"componentes-de-nuestro-sistema-nodejs\"}},[_vm._v(\"Componentes de nuestro sistema Node.js \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#componentes-de-nuestro-sistema-nodejs\"}},[_vm._v(\"¶\")])]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/eventloop/node-system.png\")}}),_c('p',[_vm._v(\"Podemos observar que tiene una queue de eventos general que el event loop va a ir tratando.\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://github.com/libuv/libuv\"}},[_vm._v(\"libuv\")]),_vm._v(\": Es una lib que nos permite wrappear las llamadas bloqueantes en no bloqueantes, esto puede lograrse a través de los llamados worker threads. Estos van a ejecutar estas llamadas y una vez que las terminen de tratar mediante el callback vuelven evento entrando el event queue. Esta lib va a tratar todas las operaciones bloqueantes como pueden ser escuchar un puerto, leer archivos, entre otras operaciones.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/eventloop/complete-event-loop.png\")}}),_c('p',[_vm._v(\"¿Cómo serian los pasos de nuestro event loop?\")]),_c('ul',[_c('li',[_vm._v(\"Escaneo de nuestro código principal (index.js) \"),_c('ul',[_c('li',[_vm._v(\"Ejecuta todas las operaciones que se puedan ejecutar inmediatamente.\")]),_c('li',[_vm._v(\"Si en el index detecta eventos (continuaciones, operaciones asincrónicas u operaciones IO) los atiende después, es decir, los encola.\")])])]),_c('li',[_vm._v(\"Terminada la lectura del index, comienza a ciclar por una secuencia bien definida. Atiende timeouts, IO, de red, immediate y eventos de cierre de recursos. \"),_c('ul',[_c('li',[_vm._v(\"En esta etapa existen microqueues (Js) donde se fija si existen eventos encolados que están listos para ser procesados, y los ejecuta. (**1)\")])])]),_c('li',[_vm._v(\"Si no tiene más nada que ejecutar, termina el ciclo y la ejecución, caso contrario, arranca nuevamente el ciclo.\")])]),_c('p',[_vm._v(\"(**1) Es una cola de tareas que los worker threads van tomando desde ese punto y cuando está listo ese procesamiento vuelve a encolar en la cola de eventos del event loop.\")]),_c('p',[_c('strong',[_vm._v(\"IMPORTANTE\")]),_vm._v(\": No debemos bloquear el event loop\")]),_c('p',[_vm._v(\"Si tengo operaciones CPU intensive debemos considerar:\")]),_c('ul',[_c('li',[_c('em',[_vm._v(\"Partitioning\")]),_vm._v(\".\")]),_c('li',[_c('em',[_vm._v(\"Offloading\")]),_vm._v(\".\")]),_c('li',[_vm._v(\"Uso de funciones de worker threads.\")])]),_c('p',[_vm._v(\"Lo que en nuestro gráfico simplificado nombramos como \"),_c('em',[_vm._v(\"función unicornio\")]),_vm._v(\" (este es un nombre inventado por nosotros, no existe tal nomenclatura) permite aprovechar funciones del sistema operativo, es una especie de listener el cual cuando se termina de procesar un elemento o existen nuevos eventos, dicha función puede ser de nexo e informar cuando suceden estas cosas. (libuv y SO).\")]),_c('h2',{attrs:{\"id\":\"resumen-de-event-loop\"}},[_vm._v(\"Resumen de event loop \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#resumen-de-event-loop\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_vm._v(\"Forma de organizar el procesamiento del código en Node.js.\")]),_c('li',[_vm._v(\"Se basa en procesamiento concurrente de código Js con un solo thread, con no-desalojo para código Js.\")]),_c('li',[_vm._v(\"Tiene tres pasos \"),_c('ul',[_c('li',[_vm._v(\"Escanea el index, donde ejecuta todo el código que se pueda ejecutar inmediatamente, encolando continuations, IO, etc.\")]),_c('li',[_vm._v(\"Terminado el escaneo, itera en la siguiente secuencia, teniendo microqueues donde revisa si existen eventos preparados para ser ejecutados, y los ejecuta. \"),_c('ul',[_c('li',[_vm._v(\"Atiende operaciones asincrónicas, timeouts\")]),_c('li',[_vm._v(\"IO y redes\")]),_c('li',[_vm._v(\"immediate\")]),_c('li',[_vm._v(\"eventos de cierra de recursos\")])])]),_c('li',[_vm._v(\"Si no tiene más que ejecutar, cierra la ejecución, caso contrario, vuelve a retomar el ciclo.\")])])]),_c('li',[_vm._v(\"Tiene 1 hilo, pero n workers que se encargan de ejecutar las tareas pesadas.\")])]),_c('h3',{attrs:{\"id\":\"referencias\"}},[_vm._v(\"Referencias \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#referencias\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=PNa9OMajw9w\"}},[_vm._v(\"Morning Keynote- Everything You Need to Know About Node.js Event Loop - Bert Belder, IBM\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=ztspvPYybIY&t=1s\"}},[_vm._v(\"Ryan Dahl: Original Node.js presentation - JsConf\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/watch?v=_c51fcXRLGw\"}},[_vm._v(\"Introduction to libuv: What's a Unicorn Velociraptor? - Colin Ihrig, Joyent\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://nodejs.org/en/docs/guides/dont-block-the-event-loop/\"}},[_vm._v(\"Don't Block the Event Loop (or the Worker Pool)\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://nodejs.dev/learn\"}},[_vm._v(\"Introduction to Node.js\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/#what-is-the-event-loop\"}},[_vm._v(\"What is the event loop\")])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./event_loop.md?vue&type=template&id=6d85247a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-349b0eea.fae450fa.js b/js/chunk-349b0eea.fae450fa.js
new file mode 100644
index 0000000..f00dd52
--- /dev/null
+++ b/js/chunk-349b0eea.fae450fa.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-349b0eea"],{"5fe6":function(e,a,o){e.exports=o.p+"img/monolito.fb888a05.jpg"},6109:function(e,a,o){e.exports=o.p+"img/auto_homero.801407e0.png"},"6b41":function(e,a,o){"use strict";o.r(a);var s=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("section",[s("p",[e._v("La materia tiene un objetivo doble: por un lado, conocer tecnologías novedosas de aplicación en la industria de desarrollo de software, y por otro lado, transmitir conocimiento durables, ideas que trasciendan la tecnología, sobre la concurrencia, y la arquitectura de software.")]),s("h2",{attrs:{id:"arquitecturas-concurrentes-qué-es-eso"}},[e._v("¿Arquitecturas Concurrentes? ¿Qué es eso? "),s("a",{staticClass:"header-anchor",attrs:{href:"#arquitecturas-concurrentes-qué-es-eso"}},[e._v("¶")])]),s("p",[e._v("Hace varios años empezamos a armar la materia de Arquitecturas Concurrentes. La razón por la cual empezó esta materia surgía un poco de nuestra frustración de la poca rigurosidad técnica que encontramos en el día a día en nuestros trabajos frente a problemas de arquitecturas, a veces sobrediseñados, a veces bien ideados aunque muy mal bajados en la implementación, o en base a lo que está de moda, sin un sólido fundamento. Por otro lado surge de que la concurrencia nos tiene de hijo: no importa cuanto nos esforcemos, los malignos hilos de ejecución lograrán destruir nuestro programa en modos insospechados. El cuidado parece ser siempre insuficiente: de alguna forma irreproducibles bugs de sincronización nos harían morder el suelo.")]),s("p",[e._v('¿Cuál fue la primera impresión una vez que armamos los contenidos iniciales? Que el diablo está en los detalles: muchas ideas de arquitectura y manejo de concurrencia intuitivamente "suenan bien". Pero recién cuando las bajamos a detalle vemos realmente sus consecuencias.')]),s("p",[e._v("Entonces la materia se trata de dos cosas principales, por un lado dar un estudio bien práctico sobre el manejo de la concurrencia, con distintas herramientas. Y por el otro el de dar nociones de arquitecturas distribuidas.")]),s("p",[e._v("A lo largo de la historia de la materia, la idea fue siempre la de adaptar los contenidos con materiales lo más actualizado posible, y la idea es siempre ir cambiando nuestros temas a lo que consideramos que es abarcar las dos ideas principales antes mencionadas con algunas de las técnologias más actuales.")]),s("h2",{attrs:{id:"sobre-la-arquitectura"}},[e._v("Sobre la Arquitectura "),s("a",{staticClass:"header-anchor",attrs:{href:"#sobre-la-arquitectura"}},[e._v("¶")])]),s("p",[e._v("Primero, algunas palabras sobre la arquitectura de software. He aquí algunas interpretaciones comunes y complementarias del término:")]),s("ul",[s("li",[e._v("Es el diseño lógico de alto nivel: diseñar ya no en términos de componentes como objetos, procedimientos o funciones, sino en términos de módulos, nodos de red, etc.")]),s("li",[e._v("Es el diseño de aquellos aspectos que software que son difíciles de cambiar: tecnologías de base, lenguajes, etc.")]),s("li",[e._v("Es el diseño físico: la selección de los componentes de hardware y el despliegue del software sobre estos componentes.")])]),s("p",[e._v("En general no encontramos muchas desavenencias en torno a esta ideas. Los problemas surgen cuando pensamos en cómo hacer arquitectura.")]),s("h3",{attrs:{id:"haciendo-arquitectura"}},[e._v("Haciendo arquitectura "),s("a",{staticClass:"header-anchor",attrs:{href:"#haciendo-arquitectura"}},[e._v("¶")])]),s("p",[e._v("Para nosotros la construcción de una arquitectura es un proceso:")]),s("ul",[s("li",[s("strong",[e._v("Iterativo")]),e._v(": si bien la arquitectura trata de lidiar con aquellas cosas que son difíciles de cambiar, aún así hay lugar para iterar. Por ejemplo: probablemente cambiar el lenguaje cada 3 iteraciones no sea una opción viable; sin embargo sí lo es empezar con un almacenamiento en archivos o una base embebida SQLite, luego pasar a un motor relacional, luego extraer una parte a una base de datos Mongo, y luego implementar sharding. constructivo: la arquitectura incluye la construcción. Si bien comunicar la arquitectura es una tarea real, la definición de una arquitectura no se limita a generar diagramas de despliegue y listados de tecnologías: hay que meter las manos en el barro. Medir, desplegar, programar, probar, son tareas imprescindibles. Además casi es imposible realizar el diseño de una arquitectura con una metodología en cascada, donde deberíamos ya plantear la arquitectura definitiva en una sola iteración. Veremos más adelante que siempre requieren de cambios")]),s("li",[s("strong",[e._v("verificable")]),e._v(": si la arquitectura no se puede validar de forma rápida, entonces el proceso está fallando. De la misma forma que no deberíamos programar todo el sistema antes de hacer las pruebas, o todas las pruebas antes de poner nuestra primera línea de código productivo, o encarar refactors que duren días, tampoco deberíamos embarcarnos en implementar arquitecturas de las que no podamos tener ningún feedback hasta dentro de varios meses.")]),s("li",[s("strong",[e._v("holístico")]),e._v(": en el desarrollo de una arquitectura los aspectos humanos suelen tener mucho más peso que los técnicos o tecnológicos. Así, cuestiones económicas o financieras (debemos reducir el gasto mensual en servidores en X%), políticas (vamos a usar el contenedor de aplicaciones X porque nuestra empresa tiene un convenio con quien lo comercializa), interpersonales (el gerente de sistemas de nuestro sector está peleado con el área de base de datos, por lo que utilizaremos almacenamiento en la nube), entre otras, son aspectos que impactan en el desarrollo. Debemos construir teniendo en cuenta estas cuestiones, que a veces pueden jugarnos en contra, y otras, a favor nuestro.")]),s("li",[s("strong",[e._v("potenciado por la tecnología")]),e._v(": el conocimiento de la tecnología existente nos ayudará a ahorrarnos el esfuerzo de pensar e implementar ideas ya probadas. Sin embargo, las decisiones arquitectónicas no deberán estar guiadas por la tecnología. No se trata de ir al supermercado, dirigirnos a la góndola de tecnologías, comprar una marca particular de una base de datos, un ESB y soporte comercial. Se trata de entender la problemática, pensar soluciones, y utilizar algún producto si realmente calza con lo que necesitamos. Cuando alguien se presente como Arquitecto Java/.Net/Node/LoQueSea, salí corriendo.")]),s("li",[s("strong",[e._v("enriquecido por la historia")]),e._v(": de forma similar al punto anterior, hay valor en conocer las soluciones que otros sistemas aplicaron, pero eso no significa que debamos hacer algo sólo porque otro lo hizo. Debemos siempre entender y estudiar las particularidades de nuestro problema, y no ser naïve pensando que simplemente podemos copiar el éxito de otro ignorando el proceso de meses o años que lo llevó a donde está. Si Facebook hizo X, capaz tu solución no necesite X… ¡porque no sos Facebook! Un punto a tener en cuenta es siempre el de no sobrediseñar nuestra arquitectura")])]),s("h3",{attrs:{id:"cualidades-arquitectonicas"}},[e._v("Cualidades Arquitectonicas "),s("a",{staticClass:"header-anchor",attrs:{href:"#cualidades-arquitectonicas"}},[e._v("¶")])]),s("p",[e._v("¿Y qué consideramos una buena arquitectura? Cuando podemos desarrollar sin problemas ni complejidades, es decir, libre de duplicaciones y que minimicen la redundancia y el código que solo es burocracia (en la medida de lo posible), llamado también boilerplate, que tengamos buenas abstracciones, que sea fácil de mantener y de probar. Y además, como la característica más importante, que sea "),s("strong",[e._v("simple")]),e._v(".")]),s("h4",{attrs:{id:"la-madre-de-todas-las-cualidades"}},[e._v("La madre de todas las cualidades "),s("a",{staticClass:"header-anchor",attrs:{href:"#la-madre-de-todas-las-cualidades"}},[e._v("¶")])]),s("p",[e._v("Podemos decir que la simplicidad es la madre de todas las cualidades, porque queremos solamente que nuestro sistema deba tener la complejidad mínima necesaria para solucionar una problemática.")]),s("p",[s("cite",{attrs:{cite:"AI"}},[e._v("Everything Should Be Made as Simple as Possible, But Not Simpler")])]),s("p",[e._v("Cuando la simpleza nos permite desarrollar y mantener un sistema sin mayores problemas, sin perder sus abstracciones esenciales ni duplicando código, vamos a poder desarrollar un sistema de manera rápida y el resto de las cualidades serán más fácil de lograr")]),s("img",{staticClass:"center",attrs:{src:o("c8b4")}}),s("h4",{attrs:{id:"cuidado-al-escalar"}},[e._v("Cuidado al escalar "),s("a",{staticClass:"header-anchor",attrs:{href:"#cuidado-al-escalar"}},[e._v("¶")])]),s("p",[e._v("Si bien la escalabilidad es algo importante en una gran cantidad de sistemas, y también es algo que queremos eventualmente cuando crece nuestro sistema en medida de usuarios o de requerimientos. Pero escalar no es algo gratis, es decir, que generalmente nos puede agregar una complejidad al sistema que no teníamos planeado")]),s("p",[s("cite",{attrs:{cite:"Paul Graham"}},[e._v("Do things that don’t scale.")])]),s("p",[e._v("Por eso, siempre es bueno como primera iteración de cualquier arquitectura, la que sea más simple y que soporte la carga de usuarios y recursos que deberíamos soportar a ciencia cierta...")]),s("blockquote",[s("p",[e._v("Pero y si no no sabemos cual será la carga, quizás porque es una aplicación que estamos lanzando por primera vez al mercado?")])]),s("p",[e._v("Bueno, tal vez a muchos les haga algo de ruido que respondamos a que sea lo más simple posible, en este caso una aplicación monolítica implementada con las tecnologías que más rápido les permitan satisfacer sus requerimientos funcionales. Sea Rails o Django, tal vez como primera iteración da lo mismo.")]),s("img",{staticClass:"center",attrs:{src:o("5fe6")}}),s("p",[e._v("Tengan en cuenta que también la decision de la tecnología depende de que equipo de desarrollo tengan, que experiencia tienen el equipo de desarrollo con el que trabajan y si la tecnología les permite desarrollar sin problemas y que tengan las librerías necesarias para cumplir con los requerimientos funcionales.")]),s("blockquote",[s("p",[e._v("Pero.... ¿No soporta miles de transacciones por minuto, no es tolerante a fallos, no puede crecer automáticamente, no puede ser distribuida geográficamente?")])]),s("p",[e._v("No se preocupen, probablemente en una primera iteración no lo necesiten. Además, si están lanzando una aplicación por primera vez al mercado, tal vez quieran empezar con algo chico y ver si la idea más alla de todo les resulta. También tengan en cuenta que si queremos además de resolver un problema, que la aplicación sea tolerante a fallos, pueda ser distribuida geográficamente y que pueda crecer automáticamente, tal vez tome mucho más tiempo, porque no solo es el desarrollo para cumplir con los requerimientos funcionales del trabajo y estos otros requisitos, sino también el de hacer pruebas y que todo funcione. Con lo cual esto puede tomar mucho más tiempo del necesario, para una primera iteración.")]),s("p",[e._v("Puede suceder que aun asi tienen el presupuesto, el tiempo para cumplir con todo esto; puede suceder el peor de los casos, que es que su aplicación una vez que está en el mercado, no lo utilice mucha gente y con lo cual la arquitectura haya quedado sobrediseñada. Esto es un puntapié para dar paso a la próxima sección.")]),s("h3",{attrs:{id:"yagni-you-arent-gonna-need-it"}},[e._v("YAGNI: You aren't gonna need it "),s("a",{staticClass:"header-anchor",attrs:{href:"#yagni-you-arent-gonna-need-it"}},[e._v("¶")])]),s("p",[e._v("Recién cuando estas necesidades surjan, allí podremos construir en base a requerimientos concretos, medibles. Quizás eso signifique distribuir componentes, introducir redundancias, reescribir parte del código, cambiar la forma en que se despliegan las aplicaciones. Lo mismo vale para otras cualidades duras como la tolerancia a fallos, la carga, la seguridad, etc. Son todas cuestiones que deberemos atacar ante demanda y no tratar de sobrediseñar o pensar muy a largo plazo.")]),s("p",[e._v("Según este enfoque, las buenas arquitecturas no se anticipan, no se planifican. Mas bien, emergen: son la consecuencia de decisiones justificadas en los momentos indicados. Y eso nos lleva a una última idea: las buenas arquitecturas son mínimas.")]),s("p",[s("cite",{attrs:{cite:"Dieter Rams"}},[e._v("Good design is as little design as possible.")])]),s("p",[e._v("Esto es un poco que no hay elementos o componentes innecesarios y si apenas percibimos las restricciones que la arquitectura nos propone, entonces el programar dentro de esa arquitectura se vuelve natural y simple, sin preocuparse más que en los requerimientos o fallas de un sistema.")]),s("p",[e._v("Entonces, no siempre empezar con microservicios es la mejor alternativa y no solo por el hype deberíamos adoptar una arquitectura o una tecnología porque esta de moda o porque sí...")]),s("blockquote",[s("p",[e._v("Moraleja: desconfiá de todo aquel arquitecto que, tras brindarle una somera descripción del problema, te proponga una compleja aplicación distribuida en 12 Capas, 3 lenguajes (Go, Scala, JS, porque están de moda) , un Redis, un Oracle, un Memcached, 4 microservicios, 3 tareas batch, 3 niveles de replicación, un despliegue con Puppet, 10 servidores, un BPM y una lata de duraznos (para asegurar la buena digestión). O cualquier combinación que seguro ya te contaron.")])]),s("img",{staticClass:"center",attrs:{src:o("bdd5")}}),s("p",[e._v("Tengan en cuenta que si deciden optar por empezar con una arquitectura más compleja, de ver los costos y los tiempos que eso conlleva, necesitaran más tiempo y más recursos necesariamente, que se traduce en que haya un mayor presupuesto, y si bien llegar a una arquitectura más compleja puede parecer una buena idea para el futuro. Está el problema de que tal vez nunca tengan los usuarios o la carga para aprovechar todas las ventajas de su arquitectura propuesta, y además, al introducir mayor cantidad de componentes que seguro tiene una arquitectura más compleja, esto introduce otros problemas que sean de mantenimiento o de errores, con lo cual puede ser incluso contraproducente si después no pueden solucionar estos en un tiempo que no les afecte al negocio o la idea que propone su sistema.")]),s("img",{staticClass:"center iasc-images",attrs:{src:o("6109")}}),s("p",[e._v("La idea es que su arquitectura no se interponga o complejice el desarrollo de su sistema sea de fallos o nuevos requerimientos, y que ayude a solucionar problemas que son los que están más alla de los requerimientos que tiene que resolver un problema, como la carga de usuarios, información, distribución geográfica, etc.")])])}],n=o("2877"),i={},t=Object(n["a"])(i,s,r,!1,null,null,null);a["default"]=t.exports},bdd5:function(e,a,o){e.exports=o.p+"img/homero-movil.8fe1d20e.jpg"},c8b4:function(e,a,o){e.exports=o.p+"img/principio-kiss.6dc64b42.jpg"}}]);
+//# sourceMappingURL=chunk-349b0eea.fae450fa.js.map
\ No newline at end of file
diff --git a/js/chunk-349b0eea.fae450fa.js.map b/js/chunk-349b0eea.fae450fa.js.map
new file mode 100644
index 0000000..f74534c
--- /dev/null
+++ b/js/chunk-349b0eea.fae450fa.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/monolito.jpg","webpack:///./src/images/auto_homero.png","webpack:///./src/content/introduccion.md?5401","webpack:///./src/content/introduccion.md","webpack:///./src/images/homero-movil.jpg","webpack:///./src/images/principio-kiss.jpg"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","attrs","staticClass","script","component"],"mappings":"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","file":"js/chunk-349b0eea.fae450fa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/monolito.fb888a05.jpg\";","module.exports = __webpack_public_path__ + \"img/auto_homero.801407e0.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('p',[_vm._v(\"La materia tiene un objetivo doble: por un lado, conocer tecnologías novedosas de aplicación en la industria de desarrollo de software, y por otro lado, transmitir conocimiento durables, ideas que trasciendan la tecnología, sobre la concurrencia, y la arquitectura de software.\")]),_c('h2',{attrs:{\"id\":\"arquitecturas-concurrentes-qué-es-eso\"}},[_vm._v(\"¿Arquitecturas Concurrentes? ¿Qué es eso? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#arquitecturas-concurrentes-qué-es-eso\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Hace varios años empezamos a armar la materia de Arquitecturas Concurrentes. La razón por la cual empezó esta materia surgía un poco de nuestra frustración de la poca rigurosidad técnica que encontramos en el día a día en nuestros trabajos frente a problemas de arquitecturas, a veces sobrediseñados, a veces bien ideados aunque muy mal bajados en la implementación, o en base a lo que está de moda, sin un sólido fundamento. Por otro lado surge de que la concurrencia nos tiene de hijo: no importa cuanto nos esforcemos, los malignos hilos de ejecución lograrán destruir nuestro programa en modos insospechados. El cuidado parece ser siempre insuficiente: de alguna forma irreproducibles bugs de sincronización nos harían morder el suelo.\")]),_c('p',[_vm._v(\"¿Cuál fue la primera impresión una vez que armamos los contenidos iniciales? Que el diablo está en los detalles: muchas ideas de arquitectura y manejo de concurrencia intuitivamente \\\"suenan bien\\\". Pero recién cuando las bajamos a detalle vemos realmente sus consecuencias.\")]),_c('p',[_vm._v(\"Entonces la materia se trata de dos cosas principales, por un lado dar un estudio bien práctico sobre el manejo de la concurrencia, con distintas herramientas. Y por el otro el de dar nociones de arquitecturas distribuidas.\")]),_c('p',[_vm._v(\"A lo largo de la historia de la materia, la idea fue siempre la de adaptar los contenidos con materiales lo más actualizado posible, y la idea es siempre ir cambiando nuestros temas a lo que consideramos que es abarcar las dos ideas principales antes mencionadas con algunas de las técnologias más actuales.\")]),_c('h2',{attrs:{\"id\":\"sobre-la-arquitectura\"}},[_vm._v(\"Sobre la Arquitectura \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#sobre-la-arquitectura\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Primero, algunas palabras sobre la arquitectura de software. He aquí algunas interpretaciones comunes y complementarias del término:\")]),_c('ul',[_c('li',[_vm._v(\"Es el diseño lógico de alto nivel: diseñar ya no en términos de componentes como objetos, procedimientos o funciones, sino en términos de módulos, nodos de red, etc.\")]),_c('li',[_vm._v(\"Es el diseño de aquellos aspectos que software que son difíciles de cambiar: tecnologías de base, lenguajes, etc.\")]),_c('li',[_vm._v(\"Es el diseño físico: la selección de los componentes de hardware y el despliegue del software sobre estos componentes.\")])]),_c('p',[_vm._v(\"En general no encontramos muchas desavenencias en torno a esta ideas. Los problemas surgen cuando pensamos en cómo hacer arquitectura.\")]),_c('h3',{attrs:{\"id\":\"haciendo-arquitectura\"}},[_vm._v(\"Haciendo arquitectura \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#haciendo-arquitectura\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Para nosotros la construcción de una arquitectura es un proceso:\")]),_c('ul',[_c('li',[_c('strong',[_vm._v(\"Iterativo\")]),_vm._v(\": si bien la arquitectura trata de lidiar con aquellas cosas que son difíciles de cambiar, aún así hay lugar para iterar. Por ejemplo: probablemente cambiar el lenguaje cada 3 iteraciones no sea una opción viable; sin embargo sí lo es empezar con un almacenamiento en archivos o una base embebida SQLite, luego pasar a un motor relacional, luego extraer una parte a una base de datos Mongo, y luego implementar sharding. constructivo: la arquitectura incluye la construcción. Si bien comunicar la arquitectura es una tarea real, la definición de una arquitectura no se limita a generar diagramas de despliegue y listados de tecnologías: hay que meter las manos en el barro. Medir, desplegar, programar, probar, son tareas imprescindibles. Además casi es imposible realizar el diseño de una arquitectura con una metodología en cascada, donde deberíamos ya plantear la arquitectura definitiva en una sola iteración. Veremos más adelante que siempre requieren de cambios\")]),_c('li',[_c('strong',[_vm._v(\"verificable\")]),_vm._v(\": si la arquitectura no se puede validar de forma rápida, entonces el proceso está fallando. De la misma forma que no deberíamos programar todo el sistema antes de hacer las pruebas, o todas las pruebas antes de poner nuestra primera línea de código productivo, o encarar refactors que duren días, tampoco deberíamos embarcarnos en implementar arquitecturas de las que no podamos tener ningún feedback hasta dentro de varios meses.\")]),_c('li',[_c('strong',[_vm._v(\"holístico\")]),_vm._v(\": en el desarrollo de una arquitectura los aspectos humanos suelen tener mucho más peso que los técnicos o tecnológicos. Así, cuestiones económicas o financieras (debemos reducir el gasto mensual en servidores en X%), políticas (vamos a usar el contenedor de aplicaciones X porque nuestra empresa tiene un convenio con quien lo comercializa), interpersonales (el gerente de sistemas de nuestro sector está peleado con el área de base de datos, por lo que utilizaremos almacenamiento en la nube), entre otras, son aspectos que impactan en el desarrollo. Debemos construir teniendo en cuenta estas cuestiones, que a veces pueden jugarnos en contra, y otras, a favor nuestro.\")]),_c('li',[_c('strong',[_vm._v(\"potenciado por la tecnología\")]),_vm._v(\": el conocimiento de la tecnología existente nos ayudará a ahorrarnos el esfuerzo de pensar e implementar ideas ya probadas. Sin embargo, las decisiones arquitectónicas no deberán estar guiadas por la tecnología. No se trata de ir al supermercado, dirigirnos a la góndola de tecnologías, comprar una marca particular de una base de datos, un ESB y soporte comercial. Se trata de entender la problemática, pensar soluciones, y utilizar algún producto si realmente calza con lo que necesitamos. Cuando alguien se presente como Arquitecto Java/.Net/Node/LoQueSea, salí corriendo.\")]),_c('li',[_c('strong',[_vm._v(\"enriquecido por la historia\")]),_vm._v(\": de forma similar al punto anterior, hay valor en conocer las soluciones que otros sistemas aplicaron, pero eso no significa que debamos hacer algo sólo porque otro lo hizo. Debemos siempre entender y estudiar las particularidades de nuestro problema, y no ser naïve pensando que simplemente podemos copiar el éxito de otro ignorando el proceso de meses o años que lo llevó a donde está. Si Facebook hizo X, capaz tu solución no necesite X… ¡porque no sos Facebook! Un punto a tener en cuenta es siempre el de no sobrediseñar nuestra arquitectura\")])]),_c('h3',{attrs:{\"id\":\"cualidades-arquitectonicas\"}},[_vm._v(\"Cualidades Arquitectonicas \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cualidades-arquitectonicas\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"¿Y qué consideramos una buena arquitectura? Cuando podemos desarrollar sin problemas ni complejidades, es decir, libre de duplicaciones y que minimicen la redundancia y el código que solo es burocracia (en la medida de lo posible), llamado también boilerplate, que tengamos buenas abstracciones, que sea fácil de mantener y de probar. Y además, como la característica más importante, que sea \"),_c('strong',[_vm._v(\"simple\")]),_vm._v(\".\")]),_c('h4',{attrs:{\"id\":\"la-madre-de-todas-las-cualidades\"}},[_vm._v(\"La madre de todas las cualidades \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#la-madre-de-todas-las-cualidades\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Podemos decir que la simplicidad es la madre de todas las cualidades, porque queremos solamente que nuestro sistema deba tener la complejidad mínima necesaria para solucionar una problemática.\")]),_c('p',[_c('cite',{attrs:{\"cite\":\"AI\"}},[_vm._v(\"Everything Should Be Made as Simple as Possible, But Not Simpler\")])]),_c('p',[_vm._v(\"Cuando la simpleza nos permite desarrollar y mantener un sistema sin mayores problemas, sin perder sus abstracciones esenciales ni duplicando código, vamos a poder desarrollar un sistema de manera rápida y el resto de las cualidades serán más fácil de lograr\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/principio-kiss.jpg\")}}),_c('h4',{attrs:{\"id\":\"cuidado-al-escalar\"}},[_vm._v(\"Cuidado al escalar \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cuidado-al-escalar\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si bien la escalabilidad es algo importante en una gran cantidad de sistemas, y también es algo que queremos eventualmente cuando crece nuestro sistema en medida de usuarios o de requerimientos. Pero escalar no es algo gratis, es decir, que generalmente nos puede agregar una complejidad al sistema que no teníamos planeado\")]),_c('p',[_c('cite',{attrs:{\"cite\":\"Paul Graham\"}},[_vm._v(\"Do things that don’t scale.\")])]),_c('p',[_vm._v(\"Por eso, siempre es bueno como primera iteración de cualquier arquitectura, la que sea más simple y que soporte la carga de usuarios y recursos que deberíamos soportar a ciencia cierta...\")]),_c('blockquote',[_c('p',[_vm._v(\"Pero y si no no sabemos cual será la carga, quizás porque es una aplicación que estamos lanzando por primera vez al mercado?\")])]),_c('p',[_vm._v(\"Bueno, tal vez a muchos les haga algo de ruido que respondamos a que sea lo más simple posible, en este caso una aplicación monolítica implementada con las tecnologías que más rápido les permitan satisfacer sus requerimientos funcionales. Sea Rails o Django, tal vez como primera iteración da lo mismo.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/monolito.jpg\")}}),_c('p',[_vm._v(\"Tengan en cuenta que también la decision de la tecnología depende de que equipo de desarrollo tengan, que experiencia tienen el equipo de desarrollo con el que trabajan y si la tecnología les permite desarrollar sin problemas y que tengan las librerías necesarias para cumplir con los requerimientos funcionales.\")]),_c('blockquote',[_c('p',[_vm._v(\"Pero.... ¿No soporta miles de transacciones por minuto, no es tolerante a fallos, no puede crecer automáticamente, no puede ser distribuida geográficamente?\")])]),_c('p',[_vm._v(\"No se preocupen, probablemente en una primera iteración no lo necesiten. Además, si están lanzando una aplicación por primera vez al mercado, tal vez quieran empezar con algo chico y ver si la idea más alla de todo les resulta. También tengan en cuenta que si queremos además de resolver un problema, que la aplicación sea tolerante a fallos, pueda ser distribuida geográficamente y que pueda crecer automáticamente, tal vez tome mucho más tiempo, porque no solo es el desarrollo para cumplir con los requerimientos funcionales del trabajo y estos otros requisitos, sino también el de hacer pruebas y que todo funcione. Con lo cual esto puede tomar mucho más tiempo del necesario, para una primera iteración.\")]),_c('p',[_vm._v(\"Puede suceder que aun asi tienen el presupuesto, el tiempo para cumplir con todo esto; puede suceder el peor de los casos, que es que su aplicación una vez que está en el mercado, no lo utilice mucha gente y con lo cual la arquitectura haya quedado sobrediseñada. Esto es un puntapié para dar paso a la próxima sección.\")]),_c('h3',{attrs:{\"id\":\"yagni-you-arent-gonna-need-it\"}},[_vm._v(\"YAGNI: You aren't gonna need it \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#yagni-you-arent-gonna-need-it\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Recién cuando estas necesidades surjan, allí podremos construir en base a requerimientos concretos, medibles. Quizás eso signifique distribuir componentes, introducir redundancias, reescribir parte del código, cambiar la forma en que se despliegan las aplicaciones. Lo mismo vale para otras cualidades duras como la tolerancia a fallos, la carga, la seguridad, etc. Son todas cuestiones que deberemos atacar ante demanda y no tratar de sobrediseñar o pensar muy a largo plazo.\")]),_c('p',[_vm._v(\"Según este enfoque, las buenas arquitecturas no se anticipan, no se planifican. Mas bien, emergen: son la consecuencia de decisiones justificadas en los momentos indicados. Y eso nos lleva a una última idea: las buenas arquitecturas son mínimas.\")]),_c('p',[_c('cite',{attrs:{\"cite\":\"Dieter Rams\"}},[_vm._v(\"Good design is as little design as possible.\")])]),_c('p',[_vm._v(\"Esto es un poco que no hay elementos o componentes innecesarios y si apenas percibimos las restricciones que la arquitectura nos propone, entonces el programar dentro de esa arquitectura se vuelve natural y simple, sin preocuparse más que en los requerimientos o fallas de un sistema.\")]),_c('p',[_vm._v(\"Entonces, no siempre empezar con microservicios es la mejor alternativa y no solo por el hype deberíamos adoptar una arquitectura o una tecnología porque esta de moda o porque sí...\")]),_c('blockquote',[_c('p',[_vm._v(\"Moraleja: desconfiá de todo aquel arquitecto que, tras brindarle una somera descripción del problema, te proponga una compleja aplicación distribuida en 12 Capas, 3 lenguajes (Go, Scala, JS, porque están de moda) , un Redis, un Oracle, un Memcached, 4 microservicios, 3 tareas batch, 3 niveles de replicación, un despliegue con Puppet, 10 servidores, un BPM y una lata de duraznos (para asegurar la buena digestión). O cualquier combinación que seguro ya te contaron.\")])]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/homero-movil.jpg\")}}),_c('p',[_vm._v(\"Tengan en cuenta que si deciden optar por empezar con una arquitectura más compleja, de ver los costos y los tiempos que eso conlleva, necesitaran más tiempo y más recursos necesariamente, que se traduce en que haya un mayor presupuesto, y si bien llegar a una arquitectura más compleja puede parecer una buena idea para el futuro. Está el problema de que tal vez nunca tengan los usuarios o la carga para aprovechar todas las ventajas de su arquitectura propuesta, y además, al introducir mayor cantidad de componentes que seguro tiene una arquitectura más compleja, esto introduce otros problemas que sean de mantenimiento o de errores, con lo cual puede ser incluso contraproducente si después no pueden solucionar estos en un tiempo que no les afecte al negocio o la idea que propone su sistema.\")]),_c('img',{staticClass:\"center iasc-images\",attrs:{\"src\":require(\"@/images/auto_homero.png\")}}),_c('p',[_vm._v(\"La idea es que su arquitectura no se interponga o complejice el desarrollo de su sistema sea de fallos o nuevos requerimientos, y que ayude a solucionar problemas que son los que están más alla de los requerimientos que tiene que resolver un problema, como la carga de usuarios, información, distribución geográfica, etc.\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./introduccion.md?vue&type=template&id=5e5a2856&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/homero-movil.8fe1d20e.jpg\";","module.exports = __webpack_public_path__ + \"img/principio-kiss.6dc64b42.jpg\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-36154627.a6b93af1.js b/js/chunk-36154627.a6b93af1.js
new file mode 100644
index 0000000..4265b2c
--- /dev/null
+++ b/js/chunk-36154627.a6b93af1.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-36154627"],{"0a75":function(e,s,a){e.exports=a.p+"img/secret.4995711d.jpg"},"52f8":function(e,s,a){"use strict";a.r(s);var r=function(){var e=this,s=e.$createElement;e._self._c;return e._m(0)},t=[function(){var e=this,s=e.$createElement,r=e._self._c||s;return r("section",[r("h1",{attrs:{id:"fibers-on-ruby"}},[e._v("Fibers on Ruby "),r("a",{staticClass:"header-anchor",attrs:{href:"#fibers-on-ruby"}},[e._v("¶")])]),r("p",[e._v("Las fibras son estructuras que implementan un mecanismo de concurrencia cooperativa y liviana en Ruby. Básicamente, son un medio para crear bloques de código que se pueden pausar y reanudar, al igual que los hilos. La principal diferencia es que nunca se planifican implicitamente y que la planificación debe realizarla el programador y no la VM.")]),r("p",[e._v("O sea que en el caso de los "),r("code",{pre:!0},[e._v("threads")]),e._v(", el scheduler se encarga de la planificacion y del manejo del ciclo de vida de esta abstracción. En el caso de los "),r("code",{pre:!0},[e._v("fibers")]),e._v(", esta en nuestras manos la planificación, con lo cual en el código vamos a tener que también tener codigo en cuanto a manejo de los fibers que estamos usando, es decir vamos a tener que explícitamente manejar la planificación. Podemos armar algunas abstracciones pero no suele ser una tarea trivial.")]),r("p",[e._v("A diferencia de otros modelos de concurrencia ligeros sin stack, cada "),r("code",{pre:!0},[e._v("fiber")]),e._v(" viene con un stack. Esto permite que el fiber se pause desde llamadas de función anidadas dentro del bloque del "),r("code",{pre:!0},[e._v("Fiber")]),e._v(".")]),r("p",[e._v("Al ser un esquema colaborativo, nos da un mayor control de la ejecución, y es mas, proporcionan un control total al programador sore su ejecucion como mencionamos antes. Veamos un ejemplo de comparacion en cuanto a los tiempos..")]),r("img",{staticClass:"center",attrs:{src:a("812c")}}),r("p",[e._v("Dos threads que se ejecutan, uno se bloquea por 40ms con una llamada de IO, y después toma unos 10ms mas, el procesamiento de estos datos retornados de la llamada. Después hay un segundo thread, que necesita 50ms, de solo tiempo de CPU. El escenario es el mismo tanto con threads, como con fibers y su planificacion cooperativa.")]),r("p",[e._v("Por defecto, MRI usa un "),r("code",{pre:!0},[e._v("fair scheduler")]),e._v(" ("),r("a",{attrs:{href:"https://es.wikipedia.org/wiki/Planificador_Completamente_Justo"}},[e._v("mas aqui")]),e._v("), que significa que cada thread recibe un mismo tiempo para ejecutar, con quantums de 10ms, antes que se suspendan y que el proximo thread se ponga bajo control. Si uno de los threads esta dentro de una llamada bloquante dentro de esos 10ms, se lo debe tomar como tiempo malgastado, es tiempo en el que seguramente todos los threads estan descansando, por estar bloqueados o esperando I/O. Por el otro lado, los Fibers, al ser scheduleados explicitamente por el programador, o sea nosotros, nos da una flexibilidad a la hora de determinar cuando debemos parar la ejecucion de nuestro fiber y cuando retomarlo. Esto trae, como desventaja, que tenemos ahora un codigo mas complejo, pero a su vez nos ayudan, en que en un caso casi ideal, no necesitemos casi el uso de locks.")]),r("blockquote",[r("p",[e._v("Nota: Desde Ruby 3.0, el concepto de los "),r("code",{pre:!0},[e._v("non-blocking fibers")]),e._v(" fue introducido. Todos los fibers ya son por defecto no bloqueantes. Mas sobre esto en la seccion de Ruby 3.")])]),r("h3",{attrs:{id:"diferencias-que-vemos-entre-los-threads-y-fibers"}},[e._v("Diferencias que vemos entre los threads y fibers "),r("a",{staticClass:"header-anchor",attrs:{href:"#diferencias-que-vemos-entre-los-threads-y-fibers"}},[e._v("¶")])]),r("blockquote",[r("p",[e._v("TL;DR..")])]),r("ul",[r("li",[e._v("Los Fibers son ligeros en cuanto a la memoria que consumen y los tiempos del ciclo de vida")]),r("li",[e._v("Tenemos el control de los Fibers, de manera explicita, o sea que tenemos el control absoluto de su ciclo de vida y planificacion.")]),r("li",[e._v("Si bien con los threads tenemos al scheduler que decide cuando un thread se pausa o reanuda, en el caso de los Fibers es variable. O sea, al tener el control nosotros de la planificacion, tenemos que especificar cuando iniciar y parar la ejecucion de un Fiber.")]),r("li",[e._v("Los Fibers, son maneras de escribir bloques de codigo, que pueden ser pausados o resumidos, bastante parecidos a los threads, pero con la diferencia de la planificacion de nuestro lado.")]),r("li",[e._v("Los "),r("code",{pre:!0},[e._v("Threads")]),e._v(" se ejecutan en un segundo plano, especialmente cuando hay una interrupcion. En el caso de los Fibers, se convierten en el programa principal, cuando se ejecutan, hasta que uno los para.")])]),r("h3",{attrs:{id:"uso-y-estados-de-los-fibers"}},[e._v("Uso y estados de los Fibers "),r("a",{staticClass:"header-anchor",attrs:{href:"#uso-y-estados-de-los-fibers"}},[e._v("¶")])]),r("p",[e._v("Para invocar un fiber, basta con hacer algo como lo siguiente")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("f = Fiber.new { puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'blah'")]),e._v(" }\n\nf.resume \nblah\n=> nil\n")])]),r("p",[e._v("Algo interesante para mostrar es que un Fiber no se ejecuta automaticamente, luego de su creacion, sino que necesita que se llame primero a "),r("code",{pre:!0},[e._v("Fiber#resume")]),e._v(" antes. Y seguira en el estado de "),r("code",{pre:!0},[e._v("FIBER_RESUMED")]),e._v(", hasta que se pare su ejecucion o que termine de ejecutar todo el codigo que contiene en su bloque.")]),r("p",[e._v("Como se para un fiber?? por medio de "),r("code",{pre:!0},[e._v("Fiber#yield")]),e._v(". se puede ver este ejemplo en el "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/fibers_1.rb"}},[e._v("fiber_1")])]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("fiber = Fiber.new "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'hola 1'")]),e._v("\n Fiber."),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("yield")]),e._v("\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'hola 2'")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("en el momento que se ejecuta por primera vez "),r("code",{pre:!0},[e._v("fiber.resume")]),e._v(", solo se ejecutara el primer puts, y cuando se llame a yield, el fiber actual se para y pasa su estado a "),r("code",{pre:!0},[e._v("FIBER_SUSPENDED")]),e._v(". Solo una vez que se llame de nuevo a "),r("code",{pre:!0},[e._v("fiber.resume")]),e._v(", se ejecutara el resto del codigo. Una pregunta valida puede ser, que pasa si una vez que corre todo el codigo del bloque que contiene el fiber, se llama de nuevo a "),r("code",{pre:!0},[e._v("fiber.resume")]),e._v("??")]),r("p",[e._v("Es una buena pregunta y es que una vez que termina, pasa su estado a "),r("code",{pre:!0},[e._v("FIBER_TERMINATED")]),e._v(". Con lo cual nos va a dar un error:")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("["),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("5")]),e._v("] pry(main)> fiber.resume\n"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("FiberError:")]),e._v(" dead fiber called\nfrom (pry)"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":")]),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("9")]),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":in")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("`resume'\n")])])]),r("p",[e._v("Para siempre chequear este estado tenemos un metodo que es "),r("code",{pre:!0},[e._v("Fiber#alive?")]),e._v(", que nos devuelve un booleano, de si un fiber esta vivo o no. Sobre nuestro ejemplo anterior:")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("["),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("6")]),e._v("] pry(main)> fiber.alive?\n=> false\n")])]),r("p",[e._v("Un diagrama de transicion de los estados de un Fiber se puede ver a continuacion.")]),r("img",{staticClass:"center",attrs:{src:a("d1ba")}}),r("h4",{attrs:{id:"para-que-sirven-los-fibers"}},[e._v("Para que sirven los fibers? "),r("a",{staticClass:"header-anchor",attrs:{href:"#para-que-sirven-los-fibers"}},[e._v("¶")])]),r("p",[e._v("Este tipo de abstracciones que modelan un contexto de ejecución, no se usan normalmente, sino que es algo que en general se utiliza en una libreria, implementando otras abstracciones sobre y que usen los fibers, para manejar bien los eventos, cuando parar un fiber y reanudarlo, y despues que nuestro codigo de aplicacion use a esta libreria, sin saber los detalles y que no tenga que operar usando fibers directamente.")]),r("p",[e._v("Un ejemplo de esto, puede verse, si implementamos un "),r("code",{pre:!0},[e._v("reactor")]),e._v(", que es un "),r("a",{attrs:{href:"https://en.wikipedia.org/wiki/Reactor_pattern#:~:text=The%20reactor%20design%20pattern%20is,to%20the%20associated%20request%20handlers."}},[e._v("patron de diseno")]),e._v(" que nos va a permitir manejar eventos. Hay muchas manera de implementar un reactor. Vimos hace poco que el "),r("code",{pre:!0},[e._v("event loop")]),e._v(" usa "),r("a",{attrs:{href:"https://man7.org/linux/man-pages/man2/epoll_wait.2.html"}},[e._v("epoll")]),e._v(" para saber de nuevos eventos disponibles, que le llegan a un puerto. Otra manera, aunque no tan efectiva, pero mas sencilla de lograr, puede ser mediante "),r("a",{attrs:{href:"https://man7.org/linux/man-pages/man2/select.2.html"}},[e._v("select")]),e._v(".")]),r("p",[e._v("Con "),r("code",{pre:!0},[e._v("select")]),e._v(", que esta presente en Ruby, mediante un wrapper en "),r("code",{pre:!0},[e._v("IO")]),e._v(", podemos implementar un "),r("code",{pre:!0},[e._v("reactor")]),e._v(" simple. Un ejemplo de la cátedra, que usa una implementación mas completa con "),r("code",{pre:!0},[e._v("timers")]),e._v(" y otras abstracciones se puede ver en este "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby"}},[e._v("repositorio")]),e._v(".")]),r("p",[e._v("De una manera mucho mas simple, podemos tener una clase "),r("code",{pre:!0},[e._v("Reactor")]),e._v(", que tenga dos mapas para eventos de escritura o lectura.")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[r("span",{pre:!0,attrs:{class:"hljs-class"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("class")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("Reactor")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("initialize")])]),e._v("\n @readable = {}\n @writable = {}\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("#...")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("y que tenga un ciclo de corridas en el que se esperan a que los eventos que esten encolados, la parte interesante de este codigo:")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[r("span",{pre:!0,attrs:{class:"hljs-class"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("class")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("Reactor")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("initialize")])]),e._v("\n @readable = {}\n @writable = {}\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("run")])]),e._v("\n _error_events = [] "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# unused for now...")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" @readable.any? "),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("||")]),e._v(" @writable.any?\n readable, writable = IO.select(@readable.keys, @writable.keys, _error_events)\n\n readable.each "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("|io|")]),e._v("\n @readable[io].resume\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n writable.each "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("|io|")]),e._v("\n @writable[io].resume\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("esta en la línea del select")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("readable, writable = IO.select(@readable.keys, @writable.keys, _error_events)\n")])]),r("p",[e._v("donde se esperan a que los eventos que tienen una llamada de IO pendiente terminen.")]),r("p",[e._v("Sobre el Reactor se pueden armar otras abstracicones, tales como un servidor de TCP")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("server = TCPServer.new("),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'localhost'")]),e._v(", port)\nputs "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"Listening on 127.0.0.1:'),r("span",{pre:!0,attrs:{class:"hljs-subst"}},[e._v("#{port}")]),e._v('"')]),e._v("\nreactor = Reactor.new\n")])]),r("p",[e._v("y que use en un loop la aceptación de la conexión")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("loop "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n client = reactor.wait_readable(server) { server.accept } \n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# ....")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("despues hay que esperar desde el servidor a que termine el handshake contra el cliente, por lo que eso es otra llamada, y por lo tanto otro evento...")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("reactor.wait_readable(client) { client.gets })\n")])]),r("p",[e._v("Como unimos estos eventos en el reactor? Mediante alguna abstracción, o contexto de ejecución, que pueda bueno... ejecutarlas. Aquí es donde entran los Fibers..")]),r("p",[e._v("El loop queda entonces, como")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("loop "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n client = reactor.wait_readable(server) { server.accept }\n\n Fiber.new "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("while")]),e._v(" (_buffer = reactor.wait_readable(client) { client.gets })\n reactor.wait_writable(client)\n client.puts("),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v('"Pong!"')]),e._v(")\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n client.close\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v(".resume \n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("Despues hay que wrapear el loop en un ctx similar general, que es otro fiber y listo..")]),r("p",[e._v("El reactor toma los bloques de los eventos de io server y client como bloques que se ejecutaran como otros "),r("code",{pre:!0},[e._v("fibers")]),e._v(".")]),r("p",[e._v("El ejemplo esta en este "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/socket/tcp_reactor.rb"}},[e._v("archivo")])]),r("h3",{attrs:{id:"fibers-en-ruby-30"}},[e._v("Fibers en Ruby 3.0 "),r("a",{staticClass:"header-anchor",attrs:{href:"#fibers-en-ruby-30"}},[e._v("¶")])]),r("p",[e._v("Entre otras cosas Ruby 3, introduce el concepto de "),r("code",{pre:!0},[e._v("fibers")]),e._v(" no bloqueantes. Ahora cuando hacemos un "),r("code",{pre:!0},[e._v("Fiber.new() do ... end")]),e._v(", se le puede pasar un flag booleano llamado "),r("code",{pre:!0},[e._v("blocking")]),e._v(". Por defecto el valor de este booleano es "),r("code",{pre:!0},[e._v("false")])]),r("p",[e._v("Cuando se le pasa el valor "),r("code",{pre:!0},[e._v("blocking: true")]),e._v(", el "),r("code",{pre:!0},[e._v("Fiber")]),e._v(" se va a comportar como lo hacia en Ruby 2.x.")]),r("p",[e._v("Lo interesante es cuando no se le pasa este flag o el valor es "),r("code",{pre:!0},[e._v("blocking: false")]),e._v(". Esto permite que el Fiber sea "),r("code",{pre:!0},[e._v("no bloqueante")]),e._v(".")]),r("p",[e._v("Los "),r("code",{pre:!0},[e._v("fibers no bloqueantes")]),e._v(", cuando llegan en el codigo que ejecutan, a una zona que es potencialmente bloqueante (sleep, esperar otro proceso, esperar datos de I/O, etc), en vez de congelarse y parar toda la ejecucion del thread, hace un "),r("code",{pre:!0},[e._v("yield")]),e._v(" implicito, y permite que otros fibers tomen el control. Esto si se maneja mendiante un scheduler, permite que se pueda manejar bien a que fiber se le puede dar prioridad")]),r("p",[e._v("Que es el "),r("code",{pre:!0},[e._v("scheduler")]),e._v("?? En realidad la pregunta correcta sería, como nos damos cuenta ahora con un esquema "),r("code",{pre:!0},[e._v("no bloquante")]),e._v(" cuando tenemos una respuesta con la cual nos va a surgir una nueva duda. Cómo podemos seguir con la ejecución de nuestro fiber? Esto surge porque aun tenemos que planificar a los fibers.")]),r("p",[e._v("Para poder saber y manejar cuando tenemos una respuesta, tendremos un "),r("code",{pre:!0},[e._v("scheduler")]),e._v(", y en si es una clase que simula algo similar a un "),r("code",{pre:!0},[e._v("event loop")]),e._v(". Nos va a permitir:")]),r("ul",[r("li",[e._v("Rastrear y saber el estado de los fibers, y en caso que esten realizando alguna operación "),r("code",{pre:!0},[e._v("bloqueante")]),e._v(", cual es.")]),r("li",[e._v("Permitir reanudar la ejecucion de los fibers que hicieron una operación bloqueante, y se les retorno un resultado.")])]),r("p",[e._v("Ruby por default no provee una clase "),r("code",{pre:!0},[e._v("scheduler")]),e._v(", pero si una interfaz que debe cumplir, y se espera que sea implementado por el usuario, siguiendo, como se menciono la interfaz descrita en "),r("a",{attrs:{href:"https://ruby-doc.org/core-3.0.0/Fiber/SchedulerInterface.html"}},[e._v("Fiber::SchedulerInterface")]),e._v(".")]),r("p",[e._v("Entonces para implementar un "),r("code",{pre:!0},[e._v("scheduler")]),e._v(", tenemos que implementar los siguientes metodos:")]),r("ul",[r("li",[e._v("io_wait. Se llama ante eventos del tipo "),r("code",{pre:!0},[e._v("IO#wait, IO#wait_readable, IO#wait_writeable")])]),r("li",[e._v("process_wait. Se llama ante eventos de "),r("code",{pre:!0},[e._v("Kernel#sleep, Mutex#sleep")])]),r("li",[e._v("kernel_sleep. Se llama ante eventos de "),r("code",{pre:!0},[e._v("Process::Status.wait")])]),r("li",[e._v("block. Se llama ante eventos de "),r("code",{pre:!0},[e._v("Thread#join, Mutex")])]),r("li",[e._v("unblock. Se llama cuando se desbloquea un fiber por alguno de los eventos antes mencionados")]),r("li",[e._v("close. Se llama cuando el thread donde corren los fibers recibe una señal de salida")])]),r("p",[e._v("por lo que un esqueleto de un scheduler es algo como")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[r("span",{pre:!0,attrs:{class:"hljs-class"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("class")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("Scheduler")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# trigger by events: IO#wait, IO#wait_readable, IO#wait_writeable")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("io_wait")]),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(io, events, timeout)")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# trigger by events: Kernel#sleep, Mutex#sleep")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("kernel_sleep")]),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(duration = "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("nil")]),e._v(")")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# trigger by events: Process::Status.wait")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("process_wait")]),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(pid, flags)")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# trigger by events: Thread#join, Mutex")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("block")]),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(blocker, timeout = "),r("span",{pre:!0,attrs:{class:"hljs-literal"}},[e._v("nil")]),e._v(")")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# trigger when a previous block called is unblock")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("unblock")]),r("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(blocker, fiber)")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n \n "),r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# Called when current thread exits")]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-function"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("close")])]),e._v("\n "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),r("p",[e._v("un ejemplo de un scheduler esta en la parte de "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/simple_scheduler.rb"}},[e._v("ejemplos")]),e._v(". Un poco basado en el reactor que implementamos en este "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby"}},[e._v("repositorio")]),e._v(". En este repo, en "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby/blob/master/src/reactor.rb#L117"}},[e._v("cada ciclo de nuestro reactor implementado")]),e._v(", hace un chequeo de "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby/blob/master/src/reactor.rb#L122"}},[e._v("los eventos cada un quantum de tiempo determinado")]),e._v(".")]),r("h5",{attrs:{id:"como-usamos-nuestro-scheduler-una-vez-que-lo-tenemos"}},[e._v("Como usamos nuestro scheduler una vez que lo tenemos? "),r("a",{staticClass:"header-anchor",attrs:{href:"#como-usamos-nuestro-scheduler-una-vez-que-lo-tenemos"}},[e._v("¶")])]),r("p",[e._v("Basta con hacer algo como")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("require")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'my_scheduler'")]),e._v("\n\n\nFiber.set_scheduler(MyScheduler.new)\n")])]),r("p",[e._v("después de eso, podemos seguir usando los fibers, como antes en Ruby 2.x")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[r("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# now using a non-blocking schema through a SimpleScheduler that does not block the Fibers")]),e._v("\nFiber.new "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Fiber 1: sleep for 2s'")]),e._v("\n sleep("),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2")]),e._v(")\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Fiber 1: wake up'")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v(".resume\n\nFiber.new "),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Fiber 2: sleep for 3s'")]),e._v("\n sleep("),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v(")\n puts "),r("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'Fiber 2: wake up'")]),e._v("\n"),r("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v(".resume\n")])]),r("h3",{attrs:{id:"que-son-los-fibers-por-atras"}},[e._v("Que son los Fibers por atras?? "),r("a",{staticClass:"header-anchor",attrs:{href:"#que-son-los-fibers-por-atras"}},[e._v("¶")])]),r("p",[e._v("En realidad los Fibers, en su implementación al menos en MRI, son en suma ....")]),r("img",{staticClass:"center",attrs:{src:a("0a75")}}),r("p",[e._v("corutinas, simples corutinas.")]),r("p",[e._v("Incluso las mejoras que se introdujeron en Ruby 2.6, son en base a soluciones en C, que ayudaron a mejorar la performance de "),r("code",{pre:!0},[e._v("yield/resume")]),e._v(", en gran medida, usando "),r("code",{pre:!0},[e._v("libcoro")]),e._v(". Se pueden ver mas detalles de esto "),r("a",{attrs:{href:"https://bugs.ruby-lang.org/issues/14739"}},[e._v("aqui")]),e._v(", y una primera implementacion de esta propuesta se puede ver "),r("a",{attrs:{href:"https://github.com/ioquatix/ruby/commit/4a9c12d94aae1cf3a52ca5f026432cd03e9817bc"}},[e._v("aqui")])]),r("p",[e._v("Un ejemplo de como mejoraron los tiempos en su momento puede verse haciendo un simple benchmark, que "),r("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/extras/fibers_benchie.rb"}},[e._v("usamos")]),e._v(" y que comparan una version < 2.6 y una en Ruby 3")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v(" Using /home/ernesto/.rvm/gems/ruby-"),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("2.5")]),e._v("."),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v("\n altair.λ"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":~/utn/iasc/fibers-ruby/lib")]),e._v("$ ruby fibers_benchie.rb\n "),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1220634.1484423832")]),e._v("/s\n Using /home/ernesto/.rvm/gems/ruby-"),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3.0")]),e._v("."),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v("-preview1\n altair.λ"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":~/utn/iasc/fibers-ruby/lib")]),e._v("$ ruby fibers_benchie.rb\n "),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4197152.191945104")]),e._v("/s\n")])]),r("p",[e._v("Esta es una librería de "),r("a",{attrs:{href:"http://software.schmorp.de/pkg/libcoro.html"}},[e._v("corutinas en C")]),e._v(", que tiene la implementacion de lo que seria el "),r("code",{pre:!0},[e._v('"context switch"')]),e._v(" entre fibers, que es la parte que en general se va a a estar ejecutando muy a menudo, en "),r("a",{attrs:{href:"http://cvs.schmorp.de/libcoro/coro.c?revision=1.73&view=markup#l223"}},[e._v("assembler")]),e._v(".")]),r("p",[e._v("Hoy en dia, ya no se delega el mecanismo de las corutinas en "),r("code",{pre:!0},[e._v("libcoro")]),e._v(", y se lo trata nativamente, pero con los mismos conceptos. Incluso concepto de que la parte del cambio de contexto de los "),r("code",{pre:!0},[e._v("fibers")]),e._v(" se hace, dependiendo de la arquitectura, con codigo en assembler. "),r("a",{attrs:{href:"https://github.com/ruby/ruby/blob/0ead818d81c975275238878c81f300dd404e0722/coroutine/x86/Context.S#L16"}},[e._v("Ejemplo de x86 ec")]),e._v(", este context switch se llama desde la implementacion nativa de MRI de fibers en C en esta seccion de la funcion "),r("a",{attrs:{href:"https://github.com/ruby/ruby/blob/3d32c217586a48c709b762865a8abc46f9098455/cont.c#L1376"}},[e._v("fiber_setcontext")])]),r("h2",{attrs:{id:"anexo"}},[e._v("Anexo "),r("a",{staticClass:"header-anchor",attrs:{href:"#anexo"}},[e._v("¶")])]),r("h3",{attrs:{id:"sobre-el-tamaño-del-stack-de-threads-y-fibers"}},[e._v("Sobre el tamaño del stack de Threads y Fibers "),r("a",{staticClass:"header-anchor",attrs:{href:"#sobre-el-tamaño-del-stack-de-threads-y-fibers"}},[e._v("¶")])]),r("p",[e._v("El tamaño del stack puede incluso limitar la cantidad de Threads y Fibers que podemos instanciar en una instancia de MRI.")]),r("p",[e._v("Podemos comprobar rápidamente el tamaño de la pila para un "),r("code",{pre:!0},[e._v("Thread")]),e._v(" y para las"),r("code",{pre:!0},[e._v("Fibers")]),e._v(" en ruby comprobando "),r("code",{pre:!0},[e._v("RubyVM :: DEFAULT_PARAMS")]),e._v(" en la consola irb o pry:")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("pry(main)> RubyVM::DEFAULT_PARAMS\n=> {"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":thread_vm_stack_size=>")]),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1048576")]),e._v(",\n "),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":thread_machine_stack_size=>")]),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1048576")]),e._v(",\n "),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":fiber_vm_stack_size=>")]),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("131072")]),e._v(",\n "),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":fiber_machine_stack_size=>")]),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("524288")]),e._v("}\n")])]),r("blockquote",[r("p",[e._v("Esto solo es valido para versiones de Ruby >= 2.0.0")])]),r("p",[e._v("Ahora podemos comprobar rápidamente el tamaño de la pila de los "),r("code",{pre:!0},[e._v("hilos")]),e._v(" tal como están")]),r("p",[e._v("Esto muestra claramente que el tamaño de la pila para los subprocesos en ruby es solo de 1 MB, mientras que el tamaño de la pila para las fibras es de solo 512k. Podemos cambiar esto haciendo una exportación de cada una de las variables, como por ejemplo:")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-dotenv"}},[e._v("export RUBY_FIBER_VM_STACK_SIZE=2097152\nexport RUBY_THREAD_VM_STACK_SIZE=2097152\n")])]),r("p",[e._v("Esto aumentará el tamaño de la pila y las veces que podemos llamar a una pila anidada.")]),r("p",[e._v("Con stack size de 1MB")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("$ ruby stack_size.rb \nMax Stack "),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("Level:")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("10079")]),e._v("\n")])]),r("p",[e._v("Con un stack de 2MB")]),r("pre",{pre:!0},[r("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("altair.λ"),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":~/utn/iasc/fibers-ruby/extras")]),e._v("$ ruby stack_size.rb \nMax Stack "),r("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("Level:")]),e._v(" "),r("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("20161")]),e._v("\n")])]),r("p",[e._v("Podemos ver que es casi linea la cantidad de veces que podemos llamar al stack con el stack size que tenemos.")]),r("blockquote",[r("p",[e._v("Esto puede variar dependiendo de la información y de los datos que guardemos en el stack.")])])])}],n=a("2877"),o={},l=Object(n["a"])(o,r,t,!1,null,null,null);s["default"]=l.exports},"812c":function(e,s,a){e.exports=a.p+"img/fiversvsthreads.04634cfb.png"},d1ba:function(e,s,a){e.exports=a.p+"img/fiber_status.9c3f958e.png"}}]);
+//# sourceMappingURL=chunk-36154627.a6b93af1.js.map
\ No newline at end of file
diff --git a/js/chunk-36154627.a6b93af1.js.map b/js/chunk-36154627.a6b93af1.js.map
new file mode 100644
index 0000000..106e59e
--- /dev/null
+++ b/js/chunk-36154627.a6b93af1.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/fibers/secret.jpg","webpack:///./src/content/fibers.md?b6b1","webpack:///./src/content/fibers.md","webpack:///./src/images/fibers/fiversvsthreads.png","webpack:///./src/images/fibers/fiber_status.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"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","file":"js/chunk-36154627.a6b93af1.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/secret.4995711d.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h1',{attrs:{\"id\":\"fibers-on-ruby\"}},[_vm._v(\"Fibers on Ruby \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#fibers-on-ruby\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Las fibras son estructuras que implementan un mecanismo de concurrencia cooperativa y liviana en Ruby. Básicamente, son un medio para crear bloques de código que se pueden pausar y reanudar, al igual que los hilos. La principal diferencia es que nunca se planifican implicitamente y que la planificación debe realizarla el programador y no la VM.\")]),_c('p',[_vm._v(\"O sea que en el caso de los \"),_c('code',{pre:true},[_vm._v(\"threads\")]),_vm._v(\", el scheduler se encarga de la planificacion y del manejo del ciclo de vida de esta abstracción. En el caso de los \"),_c('code',{pre:true},[_vm._v(\"fibers\")]),_vm._v(\", esta en nuestras manos la planificación, con lo cual en el código vamos a tener que también tener codigo en cuanto a manejo de los fibers que estamos usando, es decir vamos a tener que explícitamente manejar la planificación. Podemos armar algunas abstracciones pero no suele ser una tarea trivial.\")]),_c('p',[_vm._v(\"A diferencia de otros modelos de concurrencia ligeros sin stack, cada \"),_c('code',{pre:true},[_vm._v(\"fiber\")]),_vm._v(\" viene con un stack. Esto permite que el fiber se pause desde llamadas de función anidadas dentro del bloque del \"),_c('code',{pre:true},[_vm._v(\"Fiber\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Al ser un esquema colaborativo, nos da un mayor control de la ejecución, y es mas, proporcionan un control total al programador sore su ejecucion como mencionamos antes. Veamos un ejemplo de comparacion en cuanto a los tiempos..\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/fibers/fiversvsthreads.png\")}}),_c('p',[_vm._v(\"Dos threads que se ejecutan, uno se bloquea por 40ms con una llamada de IO, y después toma unos 10ms mas, el procesamiento de estos datos retornados de la llamada. Después hay un segundo thread, que necesita 50ms, de solo tiempo de CPU. El escenario es el mismo tanto con threads, como con fibers y su planificacion cooperativa.\")]),_c('p',[_vm._v(\"Por defecto, MRI usa un \"),_c('code',{pre:true},[_vm._v(\"fair scheduler\")]),_vm._v(\" (\"),_c('a',{attrs:{\"href\":\"https://es.wikipedia.org/wiki/Planificador_Completamente_Justo\"}},[_vm._v(\"mas aqui\")]),_vm._v(\"), que significa que cada thread recibe un mismo tiempo para ejecutar, con quantums de 10ms, antes que se suspendan y que el proximo thread se ponga bajo control. Si uno de los threads esta dentro de una llamada bloquante dentro de esos 10ms, se lo debe tomar como tiempo malgastado, es tiempo en el que seguramente todos los threads estan descansando, por estar bloqueados o esperando I/O. Por el otro lado, los Fibers, al ser scheduleados explicitamente por el programador, o sea nosotros, nos da una flexibilidad a la hora de determinar cuando debemos parar la ejecucion de nuestro fiber y cuando retomarlo. Esto trae, como desventaja, que tenemos ahora un codigo mas complejo, pero a su vez nos ayudan, en que en un caso casi ideal, no necesitemos casi el uso de locks.\")]),_c('blockquote',[_c('p',[_vm._v(\"Nota: Desde Ruby 3.0, el concepto de los \"),_c('code',{pre:true},[_vm._v(\"non-blocking fibers\")]),_vm._v(\" fue introducido. Todos los fibers ya son por defecto no bloqueantes. Mas sobre esto en la seccion de Ruby 3.\")])]),_c('h3',{attrs:{\"id\":\"diferencias-que-vemos-entre-los-threads-y-fibers\"}},[_vm._v(\"Diferencias que vemos entre los threads y fibers \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#diferencias-que-vemos-entre-los-threads-y-fibers\"}},[_vm._v(\"¶\")])]),_c('blockquote',[_c('p',[_vm._v(\"TL;DR..\")])]),_c('ul',[_c('li',[_vm._v(\"Los Fibers son ligeros en cuanto a la memoria que consumen y los tiempos del ciclo de vida\")]),_c('li',[_vm._v(\"Tenemos el control de los Fibers, de manera explicita, o sea que tenemos el control absoluto de su ciclo de vida y planificacion.\")]),_c('li',[_vm._v(\"Si bien con los threads tenemos al scheduler que decide cuando un thread se pausa o reanuda, en el caso de los Fibers es variable. O sea, al tener el control nosotros de la planificacion, tenemos que especificar cuando iniciar y parar la ejecucion de un Fiber.\")]),_c('li',[_vm._v(\"Los Fibers, son maneras de escribir bloques de codigo, que pueden ser pausados o resumidos, bastante parecidos a los threads, pero con la diferencia de la planificacion de nuestro lado.\")]),_c('li',[_vm._v(\"Los \"),_c('code',{pre:true},[_vm._v(\"Threads\")]),_vm._v(\" se ejecutan en un segundo plano, especialmente cuando hay una interrupcion. En el caso de los Fibers, se convierten en el programa principal, cuando se ejecutan, hasta que uno los para.\")])]),_c('h3',{attrs:{\"id\":\"uso-y-estados-de-los-fibers\"}},[_vm._v(\"Uso y estados de los Fibers \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#uso-y-estados-de-los-fibers\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Para invocar un fiber, basta con hacer algo como lo siguiente\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"f = Fiber.new { puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'blah'\")]),_vm._v(\" }\\n\\nf.resume \\nblah\\n=> nil\\n\")])]),_c('p',[_vm._v(\"Algo interesante para mostrar es que un Fiber no se ejecuta automaticamente, luego de su creacion, sino que necesita que se llame primero a \"),_c('code',{pre:true},[_vm._v(\"Fiber#resume\")]),_vm._v(\" antes. Y seguira en el estado de \"),_c('code',{pre:true},[_vm._v(\"FIBER_RESUMED\")]),_vm._v(\", hasta que se pare su ejecucion o que termine de ejecutar todo el codigo que contiene en su bloque.\")]),_c('p',[_vm._v(\"Como se para un fiber?? por medio de \"),_c('code',{pre:true},[_vm._v(\"Fiber#yield\")]),_vm._v(\". se puede ver este ejemplo en el \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/fibers_1.rb\"}},[_vm._v(\"fiber_1\")])]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"fiber = Fiber.new \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'hola 1'\")]),_vm._v(\"\\n Fiber.\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"yield\")]),_vm._v(\"\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'hola 2'\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"en el momento que se ejecuta por primera vez \"),_c('code',{pre:true},[_vm._v(\"fiber.resume\")]),_vm._v(\", solo se ejecutara el primer puts, y cuando se llame a yield, el fiber actual se para y pasa su estado a \"),_c('code',{pre:true},[_vm._v(\"FIBER_SUSPENDED\")]),_vm._v(\". Solo una vez que se llame de nuevo a \"),_c('code',{pre:true},[_vm._v(\"fiber.resume\")]),_vm._v(\", se ejecutara el resto del codigo. Una pregunta valida puede ser, que pasa si una vez que corre todo el codigo del bloque que contiene el fiber, se llama de nuevo a \"),_c('code',{pre:true},[_vm._v(\"fiber.resume\")]),_vm._v(\"??\")]),_c('p',[_vm._v(\"Es una buena pregunta y es que una vez que termina, pasa su estado a \"),_c('code',{pre:true},[_vm._v(\"FIBER_TERMINATED\")]),_vm._v(\". Con lo cual nos va a dar un error:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"[\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"5\")]),_vm._v(\"] pry(main)> fiber.resume\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"FiberError:\")]),_vm._v(\" dead fiber called\\nfrom (pry)\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"9\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":in\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"`resume'\\n\")])])]),_c('p',[_vm._v(\"Para siempre chequear este estado tenemos un metodo que es \"),_c('code',{pre:true},[_vm._v(\"Fiber#alive?\")]),_vm._v(\", que nos devuelve un booleano, de si un fiber esta vivo o no. Sobre nuestro ejemplo anterior:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"[\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"6\")]),_vm._v(\"] pry(main)> fiber.alive?\\n=> false\\n\")])]),_c('p',[_vm._v(\"Un diagrama de transicion de los estados de un Fiber se puede ver a continuacion.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/fibers/fiber_status.png\")}}),_c('h4',{attrs:{\"id\":\"para-que-sirven-los-fibers\"}},[_vm._v(\"Para que sirven los fibers? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#para-que-sirven-los-fibers\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Este tipo de abstracciones que modelan un contexto de ejecución, no se usan normalmente, sino que es algo que en general se utiliza en una libreria, implementando otras abstracciones sobre y que usen los fibers, para manejar bien los eventos, cuando parar un fiber y reanudarlo, y despues que nuestro codigo de aplicacion use a esta libreria, sin saber los detalles y que no tenga que operar usando fibers directamente.\")]),_c('p',[_vm._v(\"Un ejemplo de esto, puede verse, si implementamos un \"),_c('code',{pre:true},[_vm._v(\"reactor\")]),_vm._v(\", que es un \"),_c('a',{attrs:{\"href\":\"https://en.wikipedia.org/wiki/Reactor_pattern#:~:text=The%20reactor%20design%20pattern%20is,to%20the%20associated%20request%20handlers.\"}},[_vm._v(\"patron de diseno\")]),_vm._v(\" que nos va a permitir manejar eventos. Hay muchas manera de implementar un reactor. Vimos hace poco que el \"),_c('code',{pre:true},[_vm._v(\"event loop\")]),_vm._v(\" usa \"),_c('a',{attrs:{\"href\":\"https://man7.org/linux/man-pages/man2/epoll_wait.2.html\"}},[_vm._v(\"epoll\")]),_vm._v(\" para saber de nuevos eventos disponibles, que le llegan a un puerto. Otra manera, aunque no tan efectiva, pero mas sencilla de lograr, puede ser mediante \"),_c('a',{attrs:{\"href\":\"https://man7.org/linux/man-pages/man2/select.2.html\"}},[_vm._v(\"select\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Con \"),_c('code',{pre:true},[_vm._v(\"select\")]),_vm._v(\", que esta presente en Ruby, mediante un wrapper en \"),_c('code',{pre:true},[_vm._v(\"IO\")]),_vm._v(\", podemos implementar un \"),_c('code',{pre:true},[_vm._v(\"reactor\")]),_vm._v(\" simple. Un ejemplo de la cátedra, que usa una implementación mas completa con \"),_c('code',{pre:true},[_vm._v(\"timers\")]),_vm._v(\" y otras abstracciones se puede ver en este \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby\"}},[_vm._v(\"repositorio\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"De una manera mucho mas simple, podemos tener una clase \"),_c('code',{pre:true},[_vm._v(\"Reactor\")]),_vm._v(\", que tenga dos mapas para eventos de escritura o lectura.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-class\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"class\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"Reactor\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"initialize\")])]),_vm._v(\"\\n @readable = {}\\n @writable = {}\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"#...\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"y que tenga un ciclo de corridas en el que se esperan a que los eventos que esten encolados, la parte interesante de este codigo:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-class\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"class\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"Reactor\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"initialize\")])]),_vm._v(\"\\n @readable = {}\\n @writable = {}\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"run\")])]),_vm._v(\"\\n _error_events = [] \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# unused for now...\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" @readable.any? \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"||\")]),_vm._v(\" @writable.any?\\n readable, writable = IO.select(@readable.keys, @writable.keys, _error_events)\\n\\n readable.each \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"|io|\")]),_vm._v(\"\\n @readable[io].resume\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n writable.each \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"|io|\")]),_vm._v(\"\\n @writable[io].resume\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"esta en la línea del select\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"readable, writable = IO.select(@readable.keys, @writable.keys, _error_events)\\n\")])]),_c('p',[_vm._v(\"donde se esperan a que los eventos que tienen una llamada de IO pendiente terminen.\")]),_c('p',[_vm._v(\"Sobre el Reactor se pueden armar otras abstracicones, tales como un servidor de TCP\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"server = TCPServer.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'localhost'\")]),_vm._v(\", port)\\nputs \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"Listening on 127.0.0.1:\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-subst\"}},[_vm._v(\"#{port}\")]),_vm._v(\"\\\"\")]),_vm._v(\"\\nreactor = Reactor.new\\n\")])]),_c('p',[_vm._v(\"y que use en un loop la aceptación de la conexión\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"loop \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n client = reactor.wait_readable(server) { server.accept } \\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# ....\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"despues hay que esperar desde el servidor a que termine el handshake contra el cliente, por lo que eso es otra llamada, y por lo tanto otro evento...\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"reactor.wait_readable(client) { client.gets })\\n\")])]),_c('p',[_vm._v(\"Como unimos estos eventos en el reactor? Mediante alguna abstracción, o contexto de ejecución, que pueda bueno... ejecutarlas. Aquí es donde entran los Fibers..\")]),_c('p',[_vm._v(\"El loop queda entonces, como\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"loop \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n client = reactor.wait_readable(server) { server.accept }\\n\\n Fiber.new \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"while\")]),_vm._v(\" (_buffer = reactor.wait_readable(client) { client.gets })\\n reactor.wait_writable(client)\\n client.puts(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"\\\"Pong!\\\"\")]),_vm._v(\")\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n client.close\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\".resume \\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Despues hay que wrapear el loop en un ctx similar general, que es otro fiber y listo..\")]),_c('p',[_vm._v(\"El reactor toma los bloques de los eventos de io server y client como bloques que se ejecutaran como otros \"),_c('code',{pre:true},[_vm._v(\"fibers\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"El ejemplo esta en este \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/socket/tcp_reactor.rb\"}},[_vm._v(\"archivo\")])]),_c('h3',{attrs:{\"id\":\"fibers-en-ruby-30\"}},[_vm._v(\"Fibers en Ruby 3.0 \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#fibers-en-ruby-30\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Entre otras cosas Ruby 3, introduce el concepto de \"),_c('code',{pre:true},[_vm._v(\"fibers\")]),_vm._v(\" no bloqueantes. Ahora cuando hacemos un \"),_c('code',{pre:true},[_vm._v(\"Fiber.new() do ... end\")]),_vm._v(\", se le puede pasar un flag booleano llamado \"),_c('code',{pre:true},[_vm._v(\"blocking\")]),_vm._v(\". Por defecto el valor de este booleano es \"),_c('code',{pre:true},[_vm._v(\"false\")])]),_c('p',[_vm._v(\"Cuando se le pasa el valor \"),_c('code',{pre:true},[_vm._v(\"blocking: true\")]),_vm._v(\", el \"),_c('code',{pre:true},[_vm._v(\"Fiber\")]),_vm._v(\" se va a comportar como lo hacia en Ruby 2.x.\")]),_c('p',[_vm._v(\"Lo interesante es cuando no se le pasa este flag o el valor es \"),_c('code',{pre:true},[_vm._v(\"blocking: false\")]),_vm._v(\". Esto permite que el Fiber sea \"),_c('code',{pre:true},[_vm._v(\"no bloqueante\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Los \"),_c('code',{pre:true},[_vm._v(\"fibers no bloqueantes\")]),_vm._v(\", cuando llegan en el codigo que ejecutan, a una zona que es potencialmente bloqueante (sleep, esperar otro proceso, esperar datos de I/O, etc), en vez de congelarse y parar toda la ejecucion del thread, hace un \"),_c('code',{pre:true},[_vm._v(\"yield\")]),_vm._v(\" implicito, y permite que otros fibers tomen el control. Esto si se maneja mendiante un scheduler, permite que se pueda manejar bien a que fiber se le puede dar prioridad\")]),_c('p',[_vm._v(\"Que es el \"),_c('code',{pre:true},[_vm._v(\"scheduler\")]),_vm._v(\"?? En realidad la pregunta correcta sería, como nos damos cuenta ahora con un esquema \"),_c('code',{pre:true},[_vm._v(\"no bloquante\")]),_vm._v(\" cuando tenemos una respuesta con la cual nos va a surgir una nueva duda. Cómo podemos seguir con la ejecución de nuestro fiber? Esto surge porque aun tenemos que planificar a los fibers.\")]),_c('p',[_vm._v(\"Para poder saber y manejar cuando tenemos una respuesta, tendremos un \"),_c('code',{pre:true},[_vm._v(\"scheduler\")]),_vm._v(\", y en si es una clase que simula algo similar a un \"),_c('code',{pre:true},[_vm._v(\"event loop\")]),_vm._v(\". Nos va a permitir:\")]),_c('ul',[_c('li',[_vm._v(\"Rastrear y saber el estado de los fibers, y en caso que esten realizando alguna operación \"),_c('code',{pre:true},[_vm._v(\"bloqueante\")]),_vm._v(\", cual es.\")]),_c('li',[_vm._v(\"Permitir reanudar la ejecucion de los fibers que hicieron una operación bloqueante, y se les retorno un resultado.\")])]),_c('p',[_vm._v(\"Ruby por default no provee una clase \"),_c('code',{pre:true},[_vm._v(\"scheduler\")]),_vm._v(\", pero si una interfaz que debe cumplir, y se espera que sea implementado por el usuario, siguiendo, como se menciono la interfaz descrita en \"),_c('a',{attrs:{\"href\":\"https://ruby-doc.org/core-3.0.0/Fiber/SchedulerInterface.html\"}},[_vm._v(\"Fiber::SchedulerInterface\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Entonces para implementar un \"),_c('code',{pre:true},[_vm._v(\"scheduler\")]),_vm._v(\", tenemos que implementar los siguientes metodos:\")]),_c('ul',[_c('li',[_vm._v(\"io_wait. Se llama ante eventos del tipo \"),_c('code',{pre:true},[_vm._v(\"IO#wait, IO#wait_readable, IO#wait_writeable\")])]),_c('li',[_vm._v(\"process_wait. Se llama ante eventos de \"),_c('code',{pre:true},[_vm._v(\"Kernel#sleep, Mutex#sleep\")])]),_c('li',[_vm._v(\"kernel_sleep. Se llama ante eventos de \"),_c('code',{pre:true},[_vm._v(\"Process::Status.wait\")])]),_c('li',[_vm._v(\"block. Se llama ante eventos de \"),_c('code',{pre:true},[_vm._v(\"Thread#join, Mutex\")])]),_c('li',[_vm._v(\"unblock. Se llama cuando se desbloquea un fiber por alguno de los eventos antes mencionados\")]),_c('li',[_vm._v(\"close. Se llama cuando el thread donde corren los fibers recibe una señal de salida\")])]),_c('p',[_vm._v(\"por lo que un esqueleto de un scheduler es algo como\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-class\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"class\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"Scheduler\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# trigger by events: IO#wait, IO#wait_readable, IO#wait_writeable\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"io_wait\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(io, events, timeout)\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# trigger by events: Kernel#sleep, Mutex#sleep\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"kernel_sleep\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(duration = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"nil\")]),_vm._v(\")\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# trigger by events: Process::Status.wait\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"process_wait\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(pid, flags)\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# trigger by events: Thread#join, Mutex\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"block\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(blocker, timeout = \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-literal\"}},[_vm._v(\"nil\")]),_vm._v(\")\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# trigger when a previous block called is unblock\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"unblock\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(blocker, fiber)\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n \\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# Called when current thread exits\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"close\")])]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"un ejemplo de un scheduler esta en la parte de \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/examples/simple_scheduler.rb\"}},[_vm._v(\"ejemplos\")]),_vm._v(\". Un poco basado en el reactor que implementamos en este \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby\"}},[_vm._v(\"repositorio\")]),_vm._v(\". En este repo, en \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby/blob/master/src/reactor.rb#L117\"}},[_vm._v(\"cada ciclo de nuestro reactor implementado\")]),_vm._v(\", hace un chequeo de \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/iasc-event-loop-reactor-ruby/blob/master/src/reactor.rb#L122\"}},[_vm._v(\"los eventos cada un quantum de tiempo determinado\")]),_vm._v(\".\")]),_c('h5',{attrs:{\"id\":\"como-usamos-nuestro-scheduler-una-vez-que-lo-tenemos\"}},[_vm._v(\"Como usamos nuestro scheduler una vez que lo tenemos? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#como-usamos-nuestro-scheduler-una-vez-que-lo-tenemos\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Basta con hacer algo como\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"require\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'my_scheduler'\")]),_vm._v(\"\\n\\n\\nFiber.set_scheduler(MyScheduler.new)\\n\")])]),_c('p',[_vm._v(\"después de eso, podemos seguir usando los fibers, como antes en Ruby 2.x\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# now using a non-blocking schema through a SimpleScheduler that does not block the Fibers\")]),_vm._v(\"\\nFiber.new \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Fiber 1: sleep for 2s'\")]),_vm._v(\"\\n sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2\")]),_vm._v(\")\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Fiber 1: wake up'\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\".resume\\n\\nFiber.new \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Fiber 2: sleep for 3s'\")]),_vm._v(\"\\n sleep(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\")\\n puts \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'Fiber 2: wake up'\")]),_vm._v(\"\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\".resume\\n\")])]),_c('h3',{attrs:{\"id\":\"que-son-los-fibers-por-atras\"}},[_vm._v(\"Que son los Fibers por atras?? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#que-son-los-fibers-por-atras\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En realidad los Fibers, en su implementación al menos en MRI, son en suma ....\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/fibers/secret.jpg\")}}),_c('p',[_vm._v(\"corutinas, simples corutinas.\")]),_c('p',[_vm._v(\"Incluso las mejoras que se introdujeron en Ruby 2.6, son en base a soluciones en C, que ayudaron a mejorar la performance de \"),_c('code',{pre:true},[_vm._v(\"yield/resume\")]),_vm._v(\", en gran medida, usando \"),_c('code',{pre:true},[_vm._v(\"libcoro\")]),_vm._v(\". Se pueden ver mas detalles de esto \"),_c('a',{attrs:{\"href\":\"https://bugs.ruby-lang.org/issues/14739\"}},[_vm._v(\"aqui\")]),_vm._v(\", y una primera implementacion de esta propuesta se puede ver \"),_c('a',{attrs:{\"href\":\"https://github.com/ioquatix/ruby/commit/4a9c12d94aae1cf3a52ca5f026432cd03e9817bc\"}},[_vm._v(\"aqui\")])]),_c('p',[_vm._v(\"Un ejemplo de como mejoraron los tiempos en su momento puede verse haciendo un simple benchmark, que \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/ruby-fibers/tree/main/extras/fibers_benchie.rb\"}},[_vm._v(\"usamos\")]),_vm._v(\" y que comparan una version < 2.6 y una en Ruby 3\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\" Using /home/ernesto/.rvm/gems/ruby-\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"2.5\")]),_vm._v(\".\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\"\\n altair.λ\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":~/utn/iasc/fibers-ruby/lib\")]),_vm._v(\"$ ruby fibers_benchie.rb\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1220634.1484423832\")]),_vm._v(\"/s\\n Using /home/ernesto/.rvm/gems/ruby-\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3.0\")]),_vm._v(\".\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\"-preview1\\n altair.λ\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":~/utn/iasc/fibers-ruby/lib\")]),_vm._v(\"$ ruby fibers_benchie.rb\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4197152.191945104\")]),_vm._v(\"/s\\n\")])]),_c('p',[_vm._v(\"Esta es una librería de \"),_c('a',{attrs:{\"href\":\"http://software.schmorp.de/pkg/libcoro.html\"}},[_vm._v(\"corutinas en C\")]),_vm._v(\", que tiene la implementacion de lo que seria el \"),_c('code',{pre:true},[_vm._v(\"\\\"context switch\\\"\")]),_vm._v(\" entre fibers, que es la parte que en general se va a a estar ejecutando muy a menudo, en \"),_c('a',{attrs:{\"href\":\"http://cvs.schmorp.de/libcoro/coro.c?revision=1.73&view=markup#l223\"}},[_vm._v(\"assembler\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Hoy en dia, ya no se delega el mecanismo de las corutinas en \"),_c('code',{pre:true},[_vm._v(\"libcoro\")]),_vm._v(\", y se lo trata nativamente, pero con los mismos conceptos. Incluso concepto de que la parte del cambio de contexto de los \"),_c('code',{pre:true},[_vm._v(\"fibers\")]),_vm._v(\" se hace, dependiendo de la arquitectura, con codigo en assembler. \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/0ead818d81c975275238878c81f300dd404e0722/coroutine/x86/Context.S#L16\"}},[_vm._v(\"Ejemplo de x86 ec\")]),_vm._v(\", este context switch se llama desde la implementacion nativa de MRI de fibers en C en esta seccion de la funcion \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/3d32c217586a48c709b762865a8abc46f9098455/cont.c#L1376\"}},[_vm._v(\"fiber_setcontext\")])]),_c('h2',{attrs:{\"id\":\"anexo\"}},[_vm._v(\"Anexo \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#anexo\"}},[_vm._v(\"¶\")])]),_c('h3',{attrs:{\"id\":\"sobre-el-tamaño-del-stack-de-threads-y-fibers\"}},[_vm._v(\"Sobre el tamaño del stack de Threads y Fibers \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#sobre-el-tamaño-del-stack-de-threads-y-fibers\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El tamaño del stack puede incluso limitar la cantidad de Threads y Fibers que podemos instanciar en una instancia de MRI.\")]),_c('p',[_vm._v(\"Podemos comprobar rápidamente el tamaño de la pila para un \"),_c('code',{pre:true},[_vm._v(\"Thread\")]),_vm._v(\" y para las\"),_c('code',{pre:true},[_vm._v(\"Fibers\")]),_vm._v(\" en ruby comprobando \"),_c('code',{pre:true},[_vm._v(\"RubyVM :: DEFAULT_PARAMS\")]),_vm._v(\" en la consola irb o pry:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"pry(main)> RubyVM::DEFAULT_PARAMS\\n=> {\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":thread_vm_stack_size=>\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1048576\")]),_vm._v(\",\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":thread_machine_stack_size=>\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1048576\")]),_vm._v(\",\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":fiber_vm_stack_size=>\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"131072\")]),_vm._v(\",\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":fiber_machine_stack_size=>\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"524288\")]),_vm._v(\"}\\n\")])]),_c('blockquote',[_c('p',[_vm._v(\"Esto solo es valido para versiones de Ruby >= 2.0.0\")])]),_c('p',[_vm._v(\"Ahora podemos comprobar rápidamente el tamaño de la pila de los \"),_c('code',{pre:true},[_vm._v(\"hilos\")]),_vm._v(\" tal como están\")]),_c('p',[_vm._v(\"Esto muestra claramente que el tamaño de la pila para los subprocesos en ruby es solo de 1 MB, mientras que el tamaño de la pila para las fibras es de solo 512k. Podemos cambiar esto haciendo una exportación de cada una de las variables, como por ejemplo:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-dotenv\"}},[_vm._v(\"export RUBY_FIBER_VM_STACK_SIZE=2097152\\nexport RUBY_THREAD_VM_STACK_SIZE=2097152\\n\")])]),_c('p',[_vm._v(\"Esto aumentará el tamaño de la pila y las veces que podemos llamar a una pila anidada.\")]),_c('p',[_vm._v(\"Con stack size de 1MB\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"$ ruby stack_size.rb \\nMax Stack \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"Level:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"10079\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Con un stack de 2MB\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"altair.λ\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":~/utn/iasc/fibers-ruby/extras\")]),_vm._v(\"$ ruby stack_size.rb \\nMax Stack \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"Level:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"20161\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Podemos ver que es casi linea la cantidad de veces que podemos llamar al stack con el stack size que tenemos.\")]),_c('blockquote',[_c('p',[_vm._v(\"Esto puede variar dependiendo de la información y de los datos que guardemos en el stack.\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./fibers.md?vue&type=template&id=649acd14&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/fiversvsthreads.04634cfb.png\";","module.exports = __webpack_public_path__ + \"img/fiber_status.9c3f958e.png\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-49b1d262.6ee7301b.js b/js/chunk-49b1d262.6ee7301b.js
new file mode 100644
index 0000000..a60b3ea
--- /dev/null
+++ b/js/chunk-49b1d262.6ee7301b.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-49b1d262"],{"0d00":function(e,a,s){e.exports=s.p+"img/1.1ca539fd.png"},"7b02":function(e,a,s){"use strict";s.r(a);var n=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},o=[function(){var e=this,a=e.$createElement,n=e._self._c||a;return n("section",[n("h2",{attrs:{id:"interleaving-y-netsplits"}},[e._v("Interleaving y netsplits "),n("a",{staticClass:"header-anchor",attrs:{href:"#interleaving-y-netsplits"}},[e._v("¶")])]),n("img",{staticClass:"center iasc-image",attrs:{src:s("b98f")}}),n("p",[e._v("Sucede a veces cuando tenemos una interconexión entre nodos, momentos en los que tal vez un nodo no empieza a responder a los heartbeats y perdemos conocimiento de él, después de un tiempo tendremos que asumir que esta muerto.")]),n("img",{staticClass:"center iasc-image",attrs:{src:s("0d00")}}),n("p",[e._v("En general se asume, y también en lenguajes que nos ayudan con algunos temas de distribución como Erlang, que si un nodo no se puede conocer si está vivo, está muerto, que es el caso más pesimista que es cuando se piensa que hay más fallos de hardware/software que de red. Otro esquema sería el optimista en el que el nodo está vivo y en realidad lo que pasó es que por un momento la red se cayó o había demasiada latencia y no llegaba al nodo extraviado. Este esquema supone que es más frecuente el fallo de red que de hardware/software. Imaginemos un sitio de compra y venta tipo mercadolibre con dos nodos y sucede este esquema, cuando se realizar una transacción en un nodo, se debe también sincronizar la transacción en el otro nodo ya que puede existir el caso que una de las dos partes tiene su cuenta en otro nodo, si funciona todo bien no hay problemas, pero en el caso de que uno de los nodos no responda, y luego en realidad haya pasado que había un fallo de la red, el nodo queda desincronizado, pero el esquema que tomemos puede tener una desventaja u otra, el pesimista es que no permita que haya transacciones y en consecuencia perdamos plata, no cobramos la comisión, pero el otro caso si es optimista, puede suceder que haya un interleave que deje que dos personas compre un mismo productos en los dos nodos y después no se sepa quien ganó.")])])}],t=s("2877"),r={},i=Object(t["a"])(r,n,o,!1,null,null,null);a["default"]=i.exports},b98f:function(e,a,s){e.exports=s.p+"img/0.a5ade99c.png"}}]);
+//# sourceMappingURL=chunk-49b1d262.6ee7301b.js.map
\ No newline at end of file
diff --git a/js/chunk-49b1d262.6ee7301b.js.map b/js/chunk-49b1d262.6ee7301b.js.map
new file mode 100644
index 0000000..aa3401f
--- /dev/null
+++ b/js/chunk-49b1d262.6ee7301b.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/interleaving/1.png","webpack:///./src/content/interleaving.md?bab3","webpack:///./src/content/interleaving.md","webpack:///./src/images/interleaving/0.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,sB,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,6BAA6B,CAACR,EAAIS,GAAG,6BAA6BJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,8BAA8B,CAACR,EAAIS,GAAG,SAASJ,EAAG,MAAM,CAACK,YAAY,oBAAoBF,MAAM,CAAC,IAAM,EAAQ,WAAkCH,EAAG,IAAI,CAACL,EAAIS,GAAG,wOAAwOJ,EAAG,MAAM,CAACK,YAAY,oBAAoBF,MAAM,CAAC,IAAM,EAAQ,WAAkCH,EAAG,IAAI,CAACL,EAAIS,GAAG,u1C,YCApvBE,EAAS,GAKTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAK,E,8BCjBff,EAAOC,QAAU,IAA0B","file":"js/chunk-49b1d262.6ee7301b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/1.1ca539fd.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"interleaving-y-netsplits\"}},[_vm._v(\"Interleaving y netsplits \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#interleaving-y-netsplits\"}},[_vm._v(\"¶\")])]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/interleaving/0.png\")}}),_c('p',[_vm._v(\"Sucede a veces cuando tenemos una interconexión entre nodos, momentos en los que tal vez un nodo no empieza a responder a los heartbeats y perdemos conocimiento de él, después de un tiempo tendremos que asumir que esta muerto.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/interleaving/1.png\")}}),_c('p',[_vm._v(\"En general se asume, y también en lenguajes que nos ayudan con algunos temas de distribución como Erlang, que si un nodo no se puede conocer si está vivo, está muerto, que es el caso más pesimista que es cuando se piensa que hay más fallos de hardware/software que de red. Otro esquema sería el optimista en el que el nodo está vivo y en realidad lo que pasó es que por un momento la red se cayó o había demasiada latencia y no llegaba al nodo extraviado. Este esquema supone que es más frecuente el fallo de red que de hardware/software. Imaginemos un sitio de compra y venta tipo mercadolibre con dos nodos y sucede este esquema, cuando se realizar una transacción en un nodo, se debe también sincronizar la transacción en el otro nodo ya que puede existir el caso que una de las dos partes tiene su cuenta en otro nodo, si funciona todo bien no hay problemas, pero en el caso de que uno de los nodos no responda, y luego en realidad haya pasado que había un fallo de la red, el nodo queda desincronizado, pero el esquema que tomemos puede tener una desventaja u otra, el pesimista es que no permita que haya transacciones y en consecuencia perdamos plata, no cobramos la comisión, pero el otro caso si es optimista, puede suceder que haya un interleave que deje que dos personas compre un mismo productos en los dos nodos y después no se sepa quien ganó.\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./interleaving.md?vue&type=template&id=df3e3ce2&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/0.a5ade99c.png\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-4c048be9.9564d16d.js b/js/chunk-4c048be9.9564d16d.js
new file mode 100644
index 0000000..fb3fc50
--- /dev/null
+++ b/js/chunk-4c048be9.9564d16d.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4c048be9"],{7949:function(a,e,t){"use strict";t.r(e);var s=function(){var a=this,e=a.$createElement;a._self._c;return a._m(0)},n=[function(){var a=this,e=a.$createElement,s=a._self._c||e;return s("section",[s("p",[a._v("Esta es una pagina donde se van a ir actualizando el material y contenido de la materia.")]),s("h2",{attrs:{id:"objetivo"}},[a._v("Objetivo "),s("a",{staticClass:"header-anchor",attrs:{href:"#objetivo"}},[a._v("¶")])]),s("p",[a._v("Un poco la idea de esta seccion de la pagina de Arquitecturas Concurrentes es la de tener un lugar donde tengamos material para que puedan estudiar o como complemento despues de la clase. La idea es que esta pagina se vaya actualizando y ampliando de manera iterativa e incremental :)")]),s("h2",{attrs:{id:"kiss"}},[a._v("KISS "),s("a",{staticClass:"header-anchor",attrs:{href:"#kiss"}},[a._v("¶")])]),s("img",{staticClass:"center",attrs:{src:t("c8b4")}}),s("p",[a._v("La idea es tener una UI bastante basica, y que solo sea lo minimo indispensable para mostrar lo que mas nos importa, que es mostrar contenido sobre algun tema puntual de la materia.")]),s("h2",{attrs:{id:"got-typo"}},[a._v("Got typo? "),s("a",{staticClass:"header-anchor",attrs:{href:"#got-typo"}},[a._v("¶")])]),s("p",[a._v("Si alguno detecta algun problema o error puede levantar un nuevo issue y veremos de arreglar el mismo lo antes posible.")])])}],r=t("2877"),o={},i=Object(r["a"])(o,s,n,!1,null,null,null);e["default"]=i.exports},c8b4:function(a,e,t){a.exports=t.p+"img/principio-kiss.6dc64b42.jpg"}}]);
+//# sourceMappingURL=chunk-4c048be9.9564d16d.js.map
\ No newline at end of file
diff --git a/js/chunk-4c048be9.9564d16d.js.map b/js/chunk-4c048be9.9564d16d.js.map
new file mode 100644
index 0000000..7f56e58
--- /dev/null
+++ b/js/chunk-4c048be9.9564d16d.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/content/main.md?2163","webpack:///./src/content/main.md","webpack:///./src/images/principio-kiss.jpg"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","attrs","staticClass","script","component","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,IAAI,CAACL,EAAIQ,GAAG,8FAA8FH,EAAG,KAAK,CAACI,MAAM,CAAC,GAAK,aAAa,CAACT,EAAIQ,GAAG,aAAaH,EAAG,IAAI,CAACK,YAAY,gBAAgBD,MAAM,CAAC,KAAO,cAAc,CAACT,EAAIQ,GAAG,SAASH,EAAG,IAAI,CAACL,EAAIQ,GAAG,kSAAkSH,EAAG,KAAK,CAACI,MAAM,CAAC,GAAK,SAAS,CAACT,EAAIQ,GAAG,SAASH,EAAG,IAAI,CAACK,YAAY,gBAAgBD,MAAM,CAAC,KAAO,UAAU,CAACT,EAAIQ,GAAG,SAASH,EAAG,MAAM,CAACK,YAAY,SAASD,MAAM,CAAC,IAAM,EAAQ,WAAkCJ,EAAG,IAAI,CAACL,EAAIQ,GAAG,2LAA2LH,EAAG,KAAK,CAACI,MAAM,CAAC,GAAK,aAAa,CAACT,EAAIQ,GAAG,cAAcH,EAAG,IAAI,CAACK,YAAY,gBAAgBD,MAAM,CAAC,KAAO,cAAc,CAACT,EAAIQ,GAAG,SAASH,EAAG,IAAI,CAACL,EAAIQ,GAAG,iI,YCA9sCG,EAAS,GAKTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAK,E,8BCjBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-4c048be9.9564d16d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('p',[_vm._v(\"Esta es una pagina donde se van a ir actualizando el material y contenido de la materia.\")]),_c('h2',{attrs:{\"id\":\"objetivo\"}},[_vm._v(\"Objetivo \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#objetivo\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Un poco la idea de esta seccion de la pagina de Arquitecturas Concurrentes es la de tener un lugar donde tengamos material para que puedan estudiar o como complemento despues de la clase. La idea es que esta pagina se vaya actualizando y ampliando de manera iterativa e incremental :)\")]),_c('h2',{attrs:{\"id\":\"kiss\"}},[_vm._v(\"KISS \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#kiss\"}},[_vm._v(\"¶\")])]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/principio-kiss.jpg\")}}),_c('p',[_vm._v(\"La idea es tener una UI bastante basica, y que solo sea lo minimo indispensable para mostrar lo que mas nos importa, que es mostrar contenido sobre algun tema puntual de la materia.\")]),_c('h2',{attrs:{\"id\":\"got-typo\"}},[_vm._v(\"Got typo? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#got-typo\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si alguno detecta algun problema o error puede levantar un nuevo issue y veremos de arreglar el mismo lo antes posible.\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./main.md?vue&type=template&id=713d1100&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/principio-kiss.6dc64b42.jpg\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-4fe8e0d3.6da585dc.js b/js/chunk-4fe8e0d3.6da585dc.js
new file mode 100644
index 0000000..ec30fca
--- /dev/null
+++ b/js/chunk-4fe8e0d3.6da585dc.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-4fe8e0d3"],{"0799":function(e,a,s){e.exports=s.p+"img/2.3c408fb8.png"},4753:function(e,a,s){e.exports=s.p+"img/service-mesh.c04f75ea.png"},6467:function(e,a,s){e.exports=s.p+"img/1.1097a9e9.png"},a28e:function(e,a,s){e.exports=s.p+"img/control_plane.96aa0ab2.png"},a3db:function(e,a,s){e.exports=s.p+"img/3.ae7e51dc.png"},b874:function(e,a,s){e.exports=s.p+"img/service-mesh-generic-topology_social.74defb07.png"},d3c5:function(e,a,s){"use strict";s.r(a);var o=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},i=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h2",{attrs:{id:"introduccion"}},[e._v("Introduccion "),o("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),o("p",[e._v("Tal como lo vimos en la introduccion a distribucion, aprendimos que el tener sistemas distribuidos en cualquier dimension pueden causar casos de uso que no hubiesemos pensado antes, asi como varios problemas a resolver.")]),o("p",[e._v("Cuando estos sistemas eran simples, en general se trataba de minimizar la interaccion entre componentes remotos para que el impacto de la complejidad de los sistemas distribuidos sea minima. Y si bien en general, durante un tiempo hace un tiempo atras, si el sistema era dentro de todo simple o pequenio, solamente se trataba de evitar la distribucion aun si hubiese que duplicar logica o datos entre distintos sistemas.")]),o("p",[e._v("Obviamente no eran soluciones optimas, y hoy por hoy se trata de solucionar problemas tales como la duplicacion de codigo o de logica entre un componente o varios. Y en este nuevo mundo, cuando empezaron a verse de nuevo casos de sistemas que cada vez necesitaban escalar debido a que escalar verticalmente era demasiado costoso. Incluso estas dificultades hacian que fuese dificil de escalar (un ejemplo mencionado "),o("a",{attrs:{href:"http://highscalability.com/blog/2009/10/13/why-are-facebook-digg-and-twitter-so-hard-to-scale.html"}},[e._v("aqui")]),e._v(") Por eso varias soluciones iniciales fueron por asi decirlo ad-hoc para cada caso en un sistema en particular y de ahi fueron extrayendose nuevas soluciones cada vez mas sofisticadas. A medida que descubrimos más sobre el dominio del problema y diseñamos mejores soluciones, comenzamos a cristalizar algunas de las necesidades más comunes en patrones, bibliotecas y eventualmente plataformas.")]),o("p",[e._v("No solo se reduce esto a patrones, bibliotecas y codigo, sino tambien metodologias sobre como escalar y conceptos sobre sistemas distribuidos (mencion "),o("a",{attrs:{href:"http://highscalability.com/blog/2010/6/10/the-four-meta-secrets-of-scaling-at-facebook.html"}},[e._v("2")]),e._v(")")]),o("h2",{attrs:{id:"recapitulando-desde-microservicios"}},[e._v("Recapitulando desde microservicios "),o("a",{staticClass:"header-anchor",attrs:{href:"#recapitulando-desde-microservicios"}},[e._v("¶")])]),o("p",[e._v("Con los años, las computadoras se volvieron aún más baratas y más omnipresentes, y la pila de redes descrita anteriormente ha demostrado ser el conjunto de herramientas de facto para conectar sistemas de manera confiable. Con más nodos y conexiones estables, la industria ha jugado con varios tipos de sistemas en red, desde agentes y objetos distribuidos hasta arquitecturas orientadas a servicios compuestas de componentes más grandes pero aún muy distribuidos.")]),o("p",[e._v('En los años 90, Peter Deutsch y sus colegas ingenieros de Sun Microsystems compilaron "Las 8 falacias de la computación distribuida", en la que enumera algunas suposiciones que las personas tienden a hacer cuando trabajan con sistemas distribuidos. El punto de Peter es que estos podrían haber sido ciertos en arquitecturas de redes más primitivas o en modelos teóricos, pero no son válidos en el mundo moderno. Pueden ver un poco mas a '),o("a",{attrs:{href:"~@/mitos/"}},[e._v("aca")])]),o("p",[e._v("Incluso vimos que existen distintos problemas, tales como los que vimos hasta ahora como CAP, interleaving, netsplits, entre otras cosas. Incluso podemos mencionar otras cosas con la que deberiamos lidiar con una arquitectura distribuida:")]),o("ul",[o("li",[e._v("Provisionamiento rapido de los recursos (nuevas instancias)")]),o("li",[e._v("Monitoreo, en lo posible en tiempo real o poco delay")]),o("li",[e._v("Despliegue rapido")]),o("li",[e._v("Facil de provisionar mas almacenamiento (BBDD, disco, etc)")]),o("li",[e._v("Autenticacion")]),o("li",[e._v("Tener algun mecanismo de RPC estandarizado entre los compoenentes internos del sistema (protocols, gRPC por ej)")])]),o("p",[e._v("Entonces, aunque la pila TCP / IP y el modelo de red general desarrollado hace muchas décadas sigue siendo una herramienta poderosa para hacer que las computadoras se comuniquen entre sí, las arquitecturas más sofisticadas introdujeron otra capa de requisitos que, una vez más, deben cumplir los ingenieros que trabajan en tales arquitecturas.")]),o("p",[e._v("Hay ejemplos que podemos mencionar que se usaron para solucionar algunos problemas de resilencia y distribucion, algunos de estos son failover/takeover, circuit breaker (algunos detalles de este pueden verse "),o("a",{attrs:{href:"https://microservices.io/patterns/reliability/circuit-breaker.html"}},[e._v("aca tambien")]),e._v("), y tambien service discovery. Un ejemplo de servicios puede ser el siguiente:")]),o("img",{staticClass:"center",attrs:{src:s("6467")}}),o("p",[e._v("Entonces Service Discovery es el proceso de encontrar automáticamente qué instancias de servicio satisfacen una consulta determinada, por ejemplo un servicio llamado "),o("em",[e._v("Compras")]),e._v(" puede necesitar encontrar instancias de "),o("em",[e._v("Cotizacion de Envio")]),e._v(" con alguna con variable de entorno seteado en "),o("em",[e._v("prod")]),e._v(" por ejemplo. En ese caso se puede invocar un proceso de descubrimiento de servicio, que deberia devolver una lista de servidores adecuados.")]),o("p",[e._v("Para una estructura monolitica esto es facil, mediante un DNS, algun load balancer y algunas convenciones sobre los puertos basta. Pero en entornos mas distribuidos, esto no es tan trivial; y los servicios que anteriormente podían confiar ciegamente en sus búsquedas de DNS para encontrar dependencias ahora tienen que lidiar con cosas como el equilibrio de carga del lado del cliente, múltiples entornos diferentes.")]),o("p",[e._v("Si antes lo único que necesitaba era solo configuracion para resolver los nombres de host, ahora los servicios necesitan muchas líneas de repeticiones para lidiar con varios casos de esquina introducidos por una distribución más alta. Para esto se tiene este servicio de Service Discovery para encontrar las instancias a traves de la red que necesita un componente y las interconecta.")]),o("p",[e._v("Los circuit breakers son un patron catalogado por "),o("em",[e._v("Michael Nygard")]),e._v(" en el libro "),o("a",{attrs:{href:""}},[e._v("Release it")]),e._v(" del 2007. y lo que me gustaria mencionar aunque en ingles es la definicion de Martin Fowler en "),o("a",{attrs:{href:"https://martinfowler.com/bliki/CircuitBreaker.html"}},[e._v("3")])]),o("p",[o("cite",{attrs:{cite:"Martin Fowler"}},[e._v("The basic idea behind the circuit breaker is very simple. You wrap a protected function call in a circuit breaker object, which monitors for failures. Once the failures reach a certain threshold, the circuit breaker trips, and all further calls to the circuit breaker return with an error, without the protected call being made at all. Usually you’ll also want some kind of monitor alert if the circuit breaker trips.")])]),o("p",[e._v('Estos son patrones re simples que nos permiten tener mas confiabilidad en la interacciones entre los servicios. Sin embargo esto se empieza a complicar cuando se incrementa el mivel de distribucion. Por lo que puede pasar que tratar de "monitorear" una posible alerta en caso de que un circuit breaker se dispare, deja a veces de ser tan simple. Y una falla de un componente puede desencadenar tal vez una cascada de errores si lo tenemos todo')]),o("p",[e._v("These are great simple devices to add more reliability to interactions between your services. Nevertheless, just like everything else they tend to get much more complicated as the level of distribution increases. The likelihood of something going wrong in a system raises exponentially with distribution, so even simple things like “some kind of monitor alert if the circuit breaker trips” aren’t necessarily straightforward anymore. One failure in one component can create a cascade of effects across many clients, and clients of clients, triggering thousands of circuits to trip at the same time. Once more what used to be just a few lines of code now requires loads of boilerplate to handle situations that only exist in this new world.")]),o("p",[e._v("De hecho, los ejemplos enumerados anteriormente pueden ser tan difíciles de implementar correctamente que las bibliotecas grandes y sofisticadas como "),o("a",{attrs:{href:"https://twitter.github.io/finagle/"}},[e._v("Finagle")]),e._v(" entre otras se han hecho para evitar reescribir la misma lógica o solucion de estos ejemplos una y otra vez en distintos modulos del sistema.")]),o("p",[e._v("Entonces ahora podemos tener nuestra aplicacion de alguna manera separado de nuestra biblioteca pero aun en el mismo servicio x..")]),o("img",{staticClass:"center",attrs:{src:s("6467")}}),o("p",[e._v('Esta arquitectura de microservicios fue inicialmente utilizada por varias organizaciones que fueron pioneras de este tipo de arqutecturas como Twitter o Soundcloud. A medida que la cantidad de servicios aumento se empezo a ver de a poco las desventajas de esta solucion. La mayor limitante es que a medida que aumentan los servicios, se necesita una mayor cantidad de recursos, en terminos de ingenieros/desarrolladores para construir y de alguna manera "pegar" estas librerias en los servicios nuevos y mantenerlos tambien. Por lo que entre un 10-15% de los recursos se tienen que invertir en "pegar" y mantener estas librerias.')]),o("p",[e._v("Otra desventaja un poco viene por el lado de la libreria puede llegar a atarse al runtime y lenguajes tambien que se pueden usar en los microservicios. Porque es muy probable que estas librerias esten escritas en una plataforma en particular, por ejemplo Finagle esta escrito en Scala para la JVM, por lo que en el caso que se quiera agregar un nuevo servicio y quiere usarse esta libreria, se debe o bien ajustarse a la plataforma en la que estamos usando la libreria o usar un port o alguna libreria alternativa que nos resuelva el mismo problema.")]),o("h3",{attrs:{id:"mas-alla-de-los-microservicios"}},[e._v("Mas alla de los microservicios "),o("a",{staticClass:"header-anchor",attrs:{href:"#mas-alla-de-los-microservicios"}},[e._v("¶")])]),o("p",[e._v("De manera similar a lo que vimos en el stack de la red, sería altamente deseable extraer las características requeridas por los servicios distribuidos masivamente en una plataforma subyacente.")]),o("p",[e._v("Las empresas escriben aplicaciones y servicios sofisticados utilizando protocolos de nivel superior como HTTP sin siquiera pensar en cómo TCP controla los paquetes en su red. Esta situación es lo que necesitamos para los microservicios, donde los ingenieros que trabajan en servicios pueden centrarse en su lógica de negocios y evitar perder tiempo escribiendo su propio código de infraestructura de servicios o administrando bibliotecas y marcos en toda la flota de microservicios.")]),o("p",[e._v("Entonces nuestro diagrama vendria a quedar de esta manera..")]),o("img",{staticClass:"center",attrs:{src:s("0799")}}),o("p",[e._v("Pero esto no es tan trivial, agregar otro stack de la red involucra tambien que haya una interaccion entre la capa que antes era nuestra libreria y la superior, teniendo que ajustarlo o bien a un formato estandar sin tener que acoplarlo a la aplicacion, que haria que no fuese posible que se use a traves de varios servicios distintos.")]),o("p",[e._v("Hay una solucion alternativa que es la de implementar esto mismo pero a partir de un componente "),o("em",[e._v("proxy")]),e._v(". Por lo que un servicio no se conecta directamente con las dependencias sino que pasara todo su trafico a traves de otro modulo que agrega de manera transparente estas soluciones como el Circuit Breaker, Service Discovery, etc..")]),o("p",[e._v("Esto empezo a aparecer por primera vez con este articulo de "),o("a",{attrs:{href:"https://medium.com/airbnb-engineering/smartstack-service-discovery-in-the-cloud-4b8a080de619"}},[e._v("Airbnb")]),e._v(" en donde se describia a este servicio proxy como algo llamado "),o("em",[e._v("sidecar")]),e._v(". Un año despues Netflix hace algo muy similar pero para aplicaciones que no son basadas en la JVM, que es su implementacion de un sidecar llamado "),o("a",{attrs:{href:"https://medium.com/netflix-techblog/prana-a-sidecar-for-your-netflix-paas-based-applications-and-services-258a5790a015"}},[e._v("Prana")])]),o("img",{staticClass:"center",attrs:{src:s("a3db")}}),o("p",[e._v("Con el aumento de las arquitecturas basadas en microservicios, se siguio avanzando con esta arquitectura basada en proxies, y llegaron a aparecer en poco tiempo implementaciones de proxy que son lo suficientemente flexibles para adaptarse a distintos servicios y preferencias. Uno de los primeros fue "),o("a",{attrs:{href:"https://buoyant.io/2016/02/18/linkerd-twitter-style-operability-for-microservices/"}},[e._v("Linkerd")]),e._v(", creado por Twitter, y mas tarde por otra implementacion mas conocida hoy en dia llamado "),o("a",{attrs:{href:"https://eng.lyft.com/announcing-envoy-c-l7-proxy-and-communication-bus-92520b6c8191"}},[e._v("Envoy")])]),o("h2",{attrs:{id:"service-mesh"}},[e._v("Service Mesh "),o("a",{staticClass:"header-anchor",attrs:{href:"#service-mesh"}},[e._v("¶")])]),o("p",[e._v("El modelo de Service Mesh consiste en que, cada uno de sus servicios tendrá un sidecar proxy complementario. Dado que los servicios se comunican entre sí solo a través del proxy de sidecar, terminamos con una implementación similar al diagrama a continuación:")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("4753")}}),o("p",[e._v("Una definicion un poco mas formal lo podemos ver en lo que escribio "),o("a",{attrs:{href:"https://buoyant.io/2017/04/25/whats-a-service-mesh-and-why-do-i-need-one/"}},[o("em",[e._v("William Morgan")]),e._v(" de Buoyant en 2017")])]),o("cite",{attrs:{cite:"William Morgan"}},[e._v(" A service mesh is a dedicated infrastructure layer for handling service-to-service communication. It’s responsible for the reliable delivery of requests through the complex topology of services that comprise a modern, cloud native application. In practice, the service mesh is typically implemented as an array of lightweight network proxies that are deployed alongside application code, without the application needing to be aware. ")]),o("p",[e._v("Probablemente el aspecto más importante de su definición es que se aleja de pensar en los proxies como componentes aislados y reconoce en que la red que forman es algo valioso en sí mismo.")]),o("p",[e._v("A medida que las organizaciones trasladan sus implementaciones de microservicios a deployments más sofisticados como Kubernetes, las personas y las organizaciones han comenzado a usar las herramientas disponibles por esas plataformas para implementar esta idea de un service mesh correctamente. Se están alejando de un conjunto de servidores proxy independientes que trabajan de forma aislada a un plano de control, o sea algo centralizado.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("b874")}}),o("p",[e._v("Viendo un poco nuestro diagrama de arriba,vemos que el tráfico real del servicio todavía fluye de proxy a proxy directamente, pero el plano de control conoce cada instancia de proxy. El plano de control permite a los proxies implementar cosas como el control de acceso y la recopilación de métricas, lo que requiere cooperación..")]),o("p",[e._v("Otro diagrama un poco mas detallado de plano de control ("),o("em",[e._v("Control Plane")]),e._v(") puede verse como el siguiente:")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("a28e")}}),o("p",[e._v("El proyecto que nos permite un poco utilizar el plano de control se llama "),o("a",{attrs:{href:"https://istio.io/"}},[e._v("Istio")]),e._v(" y es por el momento la herramienta mas utilizada y conocida para implementar el plano de control.")]),o("p",[e._v("Bibliografia")]),o("p",[o("a",{attrs:{href:"https://www.oreilly.com/library/view/the-enterprise-path/9781492041795/ch01.html"}},[e._v("The Enterprise Path to Service Mesh Architectures by Lee Calcote")])])])}],r=s("2877"),n={},t=Object(r["a"])(n,o,i,!1,null,null,null);a["default"]=t.exports}}]);
+//# sourceMappingURL=chunk-4fe8e0d3.6da585dc.js.map
\ No newline at end of file
diff --git a/js/chunk-4fe8e0d3.6da585dc.js.map b/js/chunk-4fe8e0d3.6da585dc.js.map
new file mode 100644
index 0000000..6fb597f
--- /dev/null
+++ b/js/chunk-4fe8e0d3.6da585dc.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/service_mesh/2.png","webpack:///./src/images/service_mesh/service-mesh.png","webpack:///./src/images/service_mesh/1.png","webpack:///./src/images/service_mesh/control_plane.png","webpack:///./src/images/service_mesh/3.png","webpack:///./src/images/service_mesh/service-mesh-generic-topology_social.png","webpack:///./src/content/service_mesh.md?1216","webpack:///./src/content/service_mesh.md"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"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","file":"js/chunk-4fe8e0d3.6da585dc.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/2.3c408fb8.png\";","module.exports = __webpack_public_path__ + \"img/service-mesh.c04f75ea.png\";","module.exports = __webpack_public_path__ + \"img/1.1097a9e9.png\";","module.exports = __webpack_public_path__ + \"img/control_plane.96aa0ab2.png\";","module.exports = __webpack_public_path__ + \"img/3.ae7e51dc.png\";","module.exports = __webpack_public_path__ + \"img/service-mesh-generic-topology_social.74defb07.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Tal como lo vimos en la introduccion a distribucion, aprendimos que el tener sistemas distribuidos en cualquier dimension pueden causar casos de uso que no hubiesemos pensado antes, asi como varios problemas a resolver.\")]),_c('p',[_vm._v(\"Cuando estos sistemas eran simples, en general se trataba de minimizar la interaccion entre componentes remotos para que el impacto de la complejidad de los sistemas distribuidos sea minima. Y si bien en general, durante un tiempo hace un tiempo atras, si el sistema era dentro de todo simple o pequenio, solamente se trataba de evitar la distribucion aun si hubiese que duplicar logica o datos entre distintos sistemas.\")]),_c('p',[_vm._v(\"Obviamente no eran soluciones optimas, y hoy por hoy se trata de solucionar problemas tales como la duplicacion de codigo o de logica entre un componente o varios. Y en este nuevo mundo, cuando empezaron a verse de nuevo casos de sistemas que cada vez necesitaban escalar debido a que escalar verticalmente era demasiado costoso. Incluso estas dificultades hacian que fuese dificil de escalar (un ejemplo mencionado \"),_c('a',{attrs:{\"href\":\"http://highscalability.com/blog/2009/10/13/why-are-facebook-digg-and-twitter-so-hard-to-scale.html\"}},[_vm._v(\"aqui\")]),_vm._v(\") Por eso varias soluciones iniciales fueron por asi decirlo ad-hoc para cada caso en un sistema en particular y de ahi fueron extrayendose nuevas soluciones cada vez mas sofisticadas. A medida que descubrimos más sobre el dominio del problema y diseñamos mejores soluciones, comenzamos a cristalizar algunas de las necesidades más comunes en patrones, bibliotecas y eventualmente plataformas.\")]),_c('p',[_vm._v(\"No solo se reduce esto a patrones, bibliotecas y codigo, sino tambien metodologias sobre como escalar y conceptos sobre sistemas distribuidos (mencion \"),_c('a',{attrs:{\"href\":\"http://highscalability.com/blog/2010/6/10/the-four-meta-secrets-of-scaling-at-facebook.html\"}},[_vm._v(\"2\")]),_vm._v(\")\")]),_c('h2',{attrs:{\"id\":\"recapitulando-desde-microservicios\"}},[_vm._v(\"Recapitulando desde microservicios \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#recapitulando-desde-microservicios\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Con los años, las computadoras se volvieron aún más baratas y más omnipresentes, y la pila de redes descrita anteriormente ha demostrado ser el conjunto de herramientas de facto para conectar sistemas de manera confiable. Con más nodos y conexiones estables, la industria ha jugado con varios tipos de sistemas en red, desde agentes y objetos distribuidos hasta arquitecturas orientadas a servicios compuestas de componentes más grandes pero aún muy distribuidos.\")]),_c('p',[_vm._v(\"En los años 90, Peter Deutsch y sus colegas ingenieros de Sun Microsystems compilaron \\\"Las 8 falacias de la computación distribuida\\\", en la que enumera algunas suposiciones que las personas tienden a hacer cuando trabajan con sistemas distribuidos. El punto de Peter es que estos podrían haber sido ciertos en arquitecturas de redes más primitivas o en modelos teóricos, pero no son válidos en el mundo moderno. Pueden ver un poco mas a \"),_c('a',{attrs:{\"href\":\"~@/mitos/\"}},[_vm._v(\"aca\")])]),_c('p',[_vm._v(\"Incluso vimos que existen distintos problemas, tales como los que vimos hasta ahora como CAP, interleaving, netsplits, entre otras cosas. Incluso podemos mencionar otras cosas con la que deberiamos lidiar con una arquitectura distribuida:\")]),_c('ul',[_c('li',[_vm._v(\"Provisionamiento rapido de los recursos (nuevas instancias)\")]),_c('li',[_vm._v(\"Monitoreo, en lo posible en tiempo real o poco delay\")]),_c('li',[_vm._v(\"Despliegue rapido\")]),_c('li',[_vm._v(\"Facil de provisionar mas almacenamiento (BBDD, disco, etc)\")]),_c('li',[_vm._v(\"Autenticacion\")]),_c('li',[_vm._v(\"Tener algun mecanismo de RPC estandarizado entre los compoenentes internos del sistema (protocols, gRPC por ej)\")])]),_c('p',[_vm._v(\"Entonces, aunque la pila TCP / IP y el modelo de red general desarrollado hace muchas décadas sigue siendo una herramienta poderosa para hacer que las computadoras se comuniquen entre sí, las arquitecturas más sofisticadas introdujeron otra capa de requisitos que, una vez más, deben cumplir los ingenieros que trabajan en tales arquitecturas.\")]),_c('p',[_vm._v(\"Hay ejemplos que podemos mencionar que se usaron para solucionar algunos problemas de resilencia y distribucion, algunos de estos son failover/takeover, circuit breaker (algunos detalles de este pueden verse \"),_c('a',{attrs:{\"href\":\"https://microservices.io/patterns/reliability/circuit-breaker.html\"}},[_vm._v(\"aca tambien\")]),_vm._v(\"), y tambien service discovery. Un ejemplo de servicios puede ser el siguiente:\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/service_mesh/1.png\")}}),_c('p',[_vm._v(\"Entonces Service Discovery es el proceso de encontrar automáticamente qué instancias de servicio satisfacen una consulta determinada, por ejemplo un servicio llamado \"),_c('em',[_vm._v(\"Compras\")]),_vm._v(\" puede necesitar encontrar instancias de \"),_c('em',[_vm._v(\"Cotizacion de Envio\")]),_vm._v(\" con alguna con variable de entorno seteado en \"),_c('em',[_vm._v(\"prod\")]),_vm._v(\" por ejemplo. En ese caso se puede invocar un proceso de descubrimiento de servicio, que deberia devolver una lista de servidores adecuados.\")]),_c('p',[_vm._v(\"Para una estructura monolitica esto es facil, mediante un DNS, algun load balancer y algunas convenciones sobre los puertos basta. Pero en entornos mas distribuidos, esto no es tan trivial; y los servicios que anteriormente podían confiar ciegamente en sus búsquedas de DNS para encontrar dependencias ahora tienen que lidiar con cosas como el equilibrio de carga del lado del cliente, múltiples entornos diferentes.\")]),_c('p',[_vm._v(\"Si antes lo único que necesitaba era solo configuracion para resolver los nombres de host, ahora los servicios necesitan muchas líneas de repeticiones para lidiar con varios casos de esquina introducidos por una distribución más alta. Para esto se tiene este servicio de Service Discovery para encontrar las instancias a traves de la red que necesita un componente y las interconecta.\")]),_c('p',[_vm._v(\"Los circuit breakers son un patron catalogado por \"),_c('em',[_vm._v(\"Michael Nygard\")]),_vm._v(\" en el libro \"),_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"Release it\")]),_vm._v(\" del 2007. y lo que me gustaria mencionar aunque en ingles es la definicion de Martin Fowler en \"),_c('a',{attrs:{\"href\":\"https://martinfowler.com/bliki/CircuitBreaker.html\"}},[_vm._v(\"3\")])]),_c('p',[_c('cite',{attrs:{\"cite\":\"Martin Fowler\"}},[_vm._v(\"The basic idea behind the circuit breaker is very simple. You wrap a protected function call in a circuit breaker object, which monitors for failures. Once the failures reach a certain threshold, the circuit breaker trips, and all further calls to the circuit breaker return with an error, without the protected call being made at all. Usually you’ll also want some kind of monitor alert if the circuit breaker trips.\")])]),_c('p',[_vm._v(\"Estos son patrones re simples que nos permiten tener mas confiabilidad en la interacciones entre los servicios. Sin embargo esto se empieza a complicar cuando se incrementa el mivel de distribucion. Por lo que puede pasar que tratar de \\\"monitorear\\\" una posible alerta en caso de que un circuit breaker se dispare, deja a veces de ser tan simple. Y una falla de un componente puede desencadenar tal vez una cascada de errores si lo tenemos todo\")]),_c('p',[_vm._v(\"These are great simple devices to add more reliability to interactions between your services. Nevertheless, just like everything else they tend to get much more complicated as the level of distribution increases. The likelihood of something going wrong in a system raises exponentially with distribution, so even simple things like “some kind of monitor alert if the circuit breaker trips” aren’t necessarily straightforward anymore. One failure in one component can create a cascade of effects across many clients, and clients of clients, triggering thousands of circuits to trip at the same time. Once more what used to be just a few lines of code now requires loads of boilerplate to handle situations that only exist in this new world.\")]),_c('p',[_vm._v(\"De hecho, los ejemplos enumerados anteriormente pueden ser tan difíciles de implementar correctamente que las bibliotecas grandes y sofisticadas como \"),_c('a',{attrs:{\"href\":\"https://twitter.github.io/finagle/\"}},[_vm._v(\"Finagle\")]),_vm._v(\" entre otras se han hecho para evitar reescribir la misma lógica o solucion de estos ejemplos una y otra vez en distintos modulos del sistema.\")]),_c('p',[_vm._v(\"Entonces ahora podemos tener nuestra aplicacion de alguna manera separado de nuestra biblioteca pero aun en el mismo servicio x..\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/service_mesh/1.png\")}}),_c('p',[_vm._v(\"Esta arquitectura de microservicios fue inicialmente utilizada por varias organizaciones que fueron pioneras de este tipo de arqutecturas como Twitter o Soundcloud. A medida que la cantidad de servicios aumento se empezo a ver de a poco las desventajas de esta solucion. La mayor limitante es que a medida que aumentan los servicios, se necesita una mayor cantidad de recursos, en terminos de ingenieros/desarrolladores para construir y de alguna manera \\\"pegar\\\" estas librerias en los servicios nuevos y mantenerlos tambien. Por lo que entre un 10-15% de los recursos se tienen que invertir en \\\"pegar\\\" y mantener estas librerias.\")]),_c('p',[_vm._v(\"Otra desventaja un poco viene por el lado de la libreria puede llegar a atarse al runtime y lenguajes tambien que se pueden usar en los microservicios. Porque es muy probable que estas librerias esten escritas en una plataforma en particular, por ejemplo Finagle esta escrito en Scala para la JVM, por lo que en el caso que se quiera agregar un nuevo servicio y quiere usarse esta libreria, se debe o bien ajustarse a la plataforma en la que estamos usando la libreria o usar un port o alguna libreria alternativa que nos resuelva el mismo problema.\")]),_c('h3',{attrs:{\"id\":\"mas-alla-de-los-microservicios\"}},[_vm._v(\"Mas alla de los microservicios \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#mas-alla-de-los-microservicios\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"De manera similar a lo que vimos en el stack de la red, sería altamente deseable extraer las características requeridas por los servicios distribuidos masivamente en una plataforma subyacente.\")]),_c('p',[_vm._v(\"Las empresas escriben aplicaciones y servicios sofisticados utilizando protocolos de nivel superior como HTTP sin siquiera pensar en cómo TCP controla los paquetes en su red. Esta situación es lo que necesitamos para los microservicios, donde los ingenieros que trabajan en servicios pueden centrarse en su lógica de negocios y evitar perder tiempo escribiendo su propio código de infraestructura de servicios o administrando bibliotecas y marcos en toda la flota de microservicios.\")]),_c('p',[_vm._v(\"Entonces nuestro diagrama vendria a quedar de esta manera..\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/service_mesh/2.png\")}}),_c('p',[_vm._v(\"Pero esto no es tan trivial, agregar otro stack de la red involucra tambien que haya una interaccion entre la capa que antes era nuestra libreria y la superior, teniendo que ajustarlo o bien a un formato estandar sin tener que acoplarlo a la aplicacion, que haria que no fuese posible que se use a traves de varios servicios distintos.\")]),_c('p',[_vm._v(\"Hay una solucion alternativa que es la de implementar esto mismo pero a partir de un componente \"),_c('em',[_vm._v(\"proxy\")]),_vm._v(\". Por lo que un servicio no se conecta directamente con las dependencias sino que pasara todo su trafico a traves de otro modulo que agrega de manera transparente estas soluciones como el Circuit Breaker, Service Discovery, etc..\")]),_c('p',[_vm._v(\"Esto empezo a aparecer por primera vez con este articulo de \"),_c('a',{attrs:{\"href\":\"https://medium.com/airbnb-engineering/smartstack-service-discovery-in-the-cloud-4b8a080de619\"}},[_vm._v(\"Airbnb\")]),_vm._v(\" en donde se describia a este servicio proxy como algo llamado \"),_c('em',[_vm._v(\"sidecar\")]),_vm._v(\". Un año despues Netflix hace algo muy similar pero para aplicaciones que no son basadas en la JVM, que es su implementacion de un sidecar llamado \"),_c('a',{attrs:{\"href\":\"https://medium.com/netflix-techblog/prana-a-sidecar-for-your-netflix-paas-based-applications-and-services-258a5790a015\"}},[_vm._v(\"Prana\")])]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/service_mesh/3.png\")}}),_c('p',[_vm._v(\"Con el aumento de las arquitecturas basadas en microservicios, se siguio avanzando con esta arquitectura basada en proxies, y llegaron a aparecer en poco tiempo implementaciones de proxy que son lo suficientemente flexibles para adaptarse a distintos servicios y preferencias. Uno de los primeros fue \"),_c('a',{attrs:{\"href\":\"https://buoyant.io/2016/02/18/linkerd-twitter-style-operability-for-microservices/\"}},[_vm._v(\"Linkerd\")]),_vm._v(\", creado por Twitter, y mas tarde por otra implementacion mas conocida hoy en dia llamado \"),_c('a',{attrs:{\"href\":\"https://eng.lyft.com/announcing-envoy-c-l7-proxy-and-communication-bus-92520b6c8191\"}},[_vm._v(\"Envoy\")])]),_c('h2',{attrs:{\"id\":\"service-mesh\"}},[_vm._v(\"Service Mesh \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#service-mesh\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El modelo de Service Mesh consiste en que, cada uno de sus servicios tendrá un sidecar proxy complementario. Dado que los servicios se comunican entre sí solo a través del proxy de sidecar, terminamos con una implementación similar al diagrama a continuación:\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/service_mesh/service-mesh.png\")}}),_c('p',[_vm._v(\"Una definicion un poco mas formal lo podemos ver en lo que escribio \"),_c('a',{attrs:{\"href\":\"https://buoyant.io/2017/04/25/whats-a-service-mesh-and-why-do-i-need-one/\"}},[_c('em',[_vm._v(\"William Morgan\")]),_vm._v(\" de Buoyant en 2017\")])]),_c('cite',{attrs:{\"cite\":\"William Morgan\"}},[_vm._v(\" A service mesh is a dedicated infrastructure layer for handling service-to-service communication. It’s responsible for the reliable delivery of requests through the complex topology of services that comprise a modern, cloud native application. In practice, the service mesh is typically implemented as an array of lightweight network proxies that are deployed alongside application code, without the application needing to be aware. \")]),_c('p',[_vm._v(\"Probablemente el aspecto más importante de su definición es que se aleja de pensar en los proxies como componentes aislados y reconoce en que la red que forman es algo valioso en sí mismo.\")]),_c('p',[_vm._v(\"A medida que las organizaciones trasladan sus implementaciones de microservicios a deployments más sofisticados como Kubernetes, las personas y las organizaciones han comenzado a usar las herramientas disponibles por esas plataformas para implementar esta idea de un service mesh correctamente. Se están alejando de un conjunto de servidores proxy independientes que trabajan de forma aislada a un plano de control, o sea algo centralizado.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/service_mesh/service-mesh-generic-topology_social.png\")}}),_c('p',[_vm._v(\"Viendo un poco nuestro diagrama de arriba,vemos que el tráfico real del servicio todavía fluye de proxy a proxy directamente, pero el plano de control conoce cada instancia de proxy. El plano de control permite a los proxies implementar cosas como el control de acceso y la recopilación de métricas, lo que requiere cooperación..\")]),_c('p',[_vm._v(\"Otro diagrama un poco mas detallado de plano de control (\"),_c('em',[_vm._v(\"Control Plane\")]),_vm._v(\") puede verse como el siguiente:\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/service_mesh/control_plane.png\")}}),_c('p',[_vm._v(\"El proyecto que nos permite un poco utilizar el plano de control se llama \"),_c('a',{attrs:{\"href\":\"https://istio.io/\"}},[_vm._v(\"Istio\")]),_vm._v(\" y es por el momento la herramienta mas utilizada y conocida para implementar el plano de control.\")]),_c('p',[_vm._v(\"Bibliografia\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://www.oreilly.com/library/view/the-enterprise-path/9781492041795/ch01.html\"}},[_vm._v(\"The Enterprise Path to Service Mesh Architectures by Lee Calcote\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./service_mesh.md?vue&type=template&id=1b1e95e5&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-5855597c.3ea0ef2b.js b/js/chunk-5855597c.3ea0ef2b.js
new file mode 100644
index 0000000..e89e7ba
--- /dev/null
+++ b/js/chunk-5855597c.3ea0ef2b.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5855597c"],{7250:function(e,a,s){e.exports=s.p+"img/image1.d0c1cc9e.png"},9838:function(e,a,s){e.exports=s.p+"img/image11.a37c77f8.jpg"},e4a4:function(e,a,s){"use strict";s.r(a);var o=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h1",{attrs:{id:"mi-otra-gorra-es-un-teorema"}},[e._v("Mi otra gorra es un teorema "),o("a",{staticClass:"header-anchor",attrs:{href:"#mi-otra-gorra-es-un-teorema"}},[e._v("¶")])]),o("p",[e._v("Hay alguna manera de que manteniendo la aplicación disponible durante intearleaves no haya pérdida de datos? La respuesta rápida es no. No hay manera que la aplicación funcione correctamente en un interleave. esta idea es conocida como el teorema "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn1",id:"fnref1"}},[e._v("[1]")])]),e._v(".")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("7250")}}),o("p",[e._v("Consistencia: Esta es la habilidad que nuestra sistema, tenga 2 o 312123243 nodos que pueda responder a consultas y que tenga el mismo estado, no importa al nodo al que se la hace la consulta. Esto es algo que se logra con transacciones o un mecanismo equivalente. Entonces se tiene que poder ver a todos los nodos como un bloque indivisible. Esto es lo que vimos al comienzo con los contadores, que siempre quede en un estado conocido para el sistema y que no haya por ej. dos nodos que respondan algo distinto al mismo tiempo de realizar la consulta.")]),o("p",[e._v("Disponibilidad: Es simple que siempre que se le pida al sistema por algo de información el sistema me responda, y si no lo hace no está disponible.")]),o("p",[e._v("Particionamiento: Esta parte del teorema es un poco más capciosa. Tolerancia a las particiones significa que el sistema puede seguir funcionando (y contener información útil, estado) aún cuando las partes no puedan comunicarse entre sí. Todo el punto de la tolerancia a la partición es que ese sistema pueda trabajar con mensajes que estén posiblemente perdidos entre componentes. Esto es algo abstracto pero iremos explicando más de esto.")]),o("h2",{attrs:{id:"cap-clasico-o-tradicional"}},[o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" Clasico o Tradicional "),o("a",{staticClass:"header-anchor",attrs:{href:"#cap-clasico-o-tradicional"}},[e._v("¶")])]),o("p",[e._v("La interpretación que veremos ahora es la clásica en la que solo se puede tener dos de los tres conceptos de "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn2",id:"fnref2"}},[e._v("[2]")])]),e._v(", es decir se puede tener CA, CP o AP. No hay manera de que se puedan tener los tres. Lo malo es que no es posible tener las tres cosas incluso con un fallo de red. Lo bueno es que es un teorema, después veremos que esto es más abierto en la interpretación gradual. tener Consistencia y Disponibilidad no es posible a menos que teóricamente no falle nunca la red, y si sucede en un nodo todo debería fallar. Entonces nos quedan las otras dos partes. AP o CP. Cuando hay un netsplit o interleave la disponibilidad o consistencia permanecen, pero no ambas.")]),o("p",[e._v("El esquema que toman ambas opciones son las siguientes:")]),o("p",[e._v("CP: El estado no cambio, no hay nada que hacer")]),o("p",[e._v("AP: Tiene más flexibilidad y problemas que resolver, se utilizan distintas estrategias:")]),o("ul",[o("li",[e._v("La última escritura gana, es una resolución del conflicto en donde cualquiera que haga la última escritura, es el valor del estado que queda.")]),o("li",[e._v("Esto puede ser algo abierto ya que en sistemas distribuidos, los timestamps generados pueden ser en el mismo momento o no estarlo incluso presente en el sistema.")]),o("li",[e._v("Se puede elegir al ganador de la escritura aleatoriamente")]),o("li",[e._v("Métodos más sofisticados ayudan a reducir los conflictos por medio de timestamps como el primer caso pero con relojes relativos. Los relojes relativos trabajan incrementalmente con un valor que se suma a cada escritura. Lamport Clocks extiende más esta idea")]),o("li",[e._v("El que almacena el estado, si es un nodo central u otro sistema debe elegir cual de los estados es el correcto, un poco lo que sucede con git cuando tenemos un conflicto.")])]),o("h3",{attrs:{id:"bbdd-y-cap"}},[e._v("BBDD y "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" "),o("a",{staticClass:"header-anchor",attrs:{href:"#bbdd-y-cap"}},[e._v("¶")])]),o("p",[e._v("Este es el gráfico que vimos en clase sobre "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" y BBDD, el post en el que se detalla más el siguiente: http://blog.nahurst.com/visual-guide-to-nosql-systems")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("f29d")}}),o("h2",{attrs:{id:"cap-gradual"}},[e._v("Cap Gradual "),o("a",{staticClass:"header-anchor",attrs:{href:"#cap-gradual"}},[e._v("¶")])]),o("p",[e._v("El otro concepto, un poco más gradual hace hincapié en que hoy por hoy no se puede solo tener dos de estos conceptos que permiten simplificar estos conceptos ya separados, y no hay que elegir entre uno u otro de los otros conceptos aparte de particiones, hablamos de consistencia y disponibilidad, sino que hay un rango de flexibilidad para manejar y recuperarse de las particiones"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn3",id:"fnref3"}},[e._v("[3]")])]),e._v(".")]),o("h2",{attrs:{id:"mas-sobre-cap"}},[e._v("Mas Sobre "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" "),o("a",{staticClass:"header-anchor",attrs:{href:"#mas-sobre-cap"}},[e._v("¶")])]),o("p",[e._v("La manera más fácil de entender "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" es pensar que dos nodos separados de una partición, permitiendo que al menos de estos nodos se actualice, permite que el otro se vuelva inconsistente, entonces se deja de lado C. De la misma manera si se preserva la consistencia, un lado de la partición debe actuar como no disponible, dejando de lado A. Solo cuando se comunican los nodos es posible de preservar tanto C como A, dejando de la P. Entonces siempre se piensa en que se debe elegir dos de tres opciones, por el momento centrémonos en el caso en el que se necesiten realizar particiones, aunque dependendiendo del sistema, no siempre aparecen o se necesitan particiones. Entonces la elección entre C y A puede ocurrir varias veces en el sistema con una granularidad bastante fina, y no siempre es algo consistente en todo el sistema, pueden haber sistemas que prioricen una opción sobre otra. La disponibilidad es continuo entre 0 y 100 porciento, pero puede existir niveles de consistencia. En el caso de la interpretación clásica de "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(", no se considera la latencia y se lo ignora, aunque en práctica, la latencia y las particiones están relacionadas en gran medida. La esencia de "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" toma parte durante un timeout, un período en el que programa debe tomar una decisión sobre la partición:")]),o("ul",[o("li",[e._v("Cancelar la operación y disminuir la disponibilidad")]),o("li",[e._v("Continuar con la operación y arriesgar a que aparezcan inconsistencias")])]),o("p",[e._v("Entonces si queremos volver a intentar comunicarnos con el otro nodo, para querer mantener la consistencia, solo demora la decisión si no responde, entonces se puede decir que una partición es algo atado al tiempo en una comunicación. Si no se puede mantener la consistencia con las implicaciones de tiempo en la conexión implican una operación entre C o A. A veces tan solo se puede sacrificar C en pos de tener mayor A o viceversa, y de acuerdo a la partición y el momento y el escenario en el que está el sistema, priorizar una u otra. Por ejemplo, PNUTS de Yahoo incurre en la inconsistencia manteniendo copias remotas asincrónicamente. Sin embargo, hace una copia local maestra, que decrementa la latencia. Esta estrategia trabaja bien en práctica porque los datos de un usuario simple es naturalmente particionado de acuerdo a la localización del usuario. Facebook, usa otra estrategia, que es la de tener la copia maestra en un lugar, y un usuario remoto en realidad tendría una copia stale más cercana a esta copia maestra. Sin embargo, cuando los usuarios actualizan su página, la actualización va a la copia maestra directamente y los usuarios leerán de esta copia maestra en poco tiempo, a los 20-30 segundos los usuarios empiezan a tener una idea más cercana de lo que está en la copia maestra. Entonces si tenemos particiones, tiene sentido elegir entre A y C? Elegir entre C y A existiendo particiones significa que la probabilidad de particiones puede existir y en caso de falla, fallen múltiples componentes simultáneamente. En realidad lo que sucede es que el sistema realmente pierde algo tanto de C como de A, entonces las tres propiedades en cierta manera son importantes. Hay veces en las que se tiene un sistema en un solo datacenter ( en un solo lugar) y como no poseen particiones, tales diseños incluyendo las RBDMS tradicionales, no necesitan considerar P y son en general AC en su totalidad, estos sistemas en cambio no se particionan sino que optan por el esquema de replicación.")]),o("h2",{attrs:{id:"manejando-particiones"}},[e._v("Manejando particiones "),o("a",{staticClass:"header-anchor",attrs:{href:"#manejando-particiones"}},[e._v("¶")])]),o("p",[e._v("En el caso en el que se deban manejar las particiones, estas solo dependen del tiempo en el que se generan y luego se debe unificar estas cuando se restauran, entonces una partición se ve como en la siguiente imagen:")]),o("img",{staticClass:"center",attrs:{src:s("9838")}}),o("p",[e._v("y hay tres momentos en una partición")]),o("ul",[o("li",[e._v("El momento en el que comienza una partición")]),o("li",[e._v("Entrar en una partición explícitamente, que puede limitar algunas operaciones")]),o("li",[e._v("Inicial la recuperación de una partición cuando se necesita unificar las particiones de un sistema.")])]),o("p",[e._v("El último paso apunta a restaurar la consistencia y arreglar los cambios y valores inválidos en las invariantes que se generaron cuando el sistema se particiona. La imagen muestra la evolución de una partición. Una operación normal es una secuencia de operaciones atómicas, y, por lo tanto las particiones empiezan entre operaciones. Si tenemos dos nodos que están interconectados y dejan de hablarse durante un tiempo entonces es muy probable que se haya iniciado una partición, en ese caso el primero inicializa este modo, si en realidad existe una partición, entonces el otro nodo también entrará en este modo, pero solo de un lado se admite la partición. En estos casos debe comunicarse esto al otro nodo para que solo quede de un lado. Cuando un sistema entre en modo partición, dos estrategias son posibles. La primera opción es limitar las operaciones reduciendo la disponibilidad y el segundo guardando información extra sobre las operaciones que pueden ser de ayuda en la recuperación de la partición. Entonces en este punto la comunicación se resume entre los nodos y debe volver a reunificarse el estado único del sistema, en este punto se sabe el estado de ambos nodos y sus historias, la historia en realidad es mejor que las invariantes que forman el estado por un tema que se puede determinar mejor cuál sería el estado final a tomar. El diseñador debe resolver dos problemas")]),o("ul",[o("li",[e._v("Ambos lados deben quedar consistentes")]),o("li",[e._v("Debe haber una compensación para los errores cometidos durante la fase de partición.")])]),o("p",[e._v("En general se hace una especie de merge dependiendo de la estrategia entre los estados, algo similar a lo que se ve en un CVS, pero hay muchos sistemas que no pueden hacer este mergeo de datos por un tema que no es posible, entonces es el caso en el que se reduce las operaciones disponibles en un sistema durante una partición, Google Docs es un caso de este tipo. Otras opciones son las de tomar por medio de algún algoritmo el dato más nuevo y tomar esas invariantes más nuevas como las definitivas en el sistema.")]),o("h3",{attrs:{id:"adicional"}},[e._v("Adicional "),o("a",{staticClass:"header-anchor",attrs:{href:"#adicional"}},[e._v("¶")])]),o("div",{staticClass:"warning"},[o("p",[o("em",[e._v("Advertencia: Esta seccion necesita un mayor desarrollo del tema y de citas.")])])]),o("p",[e._v("Existen tambien criticas al teorema"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn4",id:"fnref4"}},[e._v("[4]")])]),e._v(", en el que se mencionan entre otras cosas, algunas confusiones y ambiguedades de los terminos, y algunos problemas en su formalización. Estas criticas se centran un poco en la dificil aplicacion que puede llegar a tener a veces sobre los sistemas reales.")]),o("hr",{staticClass:"footnotes-sep"}),o("section",{staticClass:"footnotes"},[o("ol",{staticClass:"footnotes-list"},[o("li",{staticClass:"footnote-item",attrs:{id:"fn1"}},[o("p",[o("a",{attrs:{href:"https://learnyousomeerlang.com/distribunomicon"}},[e._v("Distribunomicon - Learn you some Erlang for greater good")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref1"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn2"}},[o("p",[o("a",{attrs:{href:"http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.67.6951&rep=rep1&type=pdf"}},[e._v("Gilbert and Lynch. Brewer conjecture and the feasibility of consistent, available, partition-tolerant web services. ACM SIGACT News (2002) vol. 33 (2) pp. 59")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref2"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn3"}},[o("p",[o("a",{attrs:{href:"http://www.infoq.com/articles/cap-twelve-years-later-how-the-rules-have-changed"}},[e._v("Eric A Brewer. "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" twelve years later: How the “rules” have changed. IEEE Computer Magazine, 45(2):23–29, February 2012. doi:10.1109/MC.2012.37.")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref3"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn4"}},[o("p",[e._v("Kleppmann, M. (2015). A Critique of the "),o("abbr",{attrs:{title:"CAP es Consistency, Avaliability, Partition Tolerance"}},[e._v("CAP")]),e._v(" Theorem. "),o("a",{attrs:{href:"https://doi.org/10.17863/CAM.13083"}},[e._v("https://doi.org/10.17863/CAM.13083")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref4"}},[e._v("↩︎")])])])])])])}],i=s("2877"),t={},r=Object(i["a"])(t,o,n,!1,null,null,null);a["default"]=r.exports},f29d:function(e,a,s){e.exports=s.p+"img/image14.3e72e131.png"}}]);
+//# sourceMappingURL=chunk-5855597c.3ea0ef2b.js.map
\ No newline at end of file
diff --git a/js/chunk-5855597c.3ea0ef2b.js.map b/js/chunk-5855597c.3ea0ef2b.js.map
new file mode 100644
index 0000000..acea02b
--- /dev/null
+++ b/js/chunk-5855597c.3ea0ef2b.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/distribucion/image1.png","webpack:///./src/images/distribucion/image11.jpg","webpack:///./src/content/cap.md?ef86","webpack:///./src/content/cap.md","webpack:///./src/images/distribucion/image14.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","script","component"],"mappings":"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","file":"js/chunk-5855597c.3ea0ef2b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/image1.d0c1cc9e.png\";","module.exports = __webpack_public_path__ + \"img/image11.a37c77f8.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h1',{attrs:{\"id\":\"mi-otra-gorra-es-un-teorema\"}},[_vm._v(\"Mi otra gorra es un teorema \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#mi-otra-gorra-es-un-teorema\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Hay alguna manera de que manteniendo la aplicación disponible durante intearleaves no haya pérdida de datos? La respuesta rápida es no. No hay manera que la aplicación funcione correctamente en un interleave. esta idea es conocida como el teorema \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn1\",\"id\":\"fnref1\"}},[_vm._v(\"[1]\")])]),_vm._v(\".\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/distribucion/image1.png\")}}),_c('p',[_vm._v(\"Consistencia: Esta es la habilidad que nuestra sistema, tenga 2 o 312123243 nodos que pueda responder a consultas y que tenga el mismo estado, no importa al nodo al que se la hace la consulta. Esto es algo que se logra con transacciones o un mecanismo equivalente. Entonces se tiene que poder ver a todos los nodos como un bloque indivisible. Esto es lo que vimos al comienzo con los contadores, que siempre quede en un estado conocido para el sistema y que no haya por ej. dos nodos que respondan algo distinto al mismo tiempo de realizar la consulta.\")]),_c('p',[_vm._v(\"Disponibilidad: Es simple que siempre que se le pida al sistema por algo de información el sistema me responda, y si no lo hace no está disponible.\")]),_c('p',[_vm._v(\"Particionamiento: Esta parte del teorema es un poco más capciosa. Tolerancia a las particiones significa que el sistema puede seguir funcionando (y contener información útil, estado) aún cuando las partes no puedan comunicarse entre sí. Todo el punto de la tolerancia a la partición es que ese sistema pueda trabajar con mensajes que estén posiblemente perdidos entre componentes. Esto es algo abstracto pero iremos explicando más de esto.\")]),_c('h2',{attrs:{\"id\":\"cap-clasico-o-tradicional\"}},[_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" Clasico o Tradicional \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cap-clasico-o-tradicional\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"La interpretación que veremos ahora es la clásica en la que solo se puede tener dos de los tres conceptos de \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn2\",\"id\":\"fnref2\"}},[_vm._v(\"[2]\")])]),_vm._v(\", es decir se puede tener CA, CP o AP. No hay manera de que se puedan tener los tres. Lo malo es que no es posible tener las tres cosas incluso con un fallo de red. Lo bueno es que es un teorema, después veremos que esto es más abierto en la interpretación gradual. tener Consistencia y Disponibilidad no es posible a menos que teóricamente no falle nunca la red, y si sucede en un nodo todo debería fallar. Entonces nos quedan las otras dos partes. AP o CP. Cuando hay un netsplit o interleave la disponibilidad o consistencia permanecen, pero no ambas.\")]),_c('p',[_vm._v(\"El esquema que toman ambas opciones son las siguientes:\")]),_c('p',[_vm._v(\"CP: El estado no cambio, no hay nada que hacer\")]),_c('p',[_vm._v(\"AP: Tiene más flexibilidad y problemas que resolver, se utilizan distintas estrategias:\")]),_c('ul',[_c('li',[_vm._v(\"La última escritura gana, es una resolución del conflicto en donde cualquiera que haga la última escritura, es el valor del estado que queda.\")]),_c('li',[_vm._v(\"Esto puede ser algo abierto ya que en sistemas distribuidos, los timestamps generados pueden ser en el mismo momento o no estarlo incluso presente en el sistema.\")]),_c('li',[_vm._v(\"Se puede elegir al ganador de la escritura aleatoriamente\")]),_c('li',[_vm._v(\"Métodos más sofisticados ayudan a reducir los conflictos por medio de timestamps como el primer caso pero con relojes relativos. Los relojes relativos trabajan incrementalmente con un valor que se suma a cada escritura. Lamport Clocks extiende más esta idea\")]),_c('li',[_vm._v(\"El que almacena el estado, si es un nodo central u otro sistema debe elegir cual de los estados es el correcto, un poco lo que sucede con git cuando tenemos un conflicto.\")])]),_c('h3',{attrs:{\"id\":\"bbdd-y-cap\"}},[_vm._v(\"BBDD y \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#bbdd-y-cap\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Este es el gráfico que vimos en clase sobre \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" y BBDD, el post en el que se detalla más el siguiente: http://blog.nahurst.com/visual-guide-to-nosql-systems\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/distribucion/image14.png\")}}),_c('h2',{attrs:{\"id\":\"cap-gradual\"}},[_vm._v(\"Cap Gradual \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#cap-gradual\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El otro concepto, un poco más gradual hace hincapié en que hoy por hoy no se puede solo tener dos de estos conceptos que permiten simplificar estos conceptos ya separados, y no hay que elegir entre uno u otro de los otros conceptos aparte de particiones, hablamos de consistencia y disponibilidad, sino que hay un rango de flexibilidad para manejar y recuperarse de las particiones\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn3\",\"id\":\"fnref3\"}},[_vm._v(\"[3]\")])]),_vm._v(\".\")]),_c('h2',{attrs:{\"id\":\"mas-sobre-cap\"}},[_vm._v(\"Mas Sobre \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#mas-sobre-cap\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"La manera más fácil de entender \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" es pensar que dos nodos separados de una partición, permitiendo que al menos de estos nodos se actualice, permite que el otro se vuelva inconsistente, entonces se deja de lado C. De la misma manera si se preserva la consistencia, un lado de la partición debe actuar como no disponible, dejando de lado A. Solo cuando se comunican los nodos es posible de preservar tanto C como A, dejando de la P. Entonces siempre se piensa en que se debe elegir dos de tres opciones, por el momento centrémonos en el caso en el que se necesiten realizar particiones, aunque dependendiendo del sistema, no siempre aparecen o se necesitan particiones. Entonces la elección entre C y A puede ocurrir varias veces en el sistema con una granularidad bastante fina, y no siempre es algo consistente en todo el sistema, pueden haber sistemas que prioricen una opción sobre otra. La disponibilidad es continuo entre 0 y 100 porciento, pero puede existir niveles de consistencia. En el caso de la interpretación clásica de \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\", no se considera la latencia y se lo ignora, aunque en práctica, la latencia y las particiones están relacionadas en gran medida. La esencia de \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" toma parte durante un timeout, un período en el que programa debe tomar una decisión sobre la partición:\")]),_c('ul',[_c('li',[_vm._v(\"Cancelar la operación y disminuir la disponibilidad\")]),_c('li',[_vm._v(\"Continuar con la operación y arriesgar a que aparezcan inconsistencias\")])]),_c('p',[_vm._v(\"Entonces si queremos volver a intentar comunicarnos con el otro nodo, para querer mantener la consistencia, solo demora la decisión si no responde, entonces se puede decir que una partición es algo atado al tiempo en una comunicación. Si no se puede mantener la consistencia con las implicaciones de tiempo en la conexión implican una operación entre C o A. A veces tan solo se puede sacrificar C en pos de tener mayor A o viceversa, y de acuerdo a la partición y el momento y el escenario en el que está el sistema, priorizar una u otra. Por ejemplo, PNUTS de Yahoo incurre en la inconsistencia manteniendo copias remotas asincrónicamente. Sin embargo, hace una copia local maestra, que decrementa la latencia. Esta estrategia trabaja bien en práctica porque los datos de un usuario simple es naturalmente particionado de acuerdo a la localización del usuario. Facebook, usa otra estrategia, que es la de tener la copia maestra en un lugar, y un usuario remoto en realidad tendría una copia stale más cercana a esta copia maestra. Sin embargo, cuando los usuarios actualizan su página, la actualización va a la copia maestra directamente y los usuarios leerán de esta copia maestra en poco tiempo, a los 20-30 segundos los usuarios empiezan a tener una idea más cercana de lo que está en la copia maestra. Entonces si tenemos particiones, tiene sentido elegir entre A y C? Elegir entre C y A existiendo particiones significa que la probabilidad de particiones puede existir y en caso de falla, fallen múltiples componentes simultáneamente. En realidad lo que sucede es que el sistema realmente pierde algo tanto de C como de A, entonces las tres propiedades en cierta manera son importantes. Hay veces en las que se tiene un sistema en un solo datacenter ( en un solo lugar) y como no poseen particiones, tales diseños incluyendo las RBDMS tradicionales, no necesitan considerar P y son en general AC en su totalidad, estos sistemas en cambio no se particionan sino que optan por el esquema de replicación.\")]),_c('h2',{attrs:{\"id\":\"manejando-particiones\"}},[_vm._v(\"Manejando particiones \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#manejando-particiones\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"En el caso en el que se deban manejar las particiones, estas solo dependen del tiempo en el que se generan y luego se debe unificar estas cuando se restauran, entonces una partición se ve como en la siguiente imagen:\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/distribucion/image11.jpg\")}}),_c('p',[_vm._v(\"y hay tres momentos en una partición\")]),_c('ul',[_c('li',[_vm._v(\"El momento en el que comienza una partición\")]),_c('li',[_vm._v(\"Entrar en una partición explícitamente, que puede limitar algunas operaciones\")]),_c('li',[_vm._v(\"Inicial la recuperación de una partición cuando se necesita unificar las particiones de un sistema.\")])]),_c('p',[_vm._v(\"El último paso apunta a restaurar la consistencia y arreglar los cambios y valores inválidos en las invariantes que se generaron cuando el sistema se particiona. La imagen muestra la evolución de una partición. Una operación normal es una secuencia de operaciones atómicas, y, por lo tanto las particiones empiezan entre operaciones. Si tenemos dos nodos que están interconectados y dejan de hablarse durante un tiempo entonces es muy probable que se haya iniciado una partición, en ese caso el primero inicializa este modo, si en realidad existe una partición, entonces el otro nodo también entrará en este modo, pero solo de un lado se admite la partición. En estos casos debe comunicarse esto al otro nodo para que solo quede de un lado. Cuando un sistema entre en modo partición, dos estrategias son posibles. La primera opción es limitar las operaciones reduciendo la disponibilidad y el segundo guardando información extra sobre las operaciones que pueden ser de ayuda en la recuperación de la partición. Entonces en este punto la comunicación se resume entre los nodos y debe volver a reunificarse el estado único del sistema, en este punto se sabe el estado de ambos nodos y sus historias, la historia en realidad es mejor que las invariantes que forman el estado por un tema que se puede determinar mejor cuál sería el estado final a tomar. El diseñador debe resolver dos problemas\")]),_c('ul',[_c('li',[_vm._v(\"Ambos lados deben quedar consistentes\")]),_c('li',[_vm._v(\"Debe haber una compensación para los errores cometidos durante la fase de partición.\")])]),_c('p',[_vm._v(\"En general se hace una especie de merge dependiendo de la estrategia entre los estados, algo similar a lo que se ve en un CVS, pero hay muchos sistemas que no pueden hacer este mergeo de datos por un tema que no es posible, entonces es el caso en el que se reduce las operaciones disponibles en un sistema durante una partición, Google Docs es un caso de este tipo. Otras opciones son las de tomar por medio de algún algoritmo el dato más nuevo y tomar esas invariantes más nuevas como las definitivas en el sistema.\")]),_c('h3',{attrs:{\"id\":\"adicional\"}},[_vm._v(\"Adicional \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#adicional\"}},[_vm._v(\"¶\")])]),_c('div',{staticClass:\"warning\"},[_c('p',[_c('em',[_vm._v(\"Advertencia: Esta seccion necesita un mayor desarrollo del tema y de citas.\")])])]),_c('p',[_vm._v(\"Existen tambien criticas al teorema\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn4\",\"id\":\"fnref4\"}},[_vm._v(\"[4]\")])]),_vm._v(\", en el que se mencionan entre otras cosas, algunas confusiones y ambiguedades de los terminos, y algunos problemas en su formalización. Estas criticas se centran un poco en la dificil aplicacion que puede llegar a tener a veces sobre los sistemas reales.\")]),_c('hr',{staticClass:\"footnotes-sep\"}),_c('section',{staticClass:\"footnotes\"},[_c('ol',{staticClass:\"footnotes-list\"},[_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn1\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://learnyousomeerlang.com/distribunomicon\"}},[_vm._v(\"Distribunomicon - Learn you some Erlang for greater good\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref1\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn2\"}},[_c('p',[_c('a',{attrs:{\"href\":\"http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.67.6951&rep=rep1&type=pdf\"}},[_vm._v(\"Gilbert and Lynch. Brewer conjecture and the feasibility of consistent, available, partition-tolerant web services. ACM SIGACT News (2002) vol. 33 (2) pp. 59\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref2\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn3\"}},[_c('p',[_c('a',{attrs:{\"href\":\"http://www.infoq.com/articles/cap-twelve-years-later-how-the-rules-have-changed\"}},[_vm._v(\"Eric A Brewer. \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" twelve years later: How the “rules” have changed. IEEE Computer Magazine, 45(2):23–29, February 2012. doi:10.1109/MC.2012.37.\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref3\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn4\"}},[_c('p',[_vm._v(\"Kleppmann, M. (2015). A Critique of the \"),_c('abbr',{attrs:{\"title\":\"CAP es Consistency, Avaliability, Partition Tolerance\"}},[_vm._v(\"CAP\")]),_vm._v(\" Theorem. \"),_c('a',{attrs:{\"href\":\"https://doi.org/10.17863/CAM.13083\"}},[_vm._v(\"https://doi.org/10.17863/CAM.13083\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref4\"}},[_vm._v(\"↩︎\")])])])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./cap.md?vue&type=template&id=24d1055e&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/image14.3e72e131.png\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-687c6fec.e5ab64ac.js b/js/chunk-687c6fec.e5ab64ac.js
new file mode 100644
index 0000000..0e9f0aa
--- /dev/null
+++ b/js/chunk-687c6fec.e5ab64ac.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-687c6fec"],{6419:function(t,r,e){"use strict";e("dadc")},dadc:function(t,r,e){},dce0:function(t,r,e){"use strict";e.r(r);var i=function(){var t=this,r=t.$createElement,e=t._self._c||r;return e("div",{staticClass:"error"},[e("div",{staticClass:"container"},[e("div",{staticClass:"row"},[e("div",{staticClass:"col-md-6 align-self-center"},[e("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 800 600"}},[e("g",[e("defs",[e("clipPath",{attrs:{id:"GlassClip"}},[e("path",{attrs:{d:"M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5\n s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13\n c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"}})]),e("clipPath",{attrs:{id:"cordClip"}},[e("rect",{attrs:{width:"800",height:"600"}})])]),e("g",{attrs:{id:"planet"}},[e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-miterlimit":"10",cx:"572.859",cy:"108.803",r:"90.788"}}),e("circle",{attrs:{id:"craterBig",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-miterlimit":"10",cx:"548.891",cy:"62.319",r:"13.074"}}),e("circle",{attrs:{id:"craterSmall",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-miterlimit":"10",cx:"591.743",cy:"158.918",r:"7.989"}}),e("path",{attrs:{id:"ring",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",d:"\n M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408\n c0-3.378-15.347-4.988-40.243-7.225"}}),e("path",{attrs:{id:"ringShadow",opacity:"0.5",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",d:"\n M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149"}})]),e("g",{attrs:{id:"stars"}},[e("g",{attrs:{id:"starsBig"}},[e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"518.07",y1:"245.375",x2:"518.07",y2:"266.581"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"508.129",y1:"255.978",x2:"528.01",y2:"255.978"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"154.55",y1:"231.391",x2:"154.55",y2:"252.598"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"144.609",y1:"241.995",x2:"164.49",y2:"241.995"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"320.135",y1:"132.746",x2:"320.135",y2:"153.952"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"310.194",y1:"143.349",x2:"330.075",y2:"143.349"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"200.67",y1:"483.11",x2:"200.67",y2:"504.316"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"210.611",y1:"493.713",x2:"190.73",y2:"493.713"}})])]),e("g",{attrs:{id:"starsSmall"}},[e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"432.173",y1:"380.52",x2:"432.173",y2:"391.83"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"426.871",y1:"386.175",x2:"437.474",y2:"386.175"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"489.555",y1:"299.765",x2:"489.555",y2:"308.124"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"485.636",y1:"303.945",x2:"493.473",y2:"303.945"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"231.468",y1:"291.009",x2:"231.468",y2:"299.369"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"227.55",y1:"295.189",x2:"235.387",y2:"295.189"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"244.032",y1:"547.539",x2:"244.032",y2:"555.898"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"247.95",y1:"551.719",x2:"240.113",y2:"551.719"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"186.359",y1:"406.967",x2:"186.359",y2:"415.326"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"190.277",y1:"411.146",x2:"182.44",y2:"411.146"}})]),e("g",[e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"480.296",y1:"406.967",x2:"480.296",y2:"415.326"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",x1:"484.215",y1:"411.146",x2:"476.378",y2:"411.146"}})])]),e("g",{attrs:{id:"circlesBig"}},[e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"588.977",cy:"255.978",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"450.066",cy:"320.259",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"168.303",cy:"353.753",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"429.522",cy:"201.185",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"200.67",cy:"176.313",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"133.343",cy:"477.014",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"283.521",cy:"568.033",r:"7.952"}}),e("circle",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-miterlimit":"10",cx:"413.618",cy:"482.387",r:"7.952"}})]),e("g",{attrs:{id:"circlesSmall"}},[e("circle",{attrs:{fill:"#0E0620",cx:"549.879",cy:"296.402",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"253.29",cy:"229.24",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"434.824",cy:"263.931",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"183.708",cy:"544.176",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"382.515",cy:"530.923",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"130.693",cy:"305.608",r:"2.651"}}),e("circle",{attrs:{fill:"#0E0620",cx:"480.296",cy:"477.014",r:"2.651"}})])]),e("g",{attrs:{id:"spaceman","clip-path":"url(cordClip)"}},[e("path",{attrs:{id:"cord",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548\n c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817"}}),e("path",{attrs:{id:"backpack",fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537\n c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537\n C360.647,451.083,349.251,457.661,338.164,454.689z"}}),e("g",{attrs:{id:"antenna"}},[e("line",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",x1:"323.396",y1:"236.625",x2:"295.285",y2:"353.753"}}),e("circle",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",cx:"323.666",cy:"235.617",r:"6.375"}})]),e("g",{attrs:{id:"armR"}},[e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0\n c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663"}}),e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793\n c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046\n C375.625,437.355,383.087,437.973,388.762,434.677z"}})]),e("g",{attrs:{id:"armL"}},[e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0\n c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564"}}),e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096\n c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59\n C252.013,404.214,245.243,401.017,241.978,395.324z"}})]),e("g",{attrs:{id:"body"}},[e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14\n c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0\n c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z"}}),e("path",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114"}})]),e("g",{attrs:{id:"legs"}},[e("g",{attrs:{id:"legR"}},[e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534\n C333.451,455.886,323.526,457.387,312.957,456.734z"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",x1:"304.883",y1:"486.849",x2:"330.487",y2:"493.713"}})]),e("g",{attrs:{id:"legL"}},[e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534\n C278.993,441.286,286.836,447.55,296.315,452.273z"}}),e("line",{attrs:{fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",x1:"262.638",y1:"475.522",x2:"288.241",y2:"482.387"}})])]),e("g",{attrs:{id:"head"}},[e("ellipse",{attrs:{transform:"matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)",fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",cx:"341.295",cy:"315.211",rx:"61.961",ry:"60.305"}}),e("path",{attrs:{id:"headStripe",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246"}}),e("path",{attrs:{fill:"#FFFFFF",stroke:"#0E0620","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10",d:"\n M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192\n c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087\n s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z"}}),e("g",{attrs:{"clip-path":"url(#GlassClip)"}},[e("polygon",{attrs:{id:"glassShine",fill:"none",stroke:"#0E0620","stroke-width":"3","stroke-miterlimit":"10",points:"\n 278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 \t\t\t\t"}})])])])])])]),e("div",{staticClass:"col-md-6 align-self-center"},[e("h1",[t._v("404")]),e("h2",[t._v("UH OH! You're lost.")]),e("p",[t._v("The page you are looking for does not exist. How you got here is a mystery. But you can click the button below to go back to the homepage. ")]),e("router-link",{staticClass:"nav-link",attrs:{to:"/"}},[e("button",{staticClass:"btn orange"},[t._v("HOME")])])],1)])])])},o=[],s={name:"NotFound"},l=s,n=(e("6419"),e("2877")),k=Object(n["a"])(l,i,o,!1,null,"6e5db9d2",null);r["default"]=k.exports}}]);
+//# sourceMappingURL=chunk-687c6fec.e5ab64ac.js.map
\ No newline at end of file
diff --git a/js/chunk-687c6fec.e5ab64ac.js.map b/js/chunk-687c6fec.e5ab64ac.js.map
new file mode 100644
index 0000000..c748f2b
--- /dev/null
+++ b/js/chunk-687c6fec.e5ab64ac.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/views/errors/NotFound.vue?696f","webpack:///./src/views/errors/NotFound.vue?5f46","webpack:///src/views/errors/NotFound.vue","webpack:///./src/views/errors/NotFound.vue?2e9a","webpack:///./src/views/errors/NotFound.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","staticRenderFns","component"],"mappings":"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","file":"js/chunk-687c6fec.e5ab64ac.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotFound.vue?vue&type=style&index=0&id=6e5db9d2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"error\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 align-self-center\"},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"viewBox\":\"0 0 800 600\"}},[_c('g',[_c('defs',[_c('clipPath',{attrs:{\"id\":\"GlassClip\"}},[_c('path',{attrs:{\"d\":\"M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5\\n s-28.485-16.599-34.877-24.192c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13\\n c6.755-0.61,20.546-0.608,41.785,5.087s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z\"}})]),_c('clipPath',{attrs:{\"id\":\"cordClip\"}},[_c('rect',{attrs:{\"width\":\"800\",\"height\":\"600\"}})])]),_c('g',{attrs:{\"id\":\"planet\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"cx\":\"572.859\",\"cy\":\"108.803\",\"r\":\"90.788\"}}),_c('circle',{attrs:{\"id\":\"craterBig\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"cx\":\"548.891\",\"cy\":\"62.319\",\"r\":\"13.074\"}}),_c('circle',{attrs:{\"id\":\"craterSmall\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"cx\":\"591.743\",\"cy\":\"158.918\",\"r\":\"7.989\"}}),_c('path',{attrs:{\"id\":\"ring\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M476.562,101.461c-30.404,2.164-49.691,4.221-49.691,8.007c0,6.853,63.166,12.408,141.085,12.408s141.085-5.555,141.085-12.408\\n c0-3.378-15.347-4.988-40.243-7.225\"}}),_c('path',{attrs:{\"id\":\"ringShadow\",\"opacity\":\"0.5\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M483.985,127.43c23.462,1.531,52.515,2.436,83.972,2.436c36.069,0,68.978-1.19,93.922-3.149\"}})]),_c('g',{attrs:{\"id\":\"stars\"}},[_c('g',{attrs:{\"id\":\"starsBig\"}},[_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"518.07\",\"y1\":\"245.375\",\"x2\":\"518.07\",\"y2\":\"266.581\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"508.129\",\"y1\":\"255.978\",\"x2\":\"528.01\",\"y2\":\"255.978\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"154.55\",\"y1\":\"231.391\",\"x2\":\"154.55\",\"y2\":\"252.598\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"144.609\",\"y1\":\"241.995\",\"x2\":\"164.49\",\"y2\":\"241.995\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"320.135\",\"y1\":\"132.746\",\"x2\":\"320.135\",\"y2\":\"153.952\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"310.194\",\"y1\":\"143.349\",\"x2\":\"330.075\",\"y2\":\"143.349\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"200.67\",\"y1\":\"483.11\",\"x2\":\"200.67\",\"y2\":\"504.316\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"210.611\",\"y1\":\"493.713\",\"x2\":\"190.73\",\"y2\":\"493.713\"}})])]),_c('g',{attrs:{\"id\":\"starsSmall\"}},[_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"432.173\",\"y1\":\"380.52\",\"x2\":\"432.173\",\"y2\":\"391.83\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"426.871\",\"y1\":\"386.175\",\"x2\":\"437.474\",\"y2\":\"386.175\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"489.555\",\"y1\":\"299.765\",\"x2\":\"489.555\",\"y2\":\"308.124\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"485.636\",\"y1\":\"303.945\",\"x2\":\"493.473\",\"y2\":\"303.945\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"231.468\",\"y1\":\"291.009\",\"x2\":\"231.468\",\"y2\":\"299.369\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"227.55\",\"y1\":\"295.189\",\"x2\":\"235.387\",\"y2\":\"295.189\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"244.032\",\"y1\":\"547.539\",\"x2\":\"244.032\",\"y2\":\"555.898\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"247.95\",\"y1\":\"551.719\",\"x2\":\"240.113\",\"y2\":\"551.719\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"186.359\",\"y1\":\"406.967\",\"x2\":\"186.359\",\"y2\":\"415.326\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"190.277\",\"y1\":\"411.146\",\"x2\":\"182.44\",\"y2\":\"411.146\"}})]),_c('g',[_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"480.296\",\"y1\":\"406.967\",\"x2\":\"480.296\",\"y2\":\"415.326\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"484.215\",\"y1\":\"411.146\",\"x2\":\"476.378\",\"y2\":\"411.146\"}})])]),_c('g',{attrs:{\"id\":\"circlesBig\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"588.977\",\"cy\":\"255.978\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"450.066\",\"cy\":\"320.259\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"168.303\",\"cy\":\"353.753\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"429.522\",\"cy\":\"201.185\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"200.67\",\"cy\":\"176.313\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"133.343\",\"cy\":\"477.014\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"283.521\",\"cy\":\"568.033\",\"r\":\"7.952\"}}),_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"413.618\",\"cy\":\"482.387\",\"r\":\"7.952\"}})]),_c('g',{attrs:{\"id\":\"circlesSmall\"}},[_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"549.879\",\"cy\":\"296.402\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"253.29\",\"cy\":\"229.24\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"434.824\",\"cy\":\"263.931\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"183.708\",\"cy\":\"544.176\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"382.515\",\"cy\":\"530.923\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"130.693\",\"cy\":\"305.608\",\"r\":\"2.651\"}}),_c('circle',{attrs:{\"fill\":\"#0E0620\",\"cx\":\"480.296\",\"cy\":\"477.014\",\"r\":\"2.651\"}})])]),_c('g',{attrs:{\"id\":\"spaceman\",\"clip-path\":\"url(cordClip)\"}},[_c('path',{attrs:{\"id\":\"cord\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M273.813,410.969c0,0-54.527,39.501-115.34,38.218c-2.28-0.048-4.926-0.241-7.841-0.548\\n c-68.038-7.178-134.288-43.963-167.33-103.87c-0.908-1.646-1.793-3.3-2.654-4.964c-18.395-35.511-37.259-83.385-32.075-118.817\"}}),_c('path',{attrs:{\"id\":\"backpack\",\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M338.164,454.689l-64.726-17.353c-11.086-2.972-17.664-14.369-14.692-25.455l15.694-58.537\\n c3.889-14.504,18.799-23.11,33.303-19.221l52.349,14.035c14.504,3.889,23.11,18.799,19.221,33.303l-15.694,58.537\\n C360.647,451.083,349.251,457.661,338.164,454.689z\"}}),_c('g',{attrs:{\"id\":\"antenna\"}},[_c('line',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"323.396\",\"y1\":\"236.625\",\"x2\":\"295.285\",\"y2\":\"353.753\"}}),_c('circle',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"323.666\",\"cy\":\"235.617\",\"r\":\"6.375\"}})]),_c('g',{attrs:{\"id\":\"armR\"}},[_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M360.633,363.039c1.352,1.061,4.91,5.056,5.824,6.634l27.874,47.634c3.855,6.649,1.59,15.164-5.059,19.02l0,0\\n c-6.649,3.855-15.164,1.59-19.02-5.059l-5.603-9.663\"}}),_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M388.762,434.677c5.234-3.039,7.731-8.966,6.678-14.594c2.344,1.343,4.383,3.289,5.837,5.793\\n c4.411,7.596,1.829,17.33-5.767,21.741c-7.596,4.411-17.33,1.829-21.741-5.767c-1.754-3.021-2.817-5.818-2.484-9.046\\n C375.625,437.355,383.087,437.973,388.762,434.677z\"}})]),_c('g',{attrs:{\"id\":\"armL\"}},[_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M301.301,347.66c-1.702,0.242-5.91,1.627-7.492,2.536l-47.965,27.301c-6.664,3.829-8.963,12.335-5.134,18.999h0\\n c3.829,6.664,12.335,8.963,18.999,5.134l9.685-5.564\"}}),_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M241.978,395.324c-3.012-5.25-2.209-11.631,1.518-15.977c-2.701-0.009-5.44,0.656-7.952,2.096\\n c-7.619,4.371-10.253,14.09-5.883,21.71c4.371,7.619,14.09,10.253,21.709,5.883c3.03-1.738,5.35-3.628,6.676-6.59\\n C252.013,404.214,245.243,401.017,241.978,395.324z\"}})]),_c('g',{attrs:{\"id\":\"body\"}},[_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M353.351,365.387c-7.948,1.263-16.249,0.929-24.48-1.278c-8.232-2.207-15.586-6.07-21.836-11.14\\n c-17.004,4.207-31.269,17.289-36.128,35.411l-1.374,5.123c-7.112,26.525,8.617,53.791,35.13,60.899l0,0\\n c26.513,7.108,53.771-8.632,60.883-35.158l1.374-5.123C371.778,395.999,365.971,377.536,353.351,365.387z\"}}),_c('path',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M269.678,394.912L269.678,394.912c26.3,20.643,59.654,29.585,93.106,25.724l2.419-0.114\"}})]),_c('g',{attrs:{\"id\":\"legs\"}},[_c('g',{attrs:{\"id\":\"legR\"}},[_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M312.957,456.734l-14.315,53.395c-1.896,7.07,2.299,14.338,9.37,16.234l0,0c7.07,1.896,14.338-2.299,16.234-9.37l17.838-66.534\\n C333.451,455.886,323.526,457.387,312.957,456.734z\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"304.883\",\"y1\":\"486.849\",\"x2\":\"330.487\",\"y2\":\"493.713\"}})]),_c('g',{attrs:{\"id\":\"legL\"}},[_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M296.315,452.273L282,505.667c-1.896,7.07-9.164,11.265-16.234,9.37l0,0c-7.07-1.896-11.265-9.164-9.37-16.234l17.838-66.534\\n C278.993,441.286,286.836,447.55,296.315,452.273z\"}}),_c('line',{attrs:{\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"x1\":\"262.638\",\"y1\":\"475.522\",\"x2\":\"288.241\",\"y2\":\"482.387\"}})])]),_c('g',{attrs:{\"id\":\"head\"}},[_c('ellipse',{attrs:{\"transform\":\"matrix(0.259 -0.9659 0.9659 0.259 -51.5445 563.2371)\",\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"cx\":\"341.295\",\"cy\":\"315.211\",\"rx\":\"61.961\",\"ry\":\"60.305\"}}),_c('path',{attrs:{\"id\":\"headStripe\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M330.868,261.338c-7.929,1.72-15.381,5.246-21.799,10.246\"}}),_c('path',{attrs:{\"fill\":\"#FFFFFF\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"\\n M380.857,346.164c-1.247,4.651-4.668,8.421-9.196,10.06c-9.332,3.377-26.2,7.817-42.301,3.5s-28.485-16.599-34.877-24.192\\n c-3.101-3.684-4.177-8.66-2.93-13.311l7.453-27.798c0.756-2.82,3.181-4.868,6.088-5.13c6.755-0.61,20.546-0.608,41.785,5.087\\n s33.181,12.591,38.725,16.498c2.387,1.682,3.461,4.668,2.705,7.488L380.857,346.164z\"}}),_c('g',{attrs:{\"clip-path\":\"url(#GlassClip)\"}},[_c('polygon',{attrs:{\"id\":\"glassShine\",\"fill\":\"none\",\"stroke\":\"#0E0620\",\"stroke-width\":\"3\",\"stroke-miterlimit\":\"10\",\"points\":\"\\n 278.436,375.599 383.003,264.076 364.393,251.618 264.807,364.928 \\t\\t\\t\\t\"}})])])])])])]),_c('div',{staticClass:\"col-md-6 align-self-center\"},[_c('h1',[_vm._v(\"404\")]),_c('h2',[_vm._v(\"UH OH! You're lost.\")]),_c('p',[_vm._v(\"The page you are looking for does not exist. How you got here is a mystery. But you can click the button below to go back to the homepage. \")]),_c('router-link',{staticClass:\"nav-link\",attrs:{\"to\":\"/\"}},[_c('button',{staticClass:\"btn orange\"},[_vm._v(\"HOME\")])])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n
\n
\n
\n
\n \n
\n
\n
404
\n
UH OH! You're lost.
\n
The page you are looking for does not exist.\n How you got here is a mystery. But you can click the button below\n to go back to the homepage.\n
\n \n \n \n
\n
\n
\n
\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotFound.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotFound.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotFound.vue?vue&type=template&id=6e5db9d2&scoped=true&\"\nimport script from \"./NotFound.vue?vue&type=script&lang=js&\"\nexport * from \"./NotFound.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NotFound.vue?vue&type=style&index=0&id=6e5db9d2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"6e5db9d2\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-7095c905.6bcb0115.js b/js/chunk-7095c905.6bcb0115.js
new file mode 100644
index 0000000..77a604e
--- /dev/null
+++ b/js/chunk-7095c905.6bcb0115.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7095c905"],{1705:function(e,a,s){e.exports=s.p+"img/guilds_1.8b5d1a6a.png"},"321d":function(e,a,s){e.exports=s.p+"img/guilds_3.07dd8c32.png"},"33ef":function(e,a,s){e.exports=s.p+"img/guilds_0.c4d25035.png"},"4a3e":function(e,a,s){e.exports=s.p+"img/guilds_7.33caabec.png"},"58d5":function(e,a,s){e.exports=s.p+"img/puma-general-arch.4d403982.png"},6448:function(e,a,s){e.exports=s.p+"img/guilds_4.c4345142.png"},"6b49":function(e,a,s){e.exports=s.p+"img/in_rod_we_trust.61a8e21b.png"},"83e5":function(e,a,s){e.exports=s.p+"img/child-processes.bc85fc35.svg"},9176:function(e,a,s){e.exports=s.p+"img/guilds_2.3132ef15.png"},c546:function(e,a,s){e.exports=s.p+"img/xruby-gil-jvm.4771a258.png"},cba7:function(e,a,s){e.exports=s.p+"img/homer-grill.b73187de.gif"},d04f:function(e,a,s){e.exports=s.p+"img/pisa_tower.37378781.jpeg"},da47:function(e,a,s){e.exports=s.p+"img/guilds_8.dc175235.png"},dfd0:function(e,a,s){e.exports=s.p+"img/guilds_6.bdc76127.png"},f723:function(e,a,s){"use strict";s.r(a);var o=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},r=[function(){var e=this,a=e.$createElement,o=e._self._c||a;return o("section",[o("h1",{attrs:{id:"guild-wars"}},[e._v("Guild wars (?) "),o("a",{staticClass:"header-anchor",attrs:{href:"#guild-wars"}},[e._v("¶")])]),o("p",[e._v('Como vimos en las clases anteriores, Ruby MRI posee "algunos problemas" en cuanto a como maneja el procesamiento en paralelo en múltiples procesadores. Si bien vimos que la concurrencia es algo que perfectamente puede darse sin necesidad de contextos de ejecución que se ejecuten al mismo tiempo'),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn1",id:"fnref1"}},[e._v("[1]")])]),e._v(", vamos a ver en esta sección, nuevos y existentes mecanismos para tratar de resolver este problema latente en MRI desde sus comienzos.")]),o("img",{staticClass:"center",staticStyle:{width:"200px"},attrs:{src:s("d04f")}}),o("br"),o("h3",{attrs:{id:"un-poco-de-historia"}},[e._v("Un poco de historia... "),o("a",{staticClass:"header-anchor",attrs:{href:"#un-poco-de-historia"}},[e._v("¶")])]),o("p",[e._v("Ruby puede implementar mecanismos concurrentes pero no paralelos debido al "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(" a.k.a "),o("abbr",{attrs:{title:"Global Interpreter Lock"}},[e._v("GIL")]),e._v(" (Global VM Lock o Giant VM Lock), que es un bloqueo de exclusión mutua, en suma, un mutex. Este bloqueo lo mantiene el subproceso del intérprete y lo usa para evitar compartir código que no es seguro para subprocesos con otros subprocesos. Todos los hilos de intérpretes tienen su propio "),o("abbr",{attrs:{title:"Global Interpreter Lock"}},[e._v("GIL")]),e._v(". Debido a dicho "),o("abbr",{attrs:{title:"Global Interpreter Lock"}},[e._v("GIL")]),e._v(", si un programa Ruby tiene múltiples hilos, no pueden ejecutarse al mismo tiempo, porque "),o("abbr",{attrs:{title:"Global Interpreter Lock"}},[e._v("GIL")]),e._v(" solo permitirá que se ejecute un subproceso al mismo tiempo. Antes de Ruby 1.9, solo había un hilo del sistema operativo para todos los hilos de sistema de MRI que podemos crear mediante la librería standard de Ruby"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn2",id:"fnref2"}},[e._v("[2]")])]),e._v(".")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("c546")}}),o("div",{staticClass:"warning"},[o("p",[o("em",[e._v("Extra")]),e._v(": El mecanismo de como se adquiere y libera el "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(" se puede ver "),o("a",{attrs:{href:"https://github.com/ruby/ruby/blob/a8714b83c40c8736b4ddafef08fa5f0091c9b101/thread_pthread.c#L314"}},[e._v("aqui")]),e._v(" y "),o("a",{attrs:{href:"https://github.com/ruby/ruby/blob/a8714b83c40c8736b4ddafef08fa5f0091c9b101/thread_pthread.c#L236"}},[e._v("aqui")]),e._v(" se puede ver la lógica del timeslice donde se ejecuta el thread que pudo adquirir el "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(".")])]),o("p",[e._v("Como vemos en la foto, después de Ruby 1.9, podemos tener varios hilos del sistema operativo y estos se relacionan 1:1 contra nuestros hilos de usuario, pero debido al "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(", como se menciono antes, "),o("em",[e._v("solo y solo un hilo")]),e._v(", de todos los hilos del sistema operativo creados pueden ejecutarse al mismo tiempo, descartando la posibilidad de soporte "),o("abbr",{attrs:{title:"Symmetric Multi-Processor"}},[e._v("SMP")]),e._v(".")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("6b49")}}),o("p",{staticStyle:{"text-align":"center","font-size":"13px"}},[e._v("La inerte barra de carbono representa el GVL siendo tomado por un hilo..")]),o("p",[e._v("Este tipo de mecanismos son algo visto no solo en MRI sino también en CPython"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn3",id:"fnref3"}},[e._v("[3]")])]),e._v(", y ambas máquinas virtuales sufren de los mismos problemas.")]),o("p",[e._v("En Java también se puede definir múltiples subprocesos,pero la diferencia es que en la JVM,se puede mapear cada hilo de la JVM a uno del sistema operativo. Esto permite aprovechar la arquitectura multinúcleo. En este caso cuando usamos JRuby, la librería de "),o("code",{pre:!0},[e._v("threads")]),e._v(" de Ruby, es en realidad un wrapper de los hilos de la JVM, por esta razón, vamos a poder tener exactamente el mismo código y vamos a poder tener soporte "),o("abbr",{attrs:{title:"Symmetric Multi-Processor"}},[e._v("SMP")]),e._v(".")]),o("h3",{attrs:{id:"status-quo-workers"}},[e._v("Status Quo: Workers "),o("a",{staticClass:"header-anchor",attrs:{href:"#status-quo-workers"}},[e._v("¶")])]),o("p",[e._v("Una manera de poder aprovechar la ejecución de múltiples procesadores, es algo que vimos en Puma"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn4",id:"fnref4"}},[e._v("[4]")])]),e._v(", es que se pueda trabajar como si fuese un "),o("code",{pre:!0},[e._v("'cluster'")]),e._v(", en donde el proceso principal inicializa la aplicación, y luego se usa el syscall "),o("a",{attrs:{href:"https://man7.org/linux/man-pages/man2/fork.2.html"}},[o("code",{pre:!0},[e._v("fork()")])]),e._v(" para crear 1 o más procesos hijos. Estos procesos hijos, en el caso de Puma por ejemplo, escuchan al mismo socket que el proceso padre, y este último deja de escuchar al socket, para solo ser relegado para escuchar a señales de UNIX y posiblemente para matar/iniciar los procesos hijos.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("58d5")}}),o("p",[e._v("Este mecanismo, si bien es simple, puede dar la sensación de que si bien empieza cada proceso hijo, con poca memoria, gradualmente ira creciendo hasta ser tan grande como el proceso padre. Incluso en grandes entornos de producción, esto puede significar una gran cantidad de memoria, y crear un problema de falta de memoria si tenemos muchos "),o("em",[e._v("workers/procesos hijos")]),e._v(".")]),o("p",[e._v("Sin embargo, los sistemas operativos modernos, tienen manejo de memoria virtual, que proveen de un mecanismo llamado "),o("em",[e._v("copy on write")]),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn5",id:"fnref5"}},[e._v("[5]")])]),e._v(", que previene del escenario que describimos antes. La memoria virtual de un proceso, esta separado en bloques de 4k, llamadas paginas. Cuando un proceso padre, crea un proceso hijo; el hijo inicialmente comparte todas las paginas de memoria con el padre. Solo cuando el proceso hijo empieza a modificar una o varias de estas paginas, el kernel se encargara de copiar las paginas de memoria modificadas, y de reasignarlo al nuevo proceso.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("83e5")}}),o("p",[e._v("El diagrama visto más arriba, muestra un poco como van cambiando, y copiandose las paginas a medida que pasa el tiempo. El mecanismo de como MRI aloca memoria puede verse muy bien explicado en"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn6",id:"fnref6"}},[e._v("[6]")])]),e._v(".")]),o("h3",{attrs:{id:"la-propuesta-guilds"}},[e._v("La propuesta: Guilds "),o("a",{staticClass:"header-anchor",attrs:{href:"#la-propuesta-guilds"}},[e._v("¶")])]),o("p",[e._v("Si bien tener múltiples procesos hijos permite de alguna manera saltear y poder aprovechar más procesadores, existen varias desventajas por lo que no es a veces una solución óptima.")]),o("p",[e._v('Una de ellas es que tengamos que realizar un offloading que no tengo demasiado estado, y por consiguiente, tengamos contextos de ejecución algo "pesados", y que consume más memoria de lo que realmente necesita o se justifica. En caso de que tengamos que trabajar con algún tipo de hardware que no posee tantos recursos, por ejemplo hardware embebido, tal vez necesitemos hacer un mejor uso de la memoria existente, con lo cual tener múltiples procesos puede llegar a ser muy costoso. Otra razón es que el uso de un '),o("code",{pre:!0},[e._v("fork()")]),e._v(", implica que hay que recurrir a una solución, que esta por afuera en parte de las abstracciones que maneja o soporta MRI.")]),o("p",[e._v("Estas razones, hicieron que en parte se busque por una solución parcial o definitiva, sin tener que recurrir a algo tan extremo, como el de eliminar por completo el "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(", debido a que se necesiten realizar cambios muchos más drásticos, a nivel de manejo de memoria y GC.")]),o("p",[e._v("El origen de Ractor se remonta a 2016 cuando Koichi Sasada (diseñador de la máquina virtual Ruby y recolección de basura) presentó su propuesta sobre un nuevo modelo de concurrencia para Ruby. Antes de dicha propuesta, solo podíamos aprovechar múltiples procesadores mediante subprocesos hijos.")]),o("p",[e._v("En 2016, Koichi habló sobre los problemas de la programación de subprocesos múltiples en su presentación en Ruby Kaigi"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn7",id:"fnref7"}},[e._v("[7]")])]),e._v(", así como sobre algunas formas comunes de resolverlos. Junto con eso, también presentó su concepto de "),o("code",{pre:!0},[e._v("Guilds")]),e._v(" por primera vez. Antes de pasar a Ractors, tomemos un momento para comprender los aspectos básicos de Ractors: "),o("code",{pre:!0},[e._v("Guilds")]),e._v(".")]),o("h4",{attrs:{id:"que-es-un-guild"}},[e._v("Que es un Guild? "),o("a",{staticClass:"header-anchor",attrs:{href:"#que-es-un-guild"}},[e._v("¶")])]),o("div",{staticClass:"warning"},[o("p",[e._v("Las imágenes a continuación fueron tomadas de la presentación de Koichi Sasada"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn7",id:"fnref7:1"}},[e._v("[7:1]")])])])]),o("p",[e._v("Un Guild, fue propuesto, como una una nueva abstracción de concurrencia para Ruby. Donde cada uno de estos "),o("code",{pre:!0},[e._v("Guilds")]),e._v(', tendría uno o más hilos, y cada uno de estos, a su vez, albergaría una o más "fibers"/corutinas.')]),o("img",{staticClass:"center iasc-image",attrs:{src:s("33ef")}}),o("p",[e._v("Los hijos de dos "),o("code",{pre:!0},[e._v("Guilds")]),e._v(", podrían ejecutarse en paralelo, pero los hijos que estan enmarcados dentro de un mismo "),o("code",{pre:!0},[e._v("Guild")]),e._v(" no. Esto se garantizaría a través de un nuevo lock llamado "),o("abbr",{attrs:{title:"Giant Guild Lock, no Good Game Lock"}},[e._v("GGL")]),e._v(", que solo permite ejecutar en primer plano a un hilo a la vez.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("1705")}}),o("p",[e._v("Además, todos los Guilds tendrían su propio conjunto de objetos mutables, y un "),o("code",{pre:!0},[e._v("Guild")]),e._v(" no podría modificar los objetos de otro "),o("code",{pre:!0},[e._v("Guild")]),e._v(". Esto se propuso para evitar problemas de inconsistencia de datos debido al acceso concurrente.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("9176")}}),o("p",[e._v("Sin embargo, los "),o("code",{pre:!0},[e._v("Guilds")]),e._v(" aún podrían usar la interfaz "),o("code",{pre:!0},[e._v("Guild::Channel")]),e._v(" para facilitar la copia o el movimiento de objetos entre ellos. El método "),o("code",{pre:!0},[e._v("transfer(object)")]),e._v(" se propuso para permitir enviar una copia profunda del objeto al "),o("code",{pre:!0},[e._v("Guild")]),e._v(" objetivo, y "),o("code",{pre:!0},[e._v("transfer_membership(object)")]),e._v(" se propuso para permitir mover un objeto de un "),o("code",{pre:!0},[e._v("Guild")]),e._v(" a otro por completo.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("321d")}}),o("img",{staticClass:"center iasc-image",attrs:{src:s("6448")}}),o("p",[e._v("Pero todo esto fue solo para objetos mutables, ya que los objetos inmutables no representan un riesgo de inconsistencia de datos. Esto es así porque una vez que se asigna un valor a los objetos inmutables, este no cambia durante la ejecución del programa, por lo que cualquier "),o("code",{pre:!0},[e._v("Guild")]),e._v(" que intente acceder a los datos de un objeto inmutable siempre recibirá el mismo valor consistente. Los objetos inmutables se podrían compartir en todos los "),o("code",{pre:!0},[e._v("Guilds")]),e._v(" para operaciones de lectura.")]),o("p",[e._v("Los objetos inmutables en Ruby consisten en:")]),o("ul",[o("li",[e._v("Integers, "),o("code",{pre:!0},[e._v("true")]),e._v(", "),o("code",{pre:!0},[e._v("false")]),e._v(", "),o("code",{pre:!0},[e._v("nil")]),e._v(" (a.k.a. "),o("a",{attrs:{href:"https://github.com/ruby/ruby/blob/d92f09a5eea009fa28cd046e9d0eb698e3d94c5c/include/ruby/internal/special_consts.h#L179"}},[e._v("SPECIAL_CONST_P()")]),e._v(")")]),o("li",[e._v("Todos los símbolos")]),o("li",[e._v("Strings u objetos 'frizados'. Ej: "),o("code",{pre:!0},[e._v('s = "str".freeze')]),e._v(", donde "),o("code",{pre:!0},[e._v("s")]),e._v(" es inmutable.")]),o("li",[e._v("Objetos numericos: Float, Complex, Rational, big integers ("),o("a",{attrs:{href:"https://github.com/ruby/ruby/blob/62bc4a9420fa5786d49391a713bd38b09b8db0ff/include/ruby/internal/value_type.h#L123"}},[e._v("T_BIGNUM in internal")]),e._v(")")]),o("li",[e._v("objetos como clases o modulos (T_CLASS, T_MODULE and T_ICLASS en internal).")]),o("li",[e._v("Ractor y otros objetos especiales usados para sincronización")])]),o("img",{staticClass:"center iasc-image",attrs:{src:s("f993")}}),o("h5",{attrs:{id:"uso-propuesto-de-los-guilds"}},[e._v("Uso propuesto de los Guilds "),o("a",{staticClass:"header-anchor",attrs:{href:"#uso-propuesto-de-los-guilds"}},[e._v("¶")])]),o("p",[e._v("Koichi habla en su presentación del uso de este nuevo tipo de abstracción"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn7",id:"fnref7:2"}},[e._v("[7:2]")])]),e._v(", y que separa en distintos casos de uso")]),o("ul",[o("li",[e._v("Caso de Uso 1: Maestro - Worker")])]),o("p",[e._v("La idea de este caso de uso es que exista un "),o("code",{pre:!0},[e._v("Guild")]),e._v(" maestro, que inicialice la ejecución, y después existan, uno o más "),o("code",{pre:!0},[e._v("Guilds")]),e._v(" que realizaran el procesamiento (workers). Este modelo se basa en delegación de tareas repetitivas o conocidas por los "),o("code",{pre:!0},[e._v("Guilds")]),e._v(" workers, y el maestro, solo se encargará de enviar por medio de un channel, el dato de entrada para ser procesado por un worker y tratar de esperar por una respuesta a continuación. El código de ejemplo fue el cálculo de fibonacci, que se muestra a continuación:")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("fib")]),o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(n)")])]),e._v(" ... "),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n\ng_fib = Guild.new("),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("script:")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("%q{\n ch = Guild.default_channel\n while n, return_ch = ch.receive\n return_ch.transfer fib(n)\n end\n}")]),e._v(")\n\nch = Guild::Channel.new\n\ng_fib.transfer(["),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("3")]),e._v(", ch])\n\nputs ch.receive\n")])]),o("p",[e._v("En el ejemplo, solo se realiza el calculo de un solo valor, aunque puede llamarse múltiples veces a "),o("code",{pre:!0},[e._v("g_fib")]),e._v(", para que se creen nuevos "),o("code",{pre:!0},[e._v("guilds")]),e._v(", y puedan procesar en paralelo.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("dfd0")}}),o("ul",[o("li",[e._v("Caso de Uso 2: Pipeline")])]),o("p",[e._v("El segundo caso es el de un pipeline, en donde una serie de procesos, se separan en varios pasos, y en cada uno de estos segmentos, se trata en un "),o("code",{pre:!0},[e._v("Guild")]),e._v(" distinto. Una vez que termina el procesamiento de uno, el dato resultante se transfiere al siguiente "),o("code",{pre:!0},[e._v("Guild")]),e._v(".")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("result_ch = Guild::Channel.new\n\ng_pipe3 = Guild.new("),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("script:")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("%q{\n while obj = Guild.default_channel.receive\n obj = modify_obj3(obj)\n Guild.argv[0].transfer_membership(obj)\n end\n}")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("argv:")]),e._v(" [result_ch])\n\ng_pipe2 = Guild.new("),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("script:")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("%q{\n while obj = Guild.default_channel.receive\n obj = modify_obj2(obj)\n Guild.argv[0].transfer_membership(obj)\n end\n}")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("argv:")]),e._v(" [g_pipe3])\n\ng_pipe1 = Guild.new("),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("script:")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("%q{\n while obj = Guild.default_channel.receive\n obj = modify_obj1(obj)\n Guild.argv[0].transfer_membership(obj)\n end\n}")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("argv:")]),e._v(" [g_pipe2])\n\nobj = SomeClass.new\n\ng_pipe1.transfer_membership(obj)\n\nobj = result_ch.receive\n")])]),o("p",[e._v("Aqui se muestra como la arquitectura se veria conceptualmente:")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("4a3e")}}),o("ul",[o("li",[e._v("Caso de Uso 3: Datos sensibles. Ej cuentas bancarias")])]),o("p",[e._v("Este es un caso de uso tradicional, donde tenemos datos que pueden mutar y que son sensibles. En este caso, es de alguna manera similar al caso 1, donde hay un "),o("code",{pre:!0},[e._v("Guild")]),e._v(' "maestro", que es el que posee los datos sensibles, y el estado que puede mutar. De esta manera permite aislar el estado y que solo el cambio del estado se genere con condiciones que sean controlables en un solo lugar. También permite que se puedan implementar sobre el Guild "maestro", mecanismos de seguridad y de transaccionalidad, donde se puede loggear todos los movimientos y en caso de que se tenga que volver para atrás se puede hacer, solo en un solo lugar.')]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[e._v("g_bank = Guild.new("),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v("script:")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("%q{\n while account_from, account_to, amount,\n ch = Guild.default_channel.receive\n if (Bank[account_from].balance < amount)\n ch.transfer :NOPE\n else\n Bank[account_to].balance += amount\n Bank[account_from].balance -= amount\n ch.transfer :YEP\n end\n end\n}")]),e._v(")\n…\n")])]),o("p",[e._v("Si se observa el diagrama conceptual para esta arquitectura, se dará cuenta de que es lo mismo que el concepto que el "),o("code",{pre:!0},[e._v("caso 1")]),e._v(", pero el único cambio clave es que los datos, recursos, etc., pertenecen únicamente al "),o("code",{pre:!0},[e._v("guild")]),e._v(" maestro.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("da47")}}),o("h4",{attrs:{id:"ractors-la-implementación-de-guilds"}},[e._v("Ractors, la implementación de Guilds "),o("a",{staticClass:"header-anchor",attrs:{href:"#ractors-la-implementación-de-guilds"}},[e._v("¶")])]),o("p",[e._v("Ractors, fue lanzado como experimental en "),o("a",{attrs:{href:"https://www.ruby-lang.org/en/news/2020/12/25/ruby-3-0-0-released/"}},[e._v("Ruby 3.0.0")]),e._v(", y es la implementación, por el momento mas estable de la idea conceptual de Guilds.")]),o("img",{staticClass:"center iasc-image",attrs:{src:s("cba7")}}),o("p",[e._v("La idea por atrás es la misma, un "),o("code",{pre:!0},[e._v("ractor")]),e._v(' tiene uno o más hilos, y cada uno de estos, a su vez, alberga una o más "fibers"/corutinas. y dos '),o("code",{pre:!0},[e._v("ractors")]),e._v(", pueden ejecutarse potencialmente en paralelo, siempre y cuando el procesamiento que haya que realizar en estos sea bastante intensivo.")]),o("p",[e._v("La idea de aislamiento de variables o datos mutables es la misma que la planteada en los "),o("code",{pre:!0},[e._v("Guilds")]),e._v(". Un "),o("code",{pre:!0},[e._v("ractor")]),e._v(" no puede acceder a los datos de otro, a menos que se transfiera o copie el mismo, pero esto solo aplica a los datos mutables. Con respecto a las variables/datos inmutables, estos se pueden acceder sin problemas, entre los "),o("code",{pre:!0},[e._v("ractors")]),e._v(" que existan en el sistema.")]),o("p",[e._v("La mayor diferencia viene, en cuanto a la comunicación entre los "),o("code",{pre:!0},[e._v("ractors")]),e._v(". Estos a diferencia de los "),o("code",{pre:!0},[e._v("Guilds")]),e._v(", se comunican por medio de simples pasos de mensajes, en vez de "),o("code",{pre:!0},[e._v("channels")]),e._v(". La idea final es que dicho modelo sea similar al de actores. Pero lo es realmente? Esto lo veremos después. Veamos las 'ventajas'.")]),o("h5",{attrs:{id:"ventajas"}},[e._v("Ventajas?? "),o("a",{staticClass:"header-anchor",attrs:{href:"#ventajas"}},[e._v("¶")])]),o("p",[e._v("Con respecto a las ventajas, las mismas son obvias en cuanto a lo que apuntan a resolver. Permitir la ejecución, en múltiples procesadores/cores, permite de alguna manera una mejor performance, reduciendo el tiempo promedio de ejecución de tareas que lo son, y que no generan ningún tipo de relación directa. Veamos el ejemplo mostrado en el realease de Ruby 3.0.0, donde se ejecuta el algoritmo "),o("code",{pre:!0},[e._v("tak")]),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn8",id:"fnref8"}},[e._v("[8]")])]),e._v(" "),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn9",id:"fnref9"}},[e._v("[9]")])]),e._v(" secuencialmente y usando "),o("code",{pre:!0},[e._v("ractors")]),e._v(" 4 veces.")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":"",class:"language-ruby"}},[o("span",{pre:!0,attrs:{class:"hljs-function"}},[o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("def")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-title"}},[e._v("tarai")]),o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("(x, y, z)")])]),e._v(" =\n x <= y ? y : tarai(tarai(x-"),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", y, z),\n tarai(y-"),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", z, x),\n tarai(z-"),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("1")]),e._v(", x, y))\n"),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("require")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'benchmark'")]),e._v("\nBenchmark.bm "),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v(" "),o("span",{pre:!0,attrs:{class:"hljs-params"}},[e._v("|x|")]),e._v("\n "),o("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# sequential version")]),e._v("\n x.report("),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'seq'")]),e._v("){ "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(".times{ tarai("),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("14")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("7")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(") } }\n\n "),o("span",{pre:!0,attrs:{class:"hljs-comment"}},[e._v("# parallel version")]),e._v("\n x.report("),o("span",{pre:!0,attrs:{class:"hljs-string"}},[e._v("'par'")]),e._v("){\n "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("4")]),e._v(".times.map "),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("do")]),e._v("\n Ractor.new { tarai("),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("14")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("7")]),e._v(", "),o("span",{pre:!0,attrs:{class:"hljs-number"}},[e._v("0")]),e._v(") }\n "),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v(".each(&"),o("span",{pre:!0,attrs:{class:"hljs-symbol"}},[e._v(":take")]),e._v(")\n }\n"),o("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v("\n")])]),o("p",[e._v("Los resultados muestran las ventajas..")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":""}},[e._v("Benchmark result:\n user system total real\nseq 64.560736 0.001101 64.561837 ( 64.562194)\npar 66.422010 0.015999 66.438009 ( 16.685797)\n")])]),o("p",[e._v("El codigo esta disponible también "),o("a",{attrs:{href:"https://github.com/bossiernesto/tarai"}},[e._v("aqui")])]),o("p",[e._v("Esta ventaja es facil de ver, aunque lo mas interesante en realidad, es la creación de una abstracción que permita que pueda convivir de alguna manera código que soporte "),o("abbr",{attrs:{title:"Symmetric Multi-Processor"}},[e._v("SMP")]),e._v(" y parte que no, sin tener que recurrir a eliminar definitivamente el "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(".")]),o("h5",{attrs:{id:"problemas-latentes"}},[e._v("Problemas latentes "),o("a",{staticClass:"header-anchor",attrs:{href:"#problemas-latentes"}},[e._v("¶")])]),o("p",[e._v("Si bien se habla que en los Ractors son thread-safe dentro de su contexto, gracias (o no..) al "),o("abbr",{attrs:{title:"Giant Guild Lock, no Good Game Lock"}},[e._v("GGL")]),e._v("; en realidad no son completamente "),o("code",{pre:!0},[e._v("thread-safe")]),e._v(", ya que la interfaz que poseen todavía puede generar casos de deadlock o livelock incluso, si es que no se tiene cuidado.")]),o("p",[e._v("Esta estructura, tiene que ser siempre usada de una manera correcta (tanto como el resto), ya que un uso poco cuidadoso, usando módulos/clases entre varios Ractors"),o("sup",{staticClass:"footnote-ref"},[o("a",{attrs:{href:"#fn10",id:"fnref10"}},[e._v("[10]")])]),e._v(", puede introducir race conditions. También otra cosa a tener en cuenta, es que el envio de mensajes entre ractors(send, yield, take, etc), es el mismo que hay entre objetos, por lo que es siempre bloqueante. Si estos se usan incorrectamente pueden resultar en "),o("code",{pre:!0},[e._v("dead-locks")]),e._v(" o "),o("code",{pre:!0},[e._v("live-locks")]),e._v(" como se menciono antes.")]),o("p",[e._v("Por el momento, esta implementacion es experimental, por lo que pueden existir incluso bugs, tanto en el ciclo de vida, como en el manejo interno de estos en memoria (por ej. a nivel del GC de MRI aka gc.c).")]),o("h4",{attrs:{id:"uso-actual-de-ractors"}},[e._v("Uso actual de Ractors "),o("a",{staticClass:"header-anchor",attrs:{href:"#uso-actual-de-ractors"}},[e._v("¶")])]),o("div",{staticClass:"warning"},[o("p",[e._v("Esta sección puede cambiar a lo largo del tiempo, ya que el código actual de Ractors es experimental y puede deprecarse rápidamente. Puede verse mas en la doc oficial de "),o("a",{attrs:{href:"https://docs.ruby-lang.org/en/3.0.0/doc/ractor_md.html"}},[e._v("ractors.md")])])]),o("ul",[o("li",[o("p",[o("code",{pre:!0},[e._v("Ractor.new{expr}")]),e._v(" crea un nuevo Ractor y "),o("code",{pre:!0},[e._v("expr")]),e._v(" se ejecuta en paralelo en otro procesador.")])]),o("li",[o("p",[e._v("El intérprete invoca con el primer Ractor (llamado Ractor principal).")])]),o("li",[o("p",[e._v("Si el Ractor principal finaliza, todos los Ractores reciben una solicitud de finalización como hilos (si el hilo principal (el primer hilo invocado), el intérprete de Ruby envía todos los hilos en ejecución para finalizar la ejecución).")])]),o("li",[o("p",[e._v("Cada Ractor tiene 1 o más hilos.")])]),o("li",[o("p",[e._v("Los subprocesos en un Ractor comparten un bloqueo global en todo el Ractor, similar al "),o("abbr",{attrs:{title:"Global Interpreter Lock"}},[e._v("GIL")]),e._v(" ("),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(" en terminología de MRI), por lo que no pueden ejecutarse en paralelo (sin liberar "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(" explícitamente en el nivel C). Los hilos en diferentes ractores se ejecutan en paralelo.")])]),o("li",[o("p",[e._v("La sobrecarga de crear un Ractor es similar a la sobrecarga de la creación de un hilo usuario y el hilo de OS asociado.")])])]),o("h5",{attrs:{id:"paso-de-mensajes"}},[e._v("Paso de mensajes "),o("a",{staticClass:"header-anchor",attrs:{href:"#paso-de-mensajes"}},[e._v("¶")])]),o("ul",[o("li",[o("p",[e._v("Paso de mensaje de tipo push: "),o("code",{pre:!0},[e._v("Ractor#send(obj")]),e._v(") y "),o("code",{pre:!0},[e._v("Ractor.receive()")]),e._v(".")]),o("ul",[o("li",[e._v("El ractor remitente pasa el obj al ractor r mediante "),o("code",{pre:!0},[e._v("r.send(obj)")]),e._v(" y el ractor receptor recibe el mensaje con Ractor.receive.")]),o("li",[e._v("El remitente conoce el Ractor de destino r y el receptor no conoce al remitente (acepte todos los mensajes de cualquier ractor).")]),o("li",[e._v("El receptor tiene una cola infinita y el remitente pone en cola el mensaje. El remitente no bloquea para poner el mensaje en esta cola.")]),o("li",[e._v("Este tipo de intercambio de mensajes se emplea en muchos otros lenguajes basados en actores.")])])]),o("li",[o("p",[e._v("Comunicación de tipo pull: "),o("code",{pre:!0},[e._v("Ractor.yield(obj)")]),e._v(" y "),o("code",{pre:!0},[e._v("Ractor#take()")]),e._v(".")]),o("ul",[o("li",[e._v("El emisor ractor declara ceder el obj por "),o("code",{pre:!0},[e._v("Ractor.yield(obj)")]),e._v(" y el receptor Ractor lo toma con r.take.")]),o("li",[e._v("El remitente no conoce un Ractor de destino y el receptor conoce el Ractor r del remitente.")]),o("li",[e._v("El remitente o el receptor se bloquearán si no hay otro lado.")])])])]),o("h5",{attrs:{id:"ciclo-de-vida"}},[e._v("Ciclo de Vida "),o("a",{staticClass:"header-anchor",attrs:{href:"#ciclo-de-vida"}},[e._v("¶")])]),o("p",[e._v("Puede verse un resumen del ciclo de vida de un ractor en el siguiente "),o("a",{attrs:{href:"https://github.com/ruby/ruby/blob/83a744dd8c0d6e769258b734b9f6861a22eeb554/ractor.c#L1449"}},[e._v("diagrama")]),e._v(":")]),o("pre",{pre:!0},[o("code",{pre:!0,attrs:{"v-pre":""}},[e._v(" created\n | ready to run\n ====================== inserted to vm->ractor\n v\n blocking <---+ all threads are blocking\n | |\n v |\n running -----+\n | all threads are terminated.\n ====================== removed from vm->ractor\n v\n terminated\n\n status is protected by VM lock (global state)\n")])]),o("p",[e._v("El ciclo de vida empieza con "),o("code",{pre:!0},[e._v("Ractor.new")]),e._v(" donde una vez que se registra el mismo en "),o("code",{pre:!0},[e._v("vm->ractor")]),e._v(", esto sucede una vez que puede tomarse control del "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(", para proceder a la creación e inicialización de memoria del contexto. Una vez que el ractor está creado, siempre tendrá como mínimo un hilo, y en caso de que el mismo pueda ejecutarse, pasara a estado "),o("code",{pre:!0},[e._v("running")]),e._v(". En caso de que se envíe un mensaje o se espere alguna acción se pasará a tener otro hilo planificado en primer plano del ractor, en caso de que todos los hilos se bloqueen, el estado pasa a "),o("code",{pre:!0},[e._v("bloqueado")]),e._v(". Cuando todos los hilos han finalizado, el ractor pasa a "),o("code",{pre:!0},[e._v("terminated")]),e._v(".")]),o("p",[e._v("Todos los cambios de estado implican un cambio del estado del ractor, y el mismo está protegido por el "),o("abbr",{attrs:{title:"Global VM Lock"}},[e._v("GVL")]),e._v(" de la VM.")]),o("hr",{staticClass:"footnotes-sep"}),o("section",{staticClass:"footnotes"},[o("ol",{staticClass:"footnotes-list"},[o("li",{staticClass:"footnote-item",attrs:{id:"fn1"}},[o("p",[o("a",{attrs:{href:"https://arquitecturas-concurrentes.github.io/iasc-book/concurrencia_paralelismo"}},[e._v("IASC UTN FRBA. (2020) .Concurrencia y Paralelismo")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref1"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn2"}},[o("p",[o("a",{attrs:{href:"https://ruby-doc.org/core-3.0.2/Thread.html"}},[e._v("Ruby Doc. Retrieved 30 August 2021. Thread standard library")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref2"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn3"}},[o("p",[o("a",{attrs:{href:"https://wiki.python.org/moin/GlobalInterpreterLock"}},[e._v("Python Moin. Retrieved 30 November 2015. GlobalInterpreterLock")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref3"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn4"}},[o("p",[o("a",{attrs:{href:"https://puma.io/puma/file.architecture.html"}},[e._v("Puma Doc. Architecture Overview")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref4"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn5"}},[o("p",[o("a",{attrs:{href:"http://citeseerx.ist.psu.edu/viewdoc/download;jsessionid=C97A7B66D788B7E4F6D6BF5FDD8EC451?doi=10.1.1.33.3144&rep=rep1&type=pdf"}},[e._v("Javier, Francisco & Guttman, Joshua. (1995). Copy on Write.")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref5"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn6"}},[o("p",[o("a",{attrs:{href:"https://brandur.org/ruby-memory"}},[e._v("Brandur. (2017). The Limits of Copy-on-write: How Ruby Allocates Memory")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref6"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn7"}},[o("p",[o("a",{attrs:{href:"http://www.atdot.net/~ko1/activities/2016_rubykaigi.pdf"}},[e._v("Sasada, Koichi. (2016). A proposal of new concurrency model for Ruby 3 (RubyKaigi2016)")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref7"}},[e._v("↩︎")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref7:1"}},[e._v("↩︎")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref7:2"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn8"}},[o("p",[o("a",{attrs:{href:"https://www.amazon.com/exec/obidos/ISBN%3D0685479412/ericstreasuretroA/"}},[e._v("Vardi, I. The Running Time of TAK. Ch. 9 in Computational Recreations in Mathematica. Redwood City, CA: Addison-Wesley, pp. 179-199, 1991.")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref8"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn9"}},[o("p",[o("a",{attrs:{href:"https://archive.org/details/AcornUser052-Nov86/page/n198/mode/1up"}},[e._v("Testing the Tak. Acorn User. pp. 197, 199.")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref9"}},[e._v("↩︎")])])]),o("li",{staticClass:"footnote-item",attrs:{id:"fn10"}},[o("p",[o("a",{attrs:{href:"https://docs.ruby-lang.org/en/3.0.0/doc/ractor_md.html#label-Thread-safety"}},[e._v("Ruby Lang. (2021). Ractor documentation. Thread-safety.")]),e._v(" "),o("a",{staticClass:"footnote-backref",attrs:{href:"#fnref10"}},[e._v("↩︎")])])])])])])}],t=s("2877"),n={},i=Object(t["a"])(n,o,r,!1,null,null,null);a["default"]=i.exports},f993:function(e,a,s){e.exports=s.p+"img/guilds_5.d4b578a0.png"}}]);
+//# sourceMappingURL=chunk-7095c905.6bcb0115.js.map
\ No newline at end of file
diff --git a/js/chunk-7095c905.6bcb0115.js.map b/js/chunk-7095c905.6bcb0115.js.map
new file mode 100644
index 0000000..3165b4d
--- /dev/null
+++ b/js/chunk-7095c905.6bcb0115.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/guilds/guilds_1.png","webpack:///./src/images/guilds/guilds_3.png","webpack:///./src/images/guilds/guilds_0.png","webpack:///./src/images/guilds/guilds_7.png","webpack:///./src/images/guilds/puma-general-arch.png","webpack:///./src/images/guilds/guilds_4.png","webpack:///./src/images/guilds/in_rod_we_trust.png","webpack:///./src/images/guilds/child-processes.svg","webpack:///./src/images/guilds/guilds_2.png","webpack:///./src/images/guilds/xruby-gil-jvm.png","webpack:///./src/images/guilds/homer-grill.gif","webpack:///./src/images/guilds/pisa_tower.jpeg","webpack:///./src/images/guilds/guilds_8.png","webpack:///./src/images/guilds/guilds_6.png","webpack:///./src/content/guild.md?d9f1","webpack:///./src/content/guild.md","webpack:///./src/images/guilds/guilds_5.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","staticStyle","pre","script","component"],"mappings":"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","file":"js/chunk-7095c905.6bcb0115.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/guilds_1.8b5d1a6a.png\";","module.exports = __webpack_public_path__ + \"img/guilds_3.07dd8c32.png\";","module.exports = __webpack_public_path__ + \"img/guilds_0.c4d25035.png\";","module.exports = __webpack_public_path__ + \"img/guilds_7.33caabec.png\";","module.exports = __webpack_public_path__ + \"img/puma-general-arch.4d403982.png\";","module.exports = __webpack_public_path__ + \"img/guilds_4.c4345142.png\";","module.exports = __webpack_public_path__ + \"img/in_rod_we_trust.61a8e21b.png\";","module.exports = __webpack_public_path__ + \"img/child-processes.bc85fc35.svg\";","module.exports = __webpack_public_path__ + \"img/guilds_2.3132ef15.png\";","module.exports = __webpack_public_path__ + \"img/xruby-gil-jvm.4771a258.png\";","module.exports = __webpack_public_path__ + \"img/homer-grill.b73187de.gif\";","module.exports = __webpack_public_path__ + \"img/pisa_tower.37378781.jpeg\";","module.exports = __webpack_public_path__ + \"img/guilds_8.dc175235.png\";","module.exports = __webpack_public_path__ + \"img/guilds_6.bdc76127.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h1',{attrs:{\"id\":\"guild-wars\"}},[_vm._v(\"Guild wars (?) \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#guild-wars\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Como vimos en las clases anteriores, Ruby MRI posee \\\"algunos problemas\\\" en cuanto a como maneja el procesamiento en paralelo en múltiples procesadores. Si bien vimos que la concurrencia es algo que perfectamente puede darse sin necesidad de contextos de ejecución que se ejecuten al mismo tiempo\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn1\",\"id\":\"fnref1\"}},[_vm._v(\"[1]\")])]),_vm._v(\", vamos a ver en esta sección, nuevos y existentes mecanismos para tratar de resolver este problema latente en MRI desde sus comienzos.\")]),_c('img',{staticClass:\"center\",staticStyle:{\"width\":\"200px\"},attrs:{\"src\":require(\"@/images/guilds/pisa_tower.jpeg\")}}),_c('br'),_c('h3',{attrs:{\"id\":\"un-poco-de-historia\"}},[_vm._v(\"Un poco de historia... \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#un-poco-de-historia\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Ruby puede implementar mecanismos concurrentes pero no paralelos debido al \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\" a.k.a \"),_c('abbr',{attrs:{\"title\":\"Global Interpreter Lock\"}},[_vm._v(\"GIL\")]),_vm._v(\" (Global VM Lock o Giant VM Lock), que es un bloqueo de exclusión mutua, en suma, un mutex. Este bloqueo lo mantiene el subproceso del intérprete y lo usa para evitar compartir código que no es seguro para subprocesos con otros subprocesos. Todos los hilos de intérpretes tienen su propio \"),_c('abbr',{attrs:{\"title\":\"Global Interpreter Lock\"}},[_vm._v(\"GIL\")]),_vm._v(\". Debido a dicho \"),_c('abbr',{attrs:{\"title\":\"Global Interpreter Lock\"}},[_vm._v(\"GIL\")]),_vm._v(\", si un programa Ruby tiene múltiples hilos, no pueden ejecutarse al mismo tiempo, porque \"),_c('abbr',{attrs:{\"title\":\"Global Interpreter Lock\"}},[_vm._v(\"GIL\")]),_vm._v(\" solo permitirá que se ejecute un subproceso al mismo tiempo. Antes de Ruby 1.9, solo había un hilo del sistema operativo para todos los hilos de sistema de MRI que podemos crear mediante la librería standard de Ruby\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn2\",\"id\":\"fnref2\"}},[_vm._v(\"[2]\")])]),_vm._v(\".\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/xruby-gil-jvm.png\")}}),_c('div',{staticClass:\"warning\"},[_c('p',[_c('em',[_vm._v(\"Extra\")]),_vm._v(\": El mecanismo de como se adquiere y libera el \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\" se puede ver \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/a8714b83c40c8736b4ddafef08fa5f0091c9b101/thread_pthread.c#L314\"}},[_vm._v(\"aqui\")]),_vm._v(\" y \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/a8714b83c40c8736b4ddafef08fa5f0091c9b101/thread_pthread.c#L236\"}},[_vm._v(\"aqui\")]),_vm._v(\" se puede ver la lógica del timeslice donde se ejecuta el thread que pudo adquirir el \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\".\")])]),_c('p',[_vm._v(\"Como vemos en la foto, después de Ruby 1.9, podemos tener varios hilos del sistema operativo y estos se relacionan 1:1 contra nuestros hilos de usuario, pero debido al \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\", como se menciono antes, \"),_c('em',[_vm._v(\"solo y solo un hilo\")]),_vm._v(\", de todos los hilos del sistema operativo creados pueden ejecutarse al mismo tiempo, descartando la posibilidad de soporte \"),_c('abbr',{attrs:{\"title\":\"Symmetric Multi-Processor\"}},[_vm._v(\"SMP\")]),_vm._v(\".\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/in_rod_we_trust.png\")}}),_c('p',{staticStyle:{\"text-align\":\"center\",\"font-size\":\"13px\"}},[_vm._v(\"La inerte barra de carbono representa el GVL siendo tomado por un hilo..\")]),_c('p',[_vm._v(\"Este tipo de mecanismos son algo visto no solo en MRI sino también en CPython\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn3\",\"id\":\"fnref3\"}},[_vm._v(\"[3]\")])]),_vm._v(\", y ambas máquinas virtuales sufren de los mismos problemas.\")]),_c('p',[_vm._v(\"En Java también se puede definir múltiples subprocesos,pero la diferencia es que en la JVM,se puede mapear cada hilo de la JVM a uno del sistema operativo. Esto permite aprovechar la arquitectura multinúcleo. En este caso cuando usamos JRuby, la librería de \"),_c('code',{pre:true},[_vm._v(\"threads\")]),_vm._v(\" de Ruby, es en realidad un wrapper de los hilos de la JVM, por esta razón, vamos a poder tener exactamente el mismo código y vamos a poder tener soporte \"),_c('abbr',{attrs:{\"title\":\"Symmetric Multi-Processor\"}},[_vm._v(\"SMP\")]),_vm._v(\".\")]),_c('h3',{attrs:{\"id\":\"status-quo-workers\"}},[_vm._v(\"Status Quo: Workers \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#status-quo-workers\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Una manera de poder aprovechar la ejecución de múltiples procesadores, es algo que vimos en Puma\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn4\",\"id\":\"fnref4\"}},[_vm._v(\"[4]\")])]),_vm._v(\", es que se pueda trabajar como si fuese un \"),_c('code',{pre:true},[_vm._v(\"'cluster'\")]),_vm._v(\", en donde el proceso principal inicializa la aplicación, y luego se usa el syscall \"),_c('a',{attrs:{\"href\":\"https://man7.org/linux/man-pages/man2/fork.2.html\"}},[_c('code',{pre:true},[_vm._v(\"fork()\")])]),_vm._v(\" para crear 1 o más procesos hijos. Estos procesos hijos, en el caso de Puma por ejemplo, escuchan al mismo socket que el proceso padre, y este último deja de escuchar al socket, para solo ser relegado para escuchar a señales de UNIX y posiblemente para matar/iniciar los procesos hijos.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/puma-general-arch.png\")}}),_c('p',[_vm._v(\"Este mecanismo, si bien es simple, puede dar la sensación de que si bien empieza cada proceso hijo, con poca memoria, gradualmente ira creciendo hasta ser tan grande como el proceso padre. Incluso en grandes entornos de producción, esto puede significar una gran cantidad de memoria, y crear un problema de falta de memoria si tenemos muchos \"),_c('em',[_vm._v(\"workers/procesos hijos\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Sin embargo, los sistemas operativos modernos, tienen manejo de memoria virtual, que proveen de un mecanismo llamado \"),_c('em',[_vm._v(\"copy on write\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn5\",\"id\":\"fnref5\"}},[_vm._v(\"[5]\")])]),_vm._v(\", que previene del escenario que describimos antes. La memoria virtual de un proceso, esta separado en bloques de 4k, llamadas paginas. Cuando un proceso padre, crea un proceso hijo; el hijo inicialmente comparte todas las paginas de memoria con el padre. Solo cuando el proceso hijo empieza a modificar una o varias de estas paginas, el kernel se encargara de copiar las paginas de memoria modificadas, y de reasignarlo al nuevo proceso.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/child-processes.svg\")}}),_c('p',[_vm._v(\"El diagrama visto más arriba, muestra un poco como van cambiando, y copiandose las paginas a medida que pasa el tiempo. El mecanismo de como MRI aloca memoria puede verse muy bien explicado en\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn6\",\"id\":\"fnref6\"}},[_vm._v(\"[6]\")])]),_vm._v(\".\")]),_c('h3',{attrs:{\"id\":\"la-propuesta-guilds\"}},[_vm._v(\"La propuesta: Guilds \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#la-propuesta-guilds\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si bien tener múltiples procesos hijos permite de alguna manera saltear y poder aprovechar más procesadores, existen varias desventajas por lo que no es a veces una solución óptima.\")]),_c('p',[_vm._v(\"Una de ellas es que tengamos que realizar un offloading que no tengo demasiado estado, y por consiguiente, tengamos contextos de ejecución algo \\\"pesados\\\", y que consume más memoria de lo que realmente necesita o se justifica. En caso de que tengamos que trabajar con algún tipo de hardware que no posee tantos recursos, por ejemplo hardware embebido, tal vez necesitemos hacer un mejor uso de la memoria existente, con lo cual tener múltiples procesos puede llegar a ser muy costoso. Otra razón es que el uso de un \"),_c('code',{pre:true},[_vm._v(\"fork()\")]),_vm._v(\", implica que hay que recurrir a una solución, que esta por afuera en parte de las abstracciones que maneja o soporta MRI.\")]),_c('p',[_vm._v(\"Estas razones, hicieron que en parte se busque por una solución parcial o definitiva, sin tener que recurrir a algo tan extremo, como el de eliminar por completo el \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\", debido a que se necesiten realizar cambios muchos más drásticos, a nivel de manejo de memoria y GC.\")]),_c('p',[_vm._v(\"El origen de Ractor se remonta a 2016 cuando Koichi Sasada (diseñador de la máquina virtual Ruby y recolección de basura) presentó su propuesta sobre un nuevo modelo de concurrencia para Ruby. Antes de dicha propuesta, solo podíamos aprovechar múltiples procesadores mediante subprocesos hijos.\")]),_c('p',[_vm._v(\"En 2016, Koichi habló sobre los problemas de la programación de subprocesos múltiples en su presentación en Ruby Kaigi\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn7\",\"id\":\"fnref7\"}},[_vm._v(\"[7]\")])]),_vm._v(\", así como sobre algunas formas comunes de resolverlos. Junto con eso, también presentó su concepto de \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\" por primera vez. Antes de pasar a Ractors, tomemos un momento para comprender los aspectos básicos de Ractors: \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\".\")]),_c('h4',{attrs:{\"id\":\"que-es-un-guild\"}},[_vm._v(\"Que es un Guild? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#que-es-un-guild\"}},[_vm._v(\"¶\")])]),_c('div',{staticClass:\"warning\"},[_c('p',[_vm._v(\"Las imágenes a continuación fueron tomadas de la presentación de Koichi Sasada\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn7\",\"id\":\"fnref7:1\"}},[_vm._v(\"[7:1]\")])])])]),_c('p',[_vm._v(\"Un Guild, fue propuesto, como una una nueva abstracción de concurrencia para Ruby. Donde cada uno de estos \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\", tendría uno o más hilos, y cada uno de estos, a su vez, albergaría una o más \\\"fibers\\\"/corutinas.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_0.png\")}}),_c('p',[_vm._v(\"Los hijos de dos \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\", podrían ejecutarse en paralelo, pero los hijos que estan enmarcados dentro de un mismo \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" no. Esto se garantizaría a través de un nuevo lock llamado \"),_c('abbr',{attrs:{\"title\":\"Giant Guild Lock, no Good Game Lock\"}},[_vm._v(\"GGL\")]),_vm._v(\", que solo permite ejecutar en primer plano a un hilo a la vez.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_1.png\")}}),_c('p',[_vm._v(\"Además, todos los Guilds tendrían su propio conjunto de objetos mutables, y un \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" no podría modificar los objetos de otro \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\". Esto se propuso para evitar problemas de inconsistencia de datos debido al acceso concurrente.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_2.png\")}}),_c('p',[_vm._v(\"Sin embargo, los \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\" aún podrían usar la interfaz \"),_c('code',{pre:true},[_vm._v(\"Guild::Channel\")]),_vm._v(\" para facilitar la copia o el movimiento de objetos entre ellos. El método \"),_c('code',{pre:true},[_vm._v(\"transfer(object)\")]),_vm._v(\" se propuso para permitir enviar una copia profunda del objeto al \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" objetivo, y \"),_c('code',{pre:true},[_vm._v(\"transfer_membership(object)\")]),_vm._v(\" se propuso para permitir mover un objeto de un \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" a otro por completo.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_3.png\")}}),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_4.png\")}}),_c('p',[_vm._v(\"Pero todo esto fue solo para objetos mutables, ya que los objetos inmutables no representan un riesgo de inconsistencia de datos. Esto es así porque una vez que se asigna un valor a los objetos inmutables, este no cambia durante la ejecución del programa, por lo que cualquier \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" que intente acceder a los datos de un objeto inmutable siempre recibirá el mismo valor consistente. Los objetos inmutables se podrían compartir en todos los \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\" para operaciones de lectura.\")]),_c('p',[_vm._v(\"Los objetos inmutables en Ruby consisten en:\")]),_c('ul',[_c('li',[_vm._v(\"Integers, \"),_c('code',{pre:true},[_vm._v(\"true\")]),_vm._v(\", \"),_c('code',{pre:true},[_vm._v(\"false\")]),_vm._v(\", \"),_c('code',{pre:true},[_vm._v(\"nil\")]),_vm._v(\" (a.k.a. \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/d92f09a5eea009fa28cd046e9d0eb698e3d94c5c/include/ruby/internal/special_consts.h#L179\"}},[_vm._v(\"SPECIAL_CONST_P()\")]),_vm._v(\")\")]),_c('li',[_vm._v(\"Todos los símbolos\")]),_c('li',[_vm._v(\"Strings u objetos 'frizados'. Ej: \"),_c('code',{pre:true},[_vm._v(\"s = \\\"str\\\".freeze\")]),_vm._v(\", donde \"),_c('code',{pre:true},[_vm._v(\"s\")]),_vm._v(\" es inmutable.\")]),_c('li',[_vm._v(\"Objetos numericos: Float, Complex, Rational, big integers (\"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/62bc4a9420fa5786d49391a713bd38b09b8db0ff/include/ruby/internal/value_type.h#L123\"}},[_vm._v(\"T_BIGNUM in internal\")]),_vm._v(\")\")]),_c('li',[_vm._v(\"objetos como clases o modulos (T_CLASS, T_MODULE and T_ICLASS en internal).\")]),_c('li',[_vm._v(\"Ractor y otros objetos especiales usados para sincronización\")])]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_5.png\")}}),_c('h5',{attrs:{\"id\":\"uso-propuesto-de-los-guilds\"}},[_vm._v(\"Uso propuesto de los Guilds \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#uso-propuesto-de-los-guilds\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Koichi habla en su presentación del uso de este nuevo tipo de abstracción\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn7\",\"id\":\"fnref7:2\"}},[_vm._v(\"[7:2]\")])]),_vm._v(\", y que separa en distintos casos de uso\")]),_c('ul',[_c('li',[_vm._v(\"Caso de Uso 1: Maestro - Worker\")])]),_c('p',[_vm._v(\"La idea de este caso de uso es que exista un \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" maestro, que inicialice la ejecución, y después existan, uno o más \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\" que realizaran el procesamiento (workers). Este modelo se basa en delegación de tareas repetitivas o conocidas por los \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\" workers, y el maestro, solo se encargará de enviar por medio de un channel, el dato de entrada para ser procesado por un worker y tratar de esperar por una respuesta a continuación. El código de ejemplo fue el cálculo de fibonacci, que se muestra a continuación:\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"fib\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(n)\")])]),_vm._v(\" ... \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\\ng_fib = Guild.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"script:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"%q{\\n ch = Guild.default_channel\\n while n, return_ch = ch.receive\\n return_ch.transfer fib(n)\\n end\\n}\")]),_vm._v(\")\\n\\nch = Guild::Channel.new\\n\\ng_fib.transfer([\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"3\")]),_vm._v(\", ch])\\n\\nputs ch.receive\\n\")])]),_c('p',[_vm._v(\"En el ejemplo, solo se realiza el calculo de un solo valor, aunque puede llamarse múltiples veces a \"),_c('code',{pre:true},[_vm._v(\"g_fib\")]),_vm._v(\", para que se creen nuevos \"),_c('code',{pre:true},[_vm._v(\"guilds\")]),_vm._v(\", y puedan procesar en paralelo.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_6.png\")}}),_c('ul',[_c('li',[_vm._v(\"Caso de Uso 2: Pipeline\")])]),_c('p',[_vm._v(\"El segundo caso es el de un pipeline, en donde una serie de procesos, se separan en varios pasos, y en cada uno de estos segmentos, se trata en un \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" distinto. Una vez que termina el procesamiento de uno, el dato resultante se transfiere al siguiente \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\".\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"result_ch = Guild::Channel.new\\n\\ng_pipe3 = Guild.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"script:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"%q{\\n while obj = Guild.default_channel.receive\\n obj = modify_obj3(obj)\\n Guild.argv[0].transfer_membership(obj)\\n end\\n}\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"argv:\")]),_vm._v(\" [result_ch])\\n\\ng_pipe2 = Guild.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"script:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"%q{\\n while obj = Guild.default_channel.receive\\n obj = modify_obj2(obj)\\n Guild.argv[0].transfer_membership(obj)\\n end\\n}\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"argv:\")]),_vm._v(\" [g_pipe3])\\n\\ng_pipe1 = Guild.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"script:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"%q{\\n while obj = Guild.default_channel.receive\\n obj = modify_obj1(obj)\\n Guild.argv[0].transfer_membership(obj)\\n end\\n}\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"argv:\")]),_vm._v(\" [g_pipe2])\\n\\nobj = SomeClass.new\\n\\ng_pipe1.transfer_membership(obj)\\n\\nobj = result_ch.receive\\n\")])]),_c('p',[_vm._v(\"Aqui se muestra como la arquitectura se veria conceptualmente:\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_7.png\")}}),_c('ul',[_c('li',[_vm._v(\"Caso de Uso 3: Datos sensibles. Ej cuentas bancarias\")])]),_c('p',[_vm._v(\"Este es un caso de uso tradicional, donde tenemos datos que pueden mutar y que son sensibles. En este caso, es de alguna manera similar al caso 1, donde hay un \"),_c('code',{pre:true},[_vm._v(\"Guild\")]),_vm._v(\" \\\"maestro\\\", que es el que posee los datos sensibles, y el estado que puede mutar. De esta manera permite aislar el estado y que solo el cambio del estado se genere con condiciones que sean controlables en un solo lugar. También permite que se puedan implementar sobre el Guild \\\"maestro\\\", mecanismos de seguridad y de transaccionalidad, donde se puede loggear todos los movimientos y en caso de que se tenga que volver para atrás se puede hacer, solo en un solo lugar.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_vm._v(\"g_bank = Guild.new(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\"script:\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"%q{\\n while account_from, account_to, amount,\\n ch = Guild.default_channel.receive\\n if (Bank[account_from].balance < amount)\\n ch.transfer :NOPE\\n else\\n Bank[account_to].balance += amount\\n Bank[account_from].balance -= amount\\n ch.transfer :YEP\\n end\\n end\\n}\")]),_vm._v(\")\\n…\\n\")])]),_c('p',[_vm._v(\"Si se observa el diagrama conceptual para esta arquitectura, se dará cuenta de que es lo mismo que el concepto que el \"),_c('code',{pre:true},[_vm._v(\"caso 1\")]),_vm._v(\", pero el único cambio clave es que los datos, recursos, etc., pertenecen únicamente al \"),_c('code',{pre:true},[_vm._v(\"guild\")]),_vm._v(\" maestro.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/guilds_8.png\")}}),_c('h4',{attrs:{\"id\":\"ractors-la-implementación-de-guilds\"}},[_vm._v(\"Ractors, la implementación de Guilds \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#ractors-la-implementación-de-guilds\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Ractors, fue lanzado como experimental en \"),_c('a',{attrs:{\"href\":\"https://www.ruby-lang.org/en/news/2020/12/25/ruby-3-0-0-released/\"}},[_vm._v(\"Ruby 3.0.0\")]),_vm._v(\", y es la implementación, por el momento mas estable de la idea conceptual de Guilds.\")]),_c('img',{staticClass:\"center iasc-image\",attrs:{\"src\":require(\"@/images/guilds/homer-grill.gif\")}}),_c('p',[_vm._v(\"La idea por atrás es la misma, un \"),_c('code',{pre:true},[_vm._v(\"ractor\")]),_vm._v(\" tiene uno o más hilos, y cada uno de estos, a su vez, alberga una o más \\\"fibers\\\"/corutinas. y dos \"),_c('code',{pre:true},[_vm._v(\"ractors\")]),_vm._v(\", pueden ejecutarse potencialmente en paralelo, siempre y cuando el procesamiento que haya que realizar en estos sea bastante intensivo.\")]),_c('p',[_vm._v(\"La idea de aislamiento de variables o datos mutables es la misma que la planteada en los \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\". Un \"),_c('code',{pre:true},[_vm._v(\"ractor\")]),_vm._v(\" no puede acceder a los datos de otro, a menos que se transfiera o copie el mismo, pero esto solo aplica a los datos mutables. Con respecto a las variables/datos inmutables, estos se pueden acceder sin problemas, entre los \"),_c('code',{pre:true},[_vm._v(\"ractors\")]),_vm._v(\" que existan en el sistema.\")]),_c('p',[_vm._v(\"La mayor diferencia viene, en cuanto a la comunicación entre los \"),_c('code',{pre:true},[_vm._v(\"ractors\")]),_vm._v(\". Estos a diferencia de los \"),_c('code',{pre:true},[_vm._v(\"Guilds\")]),_vm._v(\", se comunican por medio de simples pasos de mensajes, en vez de \"),_c('code',{pre:true},[_vm._v(\"channels\")]),_vm._v(\". La idea final es que dicho modelo sea similar al de actores. Pero lo es realmente? Esto lo veremos después. Veamos las 'ventajas'.\")]),_c('h5',{attrs:{\"id\":\"ventajas\"}},[_vm._v(\"Ventajas?? \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#ventajas\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Con respecto a las ventajas, las mismas son obvias en cuanto a lo que apuntan a resolver. Permitir la ejecución, en múltiples procesadores/cores, permite de alguna manera una mejor performance, reduciendo el tiempo promedio de ejecución de tareas que lo son, y que no generan ningún tipo de relación directa. Veamos el ejemplo mostrado en el realease de Ruby 3.0.0, donde se ejecuta el algoritmo \"),_c('code',{pre:true},[_vm._v(\"tak\")]),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn8\",\"id\":\"fnref8\"}},[_vm._v(\"[8]\")])]),_vm._v(\" \"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn9\",\"id\":\"fnref9\"}},[_vm._v(\"[9]\")])]),_vm._v(\" secuencialmente y usando \"),_c('code',{pre:true},[_vm._v(\"ractors\")]),_vm._v(\" 4 veces.\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-ruby\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-function\"}},[_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"def\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-title\"}},[_vm._v(\"tarai\")]),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"(x, y, z)\")])]),_vm._v(\" =\\n x <= y ? y : tarai(tarai(x-\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", y, z),\\n tarai(y-\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", z, x),\\n tarai(z-\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"1\")]),_vm._v(\", x, y))\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"require\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'benchmark'\")]),_vm._v(\"\\nBenchmark.bm \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\" \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-params\"}},[_vm._v(\"|x|\")]),_vm._v(\"\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# sequential version\")]),_vm._v(\"\\n x.report(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'seq'\")]),_vm._v(\"){ \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\".times{ tarai(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"14\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"7\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\") } }\\n\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-comment\"}},[_vm._v(\"# parallel version\")]),_vm._v(\"\\n x.report(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-string\"}},[_vm._v(\"'par'\")]),_vm._v(\"){\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"4\")]),_vm._v(\".times.map \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"do\")]),_vm._v(\"\\n Ractor.new { tarai(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"14\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"7\")]),_vm._v(\", \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-number\"}},[_vm._v(\"0\")]),_vm._v(\") }\\n \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\".each(&\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-symbol\"}},[_vm._v(\":take\")]),_vm._v(\")\\n }\\n\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\"\\n\")])]),_c('p',[_vm._v(\"Los resultados muestran las ventajas..\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\"}},[_vm._v(\"Benchmark result:\\n user system total real\\nseq 64.560736 0.001101 64.561837 ( 64.562194)\\npar 66.422010 0.015999 66.438009 ( 16.685797)\\n\")])]),_c('p',[_vm._v(\"El codigo esta disponible también \"),_c('a',{attrs:{\"href\":\"https://github.com/bossiernesto/tarai\"}},[_vm._v(\"aqui\")])]),_c('p',[_vm._v(\"Esta ventaja es facil de ver, aunque lo mas interesante en realidad, es la creación de una abstracción que permita que pueda convivir de alguna manera código que soporte \"),_c('abbr',{attrs:{\"title\":\"Symmetric Multi-Processor\"}},[_vm._v(\"SMP\")]),_vm._v(\" y parte que no, sin tener que recurrir a eliminar definitivamente el \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\".\")]),_c('h5',{attrs:{\"id\":\"problemas-latentes\"}},[_vm._v(\"Problemas latentes \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#problemas-latentes\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Si bien se habla que en los Ractors son thread-safe dentro de su contexto, gracias (o no..) al \"),_c('abbr',{attrs:{\"title\":\"Giant Guild Lock, no Good Game Lock\"}},[_vm._v(\"GGL\")]),_vm._v(\"; en realidad no son completamente \"),_c('code',{pre:true},[_vm._v(\"thread-safe\")]),_vm._v(\", ya que la interfaz que poseen todavía puede generar casos de deadlock o livelock incluso, si es que no se tiene cuidado.\")]),_c('p',[_vm._v(\"Esta estructura, tiene que ser siempre usada de una manera correcta (tanto como el resto), ya que un uso poco cuidadoso, usando módulos/clases entre varios Ractors\"),_c('sup',{staticClass:\"footnote-ref\"},[_c('a',{attrs:{\"href\":\"#fn10\",\"id\":\"fnref10\"}},[_vm._v(\"[10]\")])]),_vm._v(\", puede introducir race conditions. También otra cosa a tener en cuenta, es que el envio de mensajes entre ractors(send, yield, take, etc), es el mismo que hay entre objetos, por lo que es siempre bloqueante. Si estos se usan incorrectamente pueden resultar en \"),_c('code',{pre:true},[_vm._v(\"dead-locks\")]),_vm._v(\" o \"),_c('code',{pre:true},[_vm._v(\"live-locks\")]),_vm._v(\" como se menciono antes.\")]),_c('p',[_vm._v(\"Por el momento, esta implementacion es experimental, por lo que pueden existir incluso bugs, tanto en el ciclo de vida, como en el manejo interno de estos en memoria (por ej. a nivel del GC de MRI aka gc.c).\")]),_c('h4',{attrs:{\"id\":\"uso-actual-de-ractors\"}},[_vm._v(\"Uso actual de Ractors \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#uso-actual-de-ractors\"}},[_vm._v(\"¶\")])]),_c('div',{staticClass:\"warning\"},[_c('p',[_vm._v(\"Esta sección puede cambiar a lo largo del tiempo, ya que el código actual de Ractors es experimental y puede deprecarse rápidamente. Puede verse mas en la doc oficial de \"),_c('a',{attrs:{\"href\":\"https://docs.ruby-lang.org/en/3.0.0/doc/ractor_md.html\"}},[_vm._v(\"ractors.md\")])])]),_c('ul',[_c('li',[_c('p',[_c('code',{pre:true},[_vm._v(\"Ractor.new{expr}\")]),_vm._v(\" crea un nuevo Ractor y \"),_c('code',{pre:true},[_vm._v(\"expr\")]),_vm._v(\" se ejecuta en paralelo en otro procesador.\")])]),_c('li',[_c('p',[_vm._v(\"El intérprete invoca con el primer Ractor (llamado Ractor principal).\")])]),_c('li',[_c('p',[_vm._v(\"Si el Ractor principal finaliza, todos los Ractores reciben una solicitud de finalización como hilos (si el hilo principal (el primer hilo invocado), el intérprete de Ruby envía todos los hilos en ejecución para finalizar la ejecución).\")])]),_c('li',[_c('p',[_vm._v(\"Cada Ractor tiene 1 o más hilos.\")])]),_c('li',[_c('p',[_vm._v(\"Los subprocesos en un Ractor comparten un bloqueo global en todo el Ractor, similar al \"),_c('abbr',{attrs:{\"title\":\"Global Interpreter Lock\"}},[_vm._v(\"GIL\")]),_vm._v(\" (\"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\" en terminología de MRI), por lo que no pueden ejecutarse en paralelo (sin liberar \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\" explícitamente en el nivel C). Los hilos en diferentes ractores se ejecutan en paralelo.\")])]),_c('li',[_c('p',[_vm._v(\"La sobrecarga de crear un Ractor es similar a la sobrecarga de la creación de un hilo usuario y el hilo de OS asociado.\")])])]),_c('h5',{attrs:{\"id\":\"paso-de-mensajes\"}},[_vm._v(\"Paso de mensajes \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#paso-de-mensajes\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_c('p',[_vm._v(\"Paso de mensaje de tipo push: \"),_c('code',{pre:true},[_vm._v(\"Ractor#send(obj\")]),_vm._v(\") y \"),_c('code',{pre:true},[_vm._v(\"Ractor.receive()\")]),_vm._v(\".\")]),_c('ul',[_c('li',[_vm._v(\"El ractor remitente pasa el obj al ractor r mediante \"),_c('code',{pre:true},[_vm._v(\"r.send(obj)\")]),_vm._v(\" y el ractor receptor recibe el mensaje con Ractor.receive.\")]),_c('li',[_vm._v(\"El remitente conoce el Ractor de destino r y el receptor no conoce al remitente (acepte todos los mensajes de cualquier ractor).\")]),_c('li',[_vm._v(\"El receptor tiene una cola infinita y el remitente pone en cola el mensaje. El remitente no bloquea para poner el mensaje en esta cola.\")]),_c('li',[_vm._v(\"Este tipo de intercambio de mensajes se emplea en muchos otros lenguajes basados en actores.\")])])]),_c('li',[_c('p',[_vm._v(\"Comunicación de tipo pull: \"),_c('code',{pre:true},[_vm._v(\"Ractor.yield(obj)\")]),_vm._v(\" y \"),_c('code',{pre:true},[_vm._v(\"Ractor#take()\")]),_vm._v(\".\")]),_c('ul',[_c('li',[_vm._v(\"El emisor ractor declara ceder el obj por \"),_c('code',{pre:true},[_vm._v(\"Ractor.yield(obj)\")]),_vm._v(\" y el receptor Ractor lo toma con r.take.\")]),_c('li',[_vm._v(\"El remitente no conoce un Ractor de destino y el receptor conoce el Ractor r del remitente.\")]),_c('li',[_vm._v(\"El remitente o el receptor se bloquearán si no hay otro lado.\")])])])]),_c('h5',{attrs:{\"id\":\"ciclo-de-vida\"}},[_vm._v(\"Ciclo de Vida \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#ciclo-de-vida\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"Puede verse un resumen del ciclo de vida de un ractor en el siguiente \"),_c('a',{attrs:{\"href\":\"https://github.com/ruby/ruby/blob/83a744dd8c0d6e769258b734b9f6861a22eeb554/ractor.c#L1449\"}},[_vm._v(\"diagrama\")]),_vm._v(\":\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\"}},[_vm._v(\" created\\n | ready to run\\n ====================== inserted to vm->ractor\\n v\\n blocking <---+ all threads are blocking\\n | |\\n v |\\n running -----+\\n | all threads are terminated.\\n ====================== removed from vm->ractor\\n v\\n terminated\\n\\n status is protected by VM lock (global state)\\n\")])]),_c('p',[_vm._v(\"El ciclo de vida empieza con \"),_c('code',{pre:true},[_vm._v(\"Ractor.new\")]),_vm._v(\" donde una vez que se registra el mismo en \"),_c('code',{pre:true},[_vm._v(\"vm->ractor\")]),_vm._v(\", esto sucede una vez que puede tomarse control del \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\", para proceder a la creación e inicialización de memoria del contexto. Una vez que el ractor está creado, siempre tendrá como mínimo un hilo, y en caso de que el mismo pueda ejecutarse, pasara a estado \"),_c('code',{pre:true},[_vm._v(\"running\")]),_vm._v(\". En caso de que se envíe un mensaje o se espere alguna acción se pasará a tener otro hilo planificado en primer plano del ractor, en caso de que todos los hilos se bloqueen, el estado pasa a \"),_c('code',{pre:true},[_vm._v(\"bloqueado\")]),_vm._v(\". Cuando todos los hilos han finalizado, el ractor pasa a \"),_c('code',{pre:true},[_vm._v(\"terminated\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"Todos los cambios de estado implican un cambio del estado del ractor, y el mismo está protegido por el \"),_c('abbr',{attrs:{\"title\":\"Global VM Lock\"}},[_vm._v(\"GVL\")]),_vm._v(\" de la VM.\")]),_c('hr',{staticClass:\"footnotes-sep\"}),_c('section',{staticClass:\"footnotes\"},[_c('ol',{staticClass:\"footnotes-list\"},[_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn1\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://arquitecturas-concurrentes.github.io/iasc-book/concurrencia_paralelismo\"}},[_vm._v(\"IASC UTN FRBA. (2020) .Concurrencia y Paralelismo\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref1\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn2\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://ruby-doc.org/core-3.0.2/Thread.html\"}},[_vm._v(\"Ruby Doc. Retrieved 30 August 2021. Thread standard library\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref2\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn3\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://wiki.python.org/moin/GlobalInterpreterLock\"}},[_vm._v(\"Python Moin. Retrieved 30 November 2015. GlobalInterpreterLock\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref3\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn4\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://puma.io/puma/file.architecture.html\"}},[_vm._v(\"Puma Doc. Architecture Overview\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref4\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn5\"}},[_c('p',[_c('a',{attrs:{\"href\":\"http://citeseerx.ist.psu.edu/viewdoc/download;jsessionid=C97A7B66D788B7E4F6D6BF5FDD8EC451?doi=10.1.1.33.3144&rep=rep1&type=pdf\"}},[_vm._v(\"Javier, Francisco & Guttman, Joshua. (1995). Copy on Write.\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref5\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn6\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://brandur.org/ruby-memory\"}},[_vm._v(\"Brandur. (2017). The Limits of Copy-on-write: How Ruby Allocates Memory\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref6\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn7\"}},[_c('p',[_c('a',{attrs:{\"href\":\"http://www.atdot.net/~ko1/activities/2016_rubykaigi.pdf\"}},[_vm._v(\"Sasada, Koichi. (2016). A proposal of new concurrency model for Ruby 3 (RubyKaigi2016)\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref7\"}},[_vm._v(\"↩︎\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref7:1\"}},[_vm._v(\"↩︎\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref7:2\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn8\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://www.amazon.com/exec/obidos/ISBN%3D0685479412/ericstreasuretroA/\"}},[_vm._v(\"Vardi, I. The Running Time of TAK. Ch. 9 in Computational Recreations in Mathematica. Redwood City, CA: Addison-Wesley, pp. 179-199, 1991.\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref8\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn9\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://archive.org/details/AcornUser052-Nov86/page/n198/mode/1up\"}},[_vm._v(\"Testing the Tak. Acorn User. pp. 197, 199.\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref9\"}},[_vm._v(\"↩︎\")])])]),_c('li',{staticClass:\"footnote-item\",attrs:{\"id\":\"fn10\"}},[_c('p',[_c('a',{attrs:{\"href\":\"https://docs.ruby-lang.org/en/3.0.0/doc/ractor_md.html#label-Thread-safety\"}},[_vm._v(\"Ruby Lang. (2021). Ractor documentation. Thread-safety.\")]),_vm._v(\" \"),_c('a',{staticClass:\"footnote-backref\",attrs:{\"href\":\"#fnref10\"}},[_vm._v(\"↩︎\")])])])])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./guild.md?vue&type=template&id=b474fff4&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/guilds_5.d4b578a0.png\";"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-930b4194.30093d6b.js b/js/chunk-930b4194.30093d6b.js
new file mode 100644
index 0000000..1baa192
--- /dev/null
+++ b/js/chunk-930b4194.30093d6b.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-930b4194"],{"34f5":function(a,t,e){"use strict";e.r(t);var n=function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",[e("Navbar"),e("MainImage"),e("div",{staticClass:"container"},[e("div",{staticClass:"inner-content col-sm-8 col-md-10"},[e("router-view")],1)])],1)},s=[],i=function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{staticClass:"wrap-banner"},[a._m(0),e("vue-particles",{staticClass:"particle-js",attrs:{color:"#dedede",particleOpacity:.7,particlesNumber:80,shapeType:"circle",particleSize:4,linesColor:"#dedede",linesWidth:1,lineLinked:!0,lineOpacity:.4,linesDistance:150,moveSpeed:3,hoverEffect:!0,hoverMode:"grab",clickEffect:!0,clickMode:"push"}})],1)},l=[function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("div",{staticClass:"main-title titulo-heading"},[e("h2",[a._v(" IASC BOOK ")]),e("p",{staticClass:"subtitle"},[a._v(" Pagina con el material de la materia de IASC ")])])}],r=(e("ea27"),e("2877")),c={},o=Object(r["a"])(c,i,l,!1,null,"7af6ec48",null),u=o.exports,v=e("d178"),d={name:"AppLayoutHome",components:{MainImage:u,Navbar:v["a"]}},p=d,b=Object(r["a"])(p,n,s,!1,null,"af2a1948",null);t["default"]=b.exports},"5dfc":function(a,t,e){"use strict";e("cba0")},cba0:function(a,t,e){},d178:function(a,t,e){"use strict";var n=function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("nav",{staticClass:"navbar navbar-expand-lg navbar-light"},[a._m(0),e("div",{staticClass:"collapse navbar-collapse",attrs:{id:"navbarNav"}},[e("ul",{staticClass:"navbar-nav ml-auto"},[e("li",{staticClass:"nav-item active"},[e("router-link",{staticClass:"nav-link",attrs:{to:"/"}},[a._v("Home "),e("span",{staticClass:"sr-only"},[a._v("(current)")])])],1),a._m(1)])])])},s=[function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("button",{staticClass:"navbar-toggler",attrs:{type:"button","data-toggle":"collapse","data-target":"#navbarNav","aria-controls":"navbarNav","aria-expanded":"false","aria-label":"Toggle navigation"}},[e("span",{staticClass:"navbar-toggler-icon"})])},function(){var a=this,t=a.$createElement,e=a._self._c||t;return e("li",{staticClass:"nav-item"},[e("a",{staticClass:"nav-link navbar-button",attrs:{href:"http://arquitecturas-concurrentes.github.io/"}},[a._v("IASC")])])}],i=(e("5dfc"),e("2877")),l={},r=Object(i["a"])(l,n,s,!1,null,null,null);t["a"]=r.exports},ea27:function(a,t,e){"use strict";e("eab8")},eab8:function(a,t,e){}}]);
+//# sourceMappingURL=chunk-930b4194.30093d6b.js.map
\ No newline at end of file
diff --git a/js/chunk-930b4194.30093d6b.js.map b/js/chunk-930b4194.30093d6b.js.map
new file mode 100644
index 0000000..2c22d8b
--- /dev/null
+++ b/js/chunk-930b4194.30093d6b.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/layouts/AppLayoutHome.vue?bc27","webpack:///./src/components/MainImage.vue?4f3b","webpack:///./src/components/MainImage.vue","webpack:///src/layouts/AppLayoutHome.vue","webpack:///./src/layouts/AppLayoutHome.vue?352e","webpack:///./src/layouts/AppLayoutHome.vue","webpack:///./src/components/Navbar.vue?1166","webpack:///./src/components/Navbar.vue?a63b","webpack:///./src/components/Navbar.vue","webpack:///./src/components/MainImage.vue?8561"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","_m","attrs","_v","script","component","name","components","MainImage","Navbar"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAUA,EAAG,aAAaA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,gBAAgB,MAAM,IAC3PG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIQ,GAAG,GAAGJ,EAAG,gBAAgB,CAACE,YAAY,cAAcG,MAAM,CAAC,MAAQ,UAAU,gBAAkB,GAAI,gBAAkB,GAAG,UAAY,SAAS,aAAe,EAAE,WAAa,UAAU,WAAa,EAAE,YAAa,EAAK,YAAc,GAAI,cAAgB,IAAI,UAAY,EAAE,aAAc,EAAK,UAAY,OAAO,aAAc,EAAK,UAAY,WAAW,IAChe,EAAkB,CAAC,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,KAAK,CAACJ,EAAIU,GAAG,iBAAiBN,EAAG,IAAI,CAACE,YAAY,YAAY,CAACN,EAAIU,GAAG,wD,wBCAnOC,EAAS,GAMTC,EAAY,eACdD,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAC,E,oBCFf,GACEC,KAAM,gBACNC,WAAY,CACVC,UAAJ,EACIC,OAAJ,SCpBuV,ICOnV,EAAY,eACd,EACAjB,EACAQ,GACA,EACA,KACA,WACA,MAIa,e,6CClBf,W,yDCAA,IAAIR,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACN,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,2BAA2BG,MAAM,CAAC,GAAK,cAAc,CAACL,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACE,YAAY,WAAWG,MAAM,CAAC,GAAK,MAAM,CAACT,EAAIU,GAAG,SAASN,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIU,GAAG,kBAAkB,GAAGV,EAAIQ,GAAG,UACxdD,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,iBAAiBG,MAAM,CAAC,KAAO,SAAS,cAAc,WAAW,cAAc,aAAa,gBAAgB,YAAY,gBAAgB,QAAQ,aAAa,sBAAsB,CAACL,EAAG,OAAO,CAACE,YAAY,2BAA2B,WAAa,IAAIN,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,yBAAyBG,MAAM,CAAC,KAAO,iDAAiD,CAACT,EAAIU,GAAG,c,wBCA9kBC,EAAS,GAMTC,EAAY,eACdD,EACAZ,EACAQ,GACA,EACA,KACA,KACA,MAIa,OAAAK,E,2CClBf,W","file":"js/chunk-930b4194.30093d6b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Navbar'),_c('MainImage'),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"inner-content col-sm-8 col-md-10\"},[_c('router-view')],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-banner\"},[_vm._m(0),_c('vue-particles',{staticClass:\"particle-js\",attrs:{\"color\":\"#dedede\",\"particleOpacity\":0.7,\"particlesNumber\":80,\"shapeType\":\"circle\",\"particleSize\":4,\"linesColor\":\"#dedede\",\"linesWidth\":1,\"lineLinked\":true,\"lineOpacity\":0.4,\"linesDistance\":150,\"moveSpeed\":3,\"hoverEffect\":true,\"hoverMode\":\"grab\",\"clickEffect\":true,\"clickMode\":\"push\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-title titulo-heading\"},[_c('h2',[_vm._v(\" IASC BOOK \")]),_c('p',{staticClass:\"subtitle\"},[_vm._v(\" Pagina con el material de la materia de IASC \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MainImage.vue?vue&type=template&id=7af6ec48&scoped=true&\"\nvar script = {}\nimport style0 from \"./MainImage.vue?vue&type=style&index=0&id=7af6ec48&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7af6ec48\",\n null\n \n)\n\nexport default component.exports","\n
\n \n \n
\n
\n \n
\n
\n
\n\n\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutHome.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppLayoutHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppLayoutHome.vue?vue&type=template&id=af2a1948&scoped=true&\"\nimport script from \"./AppLayoutHome.vue?vue&type=script&lang=js&\"\nexport * from \"./AppLayoutHome.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"af2a1948\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Navbar.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:\"navbar navbar-expand-lg navbar-light\"},[_vm._m(0),_c('div',{staticClass:\"collapse navbar-collapse\",attrs:{\"id\":\"navbarNav\"}},[_c('ul',{staticClass:\"navbar-nav ml-auto\"},[_c('li',{staticClass:\"nav-item active\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"to\":\"/\"}},[_vm._v(\"Home \"),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"(current)\")])])],1),_vm._m(1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#navbarNav\",\"aria-controls\":\"navbarNav\",\"aria-expanded\":\"false\",\"aria-label\":\"Toggle navigation\"}},[_c('span',{staticClass:\"navbar-toggler-icon\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link navbar-button\",attrs:{\"href\":\"http://arquitecturas-concurrentes.github.io/\"}},[_vm._v(\"IASC\")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Navbar.vue?vue&type=template&id=7f0398a6&\"\nvar script = {}\nimport style0 from \"./Navbar.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MainImage.vue?vue&type=style&index=0&id=7af6ec48&scoped=true&lang=css&\""],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-9b0b6b6c.a81ed39e.js b/js/chunk-9b0b6b6c.a81ed39e.js
new file mode 100644
index 0000000..6bf8288
--- /dev/null
+++ b/js/chunk-9b0b6b6c.a81ed39e.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9b0b6b6c"],{"30d9":function(e,a,o){e.exports=o.p+"img/actors.12e50190.png"},"4d14":function(e,a,o){"use strict";o.r(a);var s=function(){var e=this,a=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,a=e.$createElement,s=e._self._c||a;return s("section",[s("h2",{attrs:{id:"introduccion"}},[e._v("Introduccion "),s("a",{staticClass:"header-anchor",attrs:{href:"#introduccion"}},[e._v("¶")])]),s("p",[e._v("El modelo de Actores, como vimos, tiene muchas similitudes al paradigma de objetos aunque con algunas diferencias. El modelo de actores en si se define como uno que puede lidiar con computaciones concurrentes, por lo que hay algunas reglas en cómo deben ser modelados estos componentes, su comportamiento e interacción. El modelo de actores tiene su unidad de computación más primitiva que es un actor, y que es una computación que recibe un mensaje y hace un procesamiento en base a eso, tambien ademas de recibir mensajes, puede enviar mensajes, tiene una identidad, que es mediante un id único en el sistema. Si empezamos a ver que un actor posee identidad, y envío/recepción de mensajes, uno pensaría que es bastante similar a la de un objeto, o no?. Bueno también un actor, cuando recibe un mensaje, hace algo dependiendo del mensaje que recibe ( similar a cuando llamamos a un método determinado a un objeto). Existen diferencias entre actores y objetos, y la más notoria es que en un modelo de objetos, varios objetos se ejecutan en una unidad de procesamiento (proceso o thread) y comparten recursos como memoria, esto no es lo mismo en el paradigma de actores en el que los actores son en realidad un contexto de ejecución y están completamente aislados uno de otros y nunca van a compartir memorias u otros recursos. También se debe aclarar que un actor puede mantener un estado privado y que este no puede ser cambiado directamente por otro actor (encapsulamiento). En el modelo de actores, nuestro sistema tiene que estar diagramado en actores y todo es un actor, y tienen que tener direcciones siempre, y esta dirección es lo que hablábamos antes que era el identificador en el ecosistema.")]),s("p",[e._v("Los Actores además tienen un mailbox (buzón), en donde van a poder recibir los mensajes de otros actores, y por qué es esto? Bueno porque el envío de mensajes entre actores es asincrónico, por lo cual nunca se sabe exactamente cuando un actor recibe un mensaje, y el modelo elige este modelo de envío de mensajes, ya que al ser una unidad de ejecucion tambien, si se hacen llamadas sincrónicas, el proceso se quedara esperando a una respuesta que puede tal vez nunca llegar o demorar mucho más tiempo, quedando este proceso bloqueado mientras tanto y no dejando de que se pueda ejecutar otro actor que tal vez puede procesar algo. Al poder un actor recibir más de un mensaje en poco tiempo, y al procesar estos de a uno, si se recibe otro mensaje, el actor no lo puede recibir y procesar inmediatamente, por lo que estos mensajes que por el momento el actor no puede procesar quedan encolados en el buzón. También estos escenarios suceden al tener múltiples actores que pueden ejecutarse al mismo tiempo, aunque un actor puede procesar un mensaje al mismo tiempo por lo que de nuevo, si un actor recibe al mismo tiempo 3 mensajes, va a ejecutar uno solo a la vez y por lo tanto hay que mantener un estado de que después hay dos mensajes más por ser procesados, esta es la razón de que los actores tengan un buzón. Si queremos que se ejecuten concurrentemente 3 mensajes, deberemos tener 3 actores y que se le envie un mensaje a cada uno.")]),s("img",{staticClass:"center",attrs:{src:o("30d9"),height:"350"}}),s("h2",{attrs:{id:"que-pueden-hacer-los-actores"}},[e._v("Que pueden hacer los actores "),s("a",{staticClass:"header-anchor",attrs:{href:"#que-pueden-hacer-los-actores"}},[e._v("¶")])]),s("ul",[s("li",[e._v("Enviar y procesar mensajes de otros actores")]),s("li",[e._v("Crear mas actores")]),s("li",[e._v("ejecutar otro código después de procesar un mensaje.")])]),s("p",[e._v("Mencionamos que los actores son también una abstracción que tiene un contexto de ejecución propio, quien se encarga entonces de ejecutar a los actores. En la VM de Erlang/Elixir, existe algo llamado Scheduler, que se encarga de la coordinación de los actores y de la ejecución sobre un procesador del actor. "),s("a",{attrs:{href:"http://erlang.org/pipermail/erlang-questions/2001-April/003132.html"}},[e._v("Mas sobre el scheduler de BEAM")])]),s("p",[e._v("Que pasa cuando un actor no tiene ningun mensaje mas para procesar? El mismo muere. El ciclo de vida de un actor es relativamente corto y está pensado para que realice una acción en particular, reciba, envíe mensajes y cree otros actores, pero cuando deja de tener acciones futuras a realizar el mismo muere. Cómo podemos evitar que esto suceda? Bueno si queremos que un actor pueda quedar vivo, esperando a que reciba un mensaje eventualmente, podemos tan solo hacer eso llamándose a sí mismo y haciendo eso. Podemos ver un ejemplo "),s("a",{attrs:{href:"https://github.com/arquitecturas-concurrentes/iasc-actors-intro-elixir/blob/master/elixir/intro_actors/lib/intro_actors.ex"}},[e._v("aquí")])]),s("p",[e._v("Otro tema importante es que un actor no tiene métodos como los objetos, y el comportamiento de esta última está provista por las clases siempre. En Elixir/Erlang, existe algo más o menos similar que son los módulos, que podemos definir funciones que podemos pasarlas al actor para que las ejecute, es importante la siguiente línea del ejemplo anterior")]),s("pre",{pre:!0},[s("code",{pre:!0,attrs:{"v-pre":"",class:"language-elixir"}},[e._v("spawn("),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("fn")]),e._v(" -> loop "),s("span",{pre:!0,attrs:{class:"hljs-keyword"}},[e._v("end")]),e._v(")\n")])]),s("p",[e._v("Spawn es la primitiva para crear un actor, y se le puede pasar una función que sea un loop que se llame a sí mismo y de acuerdo al mensaje que reciba realizará una acción. Esta es la manera más simple de que un actor quede vivo después de procesar los mensajes que tiene en el mailbox.")]),s("p",[e._v("Hay otra librería que nos ayuda mucho a no tener que preocuparnos por esto que es OTP, que nos va a ayudar a modelar, mediante módulos que son más bien recurrentes, diferente tipos de actores que harán distintas acciones puntuales que nos van a ayudar bastante a que nos centremos más en el dominio de nuestra aplicación.")]),s("p",[e._v("Que pasa si un actor falla por alguna razón? Bueno el mismo muere y hay que volver a crearlo y si recibió un mensaje en particular hay que enviarselo de nuevo, hay maneras de que podamos evitar esto mediante catcheo de excepciones, aunque puede ser a veces que pueda morir por otras razones, con lo cual a veces es mejor dejar de morir un actor solo… Entonces que hago para poder volver a levantar un actor que se murió sin que tenga que hacerlo uno a mano? Hay un módulo de OTP que veremos en la próxima sección que nos ayuda con este tema y son los supervisores.")]),s("p",[e._v("Más info sobre errores en el ecosistema de Erlang/Elixir "),s("a",{attrs:{href:"https://learnyousomeerlang.com/errors-and-exceptions#not-so-fast"}},[e._v("aqui")])]),s("p",[e._v("Adicional:")]),s("p",[e._v("Leer principalmente la primera parte que describe brevemente el paradigma de actores junto con actores en Erlang y el scheduling en Erlang.")]),s("p",[s("a",{attrs:{href:"https://rocketeer.be/articles/concurrency-in-erlang-scala/"}},[e._v("https://rocketeer.be/articles/concurrency-in-erlang-scala/")])])])}],r=o("2877"),t={},u=Object(r["a"])(t,s,n,!1,null,null,null);a["default"]=u.exports}}]);
+//# sourceMappingURL=chunk-9b0b6b6c.a81ed39e.js.map
\ No newline at end of file
diff --git a/js/chunk-9b0b6b6c.a81ed39e.js.map b/js/chunk-9b0b6b6c.a81ed39e.js.map
new file mode 100644
index 0000000..59408e7
--- /dev/null
+++ b/js/chunk-9b0b6b6c.a81ed39e.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/images/actors.png","webpack:///./src/content/actores_intro.md?94b1","webpack:///./src/content/actores_intro.md"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","attrs","_v","staticClass","pre","script","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,2B,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,UAAU,CAACA,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,iBAAiB,CAACR,EAAIS,GAAG,iBAAiBJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,kBAAkB,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,4qDAA4qDJ,EAAG,IAAI,CAACL,EAAIS,GAAG,m6CAAm6CJ,EAAG,MAAM,CAACK,YAAY,SAASF,MAAM,CAAC,IAAM,EAAQ,QAAuB,OAAS,SAASH,EAAG,KAAK,CAACG,MAAM,CAAC,GAAK,iCAAiC,CAACR,EAAIS,GAAG,iCAAiCJ,EAAG,IAAI,CAACK,YAAY,gBAAgBF,MAAM,CAAC,KAAO,kCAAkC,CAACR,EAAIS,GAAG,SAASJ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACL,EAAIS,GAAG,iDAAiDJ,EAAG,KAAK,CAACL,EAAIS,GAAG,uBAAuBJ,EAAG,KAAK,CAACL,EAAIS,GAAG,4DAA4DJ,EAAG,IAAI,CAACL,EAAIS,GAAG,wTAAwTJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,wEAAwE,CAACR,EAAIS,GAAG,sCAAsCJ,EAAG,IAAI,CAACL,EAAIS,GAAG,yhBAAyhBJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,+HAA+H,CAACR,EAAIS,GAAG,YAAYJ,EAAG,IAAI,CAACL,EAAIS,GAAG,qWAAqWJ,EAAG,MAAM,CAACM,KAAI,GAAM,CAACN,EAAG,OAAO,CAACM,KAAI,EAAKH,MAAM,CAAC,QAAQ,GAAG,MAAQ,oBAAoB,CAACR,EAAIS,GAAG,UAAUJ,EAAG,OAAO,CAACM,KAAI,EAAKH,MAAM,CAAC,MAAQ,iBAAiB,CAACR,EAAIS,GAAG,QAAQT,EAAIS,GAAG,aAAaJ,EAAG,OAAO,CAACM,KAAI,EAAKH,MAAM,CAAC,MAAQ,iBAAiB,CAACR,EAAIS,GAAG,SAAST,EAAIS,GAAG,WAAWJ,EAAG,IAAI,CAACL,EAAIS,GAAG,mSAAmSJ,EAAG,IAAI,CAACL,EAAIS,GAAG,uUAAuUJ,EAAG,IAAI,CAACL,EAAIS,GAAG,0jBAA0jBJ,EAAG,IAAI,CAACL,EAAIS,GAAG,6DAA6DJ,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,qEAAqE,CAACR,EAAIS,GAAG,YAAYJ,EAAG,IAAI,CAACL,EAAIS,GAAG,gBAAgBJ,EAAG,IAAI,CAACL,EAAIS,GAAG,iJAAiJJ,EAAG,IAAI,CAACA,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,+DAA+D,CAACR,EAAIS,GAAG,sE,YCAnzOG,EAAS,GAKTC,EAAY,eACdD,EACAb,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAM,E","file":"js/chunk-9b0b6b6c.a81ed39e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/actors.12e50190.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('h2',{attrs:{\"id\":\"introduccion\"}},[_vm._v(\"Introduccion \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#introduccion\"}},[_vm._v(\"¶\")])]),_c('p',[_vm._v(\"El modelo de Actores, como vimos, tiene muchas similitudes al paradigma de objetos aunque con algunas diferencias. El modelo de actores en si se define como uno que puede lidiar con computaciones concurrentes, por lo que hay algunas reglas en cómo deben ser modelados estos componentes, su comportamiento e interacción. El modelo de actores tiene su unidad de computación más primitiva que es un actor, y que es una computación que recibe un mensaje y hace un procesamiento en base a eso, tambien ademas de recibir mensajes, puede enviar mensajes, tiene una identidad, que es mediante un id único en el sistema. Si empezamos a ver que un actor posee identidad, y envío/recepción de mensajes, uno pensaría que es bastante similar a la de un objeto, o no?. Bueno también un actor, cuando recibe un mensaje, hace algo dependiendo del mensaje que recibe ( similar a cuando llamamos a un método determinado a un objeto). Existen diferencias entre actores y objetos, y la más notoria es que en un modelo de objetos, varios objetos se ejecutan en una unidad de procesamiento (proceso o thread) y comparten recursos como memoria, esto no es lo mismo en el paradigma de actores en el que los actores son en realidad un contexto de ejecución y están completamente aislados uno de otros y nunca van a compartir memorias u otros recursos. También se debe aclarar que un actor puede mantener un estado privado y que este no puede ser cambiado directamente por otro actor (encapsulamiento). En el modelo de actores, nuestro sistema tiene que estar diagramado en actores y todo es un actor, y tienen que tener direcciones siempre, y esta dirección es lo que hablábamos antes que era el identificador en el ecosistema.\")]),_c('p',[_vm._v(\"Los Actores además tienen un mailbox (buzón), en donde van a poder recibir los mensajes de otros actores, y por qué es esto? Bueno porque el envío de mensajes entre actores es asincrónico, por lo cual nunca se sabe exactamente cuando un actor recibe un mensaje, y el modelo elige este modelo de envío de mensajes, ya que al ser una unidad de ejecucion tambien, si se hacen llamadas sincrónicas, el proceso se quedara esperando a una respuesta que puede tal vez nunca llegar o demorar mucho más tiempo, quedando este proceso bloqueado mientras tanto y no dejando de que se pueda ejecutar otro actor que tal vez puede procesar algo. Al poder un actor recibir más de un mensaje en poco tiempo, y al procesar estos de a uno, si se recibe otro mensaje, el actor no lo puede recibir y procesar inmediatamente, por lo que estos mensajes que por el momento el actor no puede procesar quedan encolados en el buzón. También estos escenarios suceden al tener múltiples actores que pueden ejecutarse al mismo tiempo, aunque un actor puede procesar un mensaje al mismo tiempo por lo que de nuevo, si un actor recibe al mismo tiempo 3 mensajes, va a ejecutar uno solo a la vez y por lo tanto hay que mantener un estado de que después hay dos mensajes más por ser procesados, esta es la razón de que los actores tengan un buzón. Si queremos que se ejecuten concurrentemente 3 mensajes, deberemos tener 3 actores y que se le envie un mensaje a cada uno.\")]),_c('img',{staticClass:\"center\",attrs:{\"src\":require(\"@/images/actors.png\"),\"height\":\"350\"}}),_c('h2',{attrs:{\"id\":\"que-pueden-hacer-los-actores\"}},[_vm._v(\"Que pueden hacer los actores \"),_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"#que-pueden-hacer-los-actores\"}},[_vm._v(\"¶\")])]),_c('ul',[_c('li',[_vm._v(\"Enviar y procesar mensajes de otros actores\")]),_c('li',[_vm._v(\"Crear mas actores\")]),_c('li',[_vm._v(\"ejecutar otro código después de procesar un mensaje.\")])]),_c('p',[_vm._v(\"Mencionamos que los actores son también una abstracción que tiene un contexto de ejecución propio, quien se encarga entonces de ejecutar a los actores. En la VM de Erlang/Elixir, existe algo llamado Scheduler, que se encarga de la coordinación de los actores y de la ejecución sobre un procesador del actor. \"),_c('a',{attrs:{\"href\":\"http://erlang.org/pipermail/erlang-questions/2001-April/003132.html\"}},[_vm._v(\"Mas sobre el scheduler de BEAM\")])]),_c('p',[_vm._v(\"Que pasa cuando un actor no tiene ningun mensaje mas para procesar? El mismo muere. El ciclo de vida de un actor es relativamente corto y está pensado para que realice una acción en particular, reciba, envíe mensajes y cree otros actores, pero cuando deja de tener acciones futuras a realizar el mismo muere. Cómo podemos evitar que esto suceda? Bueno si queremos que un actor pueda quedar vivo, esperando a que reciba un mensaje eventualmente, podemos tan solo hacer eso llamándose a sí mismo y haciendo eso. Podemos ver un ejemplo \"),_c('a',{attrs:{\"href\":\"https://github.com/arquitecturas-concurrentes/iasc-actors-intro-elixir/blob/master/elixir/intro_actors/lib/intro_actors.ex\"}},[_vm._v(\"aquí\")])]),_c('p',[_vm._v(\"Otro tema importante es que un actor no tiene métodos como los objetos, y el comportamiento de esta última está provista por las clases siempre. En Elixir/Erlang, existe algo más o menos similar que son los módulos, que podemos definir funciones que podemos pasarlas al actor para que las ejecute, es importante la siguiente línea del ejemplo anterior\")]),_c('pre',{pre:true},[_c('code',{pre:true,attrs:{\"v-pre\":\"\",\"class\":\"language-elixir\"}},[_vm._v(\"spawn(\"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"fn\")]),_vm._v(\" -> loop \"),_c('span',{pre:true,attrs:{\"class\":\"hljs-keyword\"}},[_vm._v(\"end\")]),_vm._v(\")\\n\")])]),_c('p',[_vm._v(\"Spawn es la primitiva para crear un actor, y se le puede pasar una función que sea un loop que se llame a sí mismo y de acuerdo al mensaje que reciba realizará una acción. Esta es la manera más simple de que un actor quede vivo después de procesar los mensajes que tiene en el mailbox.\")]),_c('p',[_vm._v(\"Hay otra librería que nos ayuda mucho a no tener que preocuparnos por esto que es OTP, que nos va a ayudar a modelar, mediante módulos que son más bien recurrentes, diferente tipos de actores que harán distintas acciones puntuales que nos van a ayudar bastante a que nos centremos más en el dominio de nuestra aplicación.\")]),_c('p',[_vm._v(\"Que pasa si un actor falla por alguna razón? Bueno el mismo muere y hay que volver a crearlo y si recibió un mensaje en particular hay que enviarselo de nuevo, hay maneras de que podamos evitar esto mediante catcheo de excepciones, aunque puede ser a veces que pueda morir por otras razones, con lo cual a veces es mejor dejar de morir un actor solo… Entonces que hago para poder volver a levantar un actor que se murió sin que tenga que hacerlo uno a mano? Hay un módulo de OTP que veremos en la próxima sección que nos ayuda con este tema y son los supervisores.\")]),_c('p',[_vm._v(\"Más info sobre errores en el ecosistema de Erlang/Elixir \"),_c('a',{attrs:{\"href\":\"https://learnyousomeerlang.com/errors-and-exceptions#not-so-fast\"}},[_vm._v(\"aqui\")])]),_c('p',[_vm._v(\"Adicional:\")]),_c('p',[_vm._v(\"Leer principalmente la primera parte que describe brevemente el paradigma de actores junto con actores en Erlang y el scheduling en Erlang.\")]),_c('p',[_c('a',{attrs:{\"href\":\"https://rocketeer.be/articles/concurrency-in-erlang-scala/\"}},[_vm._v(\"https://rocketeer.be/articles/concurrency-in-erlang-scala/\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./actores_intro.md?vue&type=template&id=2fb25deb&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/chunk-b6b65a62.5b6cc0bd.js b/js/chunk-b6b65a62.5b6cc0bd.js
new file mode 100644
index 0000000..5e09adc
--- /dev/null
+++ b/js/chunk-b6b65a62.5b6cc0bd.js
@@ -0,0 +1,2 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-b6b65a62"],{"0068":function(e,t,r){"use strict";function n(e){return Object.prototype.toString.call(e)}function s(e){return"[object String]"===n(e)}var o=Object.prototype.hasOwnProperty;function i(e,t){return o.call(e,t)}function a(e){var t=Array.prototype.slice.call(arguments,1);return t.forEach((function(t){if(t){if("object"!==typeof t)throw new TypeError(t+"must be object");Object.keys(t).forEach((function(r){e[r]=t[r]}))}})),e}function c(e,t,r){return[].concat(e.slice(0,t),r,e.slice(t+1))}function u(e){return!(e>=55296&&e<=57343)&&(!(e>=64976&&e<=65007)&&(65535!==(65535&e)&&65534!==(65535&e)&&(!(e>=0&&e<=8)&&(11!==e&&(!(e>=14&&e<=31)&&(!(e>=127&&e<=159)&&!(e>1114111)))))))}function l(e){if(e>65535){e-=65536;var t=55296+(e>>10),r=56320+(1023&e);return String.fromCharCode(t,r)}return String.fromCharCode(e)}var p=/\\([!"#$%&'()*+,\-.\/:;<=>?@[\\\]^_`{|}~])/g,h=/&([a-z#][a-z0-9]{1,31});/gi,f=new RegExp(p.source+"|"+h.source,"gi"),d=/^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))/i,m=r("bd68");function g(e,t){var r=0;return i(m,t)?m[t]:35===t.charCodeAt(0)&&d.test(t)&&(r="x"===t[1].toLowerCase()?parseInt(t.slice(2),16):parseInt(t.slice(1),10),u(r))?l(r):e}function b(e){return e.indexOf("\\")<0?e:e.replace(p,"$1")}function _(e){return e.indexOf("\\")<0&&e.indexOf("&")<0?e:e.replace(f,(function(e,t,r){return t||g(e,r)}))}var k=/[&<>"]/,v=/[&<>"]/g,y={"&":"&","<":"<",">":">",'"':"""};function x(e){return y[e]}function C(e){return k.test(e)?e.replace(v,x):e}var w=/[.?*+^$[\]\\(){}|-]/g;function A(e){return e.replace(w,"\\$&")}function D(e){switch(e){case 9:case 32:return!0}return!1}function E(e){if(e>=8192&&e<=8202)return!0;switch(e){case 9:case 10:case 11:case 12:case 13:case 32:case 160:case 5760:case 8239:case 8287:case 12288:return!0}return!1}var q=r("7ca0");function S(e){return q.test(e)}function F(e){switch(e){case 33:case 34:case 35:case 36:case 37:case 38:case 39:case 40:case 41:case 42:case 43:case 44:case 45:case 46:case 47:case 58:case 59:case 60:case 61:case 62:case 63:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 124:case 125:case 126:return!0;default:return!1}}function L(e){return e=e.trim().replace(/\s+/g," "),"Ṿ"==="ẞ".toLowerCase()&&(e=e.replace(/ẞ/g,"ß")),e.toLowerCase().toUpperCase()}t.lib={},t.lib.mdurl=r("d8a6"),t.lib.ucmicro=r("d5d1"),t.assign=a,t.isString=s,t.has=i,t.unescapeMd=b,t.unescapeAll=_,t.isValidEntityCode=u,t.fromCodePoint=l,t.escapeHtml=C,t.arrayReplaceAt=c,t.isSpace=D,t.isWhiteSpace=E,t.isMdAsciiPunct=F,t.isPunctChar=S,t.escapeRE=A,t.normalizeReference=L},"0758":function(e,t,r){"use strict";var n=r("0068").isSpace;e.exports=function(e,t,r,s){var o,i,a,c,u=e.bMarks[t]+e.tShift[t],l=e.eMarks[t];if(e.sCount[t]-e.blkIndent>=4)return!1;if(o=e.src.charCodeAt(u),35!==o||u>=l)return!1;i=1,o=e.src.charCodeAt(++u);while(35===o&&u6||uu&&n(e.src.charCodeAt(a-1))&&(l=a),e.line=t+1,c=e.push("heading_open","h"+String(i),1),c.markup="########".slice(0,i),c.map=[t,e.line],c=e.push("inline","",0),c.content=e.src.slice(u,l).trim(),c.map=[t,e.line],c.children=[],c=e.push("heading_close","h"+String(i),-1),c.markup="########".slice(0,i)),!0)}},"08ae":function(e,t,r){"use strict";var n=r("0068"),s=r("565b"),o=r("7cc2"),i=r("a915"),a=r("7696"),c=r("4cb4"),u=r("fbcd"),l=r("d8a6"),p=r("1985"),h={default:r("8a31"),zero:r("1caa"),commonmark:r("428d")},f=/^(vbscript|javascript|file|data):/,d=/^data:image\/(gif|png|jpeg|webp);/;function m(e){var t=e.trim().toLowerCase();return!f.test(t)||!!d.test(t)}var g=["http:","https:","mailto:"];function b(e){var t=l.parse(e,!0);if(t.hostname&&(!t.protocol||g.indexOf(t.protocol)>=0))try{t.hostname=p.toASCII(t.hostname)}catch(r){}return l.encode(l.format(t))}function _(e){var t=l.parse(e,!0);if(t.hostname&&(!t.protocol||g.indexOf(t.protocol)>=0))try{t.hostname=p.toUnicode(t.hostname)}catch(r){}return l.decode(l.format(t),l.decode.defaultChars+"%")}function k(e,t){if(!(this instanceof k))return new k(e,t);t||n.isString(e)||(t=e||{},e="default"),this.inline=new c,this.block=new a,this.core=new i,this.renderer=new o,this.linkify=new u,this.validateLink=m,this.normalizeLink=b,this.normalizeLinkText=_,this.utils=n,this.helpers=n.assign({},s),this.options={},this.configure(e),t&&this.set(t)}k.prototype.set=function(e){return n.assign(this.options,e),this},k.prototype.configure=function(e){var t,r=this;if(n.isString(e)&&(t=e,e=h[t],!e))throw new Error('Wrong `markdown-it` preset "'+t+'", check name');if(!e)throw new Error("Wrong `markdown-it` preset, can't be empty");return e.options&&r.set(e.options),e.components&&Object.keys(e.components).forEach((function(t){e.components[t].rules&&r[t].ruler.enableOnly(e.components[t].rules),e.components[t].rules2&&r[t].ruler2.enableOnly(e.components[t].rules2)})),this},k.prototype.enable=function(e,t){var r=[];Array.isArray(e)||(e=[e]),["core","block","inline"].forEach((function(t){r=r.concat(this[t].ruler.enable(e,!0))}),this),r=r.concat(this.inline.ruler2.enable(e,!0));var n=e.filter((function(e){return r.indexOf(e)<0}));if(n.length&&!t)throw new Error("MarkdownIt. Failed to enable unknown rule(s): "+n);return this},k.prototype.disable=function(e,t){var r=[];Array.isArray(e)||(e=[e]),["core","block","inline"].forEach((function(t){r=r.concat(this[t].ruler.disable(e,!0))}),this),r=r.concat(this.inline.ruler2.disable(e,!0));var n=e.filter((function(e){return r.indexOf(e)<0}));if(n.length&&!t)throw new Error("MarkdownIt. Failed to disable unknown rule(s): "+n);return this},k.prototype.use=function(e){var t=[this].concat(Array.prototype.slice.call(arguments,1));return e.apply(e,t),this},k.prototype.parse=function(e,t){if("string"!==typeof e)throw new Error("Input data should be a String");var r=new this.core.State(e,this,t);return this.core.process(r),r.tokens},k.prototype.render=function(e,t){return t=t||{},this.renderer.render(this.parse(e,t),this.options,t)},k.prototype.parseInline=function(e,t){var r=new this.core.State(e,this,t);return r.inlineMode=!0,this.core.process(r),r.tokens},k.prototype.renderInline=function(e,t){return t=t||{},this.renderer.render(this.parseInline(e,t),this.options,t)},e.exports=k},"096b":function(e,t,r){"use strict";function n(e,t,r){this.type=e,this.tag=t,this.attrs=null,this.map=null,this.nesting=r,this.level=0,this.children=null,this.content="",this.markup="",this.info="",this.meta=null,this.block=!1,this.hidden=!1}n.prototype.attrIndex=function(e){var t,r,n;if(!this.attrs)return-1;for(t=this.attrs,r=0,n=t.length;r=0&&(r=this.attrs[t][1]),r},n.prototype.attrJoin=function(e,t){var r=this.attrIndex(e);r<0?this.attrPush([e,t]):this.attrs[r][1]=this.attrs[r][1]+" "+t},e.exports=n},"097b":function(e,t,r){"use strict";var n=r("096b"),s=r("0068").isWhiteSpace,o=r("0068").isPunctChar,i=r("0068").isMdAsciiPunct;function a(e,t,r,n){this.src=e,this.env=r,this.md=t,this.tokens=n,this.tokens_meta=Array(n.length),this.pos=0,this.posMax=this.src.length,this.level=0,this.pending="",this.pendingLevel=0,this.cache={},this.delimiters=[],this._prev_delimiters=[],this.backticks={},this.backticksScanned=!1}a.prototype.pushPending=function(){var e=new n("text","",0);return e.content=this.pending,e.level=this.pendingLevel,this.tokens.push(e),this.pending="",e},a.prototype.push=function(e,t,r){this.pending&&this.pushPending();var s=new n(e,t,r),o=null;return r<0&&(this.level--,this.delimiters=this._prev_delimiters.pop()),s.level=this.level,r>0&&(this.level++,this._prev_delimiters.push(this.delimiters),this.delimiters=[],o={delimiters:this.delimiters}),this.pendingLevel=this.level,this.tokens.push(s),this.tokens_meta.push(o),s},a.prototype.scanDelims=function(e,t){var r,n,a,c,u,l,p,h,f,d=e,m=!0,g=!0,b=this.posMax,_=this.src.charCodeAt(e);r=e>0?this.src.charCodeAt(e-1):32;while(d= 0x80 (not a basic code point)","invalid-input":"Invalid input"},y=u-l,x=Math.floor,C=String.fromCharCode;function w(e){throw new RangeError(v[e])}function A(e,t){var r=e.length,n=[];while(r--)n[r]=t(e[r]);return n}function D(e,t){var r=e.split("@"),n="";r.length>1&&(n=r[0]+"@",e=r[1]),e=e.replace(k,".");var s=e.split("."),o=A(s,t).join(".");return n+o}function E(e){var t,r,n=[],s=0,o=e.length;while(s=55296&&t<=56319&&s65535&&(e-=65536,t+=C(e>>>10&1023|55296),e=56320|1023&e),t+=C(e),t})).join("")}function S(e){return e-48<10?e-22:e-65<26?e-65:e-97<26?e-97:u}function F(e,t){return e+22+75*(e<26)-((0!=t)<<5)}function L(e,t,r){var n=0;for(e=r?x(e/f):e>>1,e+=x(e/t);e>y*p>>1;n+=u)e=x(e/y);return x(n+(y+1)*e/(e+h))}function T(e){var t,r,n,s,o,i,a,h,f,b,_=[],k=e.length,v=0,y=m,C=d;for(r=e.lastIndexOf(g),r<0&&(r=0),n=0;n=128&&w("not-basic"),_.push(e.charCodeAt(n));for(s=r>0?r+1:0;s=k&&w("invalid-input"),h=S(e.charCodeAt(s++)),(h>=u||h>x((c-v)/i))&&w("overflow"),v+=h*i,f=a<=C?l:a>=C+p?p:a-C,hx(c/b)&&w("overflow"),i*=b}t=_.length+1,C=L(v-o,t,0==o),x(v/t)>c-y&&w("overflow"),y+=x(v/t),v%=t,_.splice(v++,0,y)}return q(_)}function z(e){var t,r,n,s,o,i,a,h,f,b,_,k,v,y,A,D=[];for(e=E(e),k=e.length,t=m,r=0,o=d,i=0;i=t&&_x((c-r)/v)&&w("overflow"),r+=(a-t)*v,t=a,i=0;ic&&w("overflow"),_==t){for(h=r,f=u;;f+=u){if(b=f<=o?l:f>=o+p?p:f-o,h=4)return!1;for(h=e.parentType,e.parentType="paragraph";f3)){if(e.sCount[f]>=e.blkIndent&&(c=e.bMarks[f]+e.tShift[f],u=e.eMarks[f],c=u)))){l=61===p?1:2;break}if(!(e.sCount[f]<0)){for(s=!1,o=0,i=d.length;o0&&n++,"text"===s[t].type&&t+1=200&&e<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};n.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),n.forEach(["post","put","patch"],(function(e){u.headers[e]=n.merge(i)})),e.exports=u}).call(this,r("4362"))},"28ec":function(e,t,r){"use strict";var n=/^([a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/,s=/^([a-zA-Z][a-zA-Z0-9+.\-]{1,31}):([^<>\x00-\x20]*)$/;e.exports=function(e,t){var r,o,i,a,c,u,l=e.pos;if(60!==e.src.charCodeAt(l))return!1;for(c=e.pos,u=e.posMax;;){if(++l>=u)return!1;if(a=e.src.charCodeAt(l),60===a)return!1;if(62===a)break}return r=e.src.slice(c+1,l),s.test(r)?(o=e.md.normalizeLink(r),!!e.md.validateLink(o)&&(t||(i=e.push("link_open","a",1),i.attrs=[["href",o]],i.markup="autolink",i.info="auto",i=e.push("text","",0),i.content=e.md.normalizeLinkText(r),i=e.push("link_close","a",-1),i.markup="autolink",i.info="auto"),e.pos+=r.length+2,!0)):!!n.test(r)&&(o=e.md.normalizeLink("mailto:"+r),!!e.md.validateLink(o)&&(t||(i=e.push("link_open","a",1),i.attrs=[["href",o]],i.markup="autolink",i.info="auto",i=e.push("text","",0),i.content=e.md.normalizeLinkText(r),i=e.push("link_close","a",-1),i.markup="autolink",i.info="auto"),e.pos+=r.length+2,!0))}},"2d83":function(e,t,r){"use strict";var n=r("387f");e.exports=function(e,t,r,s,o){var i=new Error(e);return n(i,t,r,s,o)}},"2e67":function(e,t,r){"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},"30b5":function(e,t,r){"use strict";var n=r("c532");function s(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,r){if(!t)return e;var o;if(r)o=r(t);else if(n.isURLSearchParams(t))o=t.toString();else{var i=[];n.forEach(t,(function(e,t){null!==e&&"undefined"!==typeof e&&(n.isArray(e)?t+="[]":e=[e],n.forEach(e,(function(e){n.isDate(e)?e=e.toISOString():n.isObject(e)&&(e=JSON.stringify(e)),i.push(s(t)+"="+s(e))})))})),o=i.join("&")}if(o){var a=e.indexOf("#");-1!==a&&(e=e.slice(0,a)),e+=(-1===e.indexOf("?")?"?":"&")+o}return e}},3408:function(e,t,r){"use strict";e.exports=function(e){var t;e.inlineMode?(t=new e.Token("inline","",0),t.content=e.src,t.map=[0,1],t.children=[],e.tokens.push(t)):e.md.block.parse(e.src,e.md,e.env,e.tokens)}},"387f":function(e,t,r){"use strict";e.exports=function(e,t,r,n,s){return e.config=t,r&&(e.code=r),e.request=n,e.response=s,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},3934:function(e,t,r){"use strict";var n=r("c532");e.exports=n.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),r=document.createElement("a");function s(e){var n=e;return t&&(r.setAttribute("href",n),n=r.href),r.setAttribute("href",n),{href:r.href,protocol:r.protocol?r.protocol.replace(/:$/,""):"",host:r.host,search:r.search?r.search.replace(/^\?/,""):"",hash:r.hash?r.hash.replace(/^#/,""):"",hostname:r.hostname,port:r.port,pathname:"/"===r.pathname.charAt(0)?r.pathname:"/"+r.pathname}}return e=s(window.location.href),function(t){var r=n.isString(t)?s(t):t;return r.protocol===e.protocol&&r.host===e.host}}():function(){return function(){return!0}}()},4236:function(e,t,r){"use strict";var n=r("0068").isSpace;e.exports=function(e,t){var r,s,o,i=e.pos;if(10!==e.src.charCodeAt(i))return!1;if(r=e.pending.length-1,s=e.posMax,!t)if(r>=0&&32===e.pending.charCodeAt(r))if(r>=1&&32===e.pending.charCodeAt(r-1)){o=r-1;while(o>=1&&32===e.pending.charCodeAt(o-1))o--;e.pending=e.pending.slice(0,o),e.push("hardbreak","br",0)}else e.pending=e.pending.slice(0,-1),e.push("softbreak","br",0);else e.push("softbreak","br",0);i++;while(i3)&&!(e.sCount[c]<0)){for(n=!1,s=0,o=u.length;s=i)return-1;if(r=e.src.charCodeAt(o++),r<48||r>57)return-1;for(;;){if(o>=i)return-1;if(r=e.src.charCodeAt(o++),!(r>=48&&r<=57)){if(41===r||46===r)break;return-1}if(o-s>=10)return-1}return o=4)return!1;if(e.listIndent>=0&&e.sCount[t]-e.listIndent>=4&&e.sCount[t]=e.blkIndent&&(I=!0),(S=o(e,t))>=0){if(f=!0,L=e.bMarks[t]+e.tShift[t],k=Number(e.src.slice(L,S-1)),I&&1!==k)return!1}else{if(!((S=s(e,t))>=0))return!1;f=!1}if(I&&e.skipSpaces(S)>=e.eMarks[t])return!1;if(_=e.src.charCodeAt(S-1),n)return!0;b=e.tokens.length,f?(R=e.push("ordered_list_open","ol",1),1!==k&&(R.attrs=[["start",k]])):R=e.push("bullet_list_open","ul",1),R.map=g=[t,0],R.markup=String.fromCharCode(_),y=t,F=!1,z=e.md.block.ruler.getRules("list"),w=e.parentType,e.parentType="list";while(y=v?1:x-h,p>4&&(p=1),l=h+p,R=e.push("list_item_open","li",1),R.markup=String.fromCharCode(_),R.map=d=[t,0],f&&(R.info=e.src.slice(L,S-1)),E=e.tight,D=e.tShift[t],A=e.sCount[t],C=e.listIndent,e.listIndent=e.blkIndent,e.blkIndent=l,e.tight=!0,e.tShift[t]=c-e.bMarks[t],e.sCount[t]=x,c>=v&&e.isEmpty(t+1)?e.line=Math.min(e.line+2,r):e.md.block.tokenize(e,t,r,!0),e.tight&&!F||(O=!1),F=e.line-t>1&&e.isEmpty(e.line-1),e.blkIndent=e.listIndent,e.listIndent=C,e.tShift[t]=D,e.sCount[t]=A,e.tight=E,R=e.push("list_item_close","li",-1),R.markup=String.fromCharCode(_),y=t=e.line,d[1]=y,c=e.bMarks[t],y>=r)break;if(e.sCount[y]=4)break;for(T=!1,u=0,m=z.length;u=o)break}else e.pending+=e.src[e.pos++]}e.pending&&e.pushPending()},i.prototype.parse=function(e,t,r,n){var s,o,i,a=new this.State(e,t,r,n);for(this.tokenize(a),o=this.ruler2.getRules(""),i=o.length,s=0;s`\\x00-\\x20]+",o="'[^']*'",i='"[^"]*"',a="(?:"+s+"|"+o+"|"+i+")",c="(?:\\s+"+n+"(?:\\s*=\\s*"+a+")?)",u="<[A-Za-z][A-Za-z0-9\\-]*"+c+"*\\s*\\/?>",l="<\\/[A-Za-z][A-Za-z0-9\\-]*\\s*>",p="\x3c!----\x3e|\x3c!--(?:-?[^>-])(?:-?[^-])*--\x3e",h="<[?][\\s\\S]*?[?]>",f="]*>",d="",m=new RegExp("^(?:"+u+"|"+l+"|"+p+"|"+h+"|"+f+"|"+d+")"),g=new RegExp("^(?:"+u+"|"+l+")");e.exports.HTML_TAG_RE=m,e.exports.HTML_OPEN_CLOSE_TAG_RE=g},"5b54":function(e,t,r){"use strict";var n=r("bd68"),s=r("0068").has,o=r("0068").isValidEntityCode,i=r("0068").fromCodePoint,a=/^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i,c=/^&([a-z][a-z0-9]{1,31});/i;e.exports=function(e,t){var r,u,l,p=e.pos,h=e.posMax;if(38!==e.src.charCodeAt(p))return!1;if(p+1|$))/i,/<\/(script|pre|style|textarea)>/i,!0],[/^/,!0],[/^<\?/,/\?>/,!0],[/^/,!0],[/^/,!0],[new RegExp("^|$))","i"),/^$/,!0],[new RegExp(s.source+"\\s*$"),/^$/,!1]];e.exports=function(e,t,r,n){var s,i,a,c,u=e.bMarks[t]+e.tShift[t],l=e.eMarks[t];if(e.sCount[t]-e.blkIndent>=4)return!1;if(!e.md.options.html)return!1;if(60!==e.src.charCodeAt(u))return!1;for(c=e.src.slice(u,l),s=0;s?@[]^_`{|}~-".split("").forEach((function(e){s[e.charCodeAt(0)]=1})),e.exports=function(e,t){var r,o=e.pos,i=e.posMax;if(92!==e.src.charCodeAt(o))return!1;if(o++,o=r)break;if(e.sCount[a]=u){e.line=r;break}for(s=0;s"+o(e[t].content)+""},i.code_block=function(e,t,r,n,s){var i=e[t];return""+o(e[t].content)+"\n"},i.fence=function(e,t,r,n,i){var a,c,u,l,p,h=e[t],f=h.info?s(h.info).trim():"",d="",m="";return f&&(u=f.split(/(\s+)/g),d=u[0],m=u.slice(2).join("")),a=r.highlight&&r.highlight(h.content,d,m)||o(h.content),0===a.indexOf(""+a+"\n"):"
"+a+"
\n"},i.image=function(e,t,r,n,s){var o=e[t];return o.attrs[o.attrIndex("alt")][1]=s.renderInlineAsText(o.children,r,n),s.renderToken(e,t,r)},i.hardbreak=function(e,t,r){return r.xhtmlOut?" \n":" \n"},i.softbreak=function(e,t,r){return r.breaks?r.xhtmlOut?" \n":" \n":"\n"},i.text=function(e,t){return o(e[t].content)},i.html_block=function(e,t){return e[t].content},i.html_inline=function(e,t){return e[t].content},a.prototype.renderAttrs=function(e){var t,r,n;if(!e.attrs)return"";for(n="",t=0,r=e.attrs.length;t\n":">",s)},a.prototype.renderInline=function(e,t,r){for(var n,s="",o=this.rules,i=0,a=e.length;i=r)return c;if(o=e.charCodeAt(t),34!==o&&39!==o&&40!==o)return c;t++,40===o&&(o=41);while(tr)return!1;if(h=t+1,e.sCount[h]=4)return!1;if(u=e.bMarks[h]+e.tShift[h],u>=e.eMarks[h])return!1;if(C=e.src.charCodeAt(u++),124!==C&&45!==C&&58!==C)return!1;if(u>=e.eMarks[h])return!1;if(w=e.src.charCodeAt(u++),124!==w&&45!==w&&58!==w&&!n(w))return!1;if(45===C&&n(w))return!1;while(u=4)return!1;if(f=o(c),f.length&&""===f[0]&&f.shift(),f.length&&""===f[f.length-1]&&f.pop(),d=f.length,0===d||d!==g.length)return!1;if(i)return!0;for(v=e.parentType,e.parentType="table",x=e.md.block.ruler.getRules("blockquote"),m=e.push("table_open","table",1),m.map=_=[t,0],m=e.push("thead_open","thead",1),m.map=[t,t+1],m=e.push("tr_open","tr",1),m.map=[t,t+1],l=0;l=4)break;for(f=o(c),f.length&&""===f[0]&&f.shift(),f.length&&""===f[f.length-1]&&f.pop(),h===t+2&&(m=e.push("tbody_open","tbody",1),m.map=k=[t+2,0]),m=e.push("tr_open","tr",1),m.map=[h,h+1],l=0;l0&&this.level++,this.tokens.push(s),s},o.prototype.isEmpty=function(e){return this.bMarks[e]+this.tShift[e]>=this.eMarks[e]},o.prototype.skipEmptyLines=function(e){for(var t=this.lineMax;et)if(!s(this.src.charCodeAt(--e)))return e+1;return e},o.prototype.skipChars=function(e,t){for(var r=this.src.length;er)if(t!==this.src.charCodeAt(--e))return e+1;return e},o.prototype.getLines=function(e,t,r,n){var o,i,a,c,u,l,p,h=e;if(e>=t)return"";for(l=new Array(t-e),o=0;hr?new Array(i-r+1).join(" ")+this.src.slice(c,u):this.src.slice(c,u)}return l.join("")},o.prototype.Token=n,e.exports=o},"838d":function(e,t,r){"use strict";function n(e,t){var r,n,s,o,i,a,c,u,l={},p=t.length;if(p){var h=0,f=-2,d=[];for(r=0;ri;n-=d[n]+1)if(o=t[n],o.marker===s.marker&&o.open&&o.end<0&&(c=!1,(o.close||s.open)&&(o.length+s.length)%3===0&&(o.length%3===0&&s.length%3===0||(c=!0)),!c)){u=n>0&&!t[n-1].open?d[n-1]+1:0,d[r]=r-n+u,d[n]=u,s.open=!1,o.end=r,o.close=!1,a=-1,f=-2;break}-1!==a&&(l[s.marker][(s.open?3:0)+(s.length||0)%3]=a)}}}e.exports=function(e){var t,r=e.tokens_meta,s=e.tokens_meta.length;for(n(e,e.delimiters),t=0;tn[s])return!0;if(r[s]0){var o=n[s],i=t[o];if(i){var a=e[o],c=void 0===a||i(a,o,e);if(!0!==c)throw new TypeError("option "+o+" must be "+c)}else if(!0!==r)throw Error("Unknown option "+o)}}s.transitional=function(e,t,r){var s=t&&a(t);function i(e,t){return"[Axios v"+n.version+"] Transitional option '"+e+"'"+t+(r?". "+r:"")}return function(r,n,a){if(!1===e)throw new Error(i(n," has been removed in "+t));return s&&!o[n]&&(o[n]=!0,console.warn(i(n," has been deprecated since v"+t+" and will be removed in the near future"))),!e||e(r,n,a)}},e.exports={isOlderVersion:a,assertOptions:c,validators:s}},"8a31":function(e,t,r){"use strict";e.exports={options:{html:!1,xhtmlOut:!1,breaks:!1,langPrefix:"language-",linkify:!1,typographer:!1,quotes:"“”‘’",highlight:null,maxNesting:100},components:{core:{},block:{},inline:{}}}},"8df4":function(e,t,r){"use strict";var n=r("7a77");function s(e){if("function"!==typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var r=this;e((function(e){r.reason||(r.reason=new n(e),t(r.reason))}))}s.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},s.source=function(){var e,t=new s((function(t){e=t}));return{token:t,cancel:e}},e.exports=s},"8f37":function(e,t,r){"use strict";var n={};function s(e){var t,r,s=n[e];if(s)return s;for(s=n[e]=[],t=0;t<128;t++)r=String.fromCharCode(t),s.push(r);for(t=0;t=55296&&c<=57343?"���":String.fromCharCode(c),t+=6):240===(248&s)&&t+91114111?u+="����":(c-=65536,u+=String.fromCharCode(55296+(c>>10),56320+(1023&c))),t+=9):u+="�";return u}))}o.defaultChars=";/?:@&=+$,#",o.componentChars="",e.exports=o},"922c":function(e,t,r){"use strict";function n(e,t){var r,n,s,o,i,a=[],c=t.length;for(r=0;r=k)return!1;for(g=l,h=e.md.helpers.parseLinkDestination(e.src,l,e.posMax),h.ok&&(b=e.md.normalizeLink(h.str),e.md.validateLink(b)?l=h.pos:b=""),g=l;l=k||41!==e.src.charCodeAt(l))return e.pos=_,!1;l++}else{if("undefined"===typeof e.env.references)return!1;if(l=0?a=e.src.slice(g,l++):l=c+1):l=c+1,a||(a=e.src.slice(u,c)),p=e.env.references[n(a)],!p)return e.pos=_,!1;b=p.href,f=p.title}return t||(i=e.src.slice(u,c),e.md.inline.parse(i,e.md,e.env,m=[]),d=e.push("image","img",0),d.attrs=r=[["src",b],["alt",""]],d.children=m,d.content=i,f&&r.push(["title",f])),e.pos=l,e.posMax=k,!0}},9454:function(e,t,r){"use strict";var n=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("p",{domProps:{innerHTML:e._s(e.parsed_md)}})])},s=[],o=r("bc3a"),i=r.n(o),a=r("d4cd"),c=r.n(a),u=r("1c78"),l=r("19dd"),p=function(e){return l(e)},h=function(e){var t=c()().use(u["default"],{level:1,permalink:!0,permalinkClass:"header-anchor",permalinkSymbol:"¶",permalinkBefore:!1,slugify:p});return t.render(e)},f={name:"RemoteMarkdown",components:{},data:function(){return{parsed_md:null}},props:{url:String},mounted:function(){var e=this;i.a.get(this.url).then((function(t){e.parsed_md=h(t.data)}))}},d=f,m=r("2877"),g=Object(m["a"])(d,n,s,!1,null,null,null);t["a"]=g.exports},9921:function(e,t,r){"use strict";var n=r("0068").arrayReplaceAt;function s(e){return/^\s]/i.test(e)}function o(e){return/^<\/a\s*>/i.test(e)}e.exports=function(e){var t,r,i,a,c,u,l,p,h,f,d,m,g,b,_,k,v,y=e.tokens;if(e.md.options.linkify)for(r=0,i=y.length;r=0;t--)if(u=a[t],"link_close"!==u.type){if("html_inline"===u.type&&(s(u.content)&&g>0&&g--,o(u.content)&&g++),!(g>0)&&"text"===u.type&&e.md.linkify.test(u.content)){for(h=u.content,v=e.md.linkify.match(h),l=[],m=u.level,d=0,p=0;pd&&(c=new e.Token("text","",0),c.content=h.slice(d,f),c.level=m,l.push(c)),c=new e.Token("link_open","a",1),c.attrs=[["href",_]],c.level=m++,c.markup="linkify",c.info="auto",l.push(c),c=new e.Token("text","",0),c.content=k,c.level=m,l.push(c),c=new e.Token("link_close","a",-1),c.level=--m,c.markup="linkify",c.info="auto",l.push(c),d=v[p].lastIndex);d=4))break;n++,s=n}return e.line=s,o=e.push("code_block","code",0),o.content=e.getLines(t,s,4+e.blkIndent,!1)+"\n",o.map=[t,e.line],!0}},a124:function(e,t,r){"use strict";e.exports=function(e){var t,r,n,s=e.tokens;for(r=0,n=s.length;r","GT":">","Gt":"≫","gtdot":"⋗","gtlPar":"⦕","gtquest":"⩼","gtrapprox":"⪆","gtrarr":"⥸","gtrdot":"⋗","gtreqless":"⋛","gtreqqless":"⪌","gtrless":"≷","gtrsim":"≳","gvertneqq":"≩︀","gvnE":"≩︀","Hacek":"ˇ","hairsp":" ","half":"½","hamilt":"ℋ","HARDcy":"Ъ","hardcy":"ъ","harrcir":"⥈","harr":"↔","hArr":"⇔","harrw":"↭","Hat":"^","hbar":"ℏ","Hcirc":"Ĥ","hcirc":"ĥ","hearts":"♥","heartsuit":"♥","hellip":"…","hercon":"⊹","hfr":"𝔥","Hfr":"ℌ","HilbertSpace":"ℋ","hksearow":"⤥","hkswarow":"⤦","hoarr":"⇿","homtht":"∻","hookleftarrow":"↩","hookrightarrow":"↪","hopf":"𝕙","Hopf":"ℍ","horbar":"―","HorizontalLine":"─","hscr":"𝒽","Hscr":"ℋ","hslash":"ℏ","Hstrok":"Ħ","hstrok":"ħ","HumpDownHump":"≎","HumpEqual":"≏","hybull":"⁃","hyphen":"‐","Iacute":"Í","iacute":"í","ic":"","Icirc":"Î","icirc":"î","Icy":"И","icy":"и","Idot":"İ","IEcy":"Е","iecy":"е","iexcl":"¡","iff":"⇔","ifr":"𝔦","Ifr":"ℑ","Igrave":"Ì","igrave":"ì","ii":"ⅈ","iiiint":"⨌","iiint":"∭","iinfin":"⧜","iiota":"℩","IJlig":"IJ","ijlig":"ij","Imacr":"Ī","imacr":"ī","image":"ℑ","ImaginaryI":"ⅈ","imagline":"ℐ","imagpart":"ℑ","imath":"ı","Im":"ℑ","imof":"⊷","imped":"Ƶ","Implies":"⇒","incare":"℅","in":"∈","infin":"∞","infintie":"⧝","inodot":"ı","intcal":"⊺","int":"∫","Int":"∬","integers":"ℤ","Integral":"∫","intercal":"⊺","Intersection":"⋂","intlarhk":"⨗","intprod":"⨼","InvisibleComma":"","InvisibleTimes":"","IOcy":"Ё","iocy":"ё","Iogon":"Į","iogon":"į","Iopf":"𝕀","iopf":"𝕚","Iota":"Ι","iota":"ι","iprod":"⨼","iquest":"¿","iscr":"𝒾","Iscr":"ℐ","isin":"∈","isindot":"⋵","isinE":"⋹","isins":"⋴","isinsv":"⋳","isinv":"∈","it":"","Itilde":"Ĩ","itilde":"ĩ","Iukcy":"І","iukcy":"і","Iuml":"Ï","iuml":"ï","Jcirc":"Ĵ","jcirc":"ĵ","Jcy":"Й","jcy":"й","Jfr":"𝔍","jfr":"𝔧","jmath":"ȷ","Jopf":"𝕁","jopf":"𝕛","Jscr":"𝒥","jscr":"𝒿","Jsercy":"Ј","jsercy":"ј","Jukcy":"Є","jukcy":"є","Kappa":"Κ","kappa":"κ","kappav":"ϰ","Kcedil":"Ķ","kcedil":"ķ","Kcy":"К","kcy":"к","Kfr":"𝔎","kfr":"𝔨","kgreen":"ĸ","KHcy":"Х","khcy":"х","KJcy":"Ќ","kjcy":"ќ","Kopf":"𝕂","kopf":"𝕜","Kscr":"𝒦","kscr":"𝓀","lAarr":"⇚","Lacute":"Ĺ","lacute":"ĺ","laemptyv":"⦴","lagran":"ℒ","Lambda":"Λ","lambda":"λ","lang":"⟨","Lang":"⟪","langd":"⦑","langle":"⟨","lap":"⪅","Laplacetrf":"ℒ","laquo":"«","larrb":"⇤","larrbfs":"⤟","larr":"←","Larr":"↞","lArr":"⇐","larrfs":"⤝","larrhk":"↩","larrlp":"↫","larrpl":"⤹","larrsim":"⥳","larrtl":"↢","latail":"⤙","lAtail":"⤛","lat":"⪫","late":"⪭","lates":"⪭︀","lbarr":"⤌","lBarr":"⤎","lbbrk":"❲","lbrace":"{","lbrack":"[","lbrke":"⦋","lbrksld":"⦏","lbrkslu":"⦍","Lcaron":"Ľ","lcaron":"ľ","Lcedil":"Ļ","lcedil":"ļ","lceil":"⌈","lcub":"{","Lcy":"Л","lcy":"л","ldca":"⤶","ldquo":"“","ldquor":"„","ldrdhar":"⥧","ldrushar":"⥋","ldsh":"↲","le":"≤","lE":"≦","LeftAngleBracket":"⟨","LeftArrowBar":"⇤","leftarrow":"←","LeftArrow":"←","Leftarrow":"⇐","LeftArrowRightArrow":"⇆","leftarrowtail":"↢","LeftCeiling":"⌈","LeftDoubleBracket":"⟦","LeftDownTeeVector":"⥡","LeftDownVectorBar":"⥙","LeftDownVector":"⇃","LeftFloor":"⌊","leftharpoondown":"↽","leftharpoonup":"↼","leftleftarrows":"⇇","leftrightarrow":"↔","LeftRightArrow":"↔","Leftrightarrow":"⇔","leftrightarrows":"⇆","leftrightharpoons":"⇋","leftrightsquigarrow":"↭","LeftRightVector":"⥎","LeftTeeArrow":"↤","LeftTee":"⊣","LeftTeeVector":"⥚","leftthreetimes":"⋋","LeftTriangleBar":"⧏","LeftTriangle":"⊲","LeftTriangleEqual":"⊴","LeftUpDownVector":"⥑","LeftUpTeeVector":"⥠","LeftUpVectorBar":"⥘","LeftUpVector":"↿","LeftVectorBar":"⥒","LeftVector":"↼","lEg":"⪋","leg":"⋚","leq":"≤","leqq":"≦","leqslant":"⩽","lescc":"⪨","les":"⩽","lesdot":"⩿","lesdoto":"⪁","lesdotor":"⪃","lesg":"⋚︀","lesges":"⪓","lessapprox":"⪅","lessdot":"⋖","lesseqgtr":"⋚","lesseqqgtr":"⪋","LessEqualGreater":"⋚","LessFullEqual":"≦","LessGreater":"≶","lessgtr":"≶","LessLess":"⪡","lesssim":"≲","LessSlantEqual":"⩽","LessTilde":"≲","lfisht":"⥼","lfloor":"⌊","Lfr":"𝔏","lfr":"𝔩","lg":"≶","lgE":"⪑","lHar":"⥢","lhard":"↽","lharu":"↼","lharul":"⥪","lhblk":"▄","LJcy":"Љ","ljcy":"љ","llarr":"⇇","ll":"≪","Ll":"⋘","llcorner":"⌞","Lleftarrow":"⇚","llhard":"⥫","lltri":"◺","Lmidot":"Ŀ","lmidot":"ŀ","lmoustache":"⎰","lmoust":"⎰","lnap":"⪉","lnapprox":"⪉","lne":"⪇","lnE":"≨","lneq":"⪇","lneqq":"≨","lnsim":"⋦","loang":"⟬","loarr":"⇽","lobrk":"⟦","longleftarrow":"⟵","LongLeftArrow":"⟵","Longleftarrow":"⟸","longleftrightarrow":"⟷","LongLeftRightArrow":"⟷","Longleftrightarrow":"⟺","longmapsto":"⟼","longrightarrow":"⟶","LongRightArrow":"⟶","Longrightarrow":"⟹","looparrowleft":"↫","looparrowright":"↬","lopar":"⦅","Lopf":"𝕃","lopf":"𝕝","loplus":"⨭","lotimes":"⨴","lowast":"∗","lowbar":"_","LowerLeftArrow":"↙","LowerRightArrow":"↘","loz":"◊","lozenge":"◊","lozf":"⧫","lpar":"(","lparlt":"⦓","lrarr":"⇆","lrcorner":"⌟","lrhar":"⇋","lrhard":"⥭","lrm":"","lrtri":"⊿","lsaquo":"‹","lscr":"𝓁","Lscr":"ℒ","lsh":"↰","Lsh":"↰","lsim":"≲","lsime":"⪍","lsimg":"⪏","lsqb":"[","lsquo":"‘","lsquor":"‚","Lstrok":"Ł","lstrok":"ł","ltcc":"⪦","ltcir":"⩹","lt":"<","LT":"<","Lt":"≪","ltdot":"⋖","lthree":"⋋","ltimes":"⋉","ltlarr":"⥶","ltquest":"⩻","ltri":"◃","ltrie":"⊴","ltrif":"◂","ltrPar":"⦖","lurdshar":"⥊","luruhar":"⥦","lvertneqq":"≨︀","lvnE":"≨︀","macr":"¯","male":"♂","malt":"✠","maltese":"✠","Map":"⤅","map":"↦","mapsto":"↦","mapstodown":"↧","mapstoleft":"↤","mapstoup":"↥","marker":"▮","mcomma":"⨩","Mcy":"М","mcy":"м","mdash":"—","mDDot":"∺","measuredangle":"∡","MediumSpace":" ","Mellintrf":"ℳ","Mfr":"𝔐","mfr":"𝔪","mho":"℧","micro":"µ","midast":"*","midcir":"⫰","mid":"∣","middot":"·","minusb":"⊟","minus":"−","minusd":"∸","minusdu":"⨪","MinusPlus":"∓","mlcp":"⫛","mldr":"…","mnplus":"∓","models":"⊧","Mopf":"𝕄","mopf":"𝕞","mp":"∓","mscr":"𝓂","Mscr":"ℳ","mstpos":"∾","Mu":"Μ","mu":"μ","multimap":"⊸","mumap":"⊸","nabla":"∇","Nacute":"Ń","nacute":"ń","nang":"∠⃒","nap":"≉","napE":"⩰̸","napid":"≋̸","napos":"ʼn","napprox":"≉","natural":"♮","naturals":"ℕ","natur":"♮","nbsp":" ","nbump":"≎̸","nbumpe":"≏̸","ncap":"⩃","Ncaron":"Ň","ncaron":"ň","Ncedil":"Ņ","ncedil":"ņ","ncong":"≇","ncongdot":"⩭̸","ncup":"⩂","Ncy":"Н","ncy":"н","ndash":"–","nearhk":"⤤","nearr":"↗","neArr":"⇗","nearrow":"↗","ne":"≠","nedot":"≐̸","NegativeMediumSpace":"","NegativeThickSpace":"","NegativeThinSpace":"","NegativeVeryThinSpace":"","nequiv":"≢","nesear":"⤨","nesim":"≂̸","NestedGreaterGreater":"≫","NestedLessLess":"≪","NewLine":"\\n","nexist":"∄","nexists":"∄","Nfr":"𝔑","nfr":"𝔫","ngE":"≧̸","nge":"≱","ngeq":"≱","ngeqq":"≧̸","ngeqslant":"⩾̸","nges":"⩾̸","nGg":"⋙̸","ngsim":"≵","nGt":"≫⃒","ngt":"≯","ngtr":"≯","nGtv":"≫̸","nharr":"↮","nhArr":"⇎","nhpar":"⫲","ni":"∋","nis":"⋼","nisd":"⋺","niv":"∋","NJcy":"Њ","njcy":"њ","nlarr":"↚","nlArr":"⇍","nldr":"‥","nlE":"≦̸","nle":"≰","nleftarrow":"↚","nLeftarrow":"⇍","nleftrightarrow":"↮","nLeftrightarrow":"⇎","nleq":"≰","nleqq":"≦̸","nleqslant":"⩽̸","nles":"⩽̸","nless":"≮","nLl":"⋘̸","nlsim":"≴","nLt":"≪⃒","nlt":"≮","nltri":"⋪","nltrie":"⋬","nLtv":"≪̸","nmid":"∤","NoBreak":"","NonBreakingSpace":" ","nopf":"𝕟","Nopf":"ℕ","Not":"⫬","not":"¬","NotCongruent":"≢","NotCupCap":"≭","NotDoubleVerticalBar":"∦","NotElement":"∉","NotEqual":"≠","NotEqualTilde":"≂̸","NotExists":"∄","NotGreater":"≯","NotGreaterEqual":"≱","NotGreaterFullEqual":"≧̸","NotGreaterGreater":"≫̸","NotGreaterLess":"≹","NotGreaterSlantEqual":"⩾̸","NotGreaterTilde":"≵","NotHumpDownHump":"≎̸","NotHumpEqual":"≏̸","notin":"∉","notindot":"⋵̸","notinE":"⋹̸","notinva":"∉","notinvb":"⋷","notinvc":"⋶","NotLeftTriangleBar":"⧏̸","NotLeftTriangle":"⋪","NotLeftTriangleEqual":"⋬","NotLess":"≮","NotLessEqual":"≰","NotLessGreater":"≸","NotLessLess":"≪̸","NotLessSlantEqual":"⩽̸","NotLessTilde":"≴","NotNestedGreaterGreater":"⪢̸","NotNestedLessLess":"⪡̸","notni":"∌","notniva":"∌","notnivb":"⋾","notnivc":"⋽","NotPrecedes":"⊀","NotPrecedesEqual":"⪯̸","NotPrecedesSlantEqual":"⋠","NotReverseElement":"∌","NotRightTriangleBar":"⧐̸","NotRightTriangle":"⋫","NotRightTriangleEqual":"⋭","NotSquareSubset":"⊏̸","NotSquareSubsetEqual":"⋢","NotSquareSuperset":"⊐̸","NotSquareSupersetEqual":"⋣","NotSubset":"⊂⃒","NotSubsetEqual":"⊈","NotSucceeds":"⊁","NotSucceedsEqual":"⪰̸","NotSucceedsSlantEqual":"⋡","NotSucceedsTilde":"≿̸","NotSuperset":"⊃⃒","NotSupersetEqual":"⊉","NotTilde":"≁","NotTildeEqual":"≄","NotTildeFullEqual":"≇","NotTildeTilde":"≉","NotVerticalBar":"∤","nparallel":"∦","npar":"∦","nparsl":"⫽⃥","npart":"∂̸","npolint":"⨔","npr":"⊀","nprcue":"⋠","nprec":"⊀","npreceq":"⪯̸","npre":"⪯̸","nrarrc":"⤳̸","nrarr":"↛","nrArr":"⇏","nrarrw":"↝̸","nrightarrow":"↛","nRightarrow":"⇏","nrtri":"⋫","nrtrie":"⋭","nsc":"⊁","nsccue":"⋡","nsce":"⪰̸","Nscr":"𝒩","nscr":"𝓃","nshortmid":"∤","nshortparallel":"∦","nsim":"≁","nsime":"≄","nsimeq":"≄","nsmid":"∤","nspar":"∦","nsqsube":"⋢","nsqsupe":"⋣","nsub":"⊄","nsubE":"⫅̸","nsube":"⊈","nsubset":"⊂⃒","nsubseteq":"⊈","nsubseteqq":"⫅̸","nsucc":"⊁","nsucceq":"⪰̸","nsup":"⊅","nsupE":"⫆̸","nsupe":"⊉","nsupset":"⊃⃒","nsupseteq":"⊉","nsupseteqq":"⫆̸","ntgl":"≹","Ntilde":"Ñ","ntilde":"ñ","ntlg":"≸","ntriangleleft":"⋪","ntrianglelefteq":"⋬","ntriangleright":"⋫","ntrianglerighteq":"⋭","Nu":"Ν","nu":"ν","num":"#","numero":"№","numsp":" ","nvap":"≍⃒","nvdash":"⊬","nvDash":"⊭","nVdash":"⊮","nVDash":"⊯","nvge":"≥⃒","nvgt":">⃒","nvHarr":"⤄","nvinfin":"⧞","nvlArr":"⤂","nvle":"≤⃒","nvlt":"<⃒","nvltrie":"⊴⃒","nvrArr":"⤃","nvrtrie":"⊵⃒","nvsim":"∼⃒","nwarhk":"⤣","nwarr":"↖","nwArr":"⇖","nwarrow":"↖","nwnear":"⤧","Oacute":"Ó","oacute":"ó","oast":"⊛","Ocirc":"Ô","ocirc":"ô","ocir":"⊚","Ocy":"О","ocy":"о","odash":"⊝","Odblac":"Ő","odblac":"ő","odiv":"⨸","odot":"⊙","odsold":"⦼","OElig":"Œ","oelig":"œ","ofcir":"⦿","Ofr":"𝔒","ofr":"𝔬","ogon":"˛","Ograve":"Ò","ograve":"ò","ogt":"⧁","ohbar":"⦵","ohm":"Ω","oint":"∮","olarr":"↺","olcir":"⦾","olcross":"⦻","oline":"‾","olt":"⧀","Omacr":"Ō","omacr":"ō","Omega":"Ω","omega":"ω","Omicron":"Ο","omicron":"ο","omid":"⦶","ominus":"⊖","Oopf":"𝕆","oopf":"𝕠","opar":"⦷","OpenCurlyDoubleQuote":"“","OpenCurlyQuote":"‘","operp":"⦹","oplus":"⊕","orarr":"↻","Or":"⩔","or":"∨","ord":"⩝","order":"ℴ","orderof":"ℴ","ordf":"ª","ordm":"º","origof":"⊶","oror":"⩖","orslope":"⩗","orv":"⩛","oS":"Ⓢ","Oscr":"𝒪","oscr":"ℴ","Oslash":"Ø","oslash":"ø","osol":"⊘","Otilde":"Õ","otilde":"õ","otimesas":"⨶","Otimes":"⨷","otimes":"⊗","Ouml":"Ö","ouml":"ö","ovbar":"⌽","OverBar":"‾","OverBrace":"⏞","OverBracket":"⎴","OverParenthesis":"⏜","para":"¶","parallel":"∥","par":"∥","parsim":"⫳","parsl":"⫽","part":"∂","PartialD":"∂","Pcy":"П","pcy":"п","percnt":"%","period":".","permil":"‰","perp":"⊥","pertenk":"‱","Pfr":"𝔓","pfr":"𝔭","Phi":"Φ","phi":"φ","phiv":"ϕ","phmmat":"ℳ","phone":"☎","Pi":"Π","pi":"π","pitchfork":"⋔","piv":"ϖ","planck":"ℏ","planckh":"ℎ","plankv":"ℏ","plusacir":"⨣","plusb":"⊞","pluscir":"⨢","plus":"+","plusdo":"∔","plusdu":"⨥","pluse":"⩲","PlusMinus":"±","plusmn":"±","plussim":"⨦","plustwo":"⨧","pm":"±","Poincareplane":"ℌ","pointint":"⨕","popf":"𝕡","Popf":"ℙ","pound":"£","prap":"⪷","Pr":"⪻","pr":"≺","prcue":"≼","precapprox":"⪷","prec":"≺","preccurlyeq":"≼","Precedes":"≺","PrecedesEqual":"⪯","PrecedesSlantEqual":"≼","PrecedesTilde":"≾","preceq":"⪯","precnapprox":"⪹","precneqq":"⪵","precnsim":"⋨","pre":"⪯","prE":"⪳","precsim":"≾","prime":"′","Prime":"″","primes":"ℙ","prnap":"⪹","prnE":"⪵","prnsim":"⋨","prod":"∏","Product":"∏","profalar":"⌮","profline":"⌒","profsurf":"⌓","prop":"∝","Proportional":"∝","Proportion":"∷","propto":"∝","prsim":"≾","prurel":"⊰","Pscr":"𝒫","pscr":"𝓅","Psi":"Ψ","psi":"ψ","puncsp":" ","Qfr":"𝔔","qfr":"𝔮","qint":"⨌","qopf":"𝕢","Qopf":"ℚ","qprime":"⁗","Qscr":"𝒬","qscr":"𝓆","quaternions":"ℍ","quatint":"⨖","quest":"?","questeq":"≟","quot":"\\"","QUOT":"\\"","rAarr":"⇛","race":"∽̱","Racute":"Ŕ","racute":"ŕ","radic":"√","raemptyv":"⦳","rang":"⟩","Rang":"⟫","rangd":"⦒","range":"⦥","rangle":"⟩","raquo":"»","rarrap":"⥵","rarrb":"⇥","rarrbfs":"⤠","rarrc":"⤳","rarr":"→","Rarr":"↠","rArr":"⇒","rarrfs":"⤞","rarrhk":"↪","rarrlp":"↬","rarrpl":"⥅","rarrsim":"⥴","Rarrtl":"⤖","rarrtl":"↣","rarrw":"↝","ratail":"⤚","rAtail":"⤜","ratio":"∶","rationals":"ℚ","rbarr":"⤍","rBarr":"⤏","RBarr":"⤐","rbbrk":"❳","rbrace":"}","rbrack":"]","rbrke":"⦌","rbrksld":"⦎","rbrkslu":"⦐","Rcaron":"Ř","rcaron":"ř","Rcedil":"Ŗ","rcedil":"ŗ","rceil":"⌉","rcub":"}","Rcy":"Р","rcy":"р","rdca":"⤷","rdldhar":"⥩","rdquo":"”","rdquor":"”","rdsh":"↳","real":"ℜ","realine":"ℛ","realpart":"ℜ","reals":"ℝ","Re":"ℜ","rect":"▭","reg":"®","REG":"®","ReverseElement":"∋","ReverseEquilibrium":"⇋","ReverseUpEquilibrium":"⥯","rfisht":"⥽","rfloor":"⌋","rfr":"𝔯","Rfr":"ℜ","rHar":"⥤","rhard":"⇁","rharu":"⇀","rharul":"⥬","Rho":"Ρ","rho":"ρ","rhov":"ϱ","RightAngleBracket":"⟩","RightArrowBar":"⇥","rightarrow":"→","RightArrow":"→","Rightarrow":"⇒","RightArrowLeftArrow":"⇄","rightarrowtail":"↣","RightCeiling":"⌉","RightDoubleBracket":"⟧","RightDownTeeVector":"⥝","RightDownVectorBar":"⥕","RightDownVector":"⇂","RightFloor":"⌋","rightharpoondown":"⇁","rightharpoonup":"⇀","rightleftarrows":"⇄","rightleftharpoons":"⇌","rightrightarrows":"⇉","rightsquigarrow":"↝","RightTeeArrow":"↦","RightTee":"⊢","RightTeeVector":"⥛","rightthreetimes":"⋌","RightTriangleBar":"⧐","RightTriangle":"⊳","RightTriangleEqual":"⊵","RightUpDownVector":"⥏","RightUpTeeVector":"⥜","RightUpVectorBar":"⥔","RightUpVector":"↾","RightVectorBar":"⥓","RightVector":"⇀","ring":"˚","risingdotseq":"≓","rlarr":"⇄","rlhar":"⇌","rlm":"","rmoustache":"⎱","rmoust":"⎱","rnmid":"⫮","roang":"⟭","roarr":"⇾","robrk":"⟧","ropar":"⦆","ropf":"𝕣","Ropf":"ℝ","roplus":"⨮","rotimes":"⨵","RoundImplies":"⥰","rpar":")","rpargt":"⦔","rppolint":"⨒","rrarr":"⇉","Rrightarrow":"⇛","rsaquo":"›","rscr":"𝓇","Rscr":"ℛ","rsh":"↱","Rsh":"↱","rsqb":"]","rsquo":"’","rsquor":"’","rthree":"⋌","rtimes":"⋊","rtri":"▹","rtrie":"⊵","rtrif":"▸","rtriltri":"⧎","RuleDelayed":"⧴","ruluhar":"⥨","rx":"℞","Sacute":"Ś","sacute":"ś","sbquo":"‚","scap":"⪸","Scaron":"Š","scaron":"š","Sc":"⪼","sc":"≻","sccue":"≽","sce":"⪰","scE":"⪴","Scedil":"Ş","scedil":"ş","Scirc":"Ŝ","scirc":"ŝ","scnap":"⪺","scnE":"⪶","scnsim":"⋩","scpolint":"⨓","scsim":"≿","Scy":"С","scy":"с","sdotb":"⊡","sdot":"⋅","sdote":"⩦","searhk":"⤥","searr":"↘","seArr":"⇘","searrow":"↘","sect":"§","semi":";","seswar":"⤩","setminus":"∖","setmn":"∖","sext":"✶","Sfr":"𝔖","sfr":"𝔰","sfrown":"⌢","sharp":"♯","SHCHcy":"Щ","shchcy":"щ","SHcy":"Ш","shcy":"ш","ShortDownArrow":"↓","ShortLeftArrow":"←","shortmid":"∣","shortparallel":"∥","ShortRightArrow":"→","ShortUpArrow":"↑","shy":"","Sigma":"Σ","sigma":"σ","sigmaf":"ς","sigmav":"ς","sim":"∼","simdot":"⩪","sime":"≃","simeq":"≃","simg":"⪞","simgE":"⪠","siml":"⪝","simlE":"⪟","simne":"≆","simplus":"⨤","simrarr":"⥲","slarr":"←","SmallCircle":"∘","smallsetminus":"∖","smashp":"⨳","smeparsl":"⧤","smid":"∣","smile":"⌣","smt":"⪪","smte":"⪬","smtes":"⪬︀","SOFTcy":"Ь","softcy":"ь","solbar":"⌿","solb":"⧄","sol":"/","Sopf":"𝕊","sopf":"𝕤","spades":"♠","spadesuit":"♠","spar":"∥","sqcap":"⊓","sqcaps":"⊓︀","sqcup":"⊔","sqcups":"⊔︀","Sqrt":"√","sqsub":"⊏","sqsube":"⊑","sqsubset":"⊏","sqsubseteq":"⊑","sqsup":"⊐","sqsupe":"⊒","sqsupset":"⊐","sqsupseteq":"⊒","square":"□","Square":"□","SquareIntersection":"⊓","SquareSubset":"⊏","SquareSubsetEqual":"⊑","SquareSuperset":"⊐","SquareSupersetEqual":"⊒","SquareUnion":"⊔","squarf":"▪","squ":"□","squf":"▪","srarr":"→","Sscr":"𝒮","sscr":"𝓈","ssetmn":"∖","ssmile":"⌣","sstarf":"⋆","Star":"⋆","star":"☆","starf":"★","straightepsilon":"ϵ","straightphi":"ϕ","strns":"¯","sub":"⊂","Sub":"⋐","subdot":"⪽","subE":"⫅","sube":"⊆","subedot":"⫃","submult":"⫁","subnE":"⫋","subne":"⊊","subplus":"⪿","subrarr":"⥹","subset":"⊂","Subset":"⋐","subseteq":"⊆","subseteqq":"⫅","SubsetEqual":"⊆","subsetneq":"⊊","subsetneqq":"⫋","subsim":"⫇","subsub":"⫕","subsup":"⫓","succapprox":"⪸","succ":"≻","succcurlyeq":"≽","Succeeds":"≻","SucceedsEqual":"⪰","SucceedsSlantEqual":"≽","SucceedsTilde":"≿","succeq":"⪰","succnapprox":"⪺","succneqq":"⪶","succnsim":"⋩","succsim":"≿","SuchThat":"∋","sum":"∑","Sum":"∑","sung":"♪","sup1":"¹","sup2":"²","sup3":"³","sup":"⊃","Sup":"⋑","supdot":"⪾","supdsub":"⫘","supE":"⫆","supe":"⊇","supedot":"⫄","Superset":"⊃","SupersetEqual":"⊇","suphsol":"⟉","suphsub":"⫗","suplarr":"⥻","supmult":"⫂","supnE":"⫌","supne":"⊋","supplus":"⫀","supset":"⊃","Supset":"⋑","supseteq":"⊇","supseteqq":"⫆","supsetneq":"⊋","supsetneqq":"⫌","supsim":"⫈","supsub":"⫔","supsup":"⫖","swarhk":"⤦","swarr":"↙","swArr":"⇙","swarrow":"↙","swnwar":"⤪","szlig":"ß","Tab":"\\t","target":"⌖","Tau":"Τ","tau":"τ","tbrk":"⎴","Tcaron":"Ť","tcaron":"ť","Tcedil":"Ţ","tcedil":"ţ","Tcy":"Т","tcy":"т","tdot":"⃛","telrec":"⌕","Tfr":"𝔗","tfr":"𝔱","there4":"∴","therefore":"∴","Therefore":"∴","Theta":"Θ","theta":"θ","thetasym":"ϑ","thetav":"ϑ","thickapprox":"≈","thicksim":"∼","ThickSpace":" ","ThinSpace":" ","thinsp":" ","thkap":"≈","thksim":"∼","THORN":"Þ","thorn":"þ","tilde":"˜","Tilde":"∼","TildeEqual":"≃","TildeFullEqual":"≅","TildeTilde":"≈","timesbar":"⨱","timesb":"⊠","times":"×","timesd":"⨰","tint":"∭","toea":"⤨","topbot":"⌶","topcir":"⫱","top":"⊤","Topf":"𝕋","topf":"𝕥","topfork":"⫚","tosa":"⤩","tprime":"‴","trade":"™","TRADE":"™","triangle":"▵","triangledown":"▿","triangleleft":"◃","trianglelefteq":"⊴","triangleq":"≜","triangleright":"▹","trianglerighteq":"⊵","tridot":"◬","trie":"≜","triminus":"⨺","TripleDot":"⃛","triplus":"⨹","trisb":"⧍","tritime":"⨻","trpezium":"⏢","Tscr":"𝒯","tscr":"𝓉","TScy":"Ц","tscy":"ц","TSHcy":"Ћ","tshcy":"ћ","Tstrok":"Ŧ","tstrok":"ŧ","twixt":"≬","twoheadleftarrow":"↞","twoheadrightarrow":"↠","Uacute":"Ú","uacute":"ú","uarr":"↑","Uarr":"↟","uArr":"⇑","Uarrocir":"⥉","Ubrcy":"Ў","ubrcy":"ў","Ubreve":"Ŭ","ubreve":"ŭ","Ucirc":"Û","ucirc":"û","Ucy":"У","ucy":"у","udarr":"⇅","Udblac":"Ű","udblac":"ű","udhar":"⥮","ufisht":"⥾","Ufr":"𝔘","ufr":"𝔲","Ugrave":"Ù","ugrave":"ù","uHar":"⥣","uharl":"↿","uharr":"↾","uhblk":"▀","ulcorn":"⌜","ulcorner":"⌜","ulcrop":"⌏","ultri":"◸","Umacr":"Ū","umacr":"ū","uml":"¨","UnderBar":"_","UnderBrace":"⏟","UnderBracket":"⎵","UnderParenthesis":"⏝","Union":"⋃","UnionPlus":"⊎","Uogon":"Ų","uogon":"ų","Uopf":"𝕌","uopf":"𝕦","UpArrowBar":"⤒","uparrow":"↑","UpArrow":"↑","Uparrow":"⇑","UpArrowDownArrow":"⇅","updownarrow":"↕","UpDownArrow":"↕","Updownarrow":"⇕","UpEquilibrium":"⥮","upharpoonleft":"↿","upharpoonright":"↾","uplus":"⊎","UpperLeftArrow":"↖","UpperRightArrow":"↗","upsi":"υ","Upsi":"ϒ","upsih":"ϒ","Upsilon":"Υ","upsilon":"υ","UpTeeArrow":"↥","UpTee":"⊥","upuparrows":"⇈","urcorn":"⌝","urcorner":"⌝","urcrop":"⌎","Uring":"Ů","uring":"ů","urtri":"◹","Uscr":"𝒰","uscr":"𝓊","utdot":"⋰","Utilde":"Ũ","utilde":"ũ","utri":"▵","utrif":"▴","uuarr":"⇈","Uuml":"Ü","uuml":"ü","uwangle":"⦧","vangrt":"⦜","varepsilon":"ϵ","varkappa":"ϰ","varnothing":"∅","varphi":"ϕ","varpi":"ϖ","varpropto":"∝","varr":"↕","vArr":"⇕","varrho":"ϱ","varsigma":"ς","varsubsetneq":"⊊︀","varsubsetneqq":"⫋︀","varsupsetneq":"⊋︀","varsupsetneqq":"⫌︀","vartheta":"ϑ","vartriangleleft":"⊲","vartriangleright":"⊳","vBar":"⫨","Vbar":"⫫","vBarv":"⫩","Vcy":"В","vcy":"в","vdash":"⊢","vDash":"⊨","Vdash":"⊩","VDash":"⊫","Vdashl":"⫦","veebar":"⊻","vee":"∨","Vee":"⋁","veeeq":"≚","vellip":"⋮","verbar":"|","Verbar":"‖","vert":"|","Vert":"‖","VerticalBar":"∣","VerticalLine":"|","VerticalSeparator":"❘","VerticalTilde":"≀","VeryThinSpace":" ","Vfr":"𝔙","vfr":"𝔳","vltri":"⊲","vnsub":"⊂⃒","vnsup":"⊃⃒","Vopf":"𝕍","vopf":"𝕧","vprop":"∝","vrtri":"⊳","Vscr":"𝒱","vscr":"𝓋","vsubnE":"⫋︀","vsubne":"⊊︀","vsupnE":"⫌︀","vsupne":"⊋︀","Vvdash":"⊪","vzigzag":"⦚","Wcirc":"Ŵ","wcirc":"ŵ","wedbar":"⩟","wedge":"∧","Wedge":"⋀","wedgeq":"≙","weierp":"℘","Wfr":"𝔚","wfr":"𝔴","Wopf":"𝕎","wopf":"𝕨","wp":"℘","wr":"≀","wreath":"≀","Wscr":"𝒲","wscr":"𝓌","xcap":"⋂","xcirc":"◯","xcup":"⋃","xdtri":"▽","Xfr":"𝔛","xfr":"𝔵","xharr":"⟷","xhArr":"⟺","Xi":"Ξ","xi":"ξ","xlarr":"⟵","xlArr":"⟸","xmap":"⟼","xnis":"⋻","xodot":"⨀","Xopf":"𝕏","xopf":"𝕩","xoplus":"⨁","xotime":"⨂","xrarr":"⟶","xrArr":"⟹","Xscr":"𝒳","xscr":"𝓍","xsqcup":"⨆","xuplus":"⨄","xutri":"△","xvee":"⋁","xwedge":"⋀","Yacute":"Ý","yacute":"ý","YAcy":"Я","yacy":"я","Ycirc":"Ŷ","ycirc":"ŷ","Ycy":"Ы","ycy":"ы","yen":"¥","Yfr":"𝔜","yfr":"𝔶","YIcy":"Ї","yicy":"ї","Yopf":"𝕐","yopf":"𝕪","Yscr":"𝒴","yscr":"𝓎","YUcy":"Ю","yucy":"ю","yuml":"ÿ","Yuml":"Ÿ","Zacute":"Ź","zacute":"ź","Zcaron":"Ž","zcaron":"ž","Zcy":"З","zcy":"з","Zdot":"Ż","zdot":"ż","zeetrf":"ℨ","ZeroWidthSpace":"","Zeta":"Ζ","zeta":"ζ","zfr":"𝔷","Zfr":"ℨ","ZHcy":"Ж","zhcy":"ж","zigrarr":"⇝","zopf":"𝕫","Zopf":"ℤ","Zscr":"𝒵","zscr":"𝓏","zwj":"","zwnj":""}')},af30:function(e,t,r){"use strict";var n=r("0068").isWhiteSpace,s=r("0068").isPunctChar,o=r("0068").isMdAsciiPunct,i=/['"]/,a=/['"]/g,c="’";function u(e,t,r){return e.substr(0,t)+r+e.substr(t+1)}function l(e,t){var r,i,l,p,h,f,d,m,g,b,_,k,v,y,x,C,w,A,D,E,q;for(D=[],r=0;r=0;w--)if(D[w].level<=d)break;if(D.length=w+1,"text"===i.type){l=i.content,h=0,f=l.length;e:while(h=0)g=l.charCodeAt(p.index-1);else for(w=r-1;w>=0;w--){if("softbreak"===e[w].type||"hardbreak"===e[w].type)break;if(e[w].content){g=e[w].content.charCodeAt(e[w].content.length-1);break}}if(b=32,h=48&&g<=57&&(C=x=!1),x&&C&&(x=_,C=k),x||C){if(C)for(w=D.length-1;w>=0;w--){if(m=D[w],D[w].level=0;t--)"inline"===e.tokens[t].type&&i.test(e.tokens[t].content)&&l(e.tokens[t].children,e)}},b117:function(e,t,r){"use strict";e.exports=function(e){var t={};t.src_Any=r("cbc7").source,t.src_Cc=r("a7bc").source,t.src_Z=r("4fc2").source,t.src_P=r("7ca0").source,t.src_ZPCc=[t.src_Z,t.src_P,t.src_Cc].join("|"),t.src_ZCc=[t.src_Z,t.src_Cc].join("|");var n="[><｜]";return t.src_pseudo_letter="(?:(?!"+n+"|"+t.src_ZPCc+")"+t.src_Any+")",t.src_ip4="(?:(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)",t.src_auth="(?:(?:(?!"+t.src_ZCc+"|[@/\\[\\]()]).)+@)?",t.src_port="(?::(?:6(?:[0-4]\\d{3}|5(?:[0-4]\\d{2}|5(?:[0-2]\\d|3[0-5])))|[1-5]?\\d{1,4}))?",t.src_host_terminator="(?=$|"+n+"|"+t.src_ZPCc+")(?!-|_|:\\d|\\.-|\\.(?!$|"+t.src_ZPCc+"))",t.src_path="(?:[/?#](?:(?!"+t.src_ZCc+"|"+n+"|[()[\\]{}.,\"'?!\\-]).|\\[(?:(?!"+t.src_ZCc+"|\\]).)*\\]|\\((?:(?!"+t.src_ZCc+"|[)]).)*\\)|\\{(?:(?!"+t.src_ZCc+'|[}]).)*\\}|\\"(?:(?!'+t.src_ZCc+'|["]).)+\\"|\\\'(?:(?!'+t.src_ZCc+"|[']).)+\\'|\\'(?="+t.src_pseudo_letter+"|[-]).|\\.{2,}[a-zA-Z0-9%/&]|\\.(?!"+t.src_ZCc+"|[.]).|"+(e&&e["---"]?"\\-(?!--(?:[^-]|$))(?:-*)|":"\\-+|")+"\\,(?!"+t.src_ZCc+").|\\!+(?!"+t.src_ZCc+"|[!]).|\\?(?!"+t.src_ZCc+"|[?]).)+|\\/)?",t.src_email_name='[\\-;:&=\\+\\$,\\.a-zA-Z0-9_][\\-;:&=\\+\\$,\\"\\.a-zA-Z0-9_]*',t.src_xn="xn--[a-z0-9\\-]{1,59}",t.src_domain_root="(?:"+t.src_xn+"|"+t.src_pseudo_letter+"{1,63})",t.src_domain="(?:"+t.src_xn+"|(?:"+t.src_pseudo_letter+")|(?:"+t.src_pseudo_letter+"(?:-|"+t.src_pseudo_letter+"){0,61}"+t.src_pseudo_letter+"))",t.src_host="(?:(?:(?:(?:"+t.src_domain+")\\.)*"+t.src_domain+"))",t.tpl_host_fuzzy="(?:"+t.src_ip4+"|(?:(?:(?:"+t.src_domain+")\\.)+(?:%TLDS%)))",t.tpl_host_no_ip_fuzzy="(?:(?:(?:"+t.src_domain+")\\.)+(?:%TLDS%))",t.src_host_strict=t.src_host+t.src_host_terminator,t.tpl_host_fuzzy_strict=t.tpl_host_fuzzy+t.src_host_terminator,t.src_host_port_strict=t.src_host+t.src_port+t.src_host_terminator,t.tpl_host_port_fuzzy_strict=t.tpl_host_fuzzy+t.src_port+t.src_host_terminator,t.tpl_host_port_no_ip_fuzzy_strict=t.tpl_host_no_ip_fuzzy+t.src_port+t.src_host_terminator,t.tpl_host_fuzzy_test="localhost|www\\.|\\.\\d{1,3}\\.|(?:\\.(?:%TLDS%)(?:"+t.src_ZPCc+"|>|$))",t.tpl_email_fuzzy="(^|"+n+'|"|\\(|'+t.src_ZCc+")("+t.src_email_name+"@"+t.tpl_host_fuzzy_strict+")",t.tpl_link_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|｜]|"+t.src_ZPCc+"))((?![$+<=>^`|｜])"+t.tpl_host_port_fuzzy_strict+t.src_path+")",t.tpl_link_no_ip_fuzzy="(^|(?![.:/\\-_@])(?:[$+<=>^`|｜]|"+t.src_ZPCc+"))((?![$+<=>^`|｜])"+t.tpl_host_port_no_ip_fuzzy_strict+t.src_path+")",t}},b50d:function(e,t,r){"use strict";var n=r("c532"),s=r("467f"),o=r("7aac"),i=r("30b5"),a=r("83b9"),c=r("c345"),u=r("3934"),l=r("2d83");e.exports=function(e){return new Promise((function(t,r){var p=e.data,h=e.headers,f=e.responseType;n.isFormData(p)&&delete h["Content-Type"];var d=new XMLHttpRequest;if(e.auth){var m=e.auth.username||"",g=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";h.Authorization="Basic "+btoa(m+":"+g)}var b=a(e.baseURL,e.url);function _(){if(d){var n="getAllResponseHeaders"in d?c(d.getAllResponseHeaders()):null,o=f&&"text"!==f&&"json"!==f?d.response:d.responseText,i={data:o,status:d.status,statusText:d.statusText,headers:n,config:e,request:d};s(t,r,i),d=null}}if(d.open(e.method.toUpperCase(),i(b,e.params,e.paramsSerializer),!0),d.timeout=e.timeout,"onloadend"in d?d.onloadend=_:d.onreadystatechange=function(){d&&4===d.readyState&&(0!==d.status||d.responseURL&&0===d.responseURL.indexOf("file:"))&&setTimeout(_)},d.onabort=function(){d&&(r(l("Request aborted",e,"ECONNABORTED",d)),d=null)},d.onerror=function(){r(l("Network Error",e,null,d)),d=null},d.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),r(l(t,e,e.transitional&&e.transitional.clarifyTimeoutError?"ETIMEDOUT":"ECONNABORTED",d)),d=null},n.isStandardBrowserEnv()){var k=(e.withCredentials||u(b))&&e.xsrfCookieName?o.read(e.xsrfCookieName):void 0;k&&(h[e.xsrfHeaderName]=k)}"setRequestHeader"in d&&n.forEach(h,(function(e,t){"undefined"===typeof p&&"content-type"===t.toLowerCase()?delete h[t]:d.setRequestHeader(t,e)})),n.isUndefined(e.withCredentials)||(d.withCredentials=!!e.withCredentials),f&&"json"!==f&&(d.responseType=e.responseType),"function"===typeof e.onDownloadProgress&&d.addEventListener("progress",e.onDownloadProgress),"function"===typeof e.onUploadProgress&&d.upload&&d.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){d&&(d.abort(),r(e),d=null)})),p||(p=null),d.send(p)}))}},baca:function(e,t,r){"use strict";function n(e){switch(e){case 10:case 33:case 35:case 36:case 37:case 38:case 42:case 43:case 45:case 58:case 60:case 61:case 62:case 64:case 91:case 92:case 93:case 94:case 95:case 96:case 123:case 125:case 126:return!0;default:return!1}}e.exports=function(e,t){var r=e.pos;while(r=0;t--)r=e[t],"text"!==r.type||n||(r.content=r.content.replace(o,a)),"link_open"===r.type&&"auto"===r.info&&n--,"link_close"===r.type&&"auto"===r.info&&n++}function u(e){var t,r,s=0;for(t=e.length-1;t>=0;t--)r=e[t],"text"!==r.type||s||n.test(r.content)&&(r.content=r.content.replace(/\+-/g,"±").replace(/\.{2,}/g,"…").replace(/([?!])…/g,"$1..").replace(/([?!]){4,}/g,"$1$1$1").replace(/,{2,}/g,",").replace(/(^|[^-])---(?=[^-]|$)/gm,"$1—").replace(/(^|\s)--(?=\s|$)/gm,"$1–").replace(/(^|[^-\s])--(?=[^-\s]|$)/gm,"$1–")),"link_open"===r.type&&"auto"===r.info&&s--,"link_close"===r.type&&"auto"===r.info&&s++}e.exports=function(e){var t;if(e.md.options.typographer)for(t=e.tokens.length-1;t>=0;t--)"inline"===e.tokens[t].type&&(s.test(e.tokens[t].content)&&c(e.tokens[t].children),n.test(e.tokens[t].content)&&u(e.tokens[t].children))}},bc3a:function(e,t,r){e.exports=r("cee4")},bd68:function(e,t,r){"use strict";e.exports=r("aced")},bf2b:function(e,t,r){"use strict";e.exports=function(e,t,r,n){var s,o,i,a,c,u,l,p=!1,h=e.bMarks[t]+e.tShift[t],f=e.eMarks[t];if(e.sCount[t]-e.blkIndent>=4)return!1;if(h+3>f)return!1;if(s=e.src.charCodeAt(h),126!==s&&96!==s)return!1;if(c=h,h=e.skipChars(h,s),o=h-c,o<3)return!1;if(l=e.src.slice(c,h),i=e.src.slice(h,f),96===s&&i.indexOf(String.fromCharCode(s))>=0)return!1;if(n)return!0;for(a=t;;){if(a++,a>=r)break;if(h=c=e.bMarks[a]+e.tShift[a],f=e.eMarks[a],h=4)&&(h=e.skipChars(h,s),!(h-c=97&&t<=122}e.exports=function(e,t){var r,o,i,a,c=e.pos;return!!e.md.options.html&&(i=e.posMax,!(60!==e.src.charCodeAt(c)||c+2>=i)&&(r=e.src.charCodeAt(c+1),!(33!==r&&63!==r&&47!==r&&!s(r))&&(o=e.src.slice(c).match(n),!!o&&(t||(a=e.push("html_inline","",0),a.content=e.src.slice(c,c+o[0].length)),e.pos+=o[0].length,!0))))}},c345:function(e,t,r){"use strict";var n=r("c532"),s=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,r,o,i={};return e?(n.forEach(e.split("\n"),(function(e){if(o=e.indexOf(":"),t=n.trim(e.substr(0,o)).toLowerCase(),r=n.trim(e.substr(o+1)),t){if(i[t]&&s.indexOf(t)>=0)return;i[t]="set-cookie"===t?(i[t]?i[t]:[]).concat([r]):i[t]?i[t]+", "+r:r}})),i):i}},c401:function(e,t,r){"use strict";var n=r("c532"),s=r("2444");e.exports=function(e,t,r){var o=this||s;return n.forEach(r,(function(r){e=r.call(o,e,t)})),e}},c464:function(e,t,r){"use strict";var n={};function s(e){var t,r,s=n[e];if(s)return s;for(s=n[e]=[],t=0;t<128;t++)r=String.fromCharCode(t),/^[0-9a-z]$/i.test(r)?s.push(r):s.push("%"+("0"+t.toString(16).toUpperCase()).slice(-2));for(t=0;t=55296&&a<=57343){if(a>=55296&&a<=56319&&n+1=56320&&c<=57343)){l+=encodeURIComponent(e[n]+e[n+1]),n++;continue}l+="%EF%BF%BD"}else l+=encodeURIComponent(e[n]);return l}o.defaultChars=";/?:@&=+$,-_.!~*'()#",o.componentChars="-_.!~*'()",e.exports=o},c532:function(e,t,r){"use strict";var n=r("1d2b"),s=Object.prototype.toString;function o(e){return"[object Array]"===s.call(e)}function i(e){return"undefined"===typeof e}function a(e){return null!==e&&!i(e)&&null!==e.constructor&&!i(e.constructor)&&"function"===typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function c(e){return"[object ArrayBuffer]"===s.call(e)}function u(e){return"undefined"!==typeof FormData&&e instanceof FormData}function l(e){var t;return t="undefined"!==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer,t}function p(e){return"string"===typeof e}function h(e){return"number"===typeof e}function f(e){return null!==e&&"object"===typeof e}function d(e){if("[object Object]"!==s.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function m(e){return"[object Date]"===s.call(e)}function g(e){return"[object File]"===s.call(e)}function b(e){return"[object Blob]"===s.call(e)}function _(e){return"[object Function]"===s.call(e)}function k(e){return f(e)&&_(e.pipe)}function v(e){return"undefined"!==typeof URLSearchParams&&e instanceof URLSearchParams}function y(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function x(){return("undefined"===typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!==typeof window&&"undefined"!==typeof document)}function C(e,t){if(null!==e&&"undefined"!==typeof e)if("object"!==typeof e&&(e=[e]),o(e))for(var r=0,n=e.length;r=0;r--)n=t[r],95!==n.marker&&42!==n.marker||-1!==n.end&&(s=t[n.end],a=r>0&&t[r-1].end===n.end+1&&t[r-1].marker===n.marker&&t[r-1].token===n.token-1&&t[n.end+1].token===s.token+1,i=String.fromCharCode(n.marker),o=e.tokens[n.token],o.type=a?"strong_open":"em_open",o.tag=a?"strong":"em",o.nesting=1,o.markup=a?i+i:i,o.content="",o=e.tokens[s.token],o.type=a?"strong_close":"em_close",o.tag=a?"strong":"em",o.nesting=-1,o.markup=a?i+i:i,o.content="",a&&(e.tokens[t[r-1].token].content="",e.tokens[t[n.end+1].token].content="",r--))}e.exports.tokenize=function(e,t){var r,n,s,o=e.pos,i=e.src.charCodeAt(o);if(t)return!1;if(95!==i&&42!==i)return!1;for(n=e.scanDelims(e.pos,42===i),r=0;r=g)return!1;if(b=u,l=e.md.helpers.parseLinkDestination(e.src,u,e.posMax),l.ok){for(f=e.md.normalizeLink(l.str),e.md.validateLink(f)?u=l.pos:f="",b=u;u=g||41!==e.src.charCodeAt(u))&&(_=!0),u++}if(_){if("undefined"===typeof e.env.references)return!1;if(u=0?i=e.src.slice(b,u++):u=a+1):u=a+1,i||(i=e.src.slice(c,a)),p=e.env.references[n(i)],!p)return e.pos=m,!1;f=p.href,d=p.title}return t||(e.pos=c,e.posMax=a,h=e.push("link_open","a",1),h.attrs=r=[["href",f]],d&&r.push(["title",d]),e.md.inline.tokenize(e),h=e.push("link_close","a",-1)),e.pos=u,e.posMax=g,!0}},cee4:function(e,t,r){"use strict";var n=r("c532"),s=r("1d2b"),o=r("0a06"),i=r("4a7b"),a=r("2444");function c(e){var t=new o(e),r=s(o.prototype.request,t);return n.extend(r,o.prototype,t),n.extend(r,t),r}var u=c(a);u.Axios=o,u.create=function(e){return c(i(u.defaults,e))},u.Cancel=r("7a77"),u.CancelToken=r("8df4"),u.isCancel=r("2e67"),u.all=function(e){return Promise.all(e)},u.spread=r("0df6"),u.isAxiosError=r("5f02"),e.exports=u,e.exports.default=u},d4cd:function(e,t,r){"use strict";e.exports=r("08ae")},d5d1:function(e,t,r){"use strict";t.Any=r("cbc7"),t.Cc=r("a7bc"),t.Cf=r("6fd1"),t.P=r("7ca0"),t.Z=r("4fc2")},d670:function(e,t,r){"use strict";var n=r("0068").normalizeReference,s=r("0068").isSpace;e.exports=function(e,t,r,o){var i,a,c,u,l,p,h,f,d,m,g,b,_,k,v,y,x=0,C=e.bMarks[t]+e.tShift[t],w=e.eMarks[t],A=t+1;if(e.sCount[t]-e.blkIndent>=4)return!1;if(91!==e.src.charCodeAt(C))return!1;while(++C3)&&!(e.sCount[A]<0)){for(k=!1,p=0,h=v.length;p",'"',"`"," ","\r","\n","\t"],c=["{","}","|","\\","^","`"].concat(a),u=["'"].concat(c),l=["%","/","?",";","#"].concat(u),p=["/","?","#"],h=255,f=/^[+a-z0-9A-Z_-]{0,63}$/,d=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,m={javascript:!0,"javascript:":!0},g={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};function b(e,t){if(e&&e instanceof n)return e;var r=new n;return r.parse(e,t),r}n.prototype.parse=function(e,t){var r,n,o,a,c,u=e;if(u=u.trim(),!t&&1===e.split("#").length){var b=i.exec(u);if(b)return this.pathname=b[1],b[2]&&(this.search=b[2]),this}var _=s.exec(u);if(_&&(_=_[0],o=_.toLowerCase(),this.protocol=_,u=u.substr(_.length)),(t||_||u.match(/^\/\/[^@\/]+@[^@\/]+/))&&(c="//"===u.substr(0,2),!c||_&&m[_]||(u=u.substr(2),this.slashes=!0)),!m[_]&&(c||_&&!g[_])){var k,v,y=-1;for(r=0;r127?D+="x":D+=A[E];if(!D.match(f)){var S=w.slice(0,r),F=w.slice(r+1),L=A.match(d);L&&(S.push(L[1]),F.unshift(L[2])),F.length&&(u=F.join(".")+u),this.hostname=S.join(".");break}}}}this.hostname.length>h&&(this.hostname=""),C&&(this.hostname=this.hostname.substr(1,this.hostname.length-2))}var T=u.indexOf("#");-1!==T&&(this.hash=u.substr(T),u=u.slice(0,T));var z=u.indexOf("?");return-1!==z&&(this.search=u.substr(z),u=u.slice(0,z)),u&&(this.pathname=u),g[o]&&this.hostname&&!this.pathname&&(this.pathname=""),this},n.prototype.parseHost=function(e){var t=o.exec(e);t&&(t=t[0],":"!==t&&(this.port=t.substr(1)),e=e.substr(0,e.length-t.length)),e&&(this.hostname=e)},e.exports=b},df56:function(e,t,r){"use strict";e.exports=function(e,t,r){var n,s,o,i,a=-1,c=e.posMax,u=e.pos;e.pos=t+1,n=1;while(e.pos32))return c;if(41===s){if(0===o)break;o--}t++}}return a===t||0!==o||(c.str=n(e.slice(a,t)),c.lines=i,c.pos=t,c.ok=!0),c}},e683:function(e,t,r){"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},e80e:function(e,t,r){"use strict";var n=r("0068").isSpace;e.exports=function(e,t,r,s){var o,i,a,c,u,l,p,h,f,d,m,g,b,_,k,v,y,x,C,w,A=e.lineMax,D=e.bMarks[t]+e.tShift[t],E=e.eMarks[t];if(e.sCount[t]-e.blkIndent>=4)return!1;if(62!==e.src.charCodeAt(D++))return!1;if(s)return!0;c=f=e.sCount[t]+1,32===e.src.charCodeAt(D)?(D++,c++,f++,o=!1,v=!0):9===e.src.charCodeAt(D)?(v=!0,(e.bsCount[t]+f)%4===3?(D++,c++,f++,o=!1):o=!0):v=!1,d=[e.bMarks[t]],e.bMarks[t]=D;while(D=E,_=[e.sCount[t]],e.sCount[t]=f-c,k=[e.tShift[t]],e.tShift[t]=D-e.bMarks[t],x=e.md.block.ruler.getRules("blockquote"),b=e.parentType,e.parentType="blockquote",h=t+1;h=E)break;if(62!==e.src.charCodeAt(D++)||w){if(l)break;for(y=!1,a=0,u=x.length;a=E,m.push(e.bsCount[h]),e.bsCount[h]=e.sCount[h]+1+(v?1:0),_.push(e.sCount[h]),e.sCount[h]=f-c,k.push(e.tShift[h]),e.tShift[h]=D-e.bMarks[h]}}for(g=e.blkIndent,e.blkIndent=0,C=e.push("blockquote_open","blockquote",1),C.markup=">",C.map=p=[t,0],e.md.block.tokenize(e,t,h),C=e.push("blockquote_close","blockquote",-1),C.markup=">",e.lineMax=A,e.parentType=b,p[1]=e.line,a=0;a=3&&":"===e[t-3]||t>=3&&"/"===e[t-3]?0:n.match(r.re.no_http)[0].length:0}},"mailto:":{validate:function(e,t,r){var n=e.slice(t);return r.re.mailto||(r.re.mailto=new RegExp("^"+r.re.src_email_name+"@"+r.re.src_host_strict,"i")),r.re.mailto.test(n)?n.match(r.re.mailto)[0].length:0}}},f="a[cdefgilmnoqrstuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrstuvwxyz]|n[acefgilopruz]|om|p[aefghklmnrstwy]|qa|r[eosuw]|s[abcdeghijklmnortuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]",d="biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф".split("|");function m(e){e.__index__=-1,e.__text_cache__=""}function g(e){return function(t,r){var n=t.slice(r);return e.test(n)?n.match(e)[0].length:0}}function b(){return function(e,t){t.normalize(e)}}function _(e){var t=e.re=r("b117")(e.__opts__),n=e.__tlds__.slice();function s(e){return e.replace("%TLDS%",t.src_tlds)}e.onCompile(),e.__tlds_replaced__||n.push(f),n.push(t.src_xn),t.src_tlds=n.join("|"),t.email_fuzzy=RegExp(s(t.tpl_email_fuzzy),"i"),t.link_fuzzy=RegExp(s(t.tpl_link_fuzzy),"i"),t.link_no_ip_fuzzy=RegExp(s(t.tpl_link_no_ip_fuzzy),"i"),t.host_fuzzy_test=RegExp(s(t.tpl_host_fuzzy_test),"i");var l=[];function p(e,t){throw new Error('(LinkifyIt) Invalid schema "'+e+'": '+t)}e.__compiled__={},Object.keys(e.__schemas__).forEach((function(t){var r=e.__schemas__[t];if(null!==r){var n={validate:null,link:null};if(e.__compiled__[t]=n,i(r))return a(r.validate)?n.validate=g(r.validate):c(r.validate)?n.validate=r.validate:p(t,r),void(c(r.normalize)?n.normalize=r.normalize:r.normalize?p(t,r):n.normalize=b());o(r)?l.push(t):p(t,r)}})),l.forEach((function(t){e.__compiled__[e.__schemas__[t]]&&(e.__compiled__[t].validate=e.__compiled__[e.__schemas__[t]].validate,e.__compiled__[t].normalize=e.__compiled__[e.__schemas__[t]].normalize)})),e.__compiled__[""]={validate:null,normalize:b()};var h=Object.keys(e.__compiled__).filter((function(t){return t.length>0&&e.__compiled__[t]})).map(u).join("|");e.re.schema_test=RegExp("(^|(?!_)(?:[><｜]|"+t.src_ZPCc+"))("+h+")","i"),e.re.schema_search=RegExp("(^|(?!_)(?:[><｜]|"+t.src_ZPCc+"))("+h+")","ig"),e.re.pretest=RegExp("("+e.re.schema_test.source+")|("+e.re.host_fuzzy_test.source+")|@","i"),m(e)}function k(e,t){var r=e.__index__,n=e.__last_index__,s=e.__text_cache__.slice(r,n);this.schema=e.__schema__.toLowerCase(),this.index=r+t,this.lastIndex=n+t,this.raw=s,this.text=s,this.url=s}function v(e,t){var r=new k(e,t);return e.__compiled__[r.schema].normalize(r,e),r}function y(e,t){if(!(this instanceof y))return new y(e,t);t||p(e)&&(t=e,e={}),this.__opts__=n({},l,t),this.__index__=-1,this.__last_index__=-1,this.__schema__="",this.__text_cache__="",this.__schemas__=n({},h,e),this.__compiled__={},this.__tlds__=d,this.__tlds_replaced__=!1,this.re={},_(this)}y.prototype.add=function(e,t){return this.__schemas__[e]=t,_(this),this},y.prototype.set=function(e){return this.__opts__=n(this.__opts__,e),this},y.prototype.test=function(e){if(this.__text_cache__=e,this.__index__=-1,!e.length)return!1;var t,r,n,s,o,i,a,c,u;if(this.re.schema_test.test(e)){a=this.re.schema_search,a.lastIndex=0;while(null!==(t=a.exec(e)))if(s=this.testSchemaAt(e,t[2],a.lastIndex),s){this.__schema__=t[2],this.__index__=t.index+t[1].length,this.__last_index__=t.index+t[0].length+s;break}}return this.__opts__.fuzzyLink&&this.__compiled__["http:"]&&(c=e.search(this.re.host_fuzzy_test),c>=0&&(this.__index__<0||c=0&&null!==(n=e.match(this.re.email_fuzzy))&&(o=n.index+n[1].length,i=n.index+n[0].length,(this.__index__<0||othis.__last_index__)&&(this.__schema__="mailto:",this.__index__=o,this.__last_index__=i))),this.__index__>=0},y.prototype.pretest=function(e){return this.re.pretest.test(e)},y.prototype.testSchemaAt=function(e,t,r){return this.__compiled__[t.toLowerCase()]?this.__compiled__[t.toLowerCase()].validate(e,r,this):0},y.prototype.match=function(e){var t=0,r=[];this.__index__>=0&&this.__text_cache__===e&&(r.push(v(this,t)),t=this.__last_index__);var n=t?e.slice(t):e;while(this.test(n))r.push(v(this,t)),n=n.slice(this.__last_index__),t+=this.__last_index__;return r.length?r:null},y.prototype.tlds=function(e,t){return e=Array.isArray(e)?e:[e],t?(this.__tlds__=this.__tlds__.concat(e).sort().filter((function(e,t,r){return e!==r[t-1]})).reverse(),_(this),this):(this.__tlds__=e.slice(),this.__tlds_replaced__=!0,_(this),this)},y.prototype.normalize=function(e){e.schema||(e.url="http://"+e.url),"mailto:"!==e.schema||/^mailto:/i.test(e.url)||(e.url="mailto:"+e.url)},y.prototype.onCompile=function(){},e.exports=y},fdfe:function(e,t,r){"use strict";var n=r("0068").isSpace;e.exports=function(e,t,r,s){var o,i,a,c,u=e.bMarks[t]+e.tShift[t],l=e.eMarks[t];if(e.sCount[t]-e.blkIndent>=4)return!1;if(o=e.src.charCodeAt(u++),42!==o&&45!==o&&95!==o)return!1;i=1;while(u= 0xD800 && c <= 0xDFFF) { return false; }\n // never used\n if (c >= 0xFDD0 && c <= 0xFDEF) { return false; }\n if ((c & 0xFFFF) === 0xFFFF || (c & 0xFFFF) === 0xFFFE) { return false; }\n // control codes\n if (c >= 0x00 && c <= 0x08) { return false; }\n if (c === 0x0B) { return false; }\n if (c >= 0x0E && c <= 0x1F) { return false; }\n if (c >= 0x7F && c <= 0x9F) { return false; }\n // out of range\n if (c > 0x10FFFF) { return false; }\n return true;\n}\n\nfunction fromCodePoint(c) {\n /*eslint no-bitwise:0*/\n if (c > 0xffff) {\n c -= 0x10000;\n var surrogate1 = 0xd800 + (c >> 10),\n surrogate2 = 0xdc00 + (c & 0x3ff);\n\n return String.fromCharCode(surrogate1, surrogate2);\n }\n return String.fromCharCode(c);\n}\n\n\nvar UNESCAPE_MD_RE = /\\\\([!\"#$%&'()*+,\\-.\\/:;<=>?@[\\\\\\]^_`{|}~])/g;\nvar ENTITY_RE = /&([a-z#][a-z0-9]{1,31});/gi;\nvar UNESCAPE_ALL_RE = new RegExp(UNESCAPE_MD_RE.source + '|' + ENTITY_RE.source, 'gi');\n\nvar DIGITAL_ENTITY_TEST_RE = /^#((?:x[a-f0-9]{1,8}|[0-9]{1,8}))/i;\n\nvar entities = require('./entities');\n\nfunction replaceEntityPattern(match, name) {\n var code = 0;\n\n if (has(entities, name)) {\n return entities[name];\n }\n\n if (name.charCodeAt(0) === 0x23/* # */ && DIGITAL_ENTITY_TEST_RE.test(name)) {\n code = name[1].toLowerCase() === 'x' ?\n parseInt(name.slice(2), 16) : parseInt(name.slice(1), 10);\n\n if (isValidEntityCode(code)) {\n return fromCodePoint(code);\n }\n }\n\n return match;\n}\n\n/*function replaceEntities(str) {\n if (str.indexOf('&') < 0) { return str; }\n\n return str.replace(ENTITY_RE, replaceEntityPattern);\n}*/\n\nfunction unescapeMd(str) {\n if (str.indexOf('\\\\') < 0) { return str; }\n return str.replace(UNESCAPE_MD_RE, '$1');\n}\n\nfunction unescapeAll(str) {\n if (str.indexOf('\\\\') < 0 && str.indexOf('&') < 0) { return str; }\n\n return str.replace(UNESCAPE_ALL_RE, function (match, escaped, entity) {\n if (escaped) { return escaped; }\n return replaceEntityPattern(match, entity);\n });\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\nvar HTML_ESCAPE_TEST_RE = /[&<>\"]/;\nvar HTML_ESCAPE_REPLACE_RE = /[&<>\"]/g;\nvar HTML_REPLACEMENTS = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"'\n};\n\nfunction replaceUnsafeChar(ch) {\n return HTML_REPLACEMENTS[ch];\n}\n\nfunction escapeHtml(str) {\n if (HTML_ESCAPE_TEST_RE.test(str)) {\n return str.replace(HTML_ESCAPE_REPLACE_RE, replaceUnsafeChar);\n }\n return str;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\nvar REGEXP_ESCAPE_RE = /[.?*+^$[\\]\\\\(){}|-]/g;\n\nfunction escapeRE(str) {\n return str.replace(REGEXP_ESCAPE_RE, '\\\\$&');\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\nfunction isSpace(code) {\n switch (code) {\n case 0x09:\n case 0x20:\n return true;\n }\n return false;\n}\n\n// Zs (unicode class) || [\\t\\f\\v\\r\\n]\nfunction isWhiteSpace(code) {\n if (code >= 0x2000 && code <= 0x200A) { return true; }\n switch (code) {\n case 0x09: // \\t\n case 0x0A: // \\n\n case 0x0B: // \\v\n case 0x0C: // \\f\n case 0x0D: // \\r\n case 0x20:\n case 0xA0:\n case 0x1680:\n case 0x202F:\n case 0x205F:\n case 0x3000:\n return true;\n }\n return false;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\n/*eslint-disable max-len*/\nvar UNICODE_PUNCT_RE = require('uc.micro/categories/P/regex');\n\n// Currently without astral characters support.\nfunction isPunctChar(ch) {\n return UNICODE_PUNCT_RE.test(ch);\n}\n\n\n// Markdown ASCII punctuation characters.\n//\n// !, \", #, $, %, &, ', (, ), *, +, ,, -, ., /, :, ;, <, =, >, ?, @, [, \\, ], ^, _, `, {, |, }, or ~\n// http://spec.commonmark.org/0.15/#ascii-punctuation-character\n//\n// Don't confuse with unicode punctuation !!! It lacks some chars in ascii range.\n//\nfunction isMdAsciiPunct(ch) {\n switch (ch) {\n case 0x21/* ! */:\n case 0x22/* \" */:\n case 0x23/* # */:\n case 0x24/* $ */:\n case 0x25/* % */:\n case 0x26/* & */:\n case 0x27/* ' */:\n case 0x28/* ( */:\n case 0x29/* ) */:\n case 0x2A/* * */:\n case 0x2B/* + */:\n case 0x2C/* , */:\n case 0x2D/* - */:\n case 0x2E/* . */:\n case 0x2F/* / */:\n case 0x3A/* : */:\n case 0x3B/* ; */:\n case 0x3C/* < */:\n case 0x3D/* = */:\n case 0x3E/* > */:\n case 0x3F/* ? */:\n case 0x40/* @ */:\n case 0x5B/* [ */:\n case 0x5C/* \\ */:\n case 0x5D/* ] */:\n case 0x5E/* ^ */:\n case 0x5F/* _ */:\n case 0x60/* ` */:\n case 0x7B/* { */:\n case 0x7C/* | */:\n case 0x7D/* } */:\n case 0x7E/* ~ */:\n return true;\n default:\n return false;\n }\n}\n\n// Hepler to unify [reference labels].\n//\nfunction normalizeReference(str) {\n // Trim and collapse whitespace\n //\n str = str.trim().replace(/\\s+/g, ' ');\n\n // In node v10 'ẞ'.toLowerCase() === 'Ṿ', which is presumed to be a bug\n // fixed in v12 (couldn't find any details).\n //\n // So treat this one as a special case\n // (remove this when node v10 is no longer supported).\n //\n if ('ẞ'.toLowerCase() === 'Ṿ') {\n str = str.replace(/ẞ/g, 'ß');\n }\n\n // .toLowerCase().toUpperCase() should get rid of all differences\n // between letter variants.\n //\n // Simple .toLowerCase() doesn't normalize 125 code points correctly,\n // and .toUpperCase doesn't normalize 6 of them (list of exceptions:\n // İ, ϴ, ẞ, Ω, K, Å - those are already uppercased, but have differently\n // uppercased versions).\n //\n // Here's an example showing how it happens. Lets take greek letter omega:\n // uppercase U+0398 (Θ), U+03f4 (ϴ) and lowercase U+03b8 (θ), U+03d1 (ϑ)\n //\n // Unicode entries:\n // 0398;GREEK CAPITAL LETTER THETA;Lu;0;L;;;;;N;;;;03B8;\n // 03B8;GREEK SMALL LETTER THETA;Ll;0;L;;;;;N;;;0398;;0398\n // 03D1;GREEK THETA SYMBOL;Ll;0;L; 03B8;;;;N;GREEK SMALL LETTER SCRIPT THETA;;0398;;0398\n // 03F4;GREEK CAPITAL THETA SYMBOL;Lu;0;L; 0398;;;;N;;;;03B8;\n //\n // Case-insensitive comparison should treat all of them as equivalent.\n //\n // But .toLowerCase() doesn't change ϑ (it's already lowercase),\n // and .toUpperCase() doesn't change ϴ (already uppercase).\n //\n // Applying first lower then upper case normalizes any character:\n // '\\u0398\\u03f4\\u03b8\\u03d1'.toLowerCase().toUpperCase() === '\\u0398\\u0398\\u0398\\u0398'\n //\n // Note: this is equivalent to unicode case folding; unicode normalization\n // is a different step that is not required here.\n //\n // Final result should be uppercased, because it's later stored in an object\n // (this avoid a conflict with Object.prototype members,\n // most notably, `__proto__`)\n //\n return str.toLowerCase().toUpperCase();\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\n// Re-export libraries commonly used in both markdown-it and its plugins,\n// so plugins won't have to depend on them explicitly, which reduces their\n// bundled size (e.g. a browser build).\n//\nexports.lib = {};\nexports.lib.mdurl = require('mdurl');\nexports.lib.ucmicro = require('uc.micro');\n\nexports.assign = assign;\nexports.isString = isString;\nexports.has = has;\nexports.unescapeMd = unescapeMd;\nexports.unescapeAll = unescapeAll;\nexports.isValidEntityCode = isValidEntityCode;\nexports.fromCodePoint = fromCodePoint;\n// exports.replaceEntities = replaceEntities;\nexports.escapeHtml = escapeHtml;\nexports.arrayReplaceAt = arrayReplaceAt;\nexports.isSpace = isSpace;\nexports.isWhiteSpace = isWhiteSpace;\nexports.isMdAsciiPunct = isMdAsciiPunct;\nexports.isPunctChar = isPunctChar;\nexports.escapeRE = escapeRE;\nexports.normalizeReference = normalizeReference;\n","// heading (#, ##, ...)\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function heading(state, startLine, endLine, silent) {\n var ch, level, tmp, token,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x23/* # */ || pos >= max) { return false; }\n\n // count heading level\n level = 1;\n ch = state.src.charCodeAt(++pos);\n while (ch === 0x23/* # */ && pos < max && level <= 6) {\n level++;\n ch = state.src.charCodeAt(++pos);\n }\n\n if (level > 6 || (pos < max && !isSpace(ch))) { return false; }\n\n if (silent) { return true; }\n\n // Let's cut tails like ' ### ' from the end of string\n\n max = state.skipSpacesBack(max, pos);\n tmp = state.skipCharsBack(max, 0x23, pos); // #\n if (tmp > pos && isSpace(state.src.charCodeAt(tmp - 1))) {\n max = tmp;\n }\n\n state.line = startLine + 1;\n\n token = state.push('heading_open', 'h' + String(level), 1);\n token.markup = '########'.slice(0, level);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = state.src.slice(pos, max).trim();\n token.map = [ startLine, state.line ];\n token.children = [];\n\n token = state.push('heading_close', 'h' + String(level), -1);\n token.markup = '########'.slice(0, level);\n\n return true;\n};\n","// Main parser class\n\n'use strict';\n\n\nvar utils = require('./common/utils');\nvar helpers = require('./helpers');\nvar Renderer = require('./renderer');\nvar ParserCore = require('./parser_core');\nvar ParserBlock = require('./parser_block');\nvar ParserInline = require('./parser_inline');\nvar LinkifyIt = require('linkify-it');\nvar mdurl = require('mdurl');\nvar punycode = require('punycode');\n\n\nvar config = {\n default: require('./presets/default'),\n zero: require('./presets/zero'),\n commonmark: require('./presets/commonmark')\n};\n\n////////////////////////////////////////////////////////////////////////////////\n//\n// This validator can prohibit more than really needed to prevent XSS. It's a\n// tradeoff to keep code simple and to be secure by default.\n//\n// If you need different setup - override validator method as you wish. Or\n// replace it with dummy function and use external sanitizer.\n//\n\nvar BAD_PROTO_RE = /^(vbscript|javascript|file|data):/;\nvar GOOD_DATA_RE = /^data:image\\/(gif|png|jpeg|webp);/;\n\nfunction validateLink(url) {\n // url should be normalized at this point, and existing entities are decoded\n var str = url.trim().toLowerCase();\n\n return BAD_PROTO_RE.test(str) ? (GOOD_DATA_RE.test(str) ? true : false) : true;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n\n\nvar RECODE_HOSTNAME_FOR = [ 'http:', 'https:', 'mailto:' ];\n\nfunction normalizeLink(url) {\n var parsed = mdurl.parse(url, true);\n\n if (parsed.hostname) {\n // Encode hostnames in urls like:\n // `http://host/`, `https://host/`, `mailto:user@host`, `//host/`\n //\n // We don't encode unknown schemas, because it's likely that we encode\n // something we shouldn't (e.g. `skype:name` treated as `skype:host`)\n //\n if (!parsed.protocol || RECODE_HOSTNAME_FOR.indexOf(parsed.protocol) >= 0) {\n try {\n parsed.hostname = punycode.toASCII(parsed.hostname);\n } catch (er) { /**/ }\n }\n }\n\n return mdurl.encode(mdurl.format(parsed));\n}\n\nfunction normalizeLinkText(url) {\n var parsed = mdurl.parse(url, true);\n\n if (parsed.hostname) {\n // Encode hostnames in urls like:\n // `http://host/`, `https://host/`, `mailto:user@host`, `//host/`\n //\n // We don't encode unknown schemas, because it's likely that we encode\n // something we shouldn't (e.g. `skype:name` treated as `skype:host`)\n //\n if (!parsed.protocol || RECODE_HOSTNAME_FOR.indexOf(parsed.protocol) >= 0) {\n try {\n parsed.hostname = punycode.toUnicode(parsed.hostname);\n } catch (er) { /**/ }\n }\n }\n\n // add '%' to exclude list because of https://github.com/markdown-it/markdown-it/issues/720\n return mdurl.decode(mdurl.format(parsed), mdurl.decode.defaultChars + '%');\n}\n\n\n/**\n * class MarkdownIt\n *\n * Main parser/renderer class.\n *\n * ##### Usage\n *\n * ```javascript\n * // node.js, \"classic\" way:\n * var MarkdownIt = require('markdown-it'),\n * md = new MarkdownIt();\n * var result = md.render('# markdown-it rulezz!');\n *\n * // node.js, the same, but with sugar:\n * var md = require('markdown-it')();\n * var result = md.render('# markdown-it rulezz!');\n *\n * // browser without AMD, added to \"window\" on script load\n * // Note, there are no dash.\n * var md = window.markdownit();\n * var result = md.render('# markdown-it rulezz!');\n * ```\n *\n * Single line rendering, without paragraph wrap:\n *\n * ```javascript\n * var md = require('markdown-it')();\n * var result = md.renderInline('__markdown-it__ rulezz!');\n * ```\n **/\n\n/**\n * new MarkdownIt([presetName, options])\n * - presetName (String): optional, `commonmark` / `zero`\n * - options (Object)\n *\n * Creates parser instanse with given config. Can be called without `new`.\n *\n * ##### presetName\n *\n * MarkdownIt provides named presets as a convenience to quickly\n * enable/disable active syntax rules and options for common use cases.\n *\n * - [\"commonmark\"](https://github.com/markdown-it/markdown-it/blob/master/lib/presets/commonmark.js) -\n * configures parser to strict [CommonMark](http://commonmark.org/) mode.\n * - [default](https://github.com/markdown-it/markdown-it/blob/master/lib/presets/default.js) -\n * similar to GFM, used when no preset name given. Enables all available rules,\n * but still without html, typographer & autolinker.\n * - [\"zero\"](https://github.com/markdown-it/markdown-it/blob/master/lib/presets/zero.js) -\n * all rules disabled. Useful to quickly setup your config via `.enable()`.\n * For example, when you need only `bold` and `italic` markup and nothing else.\n *\n * ##### options:\n *\n * - __html__ - `false`. Set `true` to enable HTML tags in source. Be careful!\n * That's not safe! You may need external sanitizer to protect output from XSS.\n * It's better to extend features via plugins, instead of enabling HTML.\n * - __xhtmlOut__ - `false`. Set `true` to add '/' when closing single tags\n * (` `). This is needed only for full CommonMark compatibility. In real\n * world you will need HTML output.\n * - __breaks__ - `false`. Set `true` to convert `\\n` in paragraphs into ` `.\n * - __langPrefix__ - `language-`. CSS language class prefix for fenced blocks.\n * Can be useful for external highlighters.\n * - __linkify__ - `false`. Set `true` to autoconvert URL-like text to links.\n * - __typographer__ - `false`. Set `true` to enable [some language-neutral\n * replacement](https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/replacements.js) +\n * quotes beautification (smartquotes).\n * - __quotes__ - `“”‘’`, String or Array. Double + single quotes replacement\n * pairs, when typographer enabled and smartquotes on. For example, you can\n * use `'«»„“'` for Russian, `'„“‚‘'` for German, and\n * `['«\\xA0', '\\xA0»', '‹\\xA0', '\\xA0›']` for French (including nbsp).\n * - __highlight__ - `null`. Highlighter function for fenced code blocks.\n * Highlighter `function (str, lang)` should return escaped HTML. It can also\n * return empty string if the source was not changed and should be escaped\n * externaly. If result starts with `):\n *\n * ```javascript\n * var hljs = require('highlight.js') // https://highlightjs.org/\n *\n * // Actual default values\n * var md = require('markdown-it')({\n * highlight: function (str, lang) {\n * if (lang && hljs.getLanguage(lang)) {\n * try {\n * return '
';\n * }\n * });\n * ```\n *\n **/\nfunction MarkdownIt(presetName, options) {\n if (!(this instanceof MarkdownIt)) {\n return new MarkdownIt(presetName, options);\n }\n\n if (!options) {\n if (!utils.isString(presetName)) {\n options = presetName || {};\n presetName = 'default';\n }\n }\n\n /**\n * MarkdownIt#inline -> ParserInline\n *\n * Instance of [[ParserInline]]. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.inline = new ParserInline();\n\n /**\n * MarkdownIt#block -> ParserBlock\n *\n * Instance of [[ParserBlock]]. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.block = new ParserBlock();\n\n /**\n * MarkdownIt#core -> Core\n *\n * Instance of [[Core]] chain executor. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.core = new ParserCore();\n\n /**\n * MarkdownIt#renderer -> Renderer\n *\n * Instance of [[Renderer]]. Use it to modify output look. Or to add rendering\n * rules for new token types, generated by plugins.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * function myToken(tokens, idx, options, env, self) {\n * //...\n * return result;\n * };\n *\n * md.renderer.rules['my_token'] = myToken\n * ```\n *\n * See [[Renderer]] docs and [source code](https://github.com/markdown-it/markdown-it/blob/master/lib/renderer.js).\n **/\n this.renderer = new Renderer();\n\n /**\n * MarkdownIt#linkify -> LinkifyIt\n *\n * [linkify-it](https://github.com/markdown-it/linkify-it) instance.\n * Used by [linkify](https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/linkify.js)\n * rule.\n **/\n this.linkify = new LinkifyIt();\n\n /**\n * MarkdownIt#validateLink(url) -> Boolean\n *\n * Link validation function. CommonMark allows too much in links. By default\n * we disable `javascript:`, `vbscript:`, `file:` schemas, and almost all `data:...` schemas\n * except some embedded image types.\n *\n * You can change this behaviour:\n *\n * ```javascript\n * var md = require('markdown-it')();\n * // enable everything\n * md.validateLink = function () { return true; }\n * ```\n **/\n this.validateLink = validateLink;\n\n /**\n * MarkdownIt#normalizeLink(url) -> String\n *\n * Function used to encode link url to a machine-readable format,\n * which includes url-encoding, punycode, etc.\n **/\n this.normalizeLink = normalizeLink;\n\n /**\n * MarkdownIt#normalizeLinkText(url) -> String\n *\n * Function used to decode link url to a human-readable format`\n **/\n this.normalizeLinkText = normalizeLinkText;\n\n\n // Expose utils & helpers for easy acces from plugins\n\n /**\n * MarkdownIt#utils -> utils\n *\n * Assorted utility functions, useful to write plugins. See details\n * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/common/utils.js).\n **/\n this.utils = utils;\n\n /**\n * MarkdownIt#helpers -> helpers\n *\n * Link components parser functions, useful to write plugins. See details\n * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/helpers).\n **/\n this.helpers = utils.assign({}, helpers);\n\n\n this.options = {};\n this.configure(presetName);\n\n if (options) { this.set(options); }\n}\n\n\n/** chainable\n * MarkdownIt.set(options)\n *\n * Set parser options (in the same format as in constructor). Probably, you\n * will never need it, but you can change options after constructor call.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')()\n * .set({ html: true, breaks: true })\n * .set({ typographer, true });\n * ```\n *\n * __Note:__ To achieve the best possible performance, don't modify a\n * `markdown-it` instance options on the fly. If you need multiple configurations\n * it's best to create multiple instances and initialize each with separate\n * config.\n **/\nMarkdownIt.prototype.set = function (options) {\n utils.assign(this.options, options);\n return this;\n};\n\n\n/** chainable, internal\n * MarkdownIt.configure(presets)\n *\n * Batch load of all options and compenent settings. This is internal method,\n * and you probably will not need it. But if you will - see available presets\n * and data structure [here](https://github.com/markdown-it/markdown-it/tree/master/lib/presets)\n *\n * We strongly recommend to use presets instead of direct config loads. That\n * will give better compatibility with next versions.\n **/\nMarkdownIt.prototype.configure = function (presets) {\n var self = this, presetName;\n\n if (utils.isString(presets)) {\n presetName = presets;\n presets = config[presetName];\n if (!presets) { throw new Error('Wrong `markdown-it` preset \"' + presetName + '\", check name'); }\n }\n\n if (!presets) { throw new Error('Wrong `markdown-it` preset, can\\'t be empty'); }\n\n if (presets.options) { self.set(presets.options); }\n\n if (presets.components) {\n Object.keys(presets.components).forEach(function (name) {\n if (presets.components[name].rules) {\n self[name].ruler.enableOnly(presets.components[name].rules);\n }\n if (presets.components[name].rules2) {\n self[name].ruler2.enableOnly(presets.components[name].rules2);\n }\n });\n }\n return this;\n};\n\n\n/** chainable\n * MarkdownIt.enable(list, ignoreInvalid)\n * - list (String|Array): rule name or list of rule names to enable\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable list or rules. It will automatically find appropriate components,\n * containing rules with given names. If rule not found, and `ignoreInvalid`\n * not set - throws exception.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')()\n * .enable(['sub', 'sup'])\n * .disable('smartquotes');\n * ```\n **/\nMarkdownIt.prototype.enable = function (list, ignoreInvalid) {\n var result = [];\n\n if (!Array.isArray(list)) { list = [ list ]; }\n\n [ 'core', 'block', 'inline' ].forEach(function (chain) {\n result = result.concat(this[chain].ruler.enable(list, true));\n }, this);\n\n result = result.concat(this.inline.ruler2.enable(list, true));\n\n var missed = list.filter(function (name) { return result.indexOf(name) < 0; });\n\n if (missed.length && !ignoreInvalid) {\n throw new Error('MarkdownIt. Failed to enable unknown rule(s): ' + missed);\n }\n\n return this;\n};\n\n\n/** chainable\n * MarkdownIt.disable(list, ignoreInvalid)\n * - list (String|Array): rule name or list of rule names to disable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * The same as [[MarkdownIt.enable]], but turn specified rules off.\n **/\nMarkdownIt.prototype.disable = function (list, ignoreInvalid) {\n var result = [];\n\n if (!Array.isArray(list)) { list = [ list ]; }\n\n [ 'core', 'block', 'inline' ].forEach(function (chain) {\n result = result.concat(this[chain].ruler.disable(list, true));\n }, this);\n\n result = result.concat(this.inline.ruler2.disable(list, true));\n\n var missed = list.filter(function (name) { return result.indexOf(name) < 0; });\n\n if (missed.length && !ignoreInvalid) {\n throw new Error('MarkdownIt. Failed to disable unknown rule(s): ' + missed);\n }\n return this;\n};\n\n\n/** chainable\n * MarkdownIt.use(plugin, params)\n *\n * Load specified plugin with given params into current parser instance.\n * It's just a sugar to call `plugin(md, params)` with curring.\n *\n * ##### Example\n *\n * ```javascript\n * var iterator = require('markdown-it-for-inline');\n * var md = require('markdown-it')()\n * .use(iterator, 'foo_replace', 'text', function (tokens, idx) {\n * tokens[idx].content = tokens[idx].content.replace(/foo/g, 'bar');\n * });\n * ```\n **/\nMarkdownIt.prototype.use = function (plugin /*, params, ... */) {\n var args = [ this ].concat(Array.prototype.slice.call(arguments, 1));\n plugin.apply(plugin, args);\n return this;\n};\n\n\n/** internal\n * MarkdownIt.parse(src, env) -> Array\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Parse input string and return list of block tokens (special token type\n * \"inline\" will contain list of inline tokens). You should not call this\n * method directly, until you write custom renderer (for example, to produce\n * AST).\n *\n * `env` is used to pass data between \"distributed\" rules and return additional\n * metadata like reference info, needed for the renderer. It also can be used to\n * inject data in specific cases. Usually, you will be ok to pass `{}`,\n * and then pass updated object to renderer.\n **/\nMarkdownIt.prototype.parse = function (src, env) {\n if (typeof src !== 'string') {\n throw new Error('Input data should be a String');\n }\n\n var state = new this.core.State(src, this, env);\n\n this.core.process(state);\n\n return state.tokens;\n};\n\n\n/**\n * MarkdownIt.render(src [, env]) -> String\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Render markdown string into html. It does all magic for you :).\n *\n * `env` can be used to inject additional metadata (`{}` by default).\n * But you will not need it with high probability. See also comment\n * in [[MarkdownIt.parse]].\n **/\nMarkdownIt.prototype.render = function (src, env) {\n env = env || {};\n\n return this.renderer.render(this.parse(src, env), this.options, env);\n};\n\n\n/** internal\n * MarkdownIt.parseInline(src, env) -> Array\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * The same as [[MarkdownIt.parse]] but skip all block rules. It returns the\n * block tokens list with the single `inline` element, containing parsed inline\n * tokens in `children` property. Also updates `env` object.\n **/\nMarkdownIt.prototype.parseInline = function (src, env) {\n var state = new this.core.State(src, this, env);\n\n state.inlineMode = true;\n this.core.process(state);\n\n return state.tokens;\n};\n\n\n/**\n * MarkdownIt.renderInline(src [, env]) -> String\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Similar to [[MarkdownIt.render]] but for single paragraph content. Result\n * will NOT be wrapped into `
` tags.\n **/\nMarkdownIt.prototype.renderInline = function (src, env) {\n env = env || {};\n\n return this.renderer.render(this.parseInline(src, env), this.options, env);\n};\n\n\nmodule.exports = MarkdownIt;\n","// Token class\n\n'use strict';\n\n\n/**\n * class Token\n **/\n\n/**\n * new Token(type, tag, nesting)\n *\n * Create new token and fill passed properties.\n **/\nfunction Token(type, tag, nesting) {\n /**\n * Token#type -> String\n *\n * Type of the token (string, e.g. \"paragraph_open\")\n **/\n this.type = type;\n\n /**\n * Token#tag -> String\n *\n * html tag name, e.g. \"p\"\n **/\n this.tag = tag;\n\n /**\n * Token#attrs -> Array\n *\n * Html attributes. Format: `[ [ name1, value1 ], [ name2, value2 ] ]`\n **/\n this.attrs = null;\n\n /**\n * Token#map -> Array\n *\n * Source map info. Format: `[ line_begin, line_end ]`\n **/\n this.map = null;\n\n /**\n * Token#nesting -> Number\n *\n * Level change (number in {-1, 0, 1} set), where:\n *\n * - `1` means the tag is opening\n * - `0` means the tag is self-closing\n * - `-1` means the tag is closing\n **/\n this.nesting = nesting;\n\n /**\n * Token#level -> Number\n *\n * nesting level, the same as `state.level`\n **/\n this.level = 0;\n\n /**\n * Token#children -> Array\n *\n * An array of child nodes (inline and img tokens)\n **/\n this.children = null;\n\n /**\n * Token#content -> String\n *\n * In a case of self-closing tag (code, html, fence, etc.),\n * it has contents of this tag.\n **/\n this.content = '';\n\n /**\n * Token#markup -> String\n *\n * '*' or '_' for emphasis, fence string for fence, etc.\n **/\n this.markup = '';\n\n /**\n * Token#info -> String\n *\n * Additional information:\n *\n * - Info string for \"fence\" tokens\n * - The value \"auto\" for autolink \"link_open\" and \"link_close\" tokens\n * - The string value of the item marker for ordered-list \"list_item_open\" tokens\n **/\n this.info = '';\n\n /**\n * Token#meta -> Object\n *\n * A place for plugins to store an arbitrary data\n **/\n this.meta = null;\n\n /**\n * Token#block -> Boolean\n *\n * True for block-level tokens, false for inline tokens.\n * Used in renderer to calculate line breaks\n **/\n this.block = false;\n\n /**\n * Token#hidden -> Boolean\n *\n * If it's true, ignore this element when rendering. Used for tight lists\n * to hide paragraphs.\n **/\n this.hidden = false;\n}\n\n\n/**\n * Token.attrIndex(name) -> Number\n *\n * Search attribute index by name.\n **/\nToken.prototype.attrIndex = function attrIndex(name) {\n var attrs, i, len;\n\n if (!this.attrs) { return -1; }\n\n attrs = this.attrs;\n\n for (i = 0, len = attrs.length; i < len; i++) {\n if (attrs[i][0] === name) { return i; }\n }\n return -1;\n};\n\n\n/**\n * Token.attrPush(attrData)\n *\n * Add `[ name, value ]` attribute to list. Init attrs if necessary\n **/\nToken.prototype.attrPush = function attrPush(attrData) {\n if (this.attrs) {\n this.attrs.push(attrData);\n } else {\n this.attrs = [ attrData ];\n }\n};\n\n\n/**\n * Token.attrSet(name, value)\n *\n * Set `name` attribute to `value`. Override old value if exists.\n **/\nToken.prototype.attrSet = function attrSet(name, value) {\n var idx = this.attrIndex(name),\n attrData = [ name, value ];\n\n if (idx < 0) {\n this.attrPush(attrData);\n } else {\n this.attrs[idx] = attrData;\n }\n};\n\n\n/**\n * Token.attrGet(name)\n *\n * Get the value of attribute `name`, or null if it does not exist.\n **/\nToken.prototype.attrGet = function attrGet(name) {\n var idx = this.attrIndex(name), value = null;\n if (idx >= 0) {\n value = this.attrs[idx][1];\n }\n return value;\n};\n\n\n/**\n * Token.attrJoin(name, value)\n *\n * Join value to existing attribute via space. Or create new attribute if not\n * exists. Useful to operate with token classes.\n **/\nToken.prototype.attrJoin = function attrJoin(name, value) {\n var idx = this.attrIndex(name);\n\n if (idx < 0) {\n this.attrPush([ name, value ]);\n } else {\n this.attrs[idx][1] = this.attrs[idx][1] + ' ' + value;\n }\n};\n\n\nmodule.exports = Token;\n","// Inline parser state\n\n'use strict';\n\n\nvar Token = require('../token');\nvar isWhiteSpace = require('../common/utils').isWhiteSpace;\nvar isPunctChar = require('../common/utils').isPunctChar;\nvar isMdAsciiPunct = require('../common/utils').isMdAsciiPunct;\n\n\nfunction StateInline(src, md, env, outTokens) {\n this.src = src;\n this.env = env;\n this.md = md;\n this.tokens = outTokens;\n this.tokens_meta = Array(outTokens.length);\n\n this.pos = 0;\n this.posMax = this.src.length;\n this.level = 0;\n this.pending = '';\n this.pendingLevel = 0;\n\n // Stores { start: end } pairs. Useful for backtrack\n // optimization of pairs parse (emphasis, strikes).\n this.cache = {};\n\n // List of emphasis-like delimiters for current tag\n this.delimiters = [];\n\n // Stack of delimiter lists for upper level tags\n this._prev_delimiters = [];\n\n // backtick length => last seen position\n this.backticks = {};\n this.backticksScanned = false;\n}\n\n\n// Flush pending text\n//\nStateInline.prototype.pushPending = function () {\n var token = new Token('text', '', 0);\n token.content = this.pending;\n token.level = this.pendingLevel;\n this.tokens.push(token);\n this.pending = '';\n return token;\n};\n\n\n// Push new token to \"stream\".\n// If pending text exists - flush it as text token\n//\nStateInline.prototype.push = function (type, tag, nesting) {\n if (this.pending) {\n this.pushPending();\n }\n\n var token = new Token(type, tag, nesting);\n var token_meta = null;\n\n if (nesting < 0) {\n // closing tag\n this.level--;\n this.delimiters = this._prev_delimiters.pop();\n }\n\n token.level = this.level;\n\n if (nesting > 0) {\n // opening tag\n this.level++;\n this._prev_delimiters.push(this.delimiters);\n this.delimiters = [];\n token_meta = { delimiters: this.delimiters };\n }\n\n this.pendingLevel = this.level;\n this.tokens.push(token);\n this.tokens_meta.push(token_meta);\n return token;\n};\n\n\n// Scan a sequence of emphasis-like markers, and determine whether\n// it can start an emphasis sequence or end an emphasis sequence.\n//\n// - start - position to scan from (it should point at a valid marker);\n// - canSplitWord - determine if these markers can be found inside a word\n//\nStateInline.prototype.scanDelims = function (start, canSplitWord) {\n var pos = start, lastChar, nextChar, count, can_open, can_close,\n isLastWhiteSpace, isLastPunctChar,\n isNextWhiteSpace, isNextPunctChar,\n left_flanking = true,\n right_flanking = true,\n max = this.posMax,\n marker = this.src.charCodeAt(start);\n\n // treat beginning of the line as a whitespace\n lastChar = start > 0 ? this.src.charCodeAt(start - 1) : 0x20;\n\n while (pos < max && this.src.charCodeAt(pos) === marker) { pos++; }\n\n count = pos - start;\n\n // treat end of the line as a whitespace\n nextChar = pos < max ? this.src.charCodeAt(pos) : 0x20;\n\n isLastPunctChar = isMdAsciiPunct(lastChar) || isPunctChar(String.fromCharCode(lastChar));\n isNextPunctChar = isMdAsciiPunct(nextChar) || isPunctChar(String.fromCharCode(nextChar));\n\n isLastWhiteSpace = isWhiteSpace(lastChar);\n isNextWhiteSpace = isWhiteSpace(nextChar);\n\n if (isNextWhiteSpace) {\n left_flanking = false;\n } else if (isNextPunctChar) {\n if (!(isLastWhiteSpace || isLastPunctChar)) {\n left_flanking = false;\n }\n }\n\n if (isLastWhiteSpace) {\n right_flanking = false;\n } else if (isLastPunctChar) {\n if (!(isNextWhiteSpace || isNextPunctChar)) {\n right_flanking = false;\n }\n }\n\n if (!canSplitWord) {\n can_open = left_flanking && (!right_flanking || isLastPunctChar);\n can_close = right_flanking && (!left_flanking || isNextPunctChar);\n } else {\n can_open = left_flanking;\n can_close = right_flanking;\n }\n\n return {\n can_open: can_open,\n can_close: can_close,\n length: count\n };\n};\n\n\n// re-export Token class to use in block rules\nStateInline.prototype.Token = Token;\n\n\nmodule.exports = StateInline;\n","'use strict';\n\nvar utils = require('./../utils');\nvar buildURL = require('../helpers/buildURL');\nvar InterceptorManager = require('./InterceptorManager');\nvar dispatchRequest = require('./dispatchRequest');\nvar mergeConfig = require('./mergeConfig');\nvar validator = require('../helpers/validator');\n\nvar validators = validator.validators;\n/**\n * Create a new instance of Axios\n *\n * @param {Object} instanceConfig The default config for the instance\n */\nfunction Axios(instanceConfig) {\n this.defaults = instanceConfig;\n this.interceptors = {\n request: new InterceptorManager(),\n response: new InterceptorManager()\n };\n}\n\n/**\n * Dispatch a request\n *\n * @param {Object} config The config specific for this request (merged with this.defaults)\n */\nAxios.prototype.request = function request(config) {\n /*eslint no-param-reassign:0*/\n // Allow for axios('example/url'[, config]) a la fetch API\n if (typeof config === 'string') {\n config = arguments[1] || {};\n config.url = arguments[0];\n } else {\n config = config || {};\n }\n\n config = mergeConfig(this.defaults, config);\n\n // Set config.method\n if (config.method) {\n config.method = config.method.toLowerCase();\n } else if (this.defaults.method) {\n config.method = this.defaults.method.toLowerCase();\n } else {\n config.method = 'get';\n }\n\n var transitional = config.transitional;\n\n if (transitional !== undefined) {\n validator.assertOptions(transitional, {\n silentJSONParsing: validators.transitional(validators.boolean, '1.0.0'),\n forcedJSONParsing: validators.transitional(validators.boolean, '1.0.0'),\n clarifyTimeoutError: validators.transitional(validators.boolean, '1.0.0')\n }, false);\n }\n\n // filter out skipped interceptors\n var requestInterceptorChain = [];\n var synchronousRequestInterceptors = true;\n this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {\n if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) {\n return;\n }\n\n synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;\n\n requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected);\n });\n\n var responseInterceptorChain = [];\n this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {\n responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected);\n });\n\n var promise;\n\n if (!synchronousRequestInterceptors) {\n var chain = [dispatchRequest, undefined];\n\n Array.prototype.unshift.apply(chain, requestInterceptorChain);\n chain.concat(responseInterceptorChain);\n\n promise = Promise.resolve(config);\n while (chain.length) {\n promise = promise.then(chain.shift(), chain.shift());\n }\n\n return promise;\n }\n\n\n var newConfig = config;\n while (requestInterceptorChain.length) {\n var onFulfilled = requestInterceptorChain.shift();\n var onRejected = requestInterceptorChain.shift();\n try {\n newConfig = onFulfilled(newConfig);\n } catch (error) {\n onRejected(error);\n break;\n }\n }\n\n try {\n promise = dispatchRequest(newConfig);\n } catch (error) {\n return Promise.reject(error);\n }\n\n while (responseInterceptorChain.length) {\n promise = promise.then(responseInterceptorChain.shift(), responseInterceptorChain.shift());\n }\n\n return promise;\n};\n\nAxios.prototype.getUri = function getUri(config) {\n config = mergeConfig(this.defaults, config);\n return buildURL(config.url, config.params, config.paramsSerializer).replace(/^\\?/, '');\n};\n\n// Provide aliases for supported request methods\nutils.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, config) {\n return this.request(mergeConfig(config || {}, {\n method: method,\n url: url,\n data: (config || {}).data\n }));\n };\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n /*eslint func-names:0*/\n Axios.prototype[method] = function(url, data, config) {\n return this.request(mergeConfig(config || {}, {\n method: method,\n url: url,\n data: data\n }));\n };\n});\n\nmodule.exports = Axios;\n","'use strict';\n\n/**\n * Syntactic sugar for invoking a function and expanding an array for arguments.\n *\n * Common use case would be to use `Function.prototype.apply`.\n *\n * ```js\n * function f(x, y, z) {}\n * var args = [1, 2, 3];\n * f.apply(null, args);\n * ```\n *\n * With `spread` this example can be re-written.\n *\n * ```js\n * spread(function(x, y, z) {})([1, 2, 3]);\n * ```\n *\n * @param {Function} callback\n * @returns {Function}\n */\nmodule.exports = function spread(callback) {\n return function wrap(arr) {\n return callback.apply(null, arr);\n };\n};\n","/*! https://mths.be/punycode v1.4.1 by @mathias */\n;(function(root) {\n\n\t/** Detect free variables */\n\tvar freeExports = typeof exports == 'object' && exports &&\n\t\t!exports.nodeType && exports;\n\tvar freeModule = typeof module == 'object' && module &&\n\t\t!module.nodeType && module;\n\tvar freeGlobal = typeof global == 'object' && global;\n\tif (\n\t\tfreeGlobal.global === freeGlobal ||\n\t\tfreeGlobal.window === freeGlobal ||\n\t\tfreeGlobal.self === freeGlobal\n\t) {\n\t\troot = freeGlobal;\n\t}\n\n\t/**\n\t * The `punycode` object.\n\t * @name punycode\n\t * @type Object\n\t */\n\tvar punycode,\n\n\t/** Highest positive signed 32-bit float value */\n\tmaxInt = 2147483647, // aka. 0x7FFFFFFF or 2^31-1\n\n\t/** Bootstring parameters */\n\tbase = 36,\n\ttMin = 1,\n\ttMax = 26,\n\tskew = 38,\n\tdamp = 700,\n\tinitialBias = 72,\n\tinitialN = 128, // 0x80\n\tdelimiter = '-', // '\\x2D'\n\n\t/** Regular expressions */\n\tregexPunycode = /^xn--/,\n\tregexNonASCII = /[^\\x20-\\x7E]/, // unprintable ASCII chars + non-ASCII chars\n\tregexSeparators = /[\\x2E\\u3002\\uFF0E\\uFF61]/g, // RFC 3490 separators\n\n\t/** Error messages */\n\terrors = {\n\t\t'overflow': 'Overflow: input needs wider integers to process',\n\t\t'not-basic': 'Illegal input >= 0x80 (not a basic code point)',\n\t\t'invalid-input': 'Invalid input'\n\t},\n\n\t/** Convenience shortcuts */\n\tbaseMinusTMin = base - tMin,\n\tfloor = Math.floor,\n\tstringFromCharCode = String.fromCharCode,\n\n\t/** Temporary variable */\n\tkey;\n\n\t/*--------------------------------------------------------------------------*/\n\n\t/**\n\t * A generic error utility function.\n\t * @private\n\t * @param {String} type The error type.\n\t * @returns {Error} Throws a `RangeError` with the applicable error message.\n\t */\n\tfunction error(type) {\n\t\tthrow new RangeError(errors[type]);\n\t}\n\n\t/**\n\t * A generic `Array#map` utility function.\n\t * @private\n\t * @param {Array} array The array to iterate over.\n\t * @param {Function} callback The function that gets called for every array\n\t * item.\n\t * @returns {Array} A new array of values returned by the callback function.\n\t */\n\tfunction map(array, fn) {\n\t\tvar length = array.length;\n\t\tvar result = [];\n\t\twhile (length--) {\n\t\t\tresult[length] = fn(array[length]);\n\t\t}\n\t\treturn result;\n\t}\n\n\t/**\n\t * A simple `Array#map`-like wrapper to work with domain name strings or email\n\t * addresses.\n\t * @private\n\t * @param {String} domain The domain name or email address.\n\t * @param {Function} callback The function that gets called for every\n\t * character.\n\t * @returns {Array} A new string of characters returned by the callback\n\t * function.\n\t */\n\tfunction mapDomain(string, fn) {\n\t\tvar parts = string.split('@');\n\t\tvar result = '';\n\t\tif (parts.length > 1) {\n\t\t\t// In email addresses, only the domain name should be punycoded. Leave\n\t\t\t// the local part (i.e. everything up to `@`) intact.\n\t\t\tresult = parts[0] + '@';\n\t\t\tstring = parts[1];\n\t\t}\n\t\t// Avoid `split(regex)` for IE8 compatibility. See #17.\n\t\tstring = string.replace(regexSeparators, '\\x2E');\n\t\tvar labels = string.split('.');\n\t\tvar encoded = map(labels, fn).join('.');\n\t\treturn result + encoded;\n\t}\n\n\t/**\n\t * Creates an array containing the numeric code points of each Unicode\n\t * character in the string. While JavaScript uses UCS-2 internally,\n\t * this function will convert a pair of surrogate halves (each of which\n\t * UCS-2 exposes as separate characters) into a single code point,\n\t * matching UTF-16.\n\t * @see `punycode.ucs2.encode`\n\t * @see \n\t * @memberOf punycode.ucs2\n\t * @name decode\n\t * @param {String} string The Unicode input string (UCS-2).\n\t * @returns {Array} The new array of code points.\n\t */\n\tfunction ucs2decode(string) {\n\t\tvar output = [],\n\t\t counter = 0,\n\t\t length = string.length,\n\t\t value,\n\t\t extra;\n\t\twhile (counter < length) {\n\t\t\tvalue = string.charCodeAt(counter++);\n\t\t\tif (value >= 0xD800 && value <= 0xDBFF && counter < length) {\n\t\t\t\t// high surrogate, and there is a next character\n\t\t\t\textra = string.charCodeAt(counter++);\n\t\t\t\tif ((extra & 0xFC00) == 0xDC00) { // low surrogate\n\t\t\t\t\toutput.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);\n\t\t\t\t} else {\n\t\t\t\t\t// unmatched surrogate; only append this code unit, in case the next\n\t\t\t\t\t// code unit is the high surrogate of a surrogate pair\n\t\t\t\t\toutput.push(value);\n\t\t\t\t\tcounter--;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toutput.push(value);\n\t\t\t}\n\t\t}\n\t\treturn output;\n\t}\n\n\t/**\n\t * Creates a string based on an array of numeric code points.\n\t * @see `punycode.ucs2.decode`\n\t * @memberOf punycode.ucs2\n\t * @name encode\n\t * @param {Array} codePoints The array of numeric code points.\n\t * @returns {String} The new Unicode string (UCS-2).\n\t */\n\tfunction ucs2encode(array) {\n\t\treturn map(array, function(value) {\n\t\t\tvar output = '';\n\t\t\tif (value > 0xFFFF) {\n\t\t\t\tvalue -= 0x10000;\n\t\t\t\toutput += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);\n\t\t\t\tvalue = 0xDC00 | value & 0x3FF;\n\t\t\t}\n\t\t\toutput += stringFromCharCode(value);\n\t\t\treturn output;\n\t\t}).join('');\n\t}\n\n\t/**\n\t * Converts a basic code point into a digit/integer.\n\t * @see `digitToBasic()`\n\t * @private\n\t * @param {Number} codePoint The basic numeric code point value.\n\t * @returns {Number} The numeric value of a basic code point (for use in\n\t * representing integers) in the range `0` to `base - 1`, or `base` if\n\t * the code point does not represent a value.\n\t */\n\tfunction basicToDigit(codePoint) {\n\t\tif (codePoint - 48 < 10) {\n\t\t\treturn codePoint - 22;\n\t\t}\n\t\tif (codePoint - 65 < 26) {\n\t\t\treturn codePoint - 65;\n\t\t}\n\t\tif (codePoint - 97 < 26) {\n\t\t\treturn codePoint - 97;\n\t\t}\n\t\treturn base;\n\t}\n\n\t/**\n\t * Converts a digit/integer into a basic code point.\n\t * @see `basicToDigit()`\n\t * @private\n\t * @param {Number} digit The numeric value of a basic code point.\n\t * @returns {Number} The basic code point whose value (when used for\n\t * representing integers) is `digit`, which needs to be in the range\n\t * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is\n\t * used; else, the lowercase form is used. The behavior is undefined\n\t * if `flag` is non-zero and `digit` has no uppercase form.\n\t */\n\tfunction digitToBasic(digit, flag) {\n\t\t// 0..25 map to ASCII a..z or A..Z\n\t\t// 26..35 map to ASCII 0..9\n\t\treturn digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);\n\t}\n\n\t/**\n\t * Bias adaptation function as per section 3.4 of RFC 3492.\n\t * https://tools.ietf.org/html/rfc3492#section-3.4\n\t * @private\n\t */\n\tfunction adapt(delta, numPoints, firstTime) {\n\t\tvar k = 0;\n\t\tdelta = firstTime ? floor(delta / damp) : delta >> 1;\n\t\tdelta += floor(delta / numPoints);\n\t\tfor (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {\n\t\t\tdelta = floor(delta / baseMinusTMin);\n\t\t}\n\t\treturn floor(k + (baseMinusTMin + 1) * delta / (delta + skew));\n\t}\n\n\t/**\n\t * Converts a Punycode string of ASCII-only symbols to a string of Unicode\n\t * symbols.\n\t * @memberOf punycode\n\t * @param {String} input The Punycode string of ASCII-only symbols.\n\t * @returns {String} The resulting string of Unicode symbols.\n\t */\n\tfunction decode(input) {\n\t\t// Don't use UCS-2\n\t\tvar output = [],\n\t\t inputLength = input.length,\n\t\t out,\n\t\t i = 0,\n\t\t n = initialN,\n\t\t bias = initialBias,\n\t\t basic,\n\t\t j,\n\t\t index,\n\t\t oldi,\n\t\t w,\n\t\t k,\n\t\t digit,\n\t\t t,\n\t\t /** Cached calculation results */\n\t\t baseMinusT;\n\n\t\t// Handle the basic code points: let `basic` be the number of input code\n\t\t// points before the last delimiter, or `0` if there is none, then copy\n\t\t// the first basic code points to the output.\n\n\t\tbasic = input.lastIndexOf(delimiter);\n\t\tif (basic < 0) {\n\t\t\tbasic = 0;\n\t\t}\n\n\t\tfor (j = 0; j < basic; ++j) {\n\t\t\t// if it's not a basic code point\n\t\t\tif (input.charCodeAt(j) >= 0x80) {\n\t\t\t\terror('not-basic');\n\t\t\t}\n\t\t\toutput.push(input.charCodeAt(j));\n\t\t}\n\n\t\t// Main decoding loop: start just after the last delimiter if any basic code\n\t\t// points were copied; start at the beginning otherwise.\n\n\t\tfor (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {\n\n\t\t\t// `index` is the index of the next character to be consumed.\n\t\t\t// Decode a generalized variable-length integer into `delta`,\n\t\t\t// which gets added to `i`. The overflow checking is easier\n\t\t\t// if we increase `i` as we go, then subtract off its starting\n\t\t\t// value at the end to obtain `delta`.\n\t\t\tfor (oldi = i, w = 1, k = base; /* no condition */; k += base) {\n\n\t\t\t\tif (index >= inputLength) {\n\t\t\t\t\terror('invalid-input');\n\t\t\t\t}\n\n\t\t\t\tdigit = basicToDigit(input.charCodeAt(index++));\n\n\t\t\t\tif (digit >= base || digit > floor((maxInt - i) / w)) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\ti += digit * w;\n\t\t\t\tt = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\n\t\t\t\tif (digit < t) {\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tbaseMinusT = base - t;\n\t\t\t\tif (w > floor(maxInt / baseMinusT)) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\tw *= baseMinusT;\n\n\t\t\t}\n\n\t\t\tout = output.length + 1;\n\t\t\tbias = adapt(i - oldi, out, oldi == 0);\n\n\t\t\t// `i` was supposed to wrap around from `out` to `0`,\n\t\t\t// incrementing `n` each time, so we'll fix that now:\n\t\t\tif (floor(i / out) > maxInt - n) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\tn += floor(i / out);\n\t\t\ti %= out;\n\n\t\t\t// Insert `n` at position `i` of the output\n\t\t\toutput.splice(i++, 0, n);\n\n\t\t}\n\n\t\treturn ucs2encode(output);\n\t}\n\n\t/**\n\t * Converts a string of Unicode symbols (e.g. a domain name label) to a\n\t * Punycode string of ASCII-only symbols.\n\t * @memberOf punycode\n\t * @param {String} input The string of Unicode symbols.\n\t * @returns {String} The resulting Punycode string of ASCII-only symbols.\n\t */\n\tfunction encode(input) {\n\t\tvar n,\n\t\t delta,\n\t\t handledCPCount,\n\t\t basicLength,\n\t\t bias,\n\t\t j,\n\t\t m,\n\t\t q,\n\t\t k,\n\t\t t,\n\t\t currentValue,\n\t\t output = [],\n\t\t /** `inputLength` will hold the number of code points in `input`. */\n\t\t inputLength,\n\t\t /** Cached calculation results */\n\t\t handledCPCountPlusOne,\n\t\t baseMinusT,\n\t\t qMinusT;\n\n\t\t// Convert the input in UCS-2 to Unicode\n\t\tinput = ucs2decode(input);\n\n\t\t// Cache the length\n\t\tinputLength = input.length;\n\n\t\t// Initialize the state\n\t\tn = initialN;\n\t\tdelta = 0;\n\t\tbias = initialBias;\n\n\t\t// Handle the basic code points\n\t\tfor (j = 0; j < inputLength; ++j) {\n\t\t\tcurrentValue = input[j];\n\t\t\tif (currentValue < 0x80) {\n\t\t\t\toutput.push(stringFromCharCode(currentValue));\n\t\t\t}\n\t\t}\n\n\t\thandledCPCount = basicLength = output.length;\n\n\t\t// `handledCPCount` is the number of code points that have been handled;\n\t\t// `basicLength` is the number of basic code points.\n\n\t\t// Finish the basic string - if it is not empty - with a delimiter\n\t\tif (basicLength) {\n\t\t\toutput.push(delimiter);\n\t\t}\n\n\t\t// Main encoding loop:\n\t\twhile (handledCPCount < inputLength) {\n\n\t\t\t// All non-basic code points < n have been handled already. Find the next\n\t\t\t// larger one:\n\t\t\tfor (m = maxInt, j = 0; j < inputLength; ++j) {\n\t\t\t\tcurrentValue = input[j];\n\t\t\t\tif (currentValue >= n && currentValue < m) {\n\t\t\t\t\tm = currentValue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Increase `delta` enough to advance the decoder's state to ,\n\t\t\t// but guard against overflow\n\t\t\thandledCPCountPlusOne = handledCPCount + 1;\n\t\t\tif (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {\n\t\t\t\terror('overflow');\n\t\t\t}\n\n\t\t\tdelta += (m - n) * handledCPCountPlusOne;\n\t\t\tn = m;\n\n\t\t\tfor (j = 0; j < inputLength; ++j) {\n\t\t\t\tcurrentValue = input[j];\n\n\t\t\t\tif (currentValue < n && ++delta > maxInt) {\n\t\t\t\t\terror('overflow');\n\t\t\t\t}\n\n\t\t\t\tif (currentValue == n) {\n\t\t\t\t\t// Represent delta as a generalized variable-length integer\n\t\t\t\t\tfor (q = delta, k = base; /* no condition */; k += base) {\n\t\t\t\t\t\tt = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\t\t\t\t\t\tif (q < t) {\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tqMinusT = q - t;\n\t\t\t\t\t\tbaseMinusT = base - t;\n\t\t\t\t\t\toutput.push(\n\t\t\t\t\t\t\tstringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))\n\t\t\t\t\t\t);\n\t\t\t\t\t\tq = floor(qMinusT / baseMinusT);\n\t\t\t\t\t}\n\n\t\t\t\t\toutput.push(stringFromCharCode(digitToBasic(q, 0)));\n\t\t\t\t\tbias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);\n\t\t\t\t\tdelta = 0;\n\t\t\t\t\t++handledCPCount;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t++delta;\n\t\t\t++n;\n\n\t\t}\n\t\treturn output.join('');\n\t}\n\n\t/**\n\t * Converts a Punycode string representing a domain name or an email address\n\t * to Unicode. Only the Punycoded parts of the input will be converted, i.e.\n\t * it doesn't matter if you call it on a string that has already been\n\t * converted to Unicode.\n\t * @memberOf punycode\n\t * @param {String} input The Punycoded domain name or email address to\n\t * convert to Unicode.\n\t * @returns {String} The Unicode representation of the given Punycode\n\t * string.\n\t */\n\tfunction toUnicode(input) {\n\t\treturn mapDomain(input, function(string) {\n\t\t\treturn regexPunycode.test(string)\n\t\t\t\t? decode(string.slice(4).toLowerCase())\n\t\t\t\t: string;\n\t\t});\n\t}\n\n\t/**\n\t * Converts a Unicode string representing a domain name or an email address to\n\t * Punycode. Only the non-ASCII parts of the domain name will be converted,\n\t * i.e. it doesn't matter if you call it with a domain that's already in\n\t * ASCII.\n\t * @memberOf punycode\n\t * @param {String} input The domain name or email address to convert, as a\n\t * Unicode string.\n\t * @returns {String} The Punycode representation of the given domain name or\n\t * email address.\n\t */\n\tfunction toASCII(input) {\n\t\treturn mapDomain(input, function(string) {\n\t\t\treturn regexNonASCII.test(string)\n\t\t\t\t? 'xn--' + encode(string)\n\t\t\t\t: string;\n\t\t});\n\t}\n\n\t/*--------------------------------------------------------------------------*/\n\n\t/** Define the public API */\n\tpunycode = {\n\t\t/**\n\t\t * A string representing the current Punycode.js version number.\n\t\t * @memberOf punycode\n\t\t * @type String\n\t\t */\n\t\t'version': '1.4.1',\n\t\t/**\n\t\t * An object of methods to convert from JavaScript's internal character\n\t\t * representation (UCS-2) to Unicode code points, and back.\n\t\t * @see \n\t\t * @memberOf punycode\n\t\t * @type Object\n\t\t */\n\t\t'ucs2': {\n\t\t\t'decode': ucs2decode,\n\t\t\t'encode': ucs2encode\n\t\t},\n\t\t'decode': decode,\n\t\t'encode': encode,\n\t\t'toASCII': toASCII,\n\t\t'toUnicode': toUnicode\n\t};\n\n\t/** Expose `punycode` */\n\t// Some AMD build optimizers, like r.js, check for specific condition patterns\n\t// like the following:\n\tif (\n\t\ttypeof define == 'function' &&\n\t\ttypeof define.amd == 'object' &&\n\t\tdefine.amd\n\t) {\n\t\tdefine('punycode', function() {\n\t\t\treturn punycode;\n\t\t});\n\t} else if (freeExports && freeModule) {\n\t\tif (module.exports == freeExports) {\n\t\t\t// in Node.js, io.js, or RingoJS v0.8.0+\n\t\t\tfreeModule.exports = punycode;\n\t\t} else {\n\t\t\t// in Narwhal or RingoJS v0.7.0-\n\t\t\tfor (key in punycode) {\n\t\t\t\tpunycode.hasOwnProperty(key) && (freeExports[key] = punycode[key]);\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// in Rhino or a web browser\n\t\troot.punycode = punycode;\n\t}\n\n}(this));\n","// lheading (---, ===)\n\n'use strict';\n\n\nmodule.exports = function lheading(state, startLine, endLine/*, silent*/) {\n var content, terminate, i, l, token, pos, max, level, marker,\n nextLine = startLine + 1, oldParentType,\n terminatorRules = state.md.block.ruler.getRules('paragraph');\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n oldParentType = state.parentType;\n state.parentType = 'paragraph'; // use paragraph to match terminatorRules\n\n // jump line-by-line until empty one or EOF\n for (; nextLine < endLine && !state.isEmpty(nextLine); nextLine++) {\n // this would be a code block normally, but after paragraph\n // it's considered a lazy continuation regardless of what's there\n if (state.sCount[nextLine] - state.blkIndent > 3) { continue; }\n\n //\n // Check for underline in setext header\n //\n if (state.sCount[nextLine] >= state.blkIndent) {\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n\n if (pos < max) {\n marker = state.src.charCodeAt(pos);\n\n if (marker === 0x2D/* - */ || marker === 0x3D/* = */) {\n pos = state.skipChars(pos, marker);\n pos = state.skipSpaces(pos);\n\n if (pos >= max) {\n level = (marker === 0x3D/* = */ ? 1 : 2);\n break;\n }\n }\n }\n }\n\n // quirk for blockquotes, this line should already be checked by that rule\n if (state.sCount[nextLine] < 0) { continue; }\n\n // Some tags can terminate paragraph without empty line.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n }\n\n if (!level) {\n // Didn't find valid underline\n return false;\n }\n\n content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();\n\n state.line = nextLine + 1;\n\n token = state.push('heading_open', 'h' + String(level), 1);\n token.markup = String.fromCharCode(marker);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = content;\n token.map = [ startLine, state.line - 1 ];\n token.children = [];\n\n token = state.push('heading_close', 'h' + String(level), -1);\n token.markup = String.fromCharCode(marker);\n\n state.parentType = oldParentType;\n\n return true;\n};\n","// \"Zero\" preset, with nothing enabled. Useful for manual configuring of simple\n// modes. For example, to parse bold/italic only.\n\n'use strict';\n\n\nmodule.exports = {\n options: {\n html: false, // Enable HTML tags in source\n xhtmlOut: false, // Use '/' to close single tags ( )\n breaks: false, // Convert '\\n' in paragraphs into \n langPrefix: 'language-', // CSS language prefix for fenced blocks\n linkify: false, // autoconvert URL-like texts to links\n\n // Enable some language-neutral replacements + quotes beautification\n typographer: false,\n\n // Double + single quotes replacement pairs, when typographer enabled,\n // and smartquotes on. Could be either a String or an Array.\n //\n // For example, you can use '«»„“' for Russian, '„“‚‘' for German,\n // and ['«\\xA0', '\\xA0»', '‹\\xA0', '\\xA0›'] for French (including nbsp).\n quotes: '\\u201c\\u201d\\u2018\\u2019', /* “”‘’ */\n\n // Highlighter function. Should return escaped HTML,\n // or '' if the source string is not changed and should be escaped externaly.\n // If result starts with 0) level++; // opening tag\n\n if (tokens[curr].type === 'text' &&\n curr + 1 < max &&\n tokens[curr + 1].type === 'text') {\n\n // collapse two adjacent text nodes\n tokens[curr + 1].content = tokens[curr].content + tokens[curr + 1].content;\n } else {\n if (curr !== last) { tokens[last] = tokens[curr]; }\n\n last++;\n }\n }\n\n if (curr !== last) {\n tokens.length = last;\n }\n};\n","'use strict';\n\nvar utils = require('./utils');\nvar normalizeHeaderName = require('./helpers/normalizeHeaderName');\nvar enhanceError = require('./core/enhanceError');\n\nvar DEFAULT_CONTENT_TYPE = {\n 'Content-Type': 'application/x-www-form-urlencoded'\n};\n\nfunction setContentTypeIfUnset(headers, value) {\n if (!utils.isUndefined(headers) && utils.isUndefined(headers['Content-Type'])) {\n headers['Content-Type'] = value;\n }\n}\n\nfunction getDefaultAdapter() {\n var adapter;\n if (typeof XMLHttpRequest !== 'undefined') {\n // For browsers use XHR adapter\n adapter = require('./adapters/xhr');\n } else if (typeof process !== 'undefined' && Object.prototype.toString.call(process) === '[object process]') {\n // For node use HTTP adapter\n adapter = require('./adapters/http');\n }\n return adapter;\n}\n\nvar defaults = {\n\n transitional: {\n silentJSONParsing: true,\n forcedJSONParsing: true,\n clarifyTimeoutError: false\n },\n\n adapter: getDefaultAdapter(),\n\n transformRequest: [function transformRequest(data, headers) {\n normalizeHeaderName(headers, 'Accept');\n normalizeHeaderName(headers, 'Content-Type');\n\n if (utils.isFormData(data) ||\n utils.isArrayBuffer(data) ||\n utils.isBuffer(data) ||\n utils.isStream(data) ||\n utils.isFile(data) ||\n utils.isBlob(data)\n ) {\n return data;\n }\n if (utils.isArrayBufferView(data)) {\n return data.buffer;\n }\n if (utils.isURLSearchParams(data)) {\n setContentTypeIfUnset(headers, 'application/x-www-form-urlencoded;charset=utf-8');\n return data.toString();\n }\n if (utils.isObject(data) || (headers && headers['Content-Type'] === 'application/json')) {\n setContentTypeIfUnset(headers, 'application/json');\n return JSON.stringify(data);\n }\n return data;\n }],\n\n transformResponse: [function transformResponse(data) {\n var transitional = this.transitional;\n var silentJSONParsing = transitional && transitional.silentJSONParsing;\n var forcedJSONParsing = transitional && transitional.forcedJSONParsing;\n var strictJSONParsing = !silentJSONParsing && this.responseType === 'json';\n\n if (strictJSONParsing || (forcedJSONParsing && utils.isString(data) && data.length)) {\n try {\n return JSON.parse(data);\n } catch (e) {\n if (strictJSONParsing) {\n if (e.name === 'SyntaxError') {\n throw enhanceError(e, this, 'E_JSON_PARSE');\n }\n throw e;\n }\n }\n }\n\n return data;\n }],\n\n /**\n * A timeout in milliseconds to abort a request. If set to 0 (default) a\n * timeout is not created.\n */\n timeout: 0,\n\n xsrfCookieName: 'XSRF-TOKEN',\n xsrfHeaderName: 'X-XSRF-TOKEN',\n\n maxContentLength: -1,\n maxBodyLength: -1,\n\n validateStatus: function validateStatus(status) {\n return status >= 200 && status < 300;\n }\n};\n\ndefaults.headers = {\n common: {\n 'Accept': 'application/json, text/plain, */*'\n }\n};\n\nutils.forEach(['delete', 'get', 'head'], function forEachMethodNoData(method) {\n defaults.headers[method] = {};\n});\n\nutils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {\n defaults.headers[method] = utils.merge(DEFAULT_CONTENT_TYPE);\n});\n\nmodule.exports = defaults;\n","// Process autolinks ''\n\n'use strict';\n\n\n/*eslint max-len:0*/\nvar EMAIL_RE = /^([a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*)$/;\nvar AUTOLINK_RE = /^([a-zA-Z][a-zA-Z0-9+.\\-]{1,31}):([^<>\\x00-\\x20]*)$/;\n\n\nmodule.exports = function autolink(state, silent) {\n var url, fullUrl, token, ch, start, max,\n pos = state.pos;\n\n if (state.src.charCodeAt(pos) !== 0x3C/* < */) { return false; }\n\n start = state.pos;\n max = state.posMax;\n\n for (;;) {\n if (++pos >= max) return false;\n\n ch = state.src.charCodeAt(pos);\n\n if (ch === 0x3C /* < */) return false;\n if (ch === 0x3E /* > */) break;\n }\n\n url = state.src.slice(start + 1, pos);\n\n if (AUTOLINK_RE.test(url)) {\n fullUrl = state.md.normalizeLink(url);\n if (!state.md.validateLink(fullUrl)) { return false; }\n\n if (!silent) {\n token = state.push('link_open', 'a', 1);\n token.attrs = [ [ 'href', fullUrl ] ];\n token.markup = 'autolink';\n token.info = 'auto';\n\n token = state.push('text', '', 0);\n token.content = state.md.normalizeLinkText(url);\n\n token = state.push('link_close', 'a', -1);\n token.markup = 'autolink';\n token.info = 'auto';\n }\n\n state.pos += url.length + 2;\n return true;\n }\n\n if (EMAIL_RE.test(url)) {\n fullUrl = state.md.normalizeLink('mailto:' + url);\n if (!state.md.validateLink(fullUrl)) { return false; }\n\n if (!silent) {\n token = state.push('link_open', 'a', 1);\n token.attrs = [ [ 'href', fullUrl ] ];\n token.markup = 'autolink';\n token.info = 'auto';\n\n token = state.push('text', '', 0);\n token.content = state.md.normalizeLinkText(url);\n\n token = state.push('link_close', 'a', -1);\n token.markup = 'autolink';\n token.info = 'auto';\n }\n\n state.pos += url.length + 2;\n return true;\n }\n\n return false;\n};\n","'use strict';\n\nvar enhanceError = require('./enhanceError');\n\n/**\n * Create an Error with the specified message, config, error code, request and response.\n *\n * @param {string} message The error message.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The created error.\n */\nmodule.exports = function createError(message, config, code, request, response) {\n var error = new Error(message);\n return enhanceError(error, config, code, request, response);\n};\n","'use strict';\n\nmodule.exports = function isCancel(value) {\n return !!(value && value.__CANCEL__);\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nfunction encode(val) {\n return encodeURIComponent(val).\n replace(/%3A/gi, ':').\n replace(/%24/g, '$').\n replace(/%2C/gi, ',').\n replace(/%20/g, '+').\n replace(/%5B/gi, '[').\n replace(/%5D/gi, ']');\n}\n\n/**\n * Build a URL by appending params to the end\n *\n * @param {string} url The base of the url (e.g., http://www.google.com)\n * @param {object} [params] The params to be appended\n * @returns {string} The formatted url\n */\nmodule.exports = function buildURL(url, params, paramsSerializer) {\n /*eslint no-param-reassign:0*/\n if (!params) {\n return url;\n }\n\n var serializedParams;\n if (paramsSerializer) {\n serializedParams = paramsSerializer(params);\n } else if (utils.isURLSearchParams(params)) {\n serializedParams = params.toString();\n } else {\n var parts = [];\n\n utils.forEach(params, function serialize(val, key) {\n if (val === null || typeof val === 'undefined') {\n return;\n }\n\n if (utils.isArray(val)) {\n key = key + '[]';\n } else {\n val = [val];\n }\n\n utils.forEach(val, function parseValue(v) {\n if (utils.isDate(v)) {\n v = v.toISOString();\n } else if (utils.isObject(v)) {\n v = JSON.stringify(v);\n }\n parts.push(encode(key) + '=' + encode(v));\n });\n });\n\n serializedParams = parts.join('&');\n }\n\n if (serializedParams) {\n var hashmarkIndex = url.indexOf('#');\n if (hashmarkIndex !== -1) {\n url = url.slice(0, hashmarkIndex);\n }\n\n url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams;\n }\n\n return url;\n};\n","'use strict';\n\n\nmodule.exports = function block(state) {\n var token;\n\n if (state.inlineMode) {\n token = new state.Token('inline', '', 0);\n token.content = state.src;\n token.map = [ 0, 1 ];\n token.children = [];\n state.tokens.push(token);\n } else {\n state.md.block.parse(state.src, state.md, state.env, state.tokens);\n }\n};\n","'use strict';\n\n/**\n * Update an Error with the specified config, error code, and response.\n *\n * @param {Error} error The error to update.\n * @param {Object} config The config.\n * @param {string} [code] The error code (for example, 'ECONNABORTED').\n * @param {Object} [request] The request.\n * @param {Object} [response] The response.\n * @returns {Error} The error.\n */\nmodule.exports = function enhanceError(error, config, code, request, response) {\n error.config = config;\n if (code) {\n error.code = code;\n }\n\n error.request = request;\n error.response = response;\n error.isAxiosError = true;\n\n error.toJSON = function toJSON() {\n return {\n // Standard\n message: this.message,\n name: this.name,\n // Microsoft\n description: this.description,\n number: this.number,\n // Mozilla\n fileName: this.fileName,\n lineNumber: this.lineNumber,\n columnNumber: this.columnNumber,\n stack: this.stack,\n // Axios\n config: this.config,\n code: this.code\n };\n };\n return error;\n};\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs have full support of the APIs needed to test\n // whether the request URL is of the same origin as current location.\n (function standardBrowserEnv() {\n var msie = /(msie|trident)/i.test(navigator.userAgent);\n var urlParsingNode = document.createElement('a');\n var originURL;\n\n /**\n * Parse a URL to discover it's components\n *\n * @param {String} url The URL to be parsed\n * @returns {Object}\n */\n function resolveURL(url) {\n var href = url;\n\n if (msie) {\n // IE needs attribute set twice to normalize properties\n urlParsingNode.setAttribute('href', href);\n href = urlParsingNode.href;\n }\n\n urlParsingNode.setAttribute('href', href);\n\n // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils\n return {\n href: urlParsingNode.href,\n protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',\n host: urlParsingNode.host,\n search: urlParsingNode.search ? urlParsingNode.search.replace(/^\\?/, '') : '',\n hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',\n hostname: urlParsingNode.hostname,\n port: urlParsingNode.port,\n pathname: (urlParsingNode.pathname.charAt(0) === '/') ?\n urlParsingNode.pathname :\n '/' + urlParsingNode.pathname\n };\n }\n\n originURL = resolveURL(window.location.href);\n\n /**\n * Determine if a URL shares the same origin as the current location\n *\n * @param {String} requestURL The URL to test\n * @returns {boolean} True if URL shares the same origin, otherwise false\n */\n return function isURLSameOrigin(requestURL) {\n var parsed = (utils.isString(requestURL)) ? resolveURL(requestURL) : requestURL;\n return (parsed.protocol === originURL.protocol &&\n parsed.host === originURL.host);\n };\n })() :\n\n // Non standard browser envs (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return function isURLSameOrigin() {\n return true;\n };\n })()\n);\n","// Proceess '\\n'\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function newline(state, silent) {\n var pmax, max, ws, pos = state.pos;\n\n if (state.src.charCodeAt(pos) !== 0x0A/* \\n */) { return false; }\n\n pmax = state.pending.length - 1;\n max = state.posMax;\n\n // ' \\n' -> hardbreak\n // Lookup in pending chars is bad practice! Don't copy to other rules!\n // Pending string is stored in concat mode, indexed lookups will cause\n // convertion to flat mode.\n if (!silent) {\n if (pmax >= 0 && state.pending.charCodeAt(pmax) === 0x20) {\n if (pmax >= 1 && state.pending.charCodeAt(pmax - 1) === 0x20) {\n // Find whitespaces tail of pending chars.\n ws = pmax - 1;\n while (ws >= 1 && state.pending.charCodeAt(ws - 1) === 0x20) ws--;\n\n state.pending = state.pending.slice(0, ws);\n state.push('hardbreak', 'br', 0);\n } else {\n state.pending = state.pending.slice(0, -1);\n state.push('softbreak', 'br', 0);\n }\n\n } else {\n state.push('softbreak', 'br', 0);\n }\n }\n\n pos++;\n\n // skip heading spaces for next line\n while (pos < max && isSpace(state.src.charCodeAt(pos))) { pos++; }\n\n state.pos = pos;\n return true;\n};\n","// Commonmark default options\n\n'use strict';\n\n\nmodule.exports = {\n options: {\n html: true, // Enable HTML tags in source\n xhtmlOut: true, // Use '/' to close single tags ( )\n breaks: false, // Convert '\\n' in paragraphs into \n langPrefix: 'language-', // CSS language prefix for fenced blocks\n linkify: false, // autoconvert URL-like texts to links\n\n // Enable some language-neutral replacements + quotes beautification\n typographer: false,\n\n // Double + single quotes replacement pairs, when typographer enabled,\n // and smartquotes on. Could be either a String or an Array.\n //\n // For example, you can use '«»„“' for Russian, '„“‚‘' for German,\n // and ['«\\xA0', '\\xA0»', '‹\\xA0', '\\xA0›'] for French (including nbsp).\n quotes: '\\u201c\\u201d\\u2018\\u2019', /* “”‘’ */\n\n // Highlighter function. Should return escaped HTML,\n // or '' if the source string is not changed and should be escaped externaly.\n // If result starts with 3) { continue; }\n\n // quirk for blockquotes, this line should already be checked by that rule\n if (state.sCount[nextLine] < 0) { continue; }\n\n // Some tags can terminate paragraph without empty line.\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n }\n\n content = state.getLines(startLine, nextLine, state.blkIndent, false).trim();\n\n state.line = nextLine;\n\n token = state.push('paragraph_open', 'p', 1);\n token.map = [ startLine, state.line ];\n\n token = state.push('inline', '', 0);\n token.content = content;\n token.map = [ startLine, state.line ];\n token.children = [];\n\n token = state.push('paragraph_close', 'p', -1);\n\n state.parentType = oldParentType;\n\n return true;\n};\n","'use strict';\n\nvar createError = require('./createError');\n\n/**\n * Resolve or reject a Promise based on response status.\n *\n * @param {Function} resolve A function that resolves the promise.\n * @param {Function} reject A function that rejects the promise.\n * @param {object} response The response.\n */\nmodule.exports = function settle(resolve, reject, response) {\n var validateStatus = response.config.validateStatus;\n if (!response.status || !validateStatus || validateStatus(response.status)) {\n resolve(response);\n } else {\n reject(createError(\n 'Request failed with status code ' + response.status,\n response.config,\n null,\n response.request,\n response\n ));\n }\n};\n","/**\n * class Ruler\n *\n * Helper class, used by [[MarkdownIt#core]], [[MarkdownIt#block]] and\n * [[MarkdownIt#inline]] to manage sequences of functions (rules):\n *\n * - keep rules in defined order\n * - assign the name to each rule\n * - enable/disable rules\n * - add/replace rules\n * - allow assign rules to additional named chains (in the same)\n * - cacheing lists of active rules\n *\n * You will not need use this class directly until write plugins. For simple\n * rules control use [[MarkdownIt.disable]], [[MarkdownIt.enable]] and\n * [[MarkdownIt.use]].\n **/\n'use strict';\n\n\n/**\n * new Ruler()\n **/\nfunction Ruler() {\n // List of added rules. Each element is:\n //\n // {\n // name: XXX,\n // enabled: Boolean,\n // fn: Function(),\n // alt: [ name2, name3 ]\n // }\n //\n this.__rules__ = [];\n\n // Cached rule chains.\n //\n // First level - chain name, '' for default.\n // Second level - diginal anchor for fast filtering by charcodes.\n //\n this.__cache__ = null;\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// Helper methods, should not be used directly\n\n\n// Find rule index by name\n//\nRuler.prototype.__find__ = function (name) {\n for (var i = 0; i < this.__rules__.length; i++) {\n if (this.__rules__[i].name === name) {\n return i;\n }\n }\n return -1;\n};\n\n\n// Build rules lookup cache\n//\nRuler.prototype.__compile__ = function () {\n var self = this;\n var chains = [ '' ];\n\n // collect unique names\n self.__rules__.forEach(function (rule) {\n if (!rule.enabled) { return; }\n\n rule.alt.forEach(function (altName) {\n if (chains.indexOf(altName) < 0) {\n chains.push(altName);\n }\n });\n });\n\n self.__cache__ = {};\n\n chains.forEach(function (chain) {\n self.__cache__[chain] = [];\n self.__rules__.forEach(function (rule) {\n if (!rule.enabled) { return; }\n\n if (chain && rule.alt.indexOf(chain) < 0) { return; }\n\n self.__cache__[chain].push(rule.fn);\n });\n });\n};\n\n\n/**\n * Ruler.at(name, fn [, options])\n * - name (String): rule name to replace.\n * - fn (Function): new rule function.\n * - options (Object): new rule options (not mandatory).\n *\n * Replace rule by name with new function & options. Throws error if name not\n * found.\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * Replace existing typographer replacement rule with new one:\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.core.ruler.at('replacements', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.at = function (name, fn, options) {\n var index = this.__find__(name);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + name); }\n\n this.__rules__[index].fn = fn;\n this.__rules__[index].alt = opt.alt || [];\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.before(beforeName, ruleName, fn [, options])\n * - beforeName (String): new rule will be added before this one.\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Add new rule to chain before one with given name. See also\n * [[Ruler.after]], [[Ruler.push]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.block.ruler.before('paragraph', 'my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.before = function (beforeName, ruleName, fn, options) {\n var index = this.__find__(beforeName);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + beforeName); }\n\n this.__rules__.splice(index, 0, {\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.after(afterName, ruleName, fn [, options])\n * - afterName (String): new rule will be added after this one.\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Add new rule to chain after one with given name. See also\n * [[Ruler.before]], [[Ruler.push]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.inline.ruler.after('text', 'my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.after = function (afterName, ruleName, fn, options) {\n var index = this.__find__(afterName);\n var opt = options || {};\n\n if (index === -1) { throw new Error('Parser rule not found: ' + afterName); }\n\n this.__rules__.splice(index + 1, 0, {\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n/**\n * Ruler.push(ruleName, fn [, options])\n * - ruleName (String): name of added rule.\n * - fn (Function): rule function.\n * - options (Object): rule options (not mandatory).\n *\n * Push new rule to the end of chain. See also\n * [[Ruler.before]], [[Ruler.after]].\n *\n * ##### Options:\n *\n * - __alt__ - array with names of \"alternate\" chains.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.core.ruler.push('my_rule', function replace(state) {\n * //...\n * });\n * ```\n **/\nRuler.prototype.push = function (ruleName, fn, options) {\n var opt = options || {};\n\n this.__rules__.push({\n name: ruleName,\n enabled: true,\n fn: fn,\n alt: opt.alt || []\n });\n\n this.__cache__ = null;\n};\n\n\n/**\n * Ruler.enable(list [, ignoreInvalid]) -> Array\n * - list (String|Array): list of rule names to enable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable rules with given names. If any rule name not found - throw Error.\n * Errors can be disabled by second param.\n *\n * Returns list of found rule names (if no exception happened).\n *\n * See also [[Ruler.disable]], [[Ruler.enableOnly]].\n **/\nRuler.prototype.enable = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n var result = [];\n\n // Search by name and enable\n list.forEach(function (name) {\n var idx = this.__find__(name);\n\n if (idx < 0) {\n if (ignoreInvalid) { return; }\n throw new Error('Rules manager: invalid rule name ' + name);\n }\n this.__rules__[idx].enabled = true;\n result.push(name);\n }, this);\n\n this.__cache__ = null;\n return result;\n};\n\n\n/**\n * Ruler.enableOnly(list [, ignoreInvalid])\n * - list (String|Array): list of rule names to enable (whitelist).\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable rules with given names, and disable everything else. If any rule name\n * not found - throw Error. Errors can be disabled by second param.\n *\n * See also [[Ruler.disable]], [[Ruler.enable]].\n **/\nRuler.prototype.enableOnly = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n this.__rules__.forEach(function (rule) { rule.enabled = false; });\n\n this.enable(list, ignoreInvalid);\n};\n\n\n/**\n * Ruler.disable(list [, ignoreInvalid]) -> Array\n * - list (String|Array): list of rule names to disable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Disable rules with given names. If any rule name not found - throw Error.\n * Errors can be disabled by second param.\n *\n * Returns list of found rule names (if no exception happened).\n *\n * See also [[Ruler.enable]], [[Ruler.enableOnly]].\n **/\nRuler.prototype.disable = function (list, ignoreInvalid) {\n if (!Array.isArray(list)) { list = [ list ]; }\n\n var result = [];\n\n // Search by name and disable\n list.forEach(function (name) {\n var idx = this.__find__(name);\n\n if (idx < 0) {\n if (ignoreInvalid) { return; }\n throw new Error('Rules manager: invalid rule name ' + name);\n }\n this.__rules__[idx].enabled = false;\n result.push(name);\n }, this);\n\n this.__cache__ = null;\n return result;\n};\n\n\n/**\n * Ruler.getRules(chainName) -> Array\n *\n * Return array of active functions (rules) for given chain name. It analyzes\n * rules configuration, compiles caches if not exists and returns result.\n *\n * Default chain name is `''` (empty string). It can't be skipped. That's\n * done intentionally, to keep signature monomorphic for high speed.\n **/\nRuler.prototype.getRules = function (chainName) {\n if (this.__cache__ === null) {\n this.__compile__();\n }\n\n // Chain can be empty, if rules disabled. But we still have to return Array.\n return this.__cache__[chainName] || [];\n};\n\nmodule.exports = Ruler;\n","'use strict';\n\nvar utils = require('../utils');\n\n/**\n * Config-specific merge-function which creates a new config-object\n * by merging two configuration objects together.\n *\n * @param {Object} config1\n * @param {Object} config2\n * @returns {Object} New object resulting from merging config2 to config1\n */\nmodule.exports = function mergeConfig(config1, config2) {\n // eslint-disable-next-line no-param-reassign\n config2 = config2 || {};\n var config = {};\n\n var valueFromConfig2Keys = ['url', 'method', 'data'];\n var mergeDeepPropertiesKeys = ['headers', 'auth', 'proxy', 'params'];\n var defaultToConfig2Keys = [\n 'baseURL', 'transformRequest', 'transformResponse', 'paramsSerializer',\n 'timeout', 'timeoutMessage', 'withCredentials', 'adapter', 'responseType', 'xsrfCookieName',\n 'xsrfHeaderName', 'onUploadProgress', 'onDownloadProgress', 'decompress',\n 'maxContentLength', 'maxBodyLength', 'maxRedirects', 'transport', 'httpAgent',\n 'httpsAgent', 'cancelToken', 'socketPath', 'responseEncoding'\n ];\n var directMergeKeys = ['validateStatus'];\n\n function getMergedValue(target, source) {\n if (utils.isPlainObject(target) && utils.isPlainObject(source)) {\n return utils.merge(target, source);\n } else if (utils.isPlainObject(source)) {\n return utils.merge({}, source);\n } else if (utils.isArray(source)) {\n return source.slice();\n }\n return source;\n }\n\n function mergeDeepProperties(prop) {\n if (!utils.isUndefined(config2[prop])) {\n config[prop] = getMergedValue(config1[prop], config2[prop]);\n } else if (!utils.isUndefined(config1[prop])) {\n config[prop] = getMergedValue(undefined, config1[prop]);\n }\n }\n\n utils.forEach(valueFromConfig2Keys, function valueFromConfig2(prop) {\n if (!utils.isUndefined(config2[prop])) {\n config[prop] = getMergedValue(undefined, config2[prop]);\n }\n });\n\n utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties);\n\n utils.forEach(defaultToConfig2Keys, function defaultToConfig2(prop) {\n if (!utils.isUndefined(config2[prop])) {\n config[prop] = getMergedValue(undefined, config2[prop]);\n } else if (!utils.isUndefined(config1[prop])) {\n config[prop] = getMergedValue(undefined, config1[prop]);\n }\n });\n\n utils.forEach(directMergeKeys, function merge(prop) {\n if (prop in config2) {\n config[prop] = getMergedValue(config1[prop], config2[prop]);\n } else if (prop in config1) {\n config[prop] = getMergedValue(undefined, config1[prop]);\n }\n });\n\n var axiosKeys = valueFromConfig2Keys\n .concat(mergeDeepPropertiesKeys)\n .concat(defaultToConfig2Keys)\n .concat(directMergeKeys);\n\n var otherKeys = Object\n .keys(config1)\n .concat(Object.keys(config2))\n .filter(function filterAxiosKeys(key) {\n return axiosKeys.indexOf(key) === -1;\n });\n\n utils.forEach(otherKeys, mergeDeepProperties);\n\n return config;\n};\n","// Parse backticks\n\n'use strict';\n\n\nmodule.exports = function backtick(state, silent) {\n var start, max, marker, token, matchStart, matchEnd, openerLength, closerLength,\n pos = state.pos,\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x60/* ` */) { return false; }\n\n start = pos;\n pos++;\n max = state.posMax;\n\n // scan marker length\n while (pos < max && state.src.charCodeAt(pos) === 0x60/* ` */) { pos++; }\n\n marker = state.src.slice(start, pos);\n openerLength = marker.length;\n\n if (state.backticksScanned && (state.backticks[openerLength] || 0) <= start) {\n if (!silent) state.pending += marker;\n state.pos += openerLength;\n return true;\n }\n\n matchStart = matchEnd = pos;\n\n // Nothing found in the cache, scan until the end of the line (or until marker is found)\n while ((matchStart = state.src.indexOf('`', matchEnd)) !== -1) {\n matchEnd = matchStart + 1;\n\n // scan marker length\n while (matchEnd < max && state.src.charCodeAt(matchEnd) === 0x60/* ` */) { matchEnd++; }\n\n closerLength = matchEnd - matchStart;\n\n if (closerLength === openerLength) {\n // Found matching closer length.\n if (!silent) {\n token = state.push('code_inline', 'code', 0);\n token.markup = marker;\n token.content = state.src.slice(pos, matchStart)\n .replace(/\\n/g, ' ')\n .replace(/^ (.+) $/, '$1');\n }\n state.pos = matchEnd;\n return true;\n }\n\n // Some different length found, put it in cache as upper limit of where closer can be found\n state.backticks[closerLength] = matchStart;\n }\n\n // Scanned through the end, didn't find anything\n state.backticksScanned = true;\n\n if (!silent) state.pending += marker;\n state.pos += openerLength;\n return true;\n};\n","// Lists\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\n// Search `[-+*][\\n ]`, returns next pos after marker on success\n// or -1 on fail.\nfunction skipBulletListMarker(state, startLine) {\n var marker, pos, max, ch;\n\n pos = state.bMarks[startLine] + state.tShift[startLine];\n max = state.eMarks[startLine];\n\n marker = state.src.charCodeAt(pos++);\n // Check bullet\n if (marker !== 0x2A/* * */ &&\n marker !== 0x2D/* - */ &&\n marker !== 0x2B/* + */) {\n return -1;\n }\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (!isSpace(ch)) {\n // \" -test \" - is not a list item\n return -1;\n }\n }\n\n return pos;\n}\n\n// Search `\\d+[.)][\\n ]`, returns next pos after marker on success\n// or -1 on fail.\nfunction skipOrderedListMarker(state, startLine) {\n var ch,\n start = state.bMarks[startLine] + state.tShift[startLine],\n pos = start,\n max = state.eMarks[startLine];\n\n // List marker should have at least 2 chars (digit + dot)\n if (pos + 1 >= max) { return -1; }\n\n ch = state.src.charCodeAt(pos++);\n\n if (ch < 0x30/* 0 */ || ch > 0x39/* 9 */) { return -1; }\n\n for (;;) {\n // EOL -> fail\n if (pos >= max) { return -1; }\n\n ch = state.src.charCodeAt(pos++);\n\n if (ch >= 0x30/* 0 */ && ch <= 0x39/* 9 */) {\n\n // List marker should have no more than 9 digits\n // (prevents integer overflow in browsers)\n if (pos - start >= 10) { return -1; }\n\n continue;\n }\n\n // found valid marker\n if (ch === 0x29/* ) */ || ch === 0x2e/* . */) {\n break;\n }\n\n return -1;\n }\n\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (!isSpace(ch)) {\n // \" 1.test \" - is not a list item\n return -1;\n }\n }\n return pos;\n}\n\nfunction markTightParagraphs(state, idx) {\n var i, l,\n level = state.level + 2;\n\n for (i = idx + 2, l = state.tokens.length - 2; i < l; i++) {\n if (state.tokens[i].level === level && state.tokens[i].type === 'paragraph_open') {\n state.tokens[i + 2].hidden = true;\n state.tokens[i].hidden = true;\n i += 2;\n }\n }\n}\n\n\nmodule.exports = function list(state, startLine, endLine, silent) {\n var ch,\n contentStart,\n i,\n indent,\n indentAfterMarker,\n initial,\n isOrdered,\n itemLines,\n l,\n listLines,\n listTokIdx,\n markerCharCode,\n markerValue,\n max,\n nextLine,\n offset,\n oldListIndent,\n oldParentType,\n oldSCount,\n oldTShift,\n oldTight,\n pos,\n posAfterMarker,\n prevEmptyEnd,\n start,\n terminate,\n terminatorRules,\n token,\n isTerminatingParagraph = false,\n tight = true;\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n // Special case:\n // - item 1\n // - item 2\n // - item 3\n // - item 4\n // - this one is a paragraph continuation\n if (state.listIndent >= 0 &&\n state.sCount[startLine] - state.listIndent >= 4 &&\n state.sCount[startLine] < state.blkIndent) {\n return false;\n }\n\n // limit conditions when list can interrupt\n // a paragraph (validation mode only)\n if (silent && state.parentType === 'paragraph') {\n // Next list item should still terminate previous list item;\n //\n // This code can fail if plugins use blkIndent as well as lists,\n // but I hope the spec gets fixed long before that happens.\n //\n if (state.sCount[startLine] >= state.blkIndent) {\n isTerminatingParagraph = true;\n }\n }\n\n // Detect list type and position after marker\n if ((posAfterMarker = skipOrderedListMarker(state, startLine)) >= 0) {\n isOrdered = true;\n start = state.bMarks[startLine] + state.tShift[startLine];\n markerValue = Number(state.src.slice(start, posAfterMarker - 1));\n\n // If we're starting a new ordered list right after\n // a paragraph, it should start with 1.\n if (isTerminatingParagraph && markerValue !== 1) return false;\n\n } else if ((posAfterMarker = skipBulletListMarker(state, startLine)) >= 0) {\n isOrdered = false;\n\n } else {\n return false;\n }\n\n // If we're starting a new unordered list right after\n // a paragraph, first line should not be empty.\n if (isTerminatingParagraph) {\n if (state.skipSpaces(posAfterMarker) >= state.eMarks[startLine]) return false;\n }\n\n // We should terminate list on style change. Remember first one to compare.\n markerCharCode = state.src.charCodeAt(posAfterMarker - 1);\n\n // For validation mode we can terminate immediately\n if (silent) { return true; }\n\n // Start list\n listTokIdx = state.tokens.length;\n\n if (isOrdered) {\n token = state.push('ordered_list_open', 'ol', 1);\n if (markerValue !== 1) {\n token.attrs = [ [ 'start', markerValue ] ];\n }\n\n } else {\n token = state.push('bullet_list_open', 'ul', 1);\n }\n\n token.map = listLines = [ startLine, 0 ];\n token.markup = String.fromCharCode(markerCharCode);\n\n //\n // Iterate list items\n //\n\n nextLine = startLine;\n prevEmptyEnd = false;\n terminatorRules = state.md.block.ruler.getRules('list');\n\n oldParentType = state.parentType;\n state.parentType = 'list';\n\n while (nextLine < endLine) {\n pos = posAfterMarker;\n max = state.eMarks[nextLine];\n\n initial = offset = state.sCount[nextLine] + posAfterMarker - (state.bMarks[startLine] + state.tShift[startLine]);\n\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (ch === 0x09) {\n offset += 4 - (offset + state.bsCount[nextLine]) % 4;\n } else if (ch === 0x20) {\n offset++;\n } else {\n break;\n }\n\n pos++;\n }\n\n contentStart = pos;\n\n if (contentStart >= max) {\n // trimming space in \"- \\n 3\" case, indent is 1 here\n indentAfterMarker = 1;\n } else {\n indentAfterMarker = offset - initial;\n }\n\n // If we have more than 4 spaces, the indent is 1\n // (the rest is just indented code block)\n if (indentAfterMarker > 4) { indentAfterMarker = 1; }\n\n // \" - test\"\n // ^^^^^ - calculating total length of this thing\n indent = initial + indentAfterMarker;\n\n // Run subparser & write tokens\n token = state.push('list_item_open', 'li', 1);\n token.markup = String.fromCharCode(markerCharCode);\n token.map = itemLines = [ startLine, 0 ];\n if (isOrdered) {\n token.info = state.src.slice(start, posAfterMarker - 1);\n }\n\n // change current state, then restore it after parser subcall\n oldTight = state.tight;\n oldTShift = state.tShift[startLine];\n oldSCount = state.sCount[startLine];\n\n // - example list\n // ^ listIndent position will be here\n // ^ blkIndent position will be here\n //\n oldListIndent = state.listIndent;\n state.listIndent = state.blkIndent;\n state.blkIndent = indent;\n\n state.tight = true;\n state.tShift[startLine] = contentStart - state.bMarks[startLine];\n state.sCount[startLine] = offset;\n\n if (contentStart >= max && state.isEmpty(startLine + 1)) {\n // workaround for this case\n // (list item is empty, list terminates before \"foo\"):\n // ~~~~~~~~\n // -\n //\n // foo\n // ~~~~~~~~\n state.line = Math.min(state.line + 2, endLine);\n } else {\n state.md.block.tokenize(state, startLine, endLine, true);\n }\n\n // If any of list item is tight, mark list as tight\n if (!state.tight || prevEmptyEnd) {\n tight = false;\n }\n // Item become loose if finish with empty line,\n // but we should filter last element, because it means list finish\n prevEmptyEnd = (state.line - startLine) > 1 && state.isEmpty(state.line - 1);\n\n state.blkIndent = state.listIndent;\n state.listIndent = oldListIndent;\n state.tShift[startLine] = oldTShift;\n state.sCount[startLine] = oldSCount;\n state.tight = oldTight;\n\n token = state.push('list_item_close', 'li', -1);\n token.markup = String.fromCharCode(markerCharCode);\n\n nextLine = startLine = state.line;\n itemLines[1] = nextLine;\n contentStart = state.bMarks[startLine];\n\n if (nextLine >= endLine) { break; }\n\n //\n // Try to check if list is terminated or continued.\n //\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { break; }\n\n // fail if terminating block found\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n if (terminate) { break; }\n\n // fail if list has another type\n if (isOrdered) {\n posAfterMarker = skipOrderedListMarker(state, nextLine);\n if (posAfterMarker < 0) { break; }\n start = state.bMarks[nextLine] + state.tShift[nextLine];\n } else {\n posAfterMarker = skipBulletListMarker(state, nextLine);\n if (posAfterMarker < 0) { break; }\n }\n\n if (markerCharCode !== state.src.charCodeAt(posAfterMarker - 1)) { break; }\n }\n\n // Finalize list\n if (isOrdered) {\n token = state.push('ordered_list_close', 'ol', -1);\n } else {\n token = state.push('bullet_list_close', 'ul', -1);\n }\n token.markup = String.fromCharCode(markerCharCode);\n\n listLines[1] = nextLine;\n state.line = nextLine;\n\n state.parentType = oldParentType;\n\n // mark paragraphs tight if needed\n if (tight) {\n markTightParagraphs(state, listTokIdx);\n }\n\n return true;\n};\n","// Normalize input string\n\n'use strict';\n\n\n// https://spec.commonmark.org/0.29/#line-ending\nvar NEWLINES_RE = /\\r\\n?|\\n/g;\nvar NULL_RE = /\\0/g;\n\n\nmodule.exports = function normalize(state) {\n var str;\n\n // Normalize newlines\n str = state.src.replace(NEWLINES_RE, '\\n');\n\n // Replace NULL characters\n str = str.replace(NULL_RE, '\\uFFFD');\n\n state.src = str;\n};\n","/** internal\n * class ParserInline\n *\n * Tokenizes paragraph content.\n **/\n'use strict';\n\n\nvar Ruler = require('./ruler');\n\n\n////////////////////////////////////////////////////////////////////////////////\n// Parser rules\n\nvar _rules = [\n [ 'text', require('./rules_inline/text') ],\n [ 'newline', require('./rules_inline/newline') ],\n [ 'escape', require('./rules_inline/escape') ],\n [ 'backticks', require('./rules_inline/backticks') ],\n [ 'strikethrough', require('./rules_inline/strikethrough').tokenize ],\n [ 'emphasis', require('./rules_inline/emphasis').tokenize ],\n [ 'link', require('./rules_inline/link') ],\n [ 'image', require('./rules_inline/image') ],\n [ 'autolink', require('./rules_inline/autolink') ],\n [ 'html_inline', require('./rules_inline/html_inline') ],\n [ 'entity', require('./rules_inline/entity') ]\n];\n\nvar _rules2 = [\n [ 'balance_pairs', require('./rules_inline/balance_pairs') ],\n [ 'strikethrough', require('./rules_inline/strikethrough').postProcess ],\n [ 'emphasis', require('./rules_inline/emphasis').postProcess ],\n [ 'text_collapse', require('./rules_inline/text_collapse') ]\n];\n\n\n/**\n * new ParserInline()\n **/\nfunction ParserInline() {\n var i;\n\n /**\n * ParserInline#ruler -> Ruler\n *\n * [[Ruler]] instance. Keep configuration of inline rules.\n **/\n this.ruler = new Ruler();\n\n for (i = 0; i < _rules.length; i++) {\n this.ruler.push(_rules[i][0], _rules[i][1]);\n }\n\n /**\n * ParserInline#ruler2 -> Ruler\n *\n * [[Ruler]] instance. Second ruler used for post-processing\n * (e.g. in emphasis-like rules).\n **/\n this.ruler2 = new Ruler();\n\n for (i = 0; i < _rules2.length; i++) {\n this.ruler2.push(_rules2[i][0], _rules2[i][1]);\n }\n}\n\n\n// Skip single token by running all rules in validation mode;\n// returns `true` if any rule reported success\n//\nParserInline.prototype.skipToken = function (state) {\n var ok, i, pos = state.pos,\n rules = this.ruler.getRules(''),\n len = rules.length,\n maxNesting = state.md.options.maxNesting,\n cache = state.cache;\n\n\n if (typeof cache[pos] !== 'undefined') {\n state.pos = cache[pos];\n return;\n }\n\n if (state.level < maxNesting) {\n for (i = 0; i < len; i++) {\n // Increment state.level and decrement it later to limit recursion.\n // It's harmless to do here, because no tokens are created. But ideally,\n // we'd need a separate private state variable for this purpose.\n //\n state.level++;\n ok = rules[i](state, true);\n state.level--;\n\n if (ok) { break; }\n }\n } else {\n // Too much nesting, just skip until the end of the paragraph.\n //\n // NOTE: this will cause links to behave incorrectly in the following case,\n // when an amount of `[` is exactly equal to `maxNesting + 1`:\n //\n // [[[[[[[[[[[[[[[[[[[[[foo]()\n //\n // TODO: remove this workaround when CM standard will allow nested links\n // (we can replace it by preventing links from being parsed in\n // validation mode)\n //\n state.pos = state.posMax;\n }\n\n if (!ok) { state.pos++; }\n cache[pos] = state.pos;\n};\n\n\n// Generate tokens for input range\n//\nParserInline.prototype.tokenize = function (state) {\n var ok, i,\n rules = this.ruler.getRules(''),\n len = rules.length,\n end = state.posMax,\n maxNesting = state.md.options.maxNesting;\n\n while (state.pos < end) {\n // Try all possible rules.\n // On success, rule should:\n //\n // - update `state.pos`\n // - update `state.tokens`\n // - return true\n\n if (state.level < maxNesting) {\n for (i = 0; i < len; i++) {\n ok = rules[i](state, false);\n if (ok) { break; }\n }\n }\n\n if (ok) {\n if (state.pos >= end) { break; }\n continue;\n }\n\n state.pending += state.src[state.pos++];\n }\n\n if (state.pending) {\n state.pushPending();\n }\n};\n\n\n/**\n * ParserInline.parse(str, md, env, outTokens)\n *\n * Process input string and push inline tokens into `outTokens`\n **/\nParserInline.prototype.parse = function (str, md, env, outTokens) {\n var i, rules, len;\n var state = new this.State(str, md, env, outTokens);\n\n this.tokenize(state);\n\n rules = this.ruler2.getRules('');\n len = rules.length;\n\n for (i = 0; i < len; i++) {\n rules[i](state);\n }\n};\n\n\nParserInline.prototype.State = require('./rules_inline/state_inline');\n\n\nmodule.exports = ParserInline;\n","module.exports=/[ \\xA0\\u1680\\u2000-\\u200A\\u2028\\u2029\\u202F\\u205F\\u3000]/","'use strict';\n\nvar utils = require('./../utils');\nvar transformData = require('./transformData');\nvar isCancel = require('../cancel/isCancel');\nvar defaults = require('../defaults');\n\n/**\n * Throws a `Cancel` if cancellation has been requested.\n */\nfunction throwIfCancellationRequested(config) {\n if (config.cancelToken) {\n config.cancelToken.throwIfRequested();\n }\n}\n\n/**\n * Dispatch a request to the server using the configured adapter.\n *\n * @param {object} config The config that is to be used for the request\n * @returns {Promise} The Promise to be fulfilled\n */\nmodule.exports = function dispatchRequest(config) {\n throwIfCancellationRequested(config);\n\n // Ensure headers exist\n config.headers = config.headers || {};\n\n // Transform request data\n config.data = transformData.call(\n config,\n config.data,\n config.headers,\n config.transformRequest\n );\n\n // Flatten headers\n config.headers = utils.merge(\n config.headers.common || {},\n config.headers[config.method] || {},\n config.headers\n );\n\n utils.forEach(\n ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'],\n function cleanHeaderConfig(method) {\n delete config.headers[method];\n }\n );\n\n var adapter = config.adapter || defaults.adapter;\n\n return adapter(config).then(function onAdapterResolution(response) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n response.data = transformData.call(\n config,\n response.data,\n response.headers,\n config.transformResponse\n );\n\n return response;\n }, function onAdapterRejection(reason) {\n if (!isCancel(reason)) {\n throwIfCancellationRequested(config);\n\n // Transform response data\n if (reason && reason.response) {\n reason.response.data = transformData.call(\n config,\n reason.response.data,\n reason.response.headers,\n config.transformResponse\n );\n }\n }\n\n return Promise.reject(reason);\n });\n};\n","// Just a shortcut for bulk export\n'use strict';\n\n\nexports.parseLinkLabel = require('./parse_link_label');\nexports.parseLinkDestination = require('./parse_link_destination');\nexports.parseLinkTitle = require('./parse_link_title');\n","// Regexps to match html elements\n\n'use strict';\n\nvar attr_name = '[a-zA-Z_:][a-zA-Z0-9:._-]*';\n\nvar unquoted = '[^\"\\'=<>`\\\\x00-\\\\x20]+';\nvar single_quoted = \"'[^']*'\";\nvar double_quoted = '\"[^\"]*\"';\n\nvar attr_value = '(?:' + unquoted + '|' + single_quoted + '|' + double_quoted + ')';\n\nvar attribute = '(?:\\\\s+' + attr_name + '(?:\\\\s*=\\\\s*' + attr_value + ')?)';\n\nvar open_tag = '<[A-Za-z][A-Za-z0-9\\\\-]*' + attribute + '*\\\\s*\\\\/?>';\n\nvar close_tag = '<\\\\/[A-Za-z][A-Za-z0-9\\\\-]*\\\\s*>';\nvar comment = '|';\nvar processing = '<[?][\\\\s\\\\S]*?[?]>';\nvar declaration = ']*>';\nvar cdata = '';\n\nvar HTML_TAG_RE = new RegExp('^(?:' + open_tag + '|' + close_tag + '|' + comment +\n '|' + processing + '|' + declaration + '|' + cdata + ')');\nvar HTML_OPEN_CLOSE_TAG_RE = new RegExp('^(?:' + open_tag + '|' + close_tag + ')');\n\nmodule.exports.HTML_TAG_RE = HTML_TAG_RE;\nmodule.exports.HTML_OPEN_CLOSE_TAG_RE = HTML_OPEN_CLOSE_TAG_RE;\n","// Process html entity - {, ¯, ", ...\n\n'use strict';\n\nvar entities = require('../common/entities');\nvar has = require('../common/utils').has;\nvar isValidEntityCode = require('../common/utils').isValidEntityCode;\nvar fromCodePoint = require('../common/utils').fromCodePoint;\n\n\nvar DIGITAL_RE = /^&#((?:x[a-f0-9]{1,6}|[0-9]{1,7}));/i;\nvar NAMED_RE = /^&([a-z][a-z0-9]{1,31});/i;\n\n\nmodule.exports = function entity(state, silent) {\n var ch, code, match, pos = state.pos, max = state.posMax;\n\n if (state.src.charCodeAt(pos) !== 0x26/* & */) { return false; }\n\n if (pos + 1 < max) {\n ch = state.src.charCodeAt(pos + 1);\n\n if (ch === 0x23 /* # */) {\n match = state.src.slice(pos).match(DIGITAL_RE);\n if (match) {\n if (!silent) {\n code = match[1][0].toLowerCase() === 'x' ? parseInt(match[1].slice(1), 16) : parseInt(match[1], 10);\n state.pending += isValidEntityCode(code) ? fromCodePoint(code) : fromCodePoint(0xFFFD);\n }\n state.pos += match[0].length;\n return true;\n }\n } else {\n match = state.src.slice(pos).match(NAMED_RE);\n if (match) {\n if (has(entities, match[1])) {\n if (!silent) { state.pending += entities[match[1]]; }\n state.pos += match[0].length;\n return true;\n }\n }\n }\n }\n\n if (!silent) { state.pending += '&'; }\n state.pos++;\n return true;\n};\n","'use strict';\n\n/**\n * Determines whether the payload is an error thrown by Axios\n *\n * @param {*} payload The value to test\n * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false\n */\nmodule.exports = function isAxiosError(payload) {\n return (typeof payload === 'object') && (payload.isAxiosError === true);\n};\n","// HTML block\n\n'use strict';\n\n\nvar block_names = require('../common/html_blocks');\nvar HTML_OPEN_CLOSE_TAG_RE = require('../common/html_re').HTML_OPEN_CLOSE_TAG_RE;\n\n// An array of opening and corresponding closing sequences for html tags,\n// last argument defines whether it can terminate a paragraph or not\n//\nvar HTML_SEQUENCES = [\n [ /^<(script|pre|style|textarea)(?=(\\s|>|$))/i, /<\\/(script|pre|style|textarea)>/i, true ],\n [ /^/, true ],\n [ /^<\\?/, /\\?>/, true ],\n [ /^/, true ],\n [ /^/, true ],\n [ new RegExp('^|$))', 'i'), /^$/, true ],\n [ new RegExp(HTML_OPEN_CLOSE_TAG_RE.source + '\\\\s*$'), /^$/, false ]\n];\n\n\nmodule.exports = function html_block(state, startLine, endLine, silent) {\n var i, nextLine, token, lineText,\n pos = state.bMarks[startLine] + state.tShift[startLine],\n max = state.eMarks[startLine];\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n\n if (!state.md.options.html) { return false; }\n\n if (state.src.charCodeAt(pos) !== 0x3C/* < */) { return false; }\n\n lineText = state.src.slice(pos, max);\n\n for (i = 0; i < HTML_SEQUENCES.length; i++) {\n if (HTML_SEQUENCES[i][0].test(lineText)) { break; }\n }\n\n if (i === HTML_SEQUENCES.length) { return false; }\n\n if (silent) {\n // true if this sequence can be a terminator, false otherwise\n return HTML_SEQUENCES[i][2];\n }\n\n nextLine = startLine + 1;\n\n // If we are here - we detected HTML block.\n // Let's roll down till block end.\n if (!HTML_SEQUENCES[i][1].test(lineText)) {\n for (; nextLine < endLine; nextLine++) {\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n max = state.eMarks[nextLine];\n lineText = state.src.slice(pos, max);\n\n if (HTML_SEQUENCES[i][1].test(lineText)) {\n if (lineText.length !== 0) { nextLine++; }\n break;\n }\n }\n }\n\n state.line = nextLine;\n\n token = state.push('html_block', '', 0);\n token.map = [ startLine, nextLine ];\n token.content = state.getLines(startLine, nextLine, state.blkIndent, true);\n\n return true;\n};\n","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","// Process escaped chars and hardbreaks\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\nvar ESCAPED = [];\n\nfor (var i = 0; i < 256; i++) { ESCAPED.push(0); }\n\n'\\\\!\"#$%&\\'()*+,./:;<=>?@[]^_`{|}~-'\n .split('').forEach(function (ch) { ESCAPED[ch.charCodeAt(0)] = 1; });\n\n\nmodule.exports = function escape(state, silent) {\n var ch, pos = state.pos, max = state.posMax;\n\n if (state.src.charCodeAt(pos) !== 0x5C/* \\ */) { return false; }\n\n pos++;\n\n if (pos < max) {\n ch = state.src.charCodeAt(pos);\n\n if (ch < 256 && ESCAPED[ch] !== 0) {\n if (!silent) { state.pending += state.src[pos]; }\n state.pos += 2;\n return true;\n }\n\n if (ch === 0x0A) {\n if (!silent) {\n state.push('hardbreak', 'br', 0);\n }\n\n pos++;\n // skip leading whitespaces from next line\n while (pos < max) {\n ch = state.src.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n pos++;\n }\n\n state.pos = pos;\n return true;\n }\n }\n\n if (!silent) { state.pending += '\\\\'; }\n state.pos++;\n return true;\n};\n","module.exports=/[\\xAD\\u0600-\\u0605\\u061C\\u06DD\\u070F\\u08E2\\u180E\\u200B-\\u200F\\u202A-\\u202E\\u2060-\\u2064\\u2066-\\u206F\\uFEFF\\uFFF9-\\uFFFB]|\\uD804[\\uDCBD\\uDCCD]|\\uD82F[\\uDCA0-\\uDCA3]|\\uD834[\\uDD73-\\uDD7A]|\\uDB40[\\uDC01\\uDC20-\\uDC7F]/","// Core state object\n//\n'use strict';\n\nvar Token = require('../token');\n\n\nfunction StateCore(src, md, env) {\n this.src = src;\n this.env = env;\n this.tokens = [];\n this.inlineMode = false;\n this.md = md; // link to parser instance\n}\n\n// re-export Token class to use in core rules\nStateCore.prototype.Token = Token;\n\n\nmodule.exports = StateCore;\n","/** internal\n * class ParserBlock\n *\n * Block-level tokenizer.\n **/\n'use strict';\n\n\nvar Ruler = require('./ruler');\n\n\nvar _rules = [\n // First 2 params - rule name & source. Secondary array - list of rules,\n // which can be terminated by this one.\n [ 'table', require('./rules_block/table'), [ 'paragraph', 'reference' ] ],\n [ 'code', require('./rules_block/code') ],\n [ 'fence', require('./rules_block/fence'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'blockquote', require('./rules_block/blockquote'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'hr', require('./rules_block/hr'), [ 'paragraph', 'reference', 'blockquote', 'list' ] ],\n [ 'list', require('./rules_block/list'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'reference', require('./rules_block/reference') ],\n [ 'html_block', require('./rules_block/html_block'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'heading', require('./rules_block/heading'), [ 'paragraph', 'reference', 'blockquote' ] ],\n [ 'lheading', require('./rules_block/lheading') ],\n [ 'paragraph', require('./rules_block/paragraph') ]\n];\n\n\n/**\n * new ParserBlock()\n **/\nfunction ParserBlock() {\n /**\n * ParserBlock#ruler -> Ruler\n *\n * [[Ruler]] instance. Keep configuration of block rules.\n **/\n this.ruler = new Ruler();\n\n for (var i = 0; i < _rules.length; i++) {\n this.ruler.push(_rules[i][0], _rules[i][1], { alt: (_rules[i][2] || []).slice() });\n }\n}\n\n\n// Generate tokens for input range\n//\nParserBlock.prototype.tokenize = function (state, startLine, endLine) {\n var ok, i,\n rules = this.ruler.getRules(''),\n len = rules.length,\n line = startLine,\n hasEmptyLines = false,\n maxNesting = state.md.options.maxNesting;\n\n while (line < endLine) {\n state.line = line = state.skipEmptyLines(line);\n if (line >= endLine) { break; }\n\n // Termination condition for nested calls.\n // Nested calls currently used for blockquotes & lists\n if (state.sCount[line] < state.blkIndent) { break; }\n\n // If nesting level exceeded - skip tail to the end. That's not ordinary\n // situation and we should not care about content.\n if (state.level >= maxNesting) {\n state.line = endLine;\n break;\n }\n\n // Try all possible rules.\n // On success, rule should:\n //\n // - update `state.line`\n // - update `state.tokens`\n // - return true\n\n for (i = 0; i < len; i++) {\n ok = rules[i](state, line, endLine, false);\n if (ok) { break; }\n }\n\n // set state.tight if we had an empty line before current tag\n // i.e. latest empty line should not count\n state.tight = !hasEmptyLines;\n\n // paragraph might \"eat\" one newline after it in nested lists\n if (state.isEmpty(state.line - 1)) {\n hasEmptyLines = true;\n }\n\n line = state.line;\n\n if (line < endLine && state.isEmpty(line)) {\n hasEmptyLines = true;\n line++;\n state.line = line;\n }\n }\n};\n\n\n/**\n * ParserBlock.parse(str, md, env, outTokens)\n *\n * Process input string and push block tokens into `outTokens`\n **/\nParserBlock.prototype.parse = function (src, md, env, outTokens) {\n var state;\n\n if (!src) { return; }\n\n state = new this.State(src, md, env, outTokens);\n\n this.tokenize(state, state.line, state.lineMax);\n};\n\n\nParserBlock.prototype.State = require('./rules_block/state_block');\n\n\nmodule.exports = ParserBlock;\n","'use strict';\n\n/**\n * A `Cancel` is an object that is thrown when an operation is canceled.\n *\n * @class\n * @param {string=} message The message.\n */\nfunction Cancel(message) {\n this.message = message;\n}\n\nCancel.prototype.toString = function toString() {\n return 'Cancel' + (this.message ? ': ' + this.message : '');\n};\n\nCancel.prototype.__CANCEL__ = true;\n\nmodule.exports = Cancel;\n","'use strict';\n\nvar utils = require('./../utils');\n\nmodule.exports = (\n utils.isStandardBrowserEnv() ?\n\n // Standard browser envs support document.cookie\n (function standardBrowserEnv() {\n return {\n write: function write(name, value, expires, path, domain, secure) {\n var cookie = [];\n cookie.push(name + '=' + encodeURIComponent(value));\n\n if (utils.isNumber(expires)) {\n cookie.push('expires=' + new Date(expires).toGMTString());\n }\n\n if (utils.isString(path)) {\n cookie.push('path=' + path);\n }\n\n if (utils.isString(domain)) {\n cookie.push('domain=' + domain);\n }\n\n if (secure === true) {\n cookie.push('secure');\n }\n\n document.cookie = cookie.join('; ');\n },\n\n read: function read(name) {\n var match = document.cookie.match(new RegExp('(^|;\\\\s*)(' + name + ')=([^;]*)'));\n return (match ? decodeURIComponent(match[3]) : null);\n },\n\n remove: function remove(name) {\n this.write(name, '', Date.now() - 86400000);\n }\n };\n })() :\n\n // Non standard browser env (web workers, react-native) lack needed support.\n (function nonStandardBrowserEnv() {\n return {\n write: function write() {},\n read: function read() { return null; },\n remove: function remove() {}\n };\n })()\n);\n","module.exports=/[!-#%-\\*,-\\/:;\\?@\\[-\\]_\\{\\}\\xA1\\xA7\\xAB\\xB6\\xB7\\xBB\\xBF\\u037E\\u0387\\u055A-\\u055F\\u0589\\u058A\\u05BE\\u05C0\\u05C3\\u05C6\\u05F3\\u05F4\\u0609\\u060A\\u060C\\u060D\\u061B\\u061E\\u061F\\u066A-\\u066D\\u06D4\\u0700-\\u070D\\u07F7-\\u07F9\\u0830-\\u083E\\u085E\\u0964\\u0965\\u0970\\u09FD\\u0A76\\u0AF0\\u0C84\\u0DF4\\u0E4F\\u0E5A\\u0E5B\\u0F04-\\u0F12\\u0F14\\u0F3A-\\u0F3D\\u0F85\\u0FD0-\\u0FD4\\u0FD9\\u0FDA\\u104A-\\u104F\\u10FB\\u1360-\\u1368\\u1400\\u166D\\u166E\\u169B\\u169C\\u16EB-\\u16ED\\u1735\\u1736\\u17D4-\\u17D6\\u17D8-\\u17DA\\u1800-\\u180A\\u1944\\u1945\\u1A1E\\u1A1F\\u1AA0-\\u1AA6\\u1AA8-\\u1AAD\\u1B5A-\\u1B60\\u1BFC-\\u1BFF\\u1C3B-\\u1C3F\\u1C7E\\u1C7F\\u1CC0-\\u1CC7\\u1CD3\\u2010-\\u2027\\u2030-\\u2043\\u2045-\\u2051\\u2053-\\u205E\\u207D\\u207E\\u208D\\u208E\\u2308-\\u230B\\u2329\\u232A\\u2768-\\u2775\\u27C5\\u27C6\\u27E6-\\u27EF\\u2983-\\u2998\\u29D8-\\u29DB\\u29FC\\u29FD\\u2CF9-\\u2CFC\\u2CFE\\u2CFF\\u2D70\\u2E00-\\u2E2E\\u2E30-\\u2E4E\\u3001-\\u3003\\u3008-\\u3011\\u3014-\\u301F\\u3030\\u303D\\u30A0\\u30FB\\uA4FE\\uA4FF\\uA60D-\\uA60F\\uA673\\uA67E\\uA6F2-\\uA6F7\\uA874-\\uA877\\uA8CE\\uA8CF\\uA8F8-\\uA8FA\\uA8FC\\uA92E\\uA92F\\uA95F\\uA9C1-\\uA9CD\\uA9DE\\uA9DF\\uAA5C-\\uAA5F\\uAADE\\uAADF\\uAAF0\\uAAF1\\uABEB\\uFD3E\\uFD3F\\uFE10-\\uFE19\\uFE30-\\uFE52\\uFE54-\\uFE61\\uFE63\\uFE68\\uFE6A\\uFE6B\\uFF01-\\uFF03\\uFF05-\\uFF0A\\uFF0C-\\uFF0F\\uFF1A\\uFF1B\\uFF1F\\uFF20\\uFF3B-\\uFF3D\\uFF3F\\uFF5B\\uFF5D\\uFF5F-\\uFF65]|\\uD800[\\uDD00-\\uDD02\\uDF9F\\uDFD0]|\\uD801\\uDD6F|\\uD802[\\uDC57\\uDD1F\\uDD3F\\uDE50-\\uDE58\\uDE7F\\uDEF0-\\uDEF6\\uDF39-\\uDF3F\\uDF99-\\uDF9C]|\\uD803[\\uDF55-\\uDF59]|\\uD804[\\uDC47-\\uDC4D\\uDCBB\\uDCBC\\uDCBE-\\uDCC1\\uDD40-\\uDD43\\uDD74\\uDD75\\uDDC5-\\uDDC8\\uDDCD\\uDDDB\\uDDDD-\\uDDDF\\uDE38-\\uDE3D\\uDEA9]|\\uD805[\\uDC4B-\\uDC4F\\uDC5B\\uDC5D\\uDCC6\\uDDC1-\\uDDD7\\uDE41-\\uDE43\\uDE60-\\uDE6C\\uDF3C-\\uDF3E]|\\uD806[\\uDC3B\\uDE3F-\\uDE46\\uDE9A-\\uDE9C\\uDE9E-\\uDEA2]|\\uD807[\\uDC41-\\uDC45\\uDC70\\uDC71\\uDEF7\\uDEF8]|\\uD809[\\uDC70-\\uDC74]|\\uD81A[\\uDE6E\\uDE6F\\uDEF5\\uDF37-\\uDF3B\\uDF44]|\\uD81B[\\uDE97-\\uDE9A]|\\uD82F\\uDC9F|\\uD836[\\uDE87-\\uDE8B]|\\uD83A[\\uDD5E\\uDD5F]/","/**\n * class Renderer\n *\n * Generates HTML from parsed token stream. Each instance has independent\n * copy of rules. Those can be rewritten with ease. Also, you can add new\n * rules if you create plugin and adds new token types.\n **/\n'use strict';\n\n\nvar assign = require('./common/utils').assign;\nvar unescapeAll = require('./common/utils').unescapeAll;\nvar escapeHtml = require('./common/utils').escapeHtml;\n\n\n////////////////////////////////////////////////////////////////////////////////\n\nvar default_rules = {};\n\n\ndefault_rules.code_inline = function (tokens, idx, options, env, slf) {\n var token = tokens[idx];\n\n return '' +\n escapeHtml(tokens[idx].content) +\n '';\n};\n\n\ndefault_rules.code_block = function (tokens, idx, options, env, slf) {\n var token = tokens[idx];\n\n return '' +\n escapeHtml(tokens[idx].content) +\n '\\n';\n};\n\n\ndefault_rules.fence = function (tokens, idx, options, env, slf) {\n var token = tokens[idx],\n info = token.info ? unescapeAll(token.info).trim() : '',\n langName = '',\n langAttrs = '',\n highlighted, i, arr, tmpAttrs, tmpToken;\n\n if (info) {\n arr = info.split(/(\\s+)/g);\n langName = arr[0];\n langAttrs = arr.slice(2).join('');\n }\n\n if (options.highlight) {\n highlighted = options.highlight(token.content, langName, langAttrs) || escapeHtml(token.content);\n } else {\n highlighted = escapeHtml(token.content);\n }\n\n if (highlighted.indexOf(''\n + highlighted\n + '\\n';\n }\n\n\n return '
'\n + highlighted\n + '
\\n';\n};\n\n\ndefault_rules.image = function (tokens, idx, options, env, slf) {\n var token = tokens[idx];\n\n // \"alt\" attr MUST be set, even if empty. Because it's mandatory and\n // should be placed on proper position for tests.\n //\n // Replace content with actual value\n\n token.attrs[token.attrIndex('alt')][1] =\n slf.renderInlineAsText(token.children, options, env);\n\n return slf.renderToken(tokens, idx, options);\n};\n\n\ndefault_rules.hardbreak = function (tokens, idx, options /*, env */) {\n return options.xhtmlOut ? ' \\n' : ' \\n';\n};\ndefault_rules.softbreak = function (tokens, idx, options /*, env */) {\n return options.breaks ? (options.xhtmlOut ? ' \\n' : ' \\n') : '\\n';\n};\n\n\ndefault_rules.text = function (tokens, idx /*, options, env */) {\n return escapeHtml(tokens[idx].content);\n};\n\n\ndefault_rules.html_block = function (tokens, idx /*, options, env */) {\n return tokens[idx].content;\n};\ndefault_rules.html_inline = function (tokens, idx /*, options, env */) {\n return tokens[idx].content;\n};\n\n\n/**\n * new Renderer()\n *\n * Creates new [[Renderer]] instance and fill [[Renderer#rules]] with defaults.\n **/\nfunction Renderer() {\n\n /**\n * Renderer#rules -> Object\n *\n * Contains render rules for tokens. Can be updated and extended.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * md.renderer.rules.strong_open = function () { return ''; };\n * md.renderer.rules.strong_close = function () { return ''; };\n *\n * var result = md.renderInline(...);\n * ```\n *\n * Each rule is called as independent static function with fixed signature:\n *\n * ```javascript\n * function my_token_render(tokens, idx, options, env, renderer) {\n * // ...\n * return renderedHTML;\n * }\n * ```\n *\n * See [source code](https://github.com/markdown-it/markdown-it/blob/master/lib/renderer.js)\n * for more details and examples.\n **/\n this.rules = assign({}, default_rules);\n}\n\n\n/**\n * Renderer.renderAttrs(token) -> String\n *\n * Render token attributes to string.\n **/\nRenderer.prototype.renderAttrs = function renderAttrs(token) {\n var i, l, result;\n\n if (!token.attrs) { return ''; }\n\n result = '';\n\n for (i = 0, l = token.attrs.length; i < l; i++) {\n result += ' ' + escapeHtml(token.attrs[i][0]) + '=\"' + escapeHtml(token.attrs[i][1]) + '\"';\n }\n\n return result;\n};\n\n\n/**\n * Renderer.renderToken(tokens, idx, options) -> String\n * - tokens (Array): list of tokens\n * - idx (Numbed): token index to render\n * - options (Object): params of parser instance\n *\n * Default token renderer. Can be overriden by custom function\n * in [[Renderer#rules]].\n **/\nRenderer.prototype.renderToken = function renderToken(tokens, idx, options) {\n var nextToken,\n result = '',\n needLf = false,\n token = tokens[idx];\n\n // Tight list paragraphs\n if (token.hidden) {\n return '';\n }\n\n // Insert a newline between hidden paragraph and subsequent opening\n // block-level tag.\n //\n // For example, here we should insert a newline before blockquote:\n // - a\n // >\n //\n if (token.block && token.nesting !== -1 && idx && tokens[idx - 1].hidden) {\n result += '\\n';\n }\n\n // Add token name, e.g. ``.\n //\n needLf = false;\n }\n }\n }\n }\n\n result += needLf ? '>\\n' : '>';\n\n return result;\n};\n\n\n/**\n * Renderer.renderInline(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to render\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * The same as [[Renderer.render]], but for single token of `inline` type.\n **/\nRenderer.prototype.renderInline = function (tokens, options, env) {\n var type,\n result = '',\n rules = this.rules;\n\n for (var i = 0, len = tokens.length; i < len; i++) {\n type = tokens[i].type;\n\n if (typeof rules[type] !== 'undefined') {\n result += rules[type](tokens, i, options, env, this);\n } else {\n result += this.renderToken(tokens, i, options);\n }\n }\n\n return result;\n};\n\n\n/** internal\n * Renderer.renderInlineAsText(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to render\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * Special kludge for image `alt` attributes to conform CommonMark spec.\n * Don't try to use it! Spec requires to show `alt` content with stripped markup,\n * instead of simple escaping.\n **/\nRenderer.prototype.renderInlineAsText = function (tokens, options, env) {\n var result = '';\n\n for (var i = 0, len = tokens.length; i < len; i++) {\n if (tokens[i].type === 'text') {\n result += tokens[i].content;\n } else if (tokens[i].type === 'image') {\n result += this.renderInlineAsText(tokens[i].children, options, env);\n } else if (tokens[i].type === 'softbreak') {\n result += '\\n';\n }\n }\n\n return result;\n};\n\n\n/**\n * Renderer.render(tokens, options, env) -> String\n * - tokens (Array): list on block tokens to render\n * - options (Object): params of parser instance\n * - env (Object): additional data from parsed input (references, for example)\n *\n * Takes token stream and generates HTML. Probably, you will never need to call\n * this method directly.\n **/\nRenderer.prototype.render = function (tokens, options, env) {\n var i, len, type,\n result = '',\n rules = this.rules;\n\n for (i = 0, len = tokens.length; i < len; i++) {\n type = tokens[i].type;\n\n if (type === 'inline') {\n result += this.renderInline(tokens[i].children, options, env);\n } else if (typeof rules[type] !== 'undefined') {\n result += rules[tokens[i].type](tokens, i, options, env, this);\n } else {\n result += this.renderToken(tokens, i, options, env);\n }\n }\n\n return result;\n};\n\nmodule.exports = Renderer;\n","// Parse link title\n//\n'use strict';\n\n\nvar unescapeAll = require('../common/utils').unescapeAll;\n\n\nmodule.exports = function parseLinkTitle(str, pos, max) {\n var code,\n marker,\n lines = 0,\n start = pos,\n result = {\n ok: false,\n pos: 0,\n lines: 0,\n str: ''\n };\n\n if (pos >= max) { return result; }\n\n marker = str.charCodeAt(pos);\n\n if (marker !== 0x22 /* \" */ && marker !== 0x27 /* ' */ && marker !== 0x28 /* ( */) { return result; }\n\n pos++;\n\n // if opening marker is \"(\", switch it to closing marker \")\"\n if (marker === 0x28) { marker = 0x29; }\n\n while (pos < max) {\n code = str.charCodeAt(pos);\n if (code === marker) {\n result.pos = pos + 1;\n result.lines = lines;\n result.str = unescapeAll(str.slice(start + 1, pos));\n result.ok = true;\n return result;\n } else if (code === 0x28 /* ( */ && marker === 0x29 /* ) */) {\n return result;\n } else if (code === 0x0A) {\n lines++;\n } else if (code === 0x5C /* \\ */ && pos + 1 < max) {\n pos++;\n if (str.charCodeAt(pos) === 0x0A) {\n lines++;\n }\n }\n\n pos++;\n }\n\n return result;\n};\n","// GFM table, https://github.github.com/gfm/#tables-extension-\n\n'use strict';\n\nvar isSpace = require('../common/utils').isSpace;\n\n\nfunction getLine(state, line) {\n var pos = state.bMarks[line] + state.tShift[line],\n max = state.eMarks[line];\n\n return state.src.substr(pos, max - pos);\n}\n\nfunction escapedSplit(str) {\n var result = [],\n pos = 0,\n max = str.length,\n ch,\n isEscaped = false,\n lastPos = 0,\n current = '';\n\n ch = str.charCodeAt(pos);\n\n while (pos < max) {\n if (ch === 0x7c/* | */) {\n if (!isEscaped) {\n // pipe separating cells, '|'\n result.push(current + str.substring(lastPos, pos));\n current = '';\n lastPos = pos + 1;\n } else {\n // escaped pipe, '\\|'\n current += str.substring(lastPos, pos - 1);\n lastPos = pos;\n }\n }\n\n isEscaped = (ch === 0x5c/* \\ */);\n pos++;\n\n ch = str.charCodeAt(pos);\n }\n\n result.push(current + str.substring(lastPos));\n\n return result;\n}\n\n\nmodule.exports = function table(state, startLine, endLine, silent) {\n var ch, lineText, pos, i, l, nextLine, columns, columnCount, token,\n aligns, t, tableLines, tbodyLines, oldParentType, terminate,\n terminatorRules, firstCh, secondCh;\n\n // should have at least two lines\n if (startLine + 2 > endLine) { return false; }\n\n nextLine = startLine + 1;\n\n if (state.sCount[nextLine] < state.blkIndent) { return false; }\n\n // if it's indented more than 3 spaces, it should be a code block\n if (state.sCount[nextLine] - state.blkIndent >= 4) { return false; }\n\n // first character of the second line should be '|', '-', ':',\n // and no other characters are allowed but spaces;\n // basically, this is the equivalent of /^[-:|][-:|\\s]*$/ regexp\n\n pos = state.bMarks[nextLine] + state.tShift[nextLine];\n if (pos >= state.eMarks[nextLine]) { return false; }\n\n firstCh = state.src.charCodeAt(pos++);\n if (firstCh !== 0x7C/* | */ && firstCh !== 0x2D/* - */ && firstCh !== 0x3A/* : */) { return false; }\n\n if (pos >= state.eMarks[nextLine]) { return false; }\n\n secondCh = state.src.charCodeAt(pos++);\n if (secondCh !== 0x7C/* | */ && secondCh !== 0x2D/* - */ && secondCh !== 0x3A/* : */ && !isSpace(secondCh)) {\n return false;\n }\n\n // if first character is '-', then second character must not be a space\n // (due to parsing ambiguity with list)\n if (firstCh === 0x2D/* - */ && isSpace(secondCh)) { return false; }\n\n while (pos < state.eMarks[nextLine]) {\n ch = state.src.charCodeAt(pos);\n\n if (ch !== 0x7C/* | */ && ch !== 0x2D/* - */ && ch !== 0x3A/* : */ && !isSpace(ch)) { return false; }\n\n pos++;\n }\n\n lineText = getLine(state, startLine + 1);\n\n columns = lineText.split('|');\n aligns = [];\n for (i = 0; i < columns.length; i++) {\n t = columns[i].trim();\n if (!t) {\n // allow empty columns before and after table, but not in between columns;\n // e.g. allow ` |---| `, disallow ` ---||--- `\n if (i === 0 || i === columns.length - 1) {\n continue;\n } else {\n return false;\n }\n }\n\n if (!/^:?-+:?$/.test(t)) { return false; }\n if (t.charCodeAt(t.length - 1) === 0x3A/* : */) {\n aligns.push(t.charCodeAt(0) === 0x3A/* : */ ? 'center' : 'right');\n } else if (t.charCodeAt(0) === 0x3A/* : */) {\n aligns.push('left');\n } else {\n aligns.push('');\n }\n }\n\n lineText = getLine(state, startLine).trim();\n if (lineText.indexOf('|') === -1) { return false; }\n if (state.sCount[startLine] - state.blkIndent >= 4) { return false; }\n columns = escapedSplit(lineText);\n if (columns.length && columns[0] === '') columns.shift();\n if (columns.length && columns[columns.length - 1] === '') columns.pop();\n\n // header row will define an amount of columns in the entire table,\n // and align row should be exactly the same (the rest of the rows can differ)\n columnCount = columns.length;\n if (columnCount === 0 || columnCount !== aligns.length) { return false; }\n\n if (silent) { return true; }\n\n oldParentType = state.parentType;\n state.parentType = 'table';\n\n // use 'blockquote' lists for termination because it's\n // the most similar to tables\n terminatorRules = state.md.block.ruler.getRules('blockquote');\n\n token = state.push('table_open', 'table', 1);\n token.map = tableLines = [ startLine, 0 ];\n\n token = state.push('thead_open', 'thead', 1);\n token.map = [ startLine, startLine + 1 ];\n\n token = state.push('tr_open', 'tr', 1);\n token.map = [ startLine, startLine + 1 ];\n\n for (i = 0; i < columns.length; i++) {\n token = state.push('th_open', 'th', 1);\n if (aligns[i]) {\n token.attrs = [ [ 'style', 'text-align:' + aligns[i] ] ];\n }\n\n token = state.push('inline', '', 0);\n token.content = columns[i].trim();\n token.children = [];\n\n token = state.push('th_close', 'th', -1);\n }\n\n token = state.push('tr_close', 'tr', -1);\n token = state.push('thead_close', 'thead', -1);\n\n for (nextLine = startLine + 2; nextLine < endLine; nextLine++) {\n if (state.sCount[nextLine] < state.blkIndent) { break; }\n\n terminate = false;\n for (i = 0, l = terminatorRules.length; i < l; i++) {\n if (terminatorRules[i](state, nextLine, endLine, true)) {\n terminate = true;\n break;\n }\n }\n\n if (terminate) { break; }\n lineText = getLine(state, nextLine).trim();\n if (!lineText) { break; }\n if (state.sCount[nextLine] - state.blkIndent >= 4) { break; }\n columns = escapedSplit(lineText);\n if (columns.length && columns[0] === '') columns.shift();\n if (columns.length && columns[columns.length - 1] === '') columns.pop();\n\n if (nextLine === startLine + 2) {\n token = state.push('tbody_open', 'tbody', 1);\n token.map = tbodyLines = [ startLine + 2, 0 ];\n }\n\n token = state.push('tr_open', 'tr', 1);\n token.map = [ nextLine, nextLine + 1 ];\n\n for (i = 0; i < columnCount; i++) {\n token = state.push('td_open', 'td', 1);\n if (aligns[i]) {\n token.attrs = [ [ 'style', 'text-align:' + aligns[i] ] ];\n }\n\n token = state.push('inline', '', 0);\n token.content = columns[i] ? columns[i].trim() : '';\n token.children = [];\n\n token = state.push('td_close', 'td', -1);\n }\n token = state.push('tr_close', 'tr', -1);\n }\n\n if (tbodyLines) {\n token = state.push('tbody_close', 'tbody', -1);\n tbodyLines[1] = nextLine;\n }\n\n token = state.push('table_close', 'table', -1);\n tableLines[1] = nextLine;\n\n state.parentType = oldParentType;\n state.line = nextLine;\n return true;\n};\n","// Parser state class\n\n'use strict';\n\nvar Token = require('../token');\nvar isSpace = require('../common/utils').isSpace;\n\n\nfunction StateBlock(src, md, env, tokens) {\n var ch, s, start, pos, len, indent, offset, indent_found;\n\n this.src = src;\n\n // link to parser instance\n this.md = md;\n\n this.env = env;\n\n //\n // Internal state vartiables\n //\n\n this.tokens = tokens;\n\n this.bMarks = []; // line begin offsets for fast jumps\n this.eMarks = []; // line end offsets for fast jumps\n this.tShift = []; // offsets of the first non-space characters (tabs not expanded)\n this.sCount = []; // indents for each line (tabs expanded)\n\n // An amount of virtual spaces (tabs expanded) between beginning\n // of each line (bMarks) and real beginning of that line.\n //\n // It exists only as a hack because blockquotes override bMarks\n // losing information in the process.\n //\n // It's used only when expanding tabs, you can think about it as\n // an initial tab length, e.g. bsCount=21 applied to string `\\t123`\n // means first tab should be expanded to 4-21%4 === 3 spaces.\n //\n this.bsCount = [];\n\n // block parser variables\n this.blkIndent = 0; // required block content indent (for example, if we are\n // inside a list, it would be positioned after list marker)\n this.line = 0; // line index in src\n this.lineMax = 0; // lines count\n this.tight = false; // loose/tight mode for lists\n this.ddIndent = -1; // indent of the current dd block (-1 if there isn't any)\n this.listIndent = -1; // indent of the current list block (-1 if there isn't any)\n\n // can be 'blockquote', 'list', 'root', 'paragraph' or 'reference'\n // used in lists to determine if they interrupt a paragraph\n this.parentType = 'root';\n\n this.level = 0;\n\n // renderer\n this.result = '';\n\n // Create caches\n // Generate markers.\n s = this.src;\n indent_found = false;\n\n for (start = pos = indent = offset = 0, len = s.length; pos < len; pos++) {\n ch = s.charCodeAt(pos);\n\n if (!indent_found) {\n if (isSpace(ch)) {\n indent++;\n\n if (ch === 0x09) {\n offset += 4 - offset % 4;\n } else {\n offset++;\n }\n continue;\n } else {\n indent_found = true;\n }\n }\n\n if (ch === 0x0A || pos === len - 1) {\n if (ch !== 0x0A) { pos++; }\n this.bMarks.push(start);\n this.eMarks.push(pos);\n this.tShift.push(indent);\n this.sCount.push(offset);\n this.bsCount.push(0);\n\n indent_found = false;\n indent = 0;\n offset = 0;\n start = pos + 1;\n }\n }\n\n // Push fake entry to simplify cache bounds checks\n this.bMarks.push(s.length);\n this.eMarks.push(s.length);\n this.tShift.push(0);\n this.sCount.push(0);\n this.bsCount.push(0);\n\n this.lineMax = this.bMarks.length - 1; // don't count last fake line\n}\n\n// Push new token to \"stream\".\n//\nStateBlock.prototype.push = function (type, tag, nesting) {\n var token = new Token(type, tag, nesting);\n token.block = true;\n\n if (nesting < 0) this.level--; // closing tag\n token.level = this.level;\n if (nesting > 0) this.level++; // opening tag\n\n this.tokens.push(token);\n return token;\n};\n\nStateBlock.prototype.isEmpty = function isEmpty(line) {\n return this.bMarks[line] + this.tShift[line] >= this.eMarks[line];\n};\n\nStateBlock.prototype.skipEmptyLines = function skipEmptyLines(from) {\n for (var max = this.lineMax; from < max; from++) {\n if (this.bMarks[from] + this.tShift[from] < this.eMarks[from]) {\n break;\n }\n }\n return from;\n};\n\n// Skip spaces from given position.\nStateBlock.prototype.skipSpaces = function skipSpaces(pos) {\n var ch;\n\n for (var max = this.src.length; pos < max; pos++) {\n ch = this.src.charCodeAt(pos);\n if (!isSpace(ch)) { break; }\n }\n return pos;\n};\n\n// Skip spaces from given position in reverse.\nStateBlock.prototype.skipSpacesBack = function skipSpacesBack(pos, min) {\n if (pos <= min) { return pos; }\n\n while (pos > min) {\n if (!isSpace(this.src.charCodeAt(--pos))) { return pos + 1; }\n }\n return pos;\n};\n\n// Skip char codes from given position\nStateBlock.prototype.skipChars = function skipChars(pos, code) {\n for (var max = this.src.length; pos < max; pos++) {\n if (this.src.charCodeAt(pos) !== code) { break; }\n }\n return pos;\n};\n\n// Skip char codes reverse from given position - 1\nStateBlock.prototype.skipCharsBack = function skipCharsBack(pos, code, min) {\n if (pos <= min) { return pos; }\n\n while (pos > min) {\n if (code !== this.src.charCodeAt(--pos)) { return pos + 1; }\n }\n return pos;\n};\n\n// cut lines range from source.\nStateBlock.prototype.getLines = function getLines(begin, end, indent, keepLastLF) {\n var i, lineIndent, ch, first, last, queue, lineStart,\n line = begin;\n\n if (begin >= end) {\n return '';\n }\n\n queue = new Array(end - begin);\n\n for (i = 0; line < end; line++, i++) {\n lineIndent = 0;\n lineStart = first = this.bMarks[line];\n\n if (line + 1 < end || keepLastLF) {\n // No need for bounds check because we have fake entry on tail.\n last = this.eMarks[line] + 1;\n } else {\n last = this.eMarks[line];\n }\n\n while (first < last && lineIndent < indent) {\n ch = this.src.charCodeAt(first);\n\n if (isSpace(ch)) {\n if (ch === 0x09) {\n lineIndent += 4 - (lineIndent + this.bsCount[line]) % 4;\n } else {\n lineIndent++;\n }\n } else if (first - lineStart < this.tShift[line]) {\n // patched tShift masked characters to look like spaces (blockquotes, list markers)\n lineIndent++;\n } else {\n break;\n }\n\n first++;\n }\n\n if (lineIndent > indent) {\n // partially expanding tabs in code blocks, e.g '\\t\\tfoobar'\n // with indent=2 becomes ' \\tfoobar'\n queue[i] = new Array(lineIndent - indent + 1).join(' ') + this.src.slice(first, last);\n } else {\n queue[i] = this.src.slice(first, last);\n }\n }\n\n return queue.join('');\n};\n\n// re-export Token class to use in block rules\nStateBlock.prototype.Token = Token;\n\n\nmodule.exports = StateBlock;\n","// For each opening emphasis-like marker find a matching closing one\n//\n'use strict';\n\n\nfunction processDelimiters(state, delimiters) {\n var closerIdx, openerIdx, closer, opener, minOpenerIdx, newMinOpenerIdx,\n isOddMatch, lastJump,\n openersBottom = {},\n max = delimiters.length;\n\n if (!max) return;\n\n // headerIdx is the first delimiter of the current (where closer is) delimiter run\n var headerIdx = 0;\n var lastTokenIdx = -2; // needs any value lower than -1\n var jumps = [];\n\n for (closerIdx = 0; closerIdx < max; closerIdx++) {\n closer = delimiters[closerIdx];\n\n jumps.push(0);\n\n // markers belong to same delimiter run if:\n // - they have adjacent tokens\n // - AND markers are the same\n //\n if (delimiters[headerIdx].marker !== closer.marker || lastTokenIdx !== closer.token - 1) {\n headerIdx = closerIdx;\n }\n\n lastTokenIdx = closer.token;\n\n // Length is only used for emphasis-specific \"rule of 3\",\n // if it's not defined (in strikethrough or 3rd party plugins),\n // we can default it to 0 to disable those checks.\n //\n closer.length = closer.length || 0;\n\n if (!closer.close) continue;\n\n // Previously calculated lower bounds (previous fails)\n // for each marker, each delimiter length modulo 3,\n // and for whether this closer can be an opener;\n // https://github.com/commonmark/cmark/commit/34250e12ccebdc6372b8b49c44fab57c72443460\n if (!openersBottom.hasOwnProperty(closer.marker)) {\n openersBottom[closer.marker] = [ -1, -1, -1, -1, -1, -1 ];\n }\n\n minOpenerIdx = openersBottom[closer.marker][(closer.open ? 3 : 0) + (closer.length % 3)];\n\n openerIdx = headerIdx - jumps[headerIdx] - 1;\n\n newMinOpenerIdx = openerIdx;\n\n for (; openerIdx > minOpenerIdx; openerIdx -= jumps[openerIdx] + 1) {\n opener = delimiters[openerIdx];\n\n if (opener.marker !== closer.marker) continue;\n\n if (opener.open && opener.end < 0) {\n\n isOddMatch = false;\n\n // from spec:\n //\n // If one of the delimiters can both open and close emphasis, then the\n // sum of the lengths of the delimiter runs containing the opening and\n // closing delimiters must not be a multiple of 3 unless both lengths\n // are multiples of 3.\n //\n if (opener.close || closer.open) {\n if ((opener.length + closer.length) % 3 === 0) {\n if (opener.length % 3 !== 0 || closer.length % 3 !== 0) {\n isOddMatch = true;\n }\n }\n }\n\n if (!isOddMatch) {\n // If previous delimiter cannot be an opener, we can safely skip\n // the entire sequence in future checks. This is required to make\n // sure algorithm has linear complexity (see *_*_*_*_*_... case).\n //\n lastJump = openerIdx > 0 && !delimiters[openerIdx - 1].open ?\n jumps[openerIdx - 1] + 1 :\n 0;\n\n jumps[closerIdx] = closerIdx - openerIdx + lastJump;\n jumps[openerIdx] = lastJump;\n\n closer.open = false;\n opener.end = closerIdx;\n opener.close = false;\n newMinOpenerIdx = -1;\n // treat next token as start of run,\n // it optimizes skips in **<...>**a**<...>** pathological case\n lastTokenIdx = -2;\n break;\n }\n }\n }\n\n if (newMinOpenerIdx !== -1) {\n // If match for this delimiter run failed, we want to set lower bound for\n // future lookups. This is required to make sure algorithm has linear\n // complexity.\n //\n // See details here:\n // https://github.com/commonmark/cmark/issues/178#issuecomment-270417442\n //\n openersBottom[closer.marker][(closer.open ? 3 : 0) + ((closer.length || 0) % 3)] = newMinOpenerIdx;\n }\n }\n}\n\n\nmodule.exports = function link_pairs(state) {\n var curr,\n tokens_meta = state.tokens_meta,\n max = state.tokens_meta.length;\n\n processDelimiters(state, state.delimiters);\n\n for (curr = 0; curr < max; curr++) {\n if (tokens_meta[curr] && tokens_meta[curr].delimiters) {\n processDelimiters(state, tokens_meta[curr].delimiters);\n }\n }\n};\n","'use strict';\n\nvar isAbsoluteURL = require('../helpers/isAbsoluteURL');\nvar combineURLs = require('../helpers/combineURLs');\n\n/**\n * Creates a new URL by combining the baseURL with the requestedURL,\n * only when the requestedURL is not already an absolute URL.\n * If the requestURL is absolute, this function returns the requestedURL untouched.\n *\n * @param {string} baseURL The base URL\n * @param {string} requestedURL Absolute or relative URL to combine\n * @returns {string} The combined full path\n */\nmodule.exports = function buildFullPath(baseURL, requestedURL) {\n if (baseURL && !isAbsoluteURL(requestedURL)) {\n return combineURLs(baseURL, requestedURL);\n }\n return requestedURL;\n};\n","'use strict';\n\nvar pkg = require('./../../package.json');\n\nvar validators = {};\n\n// eslint-disable-next-line func-names\n['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach(function(type, i) {\n validators[type] = function validator(thing) {\n return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type;\n };\n});\n\nvar deprecatedWarnings = {};\nvar currentVerArr = pkg.version.split('.');\n\n/**\n * Compare package versions\n * @param {string} version\n * @param {string?} thanVersion\n * @returns {boolean}\n */\nfunction isOlderVersion(version, thanVersion) {\n var pkgVersionArr = thanVersion ? thanVersion.split('.') : currentVerArr;\n var destVer = version.split('.');\n for (var i = 0; i < 3; i++) {\n if (pkgVersionArr[i] > destVer[i]) {\n return true;\n } else if (pkgVersionArr[i] < destVer[i]) {\n return false;\n }\n }\n return false;\n}\n\n/**\n * Transitional option validator\n * @param {function|boolean?} validator\n * @param {string?} version\n * @param {string} message\n * @returns {function}\n */\nvalidators.transitional = function transitional(validator, version, message) {\n var isDeprecated = version && isOlderVersion(version);\n\n function formatMessage(opt, desc) {\n return '[Axios v' + pkg.version + '] Transitional option \\'' + opt + '\\'' + desc + (message ? '. ' + message : '');\n }\n\n // eslint-disable-next-line func-names\n return function(value, opt, opts) {\n if (validator === false) {\n throw new Error(formatMessage(opt, ' has been removed in ' + version));\n }\n\n if (isDeprecated && !deprecatedWarnings[opt]) {\n deprecatedWarnings[opt] = true;\n // eslint-disable-next-line no-console\n console.warn(\n formatMessage(\n opt,\n ' has been deprecated since v' + version + ' and will be removed in the near future'\n )\n );\n }\n\n return validator ? validator(value, opt, opts) : true;\n };\n};\n\n/**\n * Assert object's properties type\n * @param {object} options\n * @param {object} schema\n * @param {boolean?} allowUnknown\n */\n\nfunction assertOptions(options, schema, allowUnknown) {\n if (typeof options !== 'object') {\n throw new TypeError('options must be an object');\n }\n var keys = Object.keys(options);\n var i = keys.length;\n while (i-- > 0) {\n var opt = keys[i];\n var validator = schema[opt];\n if (validator) {\n var value = options[opt];\n var result = value === undefined || validator(value, opt, options);\n if (result !== true) {\n throw new TypeError('option ' + opt + ' must be ' + result);\n }\n continue;\n }\n if (allowUnknown !== true) {\n throw Error('Unknown option ' + opt);\n }\n }\n}\n\nmodule.exports = {\n isOlderVersion: isOlderVersion,\n assertOptions: assertOptions,\n validators: validators\n};\n","// markdown-it default options\n\n'use strict';\n\n\nmodule.exports = {\n options: {\n html: false, // Enable HTML tags in source\n xhtmlOut: false, // Use '/' to close single tags ( )\n breaks: false, // Convert '\\n' in paragraphs into \n langPrefix: 'language-', // CSS language prefix for fenced blocks\n linkify: false, // autoconvert URL-like texts to links\n\n // Enable some language-neutral replacements + quotes beautification\n typographer: false,\n\n // Double + single quotes replacement pairs, when typographer enabled,\n // and smartquotes on. Could be either a String or an Array.\n //\n // For example, you can use '«»„“' for Russian, '„“‚‘' for German,\n // and ['«\\xA0', '\\xA0»', '‹\\xA0', '\\xA0›'] for French (including nbsp).\n quotes: '\\u201c\\u201d\\u2018\\u2019', /* “”‘’ */\n\n // Highlighter function. Should return escaped HTML,\n // or '' if the source string is not changed and should be escaped externaly.\n // If result starts with = 0xD800 && chr <= 0xDFFF)) {\n result += '\\ufffd\\ufffd\\ufffd';\n } else {\n result += String.fromCharCode(chr);\n }\n\n i += 6;\n continue;\n }\n }\n\n if ((b1 & 0xF8) === 0xF0 && (i + 9 < l)) {\n // 111110xx 10xxxxxx 10xxxxxx 10xxxxxx\n b2 = parseInt(seq.slice(i + 4, i + 6), 16);\n b3 = parseInt(seq.slice(i + 7, i + 9), 16);\n b4 = parseInt(seq.slice(i + 10, i + 12), 16);\n\n if ((b2 & 0xC0) === 0x80 && (b3 & 0xC0) === 0x80 && (b4 & 0xC0) === 0x80) {\n chr = ((b1 << 18) & 0x1C0000) | ((b2 << 12) & 0x3F000) | ((b3 << 6) & 0xFC0) | (b4 & 0x3F);\n\n if (chr < 0x10000 || chr > 0x10FFFF) {\n result += '\\ufffd\\ufffd\\ufffd\\ufffd';\n } else {\n chr -= 0x10000;\n result += String.fromCharCode(0xD800 + (chr >> 10), 0xDC00 + (chr & 0x3FF));\n }\n\n i += 9;\n continue;\n }\n }\n\n result += '\\ufffd';\n }\n\n return result;\n });\n}\n\n\ndecode.defaultChars = ';/?:@&=+$,#';\ndecode.componentChars = '';\n\n\nmodule.exports = decode;\n","// ~~strike through~~\n//\n'use strict';\n\n\n// Insert each marker as a separate text token, and add it to delimiter list\n//\nmodule.exports.tokenize = function strikethrough(state, silent) {\n var i, scanned, token, len, ch,\n start = state.pos,\n marker = state.src.charCodeAt(start);\n\n if (silent) { return false; }\n\n if (marker !== 0x7E/* ~ */) { return false; }\n\n scanned = state.scanDelims(state.pos, true);\n len = scanned.length;\n ch = String.fromCharCode(marker);\n\n if (len < 2) { return false; }\n\n if (len % 2) {\n token = state.push('text', '', 0);\n token.content = ch;\n len--;\n }\n\n for (i = 0; i < len; i += 2) {\n token = state.push('text', '', 0);\n token.content = ch + ch;\n\n state.delimiters.push({\n marker: marker,\n length: 0, // disable \"rule of 3\" length checks meant for emphasis\n token: state.tokens.length - 1,\n end: -1,\n open: scanned.can_open,\n close: scanned.can_close\n });\n }\n\n state.pos += scanned.length;\n\n return true;\n};\n\n\nfunction postProcess(state, delimiters) {\n var i, j,\n startDelim,\n endDelim,\n token,\n loneMarkers = [],\n max = delimiters.length;\n\n for (i = 0; i < max; i++) {\n startDelim = delimiters[i];\n\n if (startDelim.marker !== 0x7E/* ~ */) {\n continue;\n }\n\n if (startDelim.end === -1) {\n continue;\n }\n\n endDelim = delimiters[startDelim.end];\n\n token = state.tokens[startDelim.token];\n token.type = 's_open';\n token.tag = 's';\n token.nesting = 1;\n token.markup = '~~';\n token.content = '';\n\n token = state.tokens[endDelim.token];\n token.type = 's_close';\n token.tag = 's';\n token.nesting = -1;\n token.markup = '~~';\n token.content = '';\n\n if (state.tokens[endDelim.token - 1].type === 'text' &&\n state.tokens[endDelim.token - 1].content === '~') {\n\n loneMarkers.push(endDelim.token - 1);\n }\n }\n\n // If a marker sequence has an odd number of characters, it's splitted\n // like this: `~~~~~` -> `~` + `~~` + `~~`, leaving one marker at the\n // start of the sequence.\n //\n // So, we have to move all those markers after subsequent s_close tags.\n //\n while (loneMarkers.length) {\n i = loneMarkers.pop();\n j = i + 1;\n\n while (j < state.tokens.length && state.tokens[j].type === 's_close') {\n j++;\n }\n\n j--;\n\n if (i !== j) {\n token = state.tokens[j];\n state.tokens[j] = state.tokens[i];\n state.tokens[i] = token;\n }\n }\n}\n\n\n// Walk through delimiter list and replace text tokens with tags\n//\nmodule.exports.postProcess = function strikethrough(state) {\n var curr,\n tokens_meta = state.tokens_meta,\n max = state.tokens_meta.length;\n\n postProcess(state, state.delimiters);\n\n for (curr = 0; curr < max; curr++) {\n if (tokens_meta[curr] && tokens_meta[curr].delimiters) {\n postProcess(state, tokens_meta[curr].delimiters);\n }\n }\n};\n","// Process ![image]( \"title\")\n\n'use strict';\n\nvar normalizeReference = require('../common/utils').normalizeReference;\nvar isSpace = require('../common/utils').isSpace;\n\n\nmodule.exports = function image(state, silent) {\n var attrs,\n code,\n content,\n label,\n labelEnd,\n labelStart,\n pos,\n ref,\n res,\n title,\n token,\n tokens,\n start,\n href = '',\n oldPos = state.pos,\n max = state.posMax;\n\n if (state.src.charCodeAt(state.pos) !== 0x21/* ! */) { return false; }\n if (state.src.charCodeAt(state.pos + 1) !== 0x5B/* [ */) { return false; }\n\n labelStart = state.pos + 2;\n labelEnd = state.md.helpers.parseLinkLabel(state, state.pos + 1, false);\n\n // parser failed to find ']', so it's not a valid link\n if (labelEnd < 0) { return false; }\n\n pos = labelEnd + 1;\n if (pos < max && state.src.charCodeAt(pos) === 0x28/* ( */) {\n //\n // Inline link\n //\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n pos++;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n if (pos >= max) { return false; }\n\n // [link]( \"title\" )\n // ^^^^^^ parsing link destination\n start = pos;\n res = state.md.helpers.parseLinkDestination(state.src, pos, state.posMax);\n if (res.ok) {\n href = state.md.normalizeLink(res.str);\n if (state.md.validateLink(href)) {\n pos = res.pos;\n } else {\n href = '';\n }\n }\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n start = pos;\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n\n // [link]( \"title\" )\n // ^^^^^^^ parsing link title\n res = state.md.helpers.parseLinkTitle(state.src, pos, state.posMax);\n if (pos < max && start !== pos && res.ok) {\n title = res.str;\n pos = res.pos;\n\n // [link]( \"title\" )\n // ^^ skipping these spaces\n for (; pos < max; pos++) {\n code = state.src.charCodeAt(pos);\n if (!isSpace(code) && code !== 0x0A) { break; }\n }\n } else {\n title = '';\n }\n\n if (pos >= max || state.src.charCodeAt(pos) !== 0x29/* ) */) {\n state.pos = oldPos;\n return false;\n }\n pos++;\n } else {\n //\n // Link reference\n //\n if (typeof state.env.references === 'undefined') { return false; }\n\n if (pos < max && state.src.charCodeAt(pos) === 0x5B/* [ */) {\n start = pos + 1;\n pos = state.md.helpers.parseLinkLabel(state, pos);\n if (pos >= 0) {\n label = state.src.slice(start, pos++);\n } else {\n pos = labelEnd + 1;\n }\n } else {\n pos = labelEnd + 1;\n }\n\n // covers label === '' and label === undefined\n // (collapsed reference link and shortcut reference link respectively)\n if (!label) { label = state.src.slice(labelStart, labelEnd); }\n\n ref = state.env.references[normalizeReference(label)];\n if (!ref) {\n state.pos = oldPos;\n return false;\n }\n href = ref.href;\n title = ref.title;\n }\n\n //\n // We found the end of the link, and know for a fact it's a valid link;\n // so all that's left to do is to call tokenizer.\n //\n if (!silent) {\n content = state.src.slice(labelStart, labelEnd);\n\n state.md.inline.parse(\n content,\n state.md,\n state.env,\n tokens = []\n );\n\n token = state.push('image', 'img', 0);\n token.attrs = attrs = [ [ 'src', href ], [ 'alt', '' ] ];\n token.children = tokens;\n token.content = content;\n\n if (title) {\n attrs.push([ 'title', title ]);\n }\n }\n\n state.pos = pos;\n state.posMax = max;\n return true;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.parsed_md)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n