{"type":"doc","content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"panel","attrs":{"panelType":"error"},"content":[{"type":"paragraph","content":[{"text":"This is for Profound.js","type":"text"},{"text":" version 5","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"only","type":"text","marks":[{"type":"em"}]},{"text":", and is unsupported in version 6 and newer! For Profound.js version 6 and newer, please refer to the ","type":"text"},{"text":"Promises","type":"text","marks":[{"type":"link","attrs":{"href":"https://profoundlogicsupport.atlassian.net/l/cp/xsTmcp4g"}}]},{"text":" documentation page. ","type":"text"}]}]},{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"paragraph","content":[{"text":"Traditional JavaScript and Node.js API will utilize the concept of asynchronous callbacks for virtually every input/output operation. It is a common pattern for Node.js API. Whether it's reading a disk file, accessing a database table, or calling a web service, the results are not directly returned to the caller; instead, they are passed into a separate function referred to as a callback.","type":"text"}]},{"type":"paragraph","content":[{"text":"Because of ","type":"text"},{"text":"JavaScript's design, the default way to \"freeze\" a computation and have the \"rest of it\" execute later (asynchronously) is to put \"the rest of it\" inside of a callback function.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#242729"}}]}]},{"type":"paragraph","content":[{"text":"For certain types of applications, this can be quite useful and performant; however, it also creates the problem more commonly known as Callback Hell. A lot of code ends up looking like this:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"fs.readdir(source, function (err, files) {\n files.forEach(function (filename, fileIndex) {\n gm(source + filename).size(function (err, values) {\n aspect = (values.width / values.height);\n widths.forEach(function (width, widthIndex) {\n height = Math.round(width / aspect);\n this.resize(width, height).write(dest + 'w' + width + '_' + filename, function(err) {\n if (err) console.log('Error writing file: ' + err)\n })\n })\n })\n })\n})","type":"text"}]},{"type":"paragraph","content":[{"text":"Even when just a few simple API are being invoked, the pyramid shape and all the ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"})","type":"text","marks":[{"type":"code"}]},{"text":" at the end are needed because each API call returns its data into a separate anonymous callback function.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"This is generally not conducive to writing top-down transactional business applications, where everything happens in a procedural manner, one step at a time. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"Instead of:","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"fs.readdir(source, function (err, files) {\n // process files here\n});","type":"text"}]},{"type":"paragraph","content":[{"text":"The business developer prefers this:","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"files = fs.readdir(source);\n// process files here","type":"text"}]},{"type":"paragraph","content":[{"text":"Coding business applications in a top-down manner is more intuitive, especially i","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"f you come from a business application development background, and have used languages like RPG, CL, COBOL, and Java. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"To combat this problem and help eliminate Callback Hell, Profound.js integrates a component called ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"Fibers","type":"text","marks":[{"type":"strong"},{"type":"em"},{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":". Through Profound.js Fibers, you can code input/output operations in a familiar top-down manner. All Profound.js input/output API utilize Fibers internally. You can also call any traditional asynchronous Node.js API in a top-down manner through our simple to use ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"pjs.fiber.wrap()","type":"text","marks":[{"type":"link","attrs":{"href":"https://profoundlogicsupport.atlassian.net/wiki/spaces/PUI/pages/164495800"}},{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" and ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":"pjs.fiber.run()","type":"text","marks":[{"type":"link","attrs":{"href":"https://profoundlogicsupport.atlassian.net/wiki/spaces/PUI/pages/164497738"}},{"type":"textColor","attrs":{"color":"#000000"}}]},{"text":" API. ","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"paragraph","content":[{"text":"With Fibers, even though you will be coding your applications in a simple top-down manner, asynchronous calls will still happen behind the scene. This ensures that your Node.js applications continue to perform and scale well. The Node.js event loop is not blocked when Fibers is used.","type":"text","marks":[{"type":"textColor","attrs":{"color":"#000000"}}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Video Tutorial","type":"text"}]},{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"section","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"f1b17cf5-69e5-4d8a-9f1f-372d3b69f233"},"schemaVersion":{"value":"1"},"title":"Section"}}},"content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"25%

320180

","nestedContent":{"type":"doc","content":[{"type":"bodiedExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"column","parameters":{"macroParams":{"width":{"value":"25%"}},"macroMetadata":{"macroId":{"value":"91198f22-d448-440a-a85e-316a1bf2a22a"},"schemaVersion":{"value":"1"},"title":"Column"}}},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"widget","parameters":{"macroParams":{"overlay":{"value":"youtube"},"_template":{"value":"com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm"},"width":{"value":"320px"},"url":{"value":"https://www.youtube.com/watch?v=datt2wCiROI"},"height":{"value":"180px"}},"macroMetadata":{"macroId":{"value":"69c984db-c67c-49e3-aa3a-f2d1a7c02e27"},"schemaVersion":{"value":"1"},"placeholder":[{"type":"image","data":{"url":"/plugins/servlet/widgetconnector/placeholder?thumb=https://img.youtube.com/vi/datt2wCiROI/mqdefault.jpg&overlay=youtube&width=320&height=180"}}],"title":"Widget Connector"}}}},{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"widget","parameters":{"macroParams":{"overlay":{"value":"youtube"},"_template":{"value":"com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm"},"width":{"value":"320px"},"url":{"value":"https://www.youtube.com/watch?v=BqoLkuQ6zvQ"},"height":{"value":"180px"}},"macroMetadata":{"macroId":{"value":"29ee1ba0-1be5-48c5-abaf-750ab9214cc1"},"schemaVersion":{"value":"1"},"placeholder":[{"type":"image","data":{"url":"/plugins/servlet/widgetconnector/placeholder?thumb=https://img.youtube.com/vi/BqoLkuQ6zvQ/mqdefault.jpg&overlay=youtube&width=320&height=180"}}],"title":"Widget Connector"}}}}]}],"version":1},"reason":"A column macro in a rich body macro can't be created or edited in the new editor."}}},{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.migration","extensionKey":"__confluenceADFMigrationUnsupportedContentInternalExtension__","text":"","parameters":{"cxhtml":"25%

320180