{"id":106963,"date":"2025-04-30T21:28:24","date_gmt":"2025-04-30T16:58:24","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/"},"modified":"2025-04-30T21:28:24","modified_gmt":"2025-04-30T16:58:24","slug":"master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/","title":{"rendered":"Master JavaScript Tracking: 7 \u062a\u06a9\u0646\u06cc\u06a9 \u0627\u0633\u0627\u0633\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f"},"content":{"rendered":"<div data-article-id=\"2449377\" id=\"article-body\">\n<blockquote>\n<p>\u0645\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u067e\u0631\u0641\u0631\u0648\u0634 \u060c \u0634\u0645\u0627 \u0631\u0627 \u062f\u0639\u0648\u062a \u0645\u06cc \u06a9\u0646\u0645 \u062a\u0627 \u06a9\u062a\u0627\u0628\u0647\u0627\u06cc \u0645\u0646 \u0631\u0627 \u062f\u0631 \u0622\u0645\u0627\u0632\u0648\u0646 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f. \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u0631\u0627 \u062f\u0631 \u0645\u062a\u0648\u0633\u0637 \u200b\u200b\u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062e\u0648\u062f \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f. \u0645\u0645\u0646\u0648\u0646 \u062d\u0645\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u062c\u0647\u0627\u0646 \u0627\u0633\u062a! <\/p>\n<\/blockquote>\n<p>\u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc JavaScript \u0641\u0642\u0637 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627\u0647\u0627 \u0646\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u062f\u0631\u06a9 \u0622\u0646\u0647\u0627 \u060c \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0622\u0646\u0647\u0627 \u0648 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0622\u0646\u0647\u0627 \u0627\u0633\u062a. \u0645\u0646 \u0633\u0627\u0644\u0647\u0627 \u062f\u0631 \u0633\u0627\u062e\u062a \u0633\u06cc\u0633\u062a\u0645 \u0647\u0627\u06cc \u0646\u0638\u0627\u0631\u062a \u0628\u0631 \u062e\u0637\u0627 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0635\u0631\u0641 \u06a9\u0631\u062f\u0647 \u0627\u0645 \u0648 \u0641\u0647\u0645\u06cc\u062f\u0645 \u06a9\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627\u06cc \u0645\u0646\u0627\u0633\u0628 \u0627\u063a\u0644\u0628 \u062a\u0641\u0627\u0648\u062a \u0628\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0631\u0634\u062f \u0645\u06cc \u06a9\u0646\u0646\u062f \u0648 \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u062f\u0627\u0626\u0645\u0627\u064b \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u0646\u0627\u0627\u0645\u06cc\u062f \u0645\u06cc \u06a9\u0646\u062f \u060c \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc \u0645\u0624\u062b\u0631 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0633\u06cc\u0633\u062a\u0645\u0627\u062a\u06cc\u06a9 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0628\u0644\u0648\u06a9 \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u062a\u0644\u0627\u0634 \u0627\u0633\u062a. \u0628\u0627\u06cc\u062f \u0632\u0645\u06cc\u0646\u0647 \u0631\u0627 \u0636\u0628\u0637 \u06a9\u0646\u062f \u060c \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0645\u0647\u0645 \u0631\u0627 \u062f\u0631 \u0627\u0648\u0644\u0648\u06cc\u062a \u0642\u0631\u0627\u0631 \u062f\u0647\u062f \u0648 \u0628\u06cc\u0646\u0634 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u0645\u0646 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a\u0646 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc JavaScript \u0642\u0648\u06cc \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%AE%D8%B7%D8%A7%DB%8C_%D9%85%D8%AA%D9%86%DB%8C_%D8%B6%D8%A8%D8%B7\" >\u062e\u0637\u0627\u06cc \u0645\u062a\u0646\u06cc \u0636\u0628\u0637<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA_%D8%B1%D8%AF%DB%8C%D8%A7%D8%A8%DB%8C_%D9%BE%D8%B4%D8%AA%D9%87\" >\u067e\u06cc\u0634\u0631\u0641\u062a \u0631\u062f\u06cc\u0627\u0628\u06cc \u067e\u0634\u062a\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%B7%D8%A8%D9%82%D9%87_%D8%A8%D9%86%D8%AF%DB%8C_%D8%AE%D8%B7%D8%A7\" >\u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u062e\u0637\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%AE%D8%B7%D8%A7\" >\u062e\u0637\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%AE%D8%B7%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C\" >\u0627\u0646\u0648\u0627\u0639 \u062e\u0637\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%B1%D8%AF%DB%8C%D8%A7%D8%A8%DB%8C_%D8%AA%D8%A3%D8%AB%DB%8C%D8%B1_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1\" >\u0631\u062f\u06cc\u0627\u0628\u06cc \u062a\u0623\u062b\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D9%85%DA%A9%D8%A7%D9%86%DB%8C%D8%B3%D9%85_%D9%87%D8%A7%DB%8C_%D8%A8%D9%87%D8%A8%D9%88%D8%AF%DB%8C_%D8%AE%D9%88%D8%AF\" >\u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\u06cc \u062e\u0648\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D9%82%D8%B1%D8%A7%D8%B1_%D8%AF%D8%A7%D8%AF%D9%86_%D9%87%D9%85%D9%87_%D8%A7%DB%8C%D9%86%D9%87%D8%A7\" >\u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%A7%D9%81%DA%A9%D8%A7%D8%B1_%D9%86%D9%87%D8%A7%DB%8C%DB%8C\" >\u0627\u0641\u06a9\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#101_%DA%A9%D8%AA%D8%A7%D8%A8\" >101 \u06a9\u062a\u0627\u0628<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D8%AE%D9%84%D8%A7%D9%82%DB%8C%D8%AA_%D9%87%D8%A7%DB%8C_%D9%85%D8%A7\" >\u062e\u0644\u0627\u0642\u06cc\u062a \u0647\u0627\u06cc \u0645\u0627<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/master-javascript-error-tracking-7-essential-techniques-for-reliable-applications-gbj\/#%D9%85%D8%A7_%D8%AF%D8%B1_%D9%85%D8%AA%D9%88%D8%B3%D8%B7_%E2%80%8B%E2%80%8B%D9%87%D8%B3%D8%AA%DB%8C%D9%85\" >\u0645\u0627 \u062f\u0631 \u0645\u062a\u0648\u0633\u0637 \u200b\u200b\u0647\u0633\u062a\u06cc\u0645<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AE%D8%B7%D8%A7%DB%8C_%D9%85%D8%AA%D9%86%DB%8C_%D8%B6%D8%A8%D8%B7\"><\/span>\n<p>  \u062e\u0637\u0627\u06cc \u0645\u062a\u0646\u06cc \u0636\u0628\u0637<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0631\u0632\u0634 \u062a\u0631\u06cc\u0646 \u06af\u0632\u0627\u0631\u0634 \u0647\u0627\u06cc \u062e\u0637\u0627 \u0634\u0627\u0645\u0644 \u0632\u0645\u06cc\u0646\u0647 \u062f\u0631 \u0645\u0648\u0631\u062f \u0622\u0646\u0686\u0647 \u0627\u062a\u0641\u0627\u0642 \u0645\u06cc \u0627\u0641\u062a\u062f \u0647\u0646\u06af\u0627\u0645 \u062e\u0637\u0627 \u0631\u062e \u062f\u0627\u062f\u0647 \u0627\u0633\u062a. \u0628\u062f\u0648\u0646 \u0632\u0645\u06cc\u0646\u0647 \u060c \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0628\u0647 \u06cc\u06a9 \u0628\u0627\u0632\u06cc \u062d\u062f\u0633 \u0645\u06cc \u0632\u0646\u062f.<\/p>\n<p>\u0645\u0646 \u0647\u0645\u06cc\u0634\u0647 \u06cc\u06a9 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u0646\u062f\u0647 \u062e\u0637\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u0644\u06cc\u0646 \u062e\u0637 \u062f\u0641\u0627\u0639 \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">error<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"kd\">function<\/span><span class=\"p\">(<\/span><span class=\"nx\">event<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">message<\/span><span class=\"p\">,<\/span> <span class=\"nx\">filename<\/span><span class=\"p\">,<\/span> <span class=\"nx\">lineno<\/span><span class=\"p\">,<\/span> <span class=\"nx\">colno<\/span><span class=\"p\">,<\/span> <span class=\"nx\">error<\/span> <span class=\"p\">}<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">event<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"c1\">\/\/ Collect environmental context<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">context<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">location<\/span><span class=\"p\">.<\/span><span class=\"nx\">href<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">userAgent<\/span><span class=\"p\">:<\/span> <span class=\"nb\">navigator<\/span><span class=\"p\">.<\/span><span class=\"nx\">userAgent<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Date<\/span><span class=\"p\">().<\/span><span class=\"nf\">toISOString<\/span><span class=\"p\">(),<\/span>\n    <span class=\"na\">viewportWidth<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerWidth<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">viewportHeight<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">innerHeight<\/span><span class=\"p\">,<\/span>\n    <span class=\"c1\">\/\/ Add application-specific state here<\/span>\n  <span class=\"p\">};<\/span>\n\n  <span class=\"c1\">\/\/ Send to tracking system<\/span>\n  <span class=\"nf\">reportError<\/span><span class=\"p\">({<\/span>\n    <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">runtime<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">message<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">?.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">lineNumber<\/span><span class=\"p\">:<\/span> <span class=\"nx\">lineno<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">columnNumber<\/span><span class=\"p\">:<\/span> <span class=\"nx\">colno<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">fileName<\/span><span class=\"p\">:<\/span> <span class=\"nx\">filename<\/span><span class=\"p\">,<\/span>\n    <span class=\"nx\">context<\/span>\n  <span class=\"p\">});<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0631\u062f \u0648\u0639\u062f\u0647 \u060c \u06a9\u0647 \u062a\u0648\u0633\u0637 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u0646\u062f\u0647 \u062e\u0637\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06af\u0631\u0641\u062a\u0627\u0631 \u0646\u0645\u06cc \u0634\u0648\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">unhandledrejection<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"kd\">function<\/span><span class=\"p\">(<\/span><span class=\"nx\">event<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">reportError<\/span><span class=\"p\">({<\/span>\n    <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">promise<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">message<\/span><span class=\"p\">:<\/span> <span class=\"nx\">event<\/span><span class=\"p\">.<\/span><span class=\"nx\">reason<\/span><span class=\"p\">?.<\/span><span class=\"nx\">message<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Unhandled Promise Rejection<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">event<\/span><span class=\"p\">.<\/span><span class=\"nx\">reason<\/span><span class=\"p\">?.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">context<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n      <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">location<\/span><span class=\"p\">.<\/span><span class=\"nx\">href<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Date<\/span><span class=\"p\">().<\/span><span class=\"nf\">toISOString<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">});<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc React \u060c \u0645\u0646 \u0645\u0631\u0632\u0647\u0627\u06cc \u062e\u0637\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06af\u0631\u0641\u062a\u0646 \u062e\u0637\u0627\u0647\u0627\u06cc \u0645\u0624\u0644\u0641\u0647 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">ErrorBoundary<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">React<\/span><span class=\"p\">.<\/span><span class=\"nx\">Component<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">props<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">super<\/span><span class=\"p\">(<\/span><span class=\"nx\">props<\/span><span class=\"p\">);<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">state<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span> <span class=\"na\">hasError<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">};<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"kd\">static<\/span> <span class=\"nf\">getDerivedStateFromError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"p\">{<\/span> <span class=\"na\">hasError<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span> <span class=\"p\">};<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">componentDidCatch<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span> <span class=\"nx\">info<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nf\">reportError<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">react<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">message<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">componentStack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">info<\/span><span class=\"p\">.<\/span><span class=\"nx\">componentStack<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">componentName<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"kd\">constructor<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">props<\/span><span class=\"p\">:<\/span> <span class=\"nx\">JSON<\/span><span class=\"p\">.<\/span><span class=\"nf\">stringify<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">props<\/span><span class=\"p\">)<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">render<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">state<\/span><span class=\"p\">.<\/span><span class=\"nx\">hasError<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">props<\/span><span class=\"p\">.<\/span><span class=\"nx\">fallback<\/span> <span class=\"o\">||<\/span> <span class=\"o\">&lt;<\/span><span class=\"nx\">h2<\/span><span class=\"o\">&gt;<\/span><span class=\"nx\">Something<\/span> <span class=\"nx\">went<\/span> <span class=\"nx\">wrong<\/span><span class=\"p\">.<\/span><span class=\"o\">&lt;<\/span><span class=\"sr\">\/h2&gt;<\/span><span class=\"err\">;\n<\/span>    <span class=\"p\">}<\/span>\n    <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">props<\/span><span class=\"p\">.<\/span><span class=\"nx\">children<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA_%D8%B1%D8%AF%DB%8C%D8%A7%D8%A8%DB%8C_%D9%BE%D8%B4%D8%AA%D9%87\"><\/span>\n<p>  \u067e\u06cc\u0634\u0631\u0641\u062a \u0631\u062f\u06cc\u0627\u0628\u06cc \u067e\u0634\u062a\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u062b\u0627\u0631 \u067e\u0634\u062a\u0647 Raw JavaScript \u060c \u0628\u0647 \u0648\u06cc\u0698\u0647 \u0627\u0632 \u06a9\u062f Minified \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0631\u0645\u0632\u0646\u06af\u0627\u0631\u06cc \u0634\u0648\u062f. \u0646\u0642\u0634\u0647 \u0647\u0627\u06cc \u0645\u0646\u0628\u0639 \u0628\u0631\u0627\u06cc \u062a\u0631\u062c\u0645\u0647 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u0628\u0647 \u06a9\u062f \u0642\u0627\u0628\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">enhanceStackTrace<\/span><span class=\"p\">(<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span> <span class=\"nx\">sourceMapUrl<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">stack<\/span><span class=\"p\">)<\/span> <span class=\"k\">return<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">sourceMapConsumer<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">SourceMapConsumer<\/span><span class=\"p\">(<\/span><span class=\"nx\">sourceMapUrl<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">lines<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">split<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"se\">\\n<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">enhancedLines<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">lines<\/span><span class=\"p\">.<\/span><span class=\"nf\">map<\/span><span class=\"p\">(<\/span><span class=\"nx\">line<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">match<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">line<\/span><span class=\"p\">.<\/span><span class=\"nf\">match<\/span><span class=\"p\">(<\/span><span class=\"sr\">\/at<\/span><span class=\"se\">\\s<\/span><span class=\"sr\">+<\/span><span class=\"se\">(<\/span><span class=\"sr\">.+<\/span><span class=\"se\">)\\s<\/span><span class=\"sr\">+<\/span><span class=\"se\">\\((<\/span><span class=\"sr\">.+<\/span><span class=\"se\">)<\/span><span class=\"sr\">:<\/span><span class=\"se\">(\\d<\/span><span class=\"sr\">+<\/span><span class=\"se\">)<\/span><span class=\"sr\">:<\/span><span class=\"se\">(\\d<\/span><span class=\"sr\">+<\/span><span class=\"se\">)\\)<\/span><span class=\"sr\">\/<\/span><span class=\"p\">);<\/span>\n      <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">match<\/span><span class=\"p\">)<\/span> <span class=\"k\">return<\/span> <span class=\"nx\">line<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"kd\">const<\/span> <span class=\"p\">[<\/span><span class=\"nx\">_<\/span><span class=\"p\">,<\/span> <span class=\"nx\">functionName<\/span><span class=\"p\">,<\/span> <span class=\"nx\">file<\/span><span class=\"p\">,<\/span> <span class=\"nx\">lineNumber<\/span><span class=\"p\">,<\/span> <span class=\"nx\">columnNumber<\/span><span class=\"p\">]<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">match<\/span><span class=\"p\">;<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">position<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">sourceMapConsumer<\/span><span class=\"p\">.<\/span><span class=\"nf\">originalPositionFor<\/span><span class=\"p\">({<\/span>\n        <span class=\"na\">line<\/span><span class=\"p\">:<\/span> <span class=\"nf\">parseInt<\/span><span class=\"p\">(<\/span><span class=\"nx\">lineNumber<\/span><span class=\"p\">,<\/span> <span class=\"mi\">10<\/span><span class=\"p\">),<\/span>\n        <span class=\"na\">column<\/span><span class=\"p\">:<\/span> <span class=\"nf\">parseInt<\/span><span class=\"p\">(<\/span><span class=\"nx\">columnNumber<\/span><span class=\"p\">,<\/span> <span class=\"mi\">10<\/span><span class=\"p\">)<\/span>\n      <span class=\"p\">});<\/span>\n\n      <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">position<\/span><span class=\"p\">.<\/span><span class=\"nx\">source<\/span><span class=\"p\">)<\/span> <span class=\"k\">return<\/span> <span class=\"nx\">line<\/span><span class=\"p\">;<\/span>\n\n      <span class=\"k\">return<\/span> <span class=\"s2\">`at <\/span><span class=\"p\">${<\/span><span class=\"nx\">functionName<\/span><span class=\"p\">}<\/span><span class=\"s2\"> (<\/span><span class=\"p\">${<\/span><span class=\"nx\">position<\/span><span class=\"p\">.<\/span><span class=\"nx\">source<\/span><span class=\"p\">}<\/span><span class=\"s2\">:<\/span><span class=\"p\">${<\/span><span class=\"nx\">position<\/span><span class=\"p\">.<\/span><span class=\"nx\">line<\/span><span class=\"p\">}<\/span><span class=\"s2\">:<\/span><span class=\"p\">${<\/span><span class=\"nx\">position<\/span><span class=\"p\">.<\/span><span class=\"nx\">column<\/span><span class=\"p\">}<\/span><span class=\"s2\">)`<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">});<\/span>\n\n    <span class=\"nx\">sourceMapConsumer<\/span><span class=\"p\">.<\/span><span class=\"nf\">destroy<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">return<\/span> <span class=\"nx\">enhancedLines<\/span><span class=\"p\">.<\/span><span class=\"nf\">join<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"se\">\\n<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">err<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">warn<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Failed to enhance stack trace:<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">err<\/span><span class=\"p\">);<\/span>\n    <span class=\"k\">return<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0641\u0647\u0645\u06cc\u062f\u0645 \u06a9\u0647 \u062d\u0641\u0638 \u0646\u0642\u0634\u0647 \u0647\u0627\u06cc \u0645\u0646\u0628\u0639 \u0628\u0647 \u0637\u0648\u0631 \u0627\u06cc\u0645\u0646 \u0628\u0631 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631 \u0634\u0645\u0627 \u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u0622\u0646\u0647\u0627 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u06af\u0632\u0627\u0631\u0634 \u062e\u0637\u0627 \u060c \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u0639\u0627\u062f\u0644 \u0628\u06cc\u0646 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0648 \u0645\u062d\u0627\u0641\u0638\u062a \u0627\u0632 \u06a9\u062f \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B7%D8%A8%D9%82%D9%87_%D8%A8%D9%86%D8%AF%DB%8C_%D8%AE%D8%B7%D8%A7\"><\/span>\n<p>  \u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u062e\u0637\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0647\u0645\u0647 \u062e\u0637\u0627\u0647\u0627 \u0628\u0631\u0627\u0628\u0631 \u0646\u06cc\u0633\u062a\u0646\u062f. \u0628\u0631\u062e\u06cc \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0633\u0627\u0626\u0644 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0634\u0628\u06a9\u0647 \u06af\u0630\u0631\u0627 \u0628\u0627\u0634\u0646\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0631\u062e\u06cc \u062f\u06cc\u06af\u0631 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0634\u06a9\u0627\u0644\u0627\u062a \u0645\u0647\u0645\u06cc \u0628\u0631 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0635\u0644\u06cc \u0628\u0627\u0634\u0646\u062f.<\/p>\n<p>\u0645\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u062a\u0637\u0628\u06cc\u0642 \u0627\u0644\u06af\u0648\u06cc \u0648 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0634\u062f\u062a \u060c \u062e\u0637\u0627\u0647\u0627 \u0631\u0627 \u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">categorizeError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"c1\">\/\/ Define error patterns<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">patterns<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n    <span class=\"p\">{<\/span> \n      <span class=\"na\">regex<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/network|failed to fetch|cors|timeout\/i<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">network<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">warning<\/span><span class=\"dl\">'<\/span>\n    <span class=\"p\">},<\/span>\n    <span class=\"p\">{<\/span> \n      <span class=\"na\">regex<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/undefined is not a function|cannot read property\/i<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">type<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">error<\/span><span class=\"dl\">'<\/span>\n    <span class=\"p\">},<\/span>\n    <span class=\"p\">{<\/span> \n      <span class=\"na\">regex<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/syntax error|unexpected token\/i<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">syntax<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">critical<\/span><span class=\"dl\">'<\/span>\n    <span class=\"p\">},<\/span>\n    <span class=\"p\">{<\/span> \n      <span class=\"na\">regex<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/out of memory|stack size exceeded\/i<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">memory<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> \n      <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">critical<\/span><span class=\"dl\">'<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">];<\/span>\n\n  <span class=\"kd\">const<\/span> <span class=\"nx\">message<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">stack<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">stack<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">content<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">message<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> <\/span><span class=\"dl\">'<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"c1\">\/\/ Find matching pattern<\/span>\n  <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">pattern<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">patterns<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">pattern<\/span><span class=\"p\">.<\/span><span class=\"nx\">regex<\/span><span class=\"p\">.<\/span><span class=\"nf\">test<\/span><span class=\"p\">(<\/span><span class=\"nx\">content<\/span><span class=\"p\">))<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n        <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"nx\">pattern<\/span><span class=\"p\">.<\/span><span class=\"nx\">category<\/span><span class=\"p\">,<\/span>\n        <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"nx\">pattern<\/span><span class=\"p\">.<\/span><span class=\"nx\">severity<\/span>\n      <span class=\"p\">};<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"c1\">\/\/ Default categorization<\/span>\n  <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">category<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">unknown<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n    <span class=\"na\">severity<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">error<\/span><span class=\"dl\">'<\/span>\n  <span class=\"p\">};<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u06af\u0631\u0648\u0647 \u0628\u0646\u062f\u06cc \u062e\u0637\u0627\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u0628\u0627\u0639\u062b \u06a9\u0627\u0647\u0634 \u0646\u0648\u06cc\u0632 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u062a\u0645\u0631\u06a9\u0632 \u0631\u0648\u06cc \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0645\u062a\u0645\u0627\u06cc\u0632 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0646 \u0627\u0632 \u06cc\u06a9 \u062a\u06a9\u0646\u06cc\u06a9 \u0627\u062b\u0631 \u0627\u0646\u06af\u0634\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">function<\/span> <span class=\"nf\">getErrorFingerprint<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">message<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">stack<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">stack<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"c1\">\/\/ Extract the first line from the stack trace (most specific to the error location)<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">stackLine<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">stack<\/span><span class=\"p\">.<\/span><span class=\"nf\">split<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"se\">\\n<\/span><span class=\"dl\">'<\/span><span class=\"p\">)[<\/span><span class=\"mi\">1<\/span><span class=\"p\">]<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">''<\/span><span class=\"p\">;<\/span>\n\n  <span class=\"c1\">\/\/ Remove variable values from the message and line numbers that might change<\/span>\n  <span class=\"kd\">const<\/span> <span class=\"nx\">normalizedMessage<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">message<\/span><span class=\"p\">.<\/span><span class=\"nf\">replace<\/span><span class=\"p\">(<\/span><span class=\"sr\">\/<\/span><span class=\"se\">([<\/span><span class=\"sr\">'\"<\/span><span class=\"se\">])<\/span><span class=\"sr\">.*<\/span><span class=\"se\">?\\1<\/span><span class=\"sr\">\/g<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">$1...$1<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n                                    <span class=\"p\">.<\/span><span class=\"nf\">replace<\/span><span class=\"p\">(<\/span><span class=\"sr\">\/<\/span><span class=\"se\">\\d<\/span><span class=\"sr\">+\/g<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">N<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n\n  <span class=\"c1\">\/\/ Create a stable identifier<\/span>\n  <span class=\"k\">return<\/span> <span class=\"nf\">md5<\/span><span class=\"p\">(<\/span><span class=\"nx\">normalizedMessage<\/span> <span class=\"o\">+<\/span> <span class=\"dl\">'<\/span><span class=\"s1\"> at <\/span><span class=\"dl\">'<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">stackLine<\/span><span class=\"p\">.<\/span><span class=\"nf\">trim<\/span><span class=\"p\">());<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AE%D8%B7%D8%A7\"><\/span>\n<p>  \u062e\u0637\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0633\u06cc\u0644 \u062e\u0637\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0633\u06cc\u0633\u062a\u0645 \u0631\u062f\u06cc\u0627\u0628\u06cc \u0634\u0645\u0627 \u0631\u0627 \u062a\u062d\u062a \u0627\u0644\u0634\u0639\u0627\u0639 \u0642\u0631\u0627\u0631 \u062f\u0647\u062f. \u0645\u0646 \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0646\u0631\u062e \u0631\u0627 \u0628\u0627 \u067e\u0634\u062a\u0648\u0627\u0646\u0647 \u0646\u0645\u0627\u06cc\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0645\u06cc \u06a9\u0646\u0645:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">ErrorThrottler<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorCounts<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Map<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">lastReported<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Map<\/span><span class=\"p\">();<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">shouldReport<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">now<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">count<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorCounts<\/span><span class=\"p\">.<\/span><span class=\"nf\">get<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">)<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"o\">+<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorCounts<\/span><span class=\"p\">.<\/span><span class=\"nf\">set<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">,<\/span> <span class=\"nx\">count<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">lastTime<\/span> <span class=\"o\">=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">lastReported<\/span><span class=\"p\">.<\/span><span class=\"nf\">get<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">)<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">0<\/span><span class=\"p\">;<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">timeSinceLast<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">now<\/span> <span class=\"o\">-<\/span> <span class=\"nx\">lastTime<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"c1\">\/\/ Calculate backoff time: 5 seconds \u00d7 2^(count-1), maxed at 2 hours<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">backoffTime<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">min<\/span><span class=\"p\">(<\/span><span class=\"mi\">5000<\/span> <span class=\"o\">*<\/span> <span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">pow<\/span><span class=\"p\">(<\/span><span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"nx\">count<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">),<\/span> <span class=\"mi\">7200000<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">timeSinceLast<\/span> <span class=\"o\">&lt;<\/span> <span class=\"nx\">backoffTime<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">return<\/span> <span class=\"kc\">false<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">lastReported<\/span><span class=\"p\">.<\/span><span class=\"nf\">set<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">,<\/span> <span class=\"nx\">now<\/span><span class=\"p\">);<\/span>\n    <span class=\"k\">return<\/span> <span class=\"kc\">true<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">reset<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorCounts<\/span><span class=\"p\">.<\/span><span class=\"k\">delete<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">);<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">lastReported<\/span><span class=\"p\">.<\/span><span class=\"k\">delete<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0645\u0633\u0627\u0626\u0644 \u0645\u0647\u0645 \u0628\u062f\u0648\u0646 \u0633\u06cc\u0644 \u0633\u06cc\u0633\u062a\u0645 \u0634\u0645\u0627 \u0642\u0627\u0628\u0644 \u0645\u0634\u0627\u0647\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%AE%D8%B7%D8%A7%DB%8C_%D8%B3%D9%81%D8%A7%D8%B1%D8%B4%DB%8C\"><\/span>\n<p>  \u0627\u0646\u0648\u0627\u0639 \u062e\u0637\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u062c\u0627\u062f \u06a9\u0644\u0627\u0633\u0647\u0627\u06cc \u062e\u0637\u0627\u06cc \u062e\u0627\u0635 \u062f\u0627\u0645\u0646\u0647 \u060c \u062f\u0642\u062a \u062f\u0631 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">ApiError<\/span> <span class=\"kd\">extends<\/span> <span class=\"nc\">Error<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">message<\/span><span class=\"p\">,<\/span> <span class=\"nx\">statusCode<\/span><span class=\"p\">,<\/span> <span class=\"nx\">endpoint<\/span><span class=\"p\">,<\/span> <span class=\"nx\">requestData<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">super<\/span><span class=\"p\">(<\/span><span class=\"nx\">message<\/span><span class=\"p\">);<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">=<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">ApiError<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">statusCode<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">statusCode<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">endpoint<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">requestData<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">requestData<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Date<\/span><span class=\"p\">().<\/span><span class=\"nf\">toISOString<\/span><span class=\"p\">();<\/span>\n\n    <span class=\"c1\">\/\/ Capture stack trace, excluding constructor call<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nb\">Error<\/span><span class=\"p\">.<\/span><span class=\"nx\">captureStackTrace<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nb\">Error<\/span><span class=\"p\">.<\/span><span class=\"nf\">captureStackTrace<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">,<\/span> <span class=\"nx\">ApiError<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">toJSON<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n      <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">message<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">statusCode<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">statusCode<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">endpoint<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">timestamp<\/span>\n    <span class=\"p\">};<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage example<\/span>\n<span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">fetchUserData<\/span><span class=\"p\">(<\/span><span class=\"nx\">userId<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">response<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">ok<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">throw<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">ApiError<\/span><span class=\"p\">(<\/span>\n        <span class=\"s2\">`Failed to fetch user data: <\/span><span class=\"p\">${<\/span><span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">statusText<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span>\n        <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">status<\/span><span class=\"p\">,<\/span>\n        <span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span>\n        <span class=\"p\">{<\/span> <span class=\"nx\">userId<\/span> <span class=\"p\">}<\/span>\n      <span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"k\">return<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nf\">json<\/span><span class=\"p\">();<\/span>\n  <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span> <span class=\"k\">instanceof<\/span> <span class=\"nx\">ApiError<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"c1\">\/\/ Handle API-specific error<\/span>\n      <span class=\"nx\">errorTracker<\/span><span class=\"p\">.<\/span><span class=\"nf\">trackError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n      <span class=\"k\">return<\/span> <span class=\"kc\">null<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"c1\">\/\/ Handle other errors (network, parsing, etc.)<\/span>\n    <span class=\"nx\">errorTracker<\/span><span class=\"p\">.<\/span><span class=\"nf\">trackError<\/span><span class=\"p\">(<\/span><span class=\"k\">new<\/span> <span class=\"nc\">ApiError<\/span><span class=\"p\">(<\/span>\n      <span class=\"dl\">'<\/span><span class=\"s1\">Network or parsing error<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"mi\">0<\/span><span class=\"p\">,<\/span>\n      <span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span>\n      <span class=\"p\">{<\/span> <span class=\"nx\">userId<\/span><span class=\"p\">,<\/span> <span class=\"na\">originalError<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span> <span class=\"p\">}<\/span>\n    <span class=\"p\">));<\/span>\n    <span class=\"k\">return<\/span> <span class=\"kc\">null<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062e\u0637\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u0622\u0646 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0627\u0633\u062a.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B1%D8%AF%DB%8C%D8%A7%D8%A8%DB%8C_%D8%AA%D8%A3%D8%AB%DB%8C%D8%B1_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1\"><\/span>\n<p>  \u0631\u062f\u06cc\u0627\u0628\u06cc \u062a\u0623\u062b\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u062a\u0635\u0627\u0644 \u062e\u0637\u0627\u0647\u0627 \u0628\u0647 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc \u0628\u0647 \u0627\u0648\u0644\u0648\u06cc\u062a \u0628\u0646\u062f\u06cc \u0631\u0641\u0639 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">UserImpactTracker<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sessionId<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">generateUniqueId<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Map<\/span><span class=\"p\">();<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">recordStep<\/span><span class=\"p\">(<\/span><span class=\"nx\">stepName<\/span><span class=\"p\">,<\/span> <span class=\"nx\">metadata<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{})<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">step<\/span><span class=\"p\">:<\/span> <span class=\"nx\">stepName<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">(),<\/span>\n      <span class=\"nx\">metadata<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">recordError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span> <span class=\"nx\">stepName<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">errorFingerprint<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">getErrorFingerprint<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span><span class=\"p\">.<\/span><span class=\"nf\">has<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">))<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span><span class=\"p\">.<\/span><span class=\"nf\">set<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">,<\/span> <span class=\"p\">[]);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span><span class=\"p\">.<\/span><span class=\"nf\">get<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorFingerprint<\/span><span class=\"p\">).<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">(),<\/span>\n      <span class=\"na\">step<\/span><span class=\"p\">:<\/span> <span class=\"nx\">stepName<\/span> <span class=\"o\">||<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">getCurrentStep<\/span><span class=\"p\">(),<\/span>\n      <span class=\"na\">errorMessage<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n    <span class=\"p\">});<\/span>\n\n    <span class=\"c1\">\/\/ Associate error with user journey<\/span>\n    <span class=\"nf\">reportError<\/span><span class=\"p\">({<\/span>\n      <span class=\"p\">...<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">sessionId<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sessionId<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">currentStep<\/span><span class=\"p\">:<\/span> <span class=\"nx\">stepName<\/span> <span class=\"o\">||<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">getCurrentStep<\/span><span class=\"p\">(),<\/span>\n      <span class=\"na\">journeyLength<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">getCurrentStep<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">===<\/span> <span class=\"mi\">0<\/span><span class=\"p\">)<\/span> <span class=\"k\">return<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">app_start<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">[<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">].<\/span><span class=\"nx\">step<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">getJourneyAnalytics<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n      <span class=\"na\">sessionId<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sessionId<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">steps<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">completedJourney<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">hasCompletedJourney<\/span><span class=\"p\">(),<\/span>\n      <span class=\"na\">errorCount<\/span><span class=\"p\">:<\/span> <span class=\"nb\">Array<\/span><span class=\"p\">.<\/span><span class=\"k\">from<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span><span class=\"p\">.<\/span><span class=\"nf\">values<\/span><span class=\"p\">())<\/span>\n        <span class=\"p\">.<\/span><span class=\"nf\">reduce<\/span><span class=\"p\">((<\/span><span class=\"nx\">total<\/span><span class=\"p\">,<\/span> <span class=\"nx\">occurrences<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">total<\/span> <span class=\"o\">+<\/span> <span class=\"nx\">occurrences<\/span><span class=\"p\">.<\/span><span class=\"nx\">length<\/span><span class=\"p\">,<\/span> <span class=\"mi\">0<\/span><span class=\"p\">),<\/span>\n      <span class=\"na\">uniqueErrorCount<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">errorsEncountered<\/span><span class=\"p\">.<\/span><span class=\"nx\">size<\/span>\n    <span class=\"p\">};<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">hasCompletedJourney<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Implement your business logic for a completed journey<\/span>\n    <span class=\"k\">return<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userJourney<\/span><span class=\"p\">.<\/span><span class=\"nf\">some<\/span><span class=\"p\">(<\/span><span class=\"nx\">step<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">step<\/span><span class=\"p\">.<\/span><span class=\"nx\">step<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">checkout_complete<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0645\u062d\u0627\u0633\u0628\u0647 \u0645\u0639\u06cc\u0627\u0631\u0647\u0627\u06cc \u0645\u0647\u0645 \u0645\u0627\u0646\u0646\u062f:<\/p>\n<ul>\n<li>\u0646\u0631\u062e \u062e\u0637\u0627 \u062a\u0648\u0633\u0637 \u0645\u0631\u062d\u0644\u0647 \u0633\u0641\u0631<\/li>\n<li>\u062a\u0623\u062b\u06cc\u0631 \u062a\u0628\u062f\u06cc\u0644 \u062e\u0637\u0627\u0647\u0627\u06cc \u062e\u0627\u0635<\/li>\n<li>\u0647\u0645\u0628\u0633\u062a\u06af\u06cc \u062a\u0631\u06a9 \u06a9\u0627\u0631\u0628\u0631 \u0628\u0627 \u0648\u0642\u0648\u0639 \u062e\u0637\u0627<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%DA%A9%D8%A7%D9%86%DB%8C%D8%B3%D9%85_%D9%87%D8%A7%DB%8C_%D8%A8%D9%87%D8%A8%D9%88%D8%AF%DB%8C_%D8%AE%D9%88%D8%AF\"><\/span>\n<p>  \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0647\u0627\u06cc \u0628\u0647\u0628\u0648\u062f\u06cc \u062e\u0648\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062e\u0637\u0627\u0647\u0627\u06cc \u062e\u0627\u0635\u06cc \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0627\u0632:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">ResilienceWrapper<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">options<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{})<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">3<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">backoffFactor<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">backoffFactor<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">2<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">initialDelay<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">initialDelay<\/span> <span class=\"o\">||<\/span> <span class=\"mi\">1000<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">recoveryStrategies<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">recoveryStrategies<\/span> <span class=\"o\">||<\/span> <span class=\"p\">{};<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"k\">async<\/span> <span class=\"nf\">retryable<\/span><span class=\"p\">(<\/span><span class=\"nx\">fn<\/span><span class=\"p\">,<\/span> <span class=\"nx\">options<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{})<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">context<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">context<\/span> <span class=\"o\">||<\/span> <span class=\"p\">{};<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">operationName<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">||<\/span> <span class=\"nx\">fn<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">anonymous operation<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"kd\">let<\/span> <span class=\"nx\">lastError<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">let<\/span> <span class=\"nx\">attempt<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">1<\/span><span class=\"p\">;<\/span> <span class=\"nx\">attempt<\/span> <span class=\"o\">&lt;=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span><span class=\"p\">;<\/span> <span class=\"nx\">attempt<\/span><span class=\"o\">++<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n        <span class=\"k\">return<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fn<\/span><span class=\"p\">(<\/span><span class=\"nx\">context<\/span><span class=\"p\">);<\/span>\n      <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">lastError<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">error<\/span><span class=\"p\">;<\/span>\n\n        <span class=\"c1\">\/\/ Log the retry attempt<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">warn<\/span><span class=\"p\">(<\/span><span class=\"s2\">`Operation <\/span><span class=\"p\">${<\/span><span class=\"nx\">operationName<\/span><span class=\"p\">}<\/span><span class=\"s2\"> failed (attempt <\/span><span class=\"p\">${<\/span><span class=\"nx\">attempt<\/span><span class=\"p\">}<\/span><span class=\"s2\">\/<\/span><span class=\"p\">${<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span><span class=\"p\">}<\/span><span class=\"s2\">):`<\/span><span class=\"p\">,<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">);<\/span>\n\n        <span class=\"c1\">\/\/ Check if we can apply a recovery strategy<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">strategyName<\/span> <span class=\"o\">=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">findMatchingStrategy<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">strategyName<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n          <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">recoveryStrategy<\/span> <span class=\"o\">=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">recoveryStrategies<\/span><span class=\"p\">[<\/span><span class=\"nx\">strategyName<\/span><span class=\"p\">];<\/span>\n            <span class=\"kd\">const<\/span> <span class=\"nx\">recoveryResult<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">recoveryStrategy<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span> <span class=\"nx\">context<\/span><span class=\"p\">);<\/span>\n\n            <span class=\"c1\">\/\/ If recovery was successful, return the result<\/span>\n            <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">recoveryResult<\/span><span class=\"p\">.<\/span><span class=\"nx\">recovered<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n              <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">info<\/span><span class=\"p\">(<\/span><span class=\"s2\">`Recovery strategy '<\/span><span class=\"p\">${<\/span><span class=\"nx\">strategyName<\/span><span class=\"p\">}<\/span><span class=\"s2\">' succeeded for <\/span><span class=\"p\">${<\/span><span class=\"nx\">operationName<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n              <span class=\"k\">return<\/span> <span class=\"nx\">recoveryResult<\/span><span class=\"p\">.<\/span><span class=\"nx\">value<\/span><span class=\"p\">;<\/span>\n            <span class=\"p\">}<\/span>\n          <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">recoveryError<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n            <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"s2\">`Recovery strategy '<\/span><span class=\"p\">${<\/span><span class=\"nx\">strategyName<\/span><span class=\"p\">}<\/span><span class=\"s2\">' failed:`<\/span><span class=\"p\">,<\/span> <span class=\"nx\">recoveryError<\/span><span class=\"p\">);<\/span>\n          <span class=\"p\">}<\/span>\n        <span class=\"p\">}<\/span>\n\n        <span class=\"c1\">\/\/ If this is the last attempt, don't delay<\/span>\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">attempt<\/span> <span class=\"o\">===<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span><span class=\"p\">)<\/span> <span class=\"k\">break<\/span><span class=\"p\">;<\/span>\n\n        <span class=\"c1\">\/\/ Calculate backoff delay<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">delay<\/span> <span class=\"o\">=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">initialDelay<\/span> <span class=\"o\">*<\/span> <span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">pow<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">backoffFactor<\/span><span class=\"p\">,<\/span> <span class=\"nx\">attempt<\/span> <span class=\"o\">-<\/span> <span class=\"mi\">1<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">await<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Promise<\/span><span class=\"p\">(<\/span><span class=\"nx\">resolve<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nf\">setTimeout<\/span><span class=\"p\">(<\/span><span class=\"nx\">resolve<\/span><span class=\"p\">,<\/span> <span class=\"nx\">delay<\/span><span class=\"p\">));<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"c1\">\/\/ If we've exhausted all retries and recovery strategies, report and throw<\/span>\n    <span class=\"nf\">reportError<\/span><span class=\"p\">({<\/span>\n      <span class=\"p\">...<\/span><span class=\"nx\">lastError<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">operationName<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">retriesAttempted<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">maxRetries<\/span>\n    <span class=\"p\">});<\/span>\n\n    <span class=\"k\">throw<\/span> <span class=\"nx\">lastError<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">findMatchingStrategy<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">return<\/span> <span class=\"nb\">Object<\/span><span class=\"p\">.<\/span><span class=\"nf\">keys<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">recoveryStrategies<\/span><span class=\"p\">).<\/span><span class=\"nf\">find<\/span><span class=\"p\">(<\/span><span class=\"nx\">strategyName<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">strategy<\/span> <span class=\"o\">=<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">recoveryStrategies<\/span><span class=\"p\">[<\/span><span class=\"nx\">strategyName<\/span><span class=\"p\">];<\/span>\n      <span class=\"k\">return<\/span> <span class=\"nx\">strategy<\/span><span class=\"p\">.<\/span><span class=\"nx\">matches<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">strategy<\/span><span class=\"p\">.<\/span><span class=\"nf\">matches<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Example usage:<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">resilience<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">ResilienceWrapper<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">recoveryStrategies<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n    <span class=\"na\">cachedDataFallback<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n      <span class=\"na\">matches<\/span><span class=\"p\">:<\/span> <span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">ApiError<\/span><span class=\"dl\">'<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">statusCode<\/span> <span class=\"o\">&gt;=<\/span> <span class=\"mi\">500<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">execute<\/span><span class=\"p\">:<\/span> <span class=\"k\">async <\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span> <span class=\"nx\">context<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">cachedData<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">localStorage<\/span><span class=\"p\">.<\/span><span class=\"nf\">getItem<\/span><span class=\"p\">(<\/span><span class=\"s2\">`cache_<\/span><span class=\"p\">${<\/span><span class=\"nx\">context<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nx\">cachedData<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n          <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n            <span class=\"na\">recovered<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\n            <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">JSON<\/span><span class=\"p\">.<\/span><span class=\"nf\">parse<\/span><span class=\"p\">(<\/span><span class=\"nx\">cachedData<\/span><span class=\"p\">)<\/span>\n          <span class=\"p\">};<\/span>\n        <span class=\"p\">}<\/span>\n        <span class=\"k\">return<\/span> <span class=\"p\">{<\/span> <span class=\"na\">recovered<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">};<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">},<\/span>\n    <span class=\"na\">networkReroute<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n      <span class=\"na\">matches<\/span><span class=\"p\">:<\/span> <span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">.<\/span><span class=\"nf\">includes<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">CORS<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"o\">||<\/span> <span class=\"nx\">error<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">.<\/span><span class=\"nf\">includes<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Network Error<\/span><span class=\"dl\">'<\/span><span class=\"p\">),<\/span>\n      <span class=\"na\">execute<\/span><span class=\"p\">:<\/span> <span class=\"k\">async <\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">,<\/span> <span class=\"nx\">context<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"c1\">\/\/ Try an alternative API endpoint or proxy<\/span>\n        <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n          <span class=\"kd\">const<\/span> <span class=\"nx\">fallbackUrl<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">context<\/span><span class=\"p\">.<\/span><span class=\"nx\">fallbackUrl<\/span> <span class=\"o\">||<\/span> <span class=\"nx\">context<\/span><span class=\"p\">.<\/span><span class=\"nx\">url<\/span><span class=\"p\">.<\/span><span class=\"nf\">replace<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">api.<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">fallback-api.<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n          <span class=\"kd\">const<\/span> <span class=\"nx\">response<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">fallbackUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">context<\/span><span class=\"p\">.<\/span><span class=\"nx\">options<\/span><span class=\"p\">);<\/span>\n          <span class=\"kd\">const<\/span> <span class=\"nx\">data<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nf\">json<\/span><span class=\"p\">();<\/span>\n          <span class=\"k\">return<\/span> <span class=\"p\">{<\/span>\n            <span class=\"na\">recovered<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\n            <span class=\"na\">value<\/span><span class=\"p\">:<\/span> <span class=\"nx\">data<\/span>\n          <span class=\"p\">};<\/span>\n        <span class=\"p\">}<\/span> <span class=\"k\">catch<\/span> <span class=\"p\">{<\/span>\n          <span class=\"k\">return<\/span> <span class=\"p\">{<\/span> <span class=\"na\">recovered<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span> <span class=\"p\">};<\/span>\n        <span class=\"p\">}<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">});<\/span>\n\n<span class=\"c1\">\/\/ Using the resilience wrapper<\/span>\n<span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">loadUserProfile<\/span><span class=\"p\">(<\/span><span class=\"nx\">userId<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n  <span class=\"k\">return<\/span> <span class=\"nx\">resilience<\/span><span class=\"p\">.<\/span><span class=\"nf\">retryable<\/span><span class=\"p\">(<\/span>\n    <span class=\"k\">async <\/span><span class=\"p\">(<\/span><span class=\"nx\">context<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">response<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n      <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">ok<\/span><span class=\"p\">)<\/span> <span class=\"k\">throw<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">ApiError<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">User profile fetch failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">status<\/span><span class=\"p\">,<\/span> <span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">data<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nf\">json<\/span><span class=\"p\">();<\/span>\n      <span class=\"c1\">\/\/ Cache successful responses<\/span>\n      <span class=\"nx\">localStorage<\/span><span class=\"p\">.<\/span><span class=\"nf\">setItem<\/span><span class=\"p\">(<\/span><span class=\"s2\">`cache_\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span> <span class=\"nx\">JSON<\/span><span class=\"p\">.<\/span><span class=\"nf\">stringify<\/span><span class=\"p\">(<\/span><span class=\"nx\">data<\/span><span class=\"p\">));<\/span>\n      <span class=\"k\">return<\/span> <span class=\"nx\">data<\/span><span class=\"p\">;<\/span>\n    <span class=\"p\">},<\/span>\n    <span class=\"p\">{<\/span>\n      <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">loadUserProfile<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">context<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n        <span class=\"na\">endpoint<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`\/api\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">,<\/span>\n        <span class=\"na\">fallbackUrl<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`\/api\/backup\/users\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">userId<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">);<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0645\u0642\u0627\u0648\u0645\u062a \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%82%D8%B1%D8%A7%D8%B1_%D8%AF%D8%A7%D8%AF%D9%86_%D9%87%D9%85%D9%87_%D8%A7%DB%8C%D9%86%D9%87%D8%A7\"><\/span>\n<p>  \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc \u06a9\u0627\u0645\u0644 \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f \u06a9\u0647 \u0634\u0627\u0645\u0644 \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0647\u0627 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">class<\/span> <span class=\"nc\">EnhancedErrorTracker<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nf\">constructor<\/span><span class=\"p\">(<\/span><span class=\"nx\">options<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{})<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\/api\/errors<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">appVersion<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">appVersion<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.0.0<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sampleRate<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">sampleRate<\/span> <span class=\"o\">||<\/span> <span class=\"mf\">1.0<\/span><span class=\"p\">;<\/span> <span class=\"c1\">\/\/ 1.0 = track all errors<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">throttler<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">ErrorThrottler<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">UserImpactTracker<\/span><span class=\"p\">();<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sourceMapUrl<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">options<\/span><span class=\"p\">.<\/span><span class=\"nx\">sourceMapUrl<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">init<\/span><span class=\"p\">();<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">init<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">error<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">handleGlobalError<\/span><span class=\"p\">.<\/span><span class=\"nf\">bind<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">));<\/span>\n    <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">unhandledrejection<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">handlePromiseRejection<\/span><span class=\"p\">.<\/span><span class=\"nf\">bind<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">));<\/span>\n\n    <span class=\"c1\">\/\/ Record important user journey steps<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"k\">typeof<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">history<\/span><span class=\"p\">.<\/span><span class=\"nx\">pushState<\/span> <span class=\"o\">===<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">function<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">originalPushState<\/span> <span class=\"o\">=<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">history<\/span><span class=\"p\">.<\/span><span class=\"nx\">pushState<\/span><span class=\"p\">;<\/span>\n      <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">history<\/span><span class=\"p\">.<\/span><span class=\"nx\">pushState<\/span> <span class=\"o\">=<\/span> <span class=\"kd\">function<\/span><span class=\"p\">()<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">originalPushState<\/span><span class=\"p\">.<\/span><span class=\"nf\">apply<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">,<\/span> <span class=\"nx\">arguments<\/span><span class=\"p\">);<\/span>\n        <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span><span class=\"p\">.<\/span><span class=\"nf\">recordStep<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">navigation<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span> <span class=\"na\">path<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">location<\/span><span class=\"p\">.<\/span><span class=\"nx\">pathname<\/span> <span class=\"p\">});<\/span>\n      <span class=\"p\">}.<\/span><span class=\"nf\">bind<\/span><span class=\"p\">(<\/span><span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">history<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">popstate<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span><span class=\"p\">.<\/span><span class=\"nf\">recordStep<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">navigation<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span> <span class=\"na\">path<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">location<\/span><span class=\"p\">.<\/span><span class=\"nx\">pathname<\/span> <span class=\"p\">});<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">handleGlobalError<\/span><span class=\"p\">(<\/span><span class=\"nx\">event<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">message<\/span><span class=\"p\">,<\/span> <span class=\"nx\">filename<\/span><span class=\"p\">,<\/span> <span class=\"nx\">lineno<\/span><span class=\"p\">,<\/span> <span class=\"nx\">colno<\/span><span class=\"p\">,<\/span> <span class=\"nx\">error<\/span> <span class=\"p\">}<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">event<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">trackError<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">runtime<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">message<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">source<\/span><span class=\"p\">:<\/span> <span class=\"nx\">filename<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">lineno<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">colno<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span><span class=\"p\">?.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">originalError<\/span><span class=\"p\">:<\/span> <span class=\"nx\">error<\/span>\n    <span class=\"p\">});<\/span>\n\n    <span class=\"k\">return<\/span> <span class=\"kc\">true<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"nf\">handlePromiseRejection<\/span><span class=\"p\">(<\/span><span class=\"nx\">event<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nf\">trackError<\/span><span class=\"p\">({<\/span>\n      <span class=\"na\">type<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">promise<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">message<\/span><span class=\"p\">:<\/span> <span class=\"nx\">event<\/span><span class=\"p\">.<\/span><span class=\"nx\">reason<\/span><span class=\"p\">?.<\/span><span class=\"nx\">message<\/span> <span class=\"o\">||<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Promise rejected<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">event<\/span><span class=\"p\">.<\/span><span class=\"nx\">reason<\/span><span class=\"p\">?.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">originalError<\/span><span class=\"p\">:<\/span> <span class=\"nx\">event<\/span><span class=\"p\">.<\/span><span class=\"nx\">reason<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n\n  <span class=\"k\">async<\/span> <span class=\"nf\">trackError<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorData<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Apply sampling<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"nb\">Math<\/span><span class=\"p\">.<\/span><span class=\"nf\">random<\/span><span class=\"p\">()<\/span> <span class=\"o\">&gt;<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sampleRate<\/span><span class=\"p\">)<\/span> <span class=\"k\">return<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">error<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">errorData<\/span><span class=\"p\">.<\/span><span class=\"nx\">originalError<\/span> <span class=\"o\">||<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Error<\/span><span class=\"p\">(<\/span><span class=\"nx\">errorData<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span><span class=\"p\">);<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">fingerprint<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">getErrorFingerprint<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"c1\">\/\/ Apply throttling<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">throttler<\/span><span class=\"p\">.<\/span><span class=\"nf\">shouldReport<\/span><span class=\"p\">(<\/span><span class=\"nx\">fingerprint<\/span><span class=\"p\">))<\/span> <span class=\"k\">return<\/span><span class=\"p\">;<\/span>\n\n    <span class=\"c1\">\/\/ Categorize error<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">category<\/span><span class=\"p\">,<\/span> <span class=\"nx\">severity<\/span> <span class=\"p\">}<\/span> <span class=\"o\">=<\/span> <span class=\"nf\">categorizeError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"c1\">\/\/ Enhance stack trace if possible<\/span>\n    <span class=\"kd\">let<\/span> <span class=\"nx\">enhancedStack<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">errorData<\/span><span class=\"p\">.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">;<\/span>\n    <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sourceMapUrl<\/span> <span class=\"o\">&amp;&amp;<\/span> <span class=\"nx\">enhancedStack<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nx\">enhancedStack<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">enhanceStackTrace<\/span><span class=\"p\">(<\/span><span class=\"nx\">enhancedStack<\/span><span class=\"p\">,<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">sourceMapUrl<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n\n    <span class=\"c1\">\/\/ Record user impact<\/span>\n    <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span><span class=\"p\">.<\/span><span class=\"nf\">recordError<\/span><span class=\"p\">(<\/span><span class=\"nx\">error<\/span><span class=\"p\">);<\/span>\n\n    <span class=\"kd\">const<\/span> <span class=\"nx\">payload<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\n      <span class=\"p\">...<\/span><span class=\"nx\">errorData<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">stack<\/span><span class=\"p\">:<\/span> <span class=\"nx\">enhancedStack<\/span> <span class=\"o\">||<\/span> <span class=\"nx\">errorData<\/span><span class=\"p\">.<\/span><span class=\"nx\">stack<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">fingerprint<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">category<\/span><span class=\"p\">,<\/span>\n      <span class=\"nx\">severity<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">timestamp<\/span><span class=\"p\">:<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">Date<\/span><span class=\"p\">().<\/span><span class=\"nf\">toISOString<\/span><span class=\"p\">(),<\/span>\n      <span class=\"na\">appVersion<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">appVersion<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">userAgent<\/span><span class=\"p\">:<\/span> <span class=\"nb\">navigator<\/span><span class=\"p\">.<\/span><span class=\"nx\">userAgent<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nx\">location<\/span><span class=\"p\">.<\/span><span class=\"nx\">href<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">sessionId<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span><span class=\"p\">.<\/span><span class=\"nx\">sessionId<\/span><span class=\"p\">,<\/span>\n      <span class=\"na\">userJourney<\/span><span class=\"p\">:<\/span> <span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">userImpact<\/span><span class=\"p\">.<\/span><span class=\"nf\">getJourneyAnalytics<\/span><span class=\"p\">()<\/span>\n    <span class=\"p\">};<\/span>\n\n    <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n      <span class=\"kd\">const<\/span> <span class=\"nx\">response<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"k\">this<\/span><span class=\"p\">.<\/span><span class=\"nx\">endpoint<\/span><span class=\"p\">,<\/span> <span class=\"p\">{<\/span>\n        <span class=\"na\">method<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">POST<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n        <span class=\"na\">headers<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Content-Type<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">application\/json<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\n        <span class=\"na\">body<\/span><span class=\"p\">:<\/span> <span class=\"nx\">JSON<\/span><span class=\"p\">.<\/span><span class=\"nf\">stringify<\/span><span class=\"p\">(<\/span><span class=\"nx\">payload<\/span><span class=\"p\">),<\/span>\n        <span class=\"na\">keepalive<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span>\n      <span class=\"p\">});<\/span>\n\n      <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"o\">!<\/span><span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nx\">ok<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n        <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Failed to send error report:<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"k\">await<\/span> <span class=\"nx\">response<\/span><span class=\"p\">.<\/span><span class=\"nf\">text<\/span><span class=\"p\">());<\/span>\n      <span class=\"p\">}<\/span>\n    <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">err<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Error in error reporting:<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">err<\/span><span class=\"p\">);<\/span>\n      <span class=\"c1\">\/\/ Last resort - log to console<\/span>\n      <span class=\"nx\">console<\/span><span class=\"p\">.<\/span><span class=\"nf\">error<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Original error details:<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">payload<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">}<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Initialize tracker<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">errorTracker<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nc\">EnhancedErrorTracker<\/span><span class=\"p\">({<\/span>\n  <span class=\"na\">endpoint<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/errors.myapp.com\/collect<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n  <span class=\"na\">appVersion<\/span><span class=\"p\">:<\/span> <span class=\"nx\">APP_VERSION<\/span><span class=\"p\">,<\/span>\n  <span class=\"na\">sampleRate<\/span><span class=\"p\">:<\/span> <span class=\"mf\">0.9<\/span><span class=\"p\">,<\/span> <span class=\"c1\">\/\/ Track 90% of errors<\/span>\n  <span class=\"na\">sourceMapUrl<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">\/sourcemaps\/<\/span><span class=\"dl\">'<\/span>\n<span class=\"p\">});<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%81%DA%A9%D8%A7%D8%B1_%D9%86%D9%87%D8%A7%DB%8C%DB%8C\"><\/span>\n<p>  \u0627\u0641\u06a9\u0627\u0631 \u0646\u0647\u0627\u06cc\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0633\u06cc\u0633\u062a\u0645 \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc \u0645\u0624\u062b\u0631 \u060c \u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0633\u0648\u062f \u0633\u0647\u0627\u0645 \u0631\u0627 \u062f\u0631 \u0642\u0627\u0628\u0644\u06cc\u062a \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648 \u0631\u0636\u0627\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631 \u067e\u0631\u062f\u0627\u062e\u062a \u0645\u06cc \u06a9\u0646\u062f. \u0645\u0646 \u062f\u06cc\u062f\u0645 \u06a9\u0647 \u062a\u06cc\u0645 \u0647\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc \u0633\u06cc\u0633\u062a\u0645\u0627\u062a\u06cc\u06a9 \u0648 \u0627\u0648\u0644\u0648\u06cc\u062a \u0628\u0646\u062f\u06cc \u060c \u0628\u06cc\u0634 \u0627\u0632 70 \u062f\u0631\u0635\u062f \u0627\u0634\u06a9\u0627\u0644\u0627\u062a \u0645\u0647\u0645 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u0646\u062f.<\/p>\n<p>\u0646\u06a9\u062a\u0647 \u0645\u0647\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0631\u062f\u06cc \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0633\u06cc\u0633\u062a\u0645\u06cc \u06a9\u0647 \u0628\u06cc\u0646\u0634 \u062f\u0631 \u0645\u0648\u0631\u062f \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0648 \u062a\u0623\u062b\u06cc\u0631 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f \u060c \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0627 \u0636\u0628\u0637 \u062e\u0637\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f \u060c \u0633\u067e\u0633 \u0628\u0647 \u062a\u062f\u0631\u06cc\u062c \u0633\u06cc\u0633\u062a\u0645 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0632\u0645\u06cc\u0646\u0647 \u060c \u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u0648 \u062a\u062c\u0632\u06cc\u0647 \u0648 \u062a\u062d\u0644\u06cc\u0644 \u062a\u0623\u062b\u06cc\u0631 \u06a9\u0627\u0631\u0628\u0631 \u062a\u0642\u0648\u06cc\u062a \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627 \u0641\u0642\u0637 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0631\u0641\u0639 \u0627\u0634\u06a9\u0627\u0644\u0627\u062a \u0646\u06cc\u0633\u062a &#8211; \u0627\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0647\u0628\u0648\u062f \u0645\u062f\u0627\u0648\u0645 \u062f\u0631\u06a9 \u0634\u0645\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0646\u062d\u0648\u0647 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0648 \u062c\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0627 \u0627\u0635\u0637\u06a9\u0627\u06a9 \u0631\u0648\u0628\u0631\u0648 \u0645\u06cc \u0634\u0648\u0646\u062f. \u0628\u0627 \u0648\u062c\u0648\u062f \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9 \u0647\u0627 \u060c \u062e\u0637\u0627\u0647\u0627 \u0631\u0627 \u0627\u0632 \u062d\u0648\u0627\u062f\u062b \u0646\u0627\u0627\u0645\u06cc\u062f\u06a9\u0646\u0646\u062f\u0647 \u0628\u0647 \u0641\u0631\u0635\u062a \u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n<hr\/>\n<h2><span class=\"ez-toc-section\" id=\"101_%DA%A9%D8%AA%D8%A7%D8%A8\"><\/span>\n<p>  101 \u06a9\u062a\u0627\u0628<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>101 \u06a9\u062a\u0627\u0628<\/strong> \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0627\u0646\u062a\u0634\u0627\u0631\u0627\u062a AI \u0645\u062d\u0648\u0631 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u062a\u0623\u0633\u06cc\u0633 \u0634\u062f\u0647 \u0627\u0633\u062a <strong>\u0622\u0631\u0627\u0648 \u062c\u0648\u0634\u06cc<\/strong>\u0628\u0634\u0631 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u060c \u0645\u0627 \u0647\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0627\u0646\u062a\u0634\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u0641\u0648\u0642 \u0627\u0644\u0639\u0627\u062f\u0647 \u06a9\u0645 \u0646\u06af\u0647 \u0645\u06cc \u062f\u0627\u0631\u06cc\u0645 &#8211; \u0628\u0631\u062e\u06cc \u0627\u0632 \u06a9\u062a\u0627\u0628 \u0647\u0627 \u0628\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0645 \u0642\u06cc\u0645\u062a \u0647\u0633\u062a\u0646\u062f <strong>4 \u062f\u0644\u0627\u0631<\/strong>&#8211; \u0627\u06cc\u062c\u0627\u062f \u062f\u0627\u0646\u0634 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0647\u0645\u0647.<\/p>\n<p>\u06a9\u062a\u0627\u0628 \u0645\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f <strong>\u06a9\u062f \u062a\u0645\u06cc\u0632 Golang<\/strong> \u062f\u0631 \u0622\u0645\u0627\u0632\u0648\u0646 \u0645\u0648\u062c\u0648\u062f \u0627\u0633\u062a. <\/p>\n<p>\u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0647\u0627 \u0648 \u0627\u062e\u0628\u0627\u0631 \u0647\u06cc\u062c\u0627\u0646 \u0627\u0646\u06af\u06cc\u0632 \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f. \u0647\u0646\u06af\u0627\u0645 \u062e\u0631\u06cc\u062f \u06a9\u062a\u0627\u0628 \u060c \u062c\u0633\u062a\u062c\u0648 \u06a9\u0646\u06cc\u062f <strong>\u0622\u0631\u0627\u0648 \u062c\u0648\u0634\u06cc<\/strong> \u0628\u0631\u0627\u06cc \u06cc\u0627\u0641\u062a\u0646 \u0628\u06cc\u0634\u062a\u0631 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0645\u0627. \u0628\u0631\u0627\u06cc \u0644\u0630\u062a \u0628\u0631\u062f\u0646 \u0627\u0632 \u0644\u06cc\u0646\u06a9 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f <strong>\u062a\u062e\u0641\u06cc\u0641 \u0647\u0627\u06cc \u062e\u0627\u0635<\/strong>!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AE%D9%84%D8%A7%D9%82%DB%8C%D8%AA_%D9%87%D8%A7%DB%8C_%D9%85%D8%A7\"><\/span>\n<p>  \u062e\u0644\u0627\u0642\u06cc\u062a \u0647\u0627\u06cc \u0645\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u062d\u062a\u0645\u0627 \u062e\u0644\u0627\u0642\u06cc\u062a \u0647\u0627\u06cc \u0645\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f:<\/p>\n<p><strong>\u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631 \u0645\u0631\u06a9\u0632\u06cc<\/strong> | <strong>\u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631 \u0627\u0633\u067e\u0627\u0646\u06cc\u0627\u06cc\u06cc \u0645\u0631\u06a9\u0632\u06cc<\/strong> | <strong>\u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631 \u0622\u0644\u0645\u0627\u0646\u06cc \u0645\u0631\u06a9\u0632\u06cc<\/strong> | <strong>\u0632\u0646\u062f\u06af\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/strong> | <strong>\u062f\u0648\u0631\u0647 \u0647\u0627 \u0648 \u067e\u0698\u0648\u0627\u06a9<\/strong> | <strong>\u0627\u0633\u0631\u0627\u0631 \u06af\u06cc\u062c \u06a9\u0646\u0646\u062f\u0647<\/strong> | <strong>\u0647\u0646\u062f\u0648\u062a\u0648\u0627<\/strong> | <strong>\u0646\u062e\u0628\u0647<\/strong> | <strong>\u0645\u062f\u0627\u0631\u0633 JS<\/strong><\/p>\n<hr\/>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D8%A7_%D8%AF%D8%B1_%D9%85%D8%AA%D9%88%D8%B3%D8%B7_%E2%80%8B%E2%80%8B%D9%87%D8%B3%D8%AA%DB%8C%D9%85\"><\/span>\n<p>  \u0645\u0627 \u062f\u0631 \u0645\u062a\u0648\u0633\u0637 \u200b\u200b\u0647\u0633\u062a\u06cc\u0645<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>\u0628\u06cc\u0646\u0634 \u0647\u0627\u06cc \u0641\u0646\u06cc Koala<\/strong> | <strong>Epochs &#038; Echoes World<\/strong> | <strong>\u0633\u0631\u0645\u0627\u06cc\u0647 \u06af\u0630\u0627\u0631 \u0631\u0633\u0627\u0646\u0647 \u0645\u0631\u06a9\u0632\u06cc<\/strong> | <strong>\u0631\u0645\u0632 \u0648 \u0631\u0627\u0632\u0647\u0627\u06cc \u06af\u06cc\u062c \u06a9\u0646\u0646\u062f\u0647 \u0645\u062a\u0648\u0633\u0637<\/strong> | <strong>\u0639\u0644\u0648\u0645 \u0648 \u062f\u0648\u0631\u0647 \u0647\u0627\u06cc \u0645\u062a\u0648\u0633\u0637<\/strong> | <strong>\u0647\u0646\u062f\u0648\u062a\u0648\u0627 \u0645\u062f\u0631\u0646<\/strong><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0646\u0648\u06cc\u0633\u0646\u062f\u0647 \u067e\u0631\u0641\u0631\u0648\u0634 \u060c \u0634\u0645\u0627 \u0631\u0627 \u062f\u0639\u0648\u062a \u0645\u06cc \u06a9\u0646\u0645 \u062a\u0627 \u06a9\u062a\u0627\u0628\u0647\u0627\u06cc \u0645\u0646 \u0631\u0627 \u062f\u0631 \u0622\u0645\u0627\u0632\u0648\u0646 \u06a9\u0634\u0641 \u06a9\u0646\u06cc\u062f. \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0645\u0631\u0627 \u062f\u0631 \u0645\u062a\u0648\u0633\u0637 \u200b\u200b\u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f \u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062e\u0648\u062f \u0631\u0627 \u0646\u0634\u0627\u0646 \u062f\u0647\u06cc\u062f. \u0645\u0645\u0646\u0648\u0646 \u062d\u0645\u0627\u06cc\u062a \u0634\u0645\u0627 \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u062c\u0647\u0627\u0646 \u0627\u0633\u062a! \u0631\u062f\u06cc\u0627\u0628\u06cc \u062e\u0637\u0627\u06cc JavaScript \u0641\u0642\u0637 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627\u0647\u0627 \u0646\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u062f\u0631 \u0645\u0648\u0631\u062f \u062f\u0631\u06a9 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":106964,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-106963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/106963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=106963"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/106963\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/106964"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=106963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=106963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=106963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}