[{"data":1,"prerenderedAt":23502},["ShallowReactive",2],{"navigation_docs":3,"-web-development-realtime-notifications-jobs-02-websocket-gateway":5074,"-web-development-realtime-notifications-jobs-02-websocket-gateway-surround":23499},[4,1707,2040,2512,2693,2819,3026,3148,3198,3255,3289,3415,3492,3506,3645,3939,4016,4749,4924,5017,5070],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"path":1982,"stem":1983},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1985,"path":1986,"stem":1987},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1989,"path":1990,"stem":1991},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1993,"path":1994,"stem":1995},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":1997,"path":1998,"stem":1999},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2001,"path":2002,"stem":2003},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2005,"path":2006,"stem":2007},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2009,"path":2010,"stem":2011},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2013,"path":2014,"stem":2015},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2017,"path":2018,"stem":2019},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2021,"path":2022,"stem":2023},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2025,"path":2026,"stem":2027},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2029,"path":2030,"stem":2031},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2033,"path":2034,"stem":2035},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2037,"path":2038,"stem":2039},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2041,"icon":2042,"path":2043,"stem":2044,"children":2045,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2046,2072,2126,2148,2452,2490,2508],{"title":2047,"icon":2048,"path":2049,"stem":2050,"children":2051,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2052,2056,2060,2064,2068],{"title":2053,"path":2054,"stem":2055},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2057,"path":2058,"stem":2059},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2061,"path":2062,"stem":2063},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2065,"path":2066,"stem":2067},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2069,"path":2070,"stem":2071},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2073,"icon":2074,"path":2075,"stem":2076,"children":2077,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2078,2082,2086,2090,2094,2098,2102,2106,2110,2114,2118,2122],{"title":2079,"path":2080,"stem":2081},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2083,"path":2084,"stem":2085},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2087,"path":2088,"stem":2089},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2091,"path":2092,"stem":2093},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2095,"path":2096,"stem":2097},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2099,"path":2100,"stem":2101},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2103,"path":2104,"stem":2105},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2107,"path":2108,"stem":2109},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2111,"path":2112,"stem":2113},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2115,"path":2116,"stem":2117},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2119,"path":2120,"stem":2121},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2123,"path":2124,"stem":2125},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2127,"icon":2128,"path":2129,"stem":2130,"children":2131,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2132,2136,2140,2144],{"title":2133,"path":2134,"stem":2135},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2137,"path":2138,"stem":2139},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2141,"path":2142,"stem":2143},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2145,"path":2146,"stem":2147},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2149,"icon":2150,"path":2151,"stem":2152,"children":2153},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2154,2155,2159,2163,2167,2171,2234,2269,2421],{"title":2149,"path":2151,"stem":2152},{"title":2156,"path":2157,"stem":2158},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2160,"path":2161,"stem":2162},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2164,"path":2165,"stem":2166},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2168,"path":2169,"stem":2170},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2172,"icon":132,"path":2173,"stem":2174,"children":2175},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2176,2178,2182,2186,2190,2194,2198,2202,2206,2210,2214,2218,2222,2226,2230],{"title":2177,"path":2173,"stem":2174},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2179,"path":2180,"stem":2181},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2183,"path":2184,"stem":2185},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2187,"path":2188,"stem":2189},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2191,"path":2192,"stem":2193},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2195,"path":2196,"stem":2197},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2199,"path":2200,"stem":2201},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2203,"path":2204,"stem":2205},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2207,"path":2208,"stem":2209},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2211,"path":2212,"stem":2213},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2215,"path":2216,"stem":2217},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2219,"path":2220,"stem":2221},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2223,"path":2224,"stem":2225},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2227,"path":2228,"stem":2229},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2231,"path":2232,"stem":2233},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2235,"icon":2150,"path":2236,"stem":2237,"children":2238},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2239,2241,2245,2249,2253,2257,2261,2265],{"title":2240,"path":2236,"stem":2237},"React Router: Навігаційна система сучасного вебу",{"title":2242,"path":2243,"stem":2244},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2246,"path":2247,"stem":2248},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2250,"path":2251,"stem":2252},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2254,"path":2255,"stem":2256},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2258,"path":2259,"stem":2260},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2262,"path":2263,"stem":2264},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2266,"path":2267,"stem":2268},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2270,"icon":132,"path":2271,"stem":2272,"children":2273},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2274,2276,2292,2321,2330,2351,2367,2396],{"title":2275,"path":2271,"stem":2272},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2277,"stem":2278,"children":2279,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2280,2284,2288],{"title":2281,"path":2282,"stem":2283},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2285,"path":2286,"stem":2287},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2289,"path":2290,"stem":2291},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2293,"icon":132,"path":2294,"stem":2295,"children":2296,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2297,2301,2305,2309,2313,2317],{"title":2298,"path":2299,"stem":2300},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2302,"path":2303,"stem":2304},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2306,"path":2307,"stem":2308},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2310,"path":2311,"stem":2312},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2314,"path":2315,"stem":2316},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2318,"path":2319,"stem":2320},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2322,"icon":132,"path":2323,"stem":2324,"children":2325,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2326],{"title":2327,"path":2328,"stem":2329},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2331,"icon":132,"path":2332,"stem":2333,"children":2334,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2335,2339,2343,2347],{"title":2336,"path":2337,"stem":2338},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2340,"path":2341,"stem":2342},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2344,"path":2345,"stem":2346},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2348,"path":2349,"stem":2350},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2352,"icon":92,"path":2353,"stem":2354,"children":2355,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2356,2360,2364],{"title":2357,"path":2358,"stem":2359},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2361,"path":2362,"stem":2363},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2211,"path":2365,"stem":2366},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2368,"icon":132,"path":2369,"stem":2370,"children":2371,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2372,2376,2380,2384,2388,2392],{"title":2373,"path":2374,"stem":2375},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2377,"path":2378,"stem":2379},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2381,"path":2382,"stem":2383},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2385,"path":2386,"stem":2387},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2389,"path":2390,"stem":2391},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2393,"path":2394,"stem":2395},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2397,"icon":132,"path":2398,"stem":2399,"children":2400,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2401,2405,2409,2413,2417],{"title":2402,"path":2403,"stem":2404},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2406,"path":2407,"stem":2408},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2410,"path":2411,"stem":2412},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2414,"path":2415,"stem":2416},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2418,"path":2419,"stem":2420},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2422,"icon":132,"path":2423,"stem":2424,"children":2425},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2426,2428,2432,2436,2440,2444,2448],{"title":2427,"path":2423,"stem":2424},"UI Бібліотеки в React",{"title":2429,"path":2430,"stem":2431},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2433,"path":2434,"stem":2435},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2437,"path":2438,"stem":2439},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2441,"path":2442,"stem":2443},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2445,"path":2446,"stem":2447},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2449,"path":2450,"stem":2451},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2458,2462,2466,2470,2474,2478,2482,2486],{"title":2459,"path":2460,"stem":2461},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2463,"path":2464,"stem":2465},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2467,"path":2468,"stem":2469},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2471,"path":2472,"stem":2473},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2475,"path":2476,"stem":2477},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2479,"path":2480,"stem":2481},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2483,"path":2484,"stem":2485},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2487,"path":2488,"stem":2489},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2491,"icon":2492,"path":2493,"stem":2494,"children":2495,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2496,2500,2504],{"title":2497,"path":2498,"stem":2499},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2501,"path":2502,"stem":2503},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2505,"path":2506,"stem":2507},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2509,"path":2510,"stem":2511},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2513,"icon":2514,"path":2515,"stem":2516,"children":2517,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2518,2521,2524,2528,2532,2536,2540],{"title":162,"path":2519,"stem":2520},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2522,"stem":2523},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2525,"path":2526,"stem":2527},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2529,"path":2530,"stem":2531},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2533,"path":2534,"stem":2535},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2537,"path":2538,"stem":2539},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2541,"path":2542,"stem":2543,"children":2544,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689],{"title":2546,"path":2547,"stem":2548},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2550,"path":2551,"stem":2552},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2554,"path":2555,"stem":2556},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2558,"path":2559,"stem":2560},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2562,"path":2563,"stem":2564},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2566,"path":2567,"stem":2568},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2570,"path":2571,"stem":2572},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2574,"path":2575,"stem":2576},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2578,"path":2579,"stem":2580},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2582,"path":2583,"stem":2584},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2586,"path":2587,"stem":2588},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2590,"path":2591,"stem":2592},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2594,"path":2595,"stem":2596},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2598,"path":2599,"stem":2600},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2602,"path":2603,"stem":2604},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2606,"path":2607,"stem":2608},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2610,"path":2611,"stem":2612},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2614,"path":2615,"stem":2616},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2618,"path":2619,"stem":2620},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2622,"path":2623,"stem":2624},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2626,"path":2627,"stem":2628},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2630,"path":2631,"stem":2632},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2634,"path":2635,"stem":2636},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2638,"path":2639,"stem":2640},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2642,"path":2643,"stem":2644},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2646,"path":2647,"stem":2648},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2650,"path":2651,"stem":2652},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2654,"path":2655,"stem":2656},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2658,"path":2659,"stem":2660},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2662,"path":2663,"stem":2664},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2666,"path":2667,"stem":2668},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2670,"path":2671,"stem":2672},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2674,"path":2675,"stem":2676},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2678,"path":2679,"stem":2680},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2682,"path":2683,"stem":2684},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2686,"path":2687,"stem":2688},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2690,"path":2691,"stem":2692},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2694,"icon":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2699,2703,2706,2710,2714,2718,2722,2726,2730,2734,2738,2742,2746,2750,2754,2815],{"title":2700,"path":2701,"stem":2702},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2704,"stem":2705},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2707,"path":2708,"stem":2709},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2711,"path":2712,"stem":2713},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2715,"path":2716,"stem":2717},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2719,"path":2720,"stem":2721},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2723,"path":2724,"stem":2725},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2727,"path":2728,"stem":2729},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2731,"path":2732,"stem":2733},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2735,"path":2736,"stem":2737},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2739,"path":2740,"stem":2741},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2743,"path":2744,"stem":2745},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2747,"path":2748,"stem":2749},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2751,"path":2752,"stem":2753},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2755,"icon":92,"path":2756,"stem":2757,"children":2758,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811],{"title":2760,"path":2761,"stem":2762},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2764,"path":2765,"stem":2766},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2768,"path":2769,"stem":2770},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2772,"path":2773,"stem":2774},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2776,"path":2777,"stem":2778},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2780,"path":2781,"stem":2782},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2784,"path":2785,"stem":2786},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2788,"path":2789,"stem":2790},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2792,"path":2793,"stem":2794},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2796,"path":2797,"stem":2798},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2800,"path":2801,"stem":2802},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2804,"path":2805,"stem":2806},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2808,"path":2809,"stem":2810},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2812,"path":2813,"stem":2814},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2816,"path":2817,"stem":2818},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2820,"icon":2821,"path":2822,"stem":2823,"children":2824,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2825,2855,2878,2915,2944,2962,2996,3008,3017],{"title":2826,"icon":2827,"path":2828,"stem":2829,"children":2830,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2831,2835,2839,2843,2847,2851],{"title":2832,"path":2833,"stem":2834},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2836,"path":2837,"stem":2838},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2840,"path":2841,"stem":2842},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2844,"path":2845,"stem":2846},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2848,"path":2849,"stem":2850},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2852,"path":2853,"stem":2854},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2856,"icon":2821,"path":2857,"stem":2858,"children":2859,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2860,2864,2870,2874],{"title":2861,"path":2862,"stem":2863},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2865,"path":2866,"stem":2867,"children":2868},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2869],{"title":2865,"path":2866,"stem":2867},{"title":2871,"path":2872,"stem":2873},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2875,"path":2876,"stem":2877},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2879,"icon":2821,"path":2880,"stem":2881,"children":2882,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2883,2887,2891,2895,2899,2903,2907,2911],{"title":2884,"path":2885,"stem":2886},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2888,"path":2889,"stem":2890},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2892,"path":2893,"stem":2894},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2896,"path":2897,"stem":2898},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2900,"path":2901,"stem":2902},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2904,"path":2905,"stem":2906},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2908,"path":2909,"stem":2910},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2912,"path":2913,"stem":2914},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2916,"icon":2821,"path":2917,"stem":2918,"children":2919,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2920,2924,2928,2932,2936,2940],{"title":2921,"path":2922,"stem":2923},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2925,"path":2926,"stem":2927},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2929,"path":2930,"stem":2931},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2933,"path":2934,"stem":2935},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2937,"path":2938,"stem":2939},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2941,"path":2942,"stem":2943},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2945,"icon":2946,"path":2947,"stem":2948,"children":2949,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2950,2954,2958],{"title":2951,"path":2952,"stem":2953},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2955,"path":2956,"stem":2957},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2959,"path":2960,"stem":2961},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2968,2972,2976,2980,2984,2988,2992],{"title":2969,"path":2970,"stem":2971},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2973,"path":2974,"stem":2975},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2977,"path":2978,"stem":2979},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2981,"path":2982,"stem":2983},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2985,"path":2986,"stem":2987},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2989,"path":2990,"stem":2991},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2993,"path":2994,"stem":2995},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2993,"icon":793,"path":2997,"stem":2998,"children":2999,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3000,3004],{"title":3001,"path":3002,"stem":3003},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3005,"path":3006,"stem":3007},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3009,"icon":3010,"path":3011,"stem":3012,"children":3013,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3014],{"title":3009,"path":3015,"stem":3016},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3018,"icon":3019,"path":3020,"stem":3021,"children":3022,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3023],{"title":3018,"path":3024,"stem":3025},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3027,"icon":3028,"path":3029,"stem":3030,"children":3031,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3032,3108],{"title":3033,"icon":3034,"path":3035,"stem":3036,"children":3037},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3038,3040,3044,3048,3052,3056,3060,3064,3068,3072,3076,3080,3084,3088,3092,3096,3100,3104],{"title":3039,"path":3035,"stem":3036},"Docker: від нуля до production",{"title":3041,"path":3042,"stem":3043},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3045,"path":3046,"stem":3047},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3049,"path":3050,"stem":3051},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3053,"path":3054,"stem":3055},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3057,"path":3058,"stem":3059},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3061,"path":3062,"stem":3063},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3065,"path":3066,"stem":3067},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3069,"path":3070,"stem":3071},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3073,"path":3074,"stem":3075},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3077,"path":3078,"stem":3079},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3081,"path":3082,"stem":3083},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3085,"path":3086,"stem":3087},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3089,"path":3090,"stem":3091},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3093,"path":3094,"stem":3095},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3097,"path":3098,"stem":3099},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3101,"path":3102,"stem":3103},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3105,"path":3106,"stem":3107},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3109,"icon":3110,"path":3111,"stem":3112,"children":3113},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3114,3116,3120,3124,3128,3132,3136,3140,3144],{"title":3115,"path":3111,"stem":3112},"Kubernetes: від розробки до production",{"title":3117,"path":3118,"stem":3119},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3121,"path":3122,"stem":3123},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3125,"path":3126,"stem":3127},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3129,"path":3130,"stem":3131},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3133,"path":3134,"stem":3135},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3137,"path":3138,"stem":3139},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3141,"path":3142,"stem":3143},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3145,"path":3146,"stem":3147},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3149,"icon":3150,"path":3151,"stem":3152,"children":3153,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3154,3158,3162,3166,3170,3174,3178,3182,3186,3190,3194],{"title":3155,"path":3156,"stem":3157},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3159,"path":3160,"stem":3161},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3163,"path":3164,"stem":3165},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3167,"path":3168,"stem":3169},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3171,"path":3172,"stem":3173},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3175,"path":3176,"stem":3177},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3179,"path":3180,"stem":3181},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3183,"path":3184,"stem":3185},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3187,"path":3188,"stem":3189},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3191,"path":3192,"stem":3193},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3195,"path":3196,"stem":3197},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3199,"icon":943,"path":3200,"stem":3201,"children":3202,"page":59},"DDD","\u002Fddd","10.ddd",[3203,3207,3211,3215,3219,3223,3227,3231,3235,3239,3243,3247,3251],{"title":3204,"path":3205,"stem":3206},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3208,"path":3209,"stem":3210},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3212,"path":3213,"stem":3214},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3216,"path":3217,"stem":3218},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3220,"path":3221,"stem":3222},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3224,"path":3225,"stem":3226},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3228,"path":3229,"stem":3230},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3232,"path":3233,"stem":3234},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3236,"path":3237,"stem":3238},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3240,"path":3241,"stem":3242},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3244,"path":3245,"stem":3246},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3248,"path":3249,"stem":3250},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3252,"path":3253,"stem":3254},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3256,"icon":3257,"path":3258,"stem":3259,"children":3260,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3261,3265,3269,3273,3277,3281,3285],{"title":3262,"path":3263,"stem":3264},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3266,"path":3267,"stem":3268},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3270,"path":3271,"stem":3272},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3274,"path":3275,"stem":3276},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3278,"path":3279,"stem":3280},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3282,"path":3283,"stem":3284},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3286,"path":3287,"stem":3288},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3290,"icon":3291,"path":3292,"stem":3293,"children":3294,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411],{"title":3296,"path":3297,"stem":3298},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3300,"path":3301,"stem":3302},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3304,"path":3305,"stem":3306},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3308,"path":3309,"stem":3310},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3312,"path":3313,"stem":3314},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3316,"path":3317,"stem":3318},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3320,"path":3321,"stem":3322},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3324,"path":3325,"stem":3326},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3328,"path":3329,"stem":3330},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3332,"path":3333,"stem":3334},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3336,"path":3337,"stem":3338},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3340,"path":3341,"stem":3342},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3344,"path":3345,"stem":3346},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3348,"path":3349,"stem":3350},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3352,"path":3353,"stem":3354},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3356,"path":3357,"stem":3358},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3360,"path":3361,"stem":3362},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3364,"path":3365,"stem":3366},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3368,"path":3369,"stem":3370},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3372,"path":3373,"stem":3374},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3376,"path":3377,"stem":3378},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3380,"path":3381,"stem":3382},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3384,"path":3385,"stem":3386},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3388,"path":3389,"stem":3390},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3392,"path":3393,"stem":3394},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3396,"path":3397,"stem":3398},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3400,"path":3401,"stem":3402},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3404,"path":3405,"stem":3406},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3408,"path":3409,"stem":3410},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3412,"path":3413,"stem":3414},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3416,"path":3417,"stem":3418,"children":3419,"page":59},"AWS","\u002Faws","13.aws",[3420,3424,3428,3432,3436,3440,3444,3448,3452,3456,3460,3464,3468,3472,3476,3480,3484,3488],{"title":3421,"path":3422,"stem":3423},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3425,"path":3426,"stem":3427},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3429,"path":3430,"stem":3431},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3433,"path":3434,"stem":3435},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3437,"path":3438,"stem":3439},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3441,"path":3442,"stem":3443},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3445,"path":3446,"stem":3447},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3449,"path":3450,"stem":3451},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3453,"path":3454,"stem":3455},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3457,"path":3458,"stem":3459},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3461,"path":3462,"stem":3463},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3465,"path":3466,"stem":3467},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3469,"path":3470,"stem":3471},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3473,"path":3474,"stem":3475},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3477,"path":3478,"stem":3479},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3481,"path":3482,"stem":3483},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3485,"path":3486,"stem":3487},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3489,"path":3490,"stem":3491},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3493,"path":3494,"stem":3495,"children":3496,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3497],{"title":3498,"path":3499,"stem":3500,"children":3501,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3502],{"title":3503,"path":3504,"stem":3505},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3507,"path":3508,"stem":3509,"children":3510,"page":59},"React Native","\u002Freact-native","15.react-native",[3511,3532],{"title":3512,"path":3513,"stem":3514,"children":3515,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3516,3520,3524,3528],{"title":3517,"path":3518,"stem":3519},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3521,"path":3522,"stem":3523},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3525,"path":3526,"stem":3527},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3529,"path":3530,"stem":3531},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3533,"path":3534,"stem":3535,"children":3536,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641],{"title":3538,"path":3539,"stem":3540},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3542,"path":3543,"stem":3544},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3546,"path":3547,"stem":3548},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3550,"path":3551,"stem":3552},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3554,"path":3555,"stem":3556},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3558,"path":3559,"stem":3560},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3562,"path":3563,"stem":3564},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3566,"path":3567,"stem":3568},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3570,"path":3571,"stem":3572},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3574,"path":3575,"stem":3576},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3578,"path":3579,"stem":3580},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3582,"path":3583,"stem":3584},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3586,"path":3587,"stem":3588},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3590,"path":3591,"stem":3592},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3594,"path":3595,"stem":3596},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3598,"path":3599,"stem":3600},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3602,"path":3603,"stem":3604},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3606,"path":3607,"stem":3608},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3610,"path":3611,"stem":3612},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3614,"path":3615,"stem":3616},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3618,"path":3619,"stem":3620},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3622,"path":3623,"stem":3624},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3626,"path":3627,"stem":3628},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3630,"path":3631,"stem":3632},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3634,"path":3635,"stem":3636},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3638,"path":3639,"stem":3640},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3642,"path":3643,"stem":3644},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3646,"path":3647,"stem":3648,"children":3649,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3650,3659,3668,3677,3706,3732,3757,3790,3807,3820,3829,3842,3851,3872,3885,3906],{"title":3651,"path":3652,"stem":3653,"children":3654,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3655],{"title":3656,"path":3657,"stem":3658},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3660,"path":3661,"stem":3662,"children":3663,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3664],{"title":3665,"path":3666,"stem":3667},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3669,"path":3670,"stem":3671,"children":3672,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3673],{"title":3674,"path":3675,"stem":3676},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3678,"path":3679,"stem":3680,"children":3681,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3682,3686,3690,3694,3698,3702],{"title":3683,"path":3684,"stem":3685},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3687,"path":3688,"stem":3689},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3691,"path":3692,"stem":3693},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3695,"path":3696,"stem":3697},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3699,"path":3700,"stem":3701},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3703,"path":3704,"stem":3705},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3707,"path":3708,"stem":3709,"children":3710},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3711,3712,3716,3720,3724,3728],{"title":3707,"path":3708,"stem":3709},{"title":3713,"path":3714,"stem":3715},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3717,"path":3718,"stem":3719},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3721,"path":3722,"stem":3723},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3725,"path":3726,"stem":3727},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3729,"path":3730,"stem":3731},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3733,"path":3734,"stem":3735,"children":3736,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3737,3741,3745,3749,3753],{"title":3738,"path":3739,"stem":3740},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3742,"path":3743,"stem":3744},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3746,"path":3747,"stem":3748},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3750,"path":3751,"stem":3752},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3754,"path":3755,"stem":3756},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3758,"path":3759,"stem":3760,"children":3761,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3762,3766,3770,3774,3778,3782,3786],{"title":3763,"path":3764,"stem":3765},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3767,"path":3768,"stem":3769},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3771,"path":3772,"stem":3773},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3775,"path":3776,"stem":3777},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3779,"path":3780,"stem":3781},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3783,"path":3784,"stem":3785},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3787,"path":3788,"stem":3789},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3791,"path":3792,"stem":3793,"children":3794,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3795,3799,3803],{"title":3796,"path":3797,"stem":3798},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3800,"path":3801,"stem":3802},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3804,"path":3805,"stem":3806},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3808,"path":3809,"stem":3810,"children":3811,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3812,3816],{"title":3813,"path":3814,"stem":3815},"Дерева рішень — інтерпретабельні моделі машинного навчання","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3817,"path":3818,"stem":3819},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3821,"path":3822,"stem":3823,"children":3824,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3825],{"title":3826,"path":3827,"stem":3828},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3830,"path":3831,"stem":3832,"children":3833,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3834,3838],{"title":3835,"path":3836,"stem":3837},"Вступ до класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3839,"path":3840,"stem":3841},"Метрики якості класифікації — Confusion Matrix, Precision, Recall, F1","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3843,"path":3844,"stem":3845,"children":3846,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3847],{"title":3848,"path":3849,"stem":3850},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3856,3860,3864,3868],{"title":3857,"path":3858,"stem":3859},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3861,"path":3862,"stem":3863},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3865,"path":3866,"stem":3867},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3869,"path":3870,"stem":3871},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3873,"path":3874,"stem":3875,"children":3876,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3877,3881],{"title":3878,"path":3879,"stem":3880},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3882,"path":3883,"stem":3884},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":3886,"path":3887,"stem":3888,"children":3889,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3890,3894,3898,3902],{"title":3891,"path":3892,"stem":3893},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3895,"path":3896,"stem":3897},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3899,"path":3900,"stem":3901},"Глибші CNN та аугментація даних для CIFAR-10","\u002Fai-python\u002Fcnn-image-classification\u002Fcifar10-and-data-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F03.cifar10-and-data-augmentation",{"title":3903,"path":3904,"stem":3905},"Transfer Learning та візуалізація внутрішніх представлень CNN","\u002Fai-python\u002Fcnn-image-classification\u002Ftransfer-learning-and-visualization","16.ai-python\u002F15.cnn-image-classification\u002F04.transfer-learning-and-visualization",{"title":3907,"path":3908,"stem":3909,"children":3910,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3911,3915,3919,3923,3927,3931,3935],{"title":3912,"path":3913,"stem":3914},"Mini-batch Gradient Descent та ефективна обробка даних","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fmini-batch-gradient-descent","16.ai-python\u002F16.batching-normalization-deep-networks\u002F01.mini-batch-gradient-descent",{"title":3916,"path":3917,"stem":3918},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3920,"path":3921,"stem":3922},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3924,"path":3925,"stem":3926},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3928,"path":3929,"stem":3930},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3932,"path":3933,"stem":3934},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3936,"path":3937,"stem":3938},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3940,"icon":658,"path":3941,"stem":3942,"children":3943,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3944,3948,3952,3956,3960,3964,3968,3972,3976,3980,3984,3988,3992,3996,4000,4004,4008,4012],{"title":3945,"path":3946,"stem":3947},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3949,"path":3950,"stem":3951},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3953,"path":3954,"stem":3955},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3957,"path":3958,"stem":3959},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3961,"path":3962,"stem":3963},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3965,"path":3966,"stem":3967},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3969,"path":3970,"stem":3971},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3973,"path":3974,"stem":3975},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3977,"path":3978,"stem":3979},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3981,"path":3982,"stem":3983},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3985,"path":3986,"stem":3987},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3989,"path":3990,"stem":3991},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":3993,"path":3994,"stem":3995},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3997,"path":3998,"stem":3999},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4001,"path":4002,"stem":4003},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4005,"path":4006,"stem":4007},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4009,"path":4010,"stem":4011},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4013,"path":4014,"stem":4015},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4017,"icon":2074,"path":4018,"stem":4019,"children":4020,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4021,4066,4104,4133,4162,4219,4269,4363,4429,4511,4544,4572,4614,4660,4703],{"title":4022,"icon":658,"path":4023,"stem":4024,"children":4025,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4026,4030,4034,4038,4042,4046,4050,4054,4058,4062],{"title":4027,"path":4028,"stem":4029},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4031,"path":4032,"stem":4033},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4035,"path":4036,"stem":4037},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4039,"path":4040,"stem":4041},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4043,"path":4044,"stem":4045},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4047,"path":4048,"stem":4049},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4051,"path":4052,"stem":4053},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4055,"path":4056,"stem":4057},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4059,"path":4060,"stem":4061},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4063,"path":4064,"stem":4065},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4067,"icon":4068,"path":4069,"stem":4070,"children":4071,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4072,4076,4080,4084,4088,4092,4096,4100],{"title":4073,"path":4074,"stem":4075},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4077,"path":4078,"stem":4079},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4081,"path":4082,"stem":4083},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4085,"path":4086,"stem":4087},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4089,"path":4090,"stem":4091},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4093,"path":4094,"stem":4095},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4097,"path":4098,"stem":4099},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4101,"path":4102,"stem":4103},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4105,"icon":2454,"path":4106,"stem":4107,"children":4108,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4109,4113,4117,4121,4125,4129],{"title":4110,"path":4111,"stem":4112},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4114,"path":4115,"stem":4116},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4118,"path":4119,"stem":4120},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4122,"path":4123,"stem":4124},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4126,"path":4127,"stem":4128},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4130,"path":4131,"stem":4132},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4134,"icon":2454,"path":4135,"stem":4136,"children":4137,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4138,4142,4146,4150,4154,4158],{"title":4139,"path":4140,"stem":4141},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4143,"path":4144,"stem":4145},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4147,"path":4148,"stem":4149},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4151,"path":4152,"stem":4153},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4155,"path":4156,"stem":4157},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4159,"path":4160,"stem":4161},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4163,"icon":4164,"path":4165,"stem":4166,"children":4167,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4168,4172,4176,4180,4184,4188,4192,4196,4200,4204,4208,4211,4215],{"title":4169,"path":4170,"stem":4171},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4173,"path":4174,"stem":4175},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4177,"path":4178,"stem":4179},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4181,"path":4182,"stem":4183},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4185,"path":4186,"stem":4187},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4189,"path":4190,"stem":4191},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4193,"path":4194,"stem":4195},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4197,"path":4198,"stem":4199},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4201,"path":4202,"stem":4203},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4205,"path":4206,"stem":4207},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3097,"path":4209,"stem":4210},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4212,"path":4213,"stem":4214},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4216,"path":4217,"stem":4218},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4220,"icon":4221,"path":4222,"stem":4223,"children":4224,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4225,4229,4233,4237,4241,4245,4249,4253,4257,4261,4265],{"title":4226,"path":4227,"stem":4228},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4230,"path":4231,"stem":4232},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4234,"path":4235,"stem":4236},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4238,"path":4239,"stem":4240},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4242,"path":4243,"stem":4244},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4246,"path":4247,"stem":4248},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4250,"path":4251,"stem":4252},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4254,"path":4255,"stem":4256},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4258,"path":4259,"stem":4260},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4262,"path":4263,"stem":4264},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4266,"path":4267,"stem":4268},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4270,"icon":4271,"path":4272,"stem":4273,"children":4274,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4275,4279,4283,4287,4291,4295,4299,4303,4307,4311,4315,4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359],{"title":4276,"path":4277,"stem":4278},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4280,"path":4281,"stem":4282},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4284,"path":4285,"stem":4286},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4288,"path":4289,"stem":4290},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4292,"path":4293,"stem":4294},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4296,"path":4297,"stem":4298},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4300,"path":4301,"stem":4302},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4304,"path":4305,"stem":4306},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4308,"path":4309,"stem":4310},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4312,"path":4313,"stem":4314},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4316,"path":4317,"stem":4318},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4320,"path":4321,"stem":4322},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4324,"path":4325,"stem":4326},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4328,"path":4329,"stem":4330},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4332,"path":4333,"stem":4334},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4336,"path":4337,"stem":4338},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4340,"path":4341,"stem":4342},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4344,"path":4345,"stem":4346},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4348,"path":4349,"stem":4350},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4352,"path":4353,"stem":4354},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4356,"path":4357,"stem":4358},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4360,"path":4361,"stem":4362},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4364,"icon":4365,"path":4366,"stem":4367,"children":4368,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4369,4373,4377,4381,4385,4389,4393,4397,4401,4405,4409,4413,4417,4421,4425],{"title":4370,"path":4371,"stem":4372},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4374,"path":4375,"stem":4376},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4378,"path":4379,"stem":4380},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4382,"path":4383,"stem":4384},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4386,"path":4387,"stem":4388},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4390,"path":4391,"stem":4392},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4394,"path":4395,"stem":4396},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4398,"path":4399,"stem":4400},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4402,"path":4403,"stem":4404},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4406,"path":4407,"stem":4408},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4410,"path":4411,"stem":4412},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4414,"path":4415,"stem":4416},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4418,"path":4419,"stem":4420},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4422,"path":4423,"stem":4424},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4426,"path":4427,"stem":4428},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4430,"icon":4431,"path":4432,"stem":4433,"children":4434,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4435,4439,4443,4447,4451,4455,4459,4463,4467,4471,4475,4479,4483,4487,4491,4495,4499,4503,4507],{"title":4436,"path":4437,"stem":4438},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4440,"path":4441,"stem":4442},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4444,"path":4445,"stem":4446},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4448,"path":4449,"stem":4450},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4452,"path":4453,"stem":4454},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4456,"path":4457,"stem":4458},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4460,"path":4461,"stem":4462},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4464,"path":4465,"stem":4466},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4468,"path":4469,"stem":4470},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4472,"path":4473,"stem":4474},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4476,"path":4477,"stem":4478},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4480,"path":4481,"stem":4482},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4484,"path":4485,"stem":4486},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4488,"path":4489,"stem":4490},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4492,"path":4493,"stem":4494},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4496,"path":4497,"stem":4498},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4500,"path":4501,"stem":4502},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4504,"path":4505,"stem":4506},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4508,"path":4509,"stem":4510},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4512,"icon":2821,"path":4513,"stem":4514,"children":4515,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4516,4520,4524,4528,4532,4536,4540],{"title":4517,"path":4518,"stem":4519},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4521,"path":4522,"stem":4523},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4525,"path":4526,"stem":4527},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4529,"path":4530,"stem":4531},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4533,"path":4534,"stem":4535},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4537,"path":4538,"stem":4539},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4541,"path":4542,"stem":4543},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4545,"icon":4546,"path":4547,"stem":4548,"children":4549,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4550,4554,4558,4562,4566],{"title":4551,"path":4552,"stem":4553},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4555,"path":4556,"stem":4557},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4559,"path":4560,"stem":4561},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4563,"path":4564,"stem":4565},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4567,"path":4568,"stem":4569,"children":4570},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4571],{"title":4567,"path":4568,"stem":4569},{"title":4573,"icon":4574,"path":4575,"stem":4576,"children":4577,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4578,4582,4586,4590,4594,4598,4602,4606,4610],{"title":4579,"path":4580,"stem":4581},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4583,"path":4584,"stem":4585},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4587,"path":4588,"stem":4589},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4591,"path":4592,"stem":4593},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4595,"path":4596,"stem":4597},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4599,"path":4600,"stem":4601},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4603,"path":4604,"stem":4605},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4607,"path":4608,"stem":4609},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4611,"path":4612,"stem":4613},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4615,"icon":4616,"path":4617,"stem":4618,"children":4619,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4620,4624,4628,4632,4636,4640,4644,4648,4652,4656],{"title":4621,"path":4622,"stem":4623},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4625,"path":4626,"stem":4627},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4629,"path":4630,"stem":4631},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4633,"path":4634,"stem":4635},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4637,"path":4638,"stem":4639},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4641,"path":4642,"stem":4643},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4645,"path":4646,"stem":4647},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4649,"path":4650,"stem":4651},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4653,"path":4654,"stem":4655},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4657,"path":4658,"stem":4659},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4661,"icon":871,"path":4662,"stem":4663,"children":4664,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4665,4669,4673,4677,4681,4685,4688,4691,4695,4699],{"title":4666,"path":4667,"stem":4668},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4670,"path":4671,"stem":4672},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4674,"path":4675,"stem":4676},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4678,"path":4679,"stem":4680},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4682,"path":4683,"stem":4684},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4686,"stem":4687},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4689,"stem":4690},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4692,"path":4693,"stem":4694},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4696,"path":4697,"stem":4698},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4700,"path":4701,"stem":4702},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4704,"icon":4705,"path":4706,"stem":4707,"children":4708,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4709,4713,4717,4721,4725,4729,4733,4737,4741,4745],{"title":4710,"path":4711,"stem":4712},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4714,"path":4715,"stem":4716},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4718,"path":4719,"stem":4720},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4722,"path":4723,"stem":4724},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4726,"path":4727,"stem":4728},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4730,"path":4731,"stem":4732},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4734,"path":4735,"stem":4736},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4738,"path":4739,"stem":4740},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4742,"path":4743,"stem":4744},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4746,"path":4747,"stem":4748},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4750,"icon":4751,"path":4752,"stem":4753,"children":4754,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4755,4796,4845,4883],{"title":4756,"icon":4705,"path":4757,"stem":4758,"children":4759,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4760,4764,4768,4772,4776,4780,4784,4788,4792],{"title":4761,"path":4762,"stem":4763},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4765,"path":4766,"stem":4767},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4769,"path":4770,"stem":4771},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4773,"path":4774,"stem":4775},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4777,"path":4778,"stem":4779},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4781,"path":4782,"stem":4783},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4785,"path":4786,"stem":4787},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4789,"path":4790,"stem":4791},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4793,"path":4794,"stem":4795},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4797,"icon":255,"path":4798,"stem":4799,"children":4800,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4801,4805,4809,4813,4817,4821,4825,4829,4833,4837,4841],{"title":4802,"path":4803,"stem":4804},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4806,"path":4807,"stem":4808},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4810,"path":4811,"stem":4812},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4814,"path":4815,"stem":4816},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4818,"path":4819,"stem":4820},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4822,"path":4823,"stem":4824},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4826,"path":4827,"stem":4828},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4830,"path":4831,"stem":4832},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4834,"path":4835,"stem":4836},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4838,"path":4839,"stem":4840},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4842,"path":4843,"stem":4844},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4846,"icon":4847,"path":4848,"stem":4849,"children":4850,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4851,4855,4859,4863,4867,4871,4875,4879],{"title":4852,"path":4853,"stem":4854},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4856,"path":4857,"stem":4858},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4860,"path":4861,"stem":4862},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4864,"path":4865,"stem":4866},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4868,"path":4869,"stem":4870},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4872,"path":4873,"stem":4874},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4876,"path":4877,"stem":4878},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4880,"path":4881,"stem":4882},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4884,"icon":793,"path":4885,"stem":4886,"children":4887,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4888,4892,4896,4900,4904,4908,4912,4916,4920],{"title":4889,"path":4890,"stem":4891},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4893,"path":4894,"stem":4895},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4897,"path":4898,"stem":4899},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4901,"path":4902,"stem":4903},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4905,"path":4906,"stem":4907},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4909,"path":4910,"stem":4911},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4913,"path":4914,"stem":4915},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4917,"path":4918,"stem":4919},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4921,"path":4922,"stem":4923},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4925,"icon":4926,"path":4927,"stem":4928,"children":4929,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4930,4956,4978,4999],{"title":4931,"icon":4932,"path":4933,"stem":4934,"children":4935,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4936,4940,4944,4948,4952],{"title":4937,"path":4938,"stem":4939},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4941,"path":4942,"stem":4943},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4945,"path":4946,"stem":4947},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4949,"path":4950,"stem":4951},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4953,"path":4954,"stem":4955},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":4957,"icon":4958,"path":4959,"stem":4960,"children":4961,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[4962,4966,4970,4974],{"title":4963,"path":4964,"stem":4965},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":4967,"path":4968,"stem":4969},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":4971,"path":4972,"stem":4973},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":4975,"path":4976,"stem":4977},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":4979,"icon":3028,"path":4980,"stem":4981,"children":4982,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[4983,4987,4991,4995],{"title":4984,"path":4985,"stem":4986},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":4988,"path":4989,"stem":4990},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":4992,"path":4993,"stem":4994},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":4996,"path":4997,"stem":4998},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5000,"icon":5001,"path":5002,"stem":5003,"children":5004,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5005,5009,5013],{"title":5006,"path":5007,"stem":5008},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5010,"path":5011,"stem":5012},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5014,"path":5015,"stem":5016},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5018,"path":5019,"stem":5020,"children":5021,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5022,5026,5030,5034,5038,5042,5046,5050,5054,5058,5062,5066],{"title":5023,"path":5024,"stem":5025},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5027,"path":5028,"stem":5029},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5031,"path":5032,"stem":5033},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5035,"path":5036,"stem":5037},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5039,"path":5040,"stem":5041},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5043,"path":5044,"stem":5045},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5047,"path":5048,"stem":5049},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5051,"path":5052,"stem":5053},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5055,"path":5056,"stem":5057},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5059,"path":5060,"stem":5061},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5063,"path":5064,"stem":5065},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5067,"path":5068,"stem":5069},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5071,"path":5072,"stem":5073},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":5075,"title":4670,"body":5076,"description":5339,"extension":23494,"links":23495,"meta":23496,"navigation":5784,"path":4671,"seo":23497,"stem":4672,"__hash__":23498},"docs\u002F18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway.md",{"type":5077,"value":5078,"toc":23426},"minimark",[5079,5083,5088,5092,5168,5171,5174,5250,5252,5256,5263,5266,5293,5303,5315,5317,5321,5324,5329,5448,5453,5490,5494,5497,5611,5663,5665,5669,5678,5682,6236,6241,6301,6305,6312,6436,6518,6520,6524,6527,6531,6545,6549,7763,7768,7821,7823,7827,7830,7834,7931,7935,7938,9126,9130,9245,9258,9260,9264,9274,9278,9281,9295,9300,10091,10096,10853,10858,10884,10895,10897,10901,10904,10908,10911,10916,11286,11291,11976,11981,13099,13104,13305,13308,13310,13314,13325,13329,13391,13401,13405,13410,13995,14000,14714,14719,15359,15363,15370,15375,15855,15860,15863,15888,15900,15902,15906,15917,15921,15992,15996,16194,16198,16297,16317,16321,16388,16399,16403,16408,16415,16420,16456,16461,16518,16520,16524,16527,16531,16537,16557,16687,16692,16818,16823,16851,16855,16858,16924,16930,16934,16941,17001,17006,17039,17047,17049,17053,17056,17060,17301,17305,18712,18716,19388,19390,19394,19397,19401,19715,19719,20206,20210,20489,20491,20495,20501,20505,20522,20526,20688,20692,21014,21019,21048,21050,21054,21058,21061,21525,21529,21532,21904,21908,21911,22390,22447,22451,22454,22681,22685,22688,22940,23106,23108,23112,23115,23248,23253,23290,23292,23296,23299,23404,23416,23422],[5080,5081,4670],"h1",{"id":5082},"websocket-gateway-у-nestjs",[5084,5085,5087],"h2",{"id":5086},"короткий-зміст","Короткий зміст",[5089,5090,5091],"p",{},"У цій лекції вивчається практична реалізація WebSocket сервера у NestJS з використанням Socket.IO:",[5093,5094,5095,5103,5118,5124,5138,5152,5162],"ul",{},[5096,5097,5098,5102],"li",{},[5099,5100,5101],"strong",{},"Декоратор @WebSocketGateway()"," — створення WebSocket gateway класу, конфігурація порту та namespace, опції для Socket.IO (cors, transports, path)",[5096,5104,5105,5108,5109,5113,5114,5117],{},[5099,5106,5107],{},"Інтеграція Socket.IO"," — популярна бібліотека для WebSocket з fallback на long-polling, інсталяція ",[5110,5111,5112],"code",{},"@nestjs\u002Fwebsockets"," та ",[5110,5115,5116],{},"@nestjs\u002Fplatform-socket.io",", адаптер для Socket.IO",[5096,5119,5120,5123],{},[5099,5121,5122],{},"Декоратор @SubscribeMessage()"," — обробка подій від клієнта, прив'язка методу до події (наприклад, 'message', 'chat'), отримання payload події",[5096,5125,5126,5129,5130,5133,5134,5137],{},[5099,5127,5128],{},"Емітування подій"," — відправка даних клієнту через ",[5110,5131,5132],{},"socket.emit()"," для одного клієнта, ",[5110,5135,5136],{},"server.emit()"," для всіх підключених, acknowledgments для підтвердження доставки",[5096,5139,5140,5143,5144,5147,5148,5151],{},[5099,5141,5142],{},"Broadcasting"," — розсилка повідомлень: ",[5110,5145,5146],{},"socket.broadcast.emit()"," для всіх окрім відправника, ",[5110,5149,5150],{},"server.to(room).emit()"," для конкретної кімнати",[5096,5153,5154,5157,5158,5161],{},[5099,5155,5156],{},"Налаштування CORS"," — дозвіл WebSocket з'єднань з frontend домену, конфігурація через ",[5110,5159,5160],{},"cors: { origin: 'http:\u002F\u002Flocalhost:3000' }"," у gateway options",[5096,5163,5164,5167],{},[5099,5165,5166],{},"Dependency Injection"," — ін'єкція сервісів у Gateway через constructor, використання репозиторіїв для збереження повідомлень",[5089,5169,5170],{},"Розглядаються практичні приклади: створення простого чату, відправка повідомлень між користувачами, інтеграція з JWT автентифікацією для WebSocket.",[5172,5173],"hr",{},[5175,5176,5177,5209],"card-group",{},[5178,5179,5182],"card",{"icon":5180,"title":5181},"i-lucide-target","🎯 Мета лекції",[5093,5183,5184,5187,5197,5200,5203,5206],{},[5096,5185,5186],{},"Опанувати створення WebSocket Gateway у NestJS з використанням бібліотеки Socket.IO для повнодуплексної комунікації.",[5096,5188,5189,5190,5193,5194,5196],{},"Навчитися обробляти події від клієнтів через декоратор ",[5110,5191,5192],{},"@SubscribeMessage()"," та емітувати події назад через ",[5110,5195,5132],{},".",[5096,5198,5199],{},"Впровадити broadcasting для розсилки повідомлень всім підключеним клієнтам або конкретним групам користувачів.",[5096,5201,5202],{},"Налаштувати CORS політику для WebSocket з'єднань з frontend застосунку на іншому домені.",[5096,5204,5205],{},"Інтегрувати JWT автентифікацію для захисту WebSocket з'єднань та ідентифікації користувачів.",[5096,5207,5208],{},"Реалізувати практичний приклад чат-застосунку з збереженням повідомлень у базі даних.",[5178,5210,5212],{"icon":4574,"title":5211},"🔑 Ключові терміни",[5093,5213,5214,5220,5226,5232,5238,5244],{},[5096,5215,5216,5219],{},[5099,5217,5218],{},"WebSocket Gateway:"," спеціальний клас у NestJS, що обробляє WebSocket з'єднання та події, аналог Controller для HTTP.",[5096,5221,5222,5225],{},[5099,5223,5224],{},"Socket.IO:"," JavaScript бібліотека для real-time комунікації з автоматичним fallback на long-polling, підтримкою rooms та namespaces.",[5096,5227,5228,5231],{},[5099,5229,5230],{},"Event Emitter:"," патерн для асинхронної комунікації через події, де одна частина коду емітує подію, а інша підписується на неї.",[5096,5233,5234,5237],{},[5099,5235,5236],{},"Broadcasting:"," розсилка повідомлення кільком або всім підключеним клієнтам одночасно.",[5096,5239,5240,5243],{},[5099,5241,5242],{},"Acknowledgment (ACK):"," механізм підтвердження доставки повідомлення від отримувача до відправника.",[5096,5245,5246,5249],{},[5099,5247,5248],{},"Adapter:"," компонент Socket.IO для синхронізації подій між кількома інстансами серверів (через Redis, RabbitMQ тощо).",[5172,5251],{},[5084,5253,5255],{"id":5254},"контекст-від-теорії-до-практики","Контекст: Від теорії до практики",[5089,5257,5258,5259,5262],{},"У попередній лекції ми детально розглянули чотири підходи до real-time комунікації та з'ясували, що ",[5099,5260,5261],{},"WebSocket"," є оптимальним рішенням для застосунків, що потребують двостороннього зв'язку з мінімальною латентністю: чатів, collaborative editing, multiplayer ігор, live dashboards.",[5089,5264,5265],{},"Проте нативний WebSocket API у браузерах та Node.js має кілька критичних обмежень для продакшн застосунків:",[5267,5268,5269,5275,5281,5287],"ol",{},[5096,5270,5271,5274],{},[5099,5272,5273],{},"Відсутність автоматичного reconnect:"," якщо з'єднання розривається (втрата мережі, перезапуск сервера), розробник повинен вручну реалізувати логіку reconnect з exponential backoff.",[5096,5276,5277,5280],{},[5099,5278,5279],{},"Немає fallback механізму:"," у деяких корпоративних мережах WebSocket блокується firewall, тому потрібен fallback на long-polling.",[5096,5282,5283,5286],{},[5099,5284,5285],{},"Складне управління rooms:"," для реалізації групової комунікації (наприклад, кімнати чату) потрібно вручну керувати списками підписників.",[5096,5288,5289,5292],{},[5099,5290,5291],{},"Відсутність acknowledgments:"," немає вбудованого механізму підтвердження доставки повідомлення.",[5089,5294,5295,5296,5299,5300,5302],{},"Саме ці проблеми вирішує бібліотека ",[5099,5297,5298],{},"Socket.IO"," — високорівнева абстракція поверх WebSocket з автоматичним fallback, підтримкою rooms, namespaces, acknowledgments та багатьма іншими функціями. NestJS надає офіційну інтеграцію з Socket.IO через пакет ",[5110,5301,5112],{},", що дозволяє використовувати декларативний підхід з декораторами для обробки WebSocket подій.",[5304,5305,5306,5307,5310,5311,5314],"note",{},"Socket.IO складається з двох частин: ",[5099,5308,5309],{},"серверна бібліотека"," (socket.io для Node.js) та ",[5099,5312,5313],{},"клієнтська бібліотека"," (socket.io-client для браузерів або Node.js клієнтів). Обидві частини автоматично узгоджують транспортний протокол: спочатку намагаються встановити WebSocket, а якщо не вдається — використовують long-polling.",[5172,5316],{},[5084,5318,5320],{"id":5319},"встановлення-залежностей-та-початкова-конфігурація","Встановлення залежностей та початкова конфігурація",[5089,5322,5323],{},"Перш ніж створювати Gateway, потрібно встановити необхідні пакети для роботи з WebSocket у NestJS.",[5325,5326,5328],"h3",{"id":5327},"встановлення-socketio-пакетів","Встановлення Socket.IO пакетів",[5330,5331,5332,5389,5420],"code-group",{},[5333,5334,5340],"pre",{"className":5335,"code":5336,"filename":5337,"language":5338,"meta":5339,"style":5339},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install --save @nestjs\u002Fwebsockets @nestjs\u002Fplatform-socket.io\nnpm install --save socket.io\nnpm install --save-dev @types\u002Fsocket.io\n","npm","bash","",[5110,5341,5342,5364,5376],{"__ignoreMap":5339},[5343,5344,5347,5350,5354,5358,5361],"span",{"class":5345,"line":5346},"line",1,[5343,5348,5337],{"class":5349},"s8Opu",[5343,5351,5353],{"class":5352},"sbdoH"," install",[5343,5355,5357],{"class":5356},"su1O8"," --save",[5343,5359,5360],{"class":5352}," @nestjs\u002Fwebsockets",[5343,5362,5363],{"class":5352}," @nestjs\u002Fplatform-socket.io\n",[5343,5365,5367,5369,5371,5373],{"class":5345,"line":5366},2,[5343,5368,5337],{"class":5349},[5343,5370,5353],{"class":5352},[5343,5372,5357],{"class":5356},[5343,5374,5375],{"class":5352}," socket.io\n",[5343,5377,5379,5381,5383,5386],{"class":5345,"line":5378},3,[5343,5380,5337],{"class":5349},[5343,5382,5353],{"class":5352},[5343,5384,5385],{"class":5356}," --save-dev",[5343,5387,5388],{"class":5352}," @types\u002Fsocket.io\n",[5333,5390,5393],{"className":5335,"code":5391,"filename":5392,"language":5338,"meta":5339,"style":5339},"yarn add @nestjs\u002Fwebsockets @nestjs\u002Fplatform-socket.io socket.io\nyarn add -D @types\u002Fsocket.io\n","yarn",[5110,5394,5395,5409],{"__ignoreMap":5339},[5343,5396,5397,5399,5402,5404,5407],{"class":5345,"line":5346},[5343,5398,5392],{"class":5349},[5343,5400,5401],{"class":5352}," add",[5343,5403,5360],{"class":5352},[5343,5405,5406],{"class":5352}," @nestjs\u002Fplatform-socket.io",[5343,5408,5375],{"class":5352},[5343,5410,5411,5413,5415,5418],{"class":5345,"line":5366},[5343,5412,5392],{"class":5349},[5343,5414,5401],{"class":5352},[5343,5416,5417],{"class":5356}," -D",[5343,5419,5388],{"class":5352},[5333,5421,5424],{"className":5335,"code":5422,"filename":5423,"language":5338,"meta":5339,"style":5339},"pnpm add @nestjs\u002Fwebsockets @nestjs\u002Fplatform-socket.io socket.io\npnpm add -D @types\u002Fsocket.io\n","pnpm",[5110,5425,5426,5438],{"__ignoreMap":5339},[5343,5427,5428,5430,5432,5434,5436],{"class":5345,"line":5346},[5343,5429,5423],{"class":5349},[5343,5431,5401],{"class":5352},[5343,5433,5360],{"class":5352},[5343,5435,5406],{"class":5352},[5343,5437,5375],{"class":5352},[5343,5439,5440,5442,5444,5446],{"class":5345,"line":5366},[5343,5441,5423],{"class":5349},[5343,5443,5401],{"class":5352},[5343,5445,5417],{"class":5356},[5343,5447,5388],{"class":5352},[5089,5449,5450],{},[5099,5451,5452],{},"Пояснення пакетів:",[5093,5454,5455,5468,5478,5484],{},[5096,5456,5457,5460,5461,5464,5465,5467],{},[5099,5458,5459],{},"@nestjs\u002Fwebsockets:"," Core модуль NestJS для WebSocket підтримки, надає декоратори ",[5110,5462,5463],{},"@WebSocketGateway()",", ",[5110,5466,5192],{}," тощо.",[5096,5469,5470,5473,5474,5477],{},[5099,5471,5472],{},"@nestjs\u002Fplatform-socket.io:"," Адаптер для інтеграції Socket.IO з NestJS (альтернатива — ",[5110,5475,5476],{},"@nestjs\u002Fplatform-ws"," для нативного WebSocket без Socket.IO).",[5096,5479,5480,5483],{},[5099,5481,5482],{},"socket.io:"," Серверна бібліотека Socket.IO.",[5096,5485,5486,5489],{},[5099,5487,5488],{},"@types\u002Fsocket.io:"," TypeScript типізація для Socket.IO (опціонально, але рекомендовано).",[5325,5491,5493],{"id":5492},"структура-модуля-для-чат-застосунку","Структура модуля для чат-застосунку",[5089,5495,5496],{},"Створимо окремий модуль для WebSocket функціональності, щоб дотримуватися принципу модульності NestJS.",[5498,5499,5500],"code-tree",{},[5333,5501,5504],{"className":5335,"code":5502,"filename":5503,"language":5338,"meta":5339,"style":5339},"src\u002F\n├── app.module.ts\n├── main.ts\n└── chat\u002F\n    ├── chat.module.ts\n    ├── chat.gateway.ts          # WebSocket Gateway\n    ├── chat.service.ts          # Бізнес-логіка\n    ├── entities\u002F\n    │   └── message.entity.ts    # TypeORM Entity\n    └── dto\u002F\n        └── create-message.dto.ts # DTO для валідації\n","Структура проєкту",[5110,5505,5506,5511,5519,5526,5535,5544,5556,5567,5575,5590,5599],{"__ignoreMap":5339},[5343,5507,5508],{"class":5345,"line":5346},[5343,5509,5510],{"class":5349},"src\u002F\n",[5343,5512,5513,5516],{"class":5345,"line":5366},[5343,5514,5515],{"class":5349},"├──",[5343,5517,5518],{"class":5352}," app.module.ts\n",[5343,5520,5521,5523],{"class":5345,"line":5378},[5343,5522,5515],{"class":5349},[5343,5524,5525],{"class":5352}," main.ts\n",[5343,5527,5529,5532],{"class":5345,"line":5528},4,[5343,5530,5531],{"class":5349},"└──",[5343,5533,5534],{"class":5352}," chat\u002F\n",[5343,5536,5538,5541],{"class":5345,"line":5537},5,[5343,5539,5540],{"class":5349},"    ├──",[5343,5542,5543],{"class":5352}," chat.module.ts\n",[5343,5545,5547,5549,5552],{"class":5345,"line":5546},6,[5343,5548,5540],{"class":5349},[5343,5550,5551],{"class":5352}," chat.gateway.ts",[5343,5553,5555],{"class":5554},"spJ8K","          # WebSocket Gateway\n",[5343,5557,5559,5561,5564],{"class":5345,"line":5558},7,[5343,5560,5540],{"class":5349},[5343,5562,5563],{"class":5352}," chat.service.ts",[5343,5565,5566],{"class":5554},"          # Бізнес-логіка\n",[5343,5568,5570,5572],{"class":5345,"line":5569},8,[5343,5571,5540],{"class":5349},[5343,5573,5574],{"class":5352}," entities\u002F\n",[5343,5576,5578,5581,5584,5587],{"class":5345,"line":5577},9,[5343,5579,5580],{"class":5349},"    │",[5343,5582,5583],{"class":5352},"   └──",[5343,5585,5586],{"class":5352}," message.entity.ts",[5343,5588,5589],{"class":5554},"    # TypeORM Entity\n",[5343,5591,5593,5596],{"class":5345,"line":5592},10,[5343,5594,5595],{"class":5349},"    └──",[5343,5597,5598],{"class":5352}," dto\u002F\n",[5343,5600,5602,5605,5608],{"class":5345,"line":5601},11,[5343,5603,5604],{"class":5349},"        └──",[5343,5606,5607],{"class":5352}," create-message.dto.ts",[5343,5609,5610],{"class":5554}," # DTO для валідації\n",[5333,5612,5614],{"className":5335,"code":5613,"language":5338,"meta":5339,"style":5339},"# Генерація модуля та gateway через NestJS CLI\nnest generate module chat\nnest generate gateway chat\u002Fchat --no-spec\nnest generate service chat\u002Fchat --no-spec\n",[5110,5615,5616,5621,5635,5650],{"__ignoreMap":5339},[5343,5617,5618],{"class":5345,"line":5346},[5343,5619,5620],{"class":5554},"# Генерація модуля та gateway через NestJS CLI\n",[5343,5622,5623,5626,5629,5632],{"class":5345,"line":5366},[5343,5624,5625],{"class":5349},"nest",[5343,5627,5628],{"class":5352}," generate",[5343,5630,5631],{"class":5352}," module",[5343,5633,5634],{"class":5352}," chat\n",[5343,5636,5637,5639,5641,5644,5647],{"class":5345,"line":5378},[5343,5638,5625],{"class":5349},[5343,5640,5628],{"class":5352},[5343,5642,5643],{"class":5352}," gateway",[5343,5645,5646],{"class":5352}," chat\u002Fchat",[5343,5648,5649],{"class":5356}," --no-spec\n",[5343,5651,5652,5654,5656,5659,5661],{"class":5345,"line":5528},[5343,5653,5625],{"class":5349},[5343,5655,5628],{"class":5352},[5343,5657,5658],{"class":5352}," service",[5343,5660,5646],{"class":5352},[5343,5662,5649],{"class":5356},[5172,5664],{},[5084,5666,5668],{"id":5667},"створення-базового-websocket-gateway","Створення базового WebSocket Gateway",[5089,5670,5671,5674,5675,5677],{},[5099,5672,5673],{},"Gateway"," у NestJS — це клас, анотований декоратором ",[5110,5676,5463],{},", який відповідає за обробку WebSocket з'єднань та подій. Це концептуальний аналог Controller для HTTP запитів.",[5325,5679,5681],{"id":5680},"мінімальний-приклад-gateway","Мінімальний приклад Gateway",[5333,5683,5687],{"className":5684,"code":5685,"language":5686,"meta":5339,"style":5339},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport {\n  WebSocketGateway,\n  WebSocketServer,\n  SubscribeMessage,\n  MessageBody,\n  ConnectedSocket,\n} from '@nestjs\u002Fwebsockets';\nimport { Server, Socket } from 'socket.io';\n\n@WebSocketGateway({\n  cors: {\n    origin: 'http:\u002F\u002Flocalhost:3000', \u002F\u002F Дозволити з'єднання з frontend\n    credentials: true,\n  },\n})\nexport class ChatGateway {\n  @WebSocketServer()\n  server: Server; \u002F\u002F Socket.IO server instance\n\n  \u002F**\n   * Обробник події 'message' від клієнта\n   *\u002F\n  @SubscribeMessage('message')\n  handleMessage(\n    @MessageBody() data: string,\n    @ConnectedSocket() client: Socket,\n  ): string {\n    console.log(`[WebSocket] Отримано повідомлення від ${client.id}: ${data}`);\n\n    \u002F\u002F Повертаємо відповідь клієнту\n    return `Сервер отримав: ${data}`;\n  }\n\n  \u002F**\n   * Broadcast: розсилка повідомлення всім підключеним клієнтам\n   *\u002F\n  @SubscribeMessage('broadcast')\n  handleBroadcast(@MessageBody() message: string): void {\n    console.log(`[WebSocket] Broadcast: ${message}`);\n\n    \u002F\u002F Відправити всім клієнтам (включно з відправником)\n    this.server.emit('message', {\n      text: message,\n      timestamp: new Date().toISOString(),\n    });\n  }\n}\n","typescript",[5110,5688,5689,5694,5704,5713,5720,5727,5734,5741,5755,5780,5786,5797,5805,5819,5830,5836,5842,5857,5869,5886,5891,5897,5903,5909,5926,5935,5957,5976,5986,6030,6035,6041,6060,6066,6071,6076,6082,6087,6101,6129,6153,6158,6164,6187,6198,6219,6225,6230],{"__ignoreMap":5339},[5343,5690,5691],{"class":5345,"line":5346},[5343,5692,5693],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\n",[5343,5695,5696,5700],{"class":5345,"line":5366},[5343,5697,5699],{"class":5698},"s8xlr","import",[5343,5701,5703],{"class":5702},"sHH4Y"," {\n",[5343,5705,5706,5710],{"class":5345,"line":5378},[5343,5707,5709],{"class":5708},"siwwj","  WebSocketGateway",[5343,5711,5712],{"class":5702},",\n",[5343,5714,5715,5718],{"class":5345,"line":5528},[5343,5716,5717],{"class":5708},"  WebSocketServer",[5343,5719,5712],{"class":5702},[5343,5721,5722,5725],{"class":5345,"line":5537},[5343,5723,5724],{"class":5708},"  SubscribeMessage",[5343,5726,5712],{"class":5702},[5343,5728,5729,5732],{"class":5345,"line":5546},[5343,5730,5731],{"class":5708},"  MessageBody",[5343,5733,5712],{"class":5702},[5343,5735,5736,5739],{"class":5345,"line":5558},[5343,5737,5738],{"class":5708},"  ConnectedSocket",[5343,5740,5712],{"class":5702},[5343,5742,5743,5746,5749,5752],{"class":5345,"line":5569},[5343,5744,5745],{"class":5702},"} ",[5343,5747,5748],{"class":5698},"from",[5343,5750,5751],{"class":5352}," '@nestjs\u002Fwebsockets'",[5343,5753,5754],{"class":5702},";\n",[5343,5756,5757,5759,5762,5765,5767,5770,5773,5775,5778],{"class":5345,"line":5577},[5343,5758,5699],{"class":5698},[5343,5760,5761],{"class":5702}," { ",[5343,5763,5764],{"class":5708},"Server",[5343,5766,5464],{"class":5702},[5343,5768,5769],{"class":5708},"Socket",[5343,5771,5772],{"class":5702}," } ",[5343,5774,5748],{"class":5698},[5343,5776,5777],{"class":5352}," 'socket.io'",[5343,5779,5754],{"class":5702},[5343,5781,5782],{"class":5345,"line":5592},[5343,5783,5785],{"emptyLinePlaceholder":5784},true,"\n",[5343,5787,5788,5791,5794],{"class":5345,"line":5601},[5343,5789,5790],{"class":5702},"@",[5343,5792,5793],{"class":5349},"WebSocketGateway",[5343,5795,5796],{"class":5702},"({\n",[5343,5798,5800,5803],{"class":5345,"line":5799},12,[5343,5801,5802],{"class":5708},"  cors:",[5343,5804,5703],{"class":5702},[5343,5806,5808,5811,5814,5816],{"class":5345,"line":5807},13,[5343,5809,5810],{"class":5708},"    origin:",[5343,5812,5813],{"class":5352}," 'http:\u002F\u002Flocalhost:3000'",[5343,5815,5464],{"class":5702},[5343,5817,5818],{"class":5554},"\u002F\u002F Дозволити з'єднання з frontend\n",[5343,5820,5822,5825,5828],{"class":5345,"line":5821},14,[5343,5823,5824],{"class":5708},"    credentials:",[5343,5826,5827],{"class":5356}," true",[5343,5829,5712],{"class":5702},[5343,5831,5833],{"class":5345,"line":5832},15,[5343,5834,5835],{"class":5702},"  },\n",[5343,5837,5839],{"class":5345,"line":5838},16,[5343,5840,5841],{"class":5702},"})\n",[5343,5843,5845,5848,5851,5855],{"class":5345,"line":5844},17,[5343,5846,5847],{"class":5698},"export",[5343,5849,5850],{"class":5356}," class",[5343,5852,5854],{"class":5853},"sN1BT"," ChatGateway",[5343,5856,5703],{"class":5702},[5343,5858,5860,5863,5866],{"class":5345,"line":5859},18,[5343,5861,5862],{"class":5702},"  @",[5343,5864,5865],{"class":5349},"WebSocketServer",[5343,5867,5868],{"class":5702},"()\n",[5343,5870,5872,5875,5878,5880,5883],{"class":5345,"line":5871},19,[5343,5873,5874],{"class":5708},"  server",[5343,5876,5877],{"class":5702},": ",[5343,5879,5764],{"class":5853},[5343,5881,5882],{"class":5702},"; ",[5343,5884,5885],{"class":5554},"\u002F\u002F Socket.IO server instance\n",[5343,5887,5889],{"class":5345,"line":5888},20,[5343,5890,5785],{"emptyLinePlaceholder":5784},[5343,5892,5894],{"class":5345,"line":5893},21,[5343,5895,5896],{"class":5554},"  \u002F**\n",[5343,5898,5900],{"class":5345,"line":5899},22,[5343,5901,5902],{"class":5554},"   * Обробник події 'message' від клієнта\n",[5343,5904,5906],{"class":5345,"line":5905},23,[5343,5907,5908],{"class":5554},"   *\u002F\n",[5343,5910,5912,5914,5917,5920,5923],{"class":5345,"line":5911},24,[5343,5913,5862],{"class":5702},[5343,5915,5916],{"class":5349},"SubscribeMessage",[5343,5918,5919],{"class":5702},"(",[5343,5921,5922],{"class":5352},"'message'",[5343,5924,5925],{"class":5702},")\n",[5343,5927,5929,5932],{"class":5345,"line":5928},25,[5343,5930,5931],{"class":5349},"  handleMessage",[5343,5933,5934],{"class":5702},"(\n",[5343,5936,5938,5941,5944,5947,5950,5952,5955],{"class":5345,"line":5937},26,[5343,5939,5940],{"class":5702},"    @",[5343,5942,5943],{"class":5349},"MessageBody",[5343,5945,5946],{"class":5702},"() ",[5343,5948,5949],{"class":5708},"data",[5343,5951,5877],{"class":5702},[5343,5953,5954],{"class":5853},"string",[5343,5956,5712],{"class":5702},[5343,5958,5960,5962,5965,5967,5970,5972,5974],{"class":5345,"line":5959},27,[5343,5961,5940],{"class":5702},[5343,5963,5964],{"class":5349},"ConnectedSocket",[5343,5966,5946],{"class":5702},[5343,5968,5969],{"class":5708},"client",[5343,5971,5877],{"class":5702},[5343,5973,5769],{"class":5853},[5343,5975,5712],{"class":5702},[5343,5977,5979,5982,5984],{"class":5345,"line":5978},28,[5343,5980,5981],{"class":5702},"  ): ",[5343,5983,5954],{"class":5853},[5343,5985,5703],{"class":5702},[5343,5987,5989,5992,5994,5997,5999,6002,6005,6007,6010,6013,6016,6018,6020,6022,6024,6027],{"class":5345,"line":5988},29,[5343,5990,5991],{"class":5708},"    console",[5343,5993,5196],{"class":5702},[5343,5995,5996],{"class":5349},"log",[5343,5998,5919],{"class":5702},[5343,6000,6001],{"class":5352},"`[WebSocket] Отримано повідомлення від ",[5343,6003,6004],{"class":5356},"${",[5343,6006,5969],{"class":5708},[5343,6008,5196],{"class":6009},"sD7JJ",[5343,6011,6012],{"class":5708},"id",[5343,6014,6015],{"class":5356},"}",[5343,6017,5877],{"class":5352},[5343,6019,6004],{"class":5356},[5343,6021,5949],{"class":5708},[5343,6023,6015],{"class":5356},[5343,6025,6026],{"class":5352},"`",[5343,6028,6029],{"class":5702},");\n",[5343,6031,6033],{"class":5345,"line":6032},30,[5343,6034,5785],{"emptyLinePlaceholder":5784},[5343,6036,6038],{"class":5345,"line":6037},31,[5343,6039,6040],{"class":5554},"    \u002F\u002F Повертаємо відповідь клієнту\n",[5343,6042,6044,6047,6050,6052,6054,6056,6058],{"class":5345,"line":6043},32,[5343,6045,6046],{"class":5698},"    return",[5343,6048,6049],{"class":5352}," `Сервер отримав: ",[5343,6051,6004],{"class":5356},[5343,6053,5949],{"class":5708},[5343,6055,6015],{"class":5356},[5343,6057,6026],{"class":5352},[5343,6059,5754],{"class":5702},[5343,6061,6063],{"class":5345,"line":6062},33,[5343,6064,6065],{"class":5702},"  }\n",[5343,6067,6069],{"class":5345,"line":6068},34,[5343,6070,5785],{"emptyLinePlaceholder":5784},[5343,6072,6074],{"class":5345,"line":6073},35,[5343,6075,5896],{"class":5554},[5343,6077,6079],{"class":5345,"line":6078},36,[5343,6080,6081],{"class":5554},"   * Broadcast: розсилка повідомлення всім підключеним клієнтам\n",[5343,6083,6085],{"class":5345,"line":6084},37,[5343,6086,5908],{"class":5554},[5343,6088,6090,6092,6094,6096,6099],{"class":5345,"line":6089},38,[5343,6091,5862],{"class":5702},[5343,6093,5916],{"class":5349},[5343,6095,5919],{"class":5702},[5343,6097,6098],{"class":5352},"'broadcast'",[5343,6100,5925],{"class":5702},[5343,6102,6104,6107,6110,6112,6114,6117,6119,6121,6124,6127],{"class":5345,"line":6103},39,[5343,6105,6106],{"class":5349},"  handleBroadcast",[5343,6108,6109],{"class":5702},"(@",[5343,6111,5943],{"class":5349},[5343,6113,5946],{"class":5702},[5343,6115,6116],{"class":5708},"message",[5343,6118,5877],{"class":5702},[5343,6120,5954],{"class":5853},[5343,6122,6123],{"class":5702},"): ",[5343,6125,6126],{"class":5853},"void",[5343,6128,5703],{"class":5702},[5343,6130,6132,6134,6136,6138,6140,6143,6145,6147,6149,6151],{"class":5345,"line":6131},40,[5343,6133,5991],{"class":5708},[5343,6135,5196],{"class":5702},[5343,6137,5996],{"class":5349},[5343,6139,5919],{"class":5702},[5343,6141,6142],{"class":5352},"`[WebSocket] Broadcast: ",[5343,6144,6004],{"class":5356},[5343,6146,6116],{"class":5708},[5343,6148,6015],{"class":5356},[5343,6150,6026],{"class":5352},[5343,6152,6029],{"class":5702},[5343,6154,6156],{"class":5345,"line":6155},41,[5343,6157,5785],{"emptyLinePlaceholder":5784},[5343,6159,6161],{"class":5345,"line":6160},42,[5343,6162,6163],{"class":5554},"    \u002F\u002F Відправити всім клієнтам (включно з відправником)\n",[5343,6165,6167,6170,6172,6175,6177,6180,6182,6184],{"class":5345,"line":6166},43,[5343,6168,6169],{"class":5356},"    this",[5343,6171,5196],{"class":5702},[5343,6173,6174],{"class":5708},"server",[5343,6176,5196],{"class":5702},[5343,6178,6179],{"class":5349},"emit",[5343,6181,5919],{"class":5702},[5343,6183,5922],{"class":5352},[5343,6185,6186],{"class":5702},", {\n",[5343,6188,6190,6193,6196],{"class":5345,"line":6189},44,[5343,6191,6192],{"class":5708},"      text:",[5343,6194,6195],{"class":5708}," message",[5343,6197,5712],{"class":5702},[5343,6199,6201,6204,6207,6210,6213,6216],{"class":5345,"line":6200},45,[5343,6202,6203],{"class":5708},"      timestamp:",[5343,6205,6206],{"class":5356}," new",[5343,6208,6209],{"class":5349}," Date",[5343,6211,6212],{"class":5702},"().",[5343,6214,6215],{"class":5349},"toISOString",[5343,6217,6218],{"class":5702},"(),\n",[5343,6220,6222],{"class":5345,"line":6221},46,[5343,6223,6224],{"class":5702},"    });\n",[5343,6226,6228],{"class":5345,"line":6227},47,[5343,6229,6065],{"class":5702},[5343,6231,6233],{"class":5345,"line":6232},48,[5343,6234,6235],{"class":5702},"}\n",[5089,6237,6238],{},[5099,6239,6240],{},"Розбір ключових елементів:",[5267,6242,6243,6253,6266,6279,6289],{},[5096,6244,6245,6248,6249,6252],{},[5099,6246,6247],{},"@WebSocketGateway({ cors: {...} }):"," декоратор, що позначає клас як WebSocket Gateway. Опція ",[5110,6250,6251],{},"cors"," налаштовує CORS політику для WebSocket з'єднань — критично важливо, якщо frontend та backend на різних доменах.",[5096,6254,6255,6258,6259,6261,6262,6265],{},[5099,6256,6257],{},"@WebSocketServer():"," декоратор для ін'єкції Socket.IO ",[5110,6260,5764],{}," instance у властивість класу. Через цей об'єкт ми можемо емітувати події всім клієнтам (",[5110,6263,6264],{},"this.server.emit()",").",[5096,6267,6268,6271,6272,6274,6275,6278],{},[5099,6269,6270],{},"@SubscribeMessage('message'):"," декоратор для прив'язки методу до події з назвою ",[5110,6273,5922],{},". Коли клієнт викликає ",[5110,6276,6277],{},"socket.emit('message', data)",", спрацює цей метод.",[5096,6280,6281,6284,6285,6288],{},[5099,6282,6283],{},"@MessageBody():"," декоратор для витягування payload (корисного навантаження) події. Аналог ",[5110,6286,6287],{},"@Body()"," у HTTP контролерах.",[5096,6290,6291,6294,6295,6297,6298,6265],{},[5099,6292,6293],{},"@ConnectedSocket():"," декоратор для отримання об'єкта ",[5110,6296,5769],{},", що представляє конкретного підключеного клієнта. Через нього можна відправити відповідь лише цьому клієнту (",[5110,6299,6300],{},"client.emit()",[5325,6302,6304],{"id":6303},"реєстрація-gateway-у-модулі","Реєстрація Gateway у модулі",[5089,6306,6307,6308,6311],{},"Gateway має бути зареєстрований у масиві ",[5110,6309,6310],{},"providers"," модуля, як і звичайний Service.",[5333,6313,6315],{"className":5684,"code":6314,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.module.ts\nimport { Module } from '@nestjs\u002Fcommon';\nimport { ChatGateway } from '.\u002Fchat.gateway';\nimport { ChatService } from '.\u002Fchat.service';\n\n@Module({\n  providers: [ChatGateway, ChatService],\n  exports: [ChatGateway], \u002F\u002F Якщо інші модулі потребують доступу\n})\nexport class ChatModule {}\n",[5110,6316,6317,6322,6340,6358,6376,6380,6388,6405,6420,6424],{"__ignoreMap":5339},[5343,6318,6319],{"class":5345,"line":5346},[5343,6320,6321],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fchat.module.ts\n",[5343,6323,6324,6326,6328,6331,6333,6335,6338],{"class":5345,"line":5366},[5343,6325,5699],{"class":5698},[5343,6327,5761],{"class":5702},[5343,6329,6330],{"class":5708},"Module",[5343,6332,5772],{"class":5702},[5343,6334,5748],{"class":5698},[5343,6336,6337],{"class":5352}," '@nestjs\u002Fcommon'",[5343,6339,5754],{"class":5702},[5343,6341,6342,6344,6346,6349,6351,6353,6356],{"class":5345,"line":5378},[5343,6343,5699],{"class":5698},[5343,6345,5761],{"class":5702},[5343,6347,6348],{"class":5708},"ChatGateway",[5343,6350,5772],{"class":5702},[5343,6352,5748],{"class":5698},[5343,6354,6355],{"class":5352}," '.\u002Fchat.gateway'",[5343,6357,5754],{"class":5702},[5343,6359,6360,6362,6364,6367,6369,6371,6374],{"class":5345,"line":5528},[5343,6361,5699],{"class":5698},[5343,6363,5761],{"class":5702},[5343,6365,6366],{"class":5708},"ChatService",[5343,6368,5772],{"class":5702},[5343,6370,5748],{"class":5698},[5343,6372,6373],{"class":5352}," '.\u002Fchat.service'",[5343,6375,5754],{"class":5702},[5343,6377,6378],{"class":5345,"line":5537},[5343,6379,5785],{"emptyLinePlaceholder":5784},[5343,6381,6382,6384,6386],{"class":5345,"line":5546},[5343,6383,5790],{"class":5702},[5343,6385,6330],{"class":5349},[5343,6387,5796],{"class":5702},[5343,6389,6390,6393,6396,6398,6400,6402],{"class":5345,"line":5558},[5343,6391,6392],{"class":5708},"  providers:",[5343,6394,6395],{"class":5702}," [",[5343,6397,6348],{"class":5708},[5343,6399,5464],{"class":5702},[5343,6401,6366],{"class":5708},[5343,6403,6404],{"class":5702},"],\n",[5343,6406,6407,6410,6412,6414,6417],{"class":5345,"line":5569},[5343,6408,6409],{"class":5708},"  exports:",[5343,6411,6395],{"class":5702},[5343,6413,6348],{"class":5708},[5343,6415,6416],{"class":5702},"], ",[5343,6418,6419],{"class":5554},"\u002F\u002F Якщо інші модулі потребують доступу\n",[5343,6421,6422],{"class":5345,"line":5577},[5343,6423,5841],{"class":5702},[5343,6425,6426,6428,6430,6433],{"class":5345,"line":5592},[5343,6427,5847],{"class":5698},[5343,6429,5850],{"class":5356},[5343,6431,6432],{"class":5853}," ChatModule",[5343,6434,6435],{"class":5702}," {}\n",[5333,6437,6439],{"className":5684,"code":6438,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fapp.module.ts\nimport { Module } from '@nestjs\u002Fcommon';\nimport { ChatModule } from '.\u002Fchat\u002Fchat.module';\n\n@Module({\n  imports: [ChatModule],\n})\nexport class AppModule {}\n",[5110,6440,6441,6446,6462,6480,6484,6492,6503,6507],{"__ignoreMap":5339},[5343,6442,6443],{"class":5345,"line":5346},[5343,6444,6445],{"class":5554},"\u002F\u002F src\u002Fapp.module.ts\n",[5343,6447,6448,6450,6452,6454,6456,6458,6460],{"class":5345,"line":5366},[5343,6449,5699],{"class":5698},[5343,6451,5761],{"class":5702},[5343,6453,6330],{"class":5708},[5343,6455,5772],{"class":5702},[5343,6457,5748],{"class":5698},[5343,6459,6337],{"class":5352},[5343,6461,5754],{"class":5702},[5343,6463,6464,6466,6468,6471,6473,6475,6478],{"class":5345,"line":5378},[5343,6465,5699],{"class":5698},[5343,6467,5761],{"class":5702},[5343,6469,6470],{"class":5708},"ChatModule",[5343,6472,5772],{"class":5702},[5343,6474,5748],{"class":5698},[5343,6476,6477],{"class":5352}," '.\u002Fchat\u002Fchat.module'",[5343,6479,5754],{"class":5702},[5343,6481,6482],{"class":5345,"line":5528},[5343,6483,5785],{"emptyLinePlaceholder":5784},[5343,6485,6486,6488,6490],{"class":5345,"line":5537},[5343,6487,5790],{"class":5702},[5343,6489,6330],{"class":5349},[5343,6491,5796],{"class":5702},[5343,6493,6494,6497,6499,6501],{"class":5345,"line":5546},[5343,6495,6496],{"class":5708},"  imports:",[5343,6498,6395],{"class":5702},[5343,6500,6470],{"class":5708},[5343,6502,6404],{"class":5702},[5343,6504,6505],{"class":5345,"line":5558},[5343,6506,5841],{"class":5702},[5343,6508,6509,6511,6513,6516],{"class":5345,"line":5569},[5343,6510,5847],{"class":5698},[5343,6512,5850],{"class":5356},[5343,6514,6515],{"class":5853}," AppModule",[5343,6517,6435],{"class":5702},[5172,6519],{},[5084,6521,6523],{"id":6522},"клієнтська-частина-підключення-до-gateway","Клієнтська частина: Підключення до Gateway",[5089,6525,6526],{},"Для взаємодії з Socket.IO Gateway потрібен клієнт на frontend. Розглянемо приклад з використанням vanilla JavaScript (аналогічно працює у React, Vue, Angular).",[5325,6528,6530],{"id":6529},"встановлення-socketio-клієнта","Встановлення Socket.IO клієнта",[5333,6532,6534],{"className":5335,"code":6533,"language":5338,"meta":5339,"style":5339},"npm install socket.io-client\n",[5110,6535,6536],{"__ignoreMap":5339},[5343,6537,6538,6540,6542],{"class":5345,"line":5346},[5343,6539,5337],{"class":5349},[5343,6541,5353],{"class":5352},[5343,6543,6544],{"class":5352}," socket.io-client\n",[5325,6546,6548],{"id":6547},"базовий-клієнт-для-чату","Базовий клієнт для чату",[5333,6550,6552],{"className":5684,"code":6551,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fchat-client.ts\nimport { io, Socket } from 'socket.io-client';\n\nclass ChatClient {\n  private socket: Socket;\n\n  constructor(serverUrl: string) {\n    \u002F\u002F Підключення до WebSocket сервера\n    this.socket = io(serverUrl, {\n      transports: ['websocket', 'polling'], \u002F\u002F Пріоритет: WebSocket → fallback на polling\n      reconnectionDelayMax: 10000, \u002F\u002F Максимальна затримка між reconnect спробами\n      reconnectionAttempts: 5, \u002F\u002F Кількість спроб reconnect\n    });\n\n    this.setupEventListeners();\n  }\n\n  \u002F**\n   * Налаштування обробників подій\n   *\u002F\n  private setupEventListeners(): void {\n    \u002F\u002F Успішне підключення\n    this.socket.on('connect', () => {\n      console.log('[Socket.IO] Підключено, ID:', this.socket.id);\n    });\n\n    \u002F\u002F Отримання повідомлення від сервера\n    this.socket.on('message', (data: { text: string; timestamp: string }) => {\n      console.log(`[Socket.IO] Нове повідомлення: ${data.text}`);\n      this.displayMessage(data.text, data.timestamp);\n    });\n\n    \u002F\u002F Відключення\n    this.socket.on('disconnect', (reason: string) => {\n      console.log('[Socket.IO] Відключено:', reason);\n    });\n\n    \u002F\u002F Помилка з'єднання\n    this.socket.on('connect_error', (error: Error) => {\n      console.error('[Socket.IO] Помилка підключення:', error.message);\n    });\n  }\n\n  \u002F**\n   * Відправка повідомлення серверу\n   *\u002F\n  sendMessage(text: string): void {\n    this.socket.emit('message', text, (response: string) => {\n      \u002F\u002F Callback для отримання acknowledgment від сервера\n      console.log('[Socket.IO] ACK від сервера:', response);\n    });\n  }\n\n  \u002F**\n   * Broadcast повідомлення всім\n   *\u002F\n  broadcastMessage(text: string): void {\n    this.socket.emit('broadcast', text);\n  }\n\n  \u002F**\n   * Відображення повідомлення у UI (приклад)\n   *\u002F\n  private displayMessage(text: string, timestamp: string): void {\n    const messageEl = document.createElement('div');\n    messageEl.className = 'message';\n    messageEl.innerHTML = `\n      \u003Cspan class=\"timestamp\">${new Date(timestamp).toLocaleTimeString()}\u003C\u002Fspan>\n      \u003Cspan class=\"text\">${text}\u003C\u002Fspan>\n    `;\n    document.getElementById('messages')?.appendChild(messageEl);\n  }\n\n  \u002F**\n   * Закриття з'єднання\n   *\u002F\n  disconnect(): void {\n    this.socket.disconnect();\n  }\n}\n\n\u002F\u002F Використання\nconst client = new ChatClient('http:\u002F\u002Flocalhost:3001');\n\n\u002F\u002F Відправка повідомлення при натисканні кнопки\ndocument.getElementById('sendBtn')?.addEventListener('click', () => {\n  const input = document.getElementById('messageInput') as HTMLInputElement;\n  client.sendMessage(input.value);\n  input.value = '';\n});\n\n\u002F\u002F Broadcast при натисканні іншої кнопки\ndocument.getElementById('broadcastBtn')?.addEventListener('click', () => {\n  const input = document.getElementById('messageInput') as HTMLInputElement;\n  client.broadcastMessage(input.value);\n  input.value = '';\n});\n",[5110,6553,6554,6559,6581,6585,6595,6609,6613,6630,6635,6655,6675,6689,6702,6706,6710,6722,6726,6730,6734,6739,6743,6757,6762,6788,6817,6821,6825,6830,6877,6904,6932,6936,6940,6945,6978,6997,7001,7005,7010,7043,7066,7070,7074,7078,7082,7087,7091,7110,7145,7151,7171,7176,7181,7186,7191,7197,7202,7222,7245,7250,7255,7260,7266,7271,7301,7328,7345,7360,7390,7404,7412,7441,7446,7451,7456,7462,7467,7479,7495,7500,7505,7510,7516,7538,7543,7549,7579,7611,7634,7651,7657,7662,7668,7696,7723,7743,7758],{"__ignoreMap":5339},[5343,6555,6556],{"class":5345,"line":5346},[5343,6557,6558],{"class":5554},"\u002F\u002F client\u002Fchat-client.ts\n",[5343,6560,6561,6563,6565,6568,6570,6572,6574,6576,6579],{"class":5345,"line":5366},[5343,6562,5699],{"class":5698},[5343,6564,5761],{"class":5702},[5343,6566,6567],{"class":5708},"io",[5343,6569,5464],{"class":5702},[5343,6571,5769],{"class":5708},[5343,6573,5772],{"class":5702},[5343,6575,5748],{"class":5698},[5343,6577,6578],{"class":5352}," 'socket.io-client'",[5343,6580,5754],{"class":5702},[5343,6582,6583],{"class":5345,"line":5378},[5343,6584,5785],{"emptyLinePlaceholder":5784},[5343,6586,6587,6590,6593],{"class":5345,"line":5528},[5343,6588,6589],{"class":5356},"class",[5343,6591,6592],{"class":5853}," ChatClient",[5343,6594,5703],{"class":5702},[5343,6596,6597,6600,6603,6605,6607],{"class":5345,"line":5537},[5343,6598,6599],{"class":5356},"  private",[5343,6601,6602],{"class":5708}," socket",[5343,6604,5877],{"class":5702},[5343,6606,5769],{"class":5853},[5343,6608,5754],{"class":5702},[5343,6610,6611],{"class":5345,"line":5546},[5343,6612,5785],{"emptyLinePlaceholder":5784},[5343,6614,6615,6618,6620,6623,6625,6627],{"class":5345,"line":5558},[5343,6616,6617],{"class":5356},"  constructor",[5343,6619,5919],{"class":5702},[5343,6621,6622],{"class":5708},"serverUrl",[5343,6624,5877],{"class":5702},[5343,6626,5954],{"class":5853},[5343,6628,6629],{"class":5702},") {\n",[5343,6631,6632],{"class":5345,"line":5569},[5343,6633,6634],{"class":5554},"    \u002F\u002F Підключення до WebSocket сервера\n",[5343,6636,6637,6639,6641,6644,6647,6649,6651,6653],{"class":5345,"line":5577},[5343,6638,6169],{"class":5356},[5343,6640,5196],{"class":5702},[5343,6642,6643],{"class":5708},"socket",[5343,6645,6646],{"class":5702}," = ",[5343,6648,6567],{"class":5349},[5343,6650,5919],{"class":5702},[5343,6652,6622],{"class":5708},[5343,6654,6186],{"class":5702},[5343,6656,6657,6660,6662,6665,6667,6670,6672],{"class":5345,"line":5592},[5343,6658,6659],{"class":5708},"      transports:",[5343,6661,6395],{"class":5702},[5343,6663,6664],{"class":5352},"'websocket'",[5343,6666,5464],{"class":5702},[5343,6668,6669],{"class":5352},"'polling'",[5343,6671,6416],{"class":5702},[5343,6673,6674],{"class":5554},"\u002F\u002F Пріоритет: WebSocket → fallback на polling\n",[5343,6676,6677,6680,6684,6686],{"class":5345,"line":5601},[5343,6678,6679],{"class":5708},"      reconnectionDelayMax:",[5343,6681,6683],{"class":6682},"sJj4R"," 10000",[5343,6685,5464],{"class":5702},[5343,6687,6688],{"class":5554},"\u002F\u002F Максимальна затримка між reconnect спробами\n",[5343,6690,6691,6694,6697,6699],{"class":5345,"line":5799},[5343,6692,6693],{"class":5708},"      reconnectionAttempts:",[5343,6695,6696],{"class":6682}," 5",[5343,6698,5464],{"class":5702},[5343,6700,6701],{"class":5554},"\u002F\u002F Кількість спроб reconnect\n",[5343,6703,6704],{"class":5345,"line":5807},[5343,6705,6224],{"class":5702},[5343,6707,6708],{"class":5345,"line":5821},[5343,6709,5785],{"emptyLinePlaceholder":5784},[5343,6711,6712,6714,6716,6719],{"class":5345,"line":5832},[5343,6713,6169],{"class":5356},[5343,6715,5196],{"class":5702},[5343,6717,6718],{"class":5349},"setupEventListeners",[5343,6720,6721],{"class":5702},"();\n",[5343,6723,6724],{"class":5345,"line":5838},[5343,6725,6065],{"class":5702},[5343,6727,6728],{"class":5345,"line":5844},[5343,6729,5785],{"emptyLinePlaceholder":5784},[5343,6731,6732],{"class":5345,"line":5859},[5343,6733,5896],{"class":5554},[5343,6735,6736],{"class":5345,"line":5871},[5343,6737,6738],{"class":5554},"   * Налаштування обробників подій\n",[5343,6740,6741],{"class":5345,"line":5888},[5343,6742,5908],{"class":5554},[5343,6744,6745,6747,6750,6753,6755],{"class":5345,"line":5893},[5343,6746,6599],{"class":5356},[5343,6748,6749],{"class":5349}," setupEventListeners",[5343,6751,6752],{"class":5702},"(): ",[5343,6754,6126],{"class":5853},[5343,6756,5703],{"class":5702},[5343,6758,6759],{"class":5345,"line":5899},[5343,6760,6761],{"class":5554},"    \u002F\u002F Успішне підключення\n",[5343,6763,6764,6766,6768,6770,6772,6775,6777,6780,6783,6786],{"class":5345,"line":5905},[5343,6765,6169],{"class":5356},[5343,6767,5196],{"class":5702},[5343,6769,6643],{"class":5708},[5343,6771,5196],{"class":5702},[5343,6773,6774],{"class":5349},"on",[5343,6776,5919],{"class":5702},[5343,6778,6779],{"class":5352},"'connect'",[5343,6781,6782],{"class":5702},", () ",[5343,6784,6785],{"class":5356},"=>",[5343,6787,5703],{"class":5702},[5343,6789,6790,6793,6795,6797,6799,6802,6804,6807,6809,6811,6813,6815],{"class":5345,"line":5911},[5343,6791,6792],{"class":5708},"      console",[5343,6794,5196],{"class":5702},[5343,6796,5996],{"class":5349},[5343,6798,5919],{"class":5702},[5343,6800,6801],{"class":5352},"'[Socket.IO] Підключено, ID:'",[5343,6803,5464],{"class":5702},[5343,6805,6806],{"class":5356},"this",[5343,6808,5196],{"class":5702},[5343,6810,6643],{"class":5708},[5343,6812,5196],{"class":5702},[5343,6814,6012],{"class":5708},[5343,6816,6029],{"class":5702},[5343,6818,6819],{"class":5345,"line":5928},[5343,6820,6224],{"class":5702},[5343,6822,6823],{"class":5345,"line":5937},[5343,6824,5785],{"emptyLinePlaceholder":5784},[5343,6826,6827],{"class":5345,"line":5959},[5343,6828,6829],{"class":5554},"    \u002F\u002F Отримання повідомлення від сервера\n",[5343,6831,6832,6834,6836,6838,6840,6842,6844,6846,6849,6851,6854,6857,6859,6861,6863,6866,6868,6870,6873,6875],{"class":5345,"line":5978},[5343,6833,6169],{"class":5356},[5343,6835,5196],{"class":5702},[5343,6837,6643],{"class":5708},[5343,6839,5196],{"class":5702},[5343,6841,6774],{"class":5349},[5343,6843,5919],{"class":5702},[5343,6845,5922],{"class":5352},[5343,6847,6848],{"class":5702},", (",[5343,6850,5949],{"class":5708},[5343,6852,6853],{"class":5702},": { ",[5343,6855,6856],{"class":5708},"text",[5343,6858,5877],{"class":5702},[5343,6860,5954],{"class":5853},[5343,6862,5882],{"class":5702},[5343,6864,6865],{"class":5708},"timestamp",[5343,6867,5877],{"class":5702},[5343,6869,5954],{"class":5853},[5343,6871,6872],{"class":5702}," }) ",[5343,6874,6785],{"class":5356},[5343,6876,5703],{"class":5702},[5343,6878,6879,6881,6883,6885,6887,6890,6892,6894,6896,6898,6900,6902],{"class":5345,"line":5988},[5343,6880,6792],{"class":5708},[5343,6882,5196],{"class":5702},[5343,6884,5996],{"class":5349},[5343,6886,5919],{"class":5702},[5343,6888,6889],{"class":5352},"`[Socket.IO] Нове повідомлення: ",[5343,6891,6004],{"class":5356},[5343,6893,5949],{"class":5708},[5343,6895,5196],{"class":6009},[5343,6897,6856],{"class":5708},[5343,6899,6015],{"class":5356},[5343,6901,6026],{"class":5352},[5343,6903,6029],{"class":5702},[5343,6905,6906,6909,6911,6914,6916,6918,6920,6922,6924,6926,6928,6930],{"class":5345,"line":6032},[5343,6907,6908],{"class":5356},"      this",[5343,6910,5196],{"class":5702},[5343,6912,6913],{"class":5349},"displayMessage",[5343,6915,5919],{"class":5702},[5343,6917,5949],{"class":5708},[5343,6919,5196],{"class":5702},[5343,6921,6856],{"class":5708},[5343,6923,5464],{"class":5702},[5343,6925,5949],{"class":5708},[5343,6927,5196],{"class":5702},[5343,6929,6865],{"class":5708},[5343,6931,6029],{"class":5702},[5343,6933,6934],{"class":5345,"line":6037},[5343,6935,6224],{"class":5702},[5343,6937,6938],{"class":5345,"line":6043},[5343,6939,5785],{"emptyLinePlaceholder":5784},[5343,6941,6942],{"class":5345,"line":6062},[5343,6943,6944],{"class":5554},"    \u002F\u002F Відключення\n",[5343,6946,6947,6949,6951,6953,6955,6957,6959,6962,6964,6967,6969,6971,6974,6976],{"class":5345,"line":6068},[5343,6948,6169],{"class":5356},[5343,6950,5196],{"class":5702},[5343,6952,6643],{"class":5708},[5343,6954,5196],{"class":5702},[5343,6956,6774],{"class":5349},[5343,6958,5919],{"class":5702},[5343,6960,6961],{"class":5352},"'disconnect'",[5343,6963,6848],{"class":5702},[5343,6965,6966],{"class":5708},"reason",[5343,6968,5877],{"class":5702},[5343,6970,5954],{"class":5853},[5343,6972,6973],{"class":5702},") ",[5343,6975,6785],{"class":5356},[5343,6977,5703],{"class":5702},[5343,6979,6980,6982,6984,6986,6988,6991,6993,6995],{"class":5345,"line":6073},[5343,6981,6792],{"class":5708},[5343,6983,5196],{"class":5702},[5343,6985,5996],{"class":5349},[5343,6987,5919],{"class":5702},[5343,6989,6990],{"class":5352},"'[Socket.IO] Відключено:'",[5343,6992,5464],{"class":5702},[5343,6994,6966],{"class":5708},[5343,6996,6029],{"class":5702},[5343,6998,6999],{"class":5345,"line":6078},[5343,7000,6224],{"class":5702},[5343,7002,7003],{"class":5345,"line":6084},[5343,7004,5785],{"emptyLinePlaceholder":5784},[5343,7006,7007],{"class":5345,"line":6089},[5343,7008,7009],{"class":5554},"    \u002F\u002F Помилка з'єднання\n",[5343,7011,7012,7014,7016,7018,7020,7022,7024,7027,7029,7032,7034,7037,7039,7041],{"class":5345,"line":6103},[5343,7013,6169],{"class":5356},[5343,7015,5196],{"class":5702},[5343,7017,6643],{"class":5708},[5343,7019,5196],{"class":5702},[5343,7021,6774],{"class":5349},[5343,7023,5919],{"class":5702},[5343,7025,7026],{"class":5352},"'connect_error'",[5343,7028,6848],{"class":5702},[5343,7030,7031],{"class":5708},"error",[5343,7033,5877],{"class":5702},[5343,7035,7036],{"class":5853},"Error",[5343,7038,6973],{"class":5702},[5343,7040,6785],{"class":5356},[5343,7042,5703],{"class":5702},[5343,7044,7045,7047,7049,7051,7053,7056,7058,7060,7062,7064],{"class":5345,"line":6131},[5343,7046,6792],{"class":5708},[5343,7048,5196],{"class":5702},[5343,7050,7031],{"class":5349},[5343,7052,5919],{"class":5702},[5343,7054,7055],{"class":5352},"'[Socket.IO] Помилка підключення:'",[5343,7057,5464],{"class":5702},[5343,7059,7031],{"class":5708},[5343,7061,5196],{"class":5702},[5343,7063,6116],{"class":5708},[5343,7065,6029],{"class":5702},[5343,7067,7068],{"class":5345,"line":6155},[5343,7069,6224],{"class":5702},[5343,7071,7072],{"class":5345,"line":6160},[5343,7073,6065],{"class":5702},[5343,7075,7076],{"class":5345,"line":6166},[5343,7077,5785],{"emptyLinePlaceholder":5784},[5343,7079,7080],{"class":5345,"line":6189},[5343,7081,5896],{"class":5554},[5343,7083,7084],{"class":5345,"line":6200},[5343,7085,7086],{"class":5554},"   * Відправка повідомлення серверу\n",[5343,7088,7089],{"class":5345,"line":6221},[5343,7090,5908],{"class":5554},[5343,7092,7093,7096,7098,7100,7102,7104,7106,7108],{"class":5345,"line":6227},[5343,7094,7095],{"class":5349},"  sendMessage",[5343,7097,5919],{"class":5702},[5343,7099,6856],{"class":5708},[5343,7101,5877],{"class":5702},[5343,7103,5954],{"class":5853},[5343,7105,6123],{"class":5702},[5343,7107,6126],{"class":5853},[5343,7109,5703],{"class":5702},[5343,7111,7112,7114,7116,7118,7120,7122,7124,7126,7128,7130,7132,7135,7137,7139,7141,7143],{"class":5345,"line":6232},[5343,7113,6169],{"class":5356},[5343,7115,5196],{"class":5702},[5343,7117,6643],{"class":5708},[5343,7119,5196],{"class":5702},[5343,7121,6179],{"class":5349},[5343,7123,5919],{"class":5702},[5343,7125,5922],{"class":5352},[5343,7127,5464],{"class":5702},[5343,7129,6856],{"class":5708},[5343,7131,6848],{"class":5702},[5343,7133,7134],{"class":5708},"response",[5343,7136,5877],{"class":5702},[5343,7138,5954],{"class":5853},[5343,7140,6973],{"class":5702},[5343,7142,6785],{"class":5356},[5343,7144,5703],{"class":5702},[5343,7146,7148],{"class":5345,"line":7147},49,[5343,7149,7150],{"class":5554},"      \u002F\u002F Callback для отримання acknowledgment від сервера\n",[5343,7152,7154,7156,7158,7160,7162,7165,7167,7169],{"class":5345,"line":7153},50,[5343,7155,6792],{"class":5708},[5343,7157,5196],{"class":5702},[5343,7159,5996],{"class":5349},[5343,7161,5919],{"class":5702},[5343,7163,7164],{"class":5352},"'[Socket.IO] ACK від сервера:'",[5343,7166,5464],{"class":5702},[5343,7168,7134],{"class":5708},[5343,7170,6029],{"class":5702},[5343,7172,7174],{"class":5345,"line":7173},51,[5343,7175,6224],{"class":5702},[5343,7177,7179],{"class":5345,"line":7178},52,[5343,7180,6065],{"class":5702},[5343,7182,7184],{"class":5345,"line":7183},53,[5343,7185,5785],{"emptyLinePlaceholder":5784},[5343,7187,7189],{"class":5345,"line":7188},54,[5343,7190,5896],{"class":5554},[5343,7192,7194],{"class":5345,"line":7193},55,[5343,7195,7196],{"class":5554},"   * Broadcast повідомлення всім\n",[5343,7198,7200],{"class":5345,"line":7199},56,[5343,7201,5908],{"class":5554},[5343,7203,7205,7208,7210,7212,7214,7216,7218,7220],{"class":5345,"line":7204},57,[5343,7206,7207],{"class":5349},"  broadcastMessage",[5343,7209,5919],{"class":5702},[5343,7211,6856],{"class":5708},[5343,7213,5877],{"class":5702},[5343,7215,5954],{"class":5853},[5343,7217,6123],{"class":5702},[5343,7219,6126],{"class":5853},[5343,7221,5703],{"class":5702},[5343,7223,7225,7227,7229,7231,7233,7235,7237,7239,7241,7243],{"class":5345,"line":7224},58,[5343,7226,6169],{"class":5356},[5343,7228,5196],{"class":5702},[5343,7230,6643],{"class":5708},[5343,7232,5196],{"class":5702},[5343,7234,6179],{"class":5349},[5343,7236,5919],{"class":5702},[5343,7238,6098],{"class":5352},[5343,7240,5464],{"class":5702},[5343,7242,6856],{"class":5708},[5343,7244,6029],{"class":5702},[5343,7246,7248],{"class":5345,"line":7247},59,[5343,7249,6065],{"class":5702},[5343,7251,7253],{"class":5345,"line":7252},60,[5343,7254,5785],{"emptyLinePlaceholder":5784},[5343,7256,7258],{"class":5345,"line":7257},61,[5343,7259,5896],{"class":5554},[5343,7261,7263],{"class":5345,"line":7262},62,[5343,7264,7265],{"class":5554},"   * Відображення повідомлення у UI (приклад)\n",[5343,7267,7269],{"class":5345,"line":7268},63,[5343,7270,5908],{"class":5554},[5343,7272,7274,7276,7279,7281,7283,7285,7287,7289,7291,7293,7295,7297,7299],{"class":5345,"line":7273},64,[5343,7275,6599],{"class":5356},[5343,7277,7278],{"class":5349}," displayMessage",[5343,7280,5919],{"class":5702},[5343,7282,6856],{"class":5708},[5343,7284,5877],{"class":5702},[5343,7286,5954],{"class":5853},[5343,7288,5464],{"class":5702},[5343,7290,6865],{"class":5708},[5343,7292,5877],{"class":5702},[5343,7294,5954],{"class":5853},[5343,7296,6123],{"class":5702},[5343,7298,6126],{"class":5853},[5343,7300,5703],{"class":5702},[5343,7302,7304,7307,7311,7313,7316,7318,7321,7323,7326],{"class":5345,"line":7303},65,[5343,7305,7306],{"class":5356},"    const",[5343,7308,7310],{"class":7309},"s-QsJ"," messageEl",[5343,7312,6646],{"class":5702},[5343,7314,7315],{"class":5708},"document",[5343,7317,5196],{"class":5702},[5343,7319,7320],{"class":5349},"createElement",[5343,7322,5919],{"class":5702},[5343,7324,7325],{"class":5352},"'div'",[5343,7327,6029],{"class":5702},[5343,7329,7331,7334,7336,7339,7341,7343],{"class":5345,"line":7330},66,[5343,7332,7333],{"class":5708},"    messageEl",[5343,7335,5196],{"class":5702},[5343,7337,7338],{"class":5708},"className",[5343,7340,6646],{"class":5702},[5343,7342,5922],{"class":5352},[5343,7344,5754],{"class":5702},[5343,7346,7348,7350,7352,7355,7357],{"class":5345,"line":7347},67,[5343,7349,7333],{"class":5708},[5343,7351,5196],{"class":5702},[5343,7353,7354],{"class":5708},"innerHTML",[5343,7356,6646],{"class":5702},[5343,7358,7359],{"class":5352},"`\n",[5343,7361,7363,7366,7368,7371,7373,7375,7377,7379,7382,7385,7387],{"class":5345,"line":7362},68,[5343,7364,7365],{"class":5352},"      \u003Cspan class=\"timestamp\">",[5343,7367,6004],{"class":5356},[5343,7369,7370],{"class":5356},"new",[5343,7372,6209],{"class":5349},[5343,7374,5919],{"class":6009},[5343,7376,6865],{"class":5708},[5343,7378,6265],{"class":6009},[5343,7380,7381],{"class":5349},"toLocaleTimeString",[5343,7383,7384],{"class":6009},"()",[5343,7386,6015],{"class":5356},[5343,7388,7389],{"class":5352},"\u003C\u002Fspan>\n",[5343,7391,7393,7396,7398,7400,7402],{"class":5345,"line":7392},69,[5343,7394,7395],{"class":5352},"      \u003Cspan class=\"text\">",[5343,7397,6004],{"class":5356},[5343,7399,6856],{"class":5708},[5343,7401,6015],{"class":5356},[5343,7403,7389],{"class":5352},[5343,7405,7407,7410],{"class":5345,"line":7406},70,[5343,7408,7409],{"class":5352},"    `",[5343,7411,5754],{"class":5702},[5343,7413,7415,7418,7420,7423,7425,7428,7431,7434,7436,7439],{"class":5345,"line":7414},71,[5343,7416,7417],{"class":5708},"    document",[5343,7419,5196],{"class":5702},[5343,7421,7422],{"class":5349},"getElementById",[5343,7424,5919],{"class":5702},[5343,7426,7427],{"class":5352},"'messages'",[5343,7429,7430],{"class":5702},")?.",[5343,7432,7433],{"class":5349},"appendChild",[5343,7435,5919],{"class":5702},[5343,7437,7438],{"class":5708},"messageEl",[5343,7440,6029],{"class":5702},[5343,7442,7444],{"class":5345,"line":7443},72,[5343,7445,6065],{"class":5702},[5343,7447,7449],{"class":5345,"line":7448},73,[5343,7450,5785],{"emptyLinePlaceholder":5784},[5343,7452,7454],{"class":5345,"line":7453},74,[5343,7455,5896],{"class":5554},[5343,7457,7459],{"class":5345,"line":7458},75,[5343,7460,7461],{"class":5554},"   * Закриття з'єднання\n",[5343,7463,7465],{"class":5345,"line":7464},76,[5343,7466,5908],{"class":5554},[5343,7468,7470,7473,7475,7477],{"class":5345,"line":7469},77,[5343,7471,7472],{"class":5349},"  disconnect",[5343,7474,6752],{"class":5702},[5343,7476,6126],{"class":5853},[5343,7478,5703],{"class":5702},[5343,7480,7482,7484,7486,7488,7490,7493],{"class":5345,"line":7481},78,[5343,7483,6169],{"class":5356},[5343,7485,5196],{"class":5702},[5343,7487,6643],{"class":5708},[5343,7489,5196],{"class":5702},[5343,7491,7492],{"class":5349},"disconnect",[5343,7494,6721],{"class":5702},[5343,7496,7498],{"class":5345,"line":7497},79,[5343,7499,6065],{"class":5702},[5343,7501,7503],{"class":5345,"line":7502},80,[5343,7504,6235],{"class":5702},[5343,7506,7508],{"class":5345,"line":7507},81,[5343,7509,5785],{"emptyLinePlaceholder":5784},[5343,7511,7513],{"class":5345,"line":7512},82,[5343,7514,7515],{"class":5554},"\u002F\u002F Використання\n",[5343,7517,7519,7522,7525,7527,7529,7531,7533,7536],{"class":5345,"line":7518},83,[5343,7520,7521],{"class":5356},"const",[5343,7523,7524],{"class":7309}," client",[5343,7526,6646],{"class":5702},[5343,7528,7370],{"class":5356},[5343,7530,6592],{"class":5349},[5343,7532,5919],{"class":5702},[5343,7534,7535],{"class":5352},"'http:\u002F\u002Flocalhost:3001'",[5343,7537,6029],{"class":5702},[5343,7539,7541],{"class":5345,"line":7540},84,[5343,7542,5785],{"emptyLinePlaceholder":5784},[5343,7544,7546],{"class":5345,"line":7545},85,[5343,7547,7548],{"class":5554},"\u002F\u002F Відправка повідомлення при натисканні кнопки\n",[5343,7550,7552,7554,7556,7558,7560,7563,7565,7568,7570,7573,7575,7577],{"class":5345,"line":7551},86,[5343,7553,7315],{"class":5708},[5343,7555,5196],{"class":5702},[5343,7557,7422],{"class":5349},[5343,7559,5919],{"class":5702},[5343,7561,7562],{"class":5352},"'sendBtn'",[5343,7564,7430],{"class":5702},[5343,7566,7567],{"class":5349},"addEventListener",[5343,7569,5919],{"class":5702},[5343,7571,7572],{"class":5352},"'click'",[5343,7574,6782],{"class":5702},[5343,7576,6785],{"class":5356},[5343,7578,5703],{"class":5702},[5343,7580,7582,7585,7588,7590,7592,7594,7596,7598,7601,7603,7606,7609],{"class":5345,"line":7581},87,[5343,7583,7584],{"class":5356},"  const",[5343,7586,7587],{"class":7309}," input",[5343,7589,6646],{"class":5702},[5343,7591,7315],{"class":5708},[5343,7593,5196],{"class":5702},[5343,7595,7422],{"class":5349},[5343,7597,5919],{"class":5702},[5343,7599,7600],{"class":5352},"'messageInput'",[5343,7602,6973],{"class":5702},[5343,7604,7605],{"class":5698},"as",[5343,7607,7608],{"class":5853}," HTMLInputElement",[5343,7610,5754],{"class":5702},[5343,7612,7614,7617,7619,7622,7624,7627,7629,7632],{"class":5345,"line":7613},88,[5343,7615,7616],{"class":5708},"  client",[5343,7618,5196],{"class":5702},[5343,7620,7621],{"class":5349},"sendMessage",[5343,7623,5919],{"class":5702},[5343,7625,7626],{"class":5708},"input",[5343,7628,5196],{"class":5702},[5343,7630,7631],{"class":5708},"value",[5343,7633,6029],{"class":5702},[5343,7635,7637,7640,7642,7644,7646,7649],{"class":5345,"line":7636},89,[5343,7638,7639],{"class":5708},"  input",[5343,7641,5196],{"class":5702},[5343,7643,7631],{"class":5708},[5343,7645,6646],{"class":5702},[5343,7647,7648],{"class":5352},"''",[5343,7650,5754],{"class":5702},[5343,7652,7654],{"class":5345,"line":7653},90,[5343,7655,7656],{"class":5702},"});\n",[5343,7658,7660],{"class":5345,"line":7659},91,[5343,7661,5785],{"emptyLinePlaceholder":5784},[5343,7663,7665],{"class":5345,"line":7664},92,[5343,7666,7667],{"class":5554},"\u002F\u002F Broadcast при натисканні іншої кнопки\n",[5343,7669,7671,7673,7675,7677,7679,7682,7684,7686,7688,7690,7692,7694],{"class":5345,"line":7670},93,[5343,7672,7315],{"class":5708},[5343,7674,5196],{"class":5702},[5343,7676,7422],{"class":5349},[5343,7678,5919],{"class":5702},[5343,7680,7681],{"class":5352},"'broadcastBtn'",[5343,7683,7430],{"class":5702},[5343,7685,7567],{"class":5349},[5343,7687,5919],{"class":5702},[5343,7689,7572],{"class":5352},[5343,7691,6782],{"class":5702},[5343,7693,6785],{"class":5356},[5343,7695,5703],{"class":5702},[5343,7697,7699,7701,7703,7705,7707,7709,7711,7713,7715,7717,7719,7721],{"class":5345,"line":7698},94,[5343,7700,7584],{"class":5356},[5343,7702,7587],{"class":7309},[5343,7704,6646],{"class":5702},[5343,7706,7315],{"class":5708},[5343,7708,5196],{"class":5702},[5343,7710,7422],{"class":5349},[5343,7712,5919],{"class":5702},[5343,7714,7600],{"class":5352},[5343,7716,6973],{"class":5702},[5343,7718,7605],{"class":5698},[5343,7720,7608],{"class":5853},[5343,7722,5754],{"class":5702},[5343,7724,7726,7728,7730,7733,7735,7737,7739,7741],{"class":5345,"line":7725},95,[5343,7727,7616],{"class":5708},[5343,7729,5196],{"class":5702},[5343,7731,7732],{"class":5349},"broadcastMessage",[5343,7734,5919],{"class":5702},[5343,7736,7626],{"class":5708},[5343,7738,5196],{"class":5702},[5343,7740,7631],{"class":5708},[5343,7742,6029],{"class":5702},[5343,7744,7746,7748,7750,7752,7754,7756],{"class":5345,"line":7745},96,[5343,7747,7639],{"class":5708},[5343,7749,5196],{"class":5702},[5343,7751,7631],{"class":5708},[5343,7753,6646],{"class":5702},[5343,7755,7648],{"class":5352},[5343,7757,5754],{"class":5702},[5343,7759,7761],{"class":5345,"line":7760},97,[5343,7762,7656],{"class":5702},[5089,7764,7765],{},[5099,7766,7767],{},"Ключові моменти клієнтської реалізації:",[5267,7769,7770,7783,7793,7803],{},[5096,7771,7772,7775,7776,5113,7779,7782],{},[5099,7773,7774],{},"Автоматичний reconnect:"," Socket.IO клієнт автоматично намагається відновити з'єднання при розриві. Параметри ",[5110,7777,7778],{},"reconnectionDelayMax",[5110,7780,7781],{},"reconnectionAttempts"," контролюють стратегію reconnect.",[5096,7784,7785,7788,7789,7792],{},[5099,7786,7787],{},"Транспорти:"," опція ",[5110,7790,7791],{},"transports: ['websocket', 'polling']"," задає пріоритет — спочатку спроба встановити WebSocket, якщо не вдається (firewall блокує) — використовується long-polling.",[5096,7794,7795,7798,7799,7802],{},[5099,7796,7797],{},"Acknowledgments (callback):"," третій параметр у ",[5110,7800,7801],{},"socket.emit('message', text, callback)"," — це функція, яка викликається, коли сервер обробить подію та поверне відповідь. Це дозволяє реалізувати \"request-response\" стиль комунікації поверх WebSocket.",[5096,7804,7805,7808,7809,5464,7812,5464,7814,5464,7817,7820],{},[5099,7806,7807],{},"Події lifecycle:"," Socket.IO клієнт емітує спеціальні події: ",[5110,7810,7811],{},"connect",[5110,7813,7492],{},[5110,7815,7816],{},"connect_error",[5110,7818,7819],{},"reconnect",", які можна використовувати для відображення статусу з'єднання у UI.",[5172,7822],{},[5084,7824,7826],{"id":7825},"емітування-подій-різні-способи-відправки-повідомлень","Емітування подій: Різні способи відправки повідомлень",[5089,7828,7829],{},"Socket.IO надає кілька методів для відправки повідомлень клієнтам, кожен з яких використовується для різних сценаріїв.",[5325,7831,7833],{"id":7832},"таблиця-методів-емітування","Таблиця методів емітування",[7835,7836,7837,7853],"table",{},[7838,7839,7840],"thead",{},[7841,7842,7843,7847,7850],"tr",{},[7844,7845,7846],"th",{},"Метод",[7844,7848,7849],{},"Кому відправляється",[7844,7851,7852],{},"Сценарій використання",[7854,7855,7856,7870,7887,7903,7916],"tbody",{},[7841,7857,7858,7864,7867],{},[7859,7860,7861],"td",{},[5110,7862,7863],{},"client.emit(event, data)",[7859,7865,7866],{},"Одному конкретному клієнту",[7859,7868,7869],{},"Персональна відповідь на запит клієнта",[7841,7871,7872,7877,7884],{},[7859,7873,7874],{},[5110,7875,7876],{},"client.broadcast.emit(event, data)",[7859,7878,7879,7880,7883],{},"Всім ",[5099,7881,7882],{},"окрім"," відправника",[7859,7885,7886],{},"Сповіщення інших користувачів про дію одного",[7841,7888,7889,7894,7900],{},[7859,7890,7891],{},[5110,7892,7893],{},"this.server.emit(event, data)",[7859,7895,7896,7899],{},[5099,7897,7898],{},"Всім"," підключеним клієнтам (включно з відправником)",[7859,7901,7902],{},"Глобальні оголошення, broadcast всім",[7841,7904,7905,7910,7913],{},[7859,7906,7907],{},[5110,7908,7909],{},"this.server.to(room).emit(event, data)",[7859,7911,7912],{},"Всім у конкретній кімнаті",[7859,7914,7915],{},"Повідомлення у груповий чат",[7841,7917,7918,7923,7928],{},[7859,7919,7920],{},[5110,7921,7922],{},"client.to(room).emit(event, data)",[7859,7924,7925,7926,7883],{},"Всім у кімнаті ",[5099,7927,7882],{},[7859,7929,7930],{},"Broadcast у кімнаті без відправника",[5325,7932,7934],{"id":7933},"практичні-приклади-кожного-методу","Практичні приклади кожного методу",[5089,7936,7937],{},"Розглянемо реалістичний сценарій чат-застосунку, де користувач відправляє повідомлення у груповий чат.",[5333,7939,7941],{"className":5684,"code":7940,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport {\n  WebSocketGateway,\n  WebSocketServer,\n  SubscribeMessage,\n  MessageBody,\n  ConnectedSocket,\n} from '@nestjs\u002Fwebsockets';\nimport { Server, Socket } from 'socket.io';\n\ninterface ChatMessage {\n  roomId: string;\n  userId: number;\n  username: string;\n  text: string;\n  timestamp: Date;\n}\n\n@WebSocketGateway({ cors: { origin: '*' } })\nexport class ChatGateway {\n  @WebSocketServer()\n  server: Server;\n\n  \u002F**\n   * Сценарій 1: Персональна відповідь одному клієнту\n   * Використання: client.emit()\n   *\u002F\n  @SubscribeMessage('ping')\n  handlePing(@ConnectedSocket() client: Socket): void {\n    \u002F\u002F Відправити відповідь ЛИШЕ клієнту, який відправив ping\n    client.emit('pong', {\n      message: 'Сервер онлайн',\n      serverTime: new Date().toISOString(),\n    });\n\n    console.log(`[WebSocket] Ping від ${client.id}, відповідь надіслана`);\n  }\n\n  \u002F**\n   * Сценарій 2: Сповіщення інших про дію одного користувача\n   * Використання: client.broadcast.emit()\n   *\u002F\n  @SubscribeMessage('userTyping')\n  handleUserTyping(\n    @MessageBody() data: { roomId: string; username: string },\n    @ConnectedSocket() client: Socket,\n  ): void {\n    \u002F\u002F Відправити ВСІМ у кімнаті, ОКРІМ того, хто друкує\n    client.broadcast.to(data.roomId).emit('userTyping', {\n      username: data.username,\n      isTyping: true,\n    });\n\n    console.log(`[WebSocket] ${data.username} друкує у кімнаті ${data.roomId}`);\n  }\n\n  \u002F**\n   * Сценарій 3: Глобальне оголошення для всіх\n   * Використання: this.server.emit()\n   *\u002F\n  @SubscribeMessage('serverAnnouncement')\n  handleServerAnnouncement(@MessageBody() announcement: string): void {\n    \u002F\u002F Відправити ВСІМ підключеним клієнтам (включно з відправником)\n    this.server.emit('announcement', {\n      type: 'info',\n      message: announcement,\n      timestamp: new Date().toISOString(),\n    });\n\n    console.log(`[WebSocket] Broadcast оголошення: ${announcement}`);\n  }\n\n  \u002F**\n   * Сценарій 4: Повідомлення у груповий чат\n   * Використання: this.server.to(room).emit()\n   *\u002F\n  @SubscribeMessage('sendMessage')\n  handleSendMessage(\n    @MessageBody() message: ChatMessage,\n    @ConnectedSocket() client: Socket,\n  ): void {\n    \u002F\u002F Відправити всім у кімнаті (включно з відправником)\n    this.server.to(message.roomId).emit('newMessage', {\n      id: Math.random().toString(36).substr(2, 9),\n      ...message,\n      timestamp: new Date().toISOString(),\n    });\n\n    console.log(`[WebSocket] Повідомлення у кімнаті ${message.roomId}: ${message.text}`);\n  }\n\n  \u002F**\n   * Сценарій 5: Сповіщення інших у кімнаті про read receipt\n   * Використання: client.to(room).emit()\n   *\u002F\n  @SubscribeMessage('markAsRead')\n  handleMarkAsRead(\n    @MessageBody() data: { roomId: string; messageId: string; userId: number },\n    @ConnectedSocket() client: Socket,\n  ): void {\n    \u002F\u002F Відправити всім у кімнаті ОКРІМ того, хто прочитав\n    client.to(data.roomId).emit('messageRead', {\n      messageId: data.messageId,\n      readBy: data.userId,\n      timestamp: new Date().toISOString(),\n    });\n\n    console.log(`[WebSocket] Повідомлення ${data.messageId} прочитано користувачем ${data.userId}`);\n  }\n}\n",[5110,7942,7943,7947,7953,7959,7965,7971,7977,7983,7993,8013,8017,8027,8038,8050,8061,8072,8084,8088,8092,8115,8125,8133,8143,8147,8151,8156,8161,8165,8178,8201,8206,8222,8232,8247,8251,8255,8283,8287,8291,8295,8300,8305,8309,8322,8329,8360,8376,8384,8389,8421,8435,8444,8448,8452,8492,8496,8500,8504,8509,8514,8518,8531,8555,8560,8579,8589,8598,8612,8616,8620,8643,8647,8651,8655,8660,8665,8669,8682,8689,8706,8722,8730,8735,8766,8807,8816,8830,8834,8838,8877,8881,8885,8889,8894,8899,8903,8916,8923,8962,8979,8988,8994,9022,9036,9050,9065,9070,9075,9116,9121],{"__ignoreMap":5339},[5343,7944,7945],{"class":5345,"line":5346},[5343,7946,5693],{"class":5554},[5343,7948,7949,7951],{"class":5345,"line":5366},[5343,7950,5699],{"class":5698},[5343,7952,5703],{"class":5702},[5343,7954,7955,7957],{"class":5345,"line":5378},[5343,7956,5709],{"class":5708},[5343,7958,5712],{"class":5702},[5343,7960,7961,7963],{"class":5345,"line":5528},[5343,7962,5717],{"class":5708},[5343,7964,5712],{"class":5702},[5343,7966,7967,7969],{"class":5345,"line":5537},[5343,7968,5724],{"class":5708},[5343,7970,5712],{"class":5702},[5343,7972,7973,7975],{"class":5345,"line":5546},[5343,7974,5731],{"class":5708},[5343,7976,5712],{"class":5702},[5343,7978,7979,7981],{"class":5345,"line":5558},[5343,7980,5738],{"class":5708},[5343,7982,5712],{"class":5702},[5343,7984,7985,7987,7989,7991],{"class":5345,"line":5569},[5343,7986,5745],{"class":5702},[5343,7988,5748],{"class":5698},[5343,7990,5751],{"class":5352},[5343,7992,5754],{"class":5702},[5343,7994,7995,7997,7999,8001,8003,8005,8007,8009,8011],{"class":5345,"line":5577},[5343,7996,5699],{"class":5698},[5343,7998,5761],{"class":5702},[5343,8000,5764],{"class":5708},[5343,8002,5464],{"class":5702},[5343,8004,5769],{"class":5708},[5343,8006,5772],{"class":5702},[5343,8008,5748],{"class":5698},[5343,8010,5777],{"class":5352},[5343,8012,5754],{"class":5702},[5343,8014,8015],{"class":5345,"line":5592},[5343,8016,5785],{"emptyLinePlaceholder":5784},[5343,8018,8019,8022,8025],{"class":5345,"line":5601},[5343,8020,8021],{"class":5356},"interface",[5343,8023,8024],{"class":5853}," ChatMessage",[5343,8026,5703],{"class":5702},[5343,8028,8029,8032,8034,8036],{"class":5345,"line":5799},[5343,8030,8031],{"class":5708},"  roomId",[5343,8033,5877],{"class":5702},[5343,8035,5954],{"class":5853},[5343,8037,5754],{"class":5702},[5343,8039,8040,8043,8045,8048],{"class":5345,"line":5807},[5343,8041,8042],{"class":5708},"  userId",[5343,8044,5877],{"class":5702},[5343,8046,8047],{"class":5853},"number",[5343,8049,5754],{"class":5702},[5343,8051,8052,8055,8057,8059],{"class":5345,"line":5821},[5343,8053,8054],{"class":5708},"  username",[5343,8056,5877],{"class":5702},[5343,8058,5954],{"class":5853},[5343,8060,5754],{"class":5702},[5343,8062,8063,8066,8068,8070],{"class":5345,"line":5832},[5343,8064,8065],{"class":5708},"  text",[5343,8067,5877],{"class":5702},[5343,8069,5954],{"class":5853},[5343,8071,5754],{"class":5702},[5343,8073,8074,8077,8079,8082],{"class":5345,"line":5838},[5343,8075,8076],{"class":5708},"  timestamp",[5343,8078,5877],{"class":5702},[5343,8080,8081],{"class":5853},"Date",[5343,8083,5754],{"class":5702},[5343,8085,8086],{"class":5345,"line":5844},[5343,8087,6235],{"class":5702},[5343,8089,8090],{"class":5345,"line":5859},[5343,8091,5785],{"emptyLinePlaceholder":5784},[5343,8093,8094,8096,8098,8101,8104,8106,8109,8112],{"class":5345,"line":5871},[5343,8095,5790],{"class":5702},[5343,8097,5793],{"class":5349},[5343,8099,8100],{"class":5702},"({ ",[5343,8102,8103],{"class":5708},"cors:",[5343,8105,5761],{"class":5702},[5343,8107,8108],{"class":5708},"origin:",[5343,8110,8111],{"class":5352}," '*'",[5343,8113,8114],{"class":5702}," } })\n",[5343,8116,8117,8119,8121,8123],{"class":5345,"line":5888},[5343,8118,5847],{"class":5698},[5343,8120,5850],{"class":5356},[5343,8122,5854],{"class":5853},[5343,8124,5703],{"class":5702},[5343,8126,8127,8129,8131],{"class":5345,"line":5893},[5343,8128,5862],{"class":5702},[5343,8130,5865],{"class":5349},[5343,8132,5868],{"class":5702},[5343,8134,8135,8137,8139,8141],{"class":5345,"line":5899},[5343,8136,5874],{"class":5708},[5343,8138,5877],{"class":5702},[5343,8140,5764],{"class":5853},[5343,8142,5754],{"class":5702},[5343,8144,8145],{"class":5345,"line":5905},[5343,8146,5785],{"emptyLinePlaceholder":5784},[5343,8148,8149],{"class":5345,"line":5911},[5343,8150,5896],{"class":5554},[5343,8152,8153],{"class":5345,"line":5928},[5343,8154,8155],{"class":5554},"   * Сценарій 1: Персональна відповідь одному клієнту\n",[5343,8157,8158],{"class":5345,"line":5937},[5343,8159,8160],{"class":5554},"   * Використання: client.emit()\n",[5343,8162,8163],{"class":5345,"line":5959},[5343,8164,5908],{"class":5554},[5343,8166,8167,8169,8171,8173,8176],{"class":5345,"line":5978},[5343,8168,5862],{"class":5702},[5343,8170,5916],{"class":5349},[5343,8172,5919],{"class":5702},[5343,8174,8175],{"class":5352},"'ping'",[5343,8177,5925],{"class":5702},[5343,8179,8180,8183,8185,8187,8189,8191,8193,8195,8197,8199],{"class":5345,"line":5988},[5343,8181,8182],{"class":5349},"  handlePing",[5343,8184,6109],{"class":5702},[5343,8186,5964],{"class":5349},[5343,8188,5946],{"class":5702},[5343,8190,5969],{"class":5708},[5343,8192,5877],{"class":5702},[5343,8194,5769],{"class":5853},[5343,8196,6123],{"class":5702},[5343,8198,6126],{"class":5853},[5343,8200,5703],{"class":5702},[5343,8202,8203],{"class":5345,"line":6032},[5343,8204,8205],{"class":5554},"    \u002F\u002F Відправити відповідь ЛИШЕ клієнту, який відправив ping\n",[5343,8207,8208,8211,8213,8215,8217,8220],{"class":5345,"line":6037},[5343,8209,8210],{"class":5708},"    client",[5343,8212,5196],{"class":5702},[5343,8214,6179],{"class":5349},[5343,8216,5919],{"class":5702},[5343,8218,8219],{"class":5352},"'pong'",[5343,8221,6186],{"class":5702},[5343,8223,8224,8227,8230],{"class":5345,"line":6043},[5343,8225,8226],{"class":5708},"      message:",[5343,8228,8229],{"class":5352}," 'Сервер онлайн'",[5343,8231,5712],{"class":5702},[5343,8233,8234,8237,8239,8241,8243,8245],{"class":5345,"line":6062},[5343,8235,8236],{"class":5708},"      serverTime:",[5343,8238,6206],{"class":5356},[5343,8240,6209],{"class":5349},[5343,8242,6212],{"class":5702},[5343,8244,6215],{"class":5349},[5343,8246,6218],{"class":5702},[5343,8248,8249],{"class":5345,"line":6068},[5343,8250,6224],{"class":5702},[5343,8252,8253],{"class":5345,"line":6073},[5343,8254,5785],{"emptyLinePlaceholder":5784},[5343,8256,8257,8259,8261,8263,8265,8268,8270,8272,8274,8276,8278,8281],{"class":5345,"line":6078},[5343,8258,5991],{"class":5708},[5343,8260,5196],{"class":5702},[5343,8262,5996],{"class":5349},[5343,8264,5919],{"class":5702},[5343,8266,8267],{"class":5352},"`[WebSocket] Ping від ",[5343,8269,6004],{"class":5356},[5343,8271,5969],{"class":5708},[5343,8273,5196],{"class":6009},[5343,8275,6012],{"class":5708},[5343,8277,6015],{"class":5356},[5343,8279,8280],{"class":5352},", відповідь надіслана`",[5343,8282,6029],{"class":5702},[5343,8284,8285],{"class":5345,"line":6084},[5343,8286,6065],{"class":5702},[5343,8288,8289],{"class":5345,"line":6089},[5343,8290,5785],{"emptyLinePlaceholder":5784},[5343,8292,8293],{"class":5345,"line":6103},[5343,8294,5896],{"class":5554},[5343,8296,8297],{"class":5345,"line":6131},[5343,8298,8299],{"class":5554},"   * Сценарій 2: Сповіщення інших про дію одного користувача\n",[5343,8301,8302],{"class":5345,"line":6155},[5343,8303,8304],{"class":5554},"   * Використання: client.broadcast.emit()\n",[5343,8306,8307],{"class":5345,"line":6160},[5343,8308,5908],{"class":5554},[5343,8310,8311,8313,8315,8317,8320],{"class":5345,"line":6166},[5343,8312,5862],{"class":5702},[5343,8314,5916],{"class":5349},[5343,8316,5919],{"class":5702},[5343,8318,8319],{"class":5352},"'userTyping'",[5343,8321,5925],{"class":5702},[5343,8323,8324,8327],{"class":5345,"line":6189},[5343,8325,8326],{"class":5349},"  handleUserTyping",[5343,8328,5934],{"class":5702},[5343,8330,8331,8333,8335,8337,8339,8341,8344,8346,8348,8350,8353,8355,8357],{"class":5345,"line":6200},[5343,8332,5940],{"class":5702},[5343,8334,5943],{"class":5349},[5343,8336,5946],{"class":5702},[5343,8338,5949],{"class":5708},[5343,8340,6853],{"class":5702},[5343,8342,8343],{"class":5708},"roomId",[5343,8345,5877],{"class":5702},[5343,8347,5954],{"class":5853},[5343,8349,5882],{"class":5702},[5343,8351,8352],{"class":5708},"username",[5343,8354,5877],{"class":5702},[5343,8356,5954],{"class":5853},[5343,8358,8359],{"class":5702}," },\n",[5343,8361,8362,8364,8366,8368,8370,8372,8374],{"class":5345,"line":6221},[5343,8363,5940],{"class":5702},[5343,8365,5964],{"class":5349},[5343,8367,5946],{"class":5702},[5343,8369,5969],{"class":5708},[5343,8371,5877],{"class":5702},[5343,8373,5769],{"class":5853},[5343,8375,5712],{"class":5702},[5343,8377,8378,8380,8382],{"class":5345,"line":6227},[5343,8379,5981],{"class":5702},[5343,8381,6126],{"class":5853},[5343,8383,5703],{"class":5702},[5343,8385,8386],{"class":5345,"line":6232},[5343,8387,8388],{"class":5554},"    \u002F\u002F Відправити ВСІМ у кімнаті, ОКРІМ того, хто друкує\n",[5343,8390,8391,8393,8395,8398,8400,8403,8405,8407,8409,8411,8413,8415,8417,8419],{"class":5345,"line":7147},[5343,8392,8210],{"class":5708},[5343,8394,5196],{"class":5702},[5343,8396,8397],{"class":5708},"broadcast",[5343,8399,5196],{"class":5702},[5343,8401,8402],{"class":5349},"to",[5343,8404,5919],{"class":5702},[5343,8406,5949],{"class":5708},[5343,8408,5196],{"class":5702},[5343,8410,8343],{"class":5708},[5343,8412,6265],{"class":5702},[5343,8414,6179],{"class":5349},[5343,8416,5919],{"class":5702},[5343,8418,8319],{"class":5352},[5343,8420,6186],{"class":5702},[5343,8422,8423,8426,8429,8431,8433],{"class":5345,"line":7153},[5343,8424,8425],{"class":5708},"      username:",[5343,8427,8428],{"class":5708}," data",[5343,8430,5196],{"class":5702},[5343,8432,8352],{"class":5708},[5343,8434,5712],{"class":5702},[5343,8436,8437,8440,8442],{"class":5345,"line":7173},[5343,8438,8439],{"class":5708},"      isTyping:",[5343,8441,5827],{"class":5356},[5343,8443,5712],{"class":5702},[5343,8445,8446],{"class":5345,"line":7178},[5343,8447,6224],{"class":5702},[5343,8449,8450],{"class":5345,"line":7183},[5343,8451,5785],{"emptyLinePlaceholder":5784},[5343,8453,8454,8456,8458,8460,8462,8465,8467,8469,8471,8473,8475,8478,8480,8482,8484,8486,8488,8490],{"class":5345,"line":7188},[5343,8455,5991],{"class":5708},[5343,8457,5196],{"class":5702},[5343,8459,5996],{"class":5349},[5343,8461,5919],{"class":5702},[5343,8463,8464],{"class":5352},"`[WebSocket] ",[5343,8466,6004],{"class":5356},[5343,8468,5949],{"class":5708},[5343,8470,5196],{"class":6009},[5343,8472,8352],{"class":5708},[5343,8474,6015],{"class":5356},[5343,8476,8477],{"class":5352}," друкує у кімнаті ",[5343,8479,6004],{"class":5356},[5343,8481,5949],{"class":5708},[5343,8483,5196],{"class":6009},[5343,8485,8343],{"class":5708},[5343,8487,6015],{"class":5356},[5343,8489,6026],{"class":5352},[5343,8491,6029],{"class":5702},[5343,8493,8494],{"class":5345,"line":7193},[5343,8495,6065],{"class":5702},[5343,8497,8498],{"class":5345,"line":7199},[5343,8499,5785],{"emptyLinePlaceholder":5784},[5343,8501,8502],{"class":5345,"line":7204},[5343,8503,5896],{"class":5554},[5343,8505,8506],{"class":5345,"line":7224},[5343,8507,8508],{"class":5554},"   * Сценарій 3: Глобальне оголошення для всіх\n",[5343,8510,8511],{"class":5345,"line":7247},[5343,8512,8513],{"class":5554},"   * Використання: this.server.emit()\n",[5343,8515,8516],{"class":5345,"line":7252},[5343,8517,5908],{"class":5554},[5343,8519,8520,8522,8524,8526,8529],{"class":5345,"line":7257},[5343,8521,5862],{"class":5702},[5343,8523,5916],{"class":5349},[5343,8525,5919],{"class":5702},[5343,8527,8528],{"class":5352},"'serverAnnouncement'",[5343,8530,5925],{"class":5702},[5343,8532,8533,8536,8538,8540,8542,8545,8547,8549,8551,8553],{"class":5345,"line":7262},[5343,8534,8535],{"class":5349},"  handleServerAnnouncement",[5343,8537,6109],{"class":5702},[5343,8539,5943],{"class":5349},[5343,8541,5946],{"class":5702},[5343,8543,8544],{"class":5708},"announcement",[5343,8546,5877],{"class":5702},[5343,8548,5954],{"class":5853},[5343,8550,6123],{"class":5702},[5343,8552,6126],{"class":5853},[5343,8554,5703],{"class":5702},[5343,8556,8557],{"class":5345,"line":7268},[5343,8558,8559],{"class":5554},"    \u002F\u002F Відправити ВСІМ підключеним клієнтам (включно з відправником)\n",[5343,8561,8562,8564,8566,8568,8570,8572,8574,8577],{"class":5345,"line":7273},[5343,8563,6169],{"class":5356},[5343,8565,5196],{"class":5702},[5343,8567,6174],{"class":5708},[5343,8569,5196],{"class":5702},[5343,8571,6179],{"class":5349},[5343,8573,5919],{"class":5702},[5343,8575,8576],{"class":5352},"'announcement'",[5343,8578,6186],{"class":5702},[5343,8580,8581,8584,8587],{"class":5345,"line":7303},[5343,8582,8583],{"class":5708},"      type:",[5343,8585,8586],{"class":5352}," 'info'",[5343,8588,5712],{"class":5702},[5343,8590,8591,8593,8596],{"class":5345,"line":7330},[5343,8592,8226],{"class":5708},[5343,8594,8595],{"class":5708}," announcement",[5343,8597,5712],{"class":5702},[5343,8599,8600,8602,8604,8606,8608,8610],{"class":5345,"line":7347},[5343,8601,6203],{"class":5708},[5343,8603,6206],{"class":5356},[5343,8605,6209],{"class":5349},[5343,8607,6212],{"class":5702},[5343,8609,6215],{"class":5349},[5343,8611,6218],{"class":5702},[5343,8613,8614],{"class":5345,"line":7362},[5343,8615,6224],{"class":5702},[5343,8617,8618],{"class":5345,"line":7392},[5343,8619,5785],{"emptyLinePlaceholder":5784},[5343,8621,8622,8624,8626,8628,8630,8633,8635,8637,8639,8641],{"class":5345,"line":7406},[5343,8623,5991],{"class":5708},[5343,8625,5196],{"class":5702},[5343,8627,5996],{"class":5349},[5343,8629,5919],{"class":5702},[5343,8631,8632],{"class":5352},"`[WebSocket] Broadcast оголошення: ",[5343,8634,6004],{"class":5356},[5343,8636,8544],{"class":5708},[5343,8638,6015],{"class":5356},[5343,8640,6026],{"class":5352},[5343,8642,6029],{"class":5702},[5343,8644,8645],{"class":5345,"line":7414},[5343,8646,6065],{"class":5702},[5343,8648,8649],{"class":5345,"line":7443},[5343,8650,5785],{"emptyLinePlaceholder":5784},[5343,8652,8653],{"class":5345,"line":7448},[5343,8654,5896],{"class":5554},[5343,8656,8657],{"class":5345,"line":7453},[5343,8658,8659],{"class":5554},"   * Сценарій 4: Повідомлення у груповий чат\n",[5343,8661,8662],{"class":5345,"line":7458},[5343,8663,8664],{"class":5554},"   * Використання: this.server.to(room).emit()\n",[5343,8666,8667],{"class":5345,"line":7464},[5343,8668,5908],{"class":5554},[5343,8670,8671,8673,8675,8677,8680],{"class":5345,"line":7469},[5343,8672,5862],{"class":5702},[5343,8674,5916],{"class":5349},[5343,8676,5919],{"class":5702},[5343,8678,8679],{"class":5352},"'sendMessage'",[5343,8681,5925],{"class":5702},[5343,8683,8684,8687],{"class":5345,"line":7481},[5343,8685,8686],{"class":5349},"  handleSendMessage",[5343,8688,5934],{"class":5702},[5343,8690,8691,8693,8695,8697,8699,8701,8704],{"class":5345,"line":7497},[5343,8692,5940],{"class":5702},[5343,8694,5943],{"class":5349},[5343,8696,5946],{"class":5702},[5343,8698,6116],{"class":5708},[5343,8700,5877],{"class":5702},[5343,8702,8703],{"class":5853},"ChatMessage",[5343,8705,5712],{"class":5702},[5343,8707,8708,8710,8712,8714,8716,8718,8720],{"class":5345,"line":7502},[5343,8709,5940],{"class":5702},[5343,8711,5964],{"class":5349},[5343,8713,5946],{"class":5702},[5343,8715,5969],{"class":5708},[5343,8717,5877],{"class":5702},[5343,8719,5769],{"class":5853},[5343,8721,5712],{"class":5702},[5343,8723,8724,8726,8728],{"class":5345,"line":7507},[5343,8725,5981],{"class":5702},[5343,8727,6126],{"class":5853},[5343,8729,5703],{"class":5702},[5343,8731,8732],{"class":5345,"line":7512},[5343,8733,8734],{"class":5554},"    \u002F\u002F Відправити всім у кімнаті (включно з відправником)\n",[5343,8736,8737,8739,8741,8743,8745,8747,8749,8751,8753,8755,8757,8759,8761,8764],{"class":5345,"line":7518},[5343,8738,6169],{"class":5356},[5343,8740,5196],{"class":5702},[5343,8742,6174],{"class":5708},[5343,8744,5196],{"class":5702},[5343,8746,8402],{"class":5349},[5343,8748,5919],{"class":5702},[5343,8750,6116],{"class":5708},[5343,8752,5196],{"class":5702},[5343,8754,8343],{"class":5708},[5343,8756,6265],{"class":5702},[5343,8758,6179],{"class":5349},[5343,8760,5919],{"class":5702},[5343,8762,8763],{"class":5352},"'newMessage'",[5343,8765,6186],{"class":5702},[5343,8767,8768,8771,8774,8776,8779,8781,8784,8786,8789,8791,8794,8796,8799,8801,8804],{"class":5345,"line":7540},[5343,8769,8770],{"class":5708},"      id:",[5343,8772,8773],{"class":5708}," Math",[5343,8775,5196],{"class":5702},[5343,8777,8778],{"class":5349},"random",[5343,8780,6212],{"class":5702},[5343,8782,8783],{"class":5349},"toString",[5343,8785,5919],{"class":5702},[5343,8787,8788],{"class":6682},"36",[5343,8790,6265],{"class":5702},[5343,8792,8793],{"class":5349},"substr",[5343,8795,5919],{"class":5702},[5343,8797,8798],{"class":6682},"2",[5343,8800,5464],{"class":5702},[5343,8802,8803],{"class":6682},"9",[5343,8805,8806],{"class":5702},"),\n",[5343,8808,8809,8812,8814],{"class":5345,"line":7545},[5343,8810,8811],{"class":5702},"      ...",[5343,8813,6116],{"class":5708},[5343,8815,5712],{"class":5702},[5343,8817,8818,8820,8822,8824,8826,8828],{"class":5345,"line":7551},[5343,8819,6203],{"class":5708},[5343,8821,6206],{"class":5356},[5343,8823,6209],{"class":5349},[5343,8825,6212],{"class":5702},[5343,8827,6215],{"class":5349},[5343,8829,6218],{"class":5702},[5343,8831,8832],{"class":5345,"line":7581},[5343,8833,6224],{"class":5702},[5343,8835,8836],{"class":5345,"line":7613},[5343,8837,5785],{"emptyLinePlaceholder":5784},[5343,8839,8840,8842,8844,8846,8848,8851,8853,8855,8857,8859,8861,8863,8865,8867,8869,8871,8873,8875],{"class":5345,"line":7636},[5343,8841,5991],{"class":5708},[5343,8843,5196],{"class":5702},[5343,8845,5996],{"class":5349},[5343,8847,5919],{"class":5702},[5343,8849,8850],{"class":5352},"`[WebSocket] Повідомлення у кімнаті ",[5343,8852,6004],{"class":5356},[5343,8854,6116],{"class":5708},[5343,8856,5196],{"class":6009},[5343,8858,8343],{"class":5708},[5343,8860,6015],{"class":5356},[5343,8862,5877],{"class":5352},[5343,8864,6004],{"class":5356},[5343,8866,6116],{"class":5708},[5343,8868,5196],{"class":6009},[5343,8870,6856],{"class":5708},[5343,8872,6015],{"class":5356},[5343,8874,6026],{"class":5352},[5343,8876,6029],{"class":5702},[5343,8878,8879],{"class":5345,"line":7653},[5343,8880,6065],{"class":5702},[5343,8882,8883],{"class":5345,"line":7659},[5343,8884,5785],{"emptyLinePlaceholder":5784},[5343,8886,8887],{"class":5345,"line":7664},[5343,8888,5896],{"class":5554},[5343,8890,8891],{"class":5345,"line":7670},[5343,8892,8893],{"class":5554},"   * Сценарій 5: Сповіщення інших у кімнаті про read receipt\n",[5343,8895,8896],{"class":5345,"line":7698},[5343,8897,8898],{"class":5554},"   * Використання: client.to(room).emit()\n",[5343,8900,8901],{"class":5345,"line":7725},[5343,8902,5908],{"class":5554},[5343,8904,8905,8907,8909,8911,8914],{"class":5345,"line":7745},[5343,8906,5862],{"class":5702},[5343,8908,5916],{"class":5349},[5343,8910,5919],{"class":5702},[5343,8912,8913],{"class":5352},"'markAsRead'",[5343,8915,5925],{"class":5702},[5343,8917,8918,8921],{"class":5345,"line":7760},[5343,8919,8920],{"class":5349},"  handleMarkAsRead",[5343,8922,5934],{"class":5702},[5343,8924,8926,8928,8930,8932,8934,8936,8938,8940,8942,8944,8947,8949,8951,8953,8956,8958,8960],{"class":5345,"line":8925},98,[5343,8927,5940],{"class":5702},[5343,8929,5943],{"class":5349},[5343,8931,5946],{"class":5702},[5343,8933,5949],{"class":5708},[5343,8935,6853],{"class":5702},[5343,8937,8343],{"class":5708},[5343,8939,5877],{"class":5702},[5343,8941,5954],{"class":5853},[5343,8943,5882],{"class":5702},[5343,8945,8946],{"class":5708},"messageId",[5343,8948,5877],{"class":5702},[5343,8950,5954],{"class":5853},[5343,8952,5882],{"class":5702},[5343,8954,8955],{"class":5708},"userId",[5343,8957,5877],{"class":5702},[5343,8959,8047],{"class":5853},[5343,8961,8359],{"class":5702},[5343,8963,8965,8967,8969,8971,8973,8975,8977],{"class":5345,"line":8964},99,[5343,8966,5940],{"class":5702},[5343,8968,5964],{"class":5349},[5343,8970,5946],{"class":5702},[5343,8972,5969],{"class":5708},[5343,8974,5877],{"class":5702},[5343,8976,5769],{"class":5853},[5343,8978,5712],{"class":5702},[5343,8980,8982,8984,8986],{"class":5345,"line":8981},100,[5343,8983,5981],{"class":5702},[5343,8985,6126],{"class":5853},[5343,8987,5703],{"class":5702},[5343,8989,8991],{"class":5345,"line":8990},101,[5343,8992,8993],{"class":5554},"    \u002F\u002F Відправити всім у кімнаті ОКРІМ того, хто прочитав\n",[5343,8995,8997,8999,9001,9003,9005,9007,9009,9011,9013,9015,9017,9020],{"class":5345,"line":8996},102,[5343,8998,8210],{"class":5708},[5343,9000,5196],{"class":5702},[5343,9002,8402],{"class":5349},[5343,9004,5919],{"class":5702},[5343,9006,5949],{"class":5708},[5343,9008,5196],{"class":5702},[5343,9010,8343],{"class":5708},[5343,9012,6265],{"class":5702},[5343,9014,6179],{"class":5349},[5343,9016,5919],{"class":5702},[5343,9018,9019],{"class":5352},"'messageRead'",[5343,9021,6186],{"class":5702},[5343,9023,9025,9028,9030,9032,9034],{"class":5345,"line":9024},103,[5343,9026,9027],{"class":5708},"      messageId:",[5343,9029,8428],{"class":5708},[5343,9031,5196],{"class":5702},[5343,9033,8946],{"class":5708},[5343,9035,5712],{"class":5702},[5343,9037,9039,9042,9044,9046,9048],{"class":5345,"line":9038},104,[5343,9040,9041],{"class":5708},"      readBy:",[5343,9043,8428],{"class":5708},[5343,9045,5196],{"class":5702},[5343,9047,8955],{"class":5708},[5343,9049,5712],{"class":5702},[5343,9051,9053,9055,9057,9059,9061,9063],{"class":5345,"line":9052},105,[5343,9054,6203],{"class":5708},[5343,9056,6206],{"class":5356},[5343,9058,6209],{"class":5349},[5343,9060,6212],{"class":5702},[5343,9062,6215],{"class":5349},[5343,9064,6218],{"class":5702},[5343,9066,9068],{"class":5345,"line":9067},106,[5343,9069,6224],{"class":5702},[5343,9071,9073],{"class":5345,"line":9072},107,[5343,9074,5785],{"emptyLinePlaceholder":5784},[5343,9076,9078,9080,9082,9084,9086,9089,9091,9093,9095,9097,9099,9102,9104,9106,9108,9110,9112,9114],{"class":5345,"line":9077},108,[5343,9079,5991],{"class":5708},[5343,9081,5196],{"class":5702},[5343,9083,5996],{"class":5349},[5343,9085,5919],{"class":5702},[5343,9087,9088],{"class":5352},"`[WebSocket] Повідомлення ",[5343,9090,6004],{"class":5356},[5343,9092,5949],{"class":5708},[5343,9094,5196],{"class":6009},[5343,9096,8946],{"class":5708},[5343,9098,6015],{"class":5356},[5343,9100,9101],{"class":5352}," прочитано користувачем ",[5343,9103,6004],{"class":5356},[5343,9105,5949],{"class":5708},[5343,9107,5196],{"class":6009},[5343,9109,8955],{"class":5708},[5343,9111,6015],{"class":5356},[5343,9113,6026],{"class":5352},[5343,9115,6029],{"class":5702},[5343,9117,9119],{"class":5345,"line":9118},109,[5343,9120,6065],{"class":5702},[5343,9122,9124],{"class":5345,"line":9123},110,[5343,9125,6235],{"class":5702},[5325,9127,9129],{"id":9128},"візуалізація-різних-методів-broadcasting","Візуалізація різних методів broadcasting",[9131,9132,9133],"mermaid",{},[5333,9134,9137],{"className":9135,"code":9136,"language":9131,"meta":5339,"style":5339},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TB\n    subgraph \"client.emit() - Одному клієнту\"\n        Client1[Client A] -->|ping| Server1[Server]\n        Server1 -->|pong| Client1\n        Client2[Client B]\n        Client3[Client C]\n    end\n\n    subgraph \"client.broadcast.emit() - Всім окрім відправника\"\n        ClientA[Client A] -->|userTyping| ServerA[Server]\n        ServerA -.->|userTyping| ClientB[Client B]\n        ServerA -.->|userTyping| ClientC[Client C]\n        style ClientA stroke-dasharray: 5 5\n    end\n\n    subgraph \"server.emit() - Всім\"\n        AdminClient[Admin] -->|announcement| ServerB[Server]\n        ServerB -.->|announcement| CA[Client A]\n        ServerB -.->|announcement| CB[Client B]\n        ServerB -.->|announcement| CC[Client C]\n        ServerB -.->|announcement| AdminClient\n    end\n",[5110,9138,9139,9144,9149,9154,9159,9164,9169,9174,9178,9183,9188,9193,9198,9203,9207,9211,9216,9221,9226,9231,9236,9241],{"__ignoreMap":5339},[5343,9140,9141],{"class":5345,"line":5346},[5343,9142,9143],{},"graph TB\n",[5343,9145,9146],{"class":5345,"line":5366},[5343,9147,9148],{},"    subgraph \"client.emit() - Одному клієнту\"\n",[5343,9150,9151],{"class":5345,"line":5378},[5343,9152,9153],{},"        Client1[Client A] -->|ping| Server1[Server]\n",[5343,9155,9156],{"class":5345,"line":5528},[5343,9157,9158],{},"        Server1 -->|pong| Client1\n",[5343,9160,9161],{"class":5345,"line":5537},[5343,9162,9163],{},"        Client2[Client B]\n",[5343,9165,9166],{"class":5345,"line":5546},[5343,9167,9168],{},"        Client3[Client C]\n",[5343,9170,9171],{"class":5345,"line":5558},[5343,9172,9173],{},"    end\n",[5343,9175,9176],{"class":5345,"line":5569},[5343,9177,5785],{"emptyLinePlaceholder":5784},[5343,9179,9180],{"class":5345,"line":5577},[5343,9181,9182],{},"    subgraph \"client.broadcast.emit() - Всім окрім відправника\"\n",[5343,9184,9185],{"class":5345,"line":5592},[5343,9186,9187],{},"        ClientA[Client A] -->|userTyping| ServerA[Server]\n",[5343,9189,9190],{"class":5345,"line":5601},[5343,9191,9192],{},"        ServerA -.->|userTyping| ClientB[Client B]\n",[5343,9194,9195],{"class":5345,"line":5799},[5343,9196,9197],{},"        ServerA -.->|userTyping| ClientC[Client C]\n",[5343,9199,9200],{"class":5345,"line":5807},[5343,9201,9202],{},"        style ClientA stroke-dasharray: 5 5\n",[5343,9204,9205],{"class":5345,"line":5821},[5343,9206,9173],{},[5343,9208,9209],{"class":5345,"line":5832},[5343,9210,5785],{"emptyLinePlaceholder":5784},[5343,9212,9213],{"class":5345,"line":5838},[5343,9214,9215],{},"    subgraph \"server.emit() - Всім\"\n",[5343,9217,9218],{"class":5345,"line":5844},[5343,9219,9220],{},"        AdminClient[Admin] -->|announcement| ServerB[Server]\n",[5343,9222,9223],{"class":5345,"line":5859},[5343,9224,9225],{},"        ServerB -.->|announcement| CA[Client A]\n",[5343,9227,9228],{"class":5345,"line":5871},[5343,9229,9230],{},"        ServerB -.->|announcement| CB[Client B]\n",[5343,9232,9233],{"class":5345,"line":5888},[5343,9234,9235],{},"        ServerB -.->|announcement| CC[Client C]\n",[5343,9237,9238],{"class":5345,"line":5893},[5343,9239,9240],{},"        ServerB -.->|announcement| AdminClient\n",[5343,9242,9243],{"class":5345,"line":5899},[5343,9244,9173],{},[9246,9247,9248,9251,9252,9254,9255,9257],"tip",{},[5099,9249,9250],{},"Вибір правильного методу:"," завжди обирайте найбільш специфічний метод для вашого сценарію. Якщо потрібно сповістити лише одного користувача — використовуйте ",[5110,9253,6300],{},", а не ",[5110,9256,5136],{}," з подальшою фільтрацією на клієнті. Це зменшує мережевий трафік та покращує продуктивність.",[5172,9259],{},[5084,9261,9263],{"id":9262},"acknowledgments-підтвердження-доставки-повідомлень","Acknowledgments: Підтвердження доставки повідомлень",[5089,9265,9266,9269,9270,9273],{},[5099,9267,9268],{},"Acknowledgments (ACK)"," — це механізм Socket.IO для реалізації \"request-response\" стилю комунікації, де клієнт відправляє повідомлення та отримує ",[5099,9271,9272],{},"підтвердження"," від сервера про успішну обробку або помилку.",[5325,9275,9277],{"id":9276},"сценарій-відправка-повідомлення-з-підтвердженням","Сценарій: Відправка повідомлення з підтвердженням",[5089,9279,9280],{},"Уявімо, що користувач відправляє повідомлення у чат. Ми хочемо:",[5267,9282,9283,9286,9292],{},[5096,9284,9285],{},"Зберегти повідомлення у базі даних.",[5096,9287,9288,9289,9291],{},"Повернути клієнту ",[5110,9290,6012],{}," створеного повідомлення.",[5096,9293,9294],{},"У разі помилки (наприклад, валідація не пройшла) — повернути опис помилки.",[5089,9296,9297],{},[5099,9298,9299],{},"Серверна реалізація:",[5333,9301,9303],{"className":5684,"code":9302,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport { UseGuards } from '@nestjs\u002Fcommon';\nimport { ChatService } from '.\u002Fchat.service';\n\ninterface SendMessageDto {\n  roomId: string;\n  text: string;\n}\n\ninterface AckResponse {\n  success: boolean;\n  messageId?: string;\n  error?: string;\n}\n\n@WebSocketGateway({ cors: { origin: '*' } })\nexport class ChatGateway {\n  constructor(private readonly chatService: ChatService) {}\n\n  @WebSocketServer()\n  server: Server;\n\n  \u002F**\n   * Обробка відправки повідомлення з ACK\n   * Третій параметр — callback функція для acknowledgment\n   *\u002F\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() data: SendMessageDto,\n    @ConnectedSocket() client: Socket,\n  ): Promise\u003CAckResponse> {\n    try {\n      \u002F\u002F Валідація\n      if (!data.text || data.text.trim().length === 0) {\n        return {\n          success: false,\n          error: 'Повідомлення не може бути порожнім',\n        };\n      }\n\n      if (data.text.length > 1000) {\n        return {\n          success: false,\n          error: 'Повідомлення занадто довге (макс. 1000 символів)',\n        };\n      }\n\n      \u002F\u002F Витягти userId з client.data (встановлюється при автентифікації)\n      const userId = (client as any).userId;\n\n      \u002F\u002F Зберегти у БД через service\n      const message = await this.chatService.createMessage({\n        roomId: data.roomId,\n        userId,\n        text: data.text,\n      });\n\n      \u002F\u002F Broadcast повідомлення всім у кімнаті\n      this.server.to(data.roomId).emit('newMessage', {\n        id: message.id,\n        userId: message.userId,\n        username: message.user.username,\n        text: message.text,\n        timestamp: message.createdAt,\n      });\n\n      \u002F\u002F Повернути успішну відповідь з ID повідомлення\n      return {\n        success: true,\n        messageId: message.id,\n      };\n    } catch (error) {\n      console.error('[WebSocket] Помилка створення повідомлення:', error);\n\n      return {\n        success: false,\n        error: 'Внутрішня помилка сервера',\n      };\n    }\n  }\n}\n",[5110,9304,9305,9309,9326,9342,9346,9355,9365,9375,9379,9383,9392,9404,9416,9427,9431,9435,9453,9463,9485,9489,9497,9507,9511,9515,9520,9525,9529,9541,9551,9568,9584,9600,9607,9612,9653,9660,9670,9680,9685,9690,9694,9719,9725,9733,9742,9746,9750,9754,9759,9784,9788,9793,9819,9832,9839,9852,9857,9861,9866,9896,9909,9922,9940,9952,9966,9970,9974,9979,9986,9995,10008,10013,10027,10046,10050,10056,10064,10074,10078,10083,10087],{"__ignoreMap":5339},[5343,9306,9307],{"class":5345,"line":5346},[5343,9308,5693],{"class":5554},[5343,9310,9311,9313,9315,9318,9320,9322,9324],{"class":5345,"line":5366},[5343,9312,5699],{"class":5698},[5343,9314,5761],{"class":5702},[5343,9316,9317],{"class":5708},"UseGuards",[5343,9319,5772],{"class":5702},[5343,9321,5748],{"class":5698},[5343,9323,6337],{"class":5352},[5343,9325,5754],{"class":5702},[5343,9327,9328,9330,9332,9334,9336,9338,9340],{"class":5345,"line":5378},[5343,9329,5699],{"class":5698},[5343,9331,5761],{"class":5702},[5343,9333,6366],{"class":5708},[5343,9335,5772],{"class":5702},[5343,9337,5748],{"class":5698},[5343,9339,6373],{"class":5352},[5343,9341,5754],{"class":5702},[5343,9343,9344],{"class":5345,"line":5528},[5343,9345,5785],{"emptyLinePlaceholder":5784},[5343,9347,9348,9350,9353],{"class":5345,"line":5537},[5343,9349,8021],{"class":5356},[5343,9351,9352],{"class":5853}," SendMessageDto",[5343,9354,5703],{"class":5702},[5343,9356,9357,9359,9361,9363],{"class":5345,"line":5546},[5343,9358,8031],{"class":5708},[5343,9360,5877],{"class":5702},[5343,9362,5954],{"class":5853},[5343,9364,5754],{"class":5702},[5343,9366,9367,9369,9371,9373],{"class":5345,"line":5558},[5343,9368,8065],{"class":5708},[5343,9370,5877],{"class":5702},[5343,9372,5954],{"class":5853},[5343,9374,5754],{"class":5702},[5343,9376,9377],{"class":5345,"line":5569},[5343,9378,6235],{"class":5702},[5343,9380,9381],{"class":5345,"line":5577},[5343,9382,5785],{"emptyLinePlaceholder":5784},[5343,9384,9385,9387,9390],{"class":5345,"line":5592},[5343,9386,8021],{"class":5356},[5343,9388,9389],{"class":5853}," AckResponse",[5343,9391,5703],{"class":5702},[5343,9393,9394,9397,9399,9402],{"class":5345,"line":5601},[5343,9395,9396],{"class":5708},"  success",[5343,9398,5877],{"class":5702},[5343,9400,9401],{"class":5853},"boolean",[5343,9403,5754],{"class":5702},[5343,9405,9406,9409,9412,9414],{"class":5345,"line":5799},[5343,9407,9408],{"class":5708},"  messageId",[5343,9410,9411],{"class":5702},"?: ",[5343,9413,5954],{"class":5853},[5343,9415,5754],{"class":5702},[5343,9417,9418,9421,9423,9425],{"class":5345,"line":5807},[5343,9419,9420],{"class":5708},"  error",[5343,9422,9411],{"class":5702},[5343,9424,5954],{"class":5853},[5343,9426,5754],{"class":5702},[5343,9428,9429],{"class":5345,"line":5821},[5343,9430,6235],{"class":5702},[5343,9432,9433],{"class":5345,"line":5832},[5343,9434,5785],{"emptyLinePlaceholder":5784},[5343,9436,9437,9439,9441,9443,9445,9447,9449,9451],{"class":5345,"line":5838},[5343,9438,5790],{"class":5702},[5343,9440,5793],{"class":5349},[5343,9442,8100],{"class":5702},[5343,9444,8103],{"class":5708},[5343,9446,5761],{"class":5702},[5343,9448,8108],{"class":5708},[5343,9450,8111],{"class":5352},[5343,9452,8114],{"class":5702},[5343,9454,9455,9457,9459,9461],{"class":5345,"line":5844},[5343,9456,5847],{"class":5698},[5343,9458,5850],{"class":5356},[5343,9460,5854],{"class":5853},[5343,9462,5703],{"class":5702},[5343,9464,9465,9467,9469,9472,9475,9478,9480,9482],{"class":5345,"line":5859},[5343,9466,6617],{"class":5356},[5343,9468,5919],{"class":5702},[5343,9470,9471],{"class":5356},"private",[5343,9473,9474],{"class":5356}," readonly",[5343,9476,9477],{"class":5708}," chatService",[5343,9479,5877],{"class":5702},[5343,9481,6366],{"class":5853},[5343,9483,9484],{"class":5702},") {}\n",[5343,9486,9487],{"class":5345,"line":5871},[5343,9488,5785],{"emptyLinePlaceholder":5784},[5343,9490,9491,9493,9495],{"class":5345,"line":5888},[5343,9492,5862],{"class":5702},[5343,9494,5865],{"class":5349},[5343,9496,5868],{"class":5702},[5343,9498,9499,9501,9503,9505],{"class":5345,"line":5893},[5343,9500,5874],{"class":5708},[5343,9502,5877],{"class":5702},[5343,9504,5764],{"class":5853},[5343,9506,5754],{"class":5702},[5343,9508,9509],{"class":5345,"line":5899},[5343,9510,5785],{"emptyLinePlaceholder":5784},[5343,9512,9513],{"class":5345,"line":5905},[5343,9514,5896],{"class":5554},[5343,9516,9517],{"class":5345,"line":5911},[5343,9518,9519],{"class":5554},"   * Обробка відправки повідомлення з ACK\n",[5343,9521,9522],{"class":5345,"line":5928},[5343,9523,9524],{"class":5554},"   * Третій параметр — callback функція для acknowledgment\n",[5343,9526,9527],{"class":5345,"line":5937},[5343,9528,5908],{"class":5554},[5343,9530,9531,9533,9535,9537,9539],{"class":5345,"line":5959},[5343,9532,5862],{"class":5702},[5343,9534,5916],{"class":5349},[5343,9536,5919],{"class":5702},[5343,9538,8679],{"class":5352},[5343,9540,5925],{"class":5702},[5343,9542,9543,9546,9549],{"class":5345,"line":5978},[5343,9544,9545],{"class":5356},"  async",[5343,9547,9548],{"class":5349}," handleSendMessage",[5343,9550,5934],{"class":5702},[5343,9552,9553,9555,9557,9559,9561,9563,9566],{"class":5345,"line":5988},[5343,9554,5940],{"class":5702},[5343,9556,5943],{"class":5349},[5343,9558,5946],{"class":5702},[5343,9560,5949],{"class":5708},[5343,9562,5877],{"class":5702},[5343,9564,9565],{"class":5853},"SendMessageDto",[5343,9567,5712],{"class":5702},[5343,9569,9570,9572,9574,9576,9578,9580,9582],{"class":5345,"line":6032},[5343,9571,5940],{"class":5702},[5343,9573,5964],{"class":5349},[5343,9575,5946],{"class":5702},[5343,9577,5969],{"class":5708},[5343,9579,5877],{"class":5702},[5343,9581,5769],{"class":5853},[5343,9583,5712],{"class":5702},[5343,9585,9586,9588,9591,9594,9597],{"class":5345,"line":6037},[5343,9587,5981],{"class":5702},[5343,9589,9590],{"class":5853},"Promise",[5343,9592,9593],{"class":5702},"\u003C",[5343,9595,9596],{"class":5853},"AckResponse",[5343,9598,9599],{"class":5702},"> {\n",[5343,9601,9602,9605],{"class":5345,"line":6043},[5343,9603,9604],{"class":5698},"    try",[5343,9606,5703],{"class":5702},[5343,9608,9609],{"class":5345,"line":6062},[5343,9610,9611],{"class":5554},"      \u002F\u002F Валідація\n",[5343,9613,9614,9617,9620,9622,9624,9626,9629,9631,9633,9635,9637,9640,9642,9645,9648,9651],{"class":5345,"line":6068},[5343,9615,9616],{"class":5698},"      if",[5343,9618,9619],{"class":5702}," (!",[5343,9621,5949],{"class":5708},[5343,9623,5196],{"class":5702},[5343,9625,6856],{"class":5708},[5343,9627,9628],{"class":5702}," || ",[5343,9630,5949],{"class":5708},[5343,9632,5196],{"class":5702},[5343,9634,6856],{"class":5708},[5343,9636,5196],{"class":5702},[5343,9638,9639],{"class":5349},"trim",[5343,9641,6212],{"class":5702},[5343,9643,9644],{"class":5708},"length",[5343,9646,9647],{"class":5702}," === ",[5343,9649,9650],{"class":6682},"0",[5343,9652,6629],{"class":5702},[5343,9654,9655,9658],{"class":5345,"line":6073},[5343,9656,9657],{"class":5698},"        return",[5343,9659,5703],{"class":5702},[5343,9661,9662,9665,9668],{"class":5345,"line":6078},[5343,9663,9664],{"class":5708},"          success:",[5343,9666,9667],{"class":5356}," false",[5343,9669,5712],{"class":5702},[5343,9671,9672,9675,9678],{"class":5345,"line":6084},[5343,9673,9674],{"class":5708},"          error:",[5343,9676,9677],{"class":5352}," 'Повідомлення не може бути порожнім'",[5343,9679,5712],{"class":5702},[5343,9681,9682],{"class":5345,"line":6089},[5343,9683,9684],{"class":5702},"        };\n",[5343,9686,9687],{"class":5345,"line":6103},[5343,9688,9689],{"class":5702},"      }\n",[5343,9691,9692],{"class":5345,"line":6131},[5343,9693,5785],{"emptyLinePlaceholder":5784},[5343,9695,9696,9698,9701,9703,9705,9707,9709,9711,9714,9717],{"class":5345,"line":6155},[5343,9697,9616],{"class":5698},[5343,9699,9700],{"class":5702}," (",[5343,9702,5949],{"class":5708},[5343,9704,5196],{"class":5702},[5343,9706,6856],{"class":5708},[5343,9708,5196],{"class":5702},[5343,9710,9644],{"class":5708},[5343,9712,9713],{"class":5702}," > ",[5343,9715,9716],{"class":6682},"1000",[5343,9718,6629],{"class":5702},[5343,9720,9721,9723],{"class":5345,"line":6160},[5343,9722,9657],{"class":5698},[5343,9724,5703],{"class":5702},[5343,9726,9727,9729,9731],{"class":5345,"line":6166},[5343,9728,9664],{"class":5708},[5343,9730,9667],{"class":5356},[5343,9732,5712],{"class":5702},[5343,9734,9735,9737,9740],{"class":5345,"line":6189},[5343,9736,9674],{"class":5708},[5343,9738,9739],{"class":5352}," 'Повідомлення занадто довге (макс. 1000 символів)'",[5343,9741,5712],{"class":5702},[5343,9743,9744],{"class":5345,"line":6200},[5343,9745,9684],{"class":5702},[5343,9747,9748],{"class":5345,"line":6221},[5343,9749,9689],{"class":5702},[5343,9751,9752],{"class":5345,"line":6227},[5343,9753,5785],{"emptyLinePlaceholder":5784},[5343,9755,9756],{"class":5345,"line":6232},[5343,9757,9758],{"class":5554},"      \u002F\u002F Витягти userId з client.data (встановлюється при автентифікації)\n",[5343,9760,9761,9764,9767,9770,9772,9775,9778,9780,9782],{"class":5345,"line":7147},[5343,9762,9763],{"class":5356},"      const",[5343,9765,9766],{"class":7309}," userId",[5343,9768,9769],{"class":5702}," = (",[5343,9771,5969],{"class":5708},[5343,9773,9774],{"class":5698}," as",[5343,9776,9777],{"class":5853}," any",[5343,9779,6265],{"class":5702},[5343,9781,8955],{"class":5708},[5343,9783,5754],{"class":5702},[5343,9785,9786],{"class":5345,"line":7153},[5343,9787,5785],{"emptyLinePlaceholder":5784},[5343,9789,9790],{"class":5345,"line":7173},[5343,9791,9792],{"class":5554},"      \u002F\u002F Зберегти у БД через service\n",[5343,9794,9795,9797,9799,9801,9804,9807,9809,9812,9814,9817],{"class":5345,"line":7178},[5343,9796,9763],{"class":5356},[5343,9798,6195],{"class":7309},[5343,9800,6646],{"class":5702},[5343,9802,9803],{"class":5698},"await",[5343,9805,9806],{"class":5356}," this",[5343,9808,5196],{"class":5702},[5343,9810,9811],{"class":5708},"chatService",[5343,9813,5196],{"class":5702},[5343,9815,9816],{"class":5349},"createMessage",[5343,9818,5796],{"class":5702},[5343,9820,9821,9824,9826,9828,9830],{"class":5345,"line":7183},[5343,9822,9823],{"class":5708},"        roomId:",[5343,9825,8428],{"class":5708},[5343,9827,5196],{"class":5702},[5343,9829,8343],{"class":5708},[5343,9831,5712],{"class":5702},[5343,9833,9834,9837],{"class":5345,"line":7188},[5343,9835,9836],{"class":5708},"        userId",[5343,9838,5712],{"class":5702},[5343,9840,9841,9844,9846,9848,9850],{"class":5345,"line":7193},[5343,9842,9843],{"class":5708},"        text:",[5343,9845,8428],{"class":5708},[5343,9847,5196],{"class":5702},[5343,9849,6856],{"class":5708},[5343,9851,5712],{"class":5702},[5343,9853,9854],{"class":5345,"line":7199},[5343,9855,9856],{"class":5702},"      });\n",[5343,9858,9859],{"class":5345,"line":7204},[5343,9860,5785],{"emptyLinePlaceholder":5784},[5343,9862,9863],{"class":5345,"line":7224},[5343,9864,9865],{"class":5554},"      \u002F\u002F Broadcast повідомлення всім у кімнаті\n",[5343,9867,9868,9870,9872,9874,9876,9878,9880,9882,9884,9886,9888,9890,9892,9894],{"class":5345,"line":7247},[5343,9869,6908],{"class":5356},[5343,9871,5196],{"class":5702},[5343,9873,6174],{"class":5708},[5343,9875,5196],{"class":5702},[5343,9877,8402],{"class":5349},[5343,9879,5919],{"class":5702},[5343,9881,5949],{"class":5708},[5343,9883,5196],{"class":5702},[5343,9885,8343],{"class":5708},[5343,9887,6265],{"class":5702},[5343,9889,6179],{"class":5349},[5343,9891,5919],{"class":5702},[5343,9893,8763],{"class":5352},[5343,9895,6186],{"class":5702},[5343,9897,9898,9901,9903,9905,9907],{"class":5345,"line":7252},[5343,9899,9900],{"class":5708},"        id:",[5343,9902,6195],{"class":5708},[5343,9904,5196],{"class":5702},[5343,9906,6012],{"class":5708},[5343,9908,5712],{"class":5702},[5343,9910,9911,9914,9916,9918,9920],{"class":5345,"line":7257},[5343,9912,9913],{"class":5708},"        userId:",[5343,9915,6195],{"class":5708},[5343,9917,5196],{"class":5702},[5343,9919,8955],{"class":5708},[5343,9921,5712],{"class":5702},[5343,9923,9924,9927,9929,9931,9934,9936,9938],{"class":5345,"line":7262},[5343,9925,9926],{"class":5708},"        username:",[5343,9928,6195],{"class":5708},[5343,9930,5196],{"class":5702},[5343,9932,9933],{"class":5708},"user",[5343,9935,5196],{"class":5702},[5343,9937,8352],{"class":5708},[5343,9939,5712],{"class":5702},[5343,9941,9942,9944,9946,9948,9950],{"class":5345,"line":7268},[5343,9943,9843],{"class":5708},[5343,9945,6195],{"class":5708},[5343,9947,5196],{"class":5702},[5343,9949,6856],{"class":5708},[5343,9951,5712],{"class":5702},[5343,9953,9954,9957,9959,9961,9964],{"class":5345,"line":7273},[5343,9955,9956],{"class":5708},"        timestamp:",[5343,9958,6195],{"class":5708},[5343,9960,5196],{"class":5702},[5343,9962,9963],{"class":5708},"createdAt",[5343,9965,5712],{"class":5702},[5343,9967,9968],{"class":5345,"line":7303},[5343,9969,9856],{"class":5702},[5343,9971,9972],{"class":5345,"line":7330},[5343,9973,5785],{"emptyLinePlaceholder":5784},[5343,9975,9976],{"class":5345,"line":7347},[5343,9977,9978],{"class":5554},"      \u002F\u002F Повернути успішну відповідь з ID повідомлення\n",[5343,9980,9981,9984],{"class":5345,"line":7362},[5343,9982,9983],{"class":5698},"      return",[5343,9985,5703],{"class":5702},[5343,9987,9988,9991,9993],{"class":5345,"line":7392},[5343,9989,9990],{"class":5708},"        success:",[5343,9992,5827],{"class":5356},[5343,9994,5712],{"class":5702},[5343,9996,9997,10000,10002,10004,10006],{"class":5345,"line":7406},[5343,9998,9999],{"class":5708},"        messageId:",[5343,10001,6195],{"class":5708},[5343,10003,5196],{"class":5702},[5343,10005,6012],{"class":5708},[5343,10007,5712],{"class":5702},[5343,10009,10010],{"class":5345,"line":7414},[5343,10011,10012],{"class":5702},"      };\n",[5343,10014,10015,10018,10021,10023,10025],{"class":5345,"line":7443},[5343,10016,10017],{"class":5702},"    } ",[5343,10019,10020],{"class":5698},"catch",[5343,10022,9700],{"class":5702},[5343,10024,7031],{"class":5708},[5343,10026,6629],{"class":5702},[5343,10028,10029,10031,10033,10035,10037,10040,10042,10044],{"class":5345,"line":7448},[5343,10030,6792],{"class":5708},[5343,10032,5196],{"class":5702},[5343,10034,7031],{"class":5349},[5343,10036,5919],{"class":5702},[5343,10038,10039],{"class":5352},"'[WebSocket] Помилка створення повідомлення:'",[5343,10041,5464],{"class":5702},[5343,10043,7031],{"class":5708},[5343,10045,6029],{"class":5702},[5343,10047,10048],{"class":5345,"line":7453},[5343,10049,5785],{"emptyLinePlaceholder":5784},[5343,10051,10052,10054],{"class":5345,"line":7458},[5343,10053,9983],{"class":5698},[5343,10055,5703],{"class":5702},[5343,10057,10058,10060,10062],{"class":5345,"line":7464},[5343,10059,9990],{"class":5708},[5343,10061,9667],{"class":5356},[5343,10063,5712],{"class":5702},[5343,10065,10066,10069,10072],{"class":5345,"line":7469},[5343,10067,10068],{"class":5708},"        error:",[5343,10070,10071],{"class":5352}," 'Внутрішня помилка сервера'",[5343,10073,5712],{"class":5702},[5343,10075,10076],{"class":5345,"line":7481},[5343,10077,10012],{"class":5702},[5343,10079,10080],{"class":5345,"line":7497},[5343,10081,10082],{"class":5702},"    }\n",[5343,10084,10085],{"class":5345,"line":7502},[5343,10086,6065],{"class":5702},[5343,10088,10089],{"class":5345,"line":7507},[5343,10090,6235],{"class":5702},[5089,10092,10093],{},[5099,10094,10095],{},"Клієнтська реалізація з обробкою ACK:",[5333,10097,10099],{"className":5684,"code":10098,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fchat-client.ts\ninterface SendMessageResponse {\n  success: boolean;\n  messageId?: string;\n  error?: string;\n}\n\nclass ChatClient {\n  private socket: Socket;\n\n  \u002F**\n   * Відправка повідомлення з очікуванням acknowledgment\n   *\u002F\n  async sendMessage(roomId: string, text: string): Promise\u003Cvoid> {\n    \u002F\u002F Показати індикатор відправки\n    this.showSendingIndicator();\n\n    \u002F\u002F Відправити повідомлення та отримати ACK через callback\n    this.socket.emit(\n      'sendMessage',\n      { roomId, text },\n      (response: SendMessageResponse) => {\n        this.hideSendingIndicator();\n\n        if (response.success) {\n          console.log('[Chat] Повідомлення відправлено, ID:', response.messageId);\n          this.showSuccessNotification('Повідомлення відправлено');\n        } else {\n          console.error('[Chat] Помилка відправки:', response.error);\n          this.showErrorNotification(response.error || 'Невідома помилка');\n        }\n      }\n    );\n  }\n\n  \u002F**\n   * Альтернативний підхід: обгортка у Promise для async\u002Fawait стилю\n   *\u002F\n  sendMessageAsync(roomId: string, text: string): Promise\u003CSendMessageResponse> {\n    return new Promise((resolve, reject) => {\n      \u002F\u002F Timeout для запобігання нескінченного очікування\n      const timeout = setTimeout(() => {\n        reject(new Error('Timeout: сервер не відповів протягом 10 секунд'));\n      }, 10000);\n\n      this.socket.emit(\n        'sendMessage',\n        { roomId, text },\n        (response: SendMessageResponse) => {\n          clearTimeout(timeout);\n          resolve(response);\n        }\n      );\n    });\n  }\n\n  \u002F\u002F Використання з async\u002Fawait\n  async handleSendButtonClick(): Promise\u003Cvoid> {\n    try {\n      const response = await this.sendMessageAsync('room-123', 'Привіт, світ!');\n\n      if (response.success) {\n        console.log('Успіх! ID:', response.messageId);\n      } else {\n        console.error('Помилка:', response.error);\n      }\n    } catch (error) {\n      console.error('Timeout або мережева помилка:', error);\n    }\n  }\n}\n",[5110,10100,10101,10105,10114,10124,10134,10144,10148,10152,10160,10172,10176,10180,10185,10189,10222,10227,10238,10242,10247,10261,10268,10281,10299,10311,10315,10331,10355,10372,10382,10405,10429,10434,10438,10443,10447,10451,10455,10460,10464,10495,10521,10526,10545,10565,10575,10579,10593,10600,10613,10630,10642,10653,10657,10662,10666,10670,10674,10679,10696,10702,10732,10736,10750,10774,10783,10806,10810,10822,10841,10845,10849],{"__ignoreMap":5339},[5343,10102,10103],{"class":5345,"line":5346},[5343,10104,6558],{"class":5554},[5343,10106,10107,10109,10112],{"class":5345,"line":5366},[5343,10108,8021],{"class":5356},[5343,10110,10111],{"class":5853}," SendMessageResponse",[5343,10113,5703],{"class":5702},[5343,10115,10116,10118,10120,10122],{"class":5345,"line":5378},[5343,10117,9396],{"class":5708},[5343,10119,5877],{"class":5702},[5343,10121,9401],{"class":5853},[5343,10123,5754],{"class":5702},[5343,10125,10126,10128,10130,10132],{"class":5345,"line":5528},[5343,10127,9408],{"class":5708},[5343,10129,9411],{"class":5702},[5343,10131,5954],{"class":5853},[5343,10133,5754],{"class":5702},[5343,10135,10136,10138,10140,10142],{"class":5345,"line":5537},[5343,10137,9420],{"class":5708},[5343,10139,9411],{"class":5702},[5343,10141,5954],{"class":5853},[5343,10143,5754],{"class":5702},[5343,10145,10146],{"class":5345,"line":5546},[5343,10147,6235],{"class":5702},[5343,10149,10150],{"class":5345,"line":5558},[5343,10151,5785],{"emptyLinePlaceholder":5784},[5343,10153,10154,10156,10158],{"class":5345,"line":5569},[5343,10155,6589],{"class":5356},[5343,10157,6592],{"class":5853},[5343,10159,5703],{"class":5702},[5343,10161,10162,10164,10166,10168,10170],{"class":5345,"line":5577},[5343,10163,6599],{"class":5356},[5343,10165,6602],{"class":5708},[5343,10167,5877],{"class":5702},[5343,10169,5769],{"class":5853},[5343,10171,5754],{"class":5702},[5343,10173,10174],{"class":5345,"line":5592},[5343,10175,5785],{"emptyLinePlaceholder":5784},[5343,10177,10178],{"class":5345,"line":5601},[5343,10179,5896],{"class":5554},[5343,10181,10182],{"class":5345,"line":5799},[5343,10183,10184],{"class":5554},"   * Відправка повідомлення з очікуванням acknowledgment\n",[5343,10186,10187],{"class":5345,"line":5807},[5343,10188,5908],{"class":5554},[5343,10190,10191,10193,10196,10198,10200,10202,10204,10206,10208,10210,10212,10214,10216,10218,10220],{"class":5345,"line":5821},[5343,10192,9545],{"class":5356},[5343,10194,10195],{"class":5349}," sendMessage",[5343,10197,5919],{"class":5702},[5343,10199,8343],{"class":5708},[5343,10201,5877],{"class":5702},[5343,10203,5954],{"class":5853},[5343,10205,5464],{"class":5702},[5343,10207,6856],{"class":5708},[5343,10209,5877],{"class":5702},[5343,10211,5954],{"class":5853},[5343,10213,6123],{"class":5702},[5343,10215,9590],{"class":5853},[5343,10217,9593],{"class":5702},[5343,10219,6126],{"class":5853},[5343,10221,9599],{"class":5702},[5343,10223,10224],{"class":5345,"line":5832},[5343,10225,10226],{"class":5554},"    \u002F\u002F Показати індикатор відправки\n",[5343,10228,10229,10231,10233,10236],{"class":5345,"line":5838},[5343,10230,6169],{"class":5356},[5343,10232,5196],{"class":5702},[5343,10234,10235],{"class":5349},"showSendingIndicator",[5343,10237,6721],{"class":5702},[5343,10239,10240],{"class":5345,"line":5844},[5343,10241,5785],{"emptyLinePlaceholder":5784},[5343,10243,10244],{"class":5345,"line":5859},[5343,10245,10246],{"class":5554},"    \u002F\u002F Відправити повідомлення та отримати ACK через callback\n",[5343,10248,10249,10251,10253,10255,10257,10259],{"class":5345,"line":5871},[5343,10250,6169],{"class":5356},[5343,10252,5196],{"class":5702},[5343,10254,6643],{"class":5708},[5343,10256,5196],{"class":5702},[5343,10258,6179],{"class":5349},[5343,10260,5934],{"class":5702},[5343,10262,10263,10266],{"class":5345,"line":5888},[5343,10264,10265],{"class":5352},"      'sendMessage'",[5343,10267,5712],{"class":5702},[5343,10269,10270,10273,10275,10277,10279],{"class":5345,"line":5893},[5343,10271,10272],{"class":5702},"      { ",[5343,10274,8343],{"class":5708},[5343,10276,5464],{"class":5702},[5343,10278,6856],{"class":5708},[5343,10280,8359],{"class":5702},[5343,10282,10283,10286,10288,10290,10293,10295,10297],{"class":5345,"line":5899},[5343,10284,10285],{"class":5702},"      (",[5343,10287,7134],{"class":5708},[5343,10289,5877],{"class":5702},[5343,10291,10292],{"class":5853},"SendMessageResponse",[5343,10294,6973],{"class":5702},[5343,10296,6785],{"class":5356},[5343,10298,5703],{"class":5702},[5343,10300,10301,10304,10306,10309],{"class":5345,"line":5905},[5343,10302,10303],{"class":5356},"        this",[5343,10305,5196],{"class":5702},[5343,10307,10308],{"class":5349},"hideSendingIndicator",[5343,10310,6721],{"class":5702},[5343,10312,10313],{"class":5345,"line":5911},[5343,10314,5785],{"emptyLinePlaceholder":5784},[5343,10316,10317,10320,10322,10324,10326,10329],{"class":5345,"line":5928},[5343,10318,10319],{"class":5698},"        if",[5343,10321,9700],{"class":5702},[5343,10323,7134],{"class":5708},[5343,10325,5196],{"class":5702},[5343,10327,10328],{"class":5708},"success",[5343,10330,6629],{"class":5702},[5343,10332,10333,10336,10338,10340,10342,10345,10347,10349,10351,10353],{"class":5345,"line":5937},[5343,10334,10335],{"class":5708},"          console",[5343,10337,5196],{"class":5702},[5343,10339,5996],{"class":5349},[5343,10341,5919],{"class":5702},[5343,10343,10344],{"class":5352},"'[Chat] Повідомлення відправлено, ID:'",[5343,10346,5464],{"class":5702},[5343,10348,7134],{"class":5708},[5343,10350,5196],{"class":5702},[5343,10352,8946],{"class":5708},[5343,10354,6029],{"class":5702},[5343,10356,10357,10360,10362,10365,10367,10370],{"class":5345,"line":5959},[5343,10358,10359],{"class":5356},"          this",[5343,10361,5196],{"class":5702},[5343,10363,10364],{"class":5349},"showSuccessNotification",[5343,10366,5919],{"class":5702},[5343,10368,10369],{"class":5352},"'Повідомлення відправлено'",[5343,10371,6029],{"class":5702},[5343,10373,10374,10377,10380],{"class":5345,"line":5978},[5343,10375,10376],{"class":5702},"        } ",[5343,10378,10379],{"class":5698},"else",[5343,10381,5703],{"class":5702},[5343,10383,10384,10386,10388,10390,10392,10395,10397,10399,10401,10403],{"class":5345,"line":5988},[5343,10385,10335],{"class":5708},[5343,10387,5196],{"class":5702},[5343,10389,7031],{"class":5349},[5343,10391,5919],{"class":5702},[5343,10393,10394],{"class":5352},"'[Chat] Помилка відправки:'",[5343,10396,5464],{"class":5702},[5343,10398,7134],{"class":5708},[5343,10400,5196],{"class":5702},[5343,10402,7031],{"class":5708},[5343,10404,6029],{"class":5702},[5343,10406,10407,10409,10411,10414,10416,10418,10420,10422,10424,10427],{"class":5345,"line":6032},[5343,10408,10359],{"class":5356},[5343,10410,5196],{"class":5702},[5343,10412,10413],{"class":5349},"showErrorNotification",[5343,10415,5919],{"class":5702},[5343,10417,7134],{"class":5708},[5343,10419,5196],{"class":5702},[5343,10421,7031],{"class":5708},[5343,10423,9628],{"class":5702},[5343,10425,10426],{"class":5352},"'Невідома помилка'",[5343,10428,6029],{"class":5702},[5343,10430,10431],{"class":5345,"line":6037},[5343,10432,10433],{"class":5702},"        }\n",[5343,10435,10436],{"class":5345,"line":6043},[5343,10437,9689],{"class":5702},[5343,10439,10440],{"class":5345,"line":6062},[5343,10441,10442],{"class":5702},"    );\n",[5343,10444,10445],{"class":5345,"line":6068},[5343,10446,6065],{"class":5702},[5343,10448,10449],{"class":5345,"line":6073},[5343,10450,5785],{"emptyLinePlaceholder":5784},[5343,10452,10453],{"class":5345,"line":6078},[5343,10454,5896],{"class":5554},[5343,10456,10457],{"class":5345,"line":6084},[5343,10458,10459],{"class":5554},"   * Альтернативний підхід: обгортка у Promise для async\u002Fawait стилю\n",[5343,10461,10462],{"class":5345,"line":6089},[5343,10463,5908],{"class":5554},[5343,10465,10466,10469,10471,10473,10475,10477,10479,10481,10483,10485,10487,10489,10491,10493],{"class":5345,"line":6103},[5343,10467,10468],{"class":5349},"  sendMessageAsync",[5343,10470,5919],{"class":5702},[5343,10472,8343],{"class":5708},[5343,10474,5877],{"class":5702},[5343,10476,5954],{"class":5853},[5343,10478,5464],{"class":5702},[5343,10480,6856],{"class":5708},[5343,10482,5877],{"class":5702},[5343,10484,5954],{"class":5853},[5343,10486,6123],{"class":5702},[5343,10488,9590],{"class":5853},[5343,10490,9593],{"class":5702},[5343,10492,10292],{"class":5853},[5343,10494,9599],{"class":5702},[5343,10496,10497,10499,10501,10504,10507,10510,10512,10515,10517,10519],{"class":5345,"line":6131},[5343,10498,6046],{"class":5698},[5343,10500,6206],{"class":5356},[5343,10502,10503],{"class":5853}," Promise",[5343,10505,10506],{"class":5702},"((",[5343,10508,10509],{"class":5708},"resolve",[5343,10511,5464],{"class":5702},[5343,10513,10514],{"class":5708},"reject",[5343,10516,6973],{"class":5702},[5343,10518,6785],{"class":5356},[5343,10520,5703],{"class":5702},[5343,10522,10523],{"class":5345,"line":6155},[5343,10524,10525],{"class":5554},"      \u002F\u002F Timeout для запобігання нескінченного очікування\n",[5343,10527,10528,10530,10533,10535,10538,10541,10543],{"class":5345,"line":6160},[5343,10529,9763],{"class":5356},[5343,10531,10532],{"class":7309}," timeout",[5343,10534,6646],{"class":5702},[5343,10536,10537],{"class":5349},"setTimeout",[5343,10539,10540],{"class":5702},"(() ",[5343,10542,6785],{"class":5356},[5343,10544,5703],{"class":5702},[5343,10546,10547,10550,10552,10554,10557,10559,10562],{"class":5345,"line":6166},[5343,10548,10549],{"class":5349},"        reject",[5343,10551,5919],{"class":5702},[5343,10553,7370],{"class":5356},[5343,10555,10556],{"class":5349}," Error",[5343,10558,5919],{"class":5702},[5343,10560,10561],{"class":5352},"'Timeout: сервер не відповів протягом 10 секунд'",[5343,10563,10564],{"class":5702},"));\n",[5343,10566,10567,10570,10573],{"class":5345,"line":6189},[5343,10568,10569],{"class":5702},"      }, ",[5343,10571,10572],{"class":6682},"10000",[5343,10574,6029],{"class":5702},[5343,10576,10577],{"class":5345,"line":6200},[5343,10578,5785],{"emptyLinePlaceholder":5784},[5343,10580,10581,10583,10585,10587,10589,10591],{"class":5345,"line":6221},[5343,10582,6908],{"class":5356},[5343,10584,5196],{"class":5702},[5343,10586,6643],{"class":5708},[5343,10588,5196],{"class":5702},[5343,10590,6179],{"class":5349},[5343,10592,5934],{"class":5702},[5343,10594,10595,10598],{"class":5345,"line":6227},[5343,10596,10597],{"class":5352},"        'sendMessage'",[5343,10599,5712],{"class":5702},[5343,10601,10602,10605,10607,10609,10611],{"class":5345,"line":6232},[5343,10603,10604],{"class":5702},"        { ",[5343,10606,8343],{"class":5708},[5343,10608,5464],{"class":5702},[5343,10610,6856],{"class":5708},[5343,10612,8359],{"class":5702},[5343,10614,10615,10618,10620,10622,10624,10626,10628],{"class":5345,"line":7147},[5343,10616,10617],{"class":5702},"        (",[5343,10619,7134],{"class":5708},[5343,10621,5877],{"class":5702},[5343,10623,10292],{"class":5853},[5343,10625,6973],{"class":5702},[5343,10627,6785],{"class":5356},[5343,10629,5703],{"class":5702},[5343,10631,10632,10635,10637,10640],{"class":5345,"line":7153},[5343,10633,10634],{"class":5349},"          clearTimeout",[5343,10636,5919],{"class":5702},[5343,10638,10639],{"class":5708},"timeout",[5343,10641,6029],{"class":5702},[5343,10643,10644,10647,10649,10651],{"class":5345,"line":7173},[5343,10645,10646],{"class":5349},"          resolve",[5343,10648,5919],{"class":5702},[5343,10650,7134],{"class":5708},[5343,10652,6029],{"class":5702},[5343,10654,10655],{"class":5345,"line":7178},[5343,10656,10433],{"class":5702},[5343,10658,10659],{"class":5345,"line":7183},[5343,10660,10661],{"class":5702},"      );\n",[5343,10663,10664],{"class":5345,"line":7188},[5343,10665,6224],{"class":5702},[5343,10667,10668],{"class":5345,"line":7193},[5343,10669,6065],{"class":5702},[5343,10671,10672],{"class":5345,"line":7199},[5343,10673,5785],{"emptyLinePlaceholder":5784},[5343,10675,10676],{"class":5345,"line":7204},[5343,10677,10678],{"class":5554},"  \u002F\u002F Використання з async\u002Fawait\n",[5343,10680,10681,10683,10686,10688,10690,10692,10694],{"class":5345,"line":7224},[5343,10682,9545],{"class":5356},[5343,10684,10685],{"class":5349}," handleSendButtonClick",[5343,10687,6752],{"class":5702},[5343,10689,9590],{"class":5853},[5343,10691,9593],{"class":5702},[5343,10693,6126],{"class":5853},[5343,10695,9599],{"class":5702},[5343,10697,10698,10700],{"class":5345,"line":7247},[5343,10699,9604],{"class":5698},[5343,10701,5703],{"class":5702},[5343,10703,10704,10706,10709,10711,10713,10715,10717,10720,10722,10725,10727,10730],{"class":5345,"line":7252},[5343,10705,9763],{"class":5356},[5343,10707,10708],{"class":7309}," response",[5343,10710,6646],{"class":5702},[5343,10712,9803],{"class":5698},[5343,10714,9806],{"class":5356},[5343,10716,5196],{"class":5702},[5343,10718,10719],{"class":5349},"sendMessageAsync",[5343,10721,5919],{"class":5702},[5343,10723,10724],{"class":5352},"'room-123'",[5343,10726,5464],{"class":5702},[5343,10728,10729],{"class":5352},"'Привіт, світ!'",[5343,10731,6029],{"class":5702},[5343,10733,10734],{"class":5345,"line":7257},[5343,10735,5785],{"emptyLinePlaceholder":5784},[5343,10737,10738,10740,10742,10744,10746,10748],{"class":5345,"line":7262},[5343,10739,9616],{"class":5698},[5343,10741,9700],{"class":5702},[5343,10743,7134],{"class":5708},[5343,10745,5196],{"class":5702},[5343,10747,10328],{"class":5708},[5343,10749,6629],{"class":5702},[5343,10751,10752,10755,10757,10759,10761,10764,10766,10768,10770,10772],{"class":5345,"line":7268},[5343,10753,10754],{"class":5708},"        console",[5343,10756,5196],{"class":5702},[5343,10758,5996],{"class":5349},[5343,10760,5919],{"class":5702},[5343,10762,10763],{"class":5352},"'Успіх! ID:'",[5343,10765,5464],{"class":5702},[5343,10767,7134],{"class":5708},[5343,10769,5196],{"class":5702},[5343,10771,8946],{"class":5708},[5343,10773,6029],{"class":5702},[5343,10775,10776,10779,10781],{"class":5345,"line":7273},[5343,10777,10778],{"class":5702},"      } ",[5343,10780,10379],{"class":5698},[5343,10782,5703],{"class":5702},[5343,10784,10785,10787,10789,10791,10793,10796,10798,10800,10802,10804],{"class":5345,"line":7303},[5343,10786,10754],{"class":5708},[5343,10788,5196],{"class":5702},[5343,10790,7031],{"class":5349},[5343,10792,5919],{"class":5702},[5343,10794,10795],{"class":5352},"'Помилка:'",[5343,10797,5464],{"class":5702},[5343,10799,7134],{"class":5708},[5343,10801,5196],{"class":5702},[5343,10803,7031],{"class":5708},[5343,10805,6029],{"class":5702},[5343,10807,10808],{"class":5345,"line":7330},[5343,10809,9689],{"class":5702},[5343,10811,10812,10814,10816,10818,10820],{"class":5345,"line":7347},[5343,10813,10017],{"class":5702},[5343,10815,10020],{"class":5698},[5343,10817,9700],{"class":5702},[5343,10819,7031],{"class":5708},[5343,10821,6629],{"class":5702},[5343,10823,10824,10826,10828,10830,10832,10835,10837,10839],{"class":5345,"line":7362},[5343,10825,6792],{"class":5708},[5343,10827,5196],{"class":5702},[5343,10829,7031],{"class":5349},[5343,10831,5919],{"class":5702},[5343,10833,10834],{"class":5352},"'Timeout або мережева помилка:'",[5343,10836,5464],{"class":5702},[5343,10838,7031],{"class":5708},[5343,10840,6029],{"class":5702},[5343,10842,10843],{"class":5345,"line":7392},[5343,10844,10082],{"class":5702},[5343,10846,10847],{"class":5345,"line":7406},[5343,10848,6065],{"class":5702},[5343,10850,10851],{"class":5345,"line":7414},[5343,10852,6235],{"class":5702},[5089,10854,10855],{},[5099,10856,10857],{},"Ключові переваги Acknowledgments:",[5267,10859,10860,10866,10872,10878],{},[5096,10861,10862,10865],{},[5099,10863,10864],{},"Гарантована відповідь:"," клієнт завжди знає, чи його повідомлення оброблено успішно або відхилено.",[5096,10867,10868,10871],{},[5099,10869,10870],{},"Синхронність:"," можна реалізувати блокуючий UI (disable кнопки \"Відправити\") до отримання ACK.",[5096,10873,10874,10877],{},[5099,10875,10876],{},"Обробка помилок:"," сервер може повернути структуровану помилку (validation error, permission denied) замість мовчазного ігнорування.",[5096,10879,10880,10883],{},[5099,10881,10882],{},"Retry логіка:"," клієнт може автоматично повторити спробу при timeout або помилці.",[10885,10886,10887,10890,10891,10894],"warning",{},[5099,10888,10889],{},"Timeout для ACK:"," Socket.IO ",[5099,10892,10893],{},"не гарантує",", що callback завжди викличеться (наприклад, якщо сервер упав під час обробки). Завжди додавайте timeout (наприклад, 10 секунд), після якого вважайте операцію невдалою та показуйте користувачу помилку.",[5172,10896],{},[5084,10898,10900],{"id":10899},"інтеграція-з-бізнес-логікою-через-dependency-injection","Інтеграція з бізнес-логікою через Dependency Injection",[5089,10902,10903],{},"Gateway, як і Controller, підтримує Dependency Injection (DI), що дозволяє ін'єктувати сервіси, репозиторії, та інші залежності для виконання бізнес-логіки.",[5325,10905,10907],{"id":10906},"приклад-збереження-повідомлень-у-базі-даних","Приклад: Збереження повідомлень у базі даних",[5089,10909,10910],{},"Створимо повноцінний приклад з TypeORM Entity, Repository, Service та Gateway.",[5089,10912,10913],{},[5099,10914,10915],{},"Крок 1: Створення Entity",[5333,10917,10919],{"className":5684,"code":10918,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fentities\u002Fmessage.entity.ts\nimport {\n  Entity,\n  PrimaryGeneratedColumn,\n  Column,\n  ManyToOne,\n  CreateDateColumn,\n  JoinColumn,\n} from 'typeorm';\nimport { User } from '..\u002F..\u002Fusers\u002Fentities\u002Fuser.entity';\n\n@Entity('messages')\nexport class Message {\n  @PrimaryGeneratedColumn('uuid')\n  id: string;\n\n  @Column()\n  roomId: string;\n\n  @Column()\n  userId: number;\n\n  @ManyToOne(() => User, { eager: true }) \u002F\u002F Завантажувати user автоматично\n  @JoinColumn({ name: 'userId' })\n  user: User;\n\n  @Column({ type: 'text' })\n  text: string;\n\n  @CreateDateColumn()\n  createdAt: Date;\n\n  @Column({ default: false })\n  isEdited: boolean;\n\n  @Column({ type: 'timestamp', nullable: true })\n  editedAt?: Date;\n}\n",[5110,10920,10921,10926,10932,10939,10946,10953,10960,10967,10974,10985,11003,11007,11020,11031,11045,11056,11060,11069,11079,11083,11091,11101,11105,11132,11150,11161,11165,11181,11191,11195,11204,11215,11219,11234,11245,11249,11271,11282],{"__ignoreMap":5339},[5343,10922,10923],{"class":5345,"line":5346},[5343,10924,10925],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fentities\u002Fmessage.entity.ts\n",[5343,10927,10928,10930],{"class":5345,"line":5366},[5343,10929,5699],{"class":5698},[5343,10931,5703],{"class":5702},[5343,10933,10934,10937],{"class":5345,"line":5378},[5343,10935,10936],{"class":5708},"  Entity",[5343,10938,5712],{"class":5702},[5343,10940,10941,10944],{"class":5345,"line":5528},[5343,10942,10943],{"class":5708},"  PrimaryGeneratedColumn",[5343,10945,5712],{"class":5702},[5343,10947,10948,10951],{"class":5345,"line":5537},[5343,10949,10950],{"class":5708},"  Column",[5343,10952,5712],{"class":5702},[5343,10954,10955,10958],{"class":5345,"line":5546},[5343,10956,10957],{"class":5708},"  ManyToOne",[5343,10959,5712],{"class":5702},[5343,10961,10962,10965],{"class":5345,"line":5558},[5343,10963,10964],{"class":5708},"  CreateDateColumn",[5343,10966,5712],{"class":5702},[5343,10968,10969,10972],{"class":5345,"line":5569},[5343,10970,10971],{"class":5708},"  JoinColumn",[5343,10973,5712],{"class":5702},[5343,10975,10976,10978,10980,10983],{"class":5345,"line":5577},[5343,10977,5745],{"class":5702},[5343,10979,5748],{"class":5698},[5343,10981,10982],{"class":5352}," 'typeorm'",[5343,10984,5754],{"class":5702},[5343,10986,10987,10989,10991,10994,10996,10998,11001],{"class":5345,"line":5592},[5343,10988,5699],{"class":5698},[5343,10990,5761],{"class":5702},[5343,10992,10993],{"class":5708},"User",[5343,10995,5772],{"class":5702},[5343,10997,5748],{"class":5698},[5343,10999,11000],{"class":5352}," '..\u002F..\u002Fusers\u002Fentities\u002Fuser.entity'",[5343,11002,5754],{"class":5702},[5343,11004,11005],{"class":5345,"line":5601},[5343,11006,5785],{"emptyLinePlaceholder":5784},[5343,11008,11009,11011,11014,11016,11018],{"class":5345,"line":5799},[5343,11010,5790],{"class":5702},[5343,11012,11013],{"class":5349},"Entity",[5343,11015,5919],{"class":5702},[5343,11017,7427],{"class":5352},[5343,11019,5925],{"class":5702},[5343,11021,11022,11024,11026,11029],{"class":5345,"line":5807},[5343,11023,5847],{"class":5698},[5343,11025,5850],{"class":5356},[5343,11027,11028],{"class":5853}," Message",[5343,11030,5703],{"class":5702},[5343,11032,11033,11035,11038,11040,11043],{"class":5345,"line":5821},[5343,11034,5862],{"class":5702},[5343,11036,11037],{"class":5349},"PrimaryGeneratedColumn",[5343,11039,5919],{"class":5702},[5343,11041,11042],{"class":5352},"'uuid'",[5343,11044,5925],{"class":5702},[5343,11046,11047,11050,11052,11054],{"class":5345,"line":5832},[5343,11048,11049],{"class":5708},"  id",[5343,11051,5877],{"class":5702},[5343,11053,5954],{"class":5853},[5343,11055,5754],{"class":5702},[5343,11057,11058],{"class":5345,"line":5838},[5343,11059,5785],{"emptyLinePlaceholder":5784},[5343,11061,11062,11064,11067],{"class":5345,"line":5844},[5343,11063,5862],{"class":5702},[5343,11065,11066],{"class":5349},"Column",[5343,11068,5868],{"class":5702},[5343,11070,11071,11073,11075,11077],{"class":5345,"line":5859},[5343,11072,8031],{"class":5708},[5343,11074,5877],{"class":5702},[5343,11076,5954],{"class":5853},[5343,11078,5754],{"class":5702},[5343,11080,11081],{"class":5345,"line":5871},[5343,11082,5785],{"emptyLinePlaceholder":5784},[5343,11084,11085,11087,11089],{"class":5345,"line":5888},[5343,11086,5862],{"class":5702},[5343,11088,11066],{"class":5349},[5343,11090,5868],{"class":5702},[5343,11092,11093,11095,11097,11099],{"class":5345,"line":5893},[5343,11094,8042],{"class":5708},[5343,11096,5877],{"class":5702},[5343,11098,8047],{"class":5853},[5343,11100,5754],{"class":5702},[5343,11102,11103],{"class":5345,"line":5899},[5343,11104,5785],{"emptyLinePlaceholder":5784},[5343,11106,11107,11109,11112,11114,11116,11119,11122,11125,11127,11129],{"class":5345,"line":5905},[5343,11108,5862],{"class":5702},[5343,11110,11111],{"class":5349},"ManyToOne",[5343,11113,10540],{"class":5702},[5343,11115,6785],{"class":5356},[5343,11117,11118],{"class":5708}," User",[5343,11120,11121],{"class":5702},", { ",[5343,11123,11124],{"class":5708},"eager:",[5343,11126,5827],{"class":5356},[5343,11128,6872],{"class":5702},[5343,11130,11131],{"class":5554},"\u002F\u002F Завантажувати user автоматично\n",[5343,11133,11134,11136,11139,11141,11144,11147],{"class":5345,"line":5911},[5343,11135,5862],{"class":5702},[5343,11137,11138],{"class":5349},"JoinColumn",[5343,11140,8100],{"class":5702},[5343,11142,11143],{"class":5708},"name:",[5343,11145,11146],{"class":5352}," 'userId'",[5343,11148,11149],{"class":5702}," })\n",[5343,11151,11152,11155,11157,11159],{"class":5345,"line":5928},[5343,11153,11154],{"class":5708},"  user",[5343,11156,5877],{"class":5702},[5343,11158,10993],{"class":5853},[5343,11160,5754],{"class":5702},[5343,11162,11163],{"class":5345,"line":5937},[5343,11164,5785],{"emptyLinePlaceholder":5784},[5343,11166,11167,11169,11171,11173,11176,11179],{"class":5345,"line":5959},[5343,11168,5862],{"class":5702},[5343,11170,11066],{"class":5349},[5343,11172,8100],{"class":5702},[5343,11174,11175],{"class":5708},"type:",[5343,11177,11178],{"class":5352}," 'text'",[5343,11180,11149],{"class":5702},[5343,11182,11183,11185,11187,11189],{"class":5345,"line":5978},[5343,11184,8065],{"class":5708},[5343,11186,5877],{"class":5702},[5343,11188,5954],{"class":5853},[5343,11190,5754],{"class":5702},[5343,11192,11193],{"class":5345,"line":5988},[5343,11194,5785],{"emptyLinePlaceholder":5784},[5343,11196,11197,11199,11202],{"class":5345,"line":6032},[5343,11198,5862],{"class":5702},[5343,11200,11201],{"class":5349},"CreateDateColumn",[5343,11203,5868],{"class":5702},[5343,11205,11206,11209,11211,11213],{"class":5345,"line":6037},[5343,11207,11208],{"class":5708},"  createdAt",[5343,11210,5877],{"class":5702},[5343,11212,8081],{"class":5853},[5343,11214,5754],{"class":5702},[5343,11216,11217],{"class":5345,"line":6043},[5343,11218,5785],{"emptyLinePlaceholder":5784},[5343,11220,11221,11223,11225,11227,11230,11232],{"class":5345,"line":6062},[5343,11222,5862],{"class":5702},[5343,11224,11066],{"class":5349},[5343,11226,8100],{"class":5702},[5343,11228,11229],{"class":5708},"default:",[5343,11231,9667],{"class":5356},[5343,11233,11149],{"class":5702},[5343,11235,11236,11239,11241,11243],{"class":5345,"line":6068},[5343,11237,11238],{"class":5708},"  isEdited",[5343,11240,5877],{"class":5702},[5343,11242,9401],{"class":5853},[5343,11244,5754],{"class":5702},[5343,11246,11247],{"class":5345,"line":6073},[5343,11248,5785],{"emptyLinePlaceholder":5784},[5343,11250,11251,11253,11255,11257,11259,11262,11264,11267,11269],{"class":5345,"line":6078},[5343,11252,5862],{"class":5702},[5343,11254,11066],{"class":5349},[5343,11256,8100],{"class":5702},[5343,11258,11175],{"class":5708},[5343,11260,11261],{"class":5352}," 'timestamp'",[5343,11263,5464],{"class":5702},[5343,11265,11266],{"class":5708},"nullable:",[5343,11268,5827],{"class":5356},[5343,11270,11149],{"class":5702},[5343,11272,11273,11276,11278,11280],{"class":5345,"line":6084},[5343,11274,11275],{"class":5708},"  editedAt",[5343,11277,9411],{"class":5702},[5343,11279,8081],{"class":5853},[5343,11281,5754],{"class":5702},[5343,11283,11284],{"class":5345,"line":6089},[5343,11285,6235],{"class":5702},[5089,11287,11288],{},[5099,11289,11290],{},"Крок 2: Створення Service з бізнес-логікою",[5333,11292,11294],{"className":5684,"code":11293,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.service.ts\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { InjectRepository } from '@nestjs\u002Ftypeorm';\nimport { Repository } from 'typeorm';\nimport { Message } from '.\u002Fentities\u002Fmessage.entity';\n\ninterface CreateMessageDto {\n  roomId: string;\n  userId: number;\n  text: string;\n}\n\n@Injectable()\nexport class ChatService {\n  constructor(\n    @InjectRepository(Message)\n    private messageRepository: Repository\u003CMessage>,\n  ) {}\n\n  \u002F**\n   * Створює нове повідомлення у БД\n   *\u002F\n  async createMessage(dto: CreateMessageDto): Promise\u003CMessage> {\n    const message = this.messageRepository.create({\n      roomId: dto.roomId,\n      userId: dto.userId,\n      text: dto.text,\n    });\n\n    return this.messageRepository.save(message);\n  }\n\n  \u002F**\n   * Отримує останні N повідомлень з кімнати\n   *\u002F\n  async getRecentMessages(roomId: string, limit: number = 50): Promise\u003CMessage[]> {\n    return this.messageRepository.find({\n      where: { roomId },\n      order: { createdAt: 'DESC' },\n      take: limit,\n    });\n  }\n\n  \u002F**\n   * Редагування повідомлення\n   *\u002F\n  async editMessage(messageId: string, newText: string): Promise\u003CMessage> {\n    const message = await this.messageRepository.findOneByOrFail({ id: messageId });\n\n    message.text = newText;\n    message.isEdited = true;\n    message.editedAt = new Date();\n\n    return this.messageRepository.save(message);\n  }\n\n  \u002F**\n   * Видалення повідомлення\n   *\u002F\n  async deleteMessage(messageId: string): Promise\u003Cvoid> {\n    await this.messageRepository.delete({ id: messageId });\n  }\n}\n",[5110,11295,11296,11301,11318,11336,11353,11371,11375,11384,11394,11404,11414,11418,11422,11430,11441,11447,11459,11478,11483,11487,11491,11496,11500,11527,11549,11563,11576,11588,11592,11596,11617,11621,11625,11629,11634,11638,11678,11695,11706,11721,11731,11735,11739,11743,11747,11752,11756,11790,11822,11826,11841,11857,11874,11878,11898,11902,11906,11910,11915,11919,11944,11968,11972],{"__ignoreMap":5339},[5343,11297,11298],{"class":5345,"line":5346},[5343,11299,11300],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fchat.service.ts\n",[5343,11302,11303,11305,11307,11310,11312,11314,11316],{"class":5345,"line":5366},[5343,11304,5699],{"class":5698},[5343,11306,5761],{"class":5702},[5343,11308,11309],{"class":5708},"Injectable",[5343,11311,5772],{"class":5702},[5343,11313,5748],{"class":5698},[5343,11315,6337],{"class":5352},[5343,11317,5754],{"class":5702},[5343,11319,11320,11322,11324,11327,11329,11331,11334],{"class":5345,"line":5378},[5343,11321,5699],{"class":5698},[5343,11323,5761],{"class":5702},[5343,11325,11326],{"class":5708},"InjectRepository",[5343,11328,5772],{"class":5702},[5343,11330,5748],{"class":5698},[5343,11332,11333],{"class":5352}," '@nestjs\u002Ftypeorm'",[5343,11335,5754],{"class":5702},[5343,11337,11338,11340,11342,11345,11347,11349,11351],{"class":5345,"line":5528},[5343,11339,5699],{"class":5698},[5343,11341,5761],{"class":5702},[5343,11343,11344],{"class":5708},"Repository",[5343,11346,5772],{"class":5702},[5343,11348,5748],{"class":5698},[5343,11350,10982],{"class":5352},[5343,11352,5754],{"class":5702},[5343,11354,11355,11357,11359,11362,11364,11366,11369],{"class":5345,"line":5537},[5343,11356,5699],{"class":5698},[5343,11358,5761],{"class":5702},[5343,11360,11361],{"class":5708},"Message",[5343,11363,5772],{"class":5702},[5343,11365,5748],{"class":5698},[5343,11367,11368],{"class":5352}," '.\u002Fentities\u002Fmessage.entity'",[5343,11370,5754],{"class":5702},[5343,11372,11373],{"class":5345,"line":5546},[5343,11374,5785],{"emptyLinePlaceholder":5784},[5343,11376,11377,11379,11382],{"class":5345,"line":5558},[5343,11378,8021],{"class":5356},[5343,11380,11381],{"class":5853}," CreateMessageDto",[5343,11383,5703],{"class":5702},[5343,11385,11386,11388,11390,11392],{"class":5345,"line":5569},[5343,11387,8031],{"class":5708},[5343,11389,5877],{"class":5702},[5343,11391,5954],{"class":5853},[5343,11393,5754],{"class":5702},[5343,11395,11396,11398,11400,11402],{"class":5345,"line":5577},[5343,11397,8042],{"class":5708},[5343,11399,5877],{"class":5702},[5343,11401,8047],{"class":5853},[5343,11403,5754],{"class":5702},[5343,11405,11406,11408,11410,11412],{"class":5345,"line":5592},[5343,11407,8065],{"class":5708},[5343,11409,5877],{"class":5702},[5343,11411,5954],{"class":5853},[5343,11413,5754],{"class":5702},[5343,11415,11416],{"class":5345,"line":5601},[5343,11417,6235],{"class":5702},[5343,11419,11420],{"class":5345,"line":5799},[5343,11421,5785],{"emptyLinePlaceholder":5784},[5343,11423,11424,11426,11428],{"class":5345,"line":5807},[5343,11425,5790],{"class":5702},[5343,11427,11309],{"class":5349},[5343,11429,5868],{"class":5702},[5343,11431,11432,11434,11436,11439],{"class":5345,"line":5821},[5343,11433,5847],{"class":5698},[5343,11435,5850],{"class":5356},[5343,11437,11438],{"class":5853}," ChatService",[5343,11440,5703],{"class":5702},[5343,11442,11443,11445],{"class":5345,"line":5832},[5343,11444,6617],{"class":5356},[5343,11446,5934],{"class":5702},[5343,11448,11449,11451,11453,11455,11457],{"class":5345,"line":5838},[5343,11450,5940],{"class":5702},[5343,11452,11326],{"class":5349},[5343,11454,5919],{"class":5702},[5343,11456,11361],{"class":5708},[5343,11458,5925],{"class":5702},[5343,11460,11461,11464,11467,11469,11471,11473,11475],{"class":5345,"line":5844},[5343,11462,11463],{"class":5356},"    private",[5343,11465,11466],{"class":5708}," messageRepository",[5343,11468,5877],{"class":5702},[5343,11470,11344],{"class":5853},[5343,11472,9593],{"class":5702},[5343,11474,11361],{"class":5853},[5343,11476,11477],{"class":5702},">,\n",[5343,11479,11480],{"class":5345,"line":5859},[5343,11481,11482],{"class":5702},"  ) {}\n",[5343,11484,11485],{"class":5345,"line":5871},[5343,11486,5785],{"emptyLinePlaceholder":5784},[5343,11488,11489],{"class":5345,"line":5888},[5343,11490,5896],{"class":5554},[5343,11492,11493],{"class":5345,"line":5893},[5343,11494,11495],{"class":5554},"   * Створює нове повідомлення у БД\n",[5343,11497,11498],{"class":5345,"line":5899},[5343,11499,5908],{"class":5554},[5343,11501,11502,11504,11507,11509,11512,11514,11517,11519,11521,11523,11525],{"class":5345,"line":5905},[5343,11503,9545],{"class":5356},[5343,11505,11506],{"class":5349}," createMessage",[5343,11508,5919],{"class":5702},[5343,11510,11511],{"class":5708},"dto",[5343,11513,5877],{"class":5702},[5343,11515,11516],{"class":5853},"CreateMessageDto",[5343,11518,6123],{"class":5702},[5343,11520,9590],{"class":5853},[5343,11522,9593],{"class":5702},[5343,11524,11361],{"class":5853},[5343,11526,9599],{"class":5702},[5343,11528,11529,11531,11533,11535,11537,11539,11542,11544,11547],{"class":5345,"line":5911},[5343,11530,7306],{"class":5356},[5343,11532,6195],{"class":7309},[5343,11534,6646],{"class":5702},[5343,11536,6806],{"class":5356},[5343,11538,5196],{"class":5702},[5343,11540,11541],{"class":5708},"messageRepository",[5343,11543,5196],{"class":5702},[5343,11545,11546],{"class":5349},"create",[5343,11548,5796],{"class":5702},[5343,11550,11551,11554,11557,11559,11561],{"class":5345,"line":5928},[5343,11552,11553],{"class":5708},"      roomId:",[5343,11555,11556],{"class":5708}," dto",[5343,11558,5196],{"class":5702},[5343,11560,8343],{"class":5708},[5343,11562,5712],{"class":5702},[5343,11564,11565,11568,11570,11572,11574],{"class":5345,"line":5937},[5343,11566,11567],{"class":5708},"      userId:",[5343,11569,11556],{"class":5708},[5343,11571,5196],{"class":5702},[5343,11573,8955],{"class":5708},[5343,11575,5712],{"class":5702},[5343,11577,11578,11580,11582,11584,11586],{"class":5345,"line":5959},[5343,11579,6192],{"class":5708},[5343,11581,11556],{"class":5708},[5343,11583,5196],{"class":5702},[5343,11585,6856],{"class":5708},[5343,11587,5712],{"class":5702},[5343,11589,11590],{"class":5345,"line":5978},[5343,11591,6224],{"class":5702},[5343,11593,11594],{"class":5345,"line":5988},[5343,11595,5785],{"emptyLinePlaceholder":5784},[5343,11597,11598,11600,11602,11604,11606,11608,11611,11613,11615],{"class":5345,"line":6032},[5343,11599,6046],{"class":5698},[5343,11601,9806],{"class":5356},[5343,11603,5196],{"class":5702},[5343,11605,11541],{"class":5708},[5343,11607,5196],{"class":5702},[5343,11609,11610],{"class":5349},"save",[5343,11612,5919],{"class":5702},[5343,11614,6116],{"class":5708},[5343,11616,6029],{"class":5702},[5343,11618,11619],{"class":5345,"line":6037},[5343,11620,6065],{"class":5702},[5343,11622,11623],{"class":5345,"line":6043},[5343,11624,5785],{"emptyLinePlaceholder":5784},[5343,11626,11627],{"class":5345,"line":6062},[5343,11628,5896],{"class":5554},[5343,11630,11631],{"class":5345,"line":6068},[5343,11632,11633],{"class":5554},"   * Отримує останні N повідомлень з кімнати\n",[5343,11635,11636],{"class":5345,"line":6073},[5343,11637,5908],{"class":5554},[5343,11639,11640,11642,11645,11647,11649,11651,11653,11655,11658,11660,11662,11664,11667,11669,11671,11673,11675],{"class":5345,"line":6078},[5343,11641,9545],{"class":5356},[5343,11643,11644],{"class":5349}," getRecentMessages",[5343,11646,5919],{"class":5702},[5343,11648,8343],{"class":5708},[5343,11650,5877],{"class":5702},[5343,11652,5954],{"class":5853},[5343,11654,5464],{"class":5702},[5343,11656,11657],{"class":5708},"limit",[5343,11659,5877],{"class":5702},[5343,11661,8047],{"class":5853},[5343,11663,6646],{"class":5702},[5343,11665,11666],{"class":6682},"50",[5343,11668,6123],{"class":5702},[5343,11670,9590],{"class":5853},[5343,11672,9593],{"class":5702},[5343,11674,11361],{"class":5853},[5343,11676,11677],{"class":5702},"[]> {\n",[5343,11679,11680,11682,11684,11686,11688,11690,11693],{"class":5345,"line":6084},[5343,11681,6046],{"class":5698},[5343,11683,9806],{"class":5356},[5343,11685,5196],{"class":5702},[5343,11687,11541],{"class":5708},[5343,11689,5196],{"class":5702},[5343,11691,11692],{"class":5349},"find",[5343,11694,5796],{"class":5702},[5343,11696,11697,11700,11702,11704],{"class":5345,"line":6089},[5343,11698,11699],{"class":5708},"      where:",[5343,11701,5761],{"class":5702},[5343,11703,8343],{"class":5708},[5343,11705,8359],{"class":5702},[5343,11707,11708,11711,11713,11716,11719],{"class":5345,"line":6103},[5343,11709,11710],{"class":5708},"      order:",[5343,11712,5761],{"class":5702},[5343,11714,11715],{"class":5708},"createdAt:",[5343,11717,11718],{"class":5352}," 'DESC'",[5343,11720,8359],{"class":5702},[5343,11722,11723,11726,11729],{"class":5345,"line":6131},[5343,11724,11725],{"class":5708},"      take:",[5343,11727,11728],{"class":5708}," limit",[5343,11730,5712],{"class":5702},[5343,11732,11733],{"class":5345,"line":6155},[5343,11734,6224],{"class":5702},[5343,11736,11737],{"class":5345,"line":6160},[5343,11738,6065],{"class":5702},[5343,11740,11741],{"class":5345,"line":6166},[5343,11742,5785],{"emptyLinePlaceholder":5784},[5343,11744,11745],{"class":5345,"line":6189},[5343,11746,5896],{"class":5554},[5343,11748,11749],{"class":5345,"line":6200},[5343,11750,11751],{"class":5554},"   * Редагування повідомлення\n",[5343,11753,11754],{"class":5345,"line":6221},[5343,11755,5908],{"class":5554},[5343,11757,11758,11760,11763,11765,11767,11769,11771,11773,11776,11778,11780,11782,11784,11786,11788],{"class":5345,"line":6227},[5343,11759,9545],{"class":5356},[5343,11761,11762],{"class":5349}," editMessage",[5343,11764,5919],{"class":5702},[5343,11766,8946],{"class":5708},[5343,11768,5877],{"class":5702},[5343,11770,5954],{"class":5853},[5343,11772,5464],{"class":5702},[5343,11774,11775],{"class":5708},"newText",[5343,11777,5877],{"class":5702},[5343,11779,5954],{"class":5853},[5343,11781,6123],{"class":5702},[5343,11783,9590],{"class":5853},[5343,11785,9593],{"class":5702},[5343,11787,11361],{"class":5853},[5343,11789,9599],{"class":5702},[5343,11791,11792,11794,11796,11798,11800,11802,11804,11806,11808,11811,11813,11816,11819],{"class":5345,"line":6232},[5343,11793,7306],{"class":5356},[5343,11795,6195],{"class":7309},[5343,11797,6646],{"class":5702},[5343,11799,9803],{"class":5698},[5343,11801,9806],{"class":5356},[5343,11803,5196],{"class":5702},[5343,11805,11541],{"class":5708},[5343,11807,5196],{"class":5702},[5343,11809,11810],{"class":5349},"findOneByOrFail",[5343,11812,8100],{"class":5702},[5343,11814,11815],{"class":5708},"id:",[5343,11817,11818],{"class":5708}," messageId",[5343,11820,11821],{"class":5702}," });\n",[5343,11823,11824],{"class":5345,"line":7147},[5343,11825,5785],{"emptyLinePlaceholder":5784},[5343,11827,11828,11831,11833,11835,11837,11839],{"class":5345,"line":7153},[5343,11829,11830],{"class":5708},"    message",[5343,11832,5196],{"class":5702},[5343,11834,6856],{"class":5708},[5343,11836,6646],{"class":5702},[5343,11838,11775],{"class":5708},[5343,11840,5754],{"class":5702},[5343,11842,11843,11845,11847,11850,11852,11855],{"class":5345,"line":7173},[5343,11844,11830],{"class":5708},[5343,11846,5196],{"class":5702},[5343,11848,11849],{"class":5708},"isEdited",[5343,11851,6646],{"class":5702},[5343,11853,11854],{"class":5356},"true",[5343,11856,5754],{"class":5702},[5343,11858,11859,11861,11863,11866,11868,11870,11872],{"class":5345,"line":7178},[5343,11860,11830],{"class":5708},[5343,11862,5196],{"class":5702},[5343,11864,11865],{"class":5708},"editedAt",[5343,11867,6646],{"class":5702},[5343,11869,7370],{"class":5356},[5343,11871,6209],{"class":5349},[5343,11873,6721],{"class":5702},[5343,11875,11876],{"class":5345,"line":7183},[5343,11877,5785],{"emptyLinePlaceholder":5784},[5343,11879,11880,11882,11884,11886,11888,11890,11892,11894,11896],{"class":5345,"line":7188},[5343,11881,6046],{"class":5698},[5343,11883,9806],{"class":5356},[5343,11885,5196],{"class":5702},[5343,11887,11541],{"class":5708},[5343,11889,5196],{"class":5702},[5343,11891,11610],{"class":5349},[5343,11893,5919],{"class":5702},[5343,11895,6116],{"class":5708},[5343,11897,6029],{"class":5702},[5343,11899,11900],{"class":5345,"line":7193},[5343,11901,6065],{"class":5702},[5343,11903,11904],{"class":5345,"line":7199},[5343,11905,5785],{"emptyLinePlaceholder":5784},[5343,11907,11908],{"class":5345,"line":7204},[5343,11909,5896],{"class":5554},[5343,11911,11912],{"class":5345,"line":7224},[5343,11913,11914],{"class":5554},"   * Видалення повідомлення\n",[5343,11916,11917],{"class":5345,"line":7247},[5343,11918,5908],{"class":5554},[5343,11920,11921,11923,11926,11928,11930,11932,11934,11936,11938,11940,11942],{"class":5345,"line":7252},[5343,11922,9545],{"class":5356},[5343,11924,11925],{"class":5349}," deleteMessage",[5343,11927,5919],{"class":5702},[5343,11929,8946],{"class":5708},[5343,11931,5877],{"class":5702},[5343,11933,5954],{"class":5853},[5343,11935,6123],{"class":5702},[5343,11937,9590],{"class":5853},[5343,11939,9593],{"class":5702},[5343,11941,6126],{"class":5853},[5343,11943,9599],{"class":5702},[5343,11945,11946,11949,11951,11953,11955,11957,11960,11962,11964,11966],{"class":5345,"line":7257},[5343,11947,11948],{"class":5698},"    await",[5343,11950,9806],{"class":5356},[5343,11952,5196],{"class":5702},[5343,11954,11541],{"class":5708},[5343,11956,5196],{"class":5702},[5343,11958,11959],{"class":5349},"delete",[5343,11961,8100],{"class":5702},[5343,11963,11815],{"class":5708},[5343,11965,11818],{"class":5708},[5343,11967,11821],{"class":5702},[5343,11969,11970],{"class":5345,"line":7262},[5343,11971,6065],{"class":5702},[5343,11973,11974],{"class":5345,"line":7268},[5343,11975,6235],{"class":5702},[5089,11977,11978],{},[5099,11979,11980],{},"Крок 3: Ін'єкція Service у Gateway",[5333,11982,11984],{"className":5684,"code":11983,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts (оновлений)\nimport { UseGuards } from '@nestjs\u002Fcommon';\nimport { ChatService } from '.\u002Fchat.service';\n\n@WebSocketGateway({ cors: { origin: '*' } })\nexport class ChatGateway {\n  constructor(\n    private readonly chatService: ChatService, \u002F\u002F DI через constructor\n  ) {}\n\n  @WebSocketServer()\n  server: Server;\n\n  \u002F**\n   * Завантаження історії повідомлень при підключенні до кімнати\n   *\u002F\n  @SubscribeMessage('joinRoom')\n  async handleJoinRoom(\n    @MessageBody() data: { roomId: string },\n    @ConnectedSocket() client: Socket,\n  ): Promise\u003Cvoid> {\n    \u002F\u002F Додати клієнта до Socket.IO room\n    client.join(data.roomId);\n\n    console.log(`[WebSocket] Клієнт ${client.id} приєднався до кімнати ${data.roomId}`);\n\n    \u002F\u002F Завантажити історію повідомлень з БД\n    const recentMessages = await this.chatService.getRecentMessages(data.roomId, 50);\n\n    \u002F\u002F Відправити історію клієнту\n    client.emit('messageHistory', {\n      roomId: data.roomId,\n      messages: recentMessages.reverse(), \u002F\u002F Від старіших до новіших\n    });\n  }\n\n  \u002F**\n   * Створення повідомлення з збереженням у БД\n   *\u002F\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() data: { roomId: string; text: string },\n    @ConnectedSocket() client: Socket,\n  ): Promise\u003C{ success: boolean; messageId?: string; error?: string }> {\n    try {\n      const userId = (client as any).userId; \u002F\u002F З автентифікації\n\n      \u002F\u002F Зберегти у БД через service\n      const message = await this.chatService.createMessage({\n        roomId: data.roomId,\n        userId,\n        text: data.text,\n      });\n\n      \u002F\u002F Broadcast всім у кімнаті\n      this.server.to(data.roomId).emit('newMessage', {\n        id: message.id,\n        userId: message.userId,\n        username: message.user.username,\n        text: message.text,\n        createdAt: message.createdAt,\n        isEdited: false,\n      });\n\n      return { success: true, messageId: message.id };\n    } catch (error) {\n      console.error('[WebSocket] Помилка створення повідомлення:', error);\n      return { success: false, error: 'Внутрішня помилка сервера' };\n    }\n  }\n\n  \u002F**\n   * Редагування повідомлення\n   *\u002F\n  @SubscribeMessage('editMessage')\n  async handleEditMessage(\n    @MessageBody() data: { messageId: string; newText: string },\n    @ConnectedSocket() client: Socket,\n  ): Promise\u003C{ success: boolean; error?: string }> {\n    try {\n      const updatedMessage = await this.chatService.editMessage(\n        data.messageId,\n        data.newText,\n      );\n\n      \u002F\u002F Broadcast оновлення всім у кімнаті\n      this.server.to(updatedMessage.roomId).emit('messageEdited', {\n        messageId: updatedMessage.id,\n        newText: updatedMessage.text,\n        editedAt: updatedMessage.editedAt,\n      });\n\n      return { success: true };\n    } catch (error) {\n      console.error('[WebSocket] Помилка редагування:', error);\n      return { success: false, error: 'Повідомлення не знайдено' };\n    }\n  }\n}\n",[5110,11985,11986,11991,12007,12023,12027,12045,12055,12061,12078,12082,12086,12094,12104,12108,12112,12117,12121,12134,12143,12163,12179,12191,12196,12215,12219,12259,12263,12268,12304,12308,12313,12328,12340,12358,12362,12366,12370,12374,12379,12383,12395,12403,12431,12447,12481,12487,12510,12514,12518,12540,12552,12558,12570,12574,12578,12583,12613,12625,12637,12653,12665,12678,12687,12691,12695,12720,12732,12750,12769,12773,12777,12781,12785,12789,12793,12806,12815,12843,12859,12883,12889,12913,12924,12934,12938,12942,12947,12979,12991,13004,13017,13021,13025,13037,13049,13068,13087,13091,13095],{"__ignoreMap":5339},[5343,11987,11988],{"class":5345,"line":5346},[5343,11989,11990],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts (оновлений)\n",[5343,11992,11993,11995,11997,11999,12001,12003,12005],{"class":5345,"line":5366},[5343,11994,5699],{"class":5698},[5343,11996,5761],{"class":5702},[5343,11998,9317],{"class":5708},[5343,12000,5772],{"class":5702},[5343,12002,5748],{"class":5698},[5343,12004,6337],{"class":5352},[5343,12006,5754],{"class":5702},[5343,12008,12009,12011,12013,12015,12017,12019,12021],{"class":5345,"line":5378},[5343,12010,5699],{"class":5698},[5343,12012,5761],{"class":5702},[5343,12014,6366],{"class":5708},[5343,12016,5772],{"class":5702},[5343,12018,5748],{"class":5698},[5343,12020,6373],{"class":5352},[5343,12022,5754],{"class":5702},[5343,12024,12025],{"class":5345,"line":5528},[5343,12026,5785],{"emptyLinePlaceholder":5784},[5343,12028,12029,12031,12033,12035,12037,12039,12041,12043],{"class":5345,"line":5537},[5343,12030,5790],{"class":5702},[5343,12032,5793],{"class":5349},[5343,12034,8100],{"class":5702},[5343,12036,8103],{"class":5708},[5343,12038,5761],{"class":5702},[5343,12040,8108],{"class":5708},[5343,12042,8111],{"class":5352},[5343,12044,8114],{"class":5702},[5343,12046,12047,12049,12051,12053],{"class":5345,"line":5546},[5343,12048,5847],{"class":5698},[5343,12050,5850],{"class":5356},[5343,12052,5854],{"class":5853},[5343,12054,5703],{"class":5702},[5343,12056,12057,12059],{"class":5345,"line":5558},[5343,12058,6617],{"class":5356},[5343,12060,5934],{"class":5702},[5343,12062,12063,12065,12067,12069,12071,12073,12075],{"class":5345,"line":5569},[5343,12064,11463],{"class":5356},[5343,12066,9474],{"class":5356},[5343,12068,9477],{"class":5708},[5343,12070,5877],{"class":5702},[5343,12072,6366],{"class":5853},[5343,12074,5464],{"class":5702},[5343,12076,12077],{"class":5554},"\u002F\u002F DI через constructor\n",[5343,12079,12080],{"class":5345,"line":5577},[5343,12081,11482],{"class":5702},[5343,12083,12084],{"class":5345,"line":5592},[5343,12085,5785],{"emptyLinePlaceholder":5784},[5343,12087,12088,12090,12092],{"class":5345,"line":5601},[5343,12089,5862],{"class":5702},[5343,12091,5865],{"class":5349},[5343,12093,5868],{"class":5702},[5343,12095,12096,12098,12100,12102],{"class":5345,"line":5799},[5343,12097,5874],{"class":5708},[5343,12099,5877],{"class":5702},[5343,12101,5764],{"class":5853},[5343,12103,5754],{"class":5702},[5343,12105,12106],{"class":5345,"line":5807},[5343,12107,5785],{"emptyLinePlaceholder":5784},[5343,12109,12110],{"class":5345,"line":5821},[5343,12111,5896],{"class":5554},[5343,12113,12114],{"class":5345,"line":5832},[5343,12115,12116],{"class":5554},"   * Завантаження історії повідомлень при підключенні до кімнати\n",[5343,12118,12119],{"class":5345,"line":5838},[5343,12120,5908],{"class":5554},[5343,12122,12123,12125,12127,12129,12132],{"class":5345,"line":5844},[5343,12124,5862],{"class":5702},[5343,12126,5916],{"class":5349},[5343,12128,5919],{"class":5702},[5343,12130,12131],{"class":5352},"'joinRoom'",[5343,12133,5925],{"class":5702},[5343,12135,12136,12138,12141],{"class":5345,"line":5859},[5343,12137,9545],{"class":5356},[5343,12139,12140],{"class":5349}," handleJoinRoom",[5343,12142,5934],{"class":5702},[5343,12144,12145,12147,12149,12151,12153,12155,12157,12159,12161],{"class":5345,"line":5871},[5343,12146,5940],{"class":5702},[5343,12148,5943],{"class":5349},[5343,12150,5946],{"class":5702},[5343,12152,5949],{"class":5708},[5343,12154,6853],{"class":5702},[5343,12156,8343],{"class":5708},[5343,12158,5877],{"class":5702},[5343,12160,5954],{"class":5853},[5343,12162,8359],{"class":5702},[5343,12164,12165,12167,12169,12171,12173,12175,12177],{"class":5345,"line":5888},[5343,12166,5940],{"class":5702},[5343,12168,5964],{"class":5349},[5343,12170,5946],{"class":5702},[5343,12172,5969],{"class":5708},[5343,12174,5877],{"class":5702},[5343,12176,5769],{"class":5853},[5343,12178,5712],{"class":5702},[5343,12180,12181,12183,12185,12187,12189],{"class":5345,"line":5893},[5343,12182,5981],{"class":5702},[5343,12184,9590],{"class":5853},[5343,12186,9593],{"class":5702},[5343,12188,6126],{"class":5853},[5343,12190,9599],{"class":5702},[5343,12192,12193],{"class":5345,"line":5899},[5343,12194,12195],{"class":5554},"    \u002F\u002F Додати клієнта до Socket.IO room\n",[5343,12197,12198,12200,12202,12205,12207,12209,12211,12213],{"class":5345,"line":5905},[5343,12199,8210],{"class":5708},[5343,12201,5196],{"class":5702},[5343,12203,12204],{"class":5349},"join",[5343,12206,5919],{"class":5702},[5343,12208,5949],{"class":5708},[5343,12210,5196],{"class":5702},[5343,12212,8343],{"class":5708},[5343,12214,6029],{"class":5702},[5343,12216,12217],{"class":5345,"line":5911},[5343,12218,5785],{"emptyLinePlaceholder":5784},[5343,12220,12221,12223,12225,12227,12229,12232,12234,12236,12238,12240,12242,12245,12247,12249,12251,12253,12255,12257],{"class":5345,"line":5928},[5343,12222,5991],{"class":5708},[5343,12224,5196],{"class":5702},[5343,12226,5996],{"class":5349},[5343,12228,5919],{"class":5702},[5343,12230,12231],{"class":5352},"`[WebSocket] Клієнт ",[5343,12233,6004],{"class":5356},[5343,12235,5969],{"class":5708},[5343,12237,5196],{"class":6009},[5343,12239,6012],{"class":5708},[5343,12241,6015],{"class":5356},[5343,12243,12244],{"class":5352}," приєднався до кімнати ",[5343,12246,6004],{"class":5356},[5343,12248,5949],{"class":5708},[5343,12250,5196],{"class":6009},[5343,12252,8343],{"class":5708},[5343,12254,6015],{"class":5356},[5343,12256,6026],{"class":5352},[5343,12258,6029],{"class":5702},[5343,12260,12261],{"class":5345,"line":5937},[5343,12262,5785],{"emptyLinePlaceholder":5784},[5343,12264,12265],{"class":5345,"line":5959},[5343,12266,12267],{"class":5554},"    \u002F\u002F Завантажити історію повідомлень з БД\n",[5343,12269,12270,12272,12275,12277,12279,12281,12283,12285,12287,12290,12292,12294,12296,12298,12300,12302],{"class":5345,"line":5978},[5343,12271,7306],{"class":5356},[5343,12273,12274],{"class":7309}," recentMessages",[5343,12276,6646],{"class":5702},[5343,12278,9803],{"class":5698},[5343,12280,9806],{"class":5356},[5343,12282,5196],{"class":5702},[5343,12284,9811],{"class":5708},[5343,12286,5196],{"class":5702},[5343,12288,12289],{"class":5349},"getRecentMessages",[5343,12291,5919],{"class":5702},[5343,12293,5949],{"class":5708},[5343,12295,5196],{"class":5702},[5343,12297,8343],{"class":5708},[5343,12299,5464],{"class":5702},[5343,12301,11666],{"class":6682},[5343,12303,6029],{"class":5702},[5343,12305,12306],{"class":5345,"line":5988},[5343,12307,5785],{"emptyLinePlaceholder":5784},[5343,12309,12310],{"class":5345,"line":6032},[5343,12311,12312],{"class":5554},"    \u002F\u002F Відправити історію клієнту\n",[5343,12314,12315,12317,12319,12321,12323,12326],{"class":5345,"line":6037},[5343,12316,8210],{"class":5708},[5343,12318,5196],{"class":5702},[5343,12320,6179],{"class":5349},[5343,12322,5919],{"class":5702},[5343,12324,12325],{"class":5352},"'messageHistory'",[5343,12327,6186],{"class":5702},[5343,12329,12330,12332,12334,12336,12338],{"class":5345,"line":6043},[5343,12331,11553],{"class":5708},[5343,12333,8428],{"class":5708},[5343,12335,5196],{"class":5702},[5343,12337,8343],{"class":5708},[5343,12339,5712],{"class":5702},[5343,12341,12342,12345,12347,12349,12352,12355],{"class":5345,"line":6062},[5343,12343,12344],{"class":5708},"      messages:",[5343,12346,12274],{"class":5708},[5343,12348,5196],{"class":5702},[5343,12350,12351],{"class":5349},"reverse",[5343,12353,12354],{"class":5702},"(), ",[5343,12356,12357],{"class":5554},"\u002F\u002F Від старіших до новіших\n",[5343,12359,12360],{"class":5345,"line":6068},[5343,12361,6224],{"class":5702},[5343,12363,12364],{"class":5345,"line":6073},[5343,12365,6065],{"class":5702},[5343,12367,12368],{"class":5345,"line":6078},[5343,12369,5785],{"emptyLinePlaceholder":5784},[5343,12371,12372],{"class":5345,"line":6084},[5343,12373,5896],{"class":5554},[5343,12375,12376],{"class":5345,"line":6089},[5343,12377,12378],{"class":5554},"   * Створення повідомлення з збереженням у БД\n",[5343,12380,12381],{"class":5345,"line":6103},[5343,12382,5908],{"class":5554},[5343,12384,12385,12387,12389,12391,12393],{"class":5345,"line":6131},[5343,12386,5862],{"class":5702},[5343,12388,5916],{"class":5349},[5343,12390,5919],{"class":5702},[5343,12392,8679],{"class":5352},[5343,12394,5925],{"class":5702},[5343,12396,12397,12399,12401],{"class":5345,"line":6155},[5343,12398,9545],{"class":5356},[5343,12400,9548],{"class":5349},[5343,12402,5934],{"class":5702},[5343,12404,12405,12407,12409,12411,12413,12415,12417,12419,12421,12423,12425,12427,12429],{"class":5345,"line":6160},[5343,12406,5940],{"class":5702},[5343,12408,5943],{"class":5349},[5343,12410,5946],{"class":5702},[5343,12412,5949],{"class":5708},[5343,12414,6853],{"class":5702},[5343,12416,8343],{"class":5708},[5343,12418,5877],{"class":5702},[5343,12420,5954],{"class":5853},[5343,12422,5882],{"class":5702},[5343,12424,6856],{"class":5708},[5343,12426,5877],{"class":5702},[5343,12428,5954],{"class":5853},[5343,12430,8359],{"class":5702},[5343,12432,12433,12435,12437,12439,12441,12443,12445],{"class":5345,"line":6166},[5343,12434,5940],{"class":5702},[5343,12436,5964],{"class":5349},[5343,12438,5946],{"class":5702},[5343,12440,5969],{"class":5708},[5343,12442,5877],{"class":5702},[5343,12444,5769],{"class":5853},[5343,12446,5712],{"class":5702},[5343,12448,12449,12451,12453,12456,12458,12460,12462,12464,12466,12468,12470,12472,12474,12476,12478],{"class":5345,"line":6189},[5343,12450,5981],{"class":5702},[5343,12452,9590],{"class":5853},[5343,12454,12455],{"class":5702},"\u003C{ ",[5343,12457,10328],{"class":5708},[5343,12459,5877],{"class":5702},[5343,12461,9401],{"class":5853},[5343,12463,5882],{"class":5702},[5343,12465,8946],{"class":5708},[5343,12467,9411],{"class":5702},[5343,12469,5954],{"class":5853},[5343,12471,5882],{"class":5702},[5343,12473,7031],{"class":5708},[5343,12475,9411],{"class":5702},[5343,12477,5954],{"class":5853},[5343,12479,12480],{"class":5702}," }> {\n",[5343,12482,12483,12485],{"class":5345,"line":6200},[5343,12484,9604],{"class":5698},[5343,12486,5703],{"class":5702},[5343,12488,12489,12491,12493,12495,12497,12499,12501,12503,12505,12507],{"class":5345,"line":6221},[5343,12490,9763],{"class":5356},[5343,12492,9766],{"class":7309},[5343,12494,9769],{"class":5702},[5343,12496,5969],{"class":5708},[5343,12498,9774],{"class":5698},[5343,12500,9777],{"class":5853},[5343,12502,6265],{"class":5702},[5343,12504,8955],{"class":5708},[5343,12506,5882],{"class":5702},[5343,12508,12509],{"class":5554},"\u002F\u002F З автентифікації\n",[5343,12511,12512],{"class":5345,"line":6227},[5343,12513,5785],{"emptyLinePlaceholder":5784},[5343,12515,12516],{"class":5345,"line":6232},[5343,12517,9792],{"class":5554},[5343,12519,12520,12522,12524,12526,12528,12530,12532,12534,12536,12538],{"class":5345,"line":7147},[5343,12521,9763],{"class":5356},[5343,12523,6195],{"class":7309},[5343,12525,6646],{"class":5702},[5343,12527,9803],{"class":5698},[5343,12529,9806],{"class":5356},[5343,12531,5196],{"class":5702},[5343,12533,9811],{"class":5708},[5343,12535,5196],{"class":5702},[5343,12537,9816],{"class":5349},[5343,12539,5796],{"class":5702},[5343,12541,12542,12544,12546,12548,12550],{"class":5345,"line":7153},[5343,12543,9823],{"class":5708},[5343,12545,8428],{"class":5708},[5343,12547,5196],{"class":5702},[5343,12549,8343],{"class":5708},[5343,12551,5712],{"class":5702},[5343,12553,12554,12556],{"class":5345,"line":7173},[5343,12555,9836],{"class":5708},[5343,12557,5712],{"class":5702},[5343,12559,12560,12562,12564,12566,12568],{"class":5345,"line":7178},[5343,12561,9843],{"class":5708},[5343,12563,8428],{"class":5708},[5343,12565,5196],{"class":5702},[5343,12567,6856],{"class":5708},[5343,12569,5712],{"class":5702},[5343,12571,12572],{"class":5345,"line":7183},[5343,12573,9856],{"class":5702},[5343,12575,12576],{"class":5345,"line":7188},[5343,12577,5785],{"emptyLinePlaceholder":5784},[5343,12579,12580],{"class":5345,"line":7193},[5343,12581,12582],{"class":5554},"      \u002F\u002F Broadcast всім у кімнаті\n",[5343,12584,12585,12587,12589,12591,12593,12595,12597,12599,12601,12603,12605,12607,12609,12611],{"class":5345,"line":7199},[5343,12586,6908],{"class":5356},[5343,12588,5196],{"class":5702},[5343,12590,6174],{"class":5708},[5343,12592,5196],{"class":5702},[5343,12594,8402],{"class":5349},[5343,12596,5919],{"class":5702},[5343,12598,5949],{"class":5708},[5343,12600,5196],{"class":5702},[5343,12602,8343],{"class":5708},[5343,12604,6265],{"class":5702},[5343,12606,6179],{"class":5349},[5343,12608,5919],{"class":5702},[5343,12610,8763],{"class":5352},[5343,12612,6186],{"class":5702},[5343,12614,12615,12617,12619,12621,12623],{"class":5345,"line":7204},[5343,12616,9900],{"class":5708},[5343,12618,6195],{"class":5708},[5343,12620,5196],{"class":5702},[5343,12622,6012],{"class":5708},[5343,12624,5712],{"class":5702},[5343,12626,12627,12629,12631,12633,12635],{"class":5345,"line":7224},[5343,12628,9913],{"class":5708},[5343,12630,6195],{"class":5708},[5343,12632,5196],{"class":5702},[5343,12634,8955],{"class":5708},[5343,12636,5712],{"class":5702},[5343,12638,12639,12641,12643,12645,12647,12649,12651],{"class":5345,"line":7247},[5343,12640,9926],{"class":5708},[5343,12642,6195],{"class":5708},[5343,12644,5196],{"class":5702},[5343,12646,9933],{"class":5708},[5343,12648,5196],{"class":5702},[5343,12650,8352],{"class":5708},[5343,12652,5712],{"class":5702},[5343,12654,12655,12657,12659,12661,12663],{"class":5345,"line":7252},[5343,12656,9843],{"class":5708},[5343,12658,6195],{"class":5708},[5343,12660,5196],{"class":5702},[5343,12662,6856],{"class":5708},[5343,12664,5712],{"class":5702},[5343,12666,12667,12670,12672,12674,12676],{"class":5345,"line":7257},[5343,12668,12669],{"class":5708},"        createdAt:",[5343,12671,6195],{"class":5708},[5343,12673,5196],{"class":5702},[5343,12675,9963],{"class":5708},[5343,12677,5712],{"class":5702},[5343,12679,12680,12683,12685],{"class":5345,"line":7262},[5343,12681,12682],{"class":5708},"        isEdited:",[5343,12684,9667],{"class":5356},[5343,12686,5712],{"class":5702},[5343,12688,12689],{"class":5345,"line":7268},[5343,12690,9856],{"class":5702},[5343,12692,12693],{"class":5345,"line":7273},[5343,12694,5785],{"emptyLinePlaceholder":5784},[5343,12696,12697,12699,12701,12704,12706,12708,12711,12713,12715,12717],{"class":5345,"line":7303},[5343,12698,9983],{"class":5698},[5343,12700,5761],{"class":5702},[5343,12702,12703],{"class":5708},"success:",[5343,12705,5827],{"class":5356},[5343,12707,5464],{"class":5702},[5343,12709,12710],{"class":5708},"messageId:",[5343,12712,6195],{"class":5708},[5343,12714,5196],{"class":5702},[5343,12716,6012],{"class":5708},[5343,12718,12719],{"class":5702}," };\n",[5343,12721,12722,12724,12726,12728,12730],{"class":5345,"line":7330},[5343,12723,10017],{"class":5702},[5343,12725,10020],{"class":5698},[5343,12727,9700],{"class":5702},[5343,12729,7031],{"class":5708},[5343,12731,6629],{"class":5702},[5343,12733,12734,12736,12738,12740,12742,12744,12746,12748],{"class":5345,"line":7347},[5343,12735,6792],{"class":5708},[5343,12737,5196],{"class":5702},[5343,12739,7031],{"class":5349},[5343,12741,5919],{"class":5702},[5343,12743,10039],{"class":5352},[5343,12745,5464],{"class":5702},[5343,12747,7031],{"class":5708},[5343,12749,6029],{"class":5702},[5343,12751,12752,12754,12756,12758,12760,12762,12765,12767],{"class":5345,"line":7362},[5343,12753,9983],{"class":5698},[5343,12755,5761],{"class":5702},[5343,12757,12703],{"class":5708},[5343,12759,9667],{"class":5356},[5343,12761,5464],{"class":5702},[5343,12763,12764],{"class":5708},"error:",[5343,12766,10071],{"class":5352},[5343,12768,12719],{"class":5702},[5343,12770,12771],{"class":5345,"line":7392},[5343,12772,10082],{"class":5702},[5343,12774,12775],{"class":5345,"line":7406},[5343,12776,6065],{"class":5702},[5343,12778,12779],{"class":5345,"line":7414},[5343,12780,5785],{"emptyLinePlaceholder":5784},[5343,12782,12783],{"class":5345,"line":7443},[5343,12784,5896],{"class":5554},[5343,12786,12787],{"class":5345,"line":7448},[5343,12788,11751],{"class":5554},[5343,12790,12791],{"class":5345,"line":7453},[5343,12792,5908],{"class":5554},[5343,12794,12795,12797,12799,12801,12804],{"class":5345,"line":7458},[5343,12796,5862],{"class":5702},[5343,12798,5916],{"class":5349},[5343,12800,5919],{"class":5702},[5343,12802,12803],{"class":5352},"'editMessage'",[5343,12805,5925],{"class":5702},[5343,12807,12808,12810,12813],{"class":5345,"line":7464},[5343,12809,9545],{"class":5356},[5343,12811,12812],{"class":5349}," handleEditMessage",[5343,12814,5934],{"class":5702},[5343,12816,12817,12819,12821,12823,12825,12827,12829,12831,12833,12835,12837,12839,12841],{"class":5345,"line":7469},[5343,12818,5940],{"class":5702},[5343,12820,5943],{"class":5349},[5343,12822,5946],{"class":5702},[5343,12824,5949],{"class":5708},[5343,12826,6853],{"class":5702},[5343,12828,8946],{"class":5708},[5343,12830,5877],{"class":5702},[5343,12832,5954],{"class":5853},[5343,12834,5882],{"class":5702},[5343,12836,11775],{"class":5708},[5343,12838,5877],{"class":5702},[5343,12840,5954],{"class":5853},[5343,12842,8359],{"class":5702},[5343,12844,12845,12847,12849,12851,12853,12855,12857],{"class":5345,"line":7481},[5343,12846,5940],{"class":5702},[5343,12848,5964],{"class":5349},[5343,12850,5946],{"class":5702},[5343,12852,5969],{"class":5708},[5343,12854,5877],{"class":5702},[5343,12856,5769],{"class":5853},[5343,12858,5712],{"class":5702},[5343,12860,12861,12863,12865,12867,12869,12871,12873,12875,12877,12879,12881],{"class":5345,"line":7497},[5343,12862,5981],{"class":5702},[5343,12864,9590],{"class":5853},[5343,12866,12455],{"class":5702},[5343,12868,10328],{"class":5708},[5343,12870,5877],{"class":5702},[5343,12872,9401],{"class":5853},[5343,12874,5882],{"class":5702},[5343,12876,7031],{"class":5708},[5343,12878,9411],{"class":5702},[5343,12880,5954],{"class":5853},[5343,12882,12480],{"class":5702},[5343,12884,12885,12887],{"class":5345,"line":7502},[5343,12886,9604],{"class":5698},[5343,12888,5703],{"class":5702},[5343,12890,12891,12893,12896,12898,12900,12902,12904,12906,12908,12911],{"class":5345,"line":7507},[5343,12892,9763],{"class":5356},[5343,12894,12895],{"class":7309}," updatedMessage",[5343,12897,6646],{"class":5702},[5343,12899,9803],{"class":5698},[5343,12901,9806],{"class":5356},[5343,12903,5196],{"class":5702},[5343,12905,9811],{"class":5708},[5343,12907,5196],{"class":5702},[5343,12909,12910],{"class":5349},"editMessage",[5343,12912,5934],{"class":5702},[5343,12914,12915,12918,12920,12922],{"class":5345,"line":7512},[5343,12916,12917],{"class":5708},"        data",[5343,12919,5196],{"class":5702},[5343,12921,8946],{"class":5708},[5343,12923,5712],{"class":5702},[5343,12925,12926,12928,12930,12932],{"class":5345,"line":7518},[5343,12927,12917],{"class":5708},[5343,12929,5196],{"class":5702},[5343,12931,11775],{"class":5708},[5343,12933,5712],{"class":5702},[5343,12935,12936],{"class":5345,"line":7540},[5343,12937,10661],{"class":5702},[5343,12939,12940],{"class":5345,"line":7545},[5343,12941,5785],{"emptyLinePlaceholder":5784},[5343,12943,12944],{"class":5345,"line":7551},[5343,12945,12946],{"class":5554},"      \u002F\u002F Broadcast оновлення всім у кімнаті\n",[5343,12948,12949,12951,12953,12955,12957,12959,12961,12964,12966,12968,12970,12972,12974,12977],{"class":5345,"line":7581},[5343,12950,6908],{"class":5356},[5343,12952,5196],{"class":5702},[5343,12954,6174],{"class":5708},[5343,12956,5196],{"class":5702},[5343,12958,8402],{"class":5349},[5343,12960,5919],{"class":5702},[5343,12962,12963],{"class":5708},"updatedMessage",[5343,12965,5196],{"class":5702},[5343,12967,8343],{"class":5708},[5343,12969,6265],{"class":5702},[5343,12971,6179],{"class":5349},[5343,12973,5919],{"class":5702},[5343,12975,12976],{"class":5352},"'messageEdited'",[5343,12978,6186],{"class":5702},[5343,12980,12981,12983,12985,12987,12989],{"class":5345,"line":7613},[5343,12982,9999],{"class":5708},[5343,12984,12895],{"class":5708},[5343,12986,5196],{"class":5702},[5343,12988,6012],{"class":5708},[5343,12990,5712],{"class":5702},[5343,12992,12993,12996,12998,13000,13002],{"class":5345,"line":7636},[5343,12994,12995],{"class":5708},"        newText:",[5343,12997,12895],{"class":5708},[5343,12999,5196],{"class":5702},[5343,13001,6856],{"class":5708},[5343,13003,5712],{"class":5702},[5343,13005,13006,13009,13011,13013,13015],{"class":5345,"line":7653},[5343,13007,13008],{"class":5708},"        editedAt:",[5343,13010,12895],{"class":5708},[5343,13012,5196],{"class":5702},[5343,13014,11865],{"class":5708},[5343,13016,5712],{"class":5702},[5343,13018,13019],{"class":5345,"line":7659},[5343,13020,9856],{"class":5702},[5343,13022,13023],{"class":5345,"line":7664},[5343,13024,5785],{"emptyLinePlaceholder":5784},[5343,13026,13027,13029,13031,13033,13035],{"class":5345,"line":7670},[5343,13028,9983],{"class":5698},[5343,13030,5761],{"class":5702},[5343,13032,12703],{"class":5708},[5343,13034,5827],{"class":5356},[5343,13036,12719],{"class":5702},[5343,13038,13039,13041,13043,13045,13047],{"class":5345,"line":7698},[5343,13040,10017],{"class":5702},[5343,13042,10020],{"class":5698},[5343,13044,9700],{"class":5702},[5343,13046,7031],{"class":5708},[5343,13048,6629],{"class":5702},[5343,13050,13051,13053,13055,13057,13059,13062,13064,13066],{"class":5345,"line":7725},[5343,13052,6792],{"class":5708},[5343,13054,5196],{"class":5702},[5343,13056,7031],{"class":5349},[5343,13058,5919],{"class":5702},[5343,13060,13061],{"class":5352},"'[WebSocket] Помилка редагування:'",[5343,13063,5464],{"class":5702},[5343,13065,7031],{"class":5708},[5343,13067,6029],{"class":5702},[5343,13069,13070,13072,13074,13076,13078,13080,13082,13085],{"class":5345,"line":7745},[5343,13071,9983],{"class":5698},[5343,13073,5761],{"class":5702},[5343,13075,12703],{"class":5708},[5343,13077,9667],{"class":5356},[5343,13079,5464],{"class":5702},[5343,13081,12764],{"class":5708},[5343,13083,13084],{"class":5352}," 'Повідомлення не знайдено'",[5343,13086,12719],{"class":5702},[5343,13088,13089],{"class":5345,"line":7760},[5343,13090,10082],{"class":5702},[5343,13092,13093],{"class":5345,"line":8925},[5343,13094,6065],{"class":5702},[5343,13096,13097],{"class":5345,"line":8964},[5343,13098,6235],{"class":5702},[5089,13100,13101],{},[5099,13102,13103],{},"Крок 4: Реєстрація у модулі з TypeORM",[5333,13105,13107],{"className":5684,"code":13106,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.module.ts\nimport { Module } from '@nestjs\u002Fcommon';\nimport { TypeOrmModule } from '@nestjs\u002Ftypeorm';\nimport { ChatGateway } from '.\u002Fchat.gateway';\nimport { ChatService } from '.\u002Fchat.service';\nimport { Message } from '.\u002Fentities\u002Fmessage.entity';\nimport { UsersModule } from '..\u002Fusers\u002Fusers.module';\n\n@Module({\n  imports: [\n    TypeOrmModule.forFeature([Message]), \u002F\u002F Реєстрація Entity\n    UsersModule, \u002F\u002F Якщо потрібен доступ до User entity\n  ],\n  providers: [ChatGateway, ChatService],\n  exports: [ChatService],\n})\nexport class ChatModule {}\n",[5110,13108,13109,13113,13129,13146,13162,13178,13194,13212,13216,13224,13231,13252,13262,13267,13281,13291,13295],{"__ignoreMap":5339},[5343,13110,13111],{"class":5345,"line":5346},[5343,13112,6321],{"class":5554},[5343,13114,13115,13117,13119,13121,13123,13125,13127],{"class":5345,"line":5366},[5343,13116,5699],{"class":5698},[5343,13118,5761],{"class":5702},[5343,13120,6330],{"class":5708},[5343,13122,5772],{"class":5702},[5343,13124,5748],{"class":5698},[5343,13126,6337],{"class":5352},[5343,13128,5754],{"class":5702},[5343,13130,13131,13133,13135,13138,13140,13142,13144],{"class":5345,"line":5378},[5343,13132,5699],{"class":5698},[5343,13134,5761],{"class":5702},[5343,13136,13137],{"class":5708},"TypeOrmModule",[5343,13139,5772],{"class":5702},[5343,13141,5748],{"class":5698},[5343,13143,11333],{"class":5352},[5343,13145,5754],{"class":5702},[5343,13147,13148,13150,13152,13154,13156,13158,13160],{"class":5345,"line":5528},[5343,13149,5699],{"class":5698},[5343,13151,5761],{"class":5702},[5343,13153,6348],{"class":5708},[5343,13155,5772],{"class":5702},[5343,13157,5748],{"class":5698},[5343,13159,6355],{"class":5352},[5343,13161,5754],{"class":5702},[5343,13163,13164,13166,13168,13170,13172,13174,13176],{"class":5345,"line":5537},[5343,13165,5699],{"class":5698},[5343,13167,5761],{"class":5702},[5343,13169,6366],{"class":5708},[5343,13171,5772],{"class":5702},[5343,13173,5748],{"class":5698},[5343,13175,6373],{"class":5352},[5343,13177,5754],{"class":5702},[5343,13179,13180,13182,13184,13186,13188,13190,13192],{"class":5345,"line":5546},[5343,13181,5699],{"class":5698},[5343,13183,5761],{"class":5702},[5343,13185,11361],{"class":5708},[5343,13187,5772],{"class":5702},[5343,13189,5748],{"class":5698},[5343,13191,11368],{"class":5352},[5343,13193,5754],{"class":5702},[5343,13195,13196,13198,13200,13203,13205,13207,13210],{"class":5345,"line":5558},[5343,13197,5699],{"class":5698},[5343,13199,5761],{"class":5702},[5343,13201,13202],{"class":5708},"UsersModule",[5343,13204,5772],{"class":5702},[5343,13206,5748],{"class":5698},[5343,13208,13209],{"class":5352}," '..\u002Fusers\u002Fusers.module'",[5343,13211,5754],{"class":5702},[5343,13213,13214],{"class":5345,"line":5569},[5343,13215,5785],{"emptyLinePlaceholder":5784},[5343,13217,13218,13220,13222],{"class":5345,"line":5577},[5343,13219,5790],{"class":5702},[5343,13221,6330],{"class":5349},[5343,13223,5796],{"class":5702},[5343,13225,13226,13228],{"class":5345,"line":5592},[5343,13227,6496],{"class":5708},[5343,13229,13230],{"class":5702}," [\n",[5343,13232,13233,13236,13238,13241,13244,13246,13249],{"class":5345,"line":5601},[5343,13234,13235],{"class":5708},"    TypeOrmModule",[5343,13237,5196],{"class":5702},[5343,13239,13240],{"class":5349},"forFeature",[5343,13242,13243],{"class":5702},"([",[5343,13245,11361],{"class":5708},[5343,13247,13248],{"class":5702},"]), ",[5343,13250,13251],{"class":5554},"\u002F\u002F Реєстрація Entity\n",[5343,13253,13254,13257,13259],{"class":5345,"line":5799},[5343,13255,13256],{"class":5708},"    UsersModule",[5343,13258,5464],{"class":5702},[5343,13260,13261],{"class":5554},"\u002F\u002F Якщо потрібен доступ до User entity\n",[5343,13263,13264],{"class":5345,"line":5807},[5343,13265,13266],{"class":5702},"  ],\n",[5343,13268,13269,13271,13273,13275,13277,13279],{"class":5345,"line":5821},[5343,13270,6392],{"class":5708},[5343,13272,6395],{"class":5702},[5343,13274,6348],{"class":5708},[5343,13276,5464],{"class":5702},[5343,13278,6366],{"class":5708},[5343,13280,6404],{"class":5702},[5343,13282,13283,13285,13287,13289],{"class":5345,"line":5832},[5343,13284,6409],{"class":5708},[5343,13286,6395],{"class":5702},[5343,13288,6366],{"class":5708},[5343,13290,6404],{"class":5702},[5343,13292,13293],{"class":5345,"line":5838},[5343,13294,5841],{"class":5702},[5343,13296,13297,13299,13301,13303],{"class":5345,"line":5844},[5343,13298,5847],{"class":5698},[5343,13300,5850],{"class":5356},[5343,13302,6432],{"class":5853},[5343,13304,6435],{"class":5702},[5304,13306,13307],{},"Dependency Injection у Gateway працює ідентично до Controller: ін'єкція через constructor, підтримка scoped providers (хоча для WebSocket це рідко потрібно), можливість ін'єктувати будь-які зареєстровані providers з модуля.",[5172,13309],{},[5084,13311,13313],{"id":13312},"автентифікація-websocket-зєднань-через-jwt","Автентифікація WebSocket з'єднань через JWT",[5089,13315,13316,13317,13320,13321,13324],{},"На відміну від HTTP запитів, де JWT токен передається у заголовку ",[5110,13318,13319],{},"Authorization: Bearer \u003Ctoken>",", Socket.IO з'єднання потребують ",[5099,13322,13323],{},"іншого підходу"," для автентифікації, оскільки WebSocket handshake не підтримує кастомні HTTP заголовки у всіх браузерах.",[5325,13326,13328],{"id":13327},"три-підходи-до-передачі-jwt-токена","Три підходи до передачі JWT токена",[7835,13330,13331,13344],{},[7838,13332,13333],{},[7841,13334,13335,13338,13341],{},[7844,13336,13337],{},"Підхід",[7844,13339,13340],{},"Переваги",[7844,13342,13343],{},"Недоліки",[7854,13345,13346,13363,13377],{},[7841,13347,13348,13357,13360],{},[7859,13349,13350,9700,13353,13356],{},[5099,13351,13352],{},"Query parameter",[5110,13354,13355],{},"?token=...",")",[7859,13358,13359],{},"Просто реалізувати",[7859,13361,13362],{},"Токен може потрапити у server logs, URL history",[7841,13364,13365,13371,13374],{},[7859,13366,13367,13370],{},[5099,13368,13369],{},"Cookie"," (HttpOnly, Secure)",[7859,13372,13373],{},"Безпечний, автоматично передається",[7859,13375,13376],{},"Потребує налаштування cookie-based auth",[7841,13378,13379,13385,13388],{},[7859,13380,13381,13384],{},[5099,13382,13383],{},"Handshake auth"," (Socket.IO auth option)",[7859,13386,13387],{},"Рекомендований Socket.IO підхід",[7859,13389,13390],{},"Трохи складніша конфігурація",[5089,13392,13393,13396,13397,13400],{},[5099,13394,13395],{},"Рекомендація:"," використовуйте ",[5099,13398,13399],{},"handshake auth"," для продакшн застосунків.",[5325,13402,13404],{"id":13403},"реалізація-jwt-автентифікації-через-handshake-auth","Реалізація JWT автентифікації через Handshake Auth",[5089,13406,13407],{},[5099,13408,13409],{},"Крок 1: Створення Guard для WebSocket",[5333,13411,13413],{"className":5684,"code":13412,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fguards\u002Fws-jwt.guard.ts\nimport { CanActivate, ExecutionContext, Injectable } from '@nestjs\u002Fcommon';\nimport { JwtService } from '@nestjs\u002Fjwt';\nimport { Socket } from 'socket.io';\n\n@Injectable()\nexport class WsJwtGuard implements CanActivate {\n  constructor(private jwtService: JwtService) {}\n\n  async canActivate(context: ExecutionContext): Promise\u003Cboolean> {\n    try {\n      const client: Socket = context.switchToWs().getClient();\n\n      \u002F\u002F Витягти токен з handshake auth\n      const token = client.handshake.auth?.token || client.handshake.headers?.authorization?.split(' ')[1];\n\n      if (!token) {\n        console.error('[WsJwtGuard] Токен відсутній');\n        client.disconnect(); \u002F\u002F Примусово відключити клієнта\n        return false;\n      }\n\n      \u002F\u002F Валідувати JWT токен\n      const payload = await this.jwtService.verifyAsync(token, {\n        secret: process.env.JWT_SECRET,\n      });\n\n      \u002F\u002F Зберегти userId та інші дані у client.data для подальшого використання\n      (client as any).userId = payload.sub;\n      (client as any).username = payload.username;\n      (client as any).roles = payload.roles || [];\n\n      console.log(`[WsJwtGuard] Автентифіковано користувача ${payload.username} (ID: ${payload.sub})`);\n\n      return true;\n    } catch (error) {\n      console.error('[WsJwtGuard] Помилка валідації токена:', error.message);\n      context.switchToWs().getClient().disconnect();\n      return false;\n    }\n  }\n}\n",[5110,13414,13415,13420,13446,13464,13480,13484,13492,13509,13526,13530,13556,13562,13588,13592,13597,13661,13665,13675,13690,13705,13713,13717,13721,13726,13755,13775,13779,13783,13788,13814,13838,13864,13868,13909,13913,13921,13933,13956,13975,13983,13987,13991],{"__ignoreMap":5339},[5343,13416,13417],{"class":5345,"line":5346},[5343,13418,13419],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fguards\u002Fws-jwt.guard.ts\n",[5343,13421,13422,13424,13426,13429,13431,13434,13436,13438,13440,13442,13444],{"class":5345,"line":5366},[5343,13423,5699],{"class":5698},[5343,13425,5761],{"class":5702},[5343,13427,13428],{"class":5708},"CanActivate",[5343,13430,5464],{"class":5702},[5343,13432,13433],{"class":5708},"ExecutionContext",[5343,13435,5464],{"class":5702},[5343,13437,11309],{"class":5708},[5343,13439,5772],{"class":5702},[5343,13441,5748],{"class":5698},[5343,13443,6337],{"class":5352},[5343,13445,5754],{"class":5702},[5343,13447,13448,13450,13452,13455,13457,13459,13462],{"class":5345,"line":5378},[5343,13449,5699],{"class":5698},[5343,13451,5761],{"class":5702},[5343,13453,13454],{"class":5708},"JwtService",[5343,13456,5772],{"class":5702},[5343,13458,5748],{"class":5698},[5343,13460,13461],{"class":5352}," '@nestjs\u002Fjwt'",[5343,13463,5754],{"class":5702},[5343,13465,13466,13468,13470,13472,13474,13476,13478],{"class":5345,"line":5528},[5343,13467,5699],{"class":5698},[5343,13469,5761],{"class":5702},[5343,13471,5769],{"class":5708},[5343,13473,5772],{"class":5702},[5343,13475,5748],{"class":5698},[5343,13477,5777],{"class":5352},[5343,13479,5754],{"class":5702},[5343,13481,13482],{"class":5345,"line":5537},[5343,13483,5785],{"emptyLinePlaceholder":5784},[5343,13485,13486,13488,13490],{"class":5345,"line":5546},[5343,13487,5790],{"class":5702},[5343,13489,11309],{"class":5349},[5343,13491,5868],{"class":5702},[5343,13493,13494,13496,13498,13501,13504,13507],{"class":5345,"line":5558},[5343,13495,5847],{"class":5698},[5343,13497,5850],{"class":5356},[5343,13499,13500],{"class":5853}," WsJwtGuard",[5343,13502,13503],{"class":5356}," implements",[5343,13505,13506],{"class":5853}," CanActivate",[5343,13508,5703],{"class":5702},[5343,13510,13511,13513,13515,13517,13520,13522,13524],{"class":5345,"line":5569},[5343,13512,6617],{"class":5356},[5343,13514,5919],{"class":5702},[5343,13516,9471],{"class":5356},[5343,13518,13519],{"class":5708}," jwtService",[5343,13521,5877],{"class":5702},[5343,13523,13454],{"class":5853},[5343,13525,9484],{"class":5702},[5343,13527,13528],{"class":5345,"line":5577},[5343,13529,5785],{"emptyLinePlaceholder":5784},[5343,13531,13532,13534,13537,13539,13542,13544,13546,13548,13550,13552,13554],{"class":5345,"line":5592},[5343,13533,9545],{"class":5356},[5343,13535,13536],{"class":5349}," canActivate",[5343,13538,5919],{"class":5702},[5343,13540,13541],{"class":5708},"context",[5343,13543,5877],{"class":5702},[5343,13545,13433],{"class":5853},[5343,13547,6123],{"class":5702},[5343,13549,9590],{"class":5853},[5343,13551,9593],{"class":5702},[5343,13553,9401],{"class":5853},[5343,13555,9599],{"class":5702},[5343,13557,13558,13560],{"class":5345,"line":5601},[5343,13559,9604],{"class":5698},[5343,13561,5703],{"class":5702},[5343,13563,13564,13566,13568,13570,13572,13574,13576,13578,13581,13583,13586],{"class":5345,"line":5799},[5343,13565,9763],{"class":5356},[5343,13567,7524],{"class":7309},[5343,13569,5877],{"class":5702},[5343,13571,5769],{"class":5853},[5343,13573,6646],{"class":5702},[5343,13575,13541],{"class":5708},[5343,13577,5196],{"class":5702},[5343,13579,13580],{"class":5349},"switchToWs",[5343,13582,6212],{"class":5702},[5343,13584,13585],{"class":5349},"getClient",[5343,13587,6721],{"class":5702},[5343,13589,13590],{"class":5345,"line":5807},[5343,13591,5785],{"emptyLinePlaceholder":5784},[5343,13593,13594],{"class":5345,"line":5821},[5343,13595,13596],{"class":5554},"      \u002F\u002F Витягти токен з handshake auth\n",[5343,13598,13599,13601,13604,13606,13608,13610,13613,13615,13618,13621,13624,13626,13628,13630,13632,13634,13637,13639,13642,13644,13647,13649,13652,13655,13658],{"class":5345,"line":5832},[5343,13600,9763],{"class":5356},[5343,13602,13603],{"class":7309}," token",[5343,13605,6646],{"class":5702},[5343,13607,5969],{"class":5708},[5343,13609,5196],{"class":5702},[5343,13611,13612],{"class":5708},"handshake",[5343,13614,5196],{"class":5702},[5343,13616,13617],{"class":5708},"auth",[5343,13619,13620],{"class":5702},"?.",[5343,13622,13623],{"class":5708},"token",[5343,13625,9628],{"class":5702},[5343,13627,5969],{"class":5708},[5343,13629,5196],{"class":5702},[5343,13631,13612],{"class":5708},[5343,13633,5196],{"class":5702},[5343,13635,13636],{"class":5708},"headers",[5343,13638,13620],{"class":5702},[5343,13640,13641],{"class":5708},"authorization",[5343,13643,13620],{"class":5702},[5343,13645,13646],{"class":5349},"split",[5343,13648,5919],{"class":5702},[5343,13650,13651],{"class":5352},"' '",[5343,13653,13654],{"class":5702},")[",[5343,13656,13657],{"class":6682},"1",[5343,13659,13660],{"class":5702},"];\n",[5343,13662,13663],{"class":5345,"line":5838},[5343,13664,5785],{"emptyLinePlaceholder":5784},[5343,13666,13667,13669,13671,13673],{"class":5345,"line":5844},[5343,13668,9616],{"class":5698},[5343,13670,9619],{"class":5702},[5343,13672,13623],{"class":5708},[5343,13674,6629],{"class":5702},[5343,13676,13677,13679,13681,13683,13685,13688],{"class":5345,"line":5859},[5343,13678,10754],{"class":5708},[5343,13680,5196],{"class":5702},[5343,13682,7031],{"class":5349},[5343,13684,5919],{"class":5702},[5343,13686,13687],{"class":5352},"'[WsJwtGuard] Токен відсутній'",[5343,13689,6029],{"class":5702},[5343,13691,13692,13695,13697,13699,13702],{"class":5345,"line":5871},[5343,13693,13694],{"class":5708},"        client",[5343,13696,5196],{"class":5702},[5343,13698,7492],{"class":5349},[5343,13700,13701],{"class":5702},"(); ",[5343,13703,13704],{"class":5554},"\u002F\u002F Примусово відключити клієнта\n",[5343,13706,13707,13709,13711],{"class":5345,"line":5888},[5343,13708,9657],{"class":5698},[5343,13710,9667],{"class":5356},[5343,13712,5754],{"class":5702},[5343,13714,13715],{"class":5345,"line":5893},[5343,13716,9689],{"class":5702},[5343,13718,13719],{"class":5345,"line":5899},[5343,13720,5785],{"emptyLinePlaceholder":5784},[5343,13722,13723],{"class":5345,"line":5905},[5343,13724,13725],{"class":5554},"      \u002F\u002F Валідувати JWT токен\n",[5343,13727,13728,13730,13733,13735,13737,13739,13741,13744,13746,13749,13751,13753],{"class":5345,"line":5911},[5343,13729,9763],{"class":5356},[5343,13731,13732],{"class":7309}," payload",[5343,13734,6646],{"class":5702},[5343,13736,9803],{"class":5698},[5343,13738,9806],{"class":5356},[5343,13740,5196],{"class":5702},[5343,13742,13743],{"class":5708},"jwtService",[5343,13745,5196],{"class":5702},[5343,13747,13748],{"class":5349},"verifyAsync",[5343,13750,5919],{"class":5702},[5343,13752,13623],{"class":5708},[5343,13754,6186],{"class":5702},[5343,13756,13757,13760,13763,13765,13768,13770,13773],{"class":5345,"line":5928},[5343,13758,13759],{"class":5708},"        secret:",[5343,13761,13762],{"class":5708}," process",[5343,13764,5196],{"class":5702},[5343,13766,13767],{"class":5708},"env",[5343,13769,5196],{"class":5702},[5343,13771,13772],{"class":7309},"JWT_SECRET",[5343,13774,5712],{"class":5702},[5343,13776,13777],{"class":5345,"line":5937},[5343,13778,9856],{"class":5702},[5343,13780,13781],{"class":5345,"line":5959},[5343,13782,5785],{"emptyLinePlaceholder":5784},[5343,13784,13785],{"class":5345,"line":5978},[5343,13786,13787],{"class":5554},"      \u002F\u002F Зберегти userId та інші дані у client.data для подальшого використання\n",[5343,13789,13790,13792,13794,13796,13798,13800,13802,13804,13807,13809,13812],{"class":5345,"line":5988},[5343,13791,10285],{"class":5702},[5343,13793,5969],{"class":5708},[5343,13795,9774],{"class":5698},[5343,13797,9777],{"class":5853},[5343,13799,6265],{"class":5702},[5343,13801,8955],{"class":5708},[5343,13803,6646],{"class":5702},[5343,13805,13806],{"class":5708},"payload",[5343,13808,5196],{"class":5702},[5343,13810,13811],{"class":5708},"sub",[5343,13813,5754],{"class":5702},[5343,13815,13816,13818,13820,13822,13824,13826,13828,13830,13832,13834,13836],{"class":5345,"line":6032},[5343,13817,10285],{"class":5702},[5343,13819,5969],{"class":5708},[5343,13821,9774],{"class":5698},[5343,13823,9777],{"class":5853},[5343,13825,6265],{"class":5702},[5343,13827,8352],{"class":5708},[5343,13829,6646],{"class":5702},[5343,13831,13806],{"class":5708},[5343,13833,5196],{"class":5702},[5343,13835,8352],{"class":5708},[5343,13837,5754],{"class":5702},[5343,13839,13840,13842,13844,13846,13848,13850,13853,13855,13857,13859,13861],{"class":5345,"line":6037},[5343,13841,10285],{"class":5702},[5343,13843,5969],{"class":5708},[5343,13845,9774],{"class":5698},[5343,13847,9777],{"class":5853},[5343,13849,6265],{"class":5702},[5343,13851,13852],{"class":5708},"roles",[5343,13854,6646],{"class":5702},[5343,13856,13806],{"class":5708},[5343,13858,5196],{"class":5702},[5343,13860,13852],{"class":5708},[5343,13862,13863],{"class":5702}," || [];\n",[5343,13865,13866],{"class":5345,"line":6043},[5343,13867,5785],{"emptyLinePlaceholder":5784},[5343,13869,13870,13872,13874,13876,13878,13881,13883,13885,13887,13889,13891,13894,13896,13898,13900,13902,13904,13907],{"class":5345,"line":6062},[5343,13871,6792],{"class":5708},[5343,13873,5196],{"class":5702},[5343,13875,5996],{"class":5349},[5343,13877,5919],{"class":5702},[5343,13879,13880],{"class":5352},"`[WsJwtGuard] Автентифіковано користувача ",[5343,13882,6004],{"class":5356},[5343,13884,13806],{"class":5708},[5343,13886,5196],{"class":6009},[5343,13888,8352],{"class":5708},[5343,13890,6015],{"class":5356},[5343,13892,13893],{"class":5352}," (ID: ",[5343,13895,6004],{"class":5356},[5343,13897,13806],{"class":5708},[5343,13899,5196],{"class":6009},[5343,13901,13811],{"class":5708},[5343,13903,6015],{"class":5356},[5343,13905,13906],{"class":5352},")`",[5343,13908,6029],{"class":5702},[5343,13910,13911],{"class":5345,"line":6068},[5343,13912,5785],{"emptyLinePlaceholder":5784},[5343,13914,13915,13917,13919],{"class":5345,"line":6073},[5343,13916,9983],{"class":5698},[5343,13918,5827],{"class":5356},[5343,13920,5754],{"class":5702},[5343,13922,13923,13925,13927,13929,13931],{"class":5345,"line":6078},[5343,13924,10017],{"class":5702},[5343,13926,10020],{"class":5698},[5343,13928,9700],{"class":5702},[5343,13930,7031],{"class":5708},[5343,13932,6629],{"class":5702},[5343,13934,13935,13937,13939,13941,13943,13946,13948,13950,13952,13954],{"class":5345,"line":6084},[5343,13936,6792],{"class":5708},[5343,13938,5196],{"class":5702},[5343,13940,7031],{"class":5349},[5343,13942,5919],{"class":5702},[5343,13944,13945],{"class":5352},"'[WsJwtGuard] Помилка валідації токена:'",[5343,13947,5464],{"class":5702},[5343,13949,7031],{"class":5708},[5343,13951,5196],{"class":5702},[5343,13953,6116],{"class":5708},[5343,13955,6029],{"class":5702},[5343,13957,13958,13961,13963,13965,13967,13969,13971,13973],{"class":5345,"line":6089},[5343,13959,13960],{"class":5708},"      context",[5343,13962,5196],{"class":5702},[5343,13964,13580],{"class":5349},[5343,13966,6212],{"class":5702},[5343,13968,13585],{"class":5349},[5343,13970,6212],{"class":5702},[5343,13972,7492],{"class":5349},[5343,13974,6721],{"class":5702},[5343,13976,13977,13979,13981],{"class":5345,"line":6103},[5343,13978,9983],{"class":5698},[5343,13980,9667],{"class":5356},[5343,13982,5754],{"class":5702},[5343,13984,13985],{"class":5345,"line":6131},[5343,13986,10082],{"class":5702},[5343,13988,13989],{"class":5345,"line":6155},[5343,13990,6065],{"class":5702},[5343,13992,13993],{"class":5345,"line":6160},[5343,13994,6235],{"class":5702},[5089,13996,13997],{},[5099,13998,13999],{},"Крок 2: Застосування Guard до Gateway",[5333,14001,14003],{"className":5684,"code":14002,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport { UseGuards } from '@nestjs\u002Fcommon';\nimport { WsJwtGuard } from '.\u002Fguards\u002Fws-jwt.guard';\n\n@WebSocketGateway({\n  cors: {\n    origin: 'http:\u002F\u002Flocalhost:3000',\n    credentials: true,\n  },\n})\n@UseGuards(WsJwtGuard) \u002F\u002F Застосувати Guard до всього Gateway\nexport class ChatGateway {\n  constructor(\n    private readonly chatService: ChatService,\n    private readonly jwtService: JwtService, \u002F\u002F Для інших потреб\n  ) {}\n\n  @WebSocketServer()\n  server: Server;\n\n  \u002F**\n   * Використання userId з автентифікації\n   *\u002F\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() data: { roomId: string; text: string },\n    @ConnectedSocket() client: Socket,\n  ) {\n    \u002F\u002F Отримати userId, що був встановлений у Guard\n    const userId = (client as any).userId;\n    const username = (client as any).username;\n\n    const message = await this.chatService.createMessage({\n      roomId: data.roomId,\n      userId,\n      text: data.text,\n    });\n\n    this.server.to(data.roomId).emit('newMessage', {\n      id: message.id,\n      userId,\n      username,\n      text: message.text,\n      createdAt: message.createdAt,\n    });\n\n    return { success: true, messageId: message.id };\n  }\n\n  \u002F**\n   * Альтернативний підхід: Guard на рівні окремого handler\n   *\u002F\n  @SubscribeMessage('adminBroadcast')\n  @UseGuards(WsJwtGuard) \u002F\u002F Guard лише для цього методу\n  handleAdminBroadcast(\n    @MessageBody() message: string,\n    @ConnectedSocket() client: Socket,\n  ) {\n    const roles = (client as any).roles;\n\n    if (!roles.includes('admin')) {\n      client.emit('error', { message: 'Insufficient permissions' });\n      return;\n    }\n\n    this.server.emit('announcement', {\n      message,\n      from: 'Admin',\n      timestamp: new Date(),\n    });\n  }\n}\n",[5110,14004,14005,14009,14025,14043,14047,14055,14061,14069,14077,14081,14085,14100,14110,14116,14130,14147,14151,14155,14163,14173,14177,14181,14186,14190,14202,14210,14238,14254,14259,14264,14284,14305,14309,14331,14343,14350,14362,14366,14370,14400,14412,14418,14425,14437,14450,14454,14458,14480,14484,14488,14492,14497,14501,14514,14529,14536,14552,14568,14572,14593,14597,14619,14643,14649,14653,14657,14675,14682,14692,14702,14706,14710],{"__ignoreMap":5339},[5343,14006,14007],{"class":5345,"line":5346},[5343,14008,5693],{"class":5554},[5343,14010,14011,14013,14015,14017,14019,14021,14023],{"class":5345,"line":5366},[5343,14012,5699],{"class":5698},[5343,14014,5761],{"class":5702},[5343,14016,9317],{"class":5708},[5343,14018,5772],{"class":5702},[5343,14020,5748],{"class":5698},[5343,14022,6337],{"class":5352},[5343,14024,5754],{"class":5702},[5343,14026,14027,14029,14031,14034,14036,14038,14041],{"class":5345,"line":5378},[5343,14028,5699],{"class":5698},[5343,14030,5761],{"class":5702},[5343,14032,14033],{"class":5708},"WsJwtGuard",[5343,14035,5772],{"class":5702},[5343,14037,5748],{"class":5698},[5343,14039,14040],{"class":5352}," '.\u002Fguards\u002Fws-jwt.guard'",[5343,14042,5754],{"class":5702},[5343,14044,14045],{"class":5345,"line":5528},[5343,14046,5785],{"emptyLinePlaceholder":5784},[5343,14048,14049,14051,14053],{"class":5345,"line":5537},[5343,14050,5790],{"class":5702},[5343,14052,5793],{"class":5349},[5343,14054,5796],{"class":5702},[5343,14056,14057,14059],{"class":5345,"line":5546},[5343,14058,5802],{"class":5708},[5343,14060,5703],{"class":5702},[5343,14062,14063,14065,14067],{"class":5345,"line":5558},[5343,14064,5810],{"class":5708},[5343,14066,5813],{"class":5352},[5343,14068,5712],{"class":5702},[5343,14070,14071,14073,14075],{"class":5345,"line":5569},[5343,14072,5824],{"class":5708},[5343,14074,5827],{"class":5356},[5343,14076,5712],{"class":5702},[5343,14078,14079],{"class":5345,"line":5577},[5343,14080,5835],{"class":5702},[5343,14082,14083],{"class":5345,"line":5592},[5343,14084,5841],{"class":5702},[5343,14086,14087,14089,14091,14093,14095,14097],{"class":5345,"line":5601},[5343,14088,5790],{"class":5702},[5343,14090,9317],{"class":5349},[5343,14092,5919],{"class":5702},[5343,14094,14033],{"class":5708},[5343,14096,6973],{"class":5702},[5343,14098,14099],{"class":5554},"\u002F\u002F Застосувати Guard до всього Gateway\n",[5343,14101,14102,14104,14106,14108],{"class":5345,"line":5799},[5343,14103,5847],{"class":5698},[5343,14105,5850],{"class":5356},[5343,14107,5854],{"class":5853},[5343,14109,5703],{"class":5702},[5343,14111,14112,14114],{"class":5345,"line":5807},[5343,14113,6617],{"class":5356},[5343,14115,5934],{"class":5702},[5343,14117,14118,14120,14122,14124,14126,14128],{"class":5345,"line":5821},[5343,14119,11463],{"class":5356},[5343,14121,9474],{"class":5356},[5343,14123,9477],{"class":5708},[5343,14125,5877],{"class":5702},[5343,14127,6366],{"class":5853},[5343,14129,5712],{"class":5702},[5343,14131,14132,14134,14136,14138,14140,14142,14144],{"class":5345,"line":5832},[5343,14133,11463],{"class":5356},[5343,14135,9474],{"class":5356},[5343,14137,13519],{"class":5708},[5343,14139,5877],{"class":5702},[5343,14141,13454],{"class":5853},[5343,14143,5464],{"class":5702},[5343,14145,14146],{"class":5554},"\u002F\u002F Для інших потреб\n",[5343,14148,14149],{"class":5345,"line":5838},[5343,14150,11482],{"class":5702},[5343,14152,14153],{"class":5345,"line":5844},[5343,14154,5785],{"emptyLinePlaceholder":5784},[5343,14156,14157,14159,14161],{"class":5345,"line":5859},[5343,14158,5862],{"class":5702},[5343,14160,5865],{"class":5349},[5343,14162,5868],{"class":5702},[5343,14164,14165,14167,14169,14171],{"class":5345,"line":5871},[5343,14166,5874],{"class":5708},[5343,14168,5877],{"class":5702},[5343,14170,5764],{"class":5853},[5343,14172,5754],{"class":5702},[5343,14174,14175],{"class":5345,"line":5888},[5343,14176,5785],{"emptyLinePlaceholder":5784},[5343,14178,14179],{"class":5345,"line":5893},[5343,14180,5896],{"class":5554},[5343,14182,14183],{"class":5345,"line":5899},[5343,14184,14185],{"class":5554},"   * Використання userId з автентифікації\n",[5343,14187,14188],{"class":5345,"line":5905},[5343,14189,5908],{"class":5554},[5343,14191,14192,14194,14196,14198,14200],{"class":5345,"line":5911},[5343,14193,5862],{"class":5702},[5343,14195,5916],{"class":5349},[5343,14197,5919],{"class":5702},[5343,14199,8679],{"class":5352},[5343,14201,5925],{"class":5702},[5343,14203,14204,14206,14208],{"class":5345,"line":5928},[5343,14205,9545],{"class":5356},[5343,14207,9548],{"class":5349},[5343,14209,5934],{"class":5702},[5343,14211,14212,14214,14216,14218,14220,14222,14224,14226,14228,14230,14232,14234,14236],{"class":5345,"line":5937},[5343,14213,5940],{"class":5702},[5343,14215,5943],{"class":5349},[5343,14217,5946],{"class":5702},[5343,14219,5949],{"class":5708},[5343,14221,6853],{"class":5702},[5343,14223,8343],{"class":5708},[5343,14225,5877],{"class":5702},[5343,14227,5954],{"class":5853},[5343,14229,5882],{"class":5702},[5343,14231,6856],{"class":5708},[5343,14233,5877],{"class":5702},[5343,14235,5954],{"class":5853},[5343,14237,8359],{"class":5702},[5343,14239,14240,14242,14244,14246,14248,14250,14252],{"class":5345,"line":5959},[5343,14241,5940],{"class":5702},[5343,14243,5964],{"class":5349},[5343,14245,5946],{"class":5702},[5343,14247,5969],{"class":5708},[5343,14249,5877],{"class":5702},[5343,14251,5769],{"class":5853},[5343,14253,5712],{"class":5702},[5343,14255,14256],{"class":5345,"line":5978},[5343,14257,14258],{"class":5702},"  ) {\n",[5343,14260,14261],{"class":5345,"line":5988},[5343,14262,14263],{"class":5554},"    \u002F\u002F Отримати userId, що був встановлений у Guard\n",[5343,14265,14266,14268,14270,14272,14274,14276,14278,14280,14282],{"class":5345,"line":6032},[5343,14267,7306],{"class":5356},[5343,14269,9766],{"class":7309},[5343,14271,9769],{"class":5702},[5343,14273,5969],{"class":5708},[5343,14275,9774],{"class":5698},[5343,14277,9777],{"class":5853},[5343,14279,6265],{"class":5702},[5343,14281,8955],{"class":5708},[5343,14283,5754],{"class":5702},[5343,14285,14286,14288,14291,14293,14295,14297,14299,14301,14303],{"class":5345,"line":6037},[5343,14287,7306],{"class":5356},[5343,14289,14290],{"class":7309}," username",[5343,14292,9769],{"class":5702},[5343,14294,5969],{"class":5708},[5343,14296,9774],{"class":5698},[5343,14298,9777],{"class":5853},[5343,14300,6265],{"class":5702},[5343,14302,8352],{"class":5708},[5343,14304,5754],{"class":5702},[5343,14306,14307],{"class":5345,"line":6043},[5343,14308,5785],{"emptyLinePlaceholder":5784},[5343,14310,14311,14313,14315,14317,14319,14321,14323,14325,14327,14329],{"class":5345,"line":6062},[5343,14312,7306],{"class":5356},[5343,14314,6195],{"class":7309},[5343,14316,6646],{"class":5702},[5343,14318,9803],{"class":5698},[5343,14320,9806],{"class":5356},[5343,14322,5196],{"class":5702},[5343,14324,9811],{"class":5708},[5343,14326,5196],{"class":5702},[5343,14328,9816],{"class":5349},[5343,14330,5796],{"class":5702},[5343,14332,14333,14335,14337,14339,14341],{"class":5345,"line":6068},[5343,14334,11553],{"class":5708},[5343,14336,8428],{"class":5708},[5343,14338,5196],{"class":5702},[5343,14340,8343],{"class":5708},[5343,14342,5712],{"class":5702},[5343,14344,14345,14348],{"class":5345,"line":6073},[5343,14346,14347],{"class":5708},"      userId",[5343,14349,5712],{"class":5702},[5343,14351,14352,14354,14356,14358,14360],{"class":5345,"line":6078},[5343,14353,6192],{"class":5708},[5343,14355,8428],{"class":5708},[5343,14357,5196],{"class":5702},[5343,14359,6856],{"class":5708},[5343,14361,5712],{"class":5702},[5343,14363,14364],{"class":5345,"line":6084},[5343,14365,6224],{"class":5702},[5343,14367,14368],{"class":5345,"line":6089},[5343,14369,5785],{"emptyLinePlaceholder":5784},[5343,14371,14372,14374,14376,14378,14380,14382,14384,14386,14388,14390,14392,14394,14396,14398],{"class":5345,"line":6103},[5343,14373,6169],{"class":5356},[5343,14375,5196],{"class":5702},[5343,14377,6174],{"class":5708},[5343,14379,5196],{"class":5702},[5343,14381,8402],{"class":5349},[5343,14383,5919],{"class":5702},[5343,14385,5949],{"class":5708},[5343,14387,5196],{"class":5702},[5343,14389,8343],{"class":5708},[5343,14391,6265],{"class":5702},[5343,14393,6179],{"class":5349},[5343,14395,5919],{"class":5702},[5343,14397,8763],{"class":5352},[5343,14399,6186],{"class":5702},[5343,14401,14402,14404,14406,14408,14410],{"class":5345,"line":6131},[5343,14403,8770],{"class":5708},[5343,14405,6195],{"class":5708},[5343,14407,5196],{"class":5702},[5343,14409,6012],{"class":5708},[5343,14411,5712],{"class":5702},[5343,14413,14414,14416],{"class":5345,"line":6155},[5343,14415,14347],{"class":5708},[5343,14417,5712],{"class":5702},[5343,14419,14420,14423],{"class":5345,"line":6160},[5343,14421,14422],{"class":5708},"      username",[5343,14424,5712],{"class":5702},[5343,14426,14427,14429,14431,14433,14435],{"class":5345,"line":6166},[5343,14428,6192],{"class":5708},[5343,14430,6195],{"class":5708},[5343,14432,5196],{"class":5702},[5343,14434,6856],{"class":5708},[5343,14436,5712],{"class":5702},[5343,14438,14439,14442,14444,14446,14448],{"class":5345,"line":6189},[5343,14440,14441],{"class":5708},"      createdAt:",[5343,14443,6195],{"class":5708},[5343,14445,5196],{"class":5702},[5343,14447,9963],{"class":5708},[5343,14449,5712],{"class":5702},[5343,14451,14452],{"class":5345,"line":6200},[5343,14453,6224],{"class":5702},[5343,14455,14456],{"class":5345,"line":6221},[5343,14457,5785],{"emptyLinePlaceholder":5784},[5343,14459,14460,14462,14464,14466,14468,14470,14472,14474,14476,14478],{"class":5345,"line":6227},[5343,14461,6046],{"class":5698},[5343,14463,5761],{"class":5702},[5343,14465,12703],{"class":5708},[5343,14467,5827],{"class":5356},[5343,14469,5464],{"class":5702},[5343,14471,12710],{"class":5708},[5343,14473,6195],{"class":5708},[5343,14475,5196],{"class":5702},[5343,14477,6012],{"class":5708},[5343,14479,12719],{"class":5702},[5343,14481,14482],{"class":5345,"line":6232},[5343,14483,6065],{"class":5702},[5343,14485,14486],{"class":5345,"line":7147},[5343,14487,5785],{"emptyLinePlaceholder":5784},[5343,14489,14490],{"class":5345,"line":7153},[5343,14491,5896],{"class":5554},[5343,14493,14494],{"class":5345,"line":7173},[5343,14495,14496],{"class":5554},"   * Альтернативний підхід: Guard на рівні окремого handler\n",[5343,14498,14499],{"class":5345,"line":7178},[5343,14500,5908],{"class":5554},[5343,14502,14503,14505,14507,14509,14512],{"class":5345,"line":7183},[5343,14504,5862],{"class":5702},[5343,14506,5916],{"class":5349},[5343,14508,5919],{"class":5702},[5343,14510,14511],{"class":5352},"'adminBroadcast'",[5343,14513,5925],{"class":5702},[5343,14515,14516,14518,14520,14522,14524,14526],{"class":5345,"line":7188},[5343,14517,5862],{"class":5702},[5343,14519,9317],{"class":5349},[5343,14521,5919],{"class":5702},[5343,14523,14033],{"class":5708},[5343,14525,6973],{"class":5702},[5343,14527,14528],{"class":5554},"\u002F\u002F Guard лише для цього методу\n",[5343,14530,14531,14534],{"class":5345,"line":7193},[5343,14532,14533],{"class":5349},"  handleAdminBroadcast",[5343,14535,5934],{"class":5702},[5343,14537,14538,14540,14542,14544,14546,14548,14550],{"class":5345,"line":7199},[5343,14539,5940],{"class":5702},[5343,14541,5943],{"class":5349},[5343,14543,5946],{"class":5702},[5343,14545,6116],{"class":5708},[5343,14547,5877],{"class":5702},[5343,14549,5954],{"class":5853},[5343,14551,5712],{"class":5702},[5343,14553,14554,14556,14558,14560,14562,14564,14566],{"class":5345,"line":7204},[5343,14555,5940],{"class":5702},[5343,14557,5964],{"class":5349},[5343,14559,5946],{"class":5702},[5343,14561,5969],{"class":5708},[5343,14563,5877],{"class":5702},[5343,14565,5769],{"class":5853},[5343,14567,5712],{"class":5702},[5343,14569,14570],{"class":5345,"line":7224},[5343,14571,14258],{"class":5702},[5343,14573,14574,14576,14579,14581,14583,14585,14587,14589,14591],{"class":5345,"line":7247},[5343,14575,7306],{"class":5356},[5343,14577,14578],{"class":7309}," roles",[5343,14580,9769],{"class":5702},[5343,14582,5969],{"class":5708},[5343,14584,9774],{"class":5698},[5343,14586,9777],{"class":5853},[5343,14588,6265],{"class":5702},[5343,14590,13852],{"class":5708},[5343,14592,5754],{"class":5702},[5343,14594,14595],{"class":5345,"line":7252},[5343,14596,5785],{"emptyLinePlaceholder":5784},[5343,14598,14599,14602,14604,14606,14608,14611,14613,14616],{"class":5345,"line":7257},[5343,14600,14601],{"class":5698},"    if",[5343,14603,9619],{"class":5702},[5343,14605,13852],{"class":5708},[5343,14607,5196],{"class":5702},[5343,14609,14610],{"class":5349},"includes",[5343,14612,5919],{"class":5702},[5343,14614,14615],{"class":5352},"'admin'",[5343,14617,14618],{"class":5702},")) {\n",[5343,14620,14621,14624,14626,14628,14630,14633,14635,14638,14641],{"class":5345,"line":7262},[5343,14622,14623],{"class":5708},"      client",[5343,14625,5196],{"class":5702},[5343,14627,6179],{"class":5349},[5343,14629,5919],{"class":5702},[5343,14631,14632],{"class":5352},"'error'",[5343,14634,11121],{"class":5702},[5343,14636,14637],{"class":5708},"message:",[5343,14639,14640],{"class":5352}," 'Insufficient permissions'",[5343,14642,11821],{"class":5702},[5343,14644,14645,14647],{"class":5345,"line":7268},[5343,14646,9983],{"class":5698},[5343,14648,5754],{"class":5702},[5343,14650,14651],{"class":5345,"line":7273},[5343,14652,10082],{"class":5702},[5343,14654,14655],{"class":5345,"line":7303},[5343,14656,5785],{"emptyLinePlaceholder":5784},[5343,14658,14659,14661,14663,14665,14667,14669,14671,14673],{"class":5345,"line":7330},[5343,14660,6169],{"class":5356},[5343,14662,5196],{"class":5702},[5343,14664,6174],{"class":5708},[5343,14666,5196],{"class":5702},[5343,14668,6179],{"class":5349},[5343,14670,5919],{"class":5702},[5343,14672,8576],{"class":5352},[5343,14674,6186],{"class":5702},[5343,14676,14677,14680],{"class":5345,"line":7347},[5343,14678,14679],{"class":5708},"      message",[5343,14681,5712],{"class":5702},[5343,14683,14684,14687,14690],{"class":5345,"line":7362},[5343,14685,14686],{"class":5708},"      from:",[5343,14688,14689],{"class":5352}," 'Admin'",[5343,14691,5712],{"class":5702},[5343,14693,14694,14696,14698,14700],{"class":5345,"line":7392},[5343,14695,6203],{"class":5708},[5343,14697,6206],{"class":5356},[5343,14699,6209],{"class":5349},[5343,14701,6218],{"class":5702},[5343,14703,14704],{"class":5345,"line":7406},[5343,14705,6224],{"class":5702},[5343,14707,14708],{"class":5345,"line":7414},[5343,14709,6065],{"class":5702},[5343,14711,14712],{"class":5345,"line":7443},[5343,14713,6235],{"class":5702},[5089,14715,14716],{},[5099,14717,14718],{},"Крок 3: Клієнтська частина з передачею токена",[5333,14720,14722],{"className":5684,"code":14721,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fchat-client.ts\nimport { io, Socket } from 'socket.io-client';\n\nclass AuthenticatedChatClient {\n  private socket: Socket;\n\n  constructor(serverUrl: string, jwtToken: string) {\n    \u002F\u002F Передати JWT токен через auth опцію\n    this.socket = io(serverUrl, {\n      auth: {\n        token: jwtToken, \u002F\u002F Токен буде доступний у server через client.handshake.auth.token\n      },\n      transports: ['websocket', 'polling'],\n    });\n\n    this.setupEventListeners();\n  }\n\n  private setupEventListeners(): void {\n    this.socket.on('connect', () => {\n      console.log('[Socket.IO] Підключено з автентифікацією');\n    });\n\n    this.socket.on('connect_error', (error: Error) => {\n      console.error('[Socket.IO] Помилка підключення:', error.message);\n      \n      \u002F\u002F Якщо токен невалідний — запросити повторний логін\n      if (error.message.includes('jwt')) {\n        alert('Сесія закінчилася, будь ласка, увійдіть знову');\n        window.location.href = '\u002Flogin';\n      }\n    });\n\n    this.socket.on('error', (data: { message: string }) => {\n      console.error('[Socket.IO] Помилка від сервера:', data.message);\n    });\n  }\n\n  sendMessage(roomId: string, text: string): void {\n    this.socket.emit('sendMessage', { roomId, text }, (response: any) => {\n      if (response.success) {\n        console.log('Повідомлення відправлено:', response.messageId);\n      }\n    });\n  }\n}\n\n\u002F\u002F Використання\nconst token = localStorage.getItem('accessToken');\nif (!token) {\n  window.location.href = '\u002Flogin';\n} else {\n  const client = new AuthenticatedChatClient('http:\u002F\u002Flocalhost:3001', token);\n}\n",[5110,14723,14724,14728,14748,14752,14761,14773,14777,14800,14805,14823,14830,14843,14848,14862,14866,14870,14880,14884,14888,14900,14922,14937,14941,14945,14975,14997,15002,15007,15030,15042,15064,15068,15072,15076,15110,15133,15137,15141,15145,15171,15211,15225,15248,15252,15256,15260,15264,15268,15272,15295,15306,15325,15333,15355],{"__ignoreMap":5339},[5343,14725,14726],{"class":5345,"line":5346},[5343,14727,6558],{"class":5554},[5343,14729,14730,14732,14734,14736,14738,14740,14742,14744,14746],{"class":5345,"line":5366},[5343,14731,5699],{"class":5698},[5343,14733,5761],{"class":5702},[5343,14735,6567],{"class":5708},[5343,14737,5464],{"class":5702},[5343,14739,5769],{"class":5708},[5343,14741,5772],{"class":5702},[5343,14743,5748],{"class":5698},[5343,14745,6578],{"class":5352},[5343,14747,5754],{"class":5702},[5343,14749,14750],{"class":5345,"line":5378},[5343,14751,5785],{"emptyLinePlaceholder":5784},[5343,14753,14754,14756,14759],{"class":5345,"line":5528},[5343,14755,6589],{"class":5356},[5343,14757,14758],{"class":5853}," AuthenticatedChatClient",[5343,14760,5703],{"class":5702},[5343,14762,14763,14765,14767,14769,14771],{"class":5345,"line":5537},[5343,14764,6599],{"class":5356},[5343,14766,6602],{"class":5708},[5343,14768,5877],{"class":5702},[5343,14770,5769],{"class":5853},[5343,14772,5754],{"class":5702},[5343,14774,14775],{"class":5345,"line":5546},[5343,14776,5785],{"emptyLinePlaceholder":5784},[5343,14778,14779,14781,14783,14785,14787,14789,14791,14794,14796,14798],{"class":5345,"line":5558},[5343,14780,6617],{"class":5356},[5343,14782,5919],{"class":5702},[5343,14784,6622],{"class":5708},[5343,14786,5877],{"class":5702},[5343,14788,5954],{"class":5853},[5343,14790,5464],{"class":5702},[5343,14792,14793],{"class":5708},"jwtToken",[5343,14795,5877],{"class":5702},[5343,14797,5954],{"class":5853},[5343,14799,6629],{"class":5702},[5343,14801,14802],{"class":5345,"line":5569},[5343,14803,14804],{"class":5554},"    \u002F\u002F Передати JWT токен через auth опцію\n",[5343,14806,14807,14809,14811,14813,14815,14817,14819,14821],{"class":5345,"line":5577},[5343,14808,6169],{"class":5356},[5343,14810,5196],{"class":5702},[5343,14812,6643],{"class":5708},[5343,14814,6646],{"class":5702},[5343,14816,6567],{"class":5349},[5343,14818,5919],{"class":5702},[5343,14820,6622],{"class":5708},[5343,14822,6186],{"class":5702},[5343,14824,14825,14828],{"class":5345,"line":5592},[5343,14826,14827],{"class":5708},"      auth:",[5343,14829,5703],{"class":5702},[5343,14831,14832,14835,14838,14840],{"class":5345,"line":5601},[5343,14833,14834],{"class":5708},"        token:",[5343,14836,14837],{"class":5708}," jwtToken",[5343,14839,5464],{"class":5702},[5343,14841,14842],{"class":5554},"\u002F\u002F Токен буде доступний у server через client.handshake.auth.token\n",[5343,14844,14845],{"class":5345,"line":5799},[5343,14846,14847],{"class":5702},"      },\n",[5343,14849,14850,14852,14854,14856,14858,14860],{"class":5345,"line":5807},[5343,14851,6659],{"class":5708},[5343,14853,6395],{"class":5702},[5343,14855,6664],{"class":5352},[5343,14857,5464],{"class":5702},[5343,14859,6669],{"class":5352},[5343,14861,6404],{"class":5702},[5343,14863,14864],{"class":5345,"line":5821},[5343,14865,6224],{"class":5702},[5343,14867,14868],{"class":5345,"line":5832},[5343,14869,5785],{"emptyLinePlaceholder":5784},[5343,14871,14872,14874,14876,14878],{"class":5345,"line":5838},[5343,14873,6169],{"class":5356},[5343,14875,5196],{"class":5702},[5343,14877,6718],{"class":5349},[5343,14879,6721],{"class":5702},[5343,14881,14882],{"class":5345,"line":5844},[5343,14883,6065],{"class":5702},[5343,14885,14886],{"class":5345,"line":5859},[5343,14887,5785],{"emptyLinePlaceholder":5784},[5343,14889,14890,14892,14894,14896,14898],{"class":5345,"line":5871},[5343,14891,6599],{"class":5356},[5343,14893,6749],{"class":5349},[5343,14895,6752],{"class":5702},[5343,14897,6126],{"class":5853},[5343,14899,5703],{"class":5702},[5343,14901,14902,14904,14906,14908,14910,14912,14914,14916,14918,14920],{"class":5345,"line":5888},[5343,14903,6169],{"class":5356},[5343,14905,5196],{"class":5702},[5343,14907,6643],{"class":5708},[5343,14909,5196],{"class":5702},[5343,14911,6774],{"class":5349},[5343,14913,5919],{"class":5702},[5343,14915,6779],{"class":5352},[5343,14917,6782],{"class":5702},[5343,14919,6785],{"class":5356},[5343,14921,5703],{"class":5702},[5343,14923,14924,14926,14928,14930,14932,14935],{"class":5345,"line":5893},[5343,14925,6792],{"class":5708},[5343,14927,5196],{"class":5702},[5343,14929,5996],{"class":5349},[5343,14931,5919],{"class":5702},[5343,14933,14934],{"class":5352},"'[Socket.IO] Підключено з автентифікацією'",[5343,14936,6029],{"class":5702},[5343,14938,14939],{"class":5345,"line":5899},[5343,14940,6224],{"class":5702},[5343,14942,14943],{"class":5345,"line":5905},[5343,14944,5785],{"emptyLinePlaceholder":5784},[5343,14946,14947,14949,14951,14953,14955,14957,14959,14961,14963,14965,14967,14969,14971,14973],{"class":5345,"line":5911},[5343,14948,6169],{"class":5356},[5343,14950,5196],{"class":5702},[5343,14952,6643],{"class":5708},[5343,14954,5196],{"class":5702},[5343,14956,6774],{"class":5349},[5343,14958,5919],{"class":5702},[5343,14960,7026],{"class":5352},[5343,14962,6848],{"class":5702},[5343,14964,7031],{"class":5708},[5343,14966,5877],{"class":5702},[5343,14968,7036],{"class":5853},[5343,14970,6973],{"class":5702},[5343,14972,6785],{"class":5356},[5343,14974,5703],{"class":5702},[5343,14976,14977,14979,14981,14983,14985,14987,14989,14991,14993,14995],{"class":5345,"line":5928},[5343,14978,6792],{"class":5708},[5343,14980,5196],{"class":5702},[5343,14982,7031],{"class":5349},[5343,14984,5919],{"class":5702},[5343,14986,7055],{"class":5352},[5343,14988,5464],{"class":5702},[5343,14990,7031],{"class":5708},[5343,14992,5196],{"class":5702},[5343,14994,6116],{"class":5708},[5343,14996,6029],{"class":5702},[5343,14998,14999],{"class":5345,"line":5937},[5343,15000,15001],{"class":5702},"      \n",[5343,15003,15004],{"class":5345,"line":5959},[5343,15005,15006],{"class":5554},"      \u002F\u002F Якщо токен невалідний — запросити повторний логін\n",[5343,15008,15009,15011,15013,15015,15017,15019,15021,15023,15025,15028],{"class":5345,"line":5978},[5343,15010,9616],{"class":5698},[5343,15012,9700],{"class":5702},[5343,15014,7031],{"class":5708},[5343,15016,5196],{"class":5702},[5343,15018,6116],{"class":5708},[5343,15020,5196],{"class":5702},[5343,15022,14610],{"class":5349},[5343,15024,5919],{"class":5702},[5343,15026,15027],{"class":5352},"'jwt'",[5343,15029,14618],{"class":5702},[5343,15031,15032,15035,15037,15040],{"class":5345,"line":5988},[5343,15033,15034],{"class":5349},"        alert",[5343,15036,5919],{"class":5702},[5343,15038,15039],{"class":5352},"'Сесія закінчилася, будь ласка, увійдіть знову'",[5343,15041,6029],{"class":5702},[5343,15043,15044,15047,15049,15052,15054,15057,15059,15062],{"class":5345,"line":6032},[5343,15045,15046],{"class":5708},"        window",[5343,15048,5196],{"class":5702},[5343,15050,15051],{"class":5708},"location",[5343,15053,5196],{"class":5702},[5343,15055,15056],{"class":5708},"href",[5343,15058,6646],{"class":5702},[5343,15060,15061],{"class":5352},"'\u002Flogin'",[5343,15063,5754],{"class":5702},[5343,15065,15066],{"class":5345,"line":6037},[5343,15067,9689],{"class":5702},[5343,15069,15070],{"class":5345,"line":6043},[5343,15071,6224],{"class":5702},[5343,15073,15074],{"class":5345,"line":6062},[5343,15075,5785],{"emptyLinePlaceholder":5784},[5343,15077,15078,15080,15082,15084,15086,15088,15090,15092,15094,15096,15098,15100,15102,15104,15106,15108],{"class":5345,"line":6068},[5343,15079,6169],{"class":5356},[5343,15081,5196],{"class":5702},[5343,15083,6643],{"class":5708},[5343,15085,5196],{"class":5702},[5343,15087,6774],{"class":5349},[5343,15089,5919],{"class":5702},[5343,15091,14632],{"class":5352},[5343,15093,6848],{"class":5702},[5343,15095,5949],{"class":5708},[5343,15097,6853],{"class":5702},[5343,15099,6116],{"class":5708},[5343,15101,5877],{"class":5702},[5343,15103,5954],{"class":5853},[5343,15105,6872],{"class":5702},[5343,15107,6785],{"class":5356},[5343,15109,5703],{"class":5702},[5343,15111,15112,15114,15116,15118,15120,15123,15125,15127,15129,15131],{"class":5345,"line":6073},[5343,15113,6792],{"class":5708},[5343,15115,5196],{"class":5702},[5343,15117,7031],{"class":5349},[5343,15119,5919],{"class":5702},[5343,15121,15122],{"class":5352},"'[Socket.IO] Помилка від сервера:'",[5343,15124,5464],{"class":5702},[5343,15126,5949],{"class":5708},[5343,15128,5196],{"class":5702},[5343,15130,6116],{"class":5708},[5343,15132,6029],{"class":5702},[5343,15134,15135],{"class":5345,"line":6078},[5343,15136,6224],{"class":5702},[5343,15138,15139],{"class":5345,"line":6084},[5343,15140,6065],{"class":5702},[5343,15142,15143],{"class":5345,"line":6089},[5343,15144,5785],{"emptyLinePlaceholder":5784},[5343,15146,15147,15149,15151,15153,15155,15157,15159,15161,15163,15165,15167,15169],{"class":5345,"line":6103},[5343,15148,7095],{"class":5349},[5343,15150,5919],{"class":5702},[5343,15152,8343],{"class":5708},[5343,15154,5877],{"class":5702},[5343,15156,5954],{"class":5853},[5343,15158,5464],{"class":5702},[5343,15160,6856],{"class":5708},[5343,15162,5877],{"class":5702},[5343,15164,5954],{"class":5853},[5343,15166,6123],{"class":5702},[5343,15168,6126],{"class":5853},[5343,15170,5703],{"class":5702},[5343,15172,15173,15175,15177,15179,15181,15183,15185,15187,15189,15191,15193,15195,15198,15200,15202,15205,15207,15209],{"class":5345,"line":6131},[5343,15174,6169],{"class":5356},[5343,15176,5196],{"class":5702},[5343,15178,6643],{"class":5708},[5343,15180,5196],{"class":5702},[5343,15182,6179],{"class":5349},[5343,15184,5919],{"class":5702},[5343,15186,8679],{"class":5352},[5343,15188,11121],{"class":5702},[5343,15190,8343],{"class":5708},[5343,15192,5464],{"class":5702},[5343,15194,6856],{"class":5708},[5343,15196,15197],{"class":5702}," }, (",[5343,15199,7134],{"class":5708},[5343,15201,5877],{"class":5702},[5343,15203,15204],{"class":5853},"any",[5343,15206,6973],{"class":5702},[5343,15208,6785],{"class":5356},[5343,15210,5703],{"class":5702},[5343,15212,15213,15215,15217,15219,15221,15223],{"class":5345,"line":6155},[5343,15214,9616],{"class":5698},[5343,15216,9700],{"class":5702},[5343,15218,7134],{"class":5708},[5343,15220,5196],{"class":5702},[5343,15222,10328],{"class":5708},[5343,15224,6629],{"class":5702},[5343,15226,15227,15229,15231,15233,15235,15238,15240,15242,15244,15246],{"class":5345,"line":6160},[5343,15228,10754],{"class":5708},[5343,15230,5196],{"class":5702},[5343,15232,5996],{"class":5349},[5343,15234,5919],{"class":5702},[5343,15236,15237],{"class":5352},"'Повідомлення відправлено:'",[5343,15239,5464],{"class":5702},[5343,15241,7134],{"class":5708},[5343,15243,5196],{"class":5702},[5343,15245,8946],{"class":5708},[5343,15247,6029],{"class":5702},[5343,15249,15250],{"class":5345,"line":6166},[5343,15251,9689],{"class":5702},[5343,15253,15254],{"class":5345,"line":6189},[5343,15255,6224],{"class":5702},[5343,15257,15258],{"class":5345,"line":6200},[5343,15259,6065],{"class":5702},[5343,15261,15262],{"class":5345,"line":6221},[5343,15263,6235],{"class":5702},[5343,15265,15266],{"class":5345,"line":6227},[5343,15267,5785],{"emptyLinePlaceholder":5784},[5343,15269,15270],{"class":5345,"line":6232},[5343,15271,7515],{"class":5554},[5343,15273,15274,15276,15278,15280,15283,15285,15288,15290,15293],{"class":5345,"line":7147},[5343,15275,7521],{"class":5356},[5343,15277,13603],{"class":7309},[5343,15279,6646],{"class":5702},[5343,15281,15282],{"class":5708},"localStorage",[5343,15284,5196],{"class":5702},[5343,15286,15287],{"class":5349},"getItem",[5343,15289,5919],{"class":5702},[5343,15291,15292],{"class":5352},"'accessToken'",[5343,15294,6029],{"class":5702},[5343,15296,15297,15300,15302,15304],{"class":5345,"line":7153},[5343,15298,15299],{"class":5698},"if",[5343,15301,9619],{"class":5702},[5343,15303,13623],{"class":5708},[5343,15305,6629],{"class":5702},[5343,15307,15308,15311,15313,15315,15317,15319,15321,15323],{"class":5345,"line":7173},[5343,15309,15310],{"class":5708},"  window",[5343,15312,5196],{"class":5702},[5343,15314,15051],{"class":5708},[5343,15316,5196],{"class":5702},[5343,15318,15056],{"class":5708},[5343,15320,6646],{"class":5702},[5343,15322,15061],{"class":5352},[5343,15324,5754],{"class":5702},[5343,15326,15327,15329,15331],{"class":5345,"line":7178},[5343,15328,5745],{"class":5702},[5343,15330,10379],{"class":5698},[5343,15332,5703],{"class":5702},[5343,15334,15335,15337,15339,15341,15343,15345,15347,15349,15351,15353],{"class":5345,"line":7183},[5343,15336,7584],{"class":5356},[5343,15338,7524],{"class":7309},[5343,15340,6646],{"class":5702},[5343,15342,7370],{"class":5356},[5343,15344,14758],{"class":5349},[5343,15346,5919],{"class":5702},[5343,15348,7535],{"class":5352},[5343,15350,5464],{"class":5702},[5343,15352,13623],{"class":5708},[5343,15354,6029],{"class":5702},[5343,15356,15357],{"class":5345,"line":7188},[5343,15358,6235],{"class":5702},[5325,15360,15362],{"id":15361},"обробка-закінчення-токена-token-expiration","Обробка закінчення токена (Token Expiration)",[5089,15364,15365,15366,15369],{},"JWT токени мають термін дії (наприклад, 1 година). Якщо користувач тримає WebSocket з'єднання відкритим довше, ніж термін дії токена, сервер повинен ",[5099,15367,15368],{},"відключити"," клієнта та запросити повторну автентифікацію.",[5089,15371,15372],{},[5099,15373,15374],{},"Реалізація через middleware:",[5333,15376,15378],{"className":5684,"code":15377,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fmiddleware\u002Fws-auth.middleware.ts\nimport { Injectable, NestMiddleware } from '@nestjs\u002Fcommon';\nimport { JwtService } from '@nestjs\u002Fjwt';\nimport { Socket } from 'socket.io';\n\n@Injectable()\nexport class WsAuthMiddleware implements NestMiddleware {\n  constructor(private jwtService: JwtService) {}\n\n  use(client: Socket, next: () => void) {\n    try {\n      const token = client.handshake.auth?.token;\n\n      if (!token) {\n        throw new Error('No token provided');\n      }\n\n      const payload = this.jwtService.verify(token, {\n        secret: process.env.JWT_SECRET,\n      });\n\n      \u002F\u002F Перевірка закінчення токена\n      const currentTime = Math.floor(Date.now() \u002F 1000);\n      if (payload.exp \u003C currentTime) {\n        throw new Error('Token expired');\n      }\n\n      (client as any).userId = payload.sub;\n      (client as any).username = payload.username;\n\n      next();\n    } catch (error) {\n      console.error('[WsAuthMiddleware] Помилка автентифікації:', error.message);\n      client.emit('authError', { message: error.message });\n      client.disconnect();\n    }\n  }\n}\n",[5110,15379,15380,15385,15406,15422,15438,15442,15450,15466,15482,15486,15514,15520,15544,15548,15558,15574,15578,15582,15607,15623,15627,15631,15636,15669,15690,15705,15709,15713,15737,15761,15765,15772,15784,15807,15833,15843,15847,15851],{"__ignoreMap":5339},[5343,15381,15382],{"class":5345,"line":5346},[5343,15383,15384],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fmiddleware\u002Fws-auth.middleware.ts\n",[5343,15386,15387,15389,15391,15393,15395,15398,15400,15402,15404],{"class":5345,"line":5366},[5343,15388,5699],{"class":5698},[5343,15390,5761],{"class":5702},[5343,15392,11309],{"class":5708},[5343,15394,5464],{"class":5702},[5343,15396,15397],{"class":5708},"NestMiddleware",[5343,15399,5772],{"class":5702},[5343,15401,5748],{"class":5698},[5343,15403,6337],{"class":5352},[5343,15405,5754],{"class":5702},[5343,15407,15408,15410,15412,15414,15416,15418,15420],{"class":5345,"line":5378},[5343,15409,5699],{"class":5698},[5343,15411,5761],{"class":5702},[5343,15413,13454],{"class":5708},[5343,15415,5772],{"class":5702},[5343,15417,5748],{"class":5698},[5343,15419,13461],{"class":5352},[5343,15421,5754],{"class":5702},[5343,15423,15424,15426,15428,15430,15432,15434,15436],{"class":5345,"line":5528},[5343,15425,5699],{"class":5698},[5343,15427,5761],{"class":5702},[5343,15429,5769],{"class":5708},[5343,15431,5772],{"class":5702},[5343,15433,5748],{"class":5698},[5343,15435,5777],{"class":5352},[5343,15437,5754],{"class":5702},[5343,15439,15440],{"class":5345,"line":5537},[5343,15441,5785],{"emptyLinePlaceholder":5784},[5343,15443,15444,15446,15448],{"class":5345,"line":5546},[5343,15445,5790],{"class":5702},[5343,15447,11309],{"class":5349},[5343,15449,5868],{"class":5702},[5343,15451,15452,15454,15456,15459,15461,15464],{"class":5345,"line":5558},[5343,15453,5847],{"class":5698},[5343,15455,5850],{"class":5356},[5343,15457,15458],{"class":5853}," WsAuthMiddleware",[5343,15460,13503],{"class":5356},[5343,15462,15463],{"class":5853}," NestMiddleware",[5343,15465,5703],{"class":5702},[5343,15467,15468,15470,15472,15474,15476,15478,15480],{"class":5345,"line":5569},[5343,15469,6617],{"class":5356},[5343,15471,5919],{"class":5702},[5343,15473,9471],{"class":5356},[5343,15475,13519],{"class":5708},[5343,15477,5877],{"class":5702},[5343,15479,13454],{"class":5853},[5343,15481,9484],{"class":5702},[5343,15483,15484],{"class":5345,"line":5577},[5343,15485,5785],{"emptyLinePlaceholder":5784},[5343,15487,15488,15491,15493,15495,15497,15499,15501,15504,15507,15509,15512],{"class":5345,"line":5592},[5343,15489,15490],{"class":5349},"  use",[5343,15492,5919],{"class":5702},[5343,15494,5969],{"class":5708},[5343,15496,5877],{"class":5702},[5343,15498,5769],{"class":5853},[5343,15500,5464],{"class":5702},[5343,15502,15503],{"class":5349},"next",[5343,15505,15506],{"class":5702},": () ",[5343,15508,6785],{"class":5356},[5343,15510,15511],{"class":5853}," void",[5343,15513,6629],{"class":5702},[5343,15515,15516,15518],{"class":5345,"line":5601},[5343,15517,9604],{"class":5698},[5343,15519,5703],{"class":5702},[5343,15521,15522,15524,15526,15528,15530,15532,15534,15536,15538,15540,15542],{"class":5345,"line":5799},[5343,15523,9763],{"class":5356},[5343,15525,13603],{"class":7309},[5343,15527,6646],{"class":5702},[5343,15529,5969],{"class":5708},[5343,15531,5196],{"class":5702},[5343,15533,13612],{"class":5708},[5343,15535,5196],{"class":5702},[5343,15537,13617],{"class":5708},[5343,15539,13620],{"class":5702},[5343,15541,13623],{"class":5708},[5343,15543,5754],{"class":5702},[5343,15545,15546],{"class":5345,"line":5807},[5343,15547,5785],{"emptyLinePlaceholder":5784},[5343,15549,15550,15552,15554,15556],{"class":5345,"line":5821},[5343,15551,9616],{"class":5698},[5343,15553,9619],{"class":5702},[5343,15555,13623],{"class":5708},[5343,15557,6629],{"class":5702},[5343,15559,15560,15563,15565,15567,15569,15572],{"class":5345,"line":5832},[5343,15561,15562],{"class":5698},"        throw",[5343,15564,6206],{"class":5356},[5343,15566,10556],{"class":5349},[5343,15568,5919],{"class":5702},[5343,15570,15571],{"class":5352},"'No token provided'",[5343,15573,6029],{"class":5702},[5343,15575,15576],{"class":5345,"line":5838},[5343,15577,9689],{"class":5702},[5343,15579,15580],{"class":5345,"line":5844},[5343,15581,5785],{"emptyLinePlaceholder":5784},[5343,15583,15584,15586,15588,15590,15592,15594,15596,15598,15601,15603,15605],{"class":5345,"line":5859},[5343,15585,9763],{"class":5356},[5343,15587,13732],{"class":7309},[5343,15589,6646],{"class":5702},[5343,15591,6806],{"class":5356},[5343,15593,5196],{"class":5702},[5343,15595,13743],{"class":5708},[5343,15597,5196],{"class":5702},[5343,15599,15600],{"class":5349},"verify",[5343,15602,5919],{"class":5702},[5343,15604,13623],{"class":5708},[5343,15606,6186],{"class":5702},[5343,15608,15609,15611,15613,15615,15617,15619,15621],{"class":5345,"line":5871},[5343,15610,13759],{"class":5708},[5343,15612,13762],{"class":5708},[5343,15614,5196],{"class":5702},[5343,15616,13767],{"class":5708},[5343,15618,5196],{"class":5702},[5343,15620,13772],{"class":7309},[5343,15622,5712],{"class":5702},[5343,15624,15625],{"class":5345,"line":5888},[5343,15626,9856],{"class":5702},[5343,15628,15629],{"class":5345,"line":5893},[5343,15630,5785],{"emptyLinePlaceholder":5784},[5343,15632,15633],{"class":5345,"line":5899},[5343,15634,15635],{"class":5554},"      \u002F\u002F Перевірка закінчення токена\n",[5343,15637,15638,15640,15643,15645,15648,15650,15653,15655,15657,15659,15662,15665,15667],{"class":5345,"line":5905},[5343,15639,9763],{"class":5356},[5343,15641,15642],{"class":7309}," currentTime",[5343,15644,6646],{"class":5702},[5343,15646,15647],{"class":5708},"Math",[5343,15649,5196],{"class":5702},[5343,15651,15652],{"class":5349},"floor",[5343,15654,5919],{"class":5702},[5343,15656,8081],{"class":5708},[5343,15658,5196],{"class":5702},[5343,15660,15661],{"class":5349},"now",[5343,15663,15664],{"class":5702},"() \u002F ",[5343,15666,9716],{"class":6682},[5343,15668,6029],{"class":5702},[5343,15670,15671,15673,15675,15677,15679,15682,15685,15688],{"class":5345,"line":5911},[5343,15672,9616],{"class":5698},[5343,15674,9700],{"class":5702},[5343,15676,13806],{"class":5708},[5343,15678,5196],{"class":5702},[5343,15680,15681],{"class":5708},"exp",[5343,15683,15684],{"class":5702}," \u003C ",[5343,15686,15687],{"class":5708},"currentTime",[5343,15689,6629],{"class":5702},[5343,15691,15692,15694,15696,15698,15700,15703],{"class":5345,"line":5928},[5343,15693,15562],{"class":5698},[5343,15695,6206],{"class":5356},[5343,15697,10556],{"class":5349},[5343,15699,5919],{"class":5702},[5343,15701,15702],{"class":5352},"'Token expired'",[5343,15704,6029],{"class":5702},[5343,15706,15707],{"class":5345,"line":5937},[5343,15708,9689],{"class":5702},[5343,15710,15711],{"class":5345,"line":5959},[5343,15712,5785],{"emptyLinePlaceholder":5784},[5343,15714,15715,15717,15719,15721,15723,15725,15727,15729,15731,15733,15735],{"class":5345,"line":5978},[5343,15716,10285],{"class":5702},[5343,15718,5969],{"class":5708},[5343,15720,9774],{"class":5698},[5343,15722,9777],{"class":5853},[5343,15724,6265],{"class":5702},[5343,15726,8955],{"class":5708},[5343,15728,6646],{"class":5702},[5343,15730,13806],{"class":5708},[5343,15732,5196],{"class":5702},[5343,15734,13811],{"class":5708},[5343,15736,5754],{"class":5702},[5343,15738,15739,15741,15743,15745,15747,15749,15751,15753,15755,15757,15759],{"class":5345,"line":5988},[5343,15740,10285],{"class":5702},[5343,15742,5969],{"class":5708},[5343,15744,9774],{"class":5698},[5343,15746,9777],{"class":5853},[5343,15748,6265],{"class":5702},[5343,15750,8352],{"class":5708},[5343,15752,6646],{"class":5702},[5343,15754,13806],{"class":5708},[5343,15756,5196],{"class":5702},[5343,15758,8352],{"class":5708},[5343,15760,5754],{"class":5702},[5343,15762,15763],{"class":5345,"line":6032},[5343,15764,5785],{"emptyLinePlaceholder":5784},[5343,15766,15767,15770],{"class":5345,"line":6037},[5343,15768,15769],{"class":5349},"      next",[5343,15771,6721],{"class":5702},[5343,15773,15774,15776,15778,15780,15782],{"class":5345,"line":6043},[5343,15775,10017],{"class":5702},[5343,15777,10020],{"class":5698},[5343,15779,9700],{"class":5702},[5343,15781,7031],{"class":5708},[5343,15783,6629],{"class":5702},[5343,15785,15786,15788,15790,15792,15794,15797,15799,15801,15803,15805],{"class":5345,"line":6062},[5343,15787,6792],{"class":5708},[5343,15789,5196],{"class":5702},[5343,15791,7031],{"class":5349},[5343,15793,5919],{"class":5702},[5343,15795,15796],{"class":5352},"'[WsAuthMiddleware] Помилка автентифікації:'",[5343,15798,5464],{"class":5702},[5343,15800,7031],{"class":5708},[5343,15802,5196],{"class":5702},[5343,15804,6116],{"class":5708},[5343,15806,6029],{"class":5702},[5343,15808,15809,15811,15813,15815,15817,15820,15822,15824,15827,15829,15831],{"class":5345,"line":6068},[5343,15810,14623],{"class":5708},[5343,15812,5196],{"class":5702},[5343,15814,6179],{"class":5349},[5343,15816,5919],{"class":5702},[5343,15818,15819],{"class":5352},"'authError'",[5343,15821,11121],{"class":5702},[5343,15823,14637],{"class":5708},[5343,15825,15826],{"class":5708}," error",[5343,15828,5196],{"class":5702},[5343,15830,6116],{"class":5708},[5343,15832,11821],{"class":5702},[5343,15834,15835,15837,15839,15841],{"class":5345,"line":6073},[5343,15836,14623],{"class":5708},[5343,15838,5196],{"class":5702},[5343,15840,7492],{"class":5349},[5343,15842,6721],{"class":5702},[5343,15844,15845],{"class":5345,"line":6078},[5343,15846,10082],{"class":5702},[5343,15848,15849],{"class":5345,"line":6084},[5343,15850,6065],{"class":5702},[5343,15852,15853],{"class":5345,"line":6089},[5343,15854,6235],{"class":5702},[5089,15856,15857],{},[5099,15858,15859],{},"Альтернативний підхід: Refresh Token через окремий HTTP ендпоінт",[5089,15861,15862],{},"Для тривалих WebSocket сесій рекомендується:",[5267,15864,15865,15872,15878,15885],{},[5096,15866,15867,15868,15871],{},"Використовувати ",[5099,15869,15870],{},"short-lived access token"," (15 хвилин) для WebSocket.",[5096,15873,15874,15877],{},[5099,15875,15876],{},"Long-lived refresh token"," (7 днів) зберігати у HttpOnly cookie.",[5096,15879,15880,15881,15884],{},"За 5 хвилин до закінчення access token клієнт автоматично відправляє HTTP POST ",[5110,15882,15883],{},"\u002Fauth\u002Frefresh"," для отримання нового access token.",[5096,15886,15887],{},"Клієнт reconnect до WebSocket з новим токеном.",[10885,15889,15890,15893,15894,15896,15897,15899],{},[5099,15891,15892],{},"Безпека токенів:"," ніколи не передавайте JWT токен через query parameter у production (наприклад, ",[5110,15895,13355],{},"), оскільки він потрапить у server access logs та може бути перехоплений. Використовуйте ",[5110,15898,13617],{}," опцію Socket.IO або HttpOnly cookies.",[5172,15901],{},[5084,15903,15905],{"id":15904},"налаштування-cors-для-websocket","Налаштування CORS для WebSocket",[5089,15907,15908,15909,15912,15913,15916],{},"Cross-Origin Resource Sharing (CORS) політика також застосовується до WebSocket з'єднань. Якщо frontend застосунок працює на ",[5110,15910,15911],{},"http:\u002F\u002Flocalhost:3000",", а backend на ",[5110,15914,15915],{},"http:\u002F\u002Flocalhost:3001",", браузер заблокує WebSocket з'єднання без правильної CORS конфігурації.",[5325,15918,15920],{"id":15919},"базова-cors-конфігурація","Базова CORS конфігурація",[5333,15922,15924],{"className":5684,"code":15923,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\n@WebSocketGateway({\n  cors: {\n    origin: 'http:\u002F\u002Flocalhost:3000', \u002F\u002F Дозволити з'єднання з frontend\n    credentials: true, \u002F\u002F Дозволити передачу cookies\n  },\n})\nexport class ChatGateway {\n  \u002F\u002F ...\n}\n",[5110,15925,15926,15930,15938,15944,15954,15965,15969,15973,15983,15988],{"__ignoreMap":5339},[5343,15927,15928],{"class":5345,"line":5346},[5343,15929,5693],{"class":5554},[5343,15931,15932,15934,15936],{"class":5345,"line":5366},[5343,15933,5790],{"class":5702},[5343,15935,5793],{"class":5349},[5343,15937,5796],{"class":5702},[5343,15939,15940,15942],{"class":5345,"line":5378},[5343,15941,5802],{"class":5708},[5343,15943,5703],{"class":5702},[5343,15945,15946,15948,15950,15952],{"class":5345,"line":5528},[5343,15947,5810],{"class":5708},[5343,15949,5813],{"class":5352},[5343,15951,5464],{"class":5702},[5343,15953,5818],{"class":5554},[5343,15955,15956,15958,15960,15962],{"class":5345,"line":5537},[5343,15957,5824],{"class":5708},[5343,15959,5827],{"class":5356},[5343,15961,5464],{"class":5702},[5343,15963,15964],{"class":5554},"\u002F\u002F Дозволити передачу cookies\n",[5343,15966,15967],{"class":5345,"line":5546},[5343,15968,5835],{"class":5702},[5343,15970,15971],{"class":5345,"line":5558},[5343,15972,5841],{"class":5702},[5343,15974,15975,15977,15979,15981],{"class":5345,"line":5569},[5343,15976,5847],{"class":5698},[5343,15978,5850],{"class":5356},[5343,15980,5854],{"class":5853},[5343,15982,5703],{"class":5702},[5343,15984,15985],{"class":5345,"line":5577},[5343,15986,15987],{"class":5554},"  \u002F\u002F ...\n",[5343,15989,15990],{"class":5345,"line":5592},[5343,15991,6235],{"class":5702},[5325,15993,15995],{"id":15994},"динамічна-cors-конфігурація-для-кількох-доменів","Динамічна CORS конфігурація для кількох доменів",[5333,15997,15999],{"className":5684,"code":15998,"language":5686,"meta":5339,"style":5339},"@WebSocketGateway({\n  cors: {\n    origin: (origin, callback) => {\n      const allowedOrigins = [\n        'http:\u002F\u002Flocalhost:3000',\n        'https:\u002F\u002Fapp.example.com',\n        'https:\u002F\u002Fadmin.example.com',\n      ];\n\n      if (!origin || allowedOrigins.includes(origin)) {\n        callback(null, true); \u002F\u002F Дозволити\n      } else {\n        callback(new Error('Not allowed by CORS')); \u002F\u002F Заблокувати\n      }\n    },\n    credentials: true,\n  },\n})\nexport class ChatGateway {\n  \u002F\u002F ...\n}\n",[5110,16000,16001,16009,16015,16039,16049,16056,16063,16070,16075,16079,16102,16122,16130,16151,16155,16160,16168,16172,16176,16186,16190],{"__ignoreMap":5339},[5343,16002,16003,16005,16007],{"class":5345,"line":5346},[5343,16004,5790],{"class":5702},[5343,16006,5793],{"class":5349},[5343,16008,5796],{"class":5702},[5343,16010,16011,16013],{"class":5345,"line":5366},[5343,16012,5802],{"class":5708},[5343,16014,5703],{"class":5702},[5343,16016,16017,16020,16023,16025,16028,16030,16033,16035,16037],{"class":5345,"line":5378},[5343,16018,16019],{"class":5349},"    origin",[5343,16021,16022],{"class":5708},":",[5343,16024,9700],{"class":5702},[5343,16026,16027],{"class":5708},"origin",[5343,16029,5464],{"class":5702},[5343,16031,16032],{"class":5708},"callback",[5343,16034,6973],{"class":5702},[5343,16036,6785],{"class":5356},[5343,16038,5703],{"class":5702},[5343,16040,16041,16043,16046],{"class":5345,"line":5528},[5343,16042,9763],{"class":5356},[5343,16044,16045],{"class":7309}," allowedOrigins",[5343,16047,16048],{"class":5702}," = [\n",[5343,16050,16051,16054],{"class":5345,"line":5537},[5343,16052,16053],{"class":5352},"        'http:\u002F\u002Flocalhost:3000'",[5343,16055,5712],{"class":5702},[5343,16057,16058,16061],{"class":5345,"line":5546},[5343,16059,16060],{"class":5352},"        'https:\u002F\u002Fapp.example.com'",[5343,16062,5712],{"class":5702},[5343,16064,16065,16068],{"class":5345,"line":5558},[5343,16066,16067],{"class":5352},"        'https:\u002F\u002Fadmin.example.com'",[5343,16069,5712],{"class":5702},[5343,16071,16072],{"class":5345,"line":5569},[5343,16073,16074],{"class":5702},"      ];\n",[5343,16076,16077],{"class":5345,"line":5577},[5343,16078,5785],{"emptyLinePlaceholder":5784},[5343,16080,16081,16083,16085,16087,16089,16092,16094,16096,16098,16100],{"class":5345,"line":5592},[5343,16082,9616],{"class":5698},[5343,16084,9619],{"class":5702},[5343,16086,16027],{"class":5708},[5343,16088,9628],{"class":5702},[5343,16090,16091],{"class":5708},"allowedOrigins",[5343,16093,5196],{"class":5702},[5343,16095,14610],{"class":5349},[5343,16097,5919],{"class":5702},[5343,16099,16027],{"class":5708},[5343,16101,14618],{"class":5702},[5343,16103,16104,16107,16109,16112,16114,16116,16119],{"class":5345,"line":5601},[5343,16105,16106],{"class":5349},"        callback",[5343,16108,5919],{"class":5702},[5343,16110,16111],{"class":5356},"null",[5343,16113,5464],{"class":5702},[5343,16115,11854],{"class":5356},[5343,16117,16118],{"class":5702},"); ",[5343,16120,16121],{"class":5554},"\u002F\u002F Дозволити\n",[5343,16123,16124,16126,16128],{"class":5345,"line":5799},[5343,16125,10778],{"class":5702},[5343,16127,10379],{"class":5698},[5343,16129,5703],{"class":5702},[5343,16131,16132,16134,16136,16138,16140,16142,16145,16148],{"class":5345,"line":5807},[5343,16133,16106],{"class":5349},[5343,16135,5919],{"class":5702},[5343,16137,7370],{"class":5356},[5343,16139,10556],{"class":5349},[5343,16141,5919],{"class":5702},[5343,16143,16144],{"class":5352},"'Not allowed by CORS'",[5343,16146,16147],{"class":5702},")); ",[5343,16149,16150],{"class":5554},"\u002F\u002F Заблокувати\n",[5343,16152,16153],{"class":5345,"line":5821},[5343,16154,9689],{"class":5702},[5343,16156,16157],{"class":5345,"line":5832},[5343,16158,16159],{"class":5702},"    },\n",[5343,16161,16162,16164,16166],{"class":5345,"line":5838},[5343,16163,5824],{"class":5708},[5343,16165,5827],{"class":5356},[5343,16167,5712],{"class":5702},[5343,16169,16170],{"class":5345,"line":5844},[5343,16171,5835],{"class":5702},[5343,16173,16174],{"class":5345,"line":5859},[5343,16175,5841],{"class":5702},[5343,16177,16178,16180,16182,16184],{"class":5345,"line":5871},[5343,16179,5847],{"class":5698},[5343,16181,5850],{"class":5356},[5343,16183,5854],{"class":5853},[5343,16185,5703],{"class":5702},[5343,16187,16188],{"class":5345,"line":5888},[5343,16189,15987],{"class":5554},[5343,16191,16192],{"class":5345,"line":5893},[5343,16193,6235],{"class":5702},[5325,16195,16197],{"id":16196},"cors-конфігурація-через-змінні-оточення","CORS конфігурація через змінні оточення",[5333,16199,16201],{"className":5684,"code":16200,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\n@WebSocketGateway({\n  cors: {\n    origin: process.env.FRONTEND_URL || 'http:\u002F\u002Flocalhost:3000',\n    credentials: true,\n    methods: ['GET', 'POST'], \u002F\u002F Дозволені HTTP методи для handshake\n  },\n})\nexport class ChatGateway {\n  \u002F\u002F ...\n}\n",[5110,16202,16203,16207,16215,16221,16243,16251,16271,16275,16279,16289,16293],{"__ignoreMap":5339},[5343,16204,16205],{"class":5345,"line":5346},[5343,16206,5693],{"class":5554},[5343,16208,16209,16211,16213],{"class":5345,"line":5366},[5343,16210,5790],{"class":5702},[5343,16212,5793],{"class":5349},[5343,16214,5796],{"class":5702},[5343,16216,16217,16219],{"class":5345,"line":5378},[5343,16218,5802],{"class":5708},[5343,16220,5703],{"class":5702},[5343,16222,16223,16225,16227,16229,16231,16233,16236,16238,16241],{"class":5345,"line":5528},[5343,16224,5810],{"class":5708},[5343,16226,13762],{"class":5708},[5343,16228,5196],{"class":5702},[5343,16230,13767],{"class":5708},[5343,16232,5196],{"class":5702},[5343,16234,16235],{"class":7309},"FRONTEND_URL",[5343,16237,9628],{"class":5702},[5343,16239,16240],{"class":5352},"'http:\u002F\u002Flocalhost:3000'",[5343,16242,5712],{"class":5702},[5343,16244,16245,16247,16249],{"class":5345,"line":5537},[5343,16246,5824],{"class":5708},[5343,16248,5827],{"class":5356},[5343,16250,5712],{"class":5702},[5343,16252,16253,16256,16258,16261,16263,16266,16268],{"class":5345,"line":5546},[5343,16254,16255],{"class":5708},"    methods:",[5343,16257,6395],{"class":5702},[5343,16259,16260],{"class":5352},"'GET'",[5343,16262,5464],{"class":5702},[5343,16264,16265],{"class":5352},"'POST'",[5343,16267,6416],{"class":5702},[5343,16269,16270],{"class":5554},"\u002F\u002F Дозволені HTTP методи для handshake\n",[5343,16272,16273],{"class":5345,"line":5558},[5343,16274,5835],{"class":5702},[5343,16276,16277],{"class":5345,"line":5569},[5343,16278,5841],{"class":5702},[5343,16280,16281,16283,16285,16287],{"class":5345,"line":5577},[5343,16282,5847],{"class":5698},[5343,16284,5850],{"class":5356},[5343,16286,5854],{"class":5853},[5343,16288,5703],{"class":5702},[5343,16290,16291],{"class":5345,"line":5592},[5343,16292,15987],{"class":5554},[5343,16294,16295],{"class":5345,"line":5601},[5343,16296,6235],{"class":5702},[5333,16298,16300],{"className":5335,"code":16299,"language":5338,"meta":5339,"style":5339},"# .env\nFRONTEND_URL=https:\u002F\u002Fapp.example.com\n",[5110,16301,16302,16307],{"__ignoreMap":5339},[5343,16303,16304],{"class":5345,"line":5346},[5343,16305,16306],{"class":5554},"# .env\n",[5343,16308,16309,16311,16314],{"class":5345,"line":5366},[5343,16310,16235],{"class":5708},[5343,16312,16313],{"class":5702},"=",[5343,16315,16316],{"class":5352},"https:\u002F\u002Fapp.example.com\n",[5325,16318,16320],{"id":16319},"wildcard-cors-небезпечно-для-production","Wildcard CORS (небезпечно для production)",[5333,16322,16324],{"className":5684,"code":16323,"language":5686,"meta":5339,"style":5339},"@WebSocketGateway({\n  cors: {\n    origin: '*', \u002F\u002F Дозволити з будь-якого домену (⚠️ НЕБЕЗПЕЧНО)\n    credentials: false, \u002F\u002F При * не можна використовувати credentials: true\n  },\n})\nexport class ChatGateway {\n  \u002F\u002F ...\n}\n",[5110,16325,16326,16334,16340,16351,16362,16366,16370,16380,16384],{"__ignoreMap":5339},[5343,16327,16328,16330,16332],{"class":5345,"line":5346},[5343,16329,5790],{"class":5702},[5343,16331,5793],{"class":5349},[5343,16333,5796],{"class":5702},[5343,16335,16336,16338],{"class":5345,"line":5366},[5343,16337,5802],{"class":5708},[5343,16339,5703],{"class":5702},[5343,16341,16342,16344,16346,16348],{"class":5345,"line":5378},[5343,16343,5810],{"class":5708},[5343,16345,8111],{"class":5352},[5343,16347,5464],{"class":5702},[5343,16349,16350],{"class":5554},"\u002F\u002F Дозволити з будь-якого домену (⚠️ НЕБЕЗПЕЧНО)\n",[5343,16352,16353,16355,16357,16359],{"class":5345,"line":5528},[5343,16354,5824],{"class":5708},[5343,16356,9667],{"class":5356},[5343,16358,5464],{"class":5702},[5343,16360,16361],{"class":5554},"\u002F\u002F При * не можна використовувати credentials: true\n",[5343,16363,16364],{"class":5345,"line":5537},[5343,16365,5835],{"class":5702},[5343,16367,16368],{"class":5345,"line":5546},[5343,16369,5841],{"class":5702},[5343,16371,16372,16374,16376,16378],{"class":5345,"line":5558},[5343,16373,5847],{"class":5698},[5343,16375,5850],{"class":5356},[5343,16377,5854],{"class":5853},[5343,16379,5703],{"class":5702},[5343,16381,16382],{"class":5345,"line":5569},[5343,16383,15987],{"class":5554},[5343,16385,16386],{"class":5345,"line":5577},[5343,16387,6235],{"class":5702},[16389,16390,16391,16394,16395,16398],"caution",{},[5099,16392,16393],{},"Безпека CORS:"," налаштування ",[5110,16396,16397],{},"origin: '*'"," дозволяє з'єднання з будь-якого домену, що створює ризик CSRF атак. Використовуйте лише для development середовища або публічних API без автентифікації. У production завжди явно вказуйте дозволені домени.",[5325,16400,16402],{"id":16401},"troubleshooting-cors-помилок","Troubleshooting CORS помилок",[5089,16404,16405],{},[5099,16406,16407],{},"Помилка у браузері:",[5333,16409,16413],{"className":16410,"code":16412,"language":6856},[16411],"language-text","Access to XMLHttpRequest at 'http:\u002F\u002Flocalhost:3001\u002Fsocket.io\u002F?EIO=4&transport=polling'\nfrom origin 'http:\u002F\u002Flocalhost:3000' has been blocked by CORS policy\n",[5110,16414,16412],{"__ignoreMap":5339},[5089,16416,16417],{},[5099,16418,16419],{},"Причини:",[5267,16421,16422,16431,16437,16450],{},[5096,16423,16424,16427,16428,5196],{},[5099,16425,16426],{},"Відсутня CORS конфігурація у Gateway"," — додайте ",[5110,16429,16430],{},"cors: { origin: '...' }",[5096,16432,16433,16436],{},[5099,16434,16435],{},"Невірний origin"," — перевірте, що origin у конфігурації збігається з domain frontend.",[5096,16438,16439,16442,16443,16446,16447,16449],{},[5099,16440,16441],{},"Credentials без правильного origin"," — при ",[5110,16444,16445],{},"credentials: true"," не можна використовувати ",[5110,16448,16397],{},", потрібен конкретний домен.",[5096,16451,16452,16455],{},[5099,16453,16454],{},"Preflight request failure"," — Socket.IO спочатку відправляє OPTIONS request для перевірки CORS, переконайтеся, що методи GET\u002FPOST дозволені.",[5089,16457,16458],{},[5099,16459,16460],{},"Діагностика через DevTools:",[5333,16462,16464],{"className":5335,"code":16463,"language":5338,"meta":5339,"style":5339},"# Відкрити Chrome DevTools → Network → фільтр \"WS\" (WebSocket)\n# Переглянути Headers для socket.io запитів:\nRequest Headers:\n  Origin: http:\u002F\u002Flocalhost:3000\n\nResponse Headers:\n  Access-Control-Allow-Origin: http:\u002F\u002Flocalhost:3000\n  Access-Control-Allow-Credentials: true\n",[5110,16465,16466,16471,16476,16484,16492,16496,16503,16510],{"__ignoreMap":5339},[5343,16467,16468],{"class":5345,"line":5346},[5343,16469,16470],{"class":5554},"# Відкрити Chrome DevTools → Network → фільтр \"WS\" (WebSocket)\n",[5343,16472,16473],{"class":5345,"line":5366},[5343,16474,16475],{"class":5554},"# Переглянути Headers для socket.io запитів:\n",[5343,16477,16478,16481],{"class":5345,"line":5378},[5343,16479,16480],{"class":5349},"Request",[5343,16482,16483],{"class":5352}," Headers:\n",[5343,16485,16486,16489],{"class":5345,"line":5528},[5343,16487,16488],{"class":5349},"  Origin:",[5343,16490,16491],{"class":5352}," http:\u002F\u002Flocalhost:3000\n",[5343,16493,16494],{"class":5345,"line":5537},[5343,16495,5785],{"emptyLinePlaceholder":5784},[5343,16497,16498,16501],{"class":5345,"line":5546},[5343,16499,16500],{"class":5349},"Response",[5343,16502,16483],{"class":5352},[5343,16504,16505,16508],{"class":5345,"line":5558},[5343,16506,16507],{"class":5349},"  Access-Control-Allow-Origin:",[5343,16509,16491],{"class":5352},[5343,16511,16512,16515],{"class":5345,"line":5569},[5343,16513,16514],{"class":5349},"  Access-Control-Allow-Credentials:",[5343,16516,16517],{"class":5356}," true\n",[5172,16519],{},[5084,16521,16523],{"id":16522},"конфігурація-gateway-namespace-port-path","Конфігурація Gateway: Namespace, Port, Path",[5089,16525,16526],{},"Socket.IO підтримує додаткові опції конфігурації Gateway для організації різних каналів комунікації.",[5325,16528,16530],{"id":16529},"namespace-логічне-розділення-каналів","Namespace: Логічне розділення каналів",[5089,16532,16533,16536],{},[5099,16534,16535],{},"Namespace"," дозволяє створити кілька ізольованих каналів комунікації на одному сервері. Наприклад:",[5093,16538,16539,16545,16551],{},[5096,16540,16541,16544],{},[5110,16542,16543],{},"\u002Fchat"," — для чат-повідомлень",[5096,16546,16547,16550],{},[5110,16548,16549],{},"\u002Fnotifications"," — для системних нотифікацій",[5096,16552,16553,16556],{},[5110,16554,16555],{},"\u002Fadmin"," — для адміністративних команд",[5333,16558,16560],{"className":5684,"code":16559,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\n@WebSocketGateway({\n  namespace: '\u002Fchat', \u002F\u002F Клієнти підключаються до ws:\u002F\u002Flocalhost:3001\u002Fchat\n  cors: { origin: '*' },\n})\nexport class ChatGateway {\n  \u002F\u002F Обробляє події лише у namespace \u002Fchat\n}\n\n\u002F\u002F src\u002Fnotifications\u002Fnotifications.gateway.ts\n@WebSocketGateway({\n  namespace: '\u002Fnotifications', \u002F\u002F ws:\u002F\u002Flocalhost:3001\u002Fnotifications\n  cors: { origin: '*' },\n})\nexport class NotificationsGateway {\n  \u002F\u002F Незалежний від ChatGateway канал\n}\n",[5110,16561,16562,16566,16574,16587,16599,16603,16613,16618,16622,16626,16631,16639,16651,16663,16667,16678,16683],{"__ignoreMap":5339},[5343,16563,16564],{"class":5345,"line":5346},[5343,16565,5693],{"class":5554},[5343,16567,16568,16570,16572],{"class":5345,"line":5366},[5343,16569,5790],{"class":5702},[5343,16571,5793],{"class":5349},[5343,16573,5796],{"class":5702},[5343,16575,16576,16579,16582,16584],{"class":5345,"line":5378},[5343,16577,16578],{"class":5708},"  namespace:",[5343,16580,16581],{"class":5352}," '\u002Fchat'",[5343,16583,5464],{"class":5702},[5343,16585,16586],{"class":5554},"\u002F\u002F Клієнти підключаються до ws:\u002F\u002Flocalhost:3001\u002Fchat\n",[5343,16588,16589,16591,16593,16595,16597],{"class":5345,"line":5528},[5343,16590,5802],{"class":5708},[5343,16592,5761],{"class":5702},[5343,16594,8108],{"class":5708},[5343,16596,8111],{"class":5352},[5343,16598,8359],{"class":5702},[5343,16600,16601],{"class":5345,"line":5537},[5343,16602,5841],{"class":5702},[5343,16604,16605,16607,16609,16611],{"class":5345,"line":5546},[5343,16606,5847],{"class":5698},[5343,16608,5850],{"class":5356},[5343,16610,5854],{"class":5853},[5343,16612,5703],{"class":5702},[5343,16614,16615],{"class":5345,"line":5558},[5343,16616,16617],{"class":5554},"  \u002F\u002F Обробляє події лише у namespace \u002Fchat\n",[5343,16619,16620],{"class":5345,"line":5569},[5343,16621,6235],{"class":5702},[5343,16623,16624],{"class":5345,"line":5577},[5343,16625,5785],{"emptyLinePlaceholder":5784},[5343,16627,16628],{"class":5345,"line":5592},[5343,16629,16630],{"class":5554},"\u002F\u002F src\u002Fnotifications\u002Fnotifications.gateway.ts\n",[5343,16632,16633,16635,16637],{"class":5345,"line":5601},[5343,16634,5790],{"class":5702},[5343,16636,5793],{"class":5349},[5343,16638,5796],{"class":5702},[5343,16640,16641,16643,16646,16648],{"class":5345,"line":5799},[5343,16642,16578],{"class":5708},[5343,16644,16645],{"class":5352}," '\u002Fnotifications'",[5343,16647,5464],{"class":5702},[5343,16649,16650],{"class":5554},"\u002F\u002F ws:\u002F\u002Flocalhost:3001\u002Fnotifications\n",[5343,16652,16653,16655,16657,16659,16661],{"class":5345,"line":5807},[5343,16654,5802],{"class":5708},[5343,16656,5761],{"class":5702},[5343,16658,8108],{"class":5708},[5343,16660,8111],{"class":5352},[5343,16662,8359],{"class":5702},[5343,16664,16665],{"class":5345,"line":5821},[5343,16666,5841],{"class":5702},[5343,16668,16669,16671,16673,16676],{"class":5345,"line":5832},[5343,16670,5847],{"class":5698},[5343,16672,5850],{"class":5356},[5343,16674,16675],{"class":5853}," NotificationsGateway",[5343,16677,5703],{"class":5702},[5343,16679,16680],{"class":5345,"line":5838},[5343,16681,16682],{"class":5554},"  \u002F\u002F Незалежний від ChatGateway канал\n",[5343,16684,16685],{"class":5345,"line":5844},[5343,16686,6235],{"class":5702},[5089,16688,16689],{},[5099,16690,16691],{},"Клієнтське підключення до namespace:",[5333,16693,16695],{"className":5684,"code":16694,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fchat-client.ts\nconst chatSocket = io('http:\u002F\u002Flocalhost:3001\u002Fchat'); \u002F\u002F Підключення до \u002Fchat\nconst notifSocket = io('http:\u002F\u002Flocalhost:3001\u002Fnotifications'); \u002F\u002F Підключення до \u002Fnotifications\n\nchatSocket.emit('sendMessage', { text: 'Привіт' });\nnotifSocket.on('newNotification', (data) => {\n  console.log('Нова нотифікація:', data);\n});\n",[5110,16696,16697,16701,16722,16743,16747,16770,16794,16814],{"__ignoreMap":5339},[5343,16698,16699],{"class":5345,"line":5346},[5343,16700,6558],{"class":5554},[5343,16702,16703,16705,16708,16710,16712,16714,16717,16719],{"class":5345,"line":5366},[5343,16704,7521],{"class":5356},[5343,16706,16707],{"class":7309}," chatSocket",[5343,16709,6646],{"class":5702},[5343,16711,6567],{"class":5349},[5343,16713,5919],{"class":5702},[5343,16715,16716],{"class":5352},"'http:\u002F\u002Flocalhost:3001\u002Fchat'",[5343,16718,16118],{"class":5702},[5343,16720,16721],{"class":5554},"\u002F\u002F Підключення до \u002Fchat\n",[5343,16723,16724,16726,16729,16731,16733,16735,16738,16740],{"class":5345,"line":5378},[5343,16725,7521],{"class":5356},[5343,16727,16728],{"class":7309}," notifSocket",[5343,16730,6646],{"class":5702},[5343,16732,6567],{"class":5349},[5343,16734,5919],{"class":5702},[5343,16736,16737],{"class":5352},"'http:\u002F\u002Flocalhost:3001\u002Fnotifications'",[5343,16739,16118],{"class":5702},[5343,16741,16742],{"class":5554},"\u002F\u002F Підключення до \u002Fnotifications\n",[5343,16744,16745],{"class":5345,"line":5528},[5343,16746,5785],{"emptyLinePlaceholder":5784},[5343,16748,16749,16752,16754,16756,16758,16760,16762,16765,16768],{"class":5345,"line":5537},[5343,16750,16751],{"class":5708},"chatSocket",[5343,16753,5196],{"class":5702},[5343,16755,6179],{"class":5349},[5343,16757,5919],{"class":5702},[5343,16759,8679],{"class":5352},[5343,16761,11121],{"class":5702},[5343,16763,16764],{"class":5708},"text:",[5343,16766,16767],{"class":5352}," 'Привіт'",[5343,16769,11821],{"class":5702},[5343,16771,16772,16775,16777,16779,16781,16784,16786,16788,16790,16792],{"class":5345,"line":5546},[5343,16773,16774],{"class":5708},"notifSocket",[5343,16776,5196],{"class":5702},[5343,16778,6774],{"class":5349},[5343,16780,5919],{"class":5702},[5343,16782,16783],{"class":5352},"'newNotification'",[5343,16785,6848],{"class":5702},[5343,16787,5949],{"class":5708},[5343,16789,6973],{"class":5702},[5343,16791,6785],{"class":5356},[5343,16793,5703],{"class":5702},[5343,16795,16796,16799,16801,16803,16805,16808,16810,16812],{"class":5345,"line":5558},[5343,16797,16798],{"class":5708},"  console",[5343,16800,5196],{"class":5702},[5343,16802,5996],{"class":5349},[5343,16804,5919],{"class":5702},[5343,16806,16807],{"class":5352},"'Нова нотифікація:'",[5343,16809,5464],{"class":5702},[5343,16811,5949],{"class":5708},[5343,16813,6029],{"class":5702},[5343,16815,16816],{"class":5345,"line":5569},[5343,16817,7656],{"class":5702},[5089,16819,16820],{},[5099,16821,16822],{},"Переваги namespace:",[5093,16824,16825,16836,16845],{},[5096,16826,16827,16830,16831,16833,16834,5196],{},[5099,16828,16829],{},"Ізоляція:"," події у ",[5110,16832,16543],{}," не конфліктують з подіями у ",[5110,16835,16549],{},[5096,16837,16838,16841,16842,16844],{},[5099,16839,16840],{},"Різні Guard:"," можна застосувати різну автентифікацію (наприклад, ",[5110,16843,16555],{}," потребує admin токен).",[5096,16846,16847,16850],{},[5099,16848,16849],{},"Масштабування:"," можна розгорнути різні namespace на різних серверах.",[5325,16852,16854],{"id":16853},"port-запуск-gateway-на-іншому-порту","Port: Запуск Gateway на іншому порту",[5089,16856,16857],{},"За замовчуванням Gateway використовує той самий порт, що й HTTP сервер (зазвичай 3000 або 3001). Можна запустити WebSocket на окремому порту:",[5333,16859,16861],{"className":5684,"code":16860,"language":5686,"meta":5339,"style":5339},"@WebSocketGateway({\n  port: 3002, \u002F\u002F WebSocket працює на порту 3002\n  cors: { origin: '*' },\n})\nexport class ChatGateway {\n  \u002F\u002F HTTP сервер: http:\u002F\u002Flocalhost:3001\n  \u002F\u002F WebSocket сервер: ws:\u002F\u002Flocalhost:3002\n}\n",[5110,16862,16863,16871,16884,16896,16900,16910,16915,16920],{"__ignoreMap":5339},[5343,16864,16865,16867,16869],{"class":5345,"line":5346},[5343,16866,5790],{"class":5702},[5343,16868,5793],{"class":5349},[5343,16870,5796],{"class":5702},[5343,16872,16873,16876,16879,16881],{"class":5345,"line":5366},[5343,16874,16875],{"class":5708},"  port:",[5343,16877,16878],{"class":6682}," 3002",[5343,16880,5464],{"class":5702},[5343,16882,16883],{"class":5554},"\u002F\u002F WebSocket працює на порту 3002\n",[5343,16885,16886,16888,16890,16892,16894],{"class":5345,"line":5378},[5343,16887,5802],{"class":5708},[5343,16889,5761],{"class":5702},[5343,16891,8108],{"class":5708},[5343,16893,8111],{"class":5352},[5343,16895,8359],{"class":5702},[5343,16897,16898],{"class":5345,"line":5528},[5343,16899,5841],{"class":5702},[5343,16901,16902,16904,16906,16908],{"class":5345,"line":5537},[5343,16903,5847],{"class":5698},[5343,16905,5850],{"class":5356},[5343,16907,5854],{"class":5853},[5343,16909,5703],{"class":5702},[5343,16911,16912],{"class":5345,"line":5546},[5343,16913,16914],{"class":5554},"  \u002F\u002F HTTP сервер: http:\u002F\u002Flocalhost:3001\n",[5343,16916,16917],{"class":5345,"line":5558},[5343,16918,16919],{"class":5554},"  \u002F\u002F WebSocket сервер: ws:\u002F\u002Flocalhost:3002\n",[5343,16921,16922],{"class":5345,"line":5569},[5343,16923,6235],{"class":5702},[5089,16925,16926,16929],{},[5099,16927,16928],{},"Використання:"," рідко потрібно у монолітних застосунках, але корисно для мікросервісної архітектури, де WebSocket сервер — окремий сервіс.",[5325,16931,16933],{"id":16932},"path-кастомний-url-для-socketio","Path: Кастомний URL для Socket.IO",[5089,16935,16936,16937,16940],{},"Socket.IO за замовчуванням використовує path ",[5110,16938,16939],{},"\u002Fsocket.io\u002F"," для handshake. Можна змінити його:",[5333,16942,16944],{"className":5684,"code":16943,"language":5686,"meta":5339,"style":5339},"@WebSocketGateway({\n  path: '\u002Fmy-custom-path\u002F', \u002F\u002F ws:\u002F\u002Flocalhost:3001\u002Fmy-custom-path\u002F\n  cors: { origin: '*' },\n})\nexport class ChatGateway {\n  \u002F\u002F ...\n}\n",[5110,16945,16946,16954,16967,16979,16983,16993,16997],{"__ignoreMap":5339},[5343,16947,16948,16950,16952],{"class":5345,"line":5346},[5343,16949,5790],{"class":5702},[5343,16951,5793],{"class":5349},[5343,16953,5796],{"class":5702},[5343,16955,16956,16959,16962,16964],{"class":5345,"line":5366},[5343,16957,16958],{"class":5708},"  path:",[5343,16960,16961],{"class":5352}," '\u002Fmy-custom-path\u002F'",[5343,16963,5464],{"class":5702},[5343,16965,16966],{"class":5554},"\u002F\u002F ws:\u002F\u002Flocalhost:3001\u002Fmy-custom-path\u002F\n",[5343,16968,16969,16971,16973,16975,16977],{"class":5345,"line":5378},[5343,16970,5802],{"class":5708},[5343,16972,5761],{"class":5702},[5343,16974,8108],{"class":5708},[5343,16976,8111],{"class":5352},[5343,16978,8359],{"class":5702},[5343,16980,16981],{"class":5345,"line":5528},[5343,16982,5841],{"class":5702},[5343,16984,16985,16987,16989,16991],{"class":5345,"line":5537},[5343,16986,5847],{"class":5698},[5343,16988,5850],{"class":5356},[5343,16990,5854],{"class":5853},[5343,16992,5703],{"class":5702},[5343,16994,16995],{"class":5345,"line":5546},[5343,16996,15987],{"class":5554},[5343,16998,16999],{"class":5345,"line":5558},[5343,17000,6235],{"class":5702},[5089,17002,17003],{},[5099,17004,17005],{},"Клієнт також має вказати кастомний path:",[5333,17007,17009],{"className":5684,"code":17008,"language":5686,"meta":5339,"style":5339},"const socket = io('http:\u002F\u002Flocalhost:3001', {\n  path: '\u002Fmy-custom-path\u002F',\n});\n",[5110,17010,17011,17027,17035],{"__ignoreMap":5339},[5343,17012,17013,17015,17017,17019,17021,17023,17025],{"class":5345,"line":5346},[5343,17014,7521],{"class":5356},[5343,17016,6602],{"class":7309},[5343,17018,6646],{"class":5702},[5343,17020,6567],{"class":5349},[5343,17022,5919],{"class":5702},[5343,17024,7535],{"class":5352},[5343,17026,6186],{"class":5702},[5343,17028,17029,17031,17033],{"class":5345,"line":5366},[5343,17030,16958],{"class":5708},[5343,17032,16961],{"class":5352},[5343,17034,5712],{"class":5702},[5343,17036,17037],{"class":5345,"line":5378},[5343,17038,7656],{"class":5702},[5089,17040,17041,17043,17044,17046],{},[5099,17042,16928],{}," корисно для обходу firewall, що блокує ",[5110,17045,16939],{}," endpoint.",[5172,17048],{},[5084,17050,17052],{"id":17051},"практичний-приклад-повноцінний-чат-застосунок","Практичний приклад: Повноцінний чат-застосунок",[5089,17054,17055],{},"Підсумуємо всі розглянуті концепції у повноцінному прикладі чат-застосунку з автентифікацією, rooms, збереженням повідомлень та broadcasting.",[5325,17057,17059],{"id":17058},"архітектура-застосунку","Архітектура застосунку",[17061,17062,17064],"plant-uml",{"alt":17063},"Архітектура чат-застосунку",[5333,17065,17069],{"className":17066,"code":17067,"language":17068,"meta":5339,"style":5339},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\npackage \"Frontend (React)\" #F1F5F9 {\n  [Chat UI Component]\n  [Auth Context]\n  [Socket.IO Client]\n}\n\npackage \"NestJS Backend\" #DBEAFE {\n  package \"HTTP Layer\" #E2E8F0 {\n    [Auth Controller] \n    [Users Controller]\n  }\n  \n  package \"WebSocket Layer\" #DCFCE7 {\n    [Chat Gateway]\n    [WsJwtGuard]\n  }\n  \n  package \"Business Logic\" #FEF3C7 {\n    [Chat Service]\n    [Users Service]\n    [Auth Service]\n  }\n  \n  package \"Data Layer\" #FCE7F3 {\n    [Message Repository]\n    [User Repository]\n  }\n}\n\ndatabase \"PostgreSQL\" #E0E7FF\n\n[Chat UI Component] --> [Socket.IO Client] : emit('sendMessage')\n[Socket.IO Client] --> [Chat Gateway] : WebSocket\n[Auth Context] --> [Auth Controller] : POST \u002Fauth\u002Flogin\n\n[Chat Gateway] ..> [WsJwtGuard] : validate token\n[Chat Gateway] --> [Chat Service] : createMessage()\n[Chat Service] --> [Message Repository] : save()\n[Message Repository] --> PostgreSQL\n\n[Auth Controller] --> [Auth Service] : login()\n[Auth Service] --> [User Repository] : findByEmail()\n[User Repository] --> PostgreSQL\n\n@enduml\n","plantuml",[5110,17070,17071,17076,17081,17086,17090,17095,17100,17105,17110,17114,17118,17123,17128,17133,17138,17142,17147,17152,17157,17162,17166,17170,17175,17180,17185,17190,17194,17198,17203,17208,17213,17217,17221,17225,17230,17234,17239,17244,17249,17253,17258,17263,17268,17273,17277,17282,17287,17292,17296],{"__ignoreMap":5339},[5343,17072,17073],{"class":5345,"line":5346},[5343,17074,17075],{},"@startuml\n",[5343,17077,17078],{"class":5345,"line":5366},[5343,17079,17080],{},"skinparam style plain\n",[5343,17082,17083],{"class":5345,"line":5378},[5343,17084,17085],{},"skinparam backgroundColor #FFFFFF\n",[5343,17087,17088],{"class":5345,"line":5528},[5343,17089,5785],{"emptyLinePlaceholder":5784},[5343,17091,17092],{"class":5345,"line":5537},[5343,17093,17094],{},"package \"Frontend (React)\" #F1F5F9 {\n",[5343,17096,17097],{"class":5345,"line":5546},[5343,17098,17099],{},"  [Chat UI Component]\n",[5343,17101,17102],{"class":5345,"line":5558},[5343,17103,17104],{},"  [Auth Context]\n",[5343,17106,17107],{"class":5345,"line":5569},[5343,17108,17109],{},"  [Socket.IO Client]\n",[5343,17111,17112],{"class":5345,"line":5577},[5343,17113,6235],{},[5343,17115,17116],{"class":5345,"line":5592},[5343,17117,5785],{"emptyLinePlaceholder":5784},[5343,17119,17120],{"class":5345,"line":5601},[5343,17121,17122],{},"package \"NestJS Backend\" #DBEAFE {\n",[5343,17124,17125],{"class":5345,"line":5799},[5343,17126,17127],{},"  package \"HTTP Layer\" #E2E8F0 {\n",[5343,17129,17130],{"class":5345,"line":5807},[5343,17131,17132],{},"    [Auth Controller] \n",[5343,17134,17135],{"class":5345,"line":5821},[5343,17136,17137],{},"    [Users Controller]\n",[5343,17139,17140],{"class":5345,"line":5832},[5343,17141,6065],{},[5343,17143,17144],{"class":5345,"line":5838},[5343,17145,17146],{},"  \n",[5343,17148,17149],{"class":5345,"line":5844},[5343,17150,17151],{},"  package \"WebSocket Layer\" #DCFCE7 {\n",[5343,17153,17154],{"class":5345,"line":5859},[5343,17155,17156],{},"    [Chat Gateway]\n",[5343,17158,17159],{"class":5345,"line":5871},[5343,17160,17161],{},"    [WsJwtGuard]\n",[5343,17163,17164],{"class":5345,"line":5888},[5343,17165,6065],{},[5343,17167,17168],{"class":5345,"line":5893},[5343,17169,17146],{},[5343,17171,17172],{"class":5345,"line":5899},[5343,17173,17174],{},"  package \"Business Logic\" #FEF3C7 {\n",[5343,17176,17177],{"class":5345,"line":5905},[5343,17178,17179],{},"    [Chat Service]\n",[5343,17181,17182],{"class":5345,"line":5911},[5343,17183,17184],{},"    [Users Service]\n",[5343,17186,17187],{"class":5345,"line":5928},[5343,17188,17189],{},"    [Auth Service]\n",[5343,17191,17192],{"class":5345,"line":5937},[5343,17193,6065],{},[5343,17195,17196],{"class":5345,"line":5959},[5343,17197,17146],{},[5343,17199,17200],{"class":5345,"line":5978},[5343,17201,17202],{},"  package \"Data Layer\" #FCE7F3 {\n",[5343,17204,17205],{"class":5345,"line":5988},[5343,17206,17207],{},"    [Message Repository]\n",[5343,17209,17210],{"class":5345,"line":6032},[5343,17211,17212],{},"    [User Repository]\n",[5343,17214,17215],{"class":5345,"line":6037},[5343,17216,6065],{},[5343,17218,17219],{"class":5345,"line":6043},[5343,17220,6235],{},[5343,17222,17223],{"class":5345,"line":6062},[5343,17224,5785],{"emptyLinePlaceholder":5784},[5343,17226,17227],{"class":5345,"line":6068},[5343,17228,17229],{},"database \"PostgreSQL\" #E0E7FF\n",[5343,17231,17232],{"class":5345,"line":6073},[5343,17233,5785],{"emptyLinePlaceholder":5784},[5343,17235,17236],{"class":5345,"line":6078},[5343,17237,17238],{},"[Chat UI Component] --> [Socket.IO Client] : emit('sendMessage')\n",[5343,17240,17241],{"class":5345,"line":6084},[5343,17242,17243],{},"[Socket.IO Client] --> [Chat Gateway] : WebSocket\n",[5343,17245,17246],{"class":5345,"line":6089},[5343,17247,17248],{},"[Auth Context] --> [Auth Controller] : POST \u002Fauth\u002Flogin\n",[5343,17250,17251],{"class":5345,"line":6103},[5343,17252,5785],{"emptyLinePlaceholder":5784},[5343,17254,17255],{"class":5345,"line":6131},[5343,17256,17257],{},"[Chat Gateway] ..> [WsJwtGuard] : validate token\n",[5343,17259,17260],{"class":5345,"line":6155},[5343,17261,17262],{},"[Chat Gateway] --> [Chat Service] : createMessage()\n",[5343,17264,17265],{"class":5345,"line":6160},[5343,17266,17267],{},"[Chat Service] --> [Message Repository] : save()\n",[5343,17269,17270],{"class":5345,"line":6166},[5343,17271,17272],{},"[Message Repository] --> PostgreSQL\n",[5343,17274,17275],{"class":5345,"line":6189},[5343,17276,5785],{"emptyLinePlaceholder":5784},[5343,17278,17279],{"class":5345,"line":6200},[5343,17280,17281],{},"[Auth Controller] --> [Auth Service] : login()\n",[5343,17283,17284],{"class":5345,"line":6221},[5343,17285,17286],{},"[Auth Service] --> [User Repository] : findByEmail()\n",[5343,17288,17289],{"class":5345,"line":6227},[5343,17290,17291],{},"[User Repository] --> PostgreSQL\n",[5343,17293,17294],{"class":5345,"line":6232},[5343,17295,5785],{"emptyLinePlaceholder":5784},[5343,17297,17298],{"class":5345,"line":7147},[5343,17299,17300],{},"@enduml\n",[5325,17302,17304],{"id":17303},"серверна-реалізація-повний-код","Серверна реалізація (повний код)",[5498,17306,17307,18342],{},[5333,17308,17311],{"className":5684,"code":17309,"filename":17310,"language":5686,"meta":5339,"style":5339},"import {\n  WebSocketGateway,\n  WebSocketServer,\n  SubscribeMessage,\n  MessageBody,\n  ConnectedSocket,\n  OnGatewayConnection,\n  OnGatewayDisconnect,\n} from '@nestjs\u002Fwebsockets';\nimport { UseGuards } from '@nestjs\u002Fcommon';\nimport { Server, Socket } from 'socket.io';\nimport { ChatService } from '.\u002Fchat.service';\nimport { WsJwtGuard } from '.\u002Fguards\u002Fws-jwt.guard';\n\n@WebSocketGateway({\n  cors: { origin: process.env.FRONTEND_URL || 'http:\u002F\u002Flocalhost:3000' },\n})\n@UseGuards(WsJwtGuard)\nexport class ChatGateway implements OnGatewayConnection, OnGatewayDisconnect {\n  @WebSocketServer()\n  server: Server;\n\n  constructor(private readonly chatService: ChatService) {}\n\n  \u002F**\n   * Lifecycle: Підключення клієнта\n   *\u002F\n  handleConnection(client: Socket) {\n    const username = (client as any).username;\n    console.log(`[WebSocket] ${username} підключився (${client.id})`);\n  }\n\n  \u002F**\n   * Lifecycle: Відключення клієнта\n   *\u002F\n  handleDisconnect(client: Socket) {\n    const username = (client as any).username;\n    console.log(`[WebSocket] ${username} відключився (${client.id})`);\n  }\n\n  \u002F**\n   * Приєднання до кімнати\n   *\u002F\n  @SubscribeMessage('joinRoom')\n  async handleJoinRoom(\n    @MessageBody() data: { roomId: string },\n    @ConnectedSocket() client: Socket,\n  ) {\n    client.join(data.roomId);\n\n    const username = (client as any).username;\n    console.log(`[WebSocket] ${username} приєднався до кімнати ${data.roomId}`);\n\n    \u002F\u002F Завантажити історію\n    const history = await this.chatService.getRecentMessages(data.roomId, 50);\n\n    client.emit('messageHistory', { roomId: data.roomId, messages: history });\n\n    \u002F\u002F Сповістити інших у кімнаті\n    client.broadcast.to(data.roomId).emit('userJoined', {\n      username,\n      timestamp: new Date(),\n    });\n  }\n\n  \u002F**\n   * Відправка повідомлення\n   *\u002F\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() data: { roomId: string; text: string },\n    @ConnectedSocket() client: Socket,\n  ) {\n    const userId = (client as any).userId;\n    const username = (client as any).username;\n\n    const message = await this.chatService.createMessage({\n      roomId: data.roomId,\n      userId,\n      text: data.text,\n    });\n\n    \u002F\u002F Broadcast до кімнати\n    this.server.to(data.roomId).emit('newMessage', {\n      id: message.id,\n      userId,\n      username,\n      text: message.text,\n      createdAt: message.createdAt,\n    });\n\n    return { success: true, messageId: message.id };\n  }\n}\n","src\u002Fchat\u002Fchat.gateway.ts",[5110,17312,17313,17319,17325,17331,17337,17343,17349,17356,17363,17373,17389,17409,17425,17441,17445,17453,17477,17481,17493,17513,17521,17531,17535,17553,17557,17561,17566,17570,17585,17605,17640,17644,17648,17652,17657,17661,17676,17696,17731,17735,17739,17743,17748,17752,17764,17772,17792,17808,17812,17830,17834,17854,17888,17892,17897,17932,17936,17968,17972,17977,18008,18014,18024,18028,18032,18036,18040,18045,18049,18061,18069,18097,18113,18117,18137,18157,18161,18183,18195,18201,18213,18217,18221,18226,18256,18268,18274,18280,18292,18304,18308,18312,18334,18338],{"__ignoreMap":5339},[5343,17314,17315,17317],{"class":5345,"line":5346},[5343,17316,5699],{"class":5698},[5343,17318,5703],{"class":5702},[5343,17320,17321,17323],{"class":5345,"line":5366},[5343,17322,5709],{"class":5708},[5343,17324,5712],{"class":5702},[5343,17326,17327,17329],{"class":5345,"line":5378},[5343,17328,5717],{"class":5708},[5343,17330,5712],{"class":5702},[5343,17332,17333,17335],{"class":5345,"line":5528},[5343,17334,5724],{"class":5708},[5343,17336,5712],{"class":5702},[5343,17338,17339,17341],{"class":5345,"line":5537},[5343,17340,5731],{"class":5708},[5343,17342,5712],{"class":5702},[5343,17344,17345,17347],{"class":5345,"line":5546},[5343,17346,5738],{"class":5708},[5343,17348,5712],{"class":5702},[5343,17350,17351,17354],{"class":5345,"line":5558},[5343,17352,17353],{"class":5708},"  OnGatewayConnection",[5343,17355,5712],{"class":5702},[5343,17357,17358,17361],{"class":5345,"line":5569},[5343,17359,17360],{"class":5708},"  OnGatewayDisconnect",[5343,17362,5712],{"class":5702},[5343,17364,17365,17367,17369,17371],{"class":5345,"line":5577},[5343,17366,5745],{"class":5702},[5343,17368,5748],{"class":5698},[5343,17370,5751],{"class":5352},[5343,17372,5754],{"class":5702},[5343,17374,17375,17377,17379,17381,17383,17385,17387],{"class":5345,"line":5592},[5343,17376,5699],{"class":5698},[5343,17378,5761],{"class":5702},[5343,17380,9317],{"class":5708},[5343,17382,5772],{"class":5702},[5343,17384,5748],{"class":5698},[5343,17386,6337],{"class":5352},[5343,17388,5754],{"class":5702},[5343,17390,17391,17393,17395,17397,17399,17401,17403,17405,17407],{"class":5345,"line":5601},[5343,17392,5699],{"class":5698},[5343,17394,5761],{"class":5702},[5343,17396,5764],{"class":5708},[5343,17398,5464],{"class":5702},[5343,17400,5769],{"class":5708},[5343,17402,5772],{"class":5702},[5343,17404,5748],{"class":5698},[5343,17406,5777],{"class":5352},[5343,17408,5754],{"class":5702},[5343,17410,17411,17413,17415,17417,17419,17421,17423],{"class":5345,"line":5799},[5343,17412,5699],{"class":5698},[5343,17414,5761],{"class":5702},[5343,17416,6366],{"class":5708},[5343,17418,5772],{"class":5702},[5343,17420,5748],{"class":5698},[5343,17422,6373],{"class":5352},[5343,17424,5754],{"class":5702},[5343,17426,17427,17429,17431,17433,17435,17437,17439],{"class":5345,"line":5807},[5343,17428,5699],{"class":5698},[5343,17430,5761],{"class":5702},[5343,17432,14033],{"class":5708},[5343,17434,5772],{"class":5702},[5343,17436,5748],{"class":5698},[5343,17438,14040],{"class":5352},[5343,17440,5754],{"class":5702},[5343,17442,17443],{"class":5345,"line":5821},[5343,17444,5785],{"emptyLinePlaceholder":5784},[5343,17446,17447,17449,17451],{"class":5345,"line":5832},[5343,17448,5790],{"class":5702},[5343,17450,5793],{"class":5349},[5343,17452,5796],{"class":5702},[5343,17454,17455,17457,17459,17461,17463,17465,17467,17469,17471,17473,17475],{"class":5345,"line":5838},[5343,17456,5802],{"class":5708},[5343,17458,5761],{"class":5702},[5343,17460,8108],{"class":5708},[5343,17462,13762],{"class":5708},[5343,17464,5196],{"class":5702},[5343,17466,13767],{"class":5708},[5343,17468,5196],{"class":5702},[5343,17470,16235],{"class":7309},[5343,17472,9628],{"class":5702},[5343,17474,16240],{"class":5352},[5343,17476,8359],{"class":5702},[5343,17478,17479],{"class":5345,"line":5844},[5343,17480,5841],{"class":5702},[5343,17482,17483,17485,17487,17489,17491],{"class":5345,"line":5859},[5343,17484,5790],{"class":5702},[5343,17486,9317],{"class":5349},[5343,17488,5919],{"class":5702},[5343,17490,14033],{"class":5708},[5343,17492,5925],{"class":5702},[5343,17494,17495,17497,17499,17501,17503,17506,17508,17511],{"class":5345,"line":5871},[5343,17496,5847],{"class":5698},[5343,17498,5850],{"class":5356},[5343,17500,5854],{"class":5853},[5343,17502,13503],{"class":5356},[5343,17504,17505],{"class":5853}," OnGatewayConnection",[5343,17507,5464],{"class":5702},[5343,17509,17510],{"class":5853},"OnGatewayDisconnect",[5343,17512,5703],{"class":5702},[5343,17514,17515,17517,17519],{"class":5345,"line":5888},[5343,17516,5862],{"class":5702},[5343,17518,5865],{"class":5349},[5343,17520,5868],{"class":5702},[5343,17522,17523,17525,17527,17529],{"class":5345,"line":5893},[5343,17524,5874],{"class":5708},[5343,17526,5877],{"class":5702},[5343,17528,5764],{"class":5853},[5343,17530,5754],{"class":5702},[5343,17532,17533],{"class":5345,"line":5899},[5343,17534,5785],{"emptyLinePlaceholder":5784},[5343,17536,17537,17539,17541,17543,17545,17547,17549,17551],{"class":5345,"line":5905},[5343,17538,6617],{"class":5356},[5343,17540,5919],{"class":5702},[5343,17542,9471],{"class":5356},[5343,17544,9474],{"class":5356},[5343,17546,9477],{"class":5708},[5343,17548,5877],{"class":5702},[5343,17550,6366],{"class":5853},[5343,17552,9484],{"class":5702},[5343,17554,17555],{"class":5345,"line":5911},[5343,17556,5785],{"emptyLinePlaceholder":5784},[5343,17558,17559],{"class":5345,"line":5928},[5343,17560,5896],{"class":5554},[5343,17562,17563],{"class":5345,"line":5937},[5343,17564,17565],{"class":5554},"   * Lifecycle: Підключення клієнта\n",[5343,17567,17568],{"class":5345,"line":5959},[5343,17569,5908],{"class":5554},[5343,17571,17572,17575,17577,17579,17581,17583],{"class":5345,"line":5978},[5343,17573,17574],{"class":5349},"  handleConnection",[5343,17576,5919],{"class":5702},[5343,17578,5969],{"class":5708},[5343,17580,5877],{"class":5702},[5343,17582,5769],{"class":5853},[5343,17584,6629],{"class":5702},[5343,17586,17587,17589,17591,17593,17595,17597,17599,17601,17603],{"class":5345,"line":5988},[5343,17588,7306],{"class":5356},[5343,17590,14290],{"class":7309},[5343,17592,9769],{"class":5702},[5343,17594,5969],{"class":5708},[5343,17596,9774],{"class":5698},[5343,17598,9777],{"class":5853},[5343,17600,6265],{"class":5702},[5343,17602,8352],{"class":5708},[5343,17604,5754],{"class":5702},[5343,17606,17607,17609,17611,17613,17615,17617,17619,17621,17623,17626,17628,17630,17632,17634,17636,17638],{"class":5345,"line":6032},[5343,17608,5991],{"class":5708},[5343,17610,5196],{"class":5702},[5343,17612,5996],{"class":5349},[5343,17614,5919],{"class":5702},[5343,17616,8464],{"class":5352},[5343,17618,6004],{"class":5356},[5343,17620,8352],{"class":5708},[5343,17622,6015],{"class":5356},[5343,17624,17625],{"class":5352}," підключився (",[5343,17627,6004],{"class":5356},[5343,17629,5969],{"class":5708},[5343,17631,5196],{"class":6009},[5343,17633,6012],{"class":5708},[5343,17635,6015],{"class":5356},[5343,17637,13906],{"class":5352},[5343,17639,6029],{"class":5702},[5343,17641,17642],{"class":5345,"line":6037},[5343,17643,6065],{"class":5702},[5343,17645,17646],{"class":5345,"line":6043},[5343,17647,5785],{"emptyLinePlaceholder":5784},[5343,17649,17650],{"class":5345,"line":6062},[5343,17651,5896],{"class":5554},[5343,17653,17654],{"class":5345,"line":6068},[5343,17655,17656],{"class":5554},"   * Lifecycle: Відключення клієнта\n",[5343,17658,17659],{"class":5345,"line":6073},[5343,17660,5908],{"class":5554},[5343,17662,17663,17666,17668,17670,17672,17674],{"class":5345,"line":6078},[5343,17664,17665],{"class":5349},"  handleDisconnect",[5343,17667,5919],{"class":5702},[5343,17669,5969],{"class":5708},[5343,17671,5877],{"class":5702},[5343,17673,5769],{"class":5853},[5343,17675,6629],{"class":5702},[5343,17677,17678,17680,17682,17684,17686,17688,17690,17692,17694],{"class":5345,"line":6084},[5343,17679,7306],{"class":5356},[5343,17681,14290],{"class":7309},[5343,17683,9769],{"class":5702},[5343,17685,5969],{"class":5708},[5343,17687,9774],{"class":5698},[5343,17689,9777],{"class":5853},[5343,17691,6265],{"class":5702},[5343,17693,8352],{"class":5708},[5343,17695,5754],{"class":5702},[5343,17697,17698,17700,17702,17704,17706,17708,17710,17712,17714,17717,17719,17721,17723,17725,17727,17729],{"class":5345,"line":6089},[5343,17699,5991],{"class":5708},[5343,17701,5196],{"class":5702},[5343,17703,5996],{"class":5349},[5343,17705,5919],{"class":5702},[5343,17707,8464],{"class":5352},[5343,17709,6004],{"class":5356},[5343,17711,8352],{"class":5708},[5343,17713,6015],{"class":5356},[5343,17715,17716],{"class":5352}," відключився (",[5343,17718,6004],{"class":5356},[5343,17720,5969],{"class":5708},[5343,17722,5196],{"class":6009},[5343,17724,6012],{"class":5708},[5343,17726,6015],{"class":5356},[5343,17728,13906],{"class":5352},[5343,17730,6029],{"class":5702},[5343,17732,17733],{"class":5345,"line":6103},[5343,17734,6065],{"class":5702},[5343,17736,17737],{"class":5345,"line":6131},[5343,17738,5785],{"emptyLinePlaceholder":5784},[5343,17740,17741],{"class":5345,"line":6155},[5343,17742,5896],{"class":5554},[5343,17744,17745],{"class":5345,"line":6160},[5343,17746,17747],{"class":5554},"   * Приєднання до кімнати\n",[5343,17749,17750],{"class":5345,"line":6166},[5343,17751,5908],{"class":5554},[5343,17753,17754,17756,17758,17760,17762],{"class":5345,"line":6189},[5343,17755,5862],{"class":5702},[5343,17757,5916],{"class":5349},[5343,17759,5919],{"class":5702},[5343,17761,12131],{"class":5352},[5343,17763,5925],{"class":5702},[5343,17765,17766,17768,17770],{"class":5345,"line":6200},[5343,17767,9545],{"class":5356},[5343,17769,12140],{"class":5349},[5343,17771,5934],{"class":5702},[5343,17773,17774,17776,17778,17780,17782,17784,17786,17788,17790],{"class":5345,"line":6221},[5343,17775,5940],{"class":5702},[5343,17777,5943],{"class":5349},[5343,17779,5946],{"class":5702},[5343,17781,5949],{"class":5708},[5343,17783,6853],{"class":5702},[5343,17785,8343],{"class":5708},[5343,17787,5877],{"class":5702},[5343,17789,5954],{"class":5853},[5343,17791,8359],{"class":5702},[5343,17793,17794,17796,17798,17800,17802,17804,17806],{"class":5345,"line":6227},[5343,17795,5940],{"class":5702},[5343,17797,5964],{"class":5349},[5343,17799,5946],{"class":5702},[5343,17801,5969],{"class":5708},[5343,17803,5877],{"class":5702},[5343,17805,5769],{"class":5853},[5343,17807,5712],{"class":5702},[5343,17809,17810],{"class":5345,"line":6232},[5343,17811,14258],{"class":5702},[5343,17813,17814,17816,17818,17820,17822,17824,17826,17828],{"class":5345,"line":7147},[5343,17815,8210],{"class":5708},[5343,17817,5196],{"class":5702},[5343,17819,12204],{"class":5349},[5343,17821,5919],{"class":5702},[5343,17823,5949],{"class":5708},[5343,17825,5196],{"class":5702},[5343,17827,8343],{"class":5708},[5343,17829,6029],{"class":5702},[5343,17831,17832],{"class":5345,"line":7153},[5343,17833,5785],{"emptyLinePlaceholder":5784},[5343,17835,17836,17838,17840,17842,17844,17846,17848,17850,17852],{"class":5345,"line":7173},[5343,17837,7306],{"class":5356},[5343,17839,14290],{"class":7309},[5343,17841,9769],{"class":5702},[5343,17843,5969],{"class":5708},[5343,17845,9774],{"class":5698},[5343,17847,9777],{"class":5853},[5343,17849,6265],{"class":5702},[5343,17851,8352],{"class":5708},[5343,17853,5754],{"class":5702},[5343,17855,17856,17858,17860,17862,17864,17866,17868,17870,17872,17874,17876,17878,17880,17882,17884,17886],{"class":5345,"line":7178},[5343,17857,5991],{"class":5708},[5343,17859,5196],{"class":5702},[5343,17861,5996],{"class":5349},[5343,17863,5919],{"class":5702},[5343,17865,8464],{"class":5352},[5343,17867,6004],{"class":5356},[5343,17869,8352],{"class":5708},[5343,17871,6015],{"class":5356},[5343,17873,12244],{"class":5352},[5343,17875,6004],{"class":5356},[5343,17877,5949],{"class":5708},[5343,17879,5196],{"class":6009},[5343,17881,8343],{"class":5708},[5343,17883,6015],{"class":5356},[5343,17885,6026],{"class":5352},[5343,17887,6029],{"class":5702},[5343,17889,17890],{"class":5345,"line":7183},[5343,17891,5785],{"emptyLinePlaceholder":5784},[5343,17893,17894],{"class":5345,"line":7188},[5343,17895,17896],{"class":5554},"    \u002F\u002F Завантажити історію\n",[5343,17898,17899,17901,17904,17906,17908,17910,17912,17914,17916,17918,17920,17922,17924,17926,17928,17930],{"class":5345,"line":7193},[5343,17900,7306],{"class":5356},[5343,17902,17903],{"class":7309}," history",[5343,17905,6646],{"class":5702},[5343,17907,9803],{"class":5698},[5343,17909,9806],{"class":5356},[5343,17911,5196],{"class":5702},[5343,17913,9811],{"class":5708},[5343,17915,5196],{"class":5702},[5343,17917,12289],{"class":5349},[5343,17919,5919],{"class":5702},[5343,17921,5949],{"class":5708},[5343,17923,5196],{"class":5702},[5343,17925,8343],{"class":5708},[5343,17927,5464],{"class":5702},[5343,17929,11666],{"class":6682},[5343,17931,6029],{"class":5702},[5343,17933,17934],{"class":5345,"line":7199},[5343,17935,5785],{"emptyLinePlaceholder":5784},[5343,17937,17938,17940,17942,17944,17946,17948,17950,17953,17955,17957,17959,17961,17964,17966],{"class":5345,"line":7204},[5343,17939,8210],{"class":5708},[5343,17941,5196],{"class":5702},[5343,17943,6179],{"class":5349},[5343,17945,5919],{"class":5702},[5343,17947,12325],{"class":5352},[5343,17949,11121],{"class":5702},[5343,17951,17952],{"class":5708},"roomId:",[5343,17954,8428],{"class":5708},[5343,17956,5196],{"class":5702},[5343,17958,8343],{"class":5708},[5343,17960,5464],{"class":5702},[5343,17962,17963],{"class":5708},"messages:",[5343,17965,17903],{"class":5708},[5343,17967,11821],{"class":5702},[5343,17969,17970],{"class":5345,"line":7224},[5343,17971,5785],{"emptyLinePlaceholder":5784},[5343,17973,17974],{"class":5345,"line":7247},[5343,17975,17976],{"class":5554},"    \u002F\u002F Сповістити інших у кімнаті\n",[5343,17978,17979,17981,17983,17985,17987,17989,17991,17993,17995,17997,17999,18001,18003,18006],{"class":5345,"line":7252},[5343,17980,8210],{"class":5708},[5343,17982,5196],{"class":5702},[5343,17984,8397],{"class":5708},[5343,17986,5196],{"class":5702},[5343,17988,8402],{"class":5349},[5343,17990,5919],{"class":5702},[5343,17992,5949],{"class":5708},[5343,17994,5196],{"class":5702},[5343,17996,8343],{"class":5708},[5343,17998,6265],{"class":5702},[5343,18000,6179],{"class":5349},[5343,18002,5919],{"class":5702},[5343,18004,18005],{"class":5352},"'userJoined'",[5343,18007,6186],{"class":5702},[5343,18009,18010,18012],{"class":5345,"line":7257},[5343,18011,14422],{"class":5708},[5343,18013,5712],{"class":5702},[5343,18015,18016,18018,18020,18022],{"class":5345,"line":7262},[5343,18017,6203],{"class":5708},[5343,18019,6206],{"class":5356},[5343,18021,6209],{"class":5349},[5343,18023,6218],{"class":5702},[5343,18025,18026],{"class":5345,"line":7268},[5343,18027,6224],{"class":5702},[5343,18029,18030],{"class":5345,"line":7273},[5343,18031,6065],{"class":5702},[5343,18033,18034],{"class":5345,"line":7303},[5343,18035,5785],{"emptyLinePlaceholder":5784},[5343,18037,18038],{"class":5345,"line":7330},[5343,18039,5896],{"class":5554},[5343,18041,18042],{"class":5345,"line":7347},[5343,18043,18044],{"class":5554},"   * Відправка повідомлення\n",[5343,18046,18047],{"class":5345,"line":7362},[5343,18048,5908],{"class":5554},[5343,18050,18051,18053,18055,18057,18059],{"class":5345,"line":7392},[5343,18052,5862],{"class":5702},[5343,18054,5916],{"class":5349},[5343,18056,5919],{"class":5702},[5343,18058,8679],{"class":5352},[5343,18060,5925],{"class":5702},[5343,18062,18063,18065,18067],{"class":5345,"line":7406},[5343,18064,9545],{"class":5356},[5343,18066,9548],{"class":5349},[5343,18068,5934],{"class":5702},[5343,18070,18071,18073,18075,18077,18079,18081,18083,18085,18087,18089,18091,18093,18095],{"class":5345,"line":7414},[5343,18072,5940],{"class":5702},[5343,18074,5943],{"class":5349},[5343,18076,5946],{"class":5702},[5343,18078,5949],{"class":5708},[5343,18080,6853],{"class":5702},[5343,18082,8343],{"class":5708},[5343,18084,5877],{"class":5702},[5343,18086,5954],{"class":5853},[5343,18088,5882],{"class":5702},[5343,18090,6856],{"class":5708},[5343,18092,5877],{"class":5702},[5343,18094,5954],{"class":5853},[5343,18096,8359],{"class":5702},[5343,18098,18099,18101,18103,18105,18107,18109,18111],{"class":5345,"line":7443},[5343,18100,5940],{"class":5702},[5343,18102,5964],{"class":5349},[5343,18104,5946],{"class":5702},[5343,18106,5969],{"class":5708},[5343,18108,5877],{"class":5702},[5343,18110,5769],{"class":5853},[5343,18112,5712],{"class":5702},[5343,18114,18115],{"class":5345,"line":7448},[5343,18116,14258],{"class":5702},[5343,18118,18119,18121,18123,18125,18127,18129,18131,18133,18135],{"class":5345,"line":7453},[5343,18120,7306],{"class":5356},[5343,18122,9766],{"class":7309},[5343,18124,9769],{"class":5702},[5343,18126,5969],{"class":5708},[5343,18128,9774],{"class":5698},[5343,18130,9777],{"class":5853},[5343,18132,6265],{"class":5702},[5343,18134,8955],{"class":5708},[5343,18136,5754],{"class":5702},[5343,18138,18139,18141,18143,18145,18147,18149,18151,18153,18155],{"class":5345,"line":7458},[5343,18140,7306],{"class":5356},[5343,18142,14290],{"class":7309},[5343,18144,9769],{"class":5702},[5343,18146,5969],{"class":5708},[5343,18148,9774],{"class":5698},[5343,18150,9777],{"class":5853},[5343,18152,6265],{"class":5702},[5343,18154,8352],{"class":5708},[5343,18156,5754],{"class":5702},[5343,18158,18159],{"class":5345,"line":7464},[5343,18160,5785],{"emptyLinePlaceholder":5784},[5343,18162,18163,18165,18167,18169,18171,18173,18175,18177,18179,18181],{"class":5345,"line":7469},[5343,18164,7306],{"class":5356},[5343,18166,6195],{"class":7309},[5343,18168,6646],{"class":5702},[5343,18170,9803],{"class":5698},[5343,18172,9806],{"class":5356},[5343,18174,5196],{"class":5702},[5343,18176,9811],{"class":5708},[5343,18178,5196],{"class":5702},[5343,18180,9816],{"class":5349},[5343,18182,5796],{"class":5702},[5343,18184,18185,18187,18189,18191,18193],{"class":5345,"line":7481},[5343,18186,11553],{"class":5708},[5343,18188,8428],{"class":5708},[5343,18190,5196],{"class":5702},[5343,18192,8343],{"class":5708},[5343,18194,5712],{"class":5702},[5343,18196,18197,18199],{"class":5345,"line":7497},[5343,18198,14347],{"class":5708},[5343,18200,5712],{"class":5702},[5343,18202,18203,18205,18207,18209,18211],{"class":5345,"line":7502},[5343,18204,6192],{"class":5708},[5343,18206,8428],{"class":5708},[5343,18208,5196],{"class":5702},[5343,18210,6856],{"class":5708},[5343,18212,5712],{"class":5702},[5343,18214,18215],{"class":5345,"line":7507},[5343,18216,6224],{"class":5702},[5343,18218,18219],{"class":5345,"line":7512},[5343,18220,5785],{"emptyLinePlaceholder":5784},[5343,18222,18223],{"class":5345,"line":7518},[5343,18224,18225],{"class":5554},"    \u002F\u002F Broadcast до кімнати\n",[5343,18227,18228,18230,18232,18234,18236,18238,18240,18242,18244,18246,18248,18250,18252,18254],{"class":5345,"line":7540},[5343,18229,6169],{"class":5356},[5343,18231,5196],{"class":5702},[5343,18233,6174],{"class":5708},[5343,18235,5196],{"class":5702},[5343,18237,8402],{"class":5349},[5343,18239,5919],{"class":5702},[5343,18241,5949],{"class":5708},[5343,18243,5196],{"class":5702},[5343,18245,8343],{"class":5708},[5343,18247,6265],{"class":5702},[5343,18249,6179],{"class":5349},[5343,18251,5919],{"class":5702},[5343,18253,8763],{"class":5352},[5343,18255,6186],{"class":5702},[5343,18257,18258,18260,18262,18264,18266],{"class":5345,"line":7545},[5343,18259,8770],{"class":5708},[5343,18261,6195],{"class":5708},[5343,18263,5196],{"class":5702},[5343,18265,6012],{"class":5708},[5343,18267,5712],{"class":5702},[5343,18269,18270,18272],{"class":5345,"line":7551},[5343,18271,14347],{"class":5708},[5343,18273,5712],{"class":5702},[5343,18275,18276,18278],{"class":5345,"line":7581},[5343,18277,14422],{"class":5708},[5343,18279,5712],{"class":5702},[5343,18281,18282,18284,18286,18288,18290],{"class":5345,"line":7613},[5343,18283,6192],{"class":5708},[5343,18285,6195],{"class":5708},[5343,18287,5196],{"class":5702},[5343,18289,6856],{"class":5708},[5343,18291,5712],{"class":5702},[5343,18293,18294,18296,18298,18300,18302],{"class":5345,"line":7636},[5343,18295,14441],{"class":5708},[5343,18297,6195],{"class":5708},[5343,18299,5196],{"class":5702},[5343,18301,9963],{"class":5708},[5343,18303,5712],{"class":5702},[5343,18305,18306],{"class":5345,"line":7653},[5343,18307,6224],{"class":5702},[5343,18309,18310],{"class":5345,"line":7659},[5343,18311,5785],{"emptyLinePlaceholder":5784},[5343,18313,18314,18316,18318,18320,18322,18324,18326,18328,18330,18332],{"class":5345,"line":7664},[5343,18315,6046],{"class":5698},[5343,18317,5761],{"class":5702},[5343,18319,12703],{"class":5708},[5343,18321,5827],{"class":5356},[5343,18323,5464],{"class":5702},[5343,18325,12710],{"class":5708},[5343,18327,6195],{"class":5708},[5343,18329,5196],{"class":5702},[5343,18331,6012],{"class":5708},[5343,18333,12719],{"class":5702},[5343,18335,18336],{"class":5345,"line":7670},[5343,18337,6065],{"class":5702},[5343,18339,18340],{"class":5345,"line":7698},[5343,18341,6235],{"class":5702},[5333,18343,18346],{"className":5684,"code":18344,"filename":18345,"language":5686,"meta":5339,"style":5339},"import { CanActivate, ExecutionContext, Injectable } from '@nestjs\u002Fcommon';\nimport { JwtService } from '@nestjs\u002Fjwt';\nimport { Socket } from 'socket.io';\n\n@Injectable()\nexport class WsJwtGuard implements CanActivate {\n  constructor(private jwtService: JwtService) {}\n\n  async canActivate(context: ExecutionContext): Promise\u003Cboolean> {\n    const client: Socket = context.switchToWs().getClient();\n\n    try {\n      const token = client.handshake.auth?.token;\n\n      if (!token) throw new Error('No token');\n\n      const payload = await this.jwtService.verifyAsync(token, {\n        secret: process.env.JWT_SECRET,\n      });\n\n      (client as any).userId = payload.sub;\n      (client as any).username = payload.username;\n\n      return true;\n    } catch {\n      client.disconnect();\n      return false;\n    }\n  }\n}\n","src\u002Fchat\u002Fguards\u002Fws-jwt.guard.ts",[5110,18347,18348,18372,18388,18404,18408,18416,18430,18446,18450,18474,18498,18502,18508,18532,18536,18560,18564,18590,18606,18610,18614,18638,18662,18666,18674,18682,18692,18700,18704,18708],{"__ignoreMap":5339},[5343,18349,18350,18352,18354,18356,18358,18360,18362,18364,18366,18368,18370],{"class":5345,"line":5346},[5343,18351,5699],{"class":5698},[5343,18353,5761],{"class":5702},[5343,18355,13428],{"class":5708},[5343,18357,5464],{"class":5702},[5343,18359,13433],{"class":5708},[5343,18361,5464],{"class":5702},[5343,18363,11309],{"class":5708},[5343,18365,5772],{"class":5702},[5343,18367,5748],{"class":5698},[5343,18369,6337],{"class":5352},[5343,18371,5754],{"class":5702},[5343,18373,18374,18376,18378,18380,18382,18384,18386],{"class":5345,"line":5366},[5343,18375,5699],{"class":5698},[5343,18377,5761],{"class":5702},[5343,18379,13454],{"class":5708},[5343,18381,5772],{"class":5702},[5343,18383,5748],{"class":5698},[5343,18385,13461],{"class":5352},[5343,18387,5754],{"class":5702},[5343,18389,18390,18392,18394,18396,18398,18400,18402],{"class":5345,"line":5378},[5343,18391,5699],{"class":5698},[5343,18393,5761],{"class":5702},[5343,18395,5769],{"class":5708},[5343,18397,5772],{"class":5702},[5343,18399,5748],{"class":5698},[5343,18401,5777],{"class":5352},[5343,18403,5754],{"class":5702},[5343,18405,18406],{"class":5345,"line":5528},[5343,18407,5785],{"emptyLinePlaceholder":5784},[5343,18409,18410,18412,18414],{"class":5345,"line":5537},[5343,18411,5790],{"class":5702},[5343,18413,11309],{"class":5349},[5343,18415,5868],{"class":5702},[5343,18417,18418,18420,18422,18424,18426,18428],{"class":5345,"line":5546},[5343,18419,5847],{"class":5698},[5343,18421,5850],{"class":5356},[5343,18423,13500],{"class":5853},[5343,18425,13503],{"class":5356},[5343,18427,13506],{"class":5853},[5343,18429,5703],{"class":5702},[5343,18431,18432,18434,18436,18438,18440,18442,18444],{"class":5345,"line":5558},[5343,18433,6617],{"class":5356},[5343,18435,5919],{"class":5702},[5343,18437,9471],{"class":5356},[5343,18439,13519],{"class":5708},[5343,18441,5877],{"class":5702},[5343,18443,13454],{"class":5853},[5343,18445,9484],{"class":5702},[5343,18447,18448],{"class":5345,"line":5569},[5343,18449,5785],{"emptyLinePlaceholder":5784},[5343,18451,18452,18454,18456,18458,18460,18462,18464,18466,18468,18470,18472],{"class":5345,"line":5577},[5343,18453,9545],{"class":5356},[5343,18455,13536],{"class":5349},[5343,18457,5919],{"class":5702},[5343,18459,13541],{"class":5708},[5343,18461,5877],{"class":5702},[5343,18463,13433],{"class":5853},[5343,18465,6123],{"class":5702},[5343,18467,9590],{"class":5853},[5343,18469,9593],{"class":5702},[5343,18471,9401],{"class":5853},[5343,18473,9599],{"class":5702},[5343,18475,18476,18478,18480,18482,18484,18486,18488,18490,18492,18494,18496],{"class":5345,"line":5592},[5343,18477,7306],{"class":5356},[5343,18479,7524],{"class":7309},[5343,18481,5877],{"class":5702},[5343,18483,5769],{"class":5853},[5343,18485,6646],{"class":5702},[5343,18487,13541],{"class":5708},[5343,18489,5196],{"class":5702},[5343,18491,13580],{"class":5349},[5343,18493,6212],{"class":5702},[5343,18495,13585],{"class":5349},[5343,18497,6721],{"class":5702},[5343,18499,18500],{"class":5345,"line":5601},[5343,18501,5785],{"emptyLinePlaceholder":5784},[5343,18503,18504,18506],{"class":5345,"line":5799},[5343,18505,9604],{"class":5698},[5343,18507,5703],{"class":5702},[5343,18509,18510,18512,18514,18516,18518,18520,18522,18524,18526,18528,18530],{"class":5345,"line":5807},[5343,18511,9763],{"class":5356},[5343,18513,13603],{"class":7309},[5343,18515,6646],{"class":5702},[5343,18517,5969],{"class":5708},[5343,18519,5196],{"class":5702},[5343,18521,13612],{"class":5708},[5343,18523,5196],{"class":5702},[5343,18525,13617],{"class":5708},[5343,18527,13620],{"class":5702},[5343,18529,13623],{"class":5708},[5343,18531,5754],{"class":5702},[5343,18533,18534],{"class":5345,"line":5821},[5343,18535,5785],{"emptyLinePlaceholder":5784},[5343,18537,18538,18540,18542,18544,18546,18549,18551,18553,18555,18558],{"class":5345,"line":5832},[5343,18539,9616],{"class":5698},[5343,18541,9619],{"class":5702},[5343,18543,13623],{"class":5708},[5343,18545,6973],{"class":5702},[5343,18547,18548],{"class":5698},"throw",[5343,18550,6206],{"class":5356},[5343,18552,10556],{"class":5349},[5343,18554,5919],{"class":5702},[5343,18556,18557],{"class":5352},"'No token'",[5343,18559,6029],{"class":5702},[5343,18561,18562],{"class":5345,"line":5838},[5343,18563,5785],{"emptyLinePlaceholder":5784},[5343,18565,18566,18568,18570,18572,18574,18576,18578,18580,18582,18584,18586,18588],{"class":5345,"line":5844},[5343,18567,9763],{"class":5356},[5343,18569,13732],{"class":7309},[5343,18571,6646],{"class":5702},[5343,18573,9803],{"class":5698},[5343,18575,9806],{"class":5356},[5343,18577,5196],{"class":5702},[5343,18579,13743],{"class":5708},[5343,18581,5196],{"class":5702},[5343,18583,13748],{"class":5349},[5343,18585,5919],{"class":5702},[5343,18587,13623],{"class":5708},[5343,18589,6186],{"class":5702},[5343,18591,18592,18594,18596,18598,18600,18602,18604],{"class":5345,"line":5859},[5343,18593,13759],{"class":5708},[5343,18595,13762],{"class":5708},[5343,18597,5196],{"class":5702},[5343,18599,13767],{"class":5708},[5343,18601,5196],{"class":5702},[5343,18603,13772],{"class":7309},[5343,18605,5712],{"class":5702},[5343,18607,18608],{"class":5345,"line":5871},[5343,18609,9856],{"class":5702},[5343,18611,18612],{"class":5345,"line":5888},[5343,18613,5785],{"emptyLinePlaceholder":5784},[5343,18615,18616,18618,18620,18622,18624,18626,18628,18630,18632,18634,18636],{"class":5345,"line":5893},[5343,18617,10285],{"class":5702},[5343,18619,5969],{"class":5708},[5343,18621,9774],{"class":5698},[5343,18623,9777],{"class":5853},[5343,18625,6265],{"class":5702},[5343,18627,8955],{"class":5708},[5343,18629,6646],{"class":5702},[5343,18631,13806],{"class":5708},[5343,18633,5196],{"class":5702},[5343,18635,13811],{"class":5708},[5343,18637,5754],{"class":5702},[5343,18639,18640,18642,18644,18646,18648,18650,18652,18654,18656,18658,18660],{"class":5345,"line":5899},[5343,18641,10285],{"class":5702},[5343,18643,5969],{"class":5708},[5343,18645,9774],{"class":5698},[5343,18647,9777],{"class":5853},[5343,18649,6265],{"class":5702},[5343,18651,8352],{"class":5708},[5343,18653,6646],{"class":5702},[5343,18655,13806],{"class":5708},[5343,18657,5196],{"class":5702},[5343,18659,8352],{"class":5708},[5343,18661,5754],{"class":5702},[5343,18663,18664],{"class":5345,"line":5905},[5343,18665,5785],{"emptyLinePlaceholder":5784},[5343,18667,18668,18670,18672],{"class":5345,"line":5911},[5343,18669,9983],{"class":5698},[5343,18671,5827],{"class":5356},[5343,18673,5754],{"class":5702},[5343,18675,18676,18678,18680],{"class":5345,"line":5928},[5343,18677,10017],{"class":5702},[5343,18679,10020],{"class":5698},[5343,18681,5703],{"class":5702},[5343,18683,18684,18686,18688,18690],{"class":5345,"line":5937},[5343,18685,14623],{"class":5708},[5343,18687,5196],{"class":5702},[5343,18689,7492],{"class":5349},[5343,18691,6721],{"class":5702},[5343,18693,18694,18696,18698],{"class":5345,"line":5959},[5343,18695,9983],{"class":5698},[5343,18697,9667],{"class":5356},[5343,18699,5754],{"class":5702},[5343,18701,18702],{"class":5345,"line":5978},[5343,18703,10082],{"class":5702},[5343,18705,18706],{"class":5345,"line":5988},[5343,18707,6065],{"class":5702},[5343,18709,18710],{"class":5345,"line":6032},[5343,18711,6235],{"class":5702},[5325,18713,18715],{"id":18714},"клієнтська-реалізація-react-приклад","Клієнтська реалізація (React приклад)",[5333,18717,18719],{"className":5684,"code":18718,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fhooks\u002FuseChat.ts\nimport { useEffect, useState, useCallback } from 'react';\nimport { io, Socket } from 'socket.io-client';\n\ninterface Message {\n  id: string;\n  userId: number;\n  username: string;\n  text: string;\n  createdAt: string;\n}\n\nexport const useChat = (roomId: string, jwtToken: string) => {\n  const [socket, setSocket] = useState\u003CSocket | null>(null);\n  const [messages, setMessages] = useState\u003CMessage[]>([]);\n  const [isConnected, setIsConnected] = useState(false);\n\n  useEffect(() => {\n    const newSocket = io('http:\u002F\u002Flocalhost:3001', {\n      auth: { token: jwtToken },\n    });\n\n    newSocket.on('connect', () => {\n      setIsConnected(true);\n      newSocket.emit('joinRoom', { roomId });\n    });\n\n    newSocket.on('messageHistory', (data: { messages: Message[] }) => {\n      setMessages(data.messages);\n    });\n\n    newSocket.on('newMessage', (message: Message) => {\n      setMessages((prev) => [...prev, message]);\n    });\n\n    newSocket.on('disconnect', () => setIsConnected(false));\n\n    setSocket(newSocket);\n\n    return () => {\n      newSocket.disconnect();\n    };\n  }, [roomId, jwtToken]);\n\n  const sendMessage = useCallback(\n    (text: string) => {\n      if (socket) {\n        socket.emit('sendMessage', { roomId, text });\n      }\n    },\n    [socket, roomId]\n  );\n\n  return { messages, sendMessage, isConnected };\n};\n",[5110,18720,18721,18726,18754,18774,18778,18786,18796,18806,18816,18826,18836,18840,18844,18876,18910,18935,18960,18964,18975,18992,19005,19009,19013,19032,19043,19062,19066,19070,19101,19116,19120,19124,19150,19175,19179,19183,19208,19212,19224,19228,19239,19249,19254,19267,19271,19283,19300,19310,19333,19337,19341,19355,19360,19364,19383],{"__ignoreMap":5339},[5343,18722,18723],{"class":5345,"line":5346},[5343,18724,18725],{"class":5554},"\u002F\u002F client\u002Fhooks\u002FuseChat.ts\n",[5343,18727,18728,18730,18732,18735,18737,18740,18742,18745,18747,18749,18752],{"class":5345,"line":5366},[5343,18729,5699],{"class":5698},[5343,18731,5761],{"class":5702},[5343,18733,18734],{"class":5708},"useEffect",[5343,18736,5464],{"class":5702},[5343,18738,18739],{"class":5708},"useState",[5343,18741,5464],{"class":5702},[5343,18743,18744],{"class":5708},"useCallback",[5343,18746,5772],{"class":5702},[5343,18748,5748],{"class":5698},[5343,18750,18751],{"class":5352}," 'react'",[5343,18753,5754],{"class":5702},[5343,18755,18756,18758,18760,18762,18764,18766,18768,18770,18772],{"class":5345,"line":5378},[5343,18757,5699],{"class":5698},[5343,18759,5761],{"class":5702},[5343,18761,6567],{"class":5708},[5343,18763,5464],{"class":5702},[5343,18765,5769],{"class":5708},[5343,18767,5772],{"class":5702},[5343,18769,5748],{"class":5698},[5343,18771,6578],{"class":5352},[5343,18773,5754],{"class":5702},[5343,18775,18776],{"class":5345,"line":5528},[5343,18777,5785],{"emptyLinePlaceholder":5784},[5343,18779,18780,18782,18784],{"class":5345,"line":5537},[5343,18781,8021],{"class":5356},[5343,18783,11028],{"class":5853},[5343,18785,5703],{"class":5702},[5343,18787,18788,18790,18792,18794],{"class":5345,"line":5546},[5343,18789,11049],{"class":5708},[5343,18791,5877],{"class":5702},[5343,18793,5954],{"class":5853},[5343,18795,5754],{"class":5702},[5343,18797,18798,18800,18802,18804],{"class":5345,"line":5558},[5343,18799,8042],{"class":5708},[5343,18801,5877],{"class":5702},[5343,18803,8047],{"class":5853},[5343,18805,5754],{"class":5702},[5343,18807,18808,18810,18812,18814],{"class":5345,"line":5569},[5343,18809,8054],{"class":5708},[5343,18811,5877],{"class":5702},[5343,18813,5954],{"class":5853},[5343,18815,5754],{"class":5702},[5343,18817,18818,18820,18822,18824],{"class":5345,"line":5577},[5343,18819,8065],{"class":5708},[5343,18821,5877],{"class":5702},[5343,18823,5954],{"class":5853},[5343,18825,5754],{"class":5702},[5343,18827,18828,18830,18832,18834],{"class":5345,"line":5592},[5343,18829,11208],{"class":5708},[5343,18831,5877],{"class":5702},[5343,18833,5954],{"class":5853},[5343,18835,5754],{"class":5702},[5343,18837,18838],{"class":5345,"line":5601},[5343,18839,6235],{"class":5702},[5343,18841,18842],{"class":5345,"line":5799},[5343,18843,5785],{"emptyLinePlaceholder":5784},[5343,18845,18846,18848,18851,18854,18856,18858,18860,18862,18864,18866,18868,18870,18872,18874],{"class":5345,"line":5807},[5343,18847,5847],{"class":5698},[5343,18849,18850],{"class":5356}," const",[5343,18852,18853],{"class":5349}," useChat",[5343,18855,9769],{"class":5702},[5343,18857,8343],{"class":5708},[5343,18859,5877],{"class":5702},[5343,18861,5954],{"class":5853},[5343,18863,5464],{"class":5702},[5343,18865,14793],{"class":5708},[5343,18867,5877],{"class":5702},[5343,18869,5954],{"class":5853},[5343,18871,6973],{"class":5702},[5343,18873,6785],{"class":5356},[5343,18875,5703],{"class":5702},[5343,18877,18878,18880,18882,18884,18886,18889,18892,18894,18896,18898,18901,18903,18906,18908],{"class":5345,"line":5821},[5343,18879,7584],{"class":5356},[5343,18881,6395],{"class":5702},[5343,18883,6643],{"class":7309},[5343,18885,5464],{"class":5702},[5343,18887,18888],{"class":7309},"setSocket",[5343,18890,18891],{"class":5702},"] = ",[5343,18893,18739],{"class":5349},[5343,18895,9593],{"class":5702},[5343,18897,5769],{"class":5853},[5343,18899,18900],{"class":5702}," | ",[5343,18902,16111],{"class":5853},[5343,18904,18905],{"class":5702},">(",[5343,18907,16111],{"class":5356},[5343,18909,6029],{"class":5702},[5343,18911,18912,18914,18916,18919,18921,18924,18926,18928,18930,18932],{"class":5345,"line":5832},[5343,18913,7584],{"class":5356},[5343,18915,6395],{"class":5702},[5343,18917,18918],{"class":7309},"messages",[5343,18920,5464],{"class":5702},[5343,18922,18923],{"class":7309},"setMessages",[5343,18925,18891],{"class":5702},[5343,18927,18739],{"class":5349},[5343,18929,9593],{"class":5702},[5343,18931,11361],{"class":5853},[5343,18933,18934],{"class":5702},"[]>([]);\n",[5343,18936,18937,18939,18941,18944,18946,18949,18951,18953,18955,18958],{"class":5345,"line":5838},[5343,18938,7584],{"class":5356},[5343,18940,6395],{"class":5702},[5343,18942,18943],{"class":7309},"isConnected",[5343,18945,5464],{"class":5702},[5343,18947,18948],{"class":7309},"setIsConnected",[5343,18950,18891],{"class":5702},[5343,18952,18739],{"class":5349},[5343,18954,5919],{"class":5702},[5343,18956,18957],{"class":5356},"false",[5343,18959,6029],{"class":5702},[5343,18961,18962],{"class":5345,"line":5844},[5343,18963,5785],{"emptyLinePlaceholder":5784},[5343,18965,18966,18969,18971,18973],{"class":5345,"line":5859},[5343,18967,18968],{"class":5349},"  useEffect",[5343,18970,10540],{"class":5702},[5343,18972,6785],{"class":5356},[5343,18974,5703],{"class":5702},[5343,18976,18977,18979,18982,18984,18986,18988,18990],{"class":5345,"line":5871},[5343,18978,7306],{"class":5356},[5343,18980,18981],{"class":7309}," newSocket",[5343,18983,6646],{"class":5702},[5343,18985,6567],{"class":5349},[5343,18987,5919],{"class":5702},[5343,18989,7535],{"class":5352},[5343,18991,6186],{"class":5702},[5343,18993,18994,18996,18998,19001,19003],{"class":5345,"line":5888},[5343,18995,14827],{"class":5708},[5343,18997,5761],{"class":5702},[5343,18999,19000],{"class":5708},"token:",[5343,19002,14837],{"class":5708},[5343,19004,8359],{"class":5702},[5343,19006,19007],{"class":5345,"line":5893},[5343,19008,6224],{"class":5702},[5343,19010,19011],{"class":5345,"line":5899},[5343,19012,5785],{"emptyLinePlaceholder":5784},[5343,19014,19015,19018,19020,19022,19024,19026,19028,19030],{"class":5345,"line":5905},[5343,19016,19017],{"class":5708},"    newSocket",[5343,19019,5196],{"class":5702},[5343,19021,6774],{"class":5349},[5343,19023,5919],{"class":5702},[5343,19025,6779],{"class":5352},[5343,19027,6782],{"class":5702},[5343,19029,6785],{"class":5356},[5343,19031,5703],{"class":5702},[5343,19033,19034,19037,19039,19041],{"class":5345,"line":5911},[5343,19035,19036],{"class":5349},"      setIsConnected",[5343,19038,5919],{"class":5702},[5343,19040,11854],{"class":5356},[5343,19042,6029],{"class":5702},[5343,19044,19045,19048,19050,19052,19054,19056,19058,19060],{"class":5345,"line":5928},[5343,19046,19047],{"class":5708},"      newSocket",[5343,19049,5196],{"class":5702},[5343,19051,6179],{"class":5349},[5343,19053,5919],{"class":5702},[5343,19055,12131],{"class":5352},[5343,19057,11121],{"class":5702},[5343,19059,8343],{"class":5708},[5343,19061,11821],{"class":5702},[5343,19063,19064],{"class":5345,"line":5937},[5343,19065,6224],{"class":5702},[5343,19067,19068],{"class":5345,"line":5959},[5343,19069,5785],{"emptyLinePlaceholder":5784},[5343,19071,19072,19074,19076,19078,19080,19082,19084,19086,19088,19090,19092,19094,19097,19099],{"class":5345,"line":5978},[5343,19073,19017],{"class":5708},[5343,19075,5196],{"class":5702},[5343,19077,6774],{"class":5349},[5343,19079,5919],{"class":5702},[5343,19081,12325],{"class":5352},[5343,19083,6848],{"class":5702},[5343,19085,5949],{"class":5708},[5343,19087,6853],{"class":5702},[5343,19089,18918],{"class":5708},[5343,19091,5877],{"class":5702},[5343,19093,11361],{"class":5853},[5343,19095,19096],{"class":5702},"[] }) ",[5343,19098,6785],{"class":5356},[5343,19100,5703],{"class":5702},[5343,19102,19103,19106,19108,19110,19112,19114],{"class":5345,"line":5988},[5343,19104,19105],{"class":5349},"      setMessages",[5343,19107,5919],{"class":5702},[5343,19109,5949],{"class":5708},[5343,19111,5196],{"class":5702},[5343,19113,18918],{"class":5708},[5343,19115,6029],{"class":5702},[5343,19117,19118],{"class":5345,"line":6032},[5343,19119,6224],{"class":5702},[5343,19121,19122],{"class":5345,"line":6037},[5343,19123,5785],{"emptyLinePlaceholder":5784},[5343,19125,19126,19128,19130,19132,19134,19136,19138,19140,19142,19144,19146,19148],{"class":5345,"line":6043},[5343,19127,19017],{"class":5708},[5343,19129,5196],{"class":5702},[5343,19131,6774],{"class":5349},[5343,19133,5919],{"class":5702},[5343,19135,8763],{"class":5352},[5343,19137,6848],{"class":5702},[5343,19139,6116],{"class":5708},[5343,19141,5877],{"class":5702},[5343,19143,11361],{"class":5853},[5343,19145,6973],{"class":5702},[5343,19147,6785],{"class":5356},[5343,19149,5703],{"class":5702},[5343,19151,19152,19154,19156,19159,19161,19163,19166,19168,19170,19172],{"class":5345,"line":6062},[5343,19153,19105],{"class":5349},[5343,19155,10506],{"class":5702},[5343,19157,19158],{"class":5708},"prev",[5343,19160,6973],{"class":5702},[5343,19162,6785],{"class":5356},[5343,19164,19165],{"class":5702}," [...",[5343,19167,19158],{"class":5708},[5343,19169,5464],{"class":5702},[5343,19171,6116],{"class":5708},[5343,19173,19174],{"class":5702},"]);\n",[5343,19176,19177],{"class":5345,"line":6068},[5343,19178,6224],{"class":5702},[5343,19180,19181],{"class":5345,"line":6073},[5343,19182,5785],{"emptyLinePlaceholder":5784},[5343,19184,19185,19187,19189,19191,19193,19195,19197,19199,19202,19204,19206],{"class":5345,"line":6078},[5343,19186,19017],{"class":5708},[5343,19188,5196],{"class":5702},[5343,19190,6774],{"class":5349},[5343,19192,5919],{"class":5702},[5343,19194,6961],{"class":5352},[5343,19196,6782],{"class":5702},[5343,19198,6785],{"class":5356},[5343,19200,19201],{"class":5349}," setIsConnected",[5343,19203,5919],{"class":5702},[5343,19205,18957],{"class":5356},[5343,19207,10564],{"class":5702},[5343,19209,19210],{"class":5345,"line":6084},[5343,19211,5785],{"emptyLinePlaceholder":5784},[5343,19213,19214,19217,19219,19222],{"class":5345,"line":6089},[5343,19215,19216],{"class":5349},"    setSocket",[5343,19218,5919],{"class":5702},[5343,19220,19221],{"class":5708},"newSocket",[5343,19223,6029],{"class":5702},[5343,19225,19226],{"class":5345,"line":6103},[5343,19227,5785],{"emptyLinePlaceholder":5784},[5343,19229,19230,19232,19235,19237],{"class":5345,"line":6131},[5343,19231,6046],{"class":5698},[5343,19233,19234],{"class":5702}," () ",[5343,19236,6785],{"class":5356},[5343,19238,5703],{"class":5702},[5343,19240,19241,19243,19245,19247],{"class":5345,"line":6155},[5343,19242,19047],{"class":5708},[5343,19244,5196],{"class":5702},[5343,19246,7492],{"class":5349},[5343,19248,6721],{"class":5702},[5343,19250,19251],{"class":5345,"line":6160},[5343,19252,19253],{"class":5702},"    };\n",[5343,19255,19256,19259,19261,19263,19265],{"class":5345,"line":6166},[5343,19257,19258],{"class":5702},"  }, [",[5343,19260,8343],{"class":5708},[5343,19262,5464],{"class":5702},[5343,19264,14793],{"class":5708},[5343,19266,19174],{"class":5702},[5343,19268,19269],{"class":5345,"line":6189},[5343,19270,5785],{"emptyLinePlaceholder":5784},[5343,19272,19273,19275,19277,19279,19281],{"class":5345,"line":6200},[5343,19274,7584],{"class":5356},[5343,19276,10195],{"class":7309},[5343,19278,6646],{"class":5702},[5343,19280,18744],{"class":5349},[5343,19282,5934],{"class":5702},[5343,19284,19285,19288,19290,19292,19294,19296,19298],{"class":5345,"line":6221},[5343,19286,19287],{"class":5702},"    (",[5343,19289,6856],{"class":5708},[5343,19291,5877],{"class":5702},[5343,19293,5954],{"class":5853},[5343,19295,6973],{"class":5702},[5343,19297,6785],{"class":5356},[5343,19299,5703],{"class":5702},[5343,19301,19302,19304,19306,19308],{"class":5345,"line":6227},[5343,19303,9616],{"class":5698},[5343,19305,9700],{"class":5702},[5343,19307,6643],{"class":5708},[5343,19309,6629],{"class":5702},[5343,19311,19312,19315,19317,19319,19321,19323,19325,19327,19329,19331],{"class":5345,"line":6232},[5343,19313,19314],{"class":5708},"        socket",[5343,19316,5196],{"class":5702},[5343,19318,6179],{"class":5349},[5343,19320,5919],{"class":5702},[5343,19322,8679],{"class":5352},[5343,19324,11121],{"class":5702},[5343,19326,8343],{"class":5708},[5343,19328,5464],{"class":5702},[5343,19330,6856],{"class":5708},[5343,19332,11821],{"class":5702},[5343,19334,19335],{"class":5345,"line":7147},[5343,19336,9689],{"class":5702},[5343,19338,19339],{"class":5345,"line":7153},[5343,19340,16159],{"class":5702},[5343,19342,19343,19346,19348,19350,19352],{"class":5345,"line":7173},[5343,19344,19345],{"class":5702},"    [",[5343,19347,6643],{"class":5708},[5343,19349,5464],{"class":5702},[5343,19351,8343],{"class":5708},[5343,19353,19354],{"class":5702},"]\n",[5343,19356,19357],{"class":5345,"line":7178},[5343,19358,19359],{"class":5702},"  );\n",[5343,19361,19362],{"class":5345,"line":7183},[5343,19363,5785],{"emptyLinePlaceholder":5784},[5343,19365,19366,19369,19371,19373,19375,19377,19379,19381],{"class":5345,"line":7188},[5343,19367,19368],{"class":5698},"  return",[5343,19370,5761],{"class":5702},[5343,19372,18918],{"class":5708},[5343,19374,5464],{"class":5702},[5343,19376,7621],{"class":5708},[5343,19378,5464],{"class":5702},[5343,19380,18943],{"class":5708},[5343,19382,12719],{"class":5702},[5343,19384,19385],{"class":5345,"line":7193},[5343,19386,19387],{"class":5702},"};\n",[5172,19389],{},[5084,19391,19393],{"id":19392},"обробка-помилок-та-exception-filters","Обробка помилок та exception filters",[5089,19395,19396],{},"Як і у HTTP контролерах, у WebSocket Gateway потрібна структурована обробка помилок для запобігання падінню застосунку та надання зрозумілих повідомлень клієнтам.",[5325,19398,19400],{"id":19399},"websocket-exception-filter","WebSocket Exception Filter",[5333,19402,19404],{"className":5684,"code":19403,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Ffilters\u002Fws-exception.filter.ts\nimport { Catch, ArgumentsHost } from '@nestjs\u002Fcommon';\nimport { BaseWsExceptionFilter, WsException } from '@nestjs\u002Fwebsockets';\nimport { Socket } from 'socket.io';\n\n@Catch(WsException)\nexport class WsExceptionFilter extends BaseWsExceptionFilter {\n  catch(exception: WsException, host: ArgumentsHost) {\n    const client: Socket = host.switchToWs().getClient();\n\n    \u002F\u002F Отримати деталі помилки\n    const error = exception.getError();\n    const details = typeof error === 'string' ? { message: error } : error;\n\n    \u002F\u002F Відправити структуровану помилку клієнту\n    client.emit('exception', {\n      status: 'error',\n      message: details['message'] || 'Internal server error',\n      timestamp: new Date().toISOString(),\n    });\n\n    console.error('[WebSocket Exception]:', details);\n  }\n}\n",[5110,19405,19406,19411,19433,19455,19471,19475,19487,19504,19529,19553,19557,19562,19579,19612,19616,19621,19636,19646,19665,19679,19683,19687,19707,19711],{"__ignoreMap":5339},[5343,19407,19408],{"class":5345,"line":5346},[5343,19409,19410],{"class":5554},"\u002F\u002F src\u002Fchat\u002Ffilters\u002Fws-exception.filter.ts\n",[5343,19412,19413,19415,19417,19420,19422,19425,19427,19429,19431],{"class":5345,"line":5366},[5343,19414,5699],{"class":5698},[5343,19416,5761],{"class":5702},[5343,19418,19419],{"class":5708},"Catch",[5343,19421,5464],{"class":5702},[5343,19423,19424],{"class":5708},"ArgumentsHost",[5343,19426,5772],{"class":5702},[5343,19428,5748],{"class":5698},[5343,19430,6337],{"class":5352},[5343,19432,5754],{"class":5702},[5343,19434,19435,19437,19439,19442,19444,19447,19449,19451,19453],{"class":5345,"line":5378},[5343,19436,5699],{"class":5698},[5343,19438,5761],{"class":5702},[5343,19440,19441],{"class":5708},"BaseWsExceptionFilter",[5343,19443,5464],{"class":5702},[5343,19445,19446],{"class":5708},"WsException",[5343,19448,5772],{"class":5702},[5343,19450,5748],{"class":5698},[5343,19452,5751],{"class":5352},[5343,19454,5754],{"class":5702},[5343,19456,19457,19459,19461,19463,19465,19467,19469],{"class":5345,"line":5528},[5343,19458,5699],{"class":5698},[5343,19460,5761],{"class":5702},[5343,19462,5769],{"class":5708},[5343,19464,5772],{"class":5702},[5343,19466,5748],{"class":5698},[5343,19468,5777],{"class":5352},[5343,19470,5754],{"class":5702},[5343,19472,19473],{"class":5345,"line":5537},[5343,19474,5785],{"emptyLinePlaceholder":5784},[5343,19476,19477,19479,19481,19483,19485],{"class":5345,"line":5546},[5343,19478,5790],{"class":5702},[5343,19480,19419],{"class":5349},[5343,19482,5919],{"class":5702},[5343,19484,19446],{"class":5708},[5343,19486,5925],{"class":5702},[5343,19488,19489,19491,19493,19496,19499,19502],{"class":5345,"line":5558},[5343,19490,5847],{"class":5698},[5343,19492,5850],{"class":5356},[5343,19494,19495],{"class":5853}," WsExceptionFilter",[5343,19497,19498],{"class":5356}," extends",[5343,19500,19501],{"class":5853}," BaseWsExceptionFilter",[5343,19503,5703],{"class":5702},[5343,19505,19506,19509,19511,19514,19516,19518,19520,19523,19525,19527],{"class":5345,"line":5569},[5343,19507,19508],{"class":5349},"  catch",[5343,19510,5919],{"class":5702},[5343,19512,19513],{"class":5708},"exception",[5343,19515,5877],{"class":5702},[5343,19517,19446],{"class":5853},[5343,19519,5464],{"class":5702},[5343,19521,19522],{"class":5708},"host",[5343,19524,5877],{"class":5702},[5343,19526,19424],{"class":5853},[5343,19528,6629],{"class":5702},[5343,19530,19531,19533,19535,19537,19539,19541,19543,19545,19547,19549,19551],{"class":5345,"line":5577},[5343,19532,7306],{"class":5356},[5343,19534,7524],{"class":7309},[5343,19536,5877],{"class":5702},[5343,19538,5769],{"class":5853},[5343,19540,6646],{"class":5702},[5343,19542,19522],{"class":5708},[5343,19544,5196],{"class":5702},[5343,19546,13580],{"class":5349},[5343,19548,6212],{"class":5702},[5343,19550,13585],{"class":5349},[5343,19552,6721],{"class":5702},[5343,19554,19555],{"class":5345,"line":5592},[5343,19556,5785],{"emptyLinePlaceholder":5784},[5343,19558,19559],{"class":5345,"line":5601},[5343,19560,19561],{"class":5554},"    \u002F\u002F Отримати деталі помилки\n",[5343,19563,19564,19566,19568,19570,19572,19574,19577],{"class":5345,"line":5799},[5343,19565,7306],{"class":5356},[5343,19567,15826],{"class":7309},[5343,19569,6646],{"class":5702},[5343,19571,19513],{"class":5708},[5343,19573,5196],{"class":5702},[5343,19575,19576],{"class":5349},"getError",[5343,19578,6721],{"class":5702},[5343,19580,19581,19583,19586,19588,19591,19593,19595,19598,19601,19603,19605,19608,19610],{"class":5345,"line":5807},[5343,19582,7306],{"class":5356},[5343,19584,19585],{"class":7309}," details",[5343,19587,6646],{"class":5702},[5343,19589,19590],{"class":5356},"typeof",[5343,19592,15826],{"class":5708},[5343,19594,9647],{"class":5702},[5343,19596,19597],{"class":5352},"'string'",[5343,19599,19600],{"class":5702}," ? { ",[5343,19602,14637],{"class":5708},[5343,19604,15826],{"class":5708},[5343,19606,19607],{"class":5702}," } : ",[5343,19609,7031],{"class":5708},[5343,19611,5754],{"class":5702},[5343,19613,19614],{"class":5345,"line":5821},[5343,19615,5785],{"emptyLinePlaceholder":5784},[5343,19617,19618],{"class":5345,"line":5832},[5343,19619,19620],{"class":5554},"    \u002F\u002F Відправити структуровану помилку клієнту\n",[5343,19622,19623,19625,19627,19629,19631,19634],{"class":5345,"line":5838},[5343,19624,8210],{"class":5708},[5343,19626,5196],{"class":5702},[5343,19628,6179],{"class":5349},[5343,19630,5919],{"class":5702},[5343,19632,19633],{"class":5352},"'exception'",[5343,19635,6186],{"class":5702},[5343,19637,19638,19641,19644],{"class":5345,"line":5844},[5343,19639,19640],{"class":5708},"      status:",[5343,19642,19643],{"class":5352}," 'error'",[5343,19645,5712],{"class":5702},[5343,19647,19648,19650,19652,19655,19657,19660,19663],{"class":5345,"line":5859},[5343,19649,8226],{"class":5708},[5343,19651,19585],{"class":5708},[5343,19653,19654],{"class":5702},"[",[5343,19656,5922],{"class":5352},[5343,19658,19659],{"class":5702},"] || ",[5343,19661,19662],{"class":5352},"'Internal server error'",[5343,19664,5712],{"class":5702},[5343,19666,19667,19669,19671,19673,19675,19677],{"class":5345,"line":5871},[5343,19668,6203],{"class":5708},[5343,19670,6206],{"class":5356},[5343,19672,6209],{"class":5349},[5343,19674,6212],{"class":5702},[5343,19676,6215],{"class":5349},[5343,19678,6218],{"class":5702},[5343,19680,19681],{"class":5345,"line":5888},[5343,19682,6224],{"class":5702},[5343,19684,19685],{"class":5345,"line":5893},[5343,19686,5785],{"emptyLinePlaceholder":5784},[5343,19688,19689,19691,19693,19695,19697,19700,19702,19705],{"class":5345,"line":5899},[5343,19690,5991],{"class":5708},[5343,19692,5196],{"class":5702},[5343,19694,7031],{"class":5349},[5343,19696,5919],{"class":5702},[5343,19698,19699],{"class":5352},"'[WebSocket Exception]:'",[5343,19701,5464],{"class":5702},[5343,19703,19704],{"class":5708},"details",[5343,19706,6029],{"class":5702},[5343,19708,19709],{"class":5345,"line":5905},[5343,19710,6065],{"class":5702},[5343,19712,19713],{"class":5345,"line":5911},[5343,19714,6235],{"class":5702},[5325,19716,19718],{"id":19717},"застосування-filter-до-gateway","Застосування Filter до Gateway",[5333,19720,19722],{"className":5684,"code":19721,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport { UseFilters } from '@nestjs\u002Fcommon';\nimport { WsException } from '@nestjs\u002Fwebsockets';\nimport { WsExceptionFilter } from '.\u002Ffilters\u002Fws-exception.filter';\n\n@WebSocketGateway({ cors: { origin: '*' } })\n@UseFilters(WsExceptionFilter) \u002F\u002F Застосувати до всього Gateway\nexport class ChatGateway {\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() data: { roomId: string; text: string },\n    @ConnectedSocket() client: Socket,\n  ) {\n    \u002F\u002F Валідація\n    if (!data.text || data.text.trim().length === 0) {\n      throw new WsException('Повідомлення не може бути порожнім');\n    }\n\n    if (data.text.length > 1000) {\n      throw new WsException('Повідомлення занадто довге (макс. 1000 символів)');\n    }\n\n    try {\n      const userId = (client as any).userId;\n      const message = await this.chatService.createMessage({\n        roomId: data.roomId,\n        userId,\n        text: data.text,\n      });\n\n      this.server.to(data.roomId).emit('newMessage', message);\n\n      return { success: true, messageId: message.id };\n    } catch (error) {\n      console.error('[WebSocket] Помилка створення повідомлення:', error);\n      throw new WsException('Не вдалося створити повідомлення');\n    }\n  }\n}\n",[5110,19723,19724,19728,19745,19761,19779,19783,19801,19816,19826,19838,19846,19874,19890,19894,19899,19933,19950,19954,19958,19980,19995,19999,20003,20009,20029,20051,20063,20069,20081,20085,20089,20123,20127,20149,20161,20179,20194,20198,20202],{"__ignoreMap":5339},[5343,19725,19726],{"class":5345,"line":5346},[5343,19727,5693],{"class":5554},[5343,19729,19730,19732,19734,19737,19739,19741,19743],{"class":5345,"line":5366},[5343,19731,5699],{"class":5698},[5343,19733,5761],{"class":5702},[5343,19735,19736],{"class":5708},"UseFilters",[5343,19738,5772],{"class":5702},[5343,19740,5748],{"class":5698},[5343,19742,6337],{"class":5352},[5343,19744,5754],{"class":5702},[5343,19746,19747,19749,19751,19753,19755,19757,19759],{"class":5345,"line":5378},[5343,19748,5699],{"class":5698},[5343,19750,5761],{"class":5702},[5343,19752,19446],{"class":5708},[5343,19754,5772],{"class":5702},[5343,19756,5748],{"class":5698},[5343,19758,5751],{"class":5352},[5343,19760,5754],{"class":5702},[5343,19762,19763,19765,19767,19770,19772,19774,19777],{"class":5345,"line":5528},[5343,19764,5699],{"class":5698},[5343,19766,5761],{"class":5702},[5343,19768,19769],{"class":5708},"WsExceptionFilter",[5343,19771,5772],{"class":5702},[5343,19773,5748],{"class":5698},[5343,19775,19776],{"class":5352}," '.\u002Ffilters\u002Fws-exception.filter'",[5343,19778,5754],{"class":5702},[5343,19780,19781],{"class":5345,"line":5537},[5343,19782,5785],{"emptyLinePlaceholder":5784},[5343,19784,19785,19787,19789,19791,19793,19795,19797,19799],{"class":5345,"line":5546},[5343,19786,5790],{"class":5702},[5343,19788,5793],{"class":5349},[5343,19790,8100],{"class":5702},[5343,19792,8103],{"class":5708},[5343,19794,5761],{"class":5702},[5343,19796,8108],{"class":5708},[5343,19798,8111],{"class":5352},[5343,19800,8114],{"class":5702},[5343,19802,19803,19805,19807,19809,19811,19813],{"class":5345,"line":5558},[5343,19804,5790],{"class":5702},[5343,19806,19736],{"class":5349},[5343,19808,5919],{"class":5702},[5343,19810,19769],{"class":5708},[5343,19812,6973],{"class":5702},[5343,19814,19815],{"class":5554},"\u002F\u002F Застосувати до всього Gateway\n",[5343,19817,19818,19820,19822,19824],{"class":5345,"line":5569},[5343,19819,5847],{"class":5698},[5343,19821,5850],{"class":5356},[5343,19823,5854],{"class":5853},[5343,19825,5703],{"class":5702},[5343,19827,19828,19830,19832,19834,19836],{"class":5345,"line":5577},[5343,19829,5862],{"class":5702},[5343,19831,5916],{"class":5349},[5343,19833,5919],{"class":5702},[5343,19835,8679],{"class":5352},[5343,19837,5925],{"class":5702},[5343,19839,19840,19842,19844],{"class":5345,"line":5592},[5343,19841,9545],{"class":5356},[5343,19843,9548],{"class":5349},[5343,19845,5934],{"class":5702},[5343,19847,19848,19850,19852,19854,19856,19858,19860,19862,19864,19866,19868,19870,19872],{"class":5345,"line":5601},[5343,19849,5940],{"class":5702},[5343,19851,5943],{"class":5349},[5343,19853,5946],{"class":5702},[5343,19855,5949],{"class":5708},[5343,19857,6853],{"class":5702},[5343,19859,8343],{"class":5708},[5343,19861,5877],{"class":5702},[5343,19863,5954],{"class":5853},[5343,19865,5882],{"class":5702},[5343,19867,6856],{"class":5708},[5343,19869,5877],{"class":5702},[5343,19871,5954],{"class":5853},[5343,19873,8359],{"class":5702},[5343,19875,19876,19878,19880,19882,19884,19886,19888],{"class":5345,"line":5799},[5343,19877,5940],{"class":5702},[5343,19879,5964],{"class":5349},[5343,19881,5946],{"class":5702},[5343,19883,5969],{"class":5708},[5343,19885,5877],{"class":5702},[5343,19887,5769],{"class":5853},[5343,19889,5712],{"class":5702},[5343,19891,19892],{"class":5345,"line":5807},[5343,19893,14258],{"class":5702},[5343,19895,19896],{"class":5345,"line":5821},[5343,19897,19898],{"class":5554},"    \u002F\u002F Валідація\n",[5343,19900,19901,19903,19905,19907,19909,19911,19913,19915,19917,19919,19921,19923,19925,19927,19929,19931],{"class":5345,"line":5832},[5343,19902,14601],{"class":5698},[5343,19904,9619],{"class":5702},[5343,19906,5949],{"class":5708},[5343,19908,5196],{"class":5702},[5343,19910,6856],{"class":5708},[5343,19912,9628],{"class":5702},[5343,19914,5949],{"class":5708},[5343,19916,5196],{"class":5702},[5343,19918,6856],{"class":5708},[5343,19920,5196],{"class":5702},[5343,19922,9639],{"class":5349},[5343,19924,6212],{"class":5702},[5343,19926,9644],{"class":5708},[5343,19928,9647],{"class":5702},[5343,19930,9650],{"class":6682},[5343,19932,6629],{"class":5702},[5343,19934,19935,19938,19940,19943,19945,19948],{"class":5345,"line":5838},[5343,19936,19937],{"class":5698},"      throw",[5343,19939,6206],{"class":5356},[5343,19941,19942],{"class":5349}," WsException",[5343,19944,5919],{"class":5702},[5343,19946,19947],{"class":5352},"'Повідомлення не може бути порожнім'",[5343,19949,6029],{"class":5702},[5343,19951,19952],{"class":5345,"line":5844},[5343,19953,10082],{"class":5702},[5343,19955,19956],{"class":5345,"line":5859},[5343,19957,5785],{"emptyLinePlaceholder":5784},[5343,19959,19960,19962,19964,19966,19968,19970,19972,19974,19976,19978],{"class":5345,"line":5871},[5343,19961,14601],{"class":5698},[5343,19963,9700],{"class":5702},[5343,19965,5949],{"class":5708},[5343,19967,5196],{"class":5702},[5343,19969,6856],{"class":5708},[5343,19971,5196],{"class":5702},[5343,19973,9644],{"class":5708},[5343,19975,9713],{"class":5702},[5343,19977,9716],{"class":6682},[5343,19979,6629],{"class":5702},[5343,19981,19982,19984,19986,19988,19990,19993],{"class":5345,"line":5888},[5343,19983,19937],{"class":5698},[5343,19985,6206],{"class":5356},[5343,19987,19942],{"class":5349},[5343,19989,5919],{"class":5702},[5343,19991,19992],{"class":5352},"'Повідомлення занадто довге (макс. 1000 символів)'",[5343,19994,6029],{"class":5702},[5343,19996,19997],{"class":5345,"line":5893},[5343,19998,10082],{"class":5702},[5343,20000,20001],{"class":5345,"line":5899},[5343,20002,5785],{"emptyLinePlaceholder":5784},[5343,20004,20005,20007],{"class":5345,"line":5905},[5343,20006,9604],{"class":5698},[5343,20008,5703],{"class":5702},[5343,20010,20011,20013,20015,20017,20019,20021,20023,20025,20027],{"class":5345,"line":5911},[5343,20012,9763],{"class":5356},[5343,20014,9766],{"class":7309},[5343,20016,9769],{"class":5702},[5343,20018,5969],{"class":5708},[5343,20020,9774],{"class":5698},[5343,20022,9777],{"class":5853},[5343,20024,6265],{"class":5702},[5343,20026,8955],{"class":5708},[5343,20028,5754],{"class":5702},[5343,20030,20031,20033,20035,20037,20039,20041,20043,20045,20047,20049],{"class":5345,"line":5928},[5343,20032,9763],{"class":5356},[5343,20034,6195],{"class":7309},[5343,20036,6646],{"class":5702},[5343,20038,9803],{"class":5698},[5343,20040,9806],{"class":5356},[5343,20042,5196],{"class":5702},[5343,20044,9811],{"class":5708},[5343,20046,5196],{"class":5702},[5343,20048,9816],{"class":5349},[5343,20050,5796],{"class":5702},[5343,20052,20053,20055,20057,20059,20061],{"class":5345,"line":5937},[5343,20054,9823],{"class":5708},[5343,20056,8428],{"class":5708},[5343,20058,5196],{"class":5702},[5343,20060,8343],{"class":5708},[5343,20062,5712],{"class":5702},[5343,20064,20065,20067],{"class":5345,"line":5959},[5343,20066,9836],{"class":5708},[5343,20068,5712],{"class":5702},[5343,20070,20071,20073,20075,20077,20079],{"class":5345,"line":5978},[5343,20072,9843],{"class":5708},[5343,20074,8428],{"class":5708},[5343,20076,5196],{"class":5702},[5343,20078,6856],{"class":5708},[5343,20080,5712],{"class":5702},[5343,20082,20083],{"class":5345,"line":5988},[5343,20084,9856],{"class":5702},[5343,20086,20087],{"class":5345,"line":6032},[5343,20088,5785],{"emptyLinePlaceholder":5784},[5343,20090,20091,20093,20095,20097,20099,20101,20103,20105,20107,20109,20111,20113,20115,20117,20119,20121],{"class":5345,"line":6037},[5343,20092,6908],{"class":5356},[5343,20094,5196],{"class":5702},[5343,20096,6174],{"class":5708},[5343,20098,5196],{"class":5702},[5343,20100,8402],{"class":5349},[5343,20102,5919],{"class":5702},[5343,20104,5949],{"class":5708},[5343,20106,5196],{"class":5702},[5343,20108,8343],{"class":5708},[5343,20110,6265],{"class":5702},[5343,20112,6179],{"class":5349},[5343,20114,5919],{"class":5702},[5343,20116,8763],{"class":5352},[5343,20118,5464],{"class":5702},[5343,20120,6116],{"class":5708},[5343,20122,6029],{"class":5702},[5343,20124,20125],{"class":5345,"line":6043},[5343,20126,5785],{"emptyLinePlaceholder":5784},[5343,20128,20129,20131,20133,20135,20137,20139,20141,20143,20145,20147],{"class":5345,"line":6062},[5343,20130,9983],{"class":5698},[5343,20132,5761],{"class":5702},[5343,20134,12703],{"class":5708},[5343,20136,5827],{"class":5356},[5343,20138,5464],{"class":5702},[5343,20140,12710],{"class":5708},[5343,20142,6195],{"class":5708},[5343,20144,5196],{"class":5702},[5343,20146,6012],{"class":5708},[5343,20148,12719],{"class":5702},[5343,20150,20151,20153,20155,20157,20159],{"class":5345,"line":6068},[5343,20152,10017],{"class":5702},[5343,20154,10020],{"class":5698},[5343,20156,9700],{"class":5702},[5343,20158,7031],{"class":5708},[5343,20160,6629],{"class":5702},[5343,20162,20163,20165,20167,20169,20171,20173,20175,20177],{"class":5345,"line":6073},[5343,20164,6792],{"class":5708},[5343,20166,5196],{"class":5702},[5343,20168,7031],{"class":5349},[5343,20170,5919],{"class":5702},[5343,20172,10039],{"class":5352},[5343,20174,5464],{"class":5702},[5343,20176,7031],{"class":5708},[5343,20178,6029],{"class":5702},[5343,20180,20181,20183,20185,20187,20189,20192],{"class":5345,"line":6078},[5343,20182,19937],{"class":5698},[5343,20184,6206],{"class":5356},[5343,20186,19942],{"class":5349},[5343,20188,5919],{"class":5702},[5343,20190,20191],{"class":5352},"'Не вдалося створити повідомлення'",[5343,20193,6029],{"class":5702},[5343,20195,20196],{"class":5345,"line":6084},[5343,20197,10082],{"class":5702},[5343,20199,20200],{"class":5345,"line":6089},[5343,20201,6065],{"class":5702},[5343,20203,20204],{"class":5345,"line":6103},[5343,20205,6235],{"class":5702},[5325,20207,20209],{"id":20208},"клієнтська-обробка-помилок","Клієнтська обробка помилок",[5333,20211,20213],{"className":5684,"code":20212,"language":5686,"meta":5339,"style":5339},"\u002F\u002F client\u002Fchat-client.ts\nsocket.on('exception', (error: { status: string; message: string }) => {\n  console.error('[Socket.IO] Помилка від сервера:', error.message);\n\n  \u002F\u002F Показати toast notification користувачу\n  showErrorToast(error.message);\n});\n\n\u002F\u002F Надсилання повідомлення з обробкою помилок\nfunction sendMessage(text: string) {\n  socket.emit('sendMessage', { roomId: 'room-123', text }, (response: any) => {\n    if (response?.success) {\n      console.log('Повідомлення відправлено');\n    } else {\n      console.error('Помилка:', response?.error || 'Unknown error');\n    }\n  });\n\n  \u002F\u002F Timeout для випадку, коли сервер не відповідає\n  setTimeout(() => {\n    showErrorToast('Сервер не відповідає, спробуйте пізніше');\n  }, 10000);\n}\n",[5110,20214,20215,20219,20258,20280,20284,20289,20304,20308,20312,20317,20334,20372,20386,20400,20408,20435,20439,20444,20448,20453,20464,20476,20485],{"__ignoreMap":5339},[5343,20216,20217],{"class":5345,"line":5346},[5343,20218,6558],{"class":5554},[5343,20220,20221,20223,20225,20227,20229,20231,20233,20235,20237,20240,20242,20244,20246,20248,20250,20252,20254,20256],{"class":5345,"line":5366},[5343,20222,6643],{"class":5708},[5343,20224,5196],{"class":5702},[5343,20226,6774],{"class":5349},[5343,20228,5919],{"class":5702},[5343,20230,19633],{"class":5352},[5343,20232,6848],{"class":5702},[5343,20234,7031],{"class":5708},[5343,20236,6853],{"class":5702},[5343,20238,20239],{"class":5708},"status",[5343,20241,5877],{"class":5702},[5343,20243,5954],{"class":5853},[5343,20245,5882],{"class":5702},[5343,20247,6116],{"class":5708},[5343,20249,5877],{"class":5702},[5343,20251,5954],{"class":5853},[5343,20253,6872],{"class":5702},[5343,20255,6785],{"class":5356},[5343,20257,5703],{"class":5702},[5343,20259,20260,20262,20264,20266,20268,20270,20272,20274,20276,20278],{"class":5345,"line":5378},[5343,20261,16798],{"class":5708},[5343,20263,5196],{"class":5702},[5343,20265,7031],{"class":5349},[5343,20267,5919],{"class":5702},[5343,20269,15122],{"class":5352},[5343,20271,5464],{"class":5702},[5343,20273,7031],{"class":5708},[5343,20275,5196],{"class":5702},[5343,20277,6116],{"class":5708},[5343,20279,6029],{"class":5702},[5343,20281,20282],{"class":5345,"line":5528},[5343,20283,5785],{"emptyLinePlaceholder":5784},[5343,20285,20286],{"class":5345,"line":5537},[5343,20287,20288],{"class":5554},"  \u002F\u002F Показати toast notification користувачу\n",[5343,20290,20291,20294,20296,20298,20300,20302],{"class":5345,"line":5546},[5343,20292,20293],{"class":5349},"  showErrorToast",[5343,20295,5919],{"class":5702},[5343,20297,7031],{"class":5708},[5343,20299,5196],{"class":5702},[5343,20301,6116],{"class":5708},[5343,20303,6029],{"class":5702},[5343,20305,20306],{"class":5345,"line":5558},[5343,20307,7656],{"class":5702},[5343,20309,20310],{"class":5345,"line":5569},[5343,20311,5785],{"emptyLinePlaceholder":5784},[5343,20313,20314],{"class":5345,"line":5577},[5343,20315,20316],{"class":5554},"\u002F\u002F Надсилання повідомлення з обробкою помилок\n",[5343,20318,20319,20322,20324,20326,20328,20330,20332],{"class":5345,"line":5592},[5343,20320,20321],{"class":5356},"function",[5343,20323,10195],{"class":5349},[5343,20325,5919],{"class":5702},[5343,20327,6856],{"class":5708},[5343,20329,5877],{"class":5702},[5343,20331,5954],{"class":5853},[5343,20333,6629],{"class":5702},[5343,20335,20336,20339,20341,20343,20345,20347,20349,20351,20354,20356,20358,20360,20362,20364,20366,20368,20370],{"class":5345,"line":5601},[5343,20337,20338],{"class":5708},"  socket",[5343,20340,5196],{"class":5702},[5343,20342,6179],{"class":5349},[5343,20344,5919],{"class":5702},[5343,20346,8679],{"class":5352},[5343,20348,11121],{"class":5702},[5343,20350,17952],{"class":5708},[5343,20352,20353],{"class":5352}," 'room-123'",[5343,20355,5464],{"class":5702},[5343,20357,6856],{"class":5708},[5343,20359,15197],{"class":5702},[5343,20361,7134],{"class":5708},[5343,20363,5877],{"class":5702},[5343,20365,15204],{"class":5853},[5343,20367,6973],{"class":5702},[5343,20369,6785],{"class":5356},[5343,20371,5703],{"class":5702},[5343,20373,20374,20376,20378,20380,20382,20384],{"class":5345,"line":5799},[5343,20375,14601],{"class":5698},[5343,20377,9700],{"class":5702},[5343,20379,7134],{"class":5708},[5343,20381,13620],{"class":5702},[5343,20383,10328],{"class":5708},[5343,20385,6629],{"class":5702},[5343,20387,20388,20390,20392,20394,20396,20398],{"class":5345,"line":5807},[5343,20389,6792],{"class":5708},[5343,20391,5196],{"class":5702},[5343,20393,5996],{"class":5349},[5343,20395,5919],{"class":5702},[5343,20397,10369],{"class":5352},[5343,20399,6029],{"class":5702},[5343,20401,20402,20404,20406],{"class":5345,"line":5821},[5343,20403,10017],{"class":5702},[5343,20405,10379],{"class":5698},[5343,20407,5703],{"class":5702},[5343,20409,20410,20412,20414,20416,20418,20420,20422,20424,20426,20428,20430,20433],{"class":5345,"line":5832},[5343,20411,6792],{"class":5708},[5343,20413,5196],{"class":5702},[5343,20415,7031],{"class":5349},[5343,20417,5919],{"class":5702},[5343,20419,10795],{"class":5352},[5343,20421,5464],{"class":5702},[5343,20423,7134],{"class":5708},[5343,20425,13620],{"class":5702},[5343,20427,7031],{"class":5708},[5343,20429,9628],{"class":5702},[5343,20431,20432],{"class":5352},"'Unknown error'",[5343,20434,6029],{"class":5702},[5343,20436,20437],{"class":5345,"line":5838},[5343,20438,10082],{"class":5702},[5343,20440,20441],{"class":5345,"line":5844},[5343,20442,20443],{"class":5702},"  });\n",[5343,20445,20446],{"class":5345,"line":5859},[5343,20447,5785],{"emptyLinePlaceholder":5784},[5343,20449,20450],{"class":5345,"line":5871},[5343,20451,20452],{"class":5554},"  \u002F\u002F Timeout для випадку, коли сервер не відповідає\n",[5343,20454,20455,20458,20460,20462],{"class":5345,"line":5888},[5343,20456,20457],{"class":5349},"  setTimeout",[5343,20459,10540],{"class":5702},[5343,20461,6785],{"class":5356},[5343,20463,5703],{"class":5702},[5343,20465,20466,20469,20471,20474],{"class":5345,"line":5893},[5343,20467,20468],{"class":5349},"    showErrorToast",[5343,20470,5919],{"class":5702},[5343,20472,20473],{"class":5352},"'Сервер не відповідає, спробуйте пізніше'",[5343,20475,6029],{"class":5702},[5343,20477,20478,20481,20483],{"class":5345,"line":5899},[5343,20479,20480],{"class":5702},"  }, ",[5343,20482,10572],{"class":6682},[5343,20484,6029],{"class":5702},[5343,20486,20487],{"class":5345,"line":5905},[5343,20488,6235],{"class":5702},[5172,20490],{},[5084,20492,20494],{"id":20493},"валідація-вхідних-даних-через-dto","Валідація вхідних даних через DTO",[5089,20496,20497,20498,5196],{},"Для забезпечення безпеки та цілісності даних рекомендується використовувати DTO (Data Transfer Objects) з валідацією через ",[5110,20499,20500],{},"class-validator",[5325,20502,20504],{"id":20503},"встановлення-пакетів","Встановлення пакетів",[5333,20506,20508],{"className":5335,"code":20507,"language":5338,"meta":5339,"style":5339},"npm install class-validator class-transformer\n",[5110,20509,20510],{"__ignoreMap":5339},[5343,20511,20512,20514,20516,20519],{"class":5345,"line":5346},[5343,20513,5337],{"class":5349},[5343,20515,5353],{"class":5352},[5343,20517,20518],{"class":5352}," class-validator",[5343,20520,20521],{"class":5352}," class-transformer\n",[5325,20523,20525],{"id":20524},"створення-dto-з-валідацією","Створення DTO з валідацією",[5333,20527,20529],{"className":5684,"code":20528,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fdto\u002Fsend-message.dto.ts\nimport { IsString, IsNotEmpty, MaxLength, IsUUID } from 'class-validator';\n\nexport class SendMessageDto {\n  @IsUUID()\n  @IsNotEmpty({ message: 'Room ID є обов\\'язковим' })\n  roomId: string;\n\n  @IsString({ message: 'Текст повідомлення має бути рядком' })\n  @IsNotEmpty({ message: 'Повідомлення не може бути порожнім' })\n  @MaxLength(1000, { message: 'Повідомлення занадто довге (макс. 1000 символів)' })\n  text: string;\n}\n",[5110,20530,20531,20536,20569,20573,20583,20591,20613,20623,20627,20642,20656,20674,20684],{"__ignoreMap":5339},[5343,20532,20533],{"class":5345,"line":5346},[5343,20534,20535],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fdto\u002Fsend-message.dto.ts\n",[5343,20537,20538,20540,20542,20545,20547,20550,20552,20555,20557,20560,20562,20564,20567],{"class":5345,"line":5366},[5343,20539,5699],{"class":5698},[5343,20541,5761],{"class":5702},[5343,20543,20544],{"class":5708},"IsString",[5343,20546,5464],{"class":5702},[5343,20548,20549],{"class":5708},"IsNotEmpty",[5343,20551,5464],{"class":5702},[5343,20553,20554],{"class":5708},"MaxLength",[5343,20556,5464],{"class":5702},[5343,20558,20559],{"class":5708},"IsUUID",[5343,20561,5772],{"class":5702},[5343,20563,5748],{"class":5698},[5343,20565,20566],{"class":5352}," 'class-validator'",[5343,20568,5754],{"class":5702},[5343,20570,20571],{"class":5345,"line":5378},[5343,20572,5785],{"emptyLinePlaceholder":5784},[5343,20574,20575,20577,20579,20581],{"class":5345,"line":5528},[5343,20576,5847],{"class":5698},[5343,20578,5850],{"class":5356},[5343,20580,9352],{"class":5853},[5343,20582,5703],{"class":5702},[5343,20584,20585,20587,20589],{"class":5345,"line":5537},[5343,20586,5862],{"class":5702},[5343,20588,20559],{"class":5349},[5343,20590,5868],{"class":5702},[5343,20592,20593,20595,20597,20599,20601,20604,20608,20611],{"class":5345,"line":5546},[5343,20594,5862],{"class":5702},[5343,20596,20549],{"class":5349},[5343,20598,8100],{"class":5702},[5343,20600,14637],{"class":5708},[5343,20602,20603],{"class":5352}," 'Room ID є обов",[5343,20605,20607],{"class":20606},"sjcCO","\\'",[5343,20609,20610],{"class":5352},"язковим'",[5343,20612,11149],{"class":5702},[5343,20614,20615,20617,20619,20621],{"class":5345,"line":5558},[5343,20616,8031],{"class":5708},[5343,20618,5877],{"class":5702},[5343,20620,5954],{"class":5853},[5343,20622,5754],{"class":5702},[5343,20624,20625],{"class":5345,"line":5569},[5343,20626,5785],{"emptyLinePlaceholder":5784},[5343,20628,20629,20631,20633,20635,20637,20640],{"class":5345,"line":5577},[5343,20630,5862],{"class":5702},[5343,20632,20544],{"class":5349},[5343,20634,8100],{"class":5702},[5343,20636,14637],{"class":5708},[5343,20638,20639],{"class":5352}," 'Текст повідомлення має бути рядком'",[5343,20641,11149],{"class":5702},[5343,20643,20644,20646,20648,20650,20652,20654],{"class":5345,"line":5592},[5343,20645,5862],{"class":5702},[5343,20647,20549],{"class":5349},[5343,20649,8100],{"class":5702},[5343,20651,14637],{"class":5708},[5343,20653,9677],{"class":5352},[5343,20655,11149],{"class":5702},[5343,20657,20658,20660,20662,20664,20666,20668,20670,20672],{"class":5345,"line":5601},[5343,20659,5862],{"class":5702},[5343,20661,20554],{"class":5349},[5343,20663,5919],{"class":5702},[5343,20665,9716],{"class":6682},[5343,20667,11121],{"class":5702},[5343,20669,14637],{"class":5708},[5343,20671,9739],{"class":5352},[5343,20673,11149],{"class":5702},[5343,20675,20676,20678,20680,20682],{"class":5345,"line":5799},[5343,20677,8065],{"class":5708},[5343,20679,5877],{"class":5702},[5343,20681,5954],{"class":5853},[5343,20683,5754],{"class":5702},[5343,20685,20686],{"class":5345,"line":5807},[5343,20687,6235],{"class":5702},[5325,20689,20691],{"id":20690},"використання-dto-у-gateway","Використання DTO у Gateway",[5333,20693,20695],{"className":5684,"code":20694,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport { UsePipes, ValidationPipe } from '@nestjs\u002Fcommon';\nimport { SendMessageDto } from '.\u002Fdto\u002Fsend-message.dto';\n\n@WebSocketGateway({ cors: { origin: '*' } })\n@UsePipes(new ValidationPipe({ transform: true })) \u002F\u002F Глобальна валідація\nexport class ChatGateway {\n  @SubscribeMessage('sendMessage')\n  async handleSendMessage(\n    @MessageBody() dto: SendMessageDto, \u002F\u002F Автоматична валідація\n    @ConnectedSocket() client: Socket,\n  ) {\n    \u002F\u002F Якщо валідація не пройшла — автоматично викидається WsException\n    const userId = (client as any).userId;\n\n    const message = await this.chatService.createMessage({\n      roomId: dto.roomId,\n      userId,\n      text: dto.text,\n    });\n\n    this.server.to(dto.roomId).emit('newMessage', message);\n\n    return { success: true, messageId: message.id };\n  }\n}\n",[5110,20696,20697,20701,20723,20740,20744,20762,20788,20798,20810,20818,20837,20853,20857,20862,20882,20886,20908,20920,20926,20938,20942,20946,20980,20984,21006,21010],{"__ignoreMap":5339},[5343,20698,20699],{"class":5345,"line":5346},[5343,20700,5693],{"class":5554},[5343,20702,20703,20705,20707,20710,20712,20715,20717,20719,20721],{"class":5345,"line":5366},[5343,20704,5699],{"class":5698},[5343,20706,5761],{"class":5702},[5343,20708,20709],{"class":5708},"UsePipes",[5343,20711,5464],{"class":5702},[5343,20713,20714],{"class":5708},"ValidationPipe",[5343,20716,5772],{"class":5702},[5343,20718,5748],{"class":5698},[5343,20720,6337],{"class":5352},[5343,20722,5754],{"class":5702},[5343,20724,20725,20727,20729,20731,20733,20735,20738],{"class":5345,"line":5378},[5343,20726,5699],{"class":5698},[5343,20728,5761],{"class":5702},[5343,20730,9565],{"class":5708},[5343,20732,5772],{"class":5702},[5343,20734,5748],{"class":5698},[5343,20736,20737],{"class":5352}," '.\u002Fdto\u002Fsend-message.dto'",[5343,20739,5754],{"class":5702},[5343,20741,20742],{"class":5345,"line":5528},[5343,20743,5785],{"emptyLinePlaceholder":5784},[5343,20745,20746,20748,20750,20752,20754,20756,20758,20760],{"class":5345,"line":5537},[5343,20747,5790],{"class":5702},[5343,20749,5793],{"class":5349},[5343,20751,8100],{"class":5702},[5343,20753,8103],{"class":5708},[5343,20755,5761],{"class":5702},[5343,20757,8108],{"class":5708},[5343,20759,8111],{"class":5352},[5343,20761,8114],{"class":5702},[5343,20763,20764,20766,20768,20770,20772,20775,20777,20780,20782,20785],{"class":5345,"line":5546},[5343,20765,5790],{"class":5702},[5343,20767,20709],{"class":5349},[5343,20769,5919],{"class":5702},[5343,20771,7370],{"class":5356},[5343,20773,20774],{"class":5349}," ValidationPipe",[5343,20776,8100],{"class":5702},[5343,20778,20779],{"class":5708},"transform:",[5343,20781,5827],{"class":5356},[5343,20783,20784],{"class":5702}," })) ",[5343,20786,20787],{"class":5554},"\u002F\u002F Глобальна валідація\n",[5343,20789,20790,20792,20794,20796],{"class":5345,"line":5558},[5343,20791,5847],{"class":5698},[5343,20793,5850],{"class":5356},[5343,20795,5854],{"class":5853},[5343,20797,5703],{"class":5702},[5343,20799,20800,20802,20804,20806,20808],{"class":5345,"line":5569},[5343,20801,5862],{"class":5702},[5343,20803,5916],{"class":5349},[5343,20805,5919],{"class":5702},[5343,20807,8679],{"class":5352},[5343,20809,5925],{"class":5702},[5343,20811,20812,20814,20816],{"class":5345,"line":5577},[5343,20813,9545],{"class":5356},[5343,20815,9548],{"class":5349},[5343,20817,5934],{"class":5702},[5343,20819,20820,20822,20824,20826,20828,20830,20832,20834],{"class":5345,"line":5592},[5343,20821,5940],{"class":5702},[5343,20823,5943],{"class":5349},[5343,20825,5946],{"class":5702},[5343,20827,11511],{"class":5708},[5343,20829,5877],{"class":5702},[5343,20831,9565],{"class":5853},[5343,20833,5464],{"class":5702},[5343,20835,20836],{"class":5554},"\u002F\u002F Автоматична валідація\n",[5343,20838,20839,20841,20843,20845,20847,20849,20851],{"class":5345,"line":5601},[5343,20840,5940],{"class":5702},[5343,20842,5964],{"class":5349},[5343,20844,5946],{"class":5702},[5343,20846,5969],{"class":5708},[5343,20848,5877],{"class":5702},[5343,20850,5769],{"class":5853},[5343,20852,5712],{"class":5702},[5343,20854,20855],{"class":5345,"line":5799},[5343,20856,14258],{"class":5702},[5343,20858,20859],{"class":5345,"line":5807},[5343,20860,20861],{"class":5554},"    \u002F\u002F Якщо валідація не пройшла — автоматично викидається WsException\n",[5343,20863,20864,20866,20868,20870,20872,20874,20876,20878,20880],{"class":5345,"line":5821},[5343,20865,7306],{"class":5356},[5343,20867,9766],{"class":7309},[5343,20869,9769],{"class":5702},[5343,20871,5969],{"class":5708},[5343,20873,9774],{"class":5698},[5343,20875,9777],{"class":5853},[5343,20877,6265],{"class":5702},[5343,20879,8955],{"class":5708},[5343,20881,5754],{"class":5702},[5343,20883,20884],{"class":5345,"line":5832},[5343,20885,5785],{"emptyLinePlaceholder":5784},[5343,20887,20888,20890,20892,20894,20896,20898,20900,20902,20904,20906],{"class":5345,"line":5838},[5343,20889,7306],{"class":5356},[5343,20891,6195],{"class":7309},[5343,20893,6646],{"class":5702},[5343,20895,9803],{"class":5698},[5343,20897,9806],{"class":5356},[5343,20899,5196],{"class":5702},[5343,20901,9811],{"class":5708},[5343,20903,5196],{"class":5702},[5343,20905,9816],{"class":5349},[5343,20907,5796],{"class":5702},[5343,20909,20910,20912,20914,20916,20918],{"class":5345,"line":5844},[5343,20911,11553],{"class":5708},[5343,20913,11556],{"class":5708},[5343,20915,5196],{"class":5702},[5343,20917,8343],{"class":5708},[5343,20919,5712],{"class":5702},[5343,20921,20922,20924],{"class":5345,"line":5859},[5343,20923,14347],{"class":5708},[5343,20925,5712],{"class":5702},[5343,20927,20928,20930,20932,20934,20936],{"class":5345,"line":5871},[5343,20929,6192],{"class":5708},[5343,20931,11556],{"class":5708},[5343,20933,5196],{"class":5702},[5343,20935,6856],{"class":5708},[5343,20937,5712],{"class":5702},[5343,20939,20940],{"class":5345,"line":5888},[5343,20941,6224],{"class":5702},[5343,20943,20944],{"class":5345,"line":5893},[5343,20945,5785],{"emptyLinePlaceholder":5784},[5343,20947,20948,20950,20952,20954,20956,20958,20960,20962,20964,20966,20968,20970,20972,20974,20976,20978],{"class":5345,"line":5899},[5343,20949,6169],{"class":5356},[5343,20951,5196],{"class":5702},[5343,20953,6174],{"class":5708},[5343,20955,5196],{"class":5702},[5343,20957,8402],{"class":5349},[5343,20959,5919],{"class":5702},[5343,20961,11511],{"class":5708},[5343,20963,5196],{"class":5702},[5343,20965,8343],{"class":5708},[5343,20967,6265],{"class":5702},[5343,20969,6179],{"class":5349},[5343,20971,5919],{"class":5702},[5343,20973,8763],{"class":5352},[5343,20975,5464],{"class":5702},[5343,20977,6116],{"class":5708},[5343,20979,6029],{"class":5702},[5343,20981,20982],{"class":5345,"line":5905},[5343,20983,5785],{"emptyLinePlaceholder":5784},[5343,20985,20986,20988,20990,20992,20994,20996,20998,21000,21002,21004],{"class":5345,"line":5911},[5343,20987,6046],{"class":5698},[5343,20989,5761],{"class":5702},[5343,20991,12703],{"class":5708},[5343,20993,5827],{"class":5356},[5343,20995,5464],{"class":5702},[5343,20997,12710],{"class":5708},[5343,20999,6195],{"class":5708},[5343,21001,5196],{"class":5702},[5343,21003,6012],{"class":5708},[5343,21005,12719],{"class":5702},[5343,21007,21008],{"class":5345,"line":5928},[5343,21009,6065],{"class":5702},[5343,21011,21012],{"class":5345,"line":5937},[5343,21013,6235],{"class":5702},[5089,21015,21016],{},[5099,21017,21018],{},"Переваги валідації через DTO:",[5267,21020,21021,21027,21036,21042],{},[5096,21022,21023,21026],{},[5099,21024,21025],{},"Типобезпека:"," TypeScript перевіряє типи на етапі компіляції.",[5096,21028,21029,21032,21033,21035],{},[5099,21030,21031],{},"Автоматична валідація:"," ",[5110,21034,20500],{}," перевіряє дані на runtime.",[5096,21037,21038,21041],{},[5099,21039,21040],{},"Структуровані помилки:"," клієнт отримує детальні повідомлення про те, які поля невалідні.",[5096,21043,21044,21047],{},[5099,21045,21046],{},"Документація:"," DTO служить документацією структури даних для інших розробників.",[5172,21049],{},[5084,21051,21053],{"id":21052},"best-practices-та-рекомендації","Best Practices та рекомендації",[5325,21055,21057],{"id":21056},"_1-використовуйте-typescript-інтерфейси-для-подій","1. Використовуйте TypeScript інтерфейси для подій",[5089,21059,21060],{},"Визначайте типи для всіх подій, щоб уникнути помилок через опечатки у назвах подій.",[5333,21062,21064],{"className":5684,"code":21063,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Ftypes\u002Fchat-events.interface.ts\nexport interface ServerToClientEvents {\n  newMessage: (message: {\n    id: string;\n    userId: number;\n    username: string;\n    text: string;\n    createdAt: string;\n  }) => void;\n  \n  userJoined: (data: { username: string; timestamp: Date }) => void;\n  \n  messageHistory: (data: {\n    roomId: string;\n    messages: Message[];\n  }) => void;\n  \n  exception: (error: { status: string; message: string }) => void;\n}\n\nexport interface ClientToServerEvents {\n  sendMessage: (\n    data: { roomId: string; text: string },\n    callback: (response: { success: boolean; messageId?: string; error?: string }) => void\n  ) => void;\n  \n  joinRoom: (data: { roomId: string }) => void;\n  \n  leaveRoom: (data: { roomId: string }) => void;\n}\n\n\u002F\u002F Використання у Gateway\n@WebSocketGateway({ cors: { origin: '*' } })\nexport class ChatGateway {\n  @WebSocketServer()\n  server: Server\u003CClientToServerEvents, ServerToClientEvents>;\n  \n  \u002F\u002F Тепер TypeScript перевірить назви подій та їх payload\n}\n",[5110,21065,21066,21071,21083,21096,21107,21118,21129,21140,21151,21162,21166,21199,21203,21214,21225,21237,21247,21251,21284,21288,21292,21303,21310,21333,21373,21384,21388,21413,21417,21442,21446,21450,21455,21473,21483,21491,21512,21516,21521],{"__ignoreMap":5339},[5343,21067,21068],{"class":5345,"line":5346},[5343,21069,21070],{"class":5554},"\u002F\u002F src\u002Fchat\u002Ftypes\u002Fchat-events.interface.ts\n",[5343,21072,21073,21075,21078,21081],{"class":5345,"line":5366},[5343,21074,5847],{"class":5698},[5343,21076,21077],{"class":5356}," interface",[5343,21079,21080],{"class":5853}," ServerToClientEvents",[5343,21082,5703],{"class":5702},[5343,21084,21085,21088,21091,21093],{"class":5345,"line":5378},[5343,21086,21087],{"class":5349},"  newMessage",[5343,21089,21090],{"class":5702},": (",[5343,21092,6116],{"class":5708},[5343,21094,21095],{"class":5702},": {\n",[5343,21097,21098,21101,21103,21105],{"class":5345,"line":5528},[5343,21099,21100],{"class":5708},"    id",[5343,21102,5877],{"class":5702},[5343,21104,5954],{"class":5853},[5343,21106,5754],{"class":5702},[5343,21108,21109,21112,21114,21116],{"class":5345,"line":5537},[5343,21110,21111],{"class":5708},"    userId",[5343,21113,5877],{"class":5702},[5343,21115,8047],{"class":5853},[5343,21117,5754],{"class":5702},[5343,21119,21120,21123,21125,21127],{"class":5345,"line":5546},[5343,21121,21122],{"class":5708},"    username",[5343,21124,5877],{"class":5702},[5343,21126,5954],{"class":5853},[5343,21128,5754],{"class":5702},[5343,21130,21131,21134,21136,21138],{"class":5345,"line":5558},[5343,21132,21133],{"class":5708},"    text",[5343,21135,5877],{"class":5702},[5343,21137,5954],{"class":5853},[5343,21139,5754],{"class":5702},[5343,21141,21142,21145,21147,21149],{"class":5345,"line":5569},[5343,21143,21144],{"class":5708},"    createdAt",[5343,21146,5877],{"class":5702},[5343,21148,5954],{"class":5853},[5343,21150,5754],{"class":5702},[5343,21152,21153,21156,21158,21160],{"class":5345,"line":5577},[5343,21154,21155],{"class":5702},"  }) ",[5343,21157,6785],{"class":5356},[5343,21159,15511],{"class":5853},[5343,21161,5754],{"class":5702},[5343,21163,21164],{"class":5345,"line":5592},[5343,21165,17146],{"class":5702},[5343,21167,21168,21171,21173,21175,21177,21179,21181,21183,21185,21187,21189,21191,21193,21195,21197],{"class":5345,"line":5601},[5343,21169,21170],{"class":5349},"  userJoined",[5343,21172,21090],{"class":5702},[5343,21174,5949],{"class":5708},[5343,21176,6853],{"class":5702},[5343,21178,8352],{"class":5708},[5343,21180,5877],{"class":5702},[5343,21182,5954],{"class":5853},[5343,21184,5882],{"class":5702},[5343,21186,6865],{"class":5708},[5343,21188,5877],{"class":5702},[5343,21190,8081],{"class":5853},[5343,21192,6872],{"class":5702},[5343,21194,6785],{"class":5356},[5343,21196,15511],{"class":5853},[5343,21198,5754],{"class":5702},[5343,21200,21201],{"class":5345,"line":5799},[5343,21202,17146],{"class":5702},[5343,21204,21205,21208,21210,21212],{"class":5345,"line":5807},[5343,21206,21207],{"class":5349},"  messageHistory",[5343,21209,21090],{"class":5702},[5343,21211,5949],{"class":5708},[5343,21213,21095],{"class":5702},[5343,21215,21216,21219,21221,21223],{"class":5345,"line":5821},[5343,21217,21218],{"class":5708},"    roomId",[5343,21220,5877],{"class":5702},[5343,21222,5954],{"class":5853},[5343,21224,5754],{"class":5702},[5343,21226,21227,21230,21232,21234],{"class":5345,"line":5832},[5343,21228,21229],{"class":5708},"    messages",[5343,21231,5877],{"class":5702},[5343,21233,11361],{"class":5853},[5343,21235,21236],{"class":5702},"[];\n",[5343,21238,21239,21241,21243,21245],{"class":5345,"line":5838},[5343,21240,21155],{"class":5702},[5343,21242,6785],{"class":5356},[5343,21244,15511],{"class":5853},[5343,21246,5754],{"class":5702},[5343,21248,21249],{"class":5345,"line":5844},[5343,21250,17146],{"class":5702},[5343,21252,21253,21256,21258,21260,21262,21264,21266,21268,21270,21272,21274,21276,21278,21280,21282],{"class":5345,"line":5859},[5343,21254,21255],{"class":5349},"  exception",[5343,21257,21090],{"class":5702},[5343,21259,7031],{"class":5708},[5343,21261,6853],{"class":5702},[5343,21263,20239],{"class":5708},[5343,21265,5877],{"class":5702},[5343,21267,5954],{"class":5853},[5343,21269,5882],{"class":5702},[5343,21271,6116],{"class":5708},[5343,21273,5877],{"class":5702},[5343,21275,5954],{"class":5853},[5343,21277,6872],{"class":5702},[5343,21279,6785],{"class":5356},[5343,21281,15511],{"class":5853},[5343,21283,5754],{"class":5702},[5343,21285,21286],{"class":5345,"line":5871},[5343,21287,6235],{"class":5702},[5343,21289,21290],{"class":5345,"line":5888},[5343,21291,5785],{"emptyLinePlaceholder":5784},[5343,21293,21294,21296,21298,21301],{"class":5345,"line":5893},[5343,21295,5847],{"class":5698},[5343,21297,21077],{"class":5356},[5343,21299,21300],{"class":5853}," ClientToServerEvents",[5343,21302,5703],{"class":5702},[5343,21304,21305,21307],{"class":5345,"line":5899},[5343,21306,7095],{"class":5349},[5343,21308,21309],{"class":5702},": (\n",[5343,21311,21312,21315,21317,21319,21321,21323,21325,21327,21329,21331],{"class":5345,"line":5905},[5343,21313,21314],{"class":5708},"    data",[5343,21316,6853],{"class":5702},[5343,21318,8343],{"class":5708},[5343,21320,5877],{"class":5702},[5343,21322,5954],{"class":5853},[5343,21324,5882],{"class":5702},[5343,21326,6856],{"class":5708},[5343,21328,5877],{"class":5702},[5343,21330,5954],{"class":5853},[5343,21332,8359],{"class":5702},[5343,21334,21335,21338,21340,21342,21344,21346,21348,21350,21352,21354,21356,21358,21360,21362,21364,21366,21368,21370],{"class":5345,"line":5911},[5343,21336,21337],{"class":5349},"    callback",[5343,21339,21090],{"class":5702},[5343,21341,7134],{"class":5708},[5343,21343,6853],{"class":5702},[5343,21345,10328],{"class":5708},[5343,21347,5877],{"class":5702},[5343,21349,9401],{"class":5853},[5343,21351,5882],{"class":5702},[5343,21353,8946],{"class":5708},[5343,21355,9411],{"class":5702},[5343,21357,5954],{"class":5853},[5343,21359,5882],{"class":5702},[5343,21361,7031],{"class":5708},[5343,21363,9411],{"class":5702},[5343,21365,5954],{"class":5853},[5343,21367,6872],{"class":5702},[5343,21369,6785],{"class":5356},[5343,21371,21372],{"class":5853}," void\n",[5343,21374,21375,21378,21380,21382],{"class":5345,"line":5928},[5343,21376,21377],{"class":5702},"  ) ",[5343,21379,6785],{"class":5356},[5343,21381,15511],{"class":5853},[5343,21383,5754],{"class":5702},[5343,21385,21386],{"class":5345,"line":5937},[5343,21387,17146],{"class":5702},[5343,21389,21390,21393,21395,21397,21399,21401,21403,21405,21407,21409,21411],{"class":5345,"line":5959},[5343,21391,21392],{"class":5349},"  joinRoom",[5343,21394,21090],{"class":5702},[5343,21396,5949],{"class":5708},[5343,21398,6853],{"class":5702},[5343,21400,8343],{"class":5708},[5343,21402,5877],{"class":5702},[5343,21404,5954],{"class":5853},[5343,21406,6872],{"class":5702},[5343,21408,6785],{"class":5356},[5343,21410,15511],{"class":5853},[5343,21412,5754],{"class":5702},[5343,21414,21415],{"class":5345,"line":5978},[5343,21416,17146],{"class":5702},[5343,21418,21419,21422,21424,21426,21428,21430,21432,21434,21436,21438,21440],{"class":5345,"line":5988},[5343,21420,21421],{"class":5349},"  leaveRoom",[5343,21423,21090],{"class":5702},[5343,21425,5949],{"class":5708},[5343,21427,6853],{"class":5702},[5343,21429,8343],{"class":5708},[5343,21431,5877],{"class":5702},[5343,21433,5954],{"class":5853},[5343,21435,6872],{"class":5702},[5343,21437,6785],{"class":5356},[5343,21439,15511],{"class":5853},[5343,21441,5754],{"class":5702},[5343,21443,21444],{"class":5345,"line":6032},[5343,21445,6235],{"class":5702},[5343,21447,21448],{"class":5345,"line":6037},[5343,21449,5785],{"emptyLinePlaceholder":5784},[5343,21451,21452],{"class":5345,"line":6043},[5343,21453,21454],{"class":5554},"\u002F\u002F Використання у Gateway\n",[5343,21456,21457,21459,21461,21463,21465,21467,21469,21471],{"class":5345,"line":6062},[5343,21458,5790],{"class":5702},[5343,21460,5793],{"class":5349},[5343,21462,8100],{"class":5702},[5343,21464,8103],{"class":5708},[5343,21466,5761],{"class":5702},[5343,21468,8108],{"class":5708},[5343,21470,8111],{"class":5352},[5343,21472,8114],{"class":5702},[5343,21474,21475,21477,21479,21481],{"class":5345,"line":6068},[5343,21476,5847],{"class":5698},[5343,21478,5850],{"class":5356},[5343,21480,5854],{"class":5853},[5343,21482,5703],{"class":5702},[5343,21484,21485,21487,21489],{"class":5345,"line":6073},[5343,21486,5862],{"class":5702},[5343,21488,5865],{"class":5349},[5343,21490,5868],{"class":5702},[5343,21492,21493,21495,21497,21499,21501,21504,21506,21509],{"class":5345,"line":6078},[5343,21494,5874],{"class":5708},[5343,21496,5877],{"class":5702},[5343,21498,5764],{"class":5853},[5343,21500,9593],{"class":5702},[5343,21502,21503],{"class":5853},"ClientToServerEvents",[5343,21505,5464],{"class":5702},[5343,21507,21508],{"class":5853},"ServerToClientEvents",[5343,21510,21511],{"class":5702},">;\n",[5343,21513,21514],{"class":5345,"line":6084},[5343,21515,17146],{"class":5702},[5343,21517,21518],{"class":5345,"line":6089},[5343,21519,21520],{"class":5554},"  \u002F\u002F Тепер TypeScript перевірить назви подій та їх payload\n",[5343,21522,21523],{"class":5345,"line":6103},[5343,21524,6235],{"class":5702},[5325,21526,21528],{"id":21527},"_2-логування-всіх-websocket-подій","2. Логування всіх WebSocket подій",[5089,21530,21531],{},"Створіть interceptor для автоматичного логування всіх вхідних та вихідних подій.",[5333,21533,21535],{"className":5684,"code":21534,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Finterceptors\u002Fws-logging.interceptor.ts\nimport {\n  Injectable,\n  NestInterceptor,\n  ExecutionContext,\n  CallHandler,\n} from '@nestjs\u002Fcommon';\nimport { Observable } from 'rxjs';\nimport { tap } from 'rxjs\u002Foperators';\n\n@Injectable()\nexport class WsLoggingInterceptor implements NestInterceptor {\n  intercept(context: ExecutionContext, next: CallHandler): Observable\u003Cany> {\n    const client = context.switchToWs().getClient();\n    const event = context.switchToWs().getPattern();\n    const data = context.switchToWs().getData();\n\n    console.log(`[WebSocket IN] ${client.id} → ${event}:`, JSON.stringify(data));\n\n    return next.handle().pipe(\n      tap((response) => {\n        console.log(`[WebSocket OUT] ${client.id} ← ${event}:`, JSON.stringify(response));\n      }),\n    );\n  }\n}\n",[5110,21536,21537,21542,21548,21555,21562,21569,21576,21586,21604,21622,21626,21634,21650,21682,21702,21724,21745,21749,21801,21805,21824,21839,21887,21892,21896,21900],{"__ignoreMap":5339},[5343,21538,21539],{"class":5345,"line":5346},[5343,21540,21541],{"class":5554},"\u002F\u002F src\u002Fchat\u002Finterceptors\u002Fws-logging.interceptor.ts\n",[5343,21543,21544,21546],{"class":5345,"line":5366},[5343,21545,5699],{"class":5698},[5343,21547,5703],{"class":5702},[5343,21549,21550,21553],{"class":5345,"line":5378},[5343,21551,21552],{"class":5708},"  Injectable",[5343,21554,5712],{"class":5702},[5343,21556,21557,21560],{"class":5345,"line":5528},[5343,21558,21559],{"class":5708},"  NestInterceptor",[5343,21561,5712],{"class":5702},[5343,21563,21564,21567],{"class":5345,"line":5537},[5343,21565,21566],{"class":5708},"  ExecutionContext",[5343,21568,5712],{"class":5702},[5343,21570,21571,21574],{"class":5345,"line":5546},[5343,21572,21573],{"class":5708},"  CallHandler",[5343,21575,5712],{"class":5702},[5343,21577,21578,21580,21582,21584],{"class":5345,"line":5558},[5343,21579,5745],{"class":5702},[5343,21581,5748],{"class":5698},[5343,21583,6337],{"class":5352},[5343,21585,5754],{"class":5702},[5343,21587,21588,21590,21592,21595,21597,21599,21602],{"class":5345,"line":5569},[5343,21589,5699],{"class":5698},[5343,21591,5761],{"class":5702},[5343,21593,21594],{"class":5708},"Observable",[5343,21596,5772],{"class":5702},[5343,21598,5748],{"class":5698},[5343,21600,21601],{"class":5352}," 'rxjs'",[5343,21603,5754],{"class":5702},[5343,21605,21606,21608,21610,21613,21615,21617,21620],{"class":5345,"line":5577},[5343,21607,5699],{"class":5698},[5343,21609,5761],{"class":5702},[5343,21611,21612],{"class":5708},"tap",[5343,21614,5772],{"class":5702},[5343,21616,5748],{"class":5698},[5343,21618,21619],{"class":5352}," 'rxjs\u002Foperators'",[5343,21621,5754],{"class":5702},[5343,21623,21624],{"class":5345,"line":5592},[5343,21625,5785],{"emptyLinePlaceholder":5784},[5343,21627,21628,21630,21632],{"class":5345,"line":5601},[5343,21629,5790],{"class":5702},[5343,21631,11309],{"class":5349},[5343,21633,5868],{"class":5702},[5343,21635,21636,21638,21640,21643,21645,21648],{"class":5345,"line":5799},[5343,21637,5847],{"class":5698},[5343,21639,5850],{"class":5356},[5343,21641,21642],{"class":5853}," WsLoggingInterceptor",[5343,21644,13503],{"class":5356},[5343,21646,21647],{"class":5853}," NestInterceptor",[5343,21649,5703],{"class":5702},[5343,21651,21652,21655,21657,21659,21661,21663,21665,21667,21669,21672,21674,21676,21678,21680],{"class":5345,"line":5807},[5343,21653,21654],{"class":5349},"  intercept",[5343,21656,5919],{"class":5702},[5343,21658,13541],{"class":5708},[5343,21660,5877],{"class":5702},[5343,21662,13433],{"class":5853},[5343,21664,5464],{"class":5702},[5343,21666,15503],{"class":5708},[5343,21668,5877],{"class":5702},[5343,21670,21671],{"class":5853},"CallHandler",[5343,21673,6123],{"class":5702},[5343,21675,21594],{"class":5853},[5343,21677,9593],{"class":5702},[5343,21679,15204],{"class":5853},[5343,21681,9599],{"class":5702},[5343,21683,21684,21686,21688,21690,21692,21694,21696,21698,21700],{"class":5345,"line":5821},[5343,21685,7306],{"class":5356},[5343,21687,7524],{"class":7309},[5343,21689,6646],{"class":5702},[5343,21691,13541],{"class":5708},[5343,21693,5196],{"class":5702},[5343,21695,13580],{"class":5349},[5343,21697,6212],{"class":5702},[5343,21699,13585],{"class":5349},[5343,21701,6721],{"class":5702},[5343,21703,21704,21706,21709,21711,21713,21715,21717,21719,21722],{"class":5345,"line":5832},[5343,21705,7306],{"class":5356},[5343,21707,21708],{"class":7309}," event",[5343,21710,6646],{"class":5702},[5343,21712,13541],{"class":5708},[5343,21714,5196],{"class":5702},[5343,21716,13580],{"class":5349},[5343,21718,6212],{"class":5702},[5343,21720,21721],{"class":5349},"getPattern",[5343,21723,6721],{"class":5702},[5343,21725,21726,21728,21730,21732,21734,21736,21738,21740,21743],{"class":5345,"line":5838},[5343,21727,7306],{"class":5356},[5343,21729,8428],{"class":7309},[5343,21731,6646],{"class":5702},[5343,21733,13541],{"class":5708},[5343,21735,5196],{"class":5702},[5343,21737,13580],{"class":5349},[5343,21739,6212],{"class":5702},[5343,21741,21742],{"class":5349},"getData",[5343,21744,6721],{"class":5702},[5343,21746,21747],{"class":5345,"line":5844},[5343,21748,5785],{"emptyLinePlaceholder":5784},[5343,21750,21751,21753,21755,21757,21759,21762,21764,21766,21768,21770,21772,21775,21777,21780,21782,21785,21787,21790,21792,21795,21797,21799],{"class":5345,"line":5859},[5343,21752,5991],{"class":5708},[5343,21754,5196],{"class":5702},[5343,21756,5996],{"class":5349},[5343,21758,5919],{"class":5702},[5343,21760,21761],{"class":5352},"`[WebSocket IN] ",[5343,21763,6004],{"class":5356},[5343,21765,5969],{"class":5708},[5343,21767,5196],{"class":6009},[5343,21769,6012],{"class":5708},[5343,21771,6015],{"class":5356},[5343,21773,21774],{"class":5352}," → ",[5343,21776,6004],{"class":5356},[5343,21778,21779],{"class":5708},"event",[5343,21781,6015],{"class":5356},[5343,21783,21784],{"class":5352},":`",[5343,21786,5464],{"class":5702},[5343,21788,21789],{"class":7309},"JSON",[5343,21791,5196],{"class":5702},[5343,21793,21794],{"class":5349},"stringify",[5343,21796,5919],{"class":5702},[5343,21798,5949],{"class":5708},[5343,21800,10564],{"class":5702},[5343,21802,21803],{"class":5345,"line":5871},[5343,21804,5785],{"emptyLinePlaceholder":5784},[5343,21806,21807,21809,21812,21814,21817,21819,21822],{"class":5345,"line":5888},[5343,21808,6046],{"class":5698},[5343,21810,21811],{"class":5708}," next",[5343,21813,5196],{"class":5702},[5343,21815,21816],{"class":5349},"handle",[5343,21818,6212],{"class":5702},[5343,21820,21821],{"class":5349},"pipe",[5343,21823,5934],{"class":5702},[5343,21825,21826,21829,21831,21833,21835,21837],{"class":5345,"line":5893},[5343,21827,21828],{"class":5349},"      tap",[5343,21830,10506],{"class":5702},[5343,21832,7134],{"class":5708},[5343,21834,6973],{"class":5702},[5343,21836,6785],{"class":5356},[5343,21838,5703],{"class":5702},[5343,21840,21841,21843,21845,21847,21849,21852,21854,21856,21858,21860,21862,21865,21867,21869,21871,21873,21875,21877,21879,21881,21883,21885],{"class":5345,"line":5899},[5343,21842,10754],{"class":5708},[5343,21844,5196],{"class":5702},[5343,21846,5996],{"class":5349},[5343,21848,5919],{"class":5702},[5343,21850,21851],{"class":5352},"`[WebSocket OUT] ",[5343,21853,6004],{"class":5356},[5343,21855,5969],{"class":5708},[5343,21857,5196],{"class":6009},[5343,21859,6012],{"class":5708},[5343,21861,6015],{"class":5356},[5343,21863,21864],{"class":5352}," ← ",[5343,21866,6004],{"class":5356},[5343,21868,21779],{"class":5708},[5343,21870,6015],{"class":5356},[5343,21872,21784],{"class":5352},[5343,21874,5464],{"class":5702},[5343,21876,21789],{"class":7309},[5343,21878,5196],{"class":5702},[5343,21880,21794],{"class":5349},[5343,21882,5919],{"class":5702},[5343,21884,7134],{"class":5708},[5343,21886,10564],{"class":5702},[5343,21888,21889],{"class":5345,"line":5905},[5343,21890,21891],{"class":5702},"      }),\n",[5343,21893,21894],{"class":5345,"line":5911},[5343,21895,10442],{"class":5702},[5343,21897,21898],{"class":5345,"line":5928},[5343,21899,6065],{"class":5702},[5343,21901,21902],{"class":5345,"line":5937},[5343,21903,6235],{"class":5702},[5325,21905,21907],{"id":21906},"_3-rate-limiting-для-websocket","3. Rate Limiting для WebSocket",[5089,21909,21910],{},"Захист від зловживань (spam повідомлень) через rate limiting.",[5333,21912,21914],{"className":5684,"code":21913,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fguards\u002Fws-throttler.guard.ts\nimport { Injectable, CanActivate, ExecutionContext } from '@nestjs\u002Fcommon';\nimport { Socket } from 'socket.io';\n\n@Injectable()\nexport class WsThrottlerGuard implements CanActivate {\n  private readonly requests = new Map\u003Cstring, number[]>();\n  private readonly maxRequests = 10; \u002F\u002F Макс. 10 запитів\n  private readonly windowMs = 60000; \u002F\u002F За 60 секунд\n\n  canActivate(context: ExecutionContext): boolean {\n    const client: Socket = context.switchToWs().getClient();\n    const clientId = client.id;\n\n    const now = Date.now();\n    const clientRequests = this.requests.get(clientId) || [];\n\n    \u002F\u002F Видалити старі запити поза часовим вікном\n    const recentRequests = clientRequests.filter((time) => now - time \u003C this.windowMs);\n\n    if (recentRequests.length >= this.maxRequests) {\n      client.emit('exception', {\n        status: 'error',\n        message: 'Занадто багато запитів, спробуйте пізніше',\n      });\n\n      console.warn(`[WsThrottler] ${clientId} перевищив rate limit`);\n      return false;\n    }\n\n    recentRequests.push(now);\n    this.requests.set(clientId, recentRequests);\n\n    return true;\n  }\n}\n",[5110,21915,21916,21921,21945,21961,21965,21973,21988,22015,22034,22053,22057,22076,22100,22117,22121,22138,22167,22171,22176,22220,22224,22249,22263,22272,22282,22286,22290,22315,22323,22327,22331,22347,22370,22374,22382,22386],{"__ignoreMap":5339},[5343,21917,21918],{"class":5345,"line":5346},[5343,21919,21920],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fguards\u002Fws-throttler.guard.ts\n",[5343,21922,21923,21925,21927,21929,21931,21933,21935,21937,21939,21941,21943],{"class":5345,"line":5366},[5343,21924,5699],{"class":5698},[5343,21926,5761],{"class":5702},[5343,21928,11309],{"class":5708},[5343,21930,5464],{"class":5702},[5343,21932,13428],{"class":5708},[5343,21934,5464],{"class":5702},[5343,21936,13433],{"class":5708},[5343,21938,5772],{"class":5702},[5343,21940,5748],{"class":5698},[5343,21942,6337],{"class":5352},[5343,21944,5754],{"class":5702},[5343,21946,21947,21949,21951,21953,21955,21957,21959],{"class":5345,"line":5378},[5343,21948,5699],{"class":5698},[5343,21950,5761],{"class":5702},[5343,21952,5769],{"class":5708},[5343,21954,5772],{"class":5702},[5343,21956,5748],{"class":5698},[5343,21958,5777],{"class":5352},[5343,21960,5754],{"class":5702},[5343,21962,21963],{"class":5345,"line":5528},[5343,21964,5785],{"emptyLinePlaceholder":5784},[5343,21966,21967,21969,21971],{"class":5345,"line":5537},[5343,21968,5790],{"class":5702},[5343,21970,11309],{"class":5349},[5343,21972,5868],{"class":5702},[5343,21974,21975,21977,21979,21982,21984,21986],{"class":5345,"line":5546},[5343,21976,5847],{"class":5698},[5343,21978,5850],{"class":5356},[5343,21980,21981],{"class":5853}," WsThrottlerGuard",[5343,21983,13503],{"class":5356},[5343,21985,13506],{"class":5853},[5343,21987,5703],{"class":5702},[5343,21989,21990,21992,21994,21997,21999,22001,22004,22006,22008,22010,22012],{"class":5345,"line":5558},[5343,21991,6599],{"class":5356},[5343,21993,9474],{"class":5356},[5343,21995,21996],{"class":5708}," requests",[5343,21998,6646],{"class":5702},[5343,22000,7370],{"class":5356},[5343,22002,22003],{"class":5349}," Map",[5343,22005,9593],{"class":5702},[5343,22007,5954],{"class":5853},[5343,22009,5464],{"class":5702},[5343,22011,8047],{"class":5853},[5343,22013,22014],{"class":5702},"[]>();\n",[5343,22016,22017,22019,22021,22024,22026,22029,22031],{"class":5345,"line":5569},[5343,22018,6599],{"class":5356},[5343,22020,9474],{"class":5356},[5343,22022,22023],{"class":5708}," maxRequests",[5343,22025,6646],{"class":5702},[5343,22027,22028],{"class":6682},"10",[5343,22030,5882],{"class":5702},[5343,22032,22033],{"class":5554},"\u002F\u002F Макс. 10 запитів\n",[5343,22035,22036,22038,22040,22043,22045,22048,22050],{"class":5345,"line":5577},[5343,22037,6599],{"class":5356},[5343,22039,9474],{"class":5356},[5343,22041,22042],{"class":5708}," windowMs",[5343,22044,6646],{"class":5702},[5343,22046,22047],{"class":6682},"60000",[5343,22049,5882],{"class":5702},[5343,22051,22052],{"class":5554},"\u002F\u002F За 60 секунд\n",[5343,22054,22055],{"class":5345,"line":5592},[5343,22056,5785],{"emptyLinePlaceholder":5784},[5343,22058,22059,22062,22064,22066,22068,22070,22072,22074],{"class":5345,"line":5601},[5343,22060,22061],{"class":5349},"  canActivate",[5343,22063,5919],{"class":5702},[5343,22065,13541],{"class":5708},[5343,22067,5877],{"class":5702},[5343,22069,13433],{"class":5853},[5343,22071,6123],{"class":5702},[5343,22073,9401],{"class":5853},[5343,22075,5703],{"class":5702},[5343,22077,22078,22080,22082,22084,22086,22088,22090,22092,22094,22096,22098],{"class":5345,"line":5799},[5343,22079,7306],{"class":5356},[5343,22081,7524],{"class":7309},[5343,22083,5877],{"class":5702},[5343,22085,5769],{"class":5853},[5343,22087,6646],{"class":5702},[5343,22089,13541],{"class":5708},[5343,22091,5196],{"class":5702},[5343,22093,13580],{"class":5349},[5343,22095,6212],{"class":5702},[5343,22097,13585],{"class":5349},[5343,22099,6721],{"class":5702},[5343,22101,22102,22104,22107,22109,22111,22113,22115],{"class":5345,"line":5807},[5343,22103,7306],{"class":5356},[5343,22105,22106],{"class":7309}," clientId",[5343,22108,6646],{"class":5702},[5343,22110,5969],{"class":5708},[5343,22112,5196],{"class":5702},[5343,22114,6012],{"class":5708},[5343,22116,5754],{"class":5702},[5343,22118,22119],{"class":5345,"line":5821},[5343,22120,5785],{"emptyLinePlaceholder":5784},[5343,22122,22123,22125,22128,22130,22132,22134,22136],{"class":5345,"line":5832},[5343,22124,7306],{"class":5356},[5343,22126,22127],{"class":7309}," now",[5343,22129,6646],{"class":5702},[5343,22131,8081],{"class":5708},[5343,22133,5196],{"class":5702},[5343,22135,15661],{"class":5349},[5343,22137,6721],{"class":5702},[5343,22139,22140,22142,22145,22147,22149,22151,22154,22156,22159,22161,22164],{"class":5345,"line":5838},[5343,22141,7306],{"class":5356},[5343,22143,22144],{"class":7309}," clientRequests",[5343,22146,6646],{"class":5702},[5343,22148,6806],{"class":5356},[5343,22150,5196],{"class":5702},[5343,22152,22153],{"class":5708},"requests",[5343,22155,5196],{"class":5702},[5343,22157,22158],{"class":5349},"get",[5343,22160,5919],{"class":5702},[5343,22162,22163],{"class":5708},"clientId",[5343,22165,22166],{"class":5702},") || [];\n",[5343,22168,22169],{"class":5345,"line":5844},[5343,22170,5785],{"emptyLinePlaceholder":5784},[5343,22172,22173],{"class":5345,"line":5859},[5343,22174,22175],{"class":5554},"    \u002F\u002F Видалити старі запити поза часовим вікном\n",[5343,22177,22178,22180,22183,22185,22188,22190,22193,22195,22198,22200,22202,22204,22207,22209,22211,22213,22215,22218],{"class":5345,"line":5871},[5343,22179,7306],{"class":5356},[5343,22181,22182],{"class":7309}," recentRequests",[5343,22184,6646],{"class":5702},[5343,22186,22187],{"class":5708},"clientRequests",[5343,22189,5196],{"class":5702},[5343,22191,22192],{"class":5349},"filter",[5343,22194,10506],{"class":5702},[5343,22196,22197],{"class":5708},"time",[5343,22199,6973],{"class":5702},[5343,22201,6785],{"class":5356},[5343,22203,22127],{"class":5708},[5343,22205,22206],{"class":5702}," - ",[5343,22208,22197],{"class":5708},[5343,22210,15684],{"class":5702},[5343,22212,6806],{"class":5356},[5343,22214,5196],{"class":5702},[5343,22216,22217],{"class":5708},"windowMs",[5343,22219,6029],{"class":5702},[5343,22221,22222],{"class":5345,"line":5888},[5343,22223,5785],{"emptyLinePlaceholder":5784},[5343,22225,22226,22228,22230,22233,22235,22237,22240,22242,22244,22247],{"class":5345,"line":5893},[5343,22227,14601],{"class":5698},[5343,22229,9700],{"class":5702},[5343,22231,22232],{"class":5708},"recentRequests",[5343,22234,5196],{"class":5702},[5343,22236,9644],{"class":5708},[5343,22238,22239],{"class":5702}," >= ",[5343,22241,6806],{"class":5356},[5343,22243,5196],{"class":5702},[5343,22245,22246],{"class":5708},"maxRequests",[5343,22248,6629],{"class":5702},[5343,22250,22251,22253,22255,22257,22259,22261],{"class":5345,"line":5899},[5343,22252,14623],{"class":5708},[5343,22254,5196],{"class":5702},[5343,22256,6179],{"class":5349},[5343,22258,5919],{"class":5702},[5343,22260,19633],{"class":5352},[5343,22262,6186],{"class":5702},[5343,22264,22265,22268,22270],{"class":5345,"line":5905},[5343,22266,22267],{"class":5708},"        status:",[5343,22269,19643],{"class":5352},[5343,22271,5712],{"class":5702},[5343,22273,22274,22277,22280],{"class":5345,"line":5911},[5343,22275,22276],{"class":5708},"        message:",[5343,22278,22279],{"class":5352}," 'Занадто багато запитів, спробуйте пізніше'",[5343,22281,5712],{"class":5702},[5343,22283,22284],{"class":5345,"line":5928},[5343,22285,9856],{"class":5702},[5343,22287,22288],{"class":5345,"line":5937},[5343,22289,5785],{"emptyLinePlaceholder":5784},[5343,22291,22292,22294,22296,22299,22301,22304,22306,22308,22310,22313],{"class":5345,"line":5959},[5343,22293,6792],{"class":5708},[5343,22295,5196],{"class":5702},[5343,22297,22298],{"class":5349},"warn",[5343,22300,5919],{"class":5702},[5343,22302,22303],{"class":5352},"`[WsThrottler] ",[5343,22305,6004],{"class":5356},[5343,22307,22163],{"class":5708},[5343,22309,6015],{"class":5356},[5343,22311,22312],{"class":5352}," перевищив rate limit`",[5343,22314,6029],{"class":5702},[5343,22316,22317,22319,22321],{"class":5345,"line":5978},[5343,22318,9983],{"class":5698},[5343,22320,9667],{"class":5356},[5343,22322,5754],{"class":5702},[5343,22324,22325],{"class":5345,"line":5988},[5343,22326,10082],{"class":5702},[5343,22328,22329],{"class":5345,"line":6032},[5343,22330,5785],{"emptyLinePlaceholder":5784},[5343,22332,22333,22336,22338,22341,22343,22345],{"class":5345,"line":6037},[5343,22334,22335],{"class":5708},"    recentRequests",[5343,22337,5196],{"class":5702},[5343,22339,22340],{"class":5349},"push",[5343,22342,5919],{"class":5702},[5343,22344,15661],{"class":5708},[5343,22346,6029],{"class":5702},[5343,22348,22349,22351,22353,22355,22357,22360,22362,22364,22366,22368],{"class":5345,"line":6043},[5343,22350,6169],{"class":5356},[5343,22352,5196],{"class":5702},[5343,22354,22153],{"class":5708},[5343,22356,5196],{"class":5702},[5343,22358,22359],{"class":5349},"set",[5343,22361,5919],{"class":5702},[5343,22363,22163],{"class":5708},[5343,22365,5464],{"class":5702},[5343,22367,22232],{"class":5708},[5343,22369,6029],{"class":5702},[5343,22371,22372],{"class":5345,"line":6062},[5343,22373,5785],{"emptyLinePlaceholder":5784},[5343,22375,22376,22378,22380],{"class":5345,"line":6068},[5343,22377,6046],{"class":5698},[5343,22379,5827],{"class":5356},[5343,22381,5754],{"class":5702},[5343,22383,22384],{"class":5345,"line":6073},[5343,22385,6065],{"class":5702},[5343,22387,22388],{"class":5345,"line":6078},[5343,22389,6235],{"class":5702},[5333,22391,22393],{"className":5684,"code":22392,"language":5686,"meta":5339,"style":5339},"\u002F\u002F Застосування до конкретного handler\n@SubscribeMessage('sendMessage')\n@UseGuards(WsThrottlerGuard)\nasync handleSendMessage(\u002F* ... *\u002F) {\n  \u002F\u002F ...\n}\n",[5110,22394,22395,22400,22412,22425,22439,22443],{"__ignoreMap":5339},[5343,22396,22397],{"class":5345,"line":5346},[5343,22398,22399],{"class":5554},"\u002F\u002F Застосування до конкретного handler\n",[5343,22401,22402,22404,22406,22408,22410],{"class":5345,"line":5366},[5343,22403,5790],{"class":5702},[5343,22405,5916],{"class":5349},[5343,22407,5919],{"class":5702},[5343,22409,8679],{"class":5352},[5343,22411,5925],{"class":5702},[5343,22413,22414,22416,22418,22420,22423],{"class":5345,"line":5378},[5343,22415,5790],{"class":5702},[5343,22417,9317],{"class":5349},[5343,22419,5919],{"class":5702},[5343,22421,22422],{"class":5708},"WsThrottlerGuard",[5343,22424,5925],{"class":5702},[5343,22426,22427,22430,22432,22434,22437],{"class":5345,"line":5528},[5343,22428,22429],{"class":5708},"async",[5343,22431,9548],{"class":5349},[5343,22433,5919],{"class":5702},[5343,22435,22436],{"class":5554},"\u002F* ... *\u002F",[5343,22438,6629],{"class":5702},[5343,22440,22441],{"class":5345,"line":5537},[5343,22442,15987],{"class":5554},[5343,22444,22445],{"class":5345,"line":5546},[5343,22446,6235],{"class":5702},[5325,22448,22450],{"id":22449},"_4-graceful-shutdown","4. Graceful Shutdown",[5089,22452,22453],{},"При зупинці сервера коректно закрити всі WebSocket з'єднання.",[5333,22455,22457],{"className":5684,"code":22456,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fmain.ts\nimport { NestFactory } from '@nestjs\u002Fcore';\nimport { AppModule } from '.\u002Fapp.module';\n\nasync function bootstrap() {\n  const app = await NestFactory.create(AppModule);\n\n  \u002F\u002F Увімкнути graceful shutdown\n  app.enableShutdownHooks();\n\n  await app.listen(3001);\n\n  \u002F\u002F Обробка SIGTERM (наприклад, від Docker stop)\n  process.on('SIGTERM', async () => {\n    console.log('[Server] SIGTERM отримано, graceful shutdown...');\n    await app.close();\n    process.exit(0);\n  });\n}\n\nbootstrap();\n",[5110,22458,22459,22464,22482,22500,22504,22517,22541,22545,22550,22562,22566,22585,22589,22594,22618,22633,22646,22662,22666,22670,22674],{"__ignoreMap":5339},[5343,22460,22461],{"class":5345,"line":5346},[5343,22462,22463],{"class":5554},"\u002F\u002F src\u002Fmain.ts\n",[5343,22465,22466,22468,22470,22473,22475,22477,22480],{"class":5345,"line":5366},[5343,22467,5699],{"class":5698},[5343,22469,5761],{"class":5702},[5343,22471,22472],{"class":5708},"NestFactory",[5343,22474,5772],{"class":5702},[5343,22476,5748],{"class":5698},[5343,22478,22479],{"class":5352}," '@nestjs\u002Fcore'",[5343,22481,5754],{"class":5702},[5343,22483,22484,22486,22488,22491,22493,22495,22498],{"class":5345,"line":5378},[5343,22485,5699],{"class":5698},[5343,22487,5761],{"class":5702},[5343,22489,22490],{"class":5708},"AppModule",[5343,22492,5772],{"class":5702},[5343,22494,5748],{"class":5698},[5343,22496,22497],{"class":5352}," '.\u002Fapp.module'",[5343,22499,5754],{"class":5702},[5343,22501,22502],{"class":5345,"line":5528},[5343,22503,5785],{"emptyLinePlaceholder":5784},[5343,22505,22506,22508,22511,22514],{"class":5345,"line":5537},[5343,22507,22429],{"class":5356},[5343,22509,22510],{"class":5356}," function",[5343,22512,22513],{"class":5349}," bootstrap",[5343,22515,22516],{"class":5702},"() {\n",[5343,22518,22519,22521,22524,22526,22528,22531,22533,22535,22537,22539],{"class":5345,"line":5546},[5343,22520,7584],{"class":5356},[5343,22522,22523],{"class":7309}," app",[5343,22525,6646],{"class":5702},[5343,22527,9803],{"class":5698},[5343,22529,22530],{"class":5708}," NestFactory",[5343,22532,5196],{"class":5702},[5343,22534,11546],{"class":5349},[5343,22536,5919],{"class":5702},[5343,22538,22490],{"class":5708},[5343,22540,6029],{"class":5702},[5343,22542,22543],{"class":5345,"line":5558},[5343,22544,5785],{"emptyLinePlaceholder":5784},[5343,22546,22547],{"class":5345,"line":5569},[5343,22548,22549],{"class":5554},"  \u002F\u002F Увімкнути graceful shutdown\n",[5343,22551,22552,22555,22557,22560],{"class":5345,"line":5577},[5343,22553,22554],{"class":5708},"  app",[5343,22556,5196],{"class":5702},[5343,22558,22559],{"class":5349},"enableShutdownHooks",[5343,22561,6721],{"class":5702},[5343,22563,22564],{"class":5345,"line":5592},[5343,22565,5785],{"emptyLinePlaceholder":5784},[5343,22567,22568,22571,22573,22575,22578,22580,22583],{"class":5345,"line":5601},[5343,22569,22570],{"class":5698},"  await",[5343,22572,22523],{"class":5708},[5343,22574,5196],{"class":5702},[5343,22576,22577],{"class":5349},"listen",[5343,22579,5919],{"class":5702},[5343,22581,22582],{"class":6682},"3001",[5343,22584,6029],{"class":5702},[5343,22586,22587],{"class":5345,"line":5799},[5343,22588,5785],{"emptyLinePlaceholder":5784},[5343,22590,22591],{"class":5345,"line":5807},[5343,22592,22593],{"class":5554},"  \u002F\u002F Обробка SIGTERM (наприклад, від Docker stop)\n",[5343,22595,22596,22599,22601,22603,22605,22608,22610,22612,22614,22616],{"class":5345,"line":5821},[5343,22597,22598],{"class":5708},"  process",[5343,22600,5196],{"class":5702},[5343,22602,6774],{"class":5349},[5343,22604,5919],{"class":5702},[5343,22606,22607],{"class":5352},"'SIGTERM'",[5343,22609,5464],{"class":5702},[5343,22611,22429],{"class":5356},[5343,22613,19234],{"class":5702},[5343,22615,6785],{"class":5356},[5343,22617,5703],{"class":5702},[5343,22619,22620,22622,22624,22626,22628,22631],{"class":5345,"line":5832},[5343,22621,5991],{"class":5708},[5343,22623,5196],{"class":5702},[5343,22625,5996],{"class":5349},[5343,22627,5919],{"class":5702},[5343,22629,22630],{"class":5352},"'[Server] SIGTERM отримано, graceful shutdown...'",[5343,22632,6029],{"class":5702},[5343,22634,22635,22637,22639,22641,22644],{"class":5345,"line":5838},[5343,22636,11948],{"class":5698},[5343,22638,22523],{"class":5708},[5343,22640,5196],{"class":5702},[5343,22642,22643],{"class":5349},"close",[5343,22645,6721],{"class":5702},[5343,22647,22648,22651,22653,22656,22658,22660],{"class":5345,"line":5844},[5343,22649,22650],{"class":5708},"    process",[5343,22652,5196],{"class":5702},[5343,22654,22655],{"class":5349},"exit",[5343,22657,5919],{"class":5702},[5343,22659,9650],{"class":6682},[5343,22661,6029],{"class":5702},[5343,22663,22664],{"class":5345,"line":5859},[5343,22665,20443],{"class":5702},[5343,22667,22668],{"class":5345,"line":5871},[5343,22669,6235],{"class":5702},[5343,22671,22672],{"class":5345,"line":5888},[5343,22673,5785],{"emptyLinePlaceholder":5784},[5343,22675,22676,22679],{"class":5345,"line":5893},[5343,22677,22678],{"class":5349},"bootstrap",[5343,22680,6721],{"class":5702},[5325,22682,22684],{"id":22683},"_5-моніторинг-активних-зєднань","5. Моніторинг активних з'єднань",[5089,22686,22687],{},"Відстежуйте кількість активних WebSocket з'єднань для capacity planning.",[5333,22689,22691],{"className":5684,"code":22690,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.gateway.ts\nimport { OnGatewayConnection, OnGatewayDisconnect } from '@nestjs\u002Fwebsockets';\n\n@WebSocketGateway({ cors: { origin: '*' } })\nexport class ChatGateway implements OnGatewayConnection, OnGatewayDisconnect {\n  private activeConnections = 0;\n\n  handleConnection(client: Socket) {\n    this.activeConnections++;\n    console.log(`[WebSocket] Нове з'єднання. Активних: ${this.activeConnections}`);\n  }\n\n  handleDisconnect(client: Socket) {\n    this.activeConnections--;\n    console.log(`[WebSocket] Відключення. Активних: ${this.activeConnections}`);\n  }\n\n  \u002F**\n   * Метод для моніторингу (можна викликати через HTTP ендпоінт)\n   *\u002F\n  getActiveConnectionsCount(): number {\n    return this.activeConnections;\n  }\n}\n",[5110,22692,22693,22697,22718,22722,22740,22758,22771,22775,22789,22801,22828,22832,22836,22850,22861,22888,22892,22896,22900,22905,22909,22920,22932,22936],{"__ignoreMap":5339},[5343,22694,22695],{"class":5345,"line":5346},[5343,22696,5693],{"class":5554},[5343,22698,22699,22701,22703,22706,22708,22710,22712,22714,22716],{"class":5345,"line":5366},[5343,22700,5699],{"class":5698},[5343,22702,5761],{"class":5702},[5343,22704,22705],{"class":5708},"OnGatewayConnection",[5343,22707,5464],{"class":5702},[5343,22709,17510],{"class":5708},[5343,22711,5772],{"class":5702},[5343,22713,5748],{"class":5698},[5343,22715,5751],{"class":5352},[5343,22717,5754],{"class":5702},[5343,22719,22720],{"class":5345,"line":5378},[5343,22721,5785],{"emptyLinePlaceholder":5784},[5343,22723,22724,22726,22728,22730,22732,22734,22736,22738],{"class":5345,"line":5528},[5343,22725,5790],{"class":5702},[5343,22727,5793],{"class":5349},[5343,22729,8100],{"class":5702},[5343,22731,8103],{"class":5708},[5343,22733,5761],{"class":5702},[5343,22735,8108],{"class":5708},[5343,22737,8111],{"class":5352},[5343,22739,8114],{"class":5702},[5343,22741,22742,22744,22746,22748,22750,22752,22754,22756],{"class":5345,"line":5537},[5343,22743,5847],{"class":5698},[5343,22745,5850],{"class":5356},[5343,22747,5854],{"class":5853},[5343,22749,13503],{"class":5356},[5343,22751,17505],{"class":5853},[5343,22753,5464],{"class":5702},[5343,22755,17510],{"class":5853},[5343,22757,5703],{"class":5702},[5343,22759,22760,22762,22765,22767,22769],{"class":5345,"line":5546},[5343,22761,6599],{"class":5356},[5343,22763,22764],{"class":5708}," activeConnections",[5343,22766,6646],{"class":5702},[5343,22768,9650],{"class":6682},[5343,22770,5754],{"class":5702},[5343,22772,22773],{"class":5345,"line":5558},[5343,22774,5785],{"emptyLinePlaceholder":5784},[5343,22776,22777,22779,22781,22783,22785,22787],{"class":5345,"line":5569},[5343,22778,17574],{"class":5349},[5343,22780,5919],{"class":5702},[5343,22782,5969],{"class":5708},[5343,22784,5877],{"class":5702},[5343,22786,5769],{"class":5853},[5343,22788,6629],{"class":5702},[5343,22790,22791,22793,22795,22798],{"class":5345,"line":5577},[5343,22792,6169],{"class":5356},[5343,22794,5196],{"class":5702},[5343,22796,22797],{"class":5708},"activeConnections",[5343,22799,22800],{"class":5702},"++;\n",[5343,22802,22803,22805,22807,22809,22811,22814,22816,22818,22820,22822,22824,22826],{"class":5345,"line":5592},[5343,22804,5991],{"class":5708},[5343,22806,5196],{"class":5702},[5343,22808,5996],{"class":5349},[5343,22810,5919],{"class":5702},[5343,22812,22813],{"class":5352},"`[WebSocket] Нове з'єднання. Активних: ",[5343,22815,6004],{"class":5356},[5343,22817,6806],{"class":5356},[5343,22819,5196],{"class":6009},[5343,22821,22797],{"class":5708},[5343,22823,6015],{"class":5356},[5343,22825,6026],{"class":5352},[5343,22827,6029],{"class":5702},[5343,22829,22830],{"class":5345,"line":5601},[5343,22831,6065],{"class":5702},[5343,22833,22834],{"class":5345,"line":5799},[5343,22835,5785],{"emptyLinePlaceholder":5784},[5343,22837,22838,22840,22842,22844,22846,22848],{"class":5345,"line":5807},[5343,22839,17665],{"class":5349},[5343,22841,5919],{"class":5702},[5343,22843,5969],{"class":5708},[5343,22845,5877],{"class":5702},[5343,22847,5769],{"class":5853},[5343,22849,6629],{"class":5702},[5343,22851,22852,22854,22856,22858],{"class":5345,"line":5821},[5343,22853,6169],{"class":5356},[5343,22855,5196],{"class":5702},[5343,22857,22797],{"class":5708},[5343,22859,22860],{"class":5702},"--;\n",[5343,22862,22863,22865,22867,22869,22871,22874,22876,22878,22880,22882,22884,22886],{"class":5345,"line":5832},[5343,22864,5991],{"class":5708},[5343,22866,5196],{"class":5702},[5343,22868,5996],{"class":5349},[5343,22870,5919],{"class":5702},[5343,22872,22873],{"class":5352},"`[WebSocket] Відключення. Активних: ",[5343,22875,6004],{"class":5356},[5343,22877,6806],{"class":5356},[5343,22879,5196],{"class":6009},[5343,22881,22797],{"class":5708},[5343,22883,6015],{"class":5356},[5343,22885,6026],{"class":5352},[5343,22887,6029],{"class":5702},[5343,22889,22890],{"class":5345,"line":5838},[5343,22891,6065],{"class":5702},[5343,22893,22894],{"class":5345,"line":5844},[5343,22895,5785],{"emptyLinePlaceholder":5784},[5343,22897,22898],{"class":5345,"line":5859},[5343,22899,5896],{"class":5554},[5343,22901,22902],{"class":5345,"line":5871},[5343,22903,22904],{"class":5554},"   * Метод для моніторингу (можна викликати через HTTP ендпоінт)\n",[5343,22906,22907],{"class":5345,"line":5888},[5343,22908,5908],{"class":5554},[5343,22910,22911,22914,22916,22918],{"class":5345,"line":5893},[5343,22912,22913],{"class":5349},"  getActiveConnectionsCount",[5343,22915,6752],{"class":5702},[5343,22917,8047],{"class":5853},[5343,22919,5703],{"class":5702},[5343,22921,22922,22924,22926,22928,22930],{"class":5345,"line":5899},[5343,22923,6046],{"class":5698},[5343,22925,9806],{"class":5356},[5343,22927,5196],{"class":5702},[5343,22929,22797],{"class":5708},[5343,22931,5754],{"class":5702},[5343,22933,22934],{"class":5345,"line":5905},[5343,22935,6065],{"class":5702},[5343,22937,22938],{"class":5345,"line":5911},[5343,22939,6235],{"class":5702},[5333,22941,22943],{"className":5684,"code":22942,"language":5686,"meta":5339,"style":5339},"\u002F\u002F src\u002Fchat\u002Fchat.controller.ts (HTTP ендпоінт для метрик)\nimport { Controller, Get } from '@nestjs\u002Fcommon';\nimport { ChatGateway } from '.\u002Fchat.gateway';\n\n@Controller('chat')\nexport class ChatController {\n  constructor(private readonly chatGateway: ChatGateway) {}\n\n  @Get('metrics')\n  getMetrics() {\n    return {\n      activeConnections: this.chatGateway.getActiveConnectionsCount(),\n      timestamp: new Date(),\n    };\n  }\n}\n",[5110,22944,22945,22950,22972,22988,22992,23005,23016,23035,23039,23052,23059,23065,23084,23094,23098,23102],{"__ignoreMap":5339},[5343,22946,22947],{"class":5345,"line":5346},[5343,22948,22949],{"class":5554},"\u002F\u002F src\u002Fchat\u002Fchat.controller.ts (HTTP ендпоінт для метрик)\n",[5343,22951,22952,22954,22956,22959,22961,22964,22966,22968,22970],{"class":5345,"line":5366},[5343,22953,5699],{"class":5698},[5343,22955,5761],{"class":5702},[5343,22957,22958],{"class":5708},"Controller",[5343,22960,5464],{"class":5702},[5343,22962,22963],{"class":5708},"Get",[5343,22965,5772],{"class":5702},[5343,22967,5748],{"class":5698},[5343,22969,6337],{"class":5352},[5343,22971,5754],{"class":5702},[5343,22973,22974,22976,22978,22980,22982,22984,22986],{"class":5345,"line":5378},[5343,22975,5699],{"class":5698},[5343,22977,5761],{"class":5702},[5343,22979,6348],{"class":5708},[5343,22981,5772],{"class":5702},[5343,22983,5748],{"class":5698},[5343,22985,6355],{"class":5352},[5343,22987,5754],{"class":5702},[5343,22989,22990],{"class":5345,"line":5528},[5343,22991,5785],{"emptyLinePlaceholder":5784},[5343,22993,22994,22996,22998,23000,23003],{"class":5345,"line":5537},[5343,22995,5790],{"class":5702},[5343,22997,22958],{"class":5349},[5343,22999,5919],{"class":5702},[5343,23001,23002],{"class":5352},"'chat'",[5343,23004,5925],{"class":5702},[5343,23006,23007,23009,23011,23014],{"class":5345,"line":5546},[5343,23008,5847],{"class":5698},[5343,23010,5850],{"class":5356},[5343,23012,23013],{"class":5853}," ChatController",[5343,23015,5703],{"class":5702},[5343,23017,23018,23020,23022,23024,23026,23029,23031,23033],{"class":5345,"line":5558},[5343,23019,6617],{"class":5356},[5343,23021,5919],{"class":5702},[5343,23023,9471],{"class":5356},[5343,23025,9474],{"class":5356},[5343,23027,23028],{"class":5708}," chatGateway",[5343,23030,5877],{"class":5702},[5343,23032,6348],{"class":5853},[5343,23034,9484],{"class":5702},[5343,23036,23037],{"class":5345,"line":5569},[5343,23038,5785],{"emptyLinePlaceholder":5784},[5343,23040,23041,23043,23045,23047,23050],{"class":5345,"line":5577},[5343,23042,5862],{"class":5702},[5343,23044,22963],{"class":5349},[5343,23046,5919],{"class":5702},[5343,23048,23049],{"class":5352},"'metrics'",[5343,23051,5925],{"class":5702},[5343,23053,23054,23057],{"class":5345,"line":5592},[5343,23055,23056],{"class":5349},"  getMetrics",[5343,23058,22516],{"class":5702},[5343,23060,23061,23063],{"class":5345,"line":5601},[5343,23062,6046],{"class":5698},[5343,23064,5703],{"class":5702},[5343,23066,23067,23070,23072,23074,23077,23079,23082],{"class":5345,"line":5799},[5343,23068,23069],{"class":5708},"      activeConnections:",[5343,23071,9806],{"class":5356},[5343,23073,5196],{"class":5702},[5343,23075,23076],{"class":5708},"chatGateway",[5343,23078,5196],{"class":5702},[5343,23080,23081],{"class":5349},"getActiveConnectionsCount",[5343,23083,6218],{"class":5702},[5343,23085,23086,23088,23090,23092],{"class":5345,"line":5807},[5343,23087,6203],{"class":5708},[5343,23089,6206],{"class":5356},[5343,23091,6209],{"class":5349},[5343,23093,6218],{"class":5702},[5343,23095,23096],{"class":5345,"line":5821},[5343,23097,19253],{"class":5702},[5343,23099,23100],{"class":5345,"line":5832},[5343,23101,6065],{"class":5702},[5343,23103,23104],{"class":5345,"line":5838},[5343,23105,6235],{"class":5702},[5172,23107],{},[5084,23109,23111],{"id":23110},"порівняння-socketio-з-нативним-websocket","Порівняння Socket.IO з нативним WebSocket",[5089,23113,23114],{},"Для повноти розуміння розглянемо, коли варто використовувати Socket.IO, а коли достатньо нативного WebSocket.",[7835,23116,23117,23133],{},[7838,23118,23119],{},[7841,23120,23121,23124,23126],{},[7844,23122,23123],{},"Критерій",[7844,23125,5298],{},[7844,23127,23128,23129,23132],{},"Нативний WebSocket (",[5110,23130,23131],{},"ws"," пакет)",[7854,23134,23135,23148,23160,23172,23183,23196,23209,23222,23235],{},[7841,23136,23137,23142,23145],{},[7859,23138,23139],{},[5099,23140,23141],{},"Fallback на Long-Polling",[7859,23143,23144],{},"✅ Автоматично",[7859,23146,23147],{},"❌ Потрібна власна реалізація",[7841,23149,23150,23155,23158],{},[7859,23151,23152],{},[5099,23153,23154],{},"Автоматичний reconnect",[7859,23156,23157],{},"✅ Вбудований",[7859,23159,23147],{},[7841,23161,23162,23167,23170],{},[7859,23163,23164],{},[5099,23165,23166],{},"Rooms та Namespaces",[7859,23168,23169],{},"✅ Вбудовані",[7859,23171,23147],{},[7841,23173,23174,23179,23181],{},[7859,23175,23176],{},[5099,23177,23178],{},"Acknowledgments",[7859,23180,23169],{},[7859,23182,23147],{},[7841,23184,23185,23190,23193],{},[7859,23186,23187],{},[5099,23188,23189],{},"Розмір бібліотеки",[7859,23191,23192],{},"~200 KB (client + server)",[7859,23194,23195],{},"~10 KB",[7841,23197,23198,23203,23206],{},[7859,23199,23200],{},[5099,23201,23202],{},"Продуктивність",[7859,23204,23205],{},"Трохи нижча (overhead від протоколу)",[7859,23207,23208],{},"Вища (мінімальний overhead)",[7841,23210,23211,23216,23219],{},[7859,23212,23213],{},[5099,23214,23215],{},"Складність реалізації",[7859,23217,23218],{},"Проста (high-level API)",[7859,23220,23221],{},"Середня (low-level API)",[7841,23223,23224,23229,23232],{},[7859,23225,23226],{},[5099,23227,23228],{},"Підтримка бінарних даних",[7859,23230,23231],{},"✅ (ArrayBuffer, Blob)",[7859,23233,23234],{},"✅ (Buffer, ArrayBuffer)",[7841,23236,23237,23242,23245],{},[7859,23238,23239],{},[5099,23240,23241],{},"Масштабування",[7859,23243,23244],{},"✅ (Redis Adapter для multi-server)",[7859,23246,23247],{},"❌ Потрібна власна sync логіка",[5089,23249,23250],{},[5099,23251,23252],{},"Рекомендації:",[5175,23254,23255,23273],{},[5178,23256,23259],{"icon":23257,"title":23258},"i-lucide-check-circle","✅ Використовуйте Socket.IO",[5093,23260,23261,23264,23267,23270],{},[5096,23262,23263],{},"Потрібен fallback на long-polling для старих браузерів або обходу firewall.",[5096,23265,23266],{},"Потрібні rooms, namespaces, acknowledgments — не хочете реалізовувати вручну.",[5096,23268,23269],{},"Розробляєте чат, collaborative editing, multiplayer гру — складна real-time логіка.",[5096,23271,23272],{},"Плануєте горизонтальне масштабування (кілька інстансів серверів).",[5178,23274,23276],{"icon":92,"title":23275},"✅ Використовуйте нативний WebSocket",[5093,23277,23278,23281,23284,23287],{},[5096,23279,23280],{},"Критична продуктивність та мінімальний overhead (high-frequency trading, multiplayer FPS).",[5096,23282,23283],{},"Простий use case: односпрямований streaming даних без rooms\u002Fnamespaces.",[5096,23285,23286],{},"Розмір bundle критичний для mobile застосунків.",[5096,23288,23289],{},"Повний контроль над протоколом (custom binary protocol).",[5172,23291],{},[5084,23293,23295],{"id":23294},"підсумок","Підсумок",[5089,23297,23298],{},"У цій лекції ми детально вивчили практичну реалізацію WebSocket Gateway у NestJS з використанням бібліотеки Socket.IO:",[5267,23300,23301,23312,23325,23342,23360,23366,23372,23385,23391,23398],{},[5096,23302,23303,23306,23307,5464,23309,23311],{},[5099,23304,23305],{},"Встановлення та конфігурація:"," встановили пакети ",[5110,23308,5112],{},[5110,23310,5116],{},", налаштували CORS для WebSocket з'єднань.",[5096,23313,23314,23317,23318,23320,23321,23324],{},[5099,23315,23316],{},"Створення Gateway:"," використали декоратор ",[5110,23319,5463],{}," для створення WebSocket сервера, декоратор ",[5110,23322,23323],{},"@WebSocketServer()"," для доступу до Socket.IO server instance.",[5096,23326,23327,23330,23331,23333,23334,23337,23338,23341],{},[5099,23328,23329],{},"Обробка подій:"," за допомогою ",[5110,23332,5192],{}," підписалися на події від клієнтів, використали ",[5110,23335,23336],{},"@MessageBody()"," для витягування payload, ",[5110,23339,23340],{},"@ConnectedSocket()"," для роботи з конкретним клієнтом.",[5096,23343,23344,23347,23348,5133,23350,5147,23353,23355,23356,23359],{},[5099,23345,23346],{},"Емітування подій:"," опанували різні способи відправки повідомлень: ",[5110,23349,6300],{},[5110,23351,23352],{},"client.broadcast.emit()",[5110,23354,6264],{}," для глобального broadcast, ",[5110,23357,23358],{},"this.server.to(room).emit()"," для кімнат.",[5096,23361,23362,23365],{},[5099,23363,23364],{},"Acknowledgments:"," реалізували механізм підтвердження доставки повідомлень через callback функції для guarantee доставки та обробки помилок.",[5096,23367,23368,23371],{},[5099,23369,23370],{},"Інтеграція з бізнес-логікою:"," через Dependency Injection ін'єктували сервіси у Gateway, зберігали повідомлення у базі даних через TypeORM Repository.",[5096,23373,23374,23377,23378,23380,23381,23384],{},[5099,23375,23376],{},"JWT автентифікація:"," створили ",[5110,23379,14033],{}," для валідації JWT токенів при WebSocket з'єднанні, зберігали userId у ",[5110,23382,23383],{},"client.data"," для подальшого використання.",[5096,23386,23387,23390],{},[5099,23388,23389],{},"CORS конфігурація:"," налаштували CORS політику для дозволу WebSocket з'єднань з frontend на іншому домені, розглянули динамічну конфігурацію для кількох доменів.",[5096,23392,23393,23377,23395,23397],{},[5099,23394,10876],{},[5110,23396,19769],{}," для структурованої обробки помилок, використали DTO з валідацією для перевірки вхідних даних.",[5096,23399,23400,23403],{},[5099,23401,23402],{},"Best Practices:"," TypeScript інтерфейси для подій, логування, rate limiting, graceful shutdown, моніторинг активних з'єднань.",[5089,23405,23406,23407,23410,23411,5464,23413,23415],{},"У наступній лекції ми розглянемо ",[5099,23408,23409],{},"Lifecycle hooks та Rooms"," — детальне управління життєвим циклом з'єднань (",[5110,23412,22705],{},[5110,23414,17510],{},"), організацію клієнтів у кімнати для групової комунікації, tracking активних користувачів та приватні повідомлення.",[9246,23417,23418,23421],{},[5099,23419,23420],{},"Практичне завдання:"," створіть власний чат-застосунок з автентифікацією, кімнатами, збереженням повідомлень у PostgreSQL та broadcasting. Додайте функції редагування та видалення повідомлень, typing indicators (індикатор друкування), read receipts (підтвердження прочитання).",[23423,23424,23425],"style",{},"html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":5339,"searchDepth":5366,"depth":5366,"links":23427},[23428,23429,23430,23434,23438,23442,23447,23450,23453,23458,23465,23470,23475,23480,23485,23492,23493],{"id":5086,"depth":5366,"text":5087},{"id":5254,"depth":5366,"text":5255},{"id":5319,"depth":5366,"text":5320,"children":23431},[23432,23433],{"id":5327,"depth":5378,"text":5328},{"id":5492,"depth":5378,"text":5493},{"id":5667,"depth":5366,"text":5668,"children":23435},[23436,23437],{"id":5680,"depth":5378,"text":5681},{"id":6303,"depth":5378,"text":6304},{"id":6522,"depth":5366,"text":6523,"children":23439},[23440,23441],{"id":6529,"depth":5378,"text":6530},{"id":6547,"depth":5378,"text":6548},{"id":7825,"depth":5366,"text":7826,"children":23443},[23444,23445,23446],{"id":7832,"depth":5378,"text":7833},{"id":7933,"depth":5378,"text":7934},{"id":9128,"depth":5378,"text":9129},{"id":9262,"depth":5366,"text":9263,"children":23448},[23449],{"id":9276,"depth":5378,"text":9277},{"id":10899,"depth":5366,"text":10900,"children":23451},[23452],{"id":10906,"depth":5378,"text":10907},{"id":13312,"depth":5366,"text":13313,"children":23454},[23455,23456,23457],{"id":13327,"depth":5378,"text":13328},{"id":13403,"depth":5378,"text":13404},{"id":15361,"depth":5378,"text":15362},{"id":15904,"depth":5366,"text":15905,"children":23459},[23460,23461,23462,23463,23464],{"id":15919,"depth":5378,"text":15920},{"id":15994,"depth":5378,"text":15995},{"id":16196,"depth":5378,"text":16197},{"id":16319,"depth":5378,"text":16320},{"id":16401,"depth":5378,"text":16402},{"id":16522,"depth":5366,"text":16523,"children":23466},[23467,23468,23469],{"id":16529,"depth":5378,"text":16530},{"id":16853,"depth":5378,"text":16854},{"id":16932,"depth":5378,"text":16933},{"id":17051,"depth":5366,"text":17052,"children":23471},[23472,23473,23474],{"id":17058,"depth":5378,"text":17059},{"id":17303,"depth":5378,"text":17304},{"id":18714,"depth":5378,"text":18715},{"id":19392,"depth":5366,"text":19393,"children":23476},[23477,23478,23479],{"id":19399,"depth":5378,"text":19400},{"id":19717,"depth":5378,"text":19718},{"id":20208,"depth":5378,"text":20209},{"id":20493,"depth":5366,"text":20494,"children":23481},[23482,23483,23484],{"id":20503,"depth":5378,"text":20504},{"id":20524,"depth":5378,"text":20525},{"id":20690,"depth":5378,"text":20691},{"id":21052,"depth":5366,"text":21053,"children":23486},[23487,23488,23489,23490,23491],{"id":21056,"depth":5378,"text":21057},{"id":21527,"depth":5378,"text":21528},{"id":21906,"depth":5378,"text":21907},{"id":22449,"depth":5378,"text":22450},{"id":22683,"depth":5378,"text":22684},{"id":23110,"depth":5366,"text":23111},{"id":23294,"depth":5366,"text":23295},"md",null,{},{"title":4670,"description":5339},"eoLGlKNom8aXcS1dW0PaZ338C1u1g5zZD_SKfu9RHgY",[23500,23501],{"title":4666,"path":4667,"stem":4668,"description":5339,"children":-1},{"title":4674,"path":4675,"stem":4676,"description":5339,"children":-1},1790322260429]