[{"data":1,"prerenderedAt":18890},["ShallowReactive",2],{"navigation_docs":3,"-web-development-realtime-notifications-jobs-07-web-push-notifications":5074,"-web-development-realtime-notifications-jobs-07-web-push-notifications-surround":18887},[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":900,"body":5076,"description":5366,"extension":18882,"links":18883,"meta":18884,"navigation":5394,"path":4689,"seo":18885,"stem":4690,"__hash__":18886},"docs\u002F18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications.md",{"type":5077,"value":5078,"toc":18829},"minimark",[5079,5083,5088,5092,5161,5164,5167,5264,5266,5270,5285,5306,5311,5337,5343,5345,5349,5356,5609,5614,5702,5712,5714,5718,5724,5728,5774,5779,5787,5791,5837,5851,5853,5857,5861,5886,5890,6447,6451,8560,8565,8601,8605,9424,9428,9611,9613,9617,9621,10821,10825,11090,11094,13014,13018,13564,13568,13815,13817,13821,13825,14997,15001,15004,15053,15055,15059,15063,15069,15079,15764,15768,15775,16209,16213,16220,16284,16288,16299,16557,16559,16563,16567,16578,16644,16651,16655,16660,16671,16676,16684,16689,16694,16698,16703,16711,16716,16794,16796,16800,16804,16807,16827,16831,16838,16858,16863,16953,16955,16959,17207,17209,17213,17217,17224,17685,17689,17696,17897,17911,17915,17918,18160,18164,18167,18407,18410,18546,18548,18552,18713,18723,18743,18745,18749,18760,18808,18814,18825],[5080,5081,900],"h1",{"id":5082},"web-push-нотифікації",[5084,5085,5087],"h2",{"id":5086},"короткий-зміст","Короткий зміст",[5089,5090,5091],"p",{},"У цій лекції розглядається реалізація браузерних push-нотифікацій через Web Push API:",[5093,5094,5095,5103,5109,5120,5129,5139,5145,5151],"ul",{},[5096,5097,5098,5102],"li",{},[5099,5100,5101],"strong",{},"Web Push API"," — стандарт для відправки нотифікацій у браузер навіть коли сайт закритий, підтримка Chrome, Firefox, Edge, Safari (з iOS 16.4+)",[5096,5104,5105,5108],{},[5099,5106,5107],{},"Service Workers"," — фоновий скрипт для отримання push подій, реєстрація Service Worker, обробка події 'push', показ notification через Notification API",[5096,5110,5111,5114,5115,5119],{},[5099,5112,5113],{},"VAPID ключі"," — пара public\u002Fprivate ключів для автентифікації push сервера, генерація через ",[5116,5117,5118],"code",{},"web-push generate-vapid-keys",", публічний ключ передається на frontend, приватний — на backend",[5096,5121,5122,5125,5126],{},[5099,5123,5124],{},"Бібліотека web-push"," — Node.js бібліотека для відправки push через Web Push Protocol, метод ",[5116,5127,5128],{},"sendNotification(subscription, payload, options)",[5096,5130,5131,5134,5135,5138],{},[5099,5132,5133],{},"Push subscription"," — об'єкт з endpoint та keys (p256dh, auth), отримується на frontend через ",[5116,5136,5137],{},"serviceWorkerRegistration.pushManager.subscribe()",", передається на backend для збереження",[5096,5140,5141,5144],{},[5099,5142,5143],{},"Subscription management"," — Entity для зберігання subscriptions (userId, endpoint, keys, device info), CRUD операції: create subscription при subscribe, delete при unsubscribe",[5096,5146,5147,5150],{},[5099,5148,5149],{},"Відправка push"," — метод у Service для відправки push всім subscriptions користувача, payload у форматі JSON з title, body, icon, badge, actions",[5096,5152,5153,5156,5157,5160],{},[5099,5154,5155],{},"Permissions"," — запит дозволу на нотифікації через ",[5116,5158,5159],{},"Notification.requestPermission()",", handling відмови, re-request logic",[5089,5162,5163],{},"Розглядаються практичні приклади: підписка на push при вході, відправка push при новому повідомленні, click handling у Service Worker, deep links у застосунок, fallback для браузерів без підтримки.",[5165,5166],"hr",{},[5168,5169,5170,5212],"card-group",{},[5171,5172,5175],"card",{"icon":5173,"title":5174},"i-lucide-target","🎯 Мета лекції",[5093,5176,5177,5180,5186,5189,5192,5199,5206,5209],{},[5096,5178,5179],{},"Зрозуміти архітектуру Web Push API: Service Worker як проміжна ланка між сервером та браузером.",[5096,5181,5182,5183,5185],{},"Згенерувати VAPID ключі для автентифікації push сервера через ",[5116,5184,5118],{},".",[5096,5187,5188],{},"Зареєструвати Service Worker на frontend та підписати користувача на push нотифікації через PushManager API.",[5096,5190,5191],{},"Створити Push Subscription Entity у NestJS для збереження subscriptions з userId, endpoint, p256dh\u002Fauth keys.",[5096,5193,5194,5195,5198],{},"Інтегрувати бібліотеку ",[5116,5196,5197],{},"web-push"," для відправки push нотифікацій з backend до браузера через Web Push Protocol.",[5096,5200,5201,5202,5205],{},"Реалізувати обробку push подій у Service Worker: ",[5116,5203,5204],{},"self.addEventListener('push')"," для показу notification.",[5096,5207,5208],{},"Впровадити click handling у нотифікаціях для deep links та відкриття конкретних сторінок застосунку.",[5096,5210,5211],{},"Застосувати best practices: permission UI\u002FUX, subscription renewal, fallback для Safari iOS, error handling для expired subscriptions.",[5171,5213,5215],{"icon":4574,"title":5214},"🔑 Ключові терміни",[5093,5216,5217,5223,5229,5235,5252,5258],{},[5096,5218,5219,5222],{},[5099,5220,5221],{},"Service Worker:"," JavaScript скрипт, що працює у фоновому режимі браузера незалежно від веб-сторінки, може отримувати push події навіть коли сайт закритий.",[5096,5224,5225,5228],{},[5099,5226,5227],{},"VAPID (Voluntary Application Server Identification):"," стандарт автентифікації push сервера через пару public\u002Fprivate ключів для запобігання spam.",[5096,5230,5231,5234],{},[5099,5232,5233],{},"Push Subscription:"," об'єкт з унікальним endpoint (URL push сервісу браузера) та encryption keys для безпечної доставки.",[5096,5236,5237,5240,5241,5244,5245,5244,5248,5251],{},[5099,5238,5239],{},"PushManager API:"," браузерний API для управління підписками на push нотифікації (",[5116,5242,5243],{},"subscribe()",", ",[5116,5246,5247],{},"getSubscription()",[5116,5249,5250],{},"unsubscribe()",").",[5096,5253,5254,5257],{},[5099,5255,5256],{},"Web Push Protocol:"," протокол для доставки push повідомлень від application server до push service (Google FCM, Mozilla Push Service).",[5096,5259,5260,5263],{},[5099,5261,5262],{},"Notification API:"," браузерний API для відображення нотифікацій з title, body, icon, badge, actions.",[5165,5265],{},[5084,5267,5269],{"id":5268},"контекст-від-email-до-browser-push","Контекст: Від Email до Browser Push",[5089,5271,5272,5273,5276,5277,5280,5281,5284],{},"У попередній лекції ми реалізували ",[5099,5274,5275],{},"email нотифікації"," для асинхронної доставки повідомлень користувачам. Email підходить для ",[5099,5278,5279],{},"довгочасної комунікації"," та ",[5099,5282,5283],{},"офіційних повідомлень",", але має недоліки:",[5286,5287,5288,5294,5300],"ol",{},[5096,5289,5290,5293],{},[5099,5291,5292],{},"Затримка доставки:"," SMTP доставка може зайняти секунди-хвилини.",[5096,5295,5296,5299],{},[5099,5297,5298],{},"Низький engagement:"," користувачі не завжди перевіряють email негайно.",[5096,5301,5302,5305],{},[5099,5303,5304],{},"Обмежена інтерактивність:"," email не підходить для time-sensitive подій (нове повідомлення у чаті, live update).",[5089,5307,5308,5310],{},[5099,5309,900],{}," вирішують ці проблеми:",[5093,5312,5313,5319,5325,5331],{},[5096,5314,5315,5318],{},[5099,5316,5317],{},"Миттєва доставка:"," push доставляється за секунди через браузерний push service.",[5096,5320,5321,5324],{},[5099,5322,5323],{},"Працює offline:"," Service Worker отримує push навіть коли вкладка застосунку закрита або браузер згорнутий.",[5096,5326,5327,5330],{},[5099,5328,5329],{},"Високий engagement:"," нотифікація відображається на рівні OS (Windows Action Center, macOS Notification Center).",[5096,5332,5333,5336],{},[5099,5334,5335],{},"Інтерактивність:"," actions у нотифікації (Reply, Like, Dismiss) для швидкої відповіді.",[5089,5338,5339,5340,5342],{},"У цій лекції ми інтегруємо ",[5099,5341,5101],{}," з NestJS backend та React frontend для відправки браузерних push нотифікацій.",[5165,5344],{},[5084,5346,5348],{"id":5347},"web-push-архітектура-огляд-компонентів","Web Push архітектура: Огляд компонентів",[5089,5350,5351,5352,5355],{},"Web Push система складається з ",[5099,5353,5354],{},"чотирьох компонентів",":",[5357,5358,5360],"plant-uml",{"alt":5359},"Web Push архітектура",[5361,5362,5367],"pre",{"className":5363,"code":5364,"language":5365,"meta":5366,"style":5366},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nactor User as \"Користувач\" #DBEAFE\n\npackage \"Frontend (Browser)\" #F1F5F9 {\n  component WebApp as \"Web Application\" #E2E8F0\n  component ServiceWorker as \"Service Worker\u003Cbr\u002F>(sw.js)\" #DCFCE7\n}\n\npackage \"Backend (NestJS)\" #DBEAFE {\n  component PushService as \"PushService\" #E2E8F0\n  database SubscriptionDB as \"Subscriptions\u003Cbr\u002F>Database\" #E0E7FF\n}\n\ncloud \"Push Service\" as PushServiceCloud #FEF3C7 {\n  component FCM as \"Google FCM\" #FEF08A\n  component MozillaPush as \"Mozilla Push\" #FEF08A\n  component ApplePush as \"Apple Push\" #FEF08A\n}\n\nUser --> WebApp : Дозволяє push\u003Cbr\u002F>notifications\nWebApp --> ServiceWorker : Реєструє SW\nServiceWorker --> PushServiceCloud : Підписується\u003Cbr\u002F>(subscribe)\nPushServiceCloud --> WebApp : Повертає subscription\nWebApp --> PushService : POST \u002Fpush\u002Fsubscribe\u003Cbr\u002F>(subscription data)\nPushService --> SubscriptionDB : Зберігає subscription\n\nnote right of PushService\n  Коли потрібно відправити push:\n  1. Завантажити subscriptions з БД\n  2. Відправити push через web-push\nend note\n\nPushService --> PushServiceCloud : Відправити push\u003Cbr\u002F>(web-push library)\nPushServiceCloud --> ServiceWorker : Push event\nServiceWorker --> ServiceWorker : Показати notification\nServiceWorker --> User : Нотифікація на OS рівні\n\n@enduml\n","plantuml","",[5116,5368,5369,5377,5383,5389,5396,5402,5407,5413,5419,5425,5431,5436,5442,5448,5454,5459,5464,5470,5476,5482,5488,5493,5498,5504,5510,5516,5522,5528,5534,5539,5545,5551,5557,5563,5569,5574,5580,5586,5592,5598,5603],{"__ignoreMap":5366},[5370,5371,5374],"span",{"class":5372,"line":5373},"line",1,[5370,5375,5376],{},"@startuml\n",[5370,5378,5380],{"class":5372,"line":5379},2,[5370,5381,5382],{},"skinparam style plain\n",[5370,5384,5386],{"class":5372,"line":5385},3,[5370,5387,5388],{},"skinparam backgroundColor #FFFFFF\n",[5370,5390,5392],{"class":5372,"line":5391},4,[5370,5393,5395],{"emptyLinePlaceholder":5394},true,"\n",[5370,5397,5399],{"class":5372,"line":5398},5,[5370,5400,5401],{},"actor User as \"Користувач\" #DBEAFE\n",[5370,5403,5405],{"class":5372,"line":5404},6,[5370,5406,5395],{"emptyLinePlaceholder":5394},[5370,5408,5410],{"class":5372,"line":5409},7,[5370,5411,5412],{},"package \"Frontend (Browser)\" #F1F5F9 {\n",[5370,5414,5416],{"class":5372,"line":5415},8,[5370,5417,5418],{},"  component WebApp as \"Web Application\" #E2E8F0\n",[5370,5420,5422],{"class":5372,"line":5421},9,[5370,5423,5424],{},"  component ServiceWorker as \"Service Worker\u003Cbr\u002F>(sw.js)\" #DCFCE7\n",[5370,5426,5428],{"class":5372,"line":5427},10,[5370,5429,5430],{},"}\n",[5370,5432,5434],{"class":5372,"line":5433},11,[5370,5435,5395],{"emptyLinePlaceholder":5394},[5370,5437,5439],{"class":5372,"line":5438},12,[5370,5440,5441],{},"package \"Backend (NestJS)\" #DBEAFE {\n",[5370,5443,5445],{"class":5372,"line":5444},13,[5370,5446,5447],{},"  component PushService as \"PushService\" #E2E8F0\n",[5370,5449,5451],{"class":5372,"line":5450},14,[5370,5452,5453],{},"  database SubscriptionDB as \"Subscriptions\u003Cbr\u002F>Database\" #E0E7FF\n",[5370,5455,5457],{"class":5372,"line":5456},15,[5370,5458,5430],{},[5370,5460,5462],{"class":5372,"line":5461},16,[5370,5463,5395],{"emptyLinePlaceholder":5394},[5370,5465,5467],{"class":5372,"line":5466},17,[5370,5468,5469],{},"cloud \"Push Service\" as PushServiceCloud #FEF3C7 {\n",[5370,5471,5473],{"class":5372,"line":5472},18,[5370,5474,5475],{},"  component FCM as \"Google FCM\" #FEF08A\n",[5370,5477,5479],{"class":5372,"line":5478},19,[5370,5480,5481],{},"  component MozillaPush as \"Mozilla Push\" #FEF08A\n",[5370,5483,5485],{"class":5372,"line":5484},20,[5370,5486,5487],{},"  component ApplePush as \"Apple Push\" #FEF08A\n",[5370,5489,5491],{"class":5372,"line":5490},21,[5370,5492,5430],{},[5370,5494,5496],{"class":5372,"line":5495},22,[5370,5497,5395],{"emptyLinePlaceholder":5394},[5370,5499,5501],{"class":5372,"line":5500},23,[5370,5502,5503],{},"User --> WebApp : Дозволяє push\u003Cbr\u002F>notifications\n",[5370,5505,5507],{"class":5372,"line":5506},24,[5370,5508,5509],{},"WebApp --> ServiceWorker : Реєструє SW\n",[5370,5511,5513],{"class":5372,"line":5512},25,[5370,5514,5515],{},"ServiceWorker --> PushServiceCloud : Підписується\u003Cbr\u002F>(subscribe)\n",[5370,5517,5519],{"class":5372,"line":5518},26,[5370,5520,5521],{},"PushServiceCloud --> WebApp : Повертає subscription\n",[5370,5523,5525],{"class":5372,"line":5524},27,[5370,5526,5527],{},"WebApp --> PushService : POST \u002Fpush\u002Fsubscribe\u003Cbr\u002F>(subscription data)\n",[5370,5529,5531],{"class":5372,"line":5530},28,[5370,5532,5533],{},"PushService --> SubscriptionDB : Зберігає subscription\n",[5370,5535,5537],{"class":5372,"line":5536},29,[5370,5538,5395],{"emptyLinePlaceholder":5394},[5370,5540,5542],{"class":5372,"line":5541},30,[5370,5543,5544],{},"note right of PushService\n",[5370,5546,5548],{"class":5372,"line":5547},31,[5370,5549,5550],{},"  Коли потрібно відправити push:\n",[5370,5552,5554],{"class":5372,"line":5553},32,[5370,5555,5556],{},"  1. Завантажити subscriptions з БД\n",[5370,5558,5560],{"class":5372,"line":5559},33,[5370,5561,5562],{},"  2. Відправити push через web-push\n",[5370,5564,5566],{"class":5372,"line":5565},34,[5370,5567,5568],{},"end note\n",[5370,5570,5572],{"class":5372,"line":5571},35,[5370,5573,5395],{"emptyLinePlaceholder":5394},[5370,5575,5577],{"class":5372,"line":5576},36,[5370,5578,5579],{},"PushService --> PushServiceCloud : Відправити push\u003Cbr\u002F>(web-push library)\n",[5370,5581,5583],{"class":5372,"line":5582},37,[5370,5584,5585],{},"PushServiceCloud --> ServiceWorker : Push event\n",[5370,5587,5589],{"class":5372,"line":5588},38,[5370,5590,5591],{},"ServiceWorker --> ServiceWorker : Показати notification\n",[5370,5593,5595],{"class":5372,"line":5594},39,[5370,5596,5597],{},"ServiceWorker --> User : Нотифікація на OS рівні\n",[5370,5599,5601],{"class":5372,"line":5600},40,[5370,5602,5395],{"emptyLinePlaceholder":5394},[5370,5604,5606],{"class":5372,"line":5605},41,[5370,5607,5608],{},"@enduml\n",[5610,5611,5613],"h3",{"id":5612},"компоненти-системи","Компоненти системи",[5615,5616,5617,5633],"table",{},[5618,5619,5620],"thead",{},[5621,5622,5623,5627,5630],"tr",{},[5624,5625,5626],"th",{},"Компонент",[5624,5628,5629],{},"Відповідальність",[5624,5631,5632],{},"Технології",[5634,5635,5636,5650,5663,5676,5689],"tbody",{},[5621,5637,5638,5644,5647],{},[5639,5640,5641],"td",{},[5099,5642,5643],{},"Web Application",[5639,5645,5646],{},"Запит permission, реєстрація Service Worker, підписка на push",[5639,5648,5649],{},"React, PushManager API",[5621,5651,5652,5657,5660],{},[5639,5653,5654],{},[5099,5655,5656],{},"Service Worker",[5639,5658,5659],{},"Фоновий скрипт для отримання push подій та показу notifications",[5639,5661,5662],{},"JavaScript (sw.js)",[5621,5664,5665,5670,5673],{},[5639,5666,5667],{},[5099,5668,5669],{},"Push Service (Cloud)",[5639,5671,5672],{},"Проміжний сервіс браузера для доставки push",[5639,5674,5675],{},"Google FCM, Mozilla Push, Apple Push",[5621,5677,5678,5683,5686],{},[5639,5679,5680],{},[5099,5681,5682],{},"Backend (NestJS)",[5639,5684,5685],{},"Зберігання subscriptions, відправка push через web-push",[5639,5687,5688],{},"web-push library, TypeORM",[5621,5690,5691,5696,5699],{},[5639,5692,5693],{},[5099,5694,5695],{},"Subscriptions Database",[5639,5697,5698],{},"Persistence subscriptions (userId, endpoint, keys)",[5639,5700,5701],{},"PostgreSQL",[5089,5703,5704,5707,5708,5711],{},[5099,5705,5706],{},"Важливо:"," Backend ",[5099,5709,5710],{},"не відправляє push безпосередньо"," до браузера. Замість цього Backend → Push Service → Service Worker → Browser Notification.",[5165,5713],{},[5084,5715,5717],{"id":5716},"vapid-ключі-генерація-та-налаштування","VAPID ключі: Генерація та налаштування",[5089,5719,5720,5723],{},[5099,5721,5722],{},"VAPID (Voluntary Application Server Identification)"," — стандарт автентифікації application server через public\u002Fprivate ключі. Push Service (Google FCM, Mozilla) вимагає VAPID для запобігання spam.",[5610,5725,5727],{"id":5726},"генерація-vapid-ключів","Генерація VAPID ключів",[5361,5729,5733],{"className":5730,"code":5731,"language":5732,"meta":5366,"style":5366},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","# Встановити web-push CLI\nnpm install -g web-push\n\n# Згенерувати ключі\nweb-push generate-vapid-keys\n","bash",[5116,5734,5735,5741,5758,5762,5767],{"__ignoreMap":5366},[5370,5736,5737],{"class":5372,"line":5373},[5370,5738,5740],{"class":5739},"spJ8K","# Встановити web-push CLI\n",[5370,5742,5743,5747,5751,5755],{"class":5372,"line":5379},[5370,5744,5746],{"class":5745},"s8Opu","npm",[5370,5748,5750],{"class":5749},"sbdoH"," install",[5370,5752,5754],{"class":5753},"su1O8"," -g",[5370,5756,5757],{"class":5749}," web-push\n",[5370,5759,5760],{"class":5372,"line":5385},[5370,5761,5395],{"emptyLinePlaceholder":5394},[5370,5763,5764],{"class":5372,"line":5391},[5370,5765,5766],{"class":5739},"# Згенерувати ключі\n",[5370,5768,5769,5771],{"class":5372,"line":5398},[5370,5770,5197],{"class":5745},[5370,5772,5773],{"class":5749}," generate-vapid-keys\n",[5089,5775,5776],{},[5099,5777,5778],{},"Вивід:",[5361,5780,5785],{"className":5781,"code":5783,"language":5784},[5782],"language-text","=======================================\n\nPublic Key:\nBEl62iUYgUivxIkv69yViEuiBIa-Ib27SDbQjfTkIhsAj5H_8d8GCfEZ...\n\nPrivate Key:\n3JZfPd6IVZ8oSMuC2B7nt3WhxdXNT9yxcf3gNEkN...\n\n=======================================\n","text",[5116,5786,5783],{"__ignoreMap":5366},[5610,5788,5790],{"id":5789},"додати-у-env","Додати у .env",[5361,5792,5794],{"className":5730,"code":5793,"language":5732,"meta":5366,"style":5366},"# VAPID Keys для Web Push\nVAPID_PUBLIC_KEY=BEl62iUYgUivxIkv69yViEuiBIa-Ib27SDbQjfTkIhsAj5H_8d8GCfEZ...\nVAPID_PRIVATE_KEY=3JZfPd6IVZ8oSMuC2B7nt3WhxdXNT9yxcf3gNEkN...\nVAPID_SUBJECT=mailto:admin@myapp.com  # Email або URL застосунку\n",[5116,5795,5796,5801,5814,5824],{"__ignoreMap":5366},[5370,5797,5798],{"class":5372,"line":5373},[5370,5799,5800],{"class":5739},"# VAPID Keys для Web Push\n",[5370,5802,5803,5807,5811],{"class":5372,"line":5379},[5370,5804,5806],{"class":5805},"siwwj","VAPID_PUBLIC_KEY",[5370,5808,5810],{"class":5809},"sHH4Y","=",[5370,5812,5813],{"class":5749},"BEl62iUYgUivxIkv69yViEuiBIa-Ib27SDbQjfTkIhsAj5H_8d8GCfEZ...\n",[5370,5815,5816,5819,5821],{"class":5372,"line":5385},[5370,5817,5818],{"class":5805},"VAPID_PRIVATE_KEY",[5370,5820,5810],{"class":5809},[5370,5822,5823],{"class":5749},"3JZfPd6IVZ8oSMuC2B7nt3WhxdXNT9yxcf3gNEkN...\n",[5370,5825,5826,5829,5831,5834],{"class":5372,"line":5391},[5370,5827,5828],{"class":5805},"VAPID_SUBJECT",[5370,5830,5810],{"class":5809},[5370,5832,5833],{"class":5749},"mailto:admin@myapp.com",[5370,5835,5836],{"class":5739},"  # Email або URL застосунку\n",[5838,5839,5840,5843,5844,5280,5847,5850],"warning",{},[5099,5841,5842],{},"Security:"," Private Key має зберігатися ",[5099,5845,5846],{},"виключно на backend",[5099,5848,5849],{},"ніколи не передаватися"," на frontend. Public Key передається на frontend для підписки.",[5165,5852],{},[5084,5854,5856],{"id":5855},"backend-subscription-entity-та-service","Backend: Subscription Entity та Service",[5610,5858,5860],{"id":5859},"установка-web-push","Установка web-push",[5361,5862,5864],{"className":5730,"code":5863,"language":5732,"meta":5366,"style":5366},"npm install web-push\nnpm install -D @types\u002Fweb-push\n",[5116,5865,5866,5874],{"__ignoreMap":5366},[5370,5867,5868,5870,5872],{"class":5372,"line":5373},[5370,5869,5746],{"class":5745},[5370,5871,5750],{"class":5749},[5370,5873,5757],{"class":5749},[5370,5875,5876,5878,5880,5883],{"class":5372,"line":5379},[5370,5877,5746],{"class":5745},[5370,5879,5750],{"class":5749},[5370,5881,5882],{"class":5753}," -D",[5370,5884,5885],{"class":5749}," @types\u002Fweb-push\n",[5610,5887,5889],{"id":5888},"push-subscription-entity","Push Subscription Entity",[5361,5891,5895],{"className":5892,"code":5893,"language":5894,"meta":5366,"style":5366},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F src\u002Fpush\u002Fentities\u002Fpush-subscription.entity.ts\nimport {\n  Entity,\n  PrimaryGeneratedColumn,\n  Column,\n  ManyToOne,\n  JoinColumn,\n  CreateDateColumn,\n  Index,\n} from 'typeorm';\nimport { User } from '..\u002F..\u002Fusers\u002Fentities\u002Fuser.entity';\n\n@Entity('push_subscriptions')\n@Index(['userId']) \u002F\u002F Індекс для швидкого пошуку subscriptions користувача\n@Index(['endpoint'], { unique: true }) \u002F\u002F Унікальний endpoint (один браузер = одна підписка)\nexport class PushSubscription {\n  @PrimaryGeneratedColumn('uuid')\n  id: string;\n\n  @Column()\n  userId: number;\n\n  @ManyToOne(() => User, { onDelete: 'CASCADE' })\n  @JoinColumn({ name: 'userId' })\n  user: User;\n\n  \u002F\u002F Унікальний URL push сервісу браузера\n  @Column({ type: 'text', unique: true })\n  endpoint: string;\n\n  \u002F\u002F Encryption keys для безпечної доставки\n  @Column({ type: 'text' })\n  p256dh: string; \u002F\u002F Public key для шифрування\n\n  @Column({ type: 'text' })\n  auth: string; \u002F\u002F Authentication secret\n\n  \u002F\u002F Metadata для аналітики\n  @Column({ nullable: true })\n  userAgent?: string;\n\n  @Column({ nullable: true })\n  deviceType?: string; \u002F\u002F 'desktop', 'mobile', 'tablet'\n\n  @CreateDateColumn()\n  createdAt: Date;\n\n  @Column({ type: 'timestamp', nullable: true })\n  lastUsedAt?: Date; \u002F\u002F Оновлюється при кожній успішній відправці\n}\n","typescript",[5116,5896,5897,5902,5911,5919,5926,5933,5940,5947,5954,5961,5975,5995,5999,6016,6035,6061,6075,6090,6103,6107,6117,6129,6133,6161,6179,6190,6194,6199,6221,6232,6236,6241,6255,6270,6274,6288,6302,6306,6311,6326,6338,6342,6357,6372,6377,6387,6400,6405,6427,6442],{"__ignoreMap":5366},[5370,5898,5899],{"class":5372,"line":5373},[5370,5900,5901],{"class":5739},"\u002F\u002F src\u002Fpush\u002Fentities\u002Fpush-subscription.entity.ts\n",[5370,5903,5904,5908],{"class":5372,"line":5379},[5370,5905,5907],{"class":5906},"s8xlr","import",[5370,5909,5910],{"class":5809}," {\n",[5370,5912,5913,5916],{"class":5372,"line":5385},[5370,5914,5915],{"class":5805},"  Entity",[5370,5917,5918],{"class":5809},",\n",[5370,5920,5921,5924],{"class":5372,"line":5391},[5370,5922,5923],{"class":5805},"  PrimaryGeneratedColumn",[5370,5925,5918],{"class":5809},[5370,5927,5928,5931],{"class":5372,"line":5398},[5370,5929,5930],{"class":5805},"  Column",[5370,5932,5918],{"class":5809},[5370,5934,5935,5938],{"class":5372,"line":5404},[5370,5936,5937],{"class":5805},"  ManyToOne",[5370,5939,5918],{"class":5809},[5370,5941,5942,5945],{"class":5372,"line":5409},[5370,5943,5944],{"class":5805},"  JoinColumn",[5370,5946,5918],{"class":5809},[5370,5948,5949,5952],{"class":5372,"line":5415},[5370,5950,5951],{"class":5805},"  CreateDateColumn",[5370,5953,5918],{"class":5809},[5370,5955,5956,5959],{"class":5372,"line":5421},[5370,5957,5958],{"class":5805},"  Index",[5370,5960,5918],{"class":5809},[5370,5962,5963,5966,5969,5972],{"class":5372,"line":5427},[5370,5964,5965],{"class":5809},"} ",[5370,5967,5968],{"class":5906},"from",[5370,5970,5971],{"class":5749}," 'typeorm'",[5370,5973,5974],{"class":5809},";\n",[5370,5976,5977,5979,5982,5985,5988,5990,5993],{"class":5372,"line":5433},[5370,5978,5907],{"class":5906},[5370,5980,5981],{"class":5809}," { ",[5370,5983,5984],{"class":5805},"User",[5370,5986,5987],{"class":5809}," } ",[5370,5989,5968],{"class":5906},[5370,5991,5992],{"class":5749}," '..\u002F..\u002Fusers\u002Fentities\u002Fuser.entity'",[5370,5994,5974],{"class":5809},[5370,5996,5997],{"class":5372,"line":5438},[5370,5998,5395],{"emptyLinePlaceholder":5394},[5370,6000,6001,6004,6007,6010,6013],{"class":5372,"line":5444},[5370,6002,6003],{"class":5809},"@",[5370,6005,6006],{"class":5745},"Entity",[5370,6008,6009],{"class":5809},"(",[5370,6011,6012],{"class":5749},"'push_subscriptions'",[5370,6014,6015],{"class":5809},")\n",[5370,6017,6018,6020,6023,6026,6029,6032],{"class":5372,"line":5450},[5370,6019,6003],{"class":5809},[5370,6021,6022],{"class":5745},"Index",[5370,6024,6025],{"class":5809},"([",[5370,6027,6028],{"class":5749},"'userId'",[5370,6030,6031],{"class":5809},"]) ",[5370,6033,6034],{"class":5739},"\u002F\u002F Індекс для швидкого пошуку subscriptions користувача\n",[5370,6036,6037,6039,6041,6043,6046,6049,6052,6055,6058],{"class":5372,"line":5456},[5370,6038,6003],{"class":5809},[5370,6040,6022],{"class":5745},[5370,6042,6025],{"class":5809},[5370,6044,6045],{"class":5749},"'endpoint'",[5370,6047,6048],{"class":5809},"], { ",[5370,6050,6051],{"class":5805},"unique:",[5370,6053,6054],{"class":5753}," true",[5370,6056,6057],{"class":5809}," }) ",[5370,6059,6060],{"class":5739},"\u002F\u002F Унікальний endpoint (один браузер = одна підписка)\n",[5370,6062,6063,6066,6069,6073],{"class":5372,"line":5461},[5370,6064,6065],{"class":5906},"export",[5370,6067,6068],{"class":5753}," class",[5370,6070,6072],{"class":6071},"sN1BT"," PushSubscription",[5370,6074,5910],{"class":5809},[5370,6076,6077,6080,6083,6085,6088],{"class":5372,"line":5466},[5370,6078,6079],{"class":5809},"  @",[5370,6081,6082],{"class":5745},"PrimaryGeneratedColumn",[5370,6084,6009],{"class":5809},[5370,6086,6087],{"class":5749},"'uuid'",[5370,6089,6015],{"class":5809},[5370,6091,6092,6095,6098,6101],{"class":5372,"line":5472},[5370,6093,6094],{"class":5805},"  id",[5370,6096,6097],{"class":5809},": ",[5370,6099,6100],{"class":6071},"string",[5370,6102,5974],{"class":5809},[5370,6104,6105],{"class":5372,"line":5478},[5370,6106,5395],{"emptyLinePlaceholder":5394},[5370,6108,6109,6111,6114],{"class":5372,"line":5484},[5370,6110,6079],{"class":5809},[5370,6112,6113],{"class":5745},"Column",[5370,6115,6116],{"class":5809},"()\n",[5370,6118,6119,6122,6124,6127],{"class":5372,"line":5490},[5370,6120,6121],{"class":5805},"  userId",[5370,6123,6097],{"class":5809},[5370,6125,6126],{"class":6071},"number",[5370,6128,5974],{"class":5809},[5370,6130,6131],{"class":5372,"line":5495},[5370,6132,5395],{"emptyLinePlaceholder":5394},[5370,6134,6135,6137,6140,6143,6146,6149,6152,6155,6158],{"class":5372,"line":5500},[5370,6136,6079],{"class":5809},[5370,6138,6139],{"class":5745},"ManyToOne",[5370,6141,6142],{"class":5809},"(() ",[5370,6144,6145],{"class":5753},"=>",[5370,6147,6148],{"class":5805}," User",[5370,6150,6151],{"class":5809},", { ",[5370,6153,6154],{"class":5805},"onDelete:",[5370,6156,6157],{"class":5749}," 'CASCADE'",[5370,6159,6160],{"class":5809}," })\n",[5370,6162,6163,6165,6168,6171,6174,6177],{"class":5372,"line":5506},[5370,6164,6079],{"class":5809},[5370,6166,6167],{"class":5745},"JoinColumn",[5370,6169,6170],{"class":5809},"({ ",[5370,6172,6173],{"class":5805},"name:",[5370,6175,6176],{"class":5749}," 'userId'",[5370,6178,6160],{"class":5809},[5370,6180,6181,6184,6186,6188],{"class":5372,"line":5512},[5370,6182,6183],{"class":5805},"  user",[5370,6185,6097],{"class":5809},[5370,6187,5984],{"class":6071},[5370,6189,5974],{"class":5809},[5370,6191,6192],{"class":5372,"line":5518},[5370,6193,5395],{"emptyLinePlaceholder":5394},[5370,6195,6196],{"class":5372,"line":5524},[5370,6197,6198],{"class":5739},"  \u002F\u002F Унікальний URL push сервісу браузера\n",[5370,6200,6201,6203,6205,6207,6210,6213,6215,6217,6219],{"class":5372,"line":5530},[5370,6202,6079],{"class":5809},[5370,6204,6113],{"class":5745},[5370,6206,6170],{"class":5809},[5370,6208,6209],{"class":5805},"type:",[5370,6211,6212],{"class":5749}," 'text'",[5370,6214,5244],{"class":5809},[5370,6216,6051],{"class":5805},[5370,6218,6054],{"class":5753},[5370,6220,6160],{"class":5809},[5370,6222,6223,6226,6228,6230],{"class":5372,"line":5536},[5370,6224,6225],{"class":5805},"  endpoint",[5370,6227,6097],{"class":5809},[5370,6229,6100],{"class":6071},[5370,6231,5974],{"class":5809},[5370,6233,6234],{"class":5372,"line":5541},[5370,6235,5395],{"emptyLinePlaceholder":5394},[5370,6237,6238],{"class":5372,"line":5547},[5370,6239,6240],{"class":5739},"  \u002F\u002F Encryption keys для безпечної доставки\n",[5370,6242,6243,6245,6247,6249,6251,6253],{"class":5372,"line":5553},[5370,6244,6079],{"class":5809},[5370,6246,6113],{"class":5745},[5370,6248,6170],{"class":5809},[5370,6250,6209],{"class":5805},[5370,6252,6212],{"class":5749},[5370,6254,6160],{"class":5809},[5370,6256,6257,6260,6262,6264,6267],{"class":5372,"line":5559},[5370,6258,6259],{"class":5805},"  p256dh",[5370,6261,6097],{"class":5809},[5370,6263,6100],{"class":6071},[5370,6265,6266],{"class":5809},"; ",[5370,6268,6269],{"class":5739},"\u002F\u002F Public key для шифрування\n",[5370,6271,6272],{"class":5372,"line":5565},[5370,6273,5395],{"emptyLinePlaceholder":5394},[5370,6275,6276,6278,6280,6282,6284,6286],{"class":5372,"line":5571},[5370,6277,6079],{"class":5809},[5370,6279,6113],{"class":5745},[5370,6281,6170],{"class":5809},[5370,6283,6209],{"class":5805},[5370,6285,6212],{"class":5749},[5370,6287,6160],{"class":5809},[5370,6289,6290,6293,6295,6297,6299],{"class":5372,"line":5576},[5370,6291,6292],{"class":5805},"  auth",[5370,6294,6097],{"class":5809},[5370,6296,6100],{"class":6071},[5370,6298,6266],{"class":5809},[5370,6300,6301],{"class":5739},"\u002F\u002F Authentication secret\n",[5370,6303,6304],{"class":5372,"line":5582},[5370,6305,5395],{"emptyLinePlaceholder":5394},[5370,6307,6308],{"class":5372,"line":5588},[5370,6309,6310],{"class":5739},"  \u002F\u002F Metadata для аналітики\n",[5370,6312,6313,6315,6317,6319,6322,6324],{"class":5372,"line":5594},[5370,6314,6079],{"class":5809},[5370,6316,6113],{"class":5745},[5370,6318,6170],{"class":5809},[5370,6320,6321],{"class":5805},"nullable:",[5370,6323,6054],{"class":5753},[5370,6325,6160],{"class":5809},[5370,6327,6328,6331,6334,6336],{"class":5372,"line":5600},[5370,6329,6330],{"class":5805},"  userAgent",[5370,6332,6333],{"class":5809},"?: ",[5370,6335,6100],{"class":6071},[5370,6337,5974],{"class":5809},[5370,6339,6340],{"class":5372,"line":5605},[5370,6341,5395],{"emptyLinePlaceholder":5394},[5370,6343,6345,6347,6349,6351,6353,6355],{"class":5372,"line":6344},42,[5370,6346,6079],{"class":5809},[5370,6348,6113],{"class":5745},[5370,6350,6170],{"class":5809},[5370,6352,6321],{"class":5805},[5370,6354,6054],{"class":5753},[5370,6356,6160],{"class":5809},[5370,6358,6360,6363,6365,6367,6369],{"class":5372,"line":6359},43,[5370,6361,6362],{"class":5805},"  deviceType",[5370,6364,6333],{"class":5809},[5370,6366,6100],{"class":6071},[5370,6368,6266],{"class":5809},[5370,6370,6371],{"class":5739},"\u002F\u002F 'desktop', 'mobile', 'tablet'\n",[5370,6373,6375],{"class":5372,"line":6374},44,[5370,6376,5395],{"emptyLinePlaceholder":5394},[5370,6378,6380,6382,6385],{"class":5372,"line":6379},45,[5370,6381,6079],{"class":5809},[5370,6383,6384],{"class":5745},"CreateDateColumn",[5370,6386,6116],{"class":5809},[5370,6388,6390,6393,6395,6398],{"class":5372,"line":6389},46,[5370,6391,6392],{"class":5805},"  createdAt",[5370,6394,6097],{"class":5809},[5370,6396,6397],{"class":6071},"Date",[5370,6399,5974],{"class":5809},[5370,6401,6403],{"class":5372,"line":6402},47,[5370,6404,5395],{"emptyLinePlaceholder":5394},[5370,6406,6408,6410,6412,6414,6416,6419,6421,6423,6425],{"class":5372,"line":6407},48,[5370,6409,6079],{"class":5809},[5370,6411,6113],{"class":5745},[5370,6413,6170],{"class":5809},[5370,6415,6209],{"class":5805},[5370,6417,6418],{"class":5749}," 'timestamp'",[5370,6420,5244],{"class":5809},[5370,6422,6321],{"class":5805},[5370,6424,6054],{"class":5753},[5370,6426,6160],{"class":5809},[5370,6428,6430,6433,6435,6437,6439],{"class":5372,"line":6429},49,[5370,6431,6432],{"class":5805},"  lastUsedAt",[5370,6434,6333],{"class":5809},[5370,6436,6397],{"class":6071},[5370,6438,6266],{"class":5809},[5370,6440,6441],{"class":5739},"\u002F\u002F Оновлюється при кожній успішній відправці\n",[5370,6443,6445],{"class":5372,"line":6444},50,[5370,6446,5430],{"class":5809},[5610,6448,6450],{"id":6449},"pushservice-управління-підписками","PushService: Управління підписками",[5361,6452,6454],{"className":5892,"code":6453,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fpush\u002Fpush.service.ts\nimport { Injectable, NotFoundException } from '@nestjs\u002Fcommon';\nimport { InjectRepository } from '@nestjs\u002Ftypeorm';\nimport { Repository } from 'typeorm';\nimport { PushSubscription } from '.\u002Fentities\u002Fpush-subscription.entity';\nimport webpush from 'web-push';\nimport { ConfigService } from '@nestjs\u002Fconfig';\n\ninterface SubscribeDto {\n  userId: number;\n  subscription: {\n    endpoint: string;\n    keys: {\n      p256dh: string;\n      auth: string;\n    };\n  };\n  userAgent?: string;\n  deviceType?: string;\n}\n\ninterface PushPayload {\n  title: string;\n  body: string;\n  icon?: string;\n  badge?: string;\n  image?: string;\n  data?: any;\n  actions?: Array\u003C{ action: string; title: string; icon?: string }>;\n}\n\n@Injectable()\nexport class PushService {\n  constructor(\n    @InjectRepository(PushSubscription)\n    private subscriptionRepository: Repository\u003CPushSubscription>,\n    private configService: ConfigService,\n  ) {\n    \u002F\u002F Налаштувати web-push з VAPID ключами\n    webpush.setVapidDetails(\n      this.configService.get('VAPID_SUBJECT'),\n      this.configService.get('VAPID_PUBLIC_KEY'),\n      this.configService.get('VAPID_PRIVATE_KEY'),\n    );\n  }\n\n  \u002F**\n   * Створити або оновити subscription\n   *\u002F\n  async subscribe(dto: SubscribeDto): Promise\u003CPushSubscription> {\n    \u002F\u002F Перевірити, чи вже існує subscription з цим endpoint\n    let subscription = await this.subscriptionRepository.findOne({\n      where: { endpoint: dto.subscription.endpoint },\n    });\n\n    if (subscription) {\n      \u002F\u002F Оновити userId (якщо користувач перелогінився)\n      subscription.userId = dto.userId;\n      subscription.lastUsedAt = new Date();\n    } else {\n      \u002F\u002F Створити нову subscription\n      subscription = this.subscriptionRepository.create({\n        userId: dto.userId,\n        endpoint: dto.subscription.endpoint,\n        p256dh: dto.subscription.keys.p256dh,\n        auth: dto.subscription.keys.auth,\n        userAgent: dto.userAgent,\n        deviceType: dto.deviceType,\n      });\n    }\n\n    return this.subscriptionRepository.save(subscription);\n  }\n\n  \u002F**\n   * Відписатися від push нотифікацій\n   *\u002F\n  async unsubscribe(endpoint: string): Promise\u003Cvoid> {\n    await this.subscriptionRepository.delete({ endpoint });\n    console.log(`[PushService] Subscription видалено: ${endpoint}`);\n  }\n\n  \u002F**\n   * Отримати всі subscriptions користувача\n   *\u002F\n  async getUserSubscriptions(userId: number): Promise\u003CPushSubscription[]> {\n    return this.subscriptionRepository.find({\n      where: { userId },\n    });\n  }\n\n  \u002F**\n   * Відправити push нотифікацію конкретному користувачу\n   *\u002F\n  async sendToUser(userId: number, payload: PushPayload): Promise\u003Cvoid> {\n    const subscriptions = await this.getUserSubscriptions(userId);\n\n    if (subscriptions.length === 0) {\n      console.log(`[PushService] Користувач ${userId} не має push subscriptions`);\n      return;\n    }\n\n    const promises = subscriptions.map((sub) =>\n      this.sendToSubscription(sub, payload)\n    );\n\n    await Promise.allSettled(promises);\n    console.log(`[PushService] Push відправлено на ${subscriptions.length} пристроїв`);\n  }\n\n  \u002F**\n   * Відправити push нотифікацію конкретній subscription\n   *\u002F\n  private async sendToSubscription(\n    subscription: PushSubscription,\n    payload: PushPayload,\n  ): Promise\u003Cvoid> {\n    const pushSubscription = {\n      endpoint: subscription.endpoint,\n      keys: {\n        p256dh: subscription.p256dh,\n        auth: subscription.auth,\n      },\n    };\n\n    try {\n      await webpush.sendNotification(\n        pushSubscription,\n        JSON.stringify(payload),\n        {\n          TTL: 60 * 60, \u002F\u002F Time-to-live: 1 година\n        }\n      );\n\n      \u002F\u002F Оновити lastUsedAt\n      subscription.lastUsedAt = new Date();\n      await this.subscriptionRepository.save(subscription);\n\n      console.log(`[PushService] Push успішно відправлено на ${subscription.endpoint.substring(0, 50)}...`);\n    } catch (error) {\n      console.error(`[PushService] Помилка відправки push:`, error);\n\n      \u002F\u002F Якщо subscription expired або invalid, видалити з БД\n      if (error.statusCode === 410 || error.statusCode === 404) {\n        console.log(`[PushService] Subscription expired, видаляємо з БД`);\n        await this.subscriptionRepository.delete(subscription.id);\n      }\n\n      throw error;\n    }\n  }\n\n  \u002F**\n   * Відправити push всім користувачам (broadcast)\n   *\u002F\n  async broadcast(payload: PushPayload): Promise\u003Cvoid> {\n    const allSubscriptions = await this.subscriptionRepository.find();\n\n    console.log(`[PushService] Broadcasting push на ${allSubscriptions.length} підписників`);\n\n    const promises = allSubscriptions.map((sub) =>\n      this.sendToSubscription(sub, payload).catch((err) => {\n        \u002F\u002F Продовжити відправку навіть якщо одна subscription failed\n        console.error(`Failed to send to ${sub.id}:`, err.message);\n      })\n    );\n\n    await Promise.allSettled(promises);\n  }\n}\n",[5116,6455,6456,6461,6484,6502,6519,6537,6552,6570,6574,6584,6594,6602,6613,6620,6631,6642,6647,6652,6662,6672,6676,6680,6689,6700,6711,6722,6733,6744,6756,6797,6801,6805,6813,6824,6832,6845,6865,6878,6883,6888,6900,6923,6942,6961,6966,6971,6975,6980,6985,6990,7021,7027,7058,7085,7091,7096,7110,7116,7137,7158,7169,7175,7196,7210,7228,7252,7275,7290,7305,7311,7317,7322,7346,7351,7356,7361,7367,7372,7399,7423,7452,7457,7462,7467,7473,7478,7505,7523,7534,7539,7544,7549,7554,7560,7565,7601,7628,7633,7657,7683,7691,7696,7701,7730,7750,7755,7760,7780,7810,7815,7820,7825,7831,7836,7850,7862,7874,7888,7899,7913,7921,7934,7947,7953,7958,7963,7971,7986,7994,8011,8017,8037,8043,8049,8054,8060,8077,8098,8103,8149,8164,8184,8189,8195,8231,8248,8275,8281,8286,8297,8302,8307,8312,8317,8323,8328,8354,8378,8383,8413,8418,8441,8473,8479,8517,8523,8528,8533,8550,8555],{"__ignoreMap":5366},[5370,6457,6458],{"class":5372,"line":5373},[5370,6459,6460],{"class":5739},"\u002F\u002F src\u002Fpush\u002Fpush.service.ts\n",[5370,6462,6463,6465,6467,6470,6472,6475,6477,6479,6482],{"class":5372,"line":5379},[5370,6464,5907],{"class":5906},[5370,6466,5981],{"class":5809},[5370,6468,6469],{"class":5805},"Injectable",[5370,6471,5244],{"class":5809},[5370,6473,6474],{"class":5805},"NotFoundException",[5370,6476,5987],{"class":5809},[5370,6478,5968],{"class":5906},[5370,6480,6481],{"class":5749}," '@nestjs\u002Fcommon'",[5370,6483,5974],{"class":5809},[5370,6485,6486,6488,6490,6493,6495,6497,6500],{"class":5372,"line":5385},[5370,6487,5907],{"class":5906},[5370,6489,5981],{"class":5809},[5370,6491,6492],{"class":5805},"InjectRepository",[5370,6494,5987],{"class":5809},[5370,6496,5968],{"class":5906},[5370,6498,6499],{"class":5749}," '@nestjs\u002Ftypeorm'",[5370,6501,5974],{"class":5809},[5370,6503,6504,6506,6508,6511,6513,6515,6517],{"class":5372,"line":5391},[5370,6505,5907],{"class":5906},[5370,6507,5981],{"class":5809},[5370,6509,6510],{"class":5805},"Repository",[5370,6512,5987],{"class":5809},[5370,6514,5968],{"class":5906},[5370,6516,5971],{"class":5749},[5370,6518,5974],{"class":5809},[5370,6520,6521,6523,6525,6528,6530,6532,6535],{"class":5372,"line":5398},[5370,6522,5907],{"class":5906},[5370,6524,5981],{"class":5809},[5370,6526,6527],{"class":5805},"PushSubscription",[5370,6529,5987],{"class":5809},[5370,6531,5968],{"class":5906},[5370,6533,6534],{"class":5749}," '.\u002Fentities\u002Fpush-subscription.entity'",[5370,6536,5974],{"class":5809},[5370,6538,6539,6541,6544,6547,6550],{"class":5372,"line":5404},[5370,6540,5907],{"class":5906},[5370,6542,6543],{"class":5805}," webpush",[5370,6545,6546],{"class":5906}," from",[5370,6548,6549],{"class":5749}," 'web-push'",[5370,6551,5974],{"class":5809},[5370,6553,6554,6556,6558,6561,6563,6565,6568],{"class":5372,"line":5409},[5370,6555,5907],{"class":5906},[5370,6557,5981],{"class":5809},[5370,6559,6560],{"class":5805},"ConfigService",[5370,6562,5987],{"class":5809},[5370,6564,5968],{"class":5906},[5370,6566,6567],{"class":5749}," '@nestjs\u002Fconfig'",[5370,6569,5974],{"class":5809},[5370,6571,6572],{"class":5372,"line":5415},[5370,6573,5395],{"emptyLinePlaceholder":5394},[5370,6575,6576,6579,6582],{"class":5372,"line":5421},[5370,6577,6578],{"class":5753},"interface",[5370,6580,6581],{"class":6071}," SubscribeDto",[5370,6583,5910],{"class":5809},[5370,6585,6586,6588,6590,6592],{"class":5372,"line":5427},[5370,6587,6121],{"class":5805},[5370,6589,6097],{"class":5809},[5370,6591,6126],{"class":6071},[5370,6593,5974],{"class":5809},[5370,6595,6596,6599],{"class":5372,"line":5433},[5370,6597,6598],{"class":5805},"  subscription",[5370,6600,6601],{"class":5809},": {\n",[5370,6603,6604,6607,6609,6611],{"class":5372,"line":5438},[5370,6605,6606],{"class":5805},"    endpoint",[5370,6608,6097],{"class":5809},[5370,6610,6100],{"class":6071},[5370,6612,5974],{"class":5809},[5370,6614,6615,6618],{"class":5372,"line":5444},[5370,6616,6617],{"class":5805},"    keys",[5370,6619,6601],{"class":5809},[5370,6621,6622,6625,6627,6629],{"class":5372,"line":5450},[5370,6623,6624],{"class":5805},"      p256dh",[5370,6626,6097],{"class":5809},[5370,6628,6100],{"class":6071},[5370,6630,5974],{"class":5809},[5370,6632,6633,6636,6638,6640],{"class":5372,"line":5456},[5370,6634,6635],{"class":5805},"      auth",[5370,6637,6097],{"class":5809},[5370,6639,6100],{"class":6071},[5370,6641,5974],{"class":5809},[5370,6643,6644],{"class":5372,"line":5461},[5370,6645,6646],{"class":5809},"    };\n",[5370,6648,6649],{"class":5372,"line":5466},[5370,6650,6651],{"class":5809},"  };\n",[5370,6653,6654,6656,6658,6660],{"class":5372,"line":5472},[5370,6655,6330],{"class":5805},[5370,6657,6333],{"class":5809},[5370,6659,6100],{"class":6071},[5370,6661,5974],{"class":5809},[5370,6663,6664,6666,6668,6670],{"class":5372,"line":5478},[5370,6665,6362],{"class":5805},[5370,6667,6333],{"class":5809},[5370,6669,6100],{"class":6071},[5370,6671,5974],{"class":5809},[5370,6673,6674],{"class":5372,"line":5484},[5370,6675,5430],{"class":5809},[5370,6677,6678],{"class":5372,"line":5490},[5370,6679,5395],{"emptyLinePlaceholder":5394},[5370,6681,6682,6684,6687],{"class":5372,"line":5495},[5370,6683,6578],{"class":5753},[5370,6685,6686],{"class":6071}," PushPayload",[5370,6688,5910],{"class":5809},[5370,6690,6691,6694,6696,6698],{"class":5372,"line":5500},[5370,6692,6693],{"class":5805},"  title",[5370,6695,6097],{"class":5809},[5370,6697,6100],{"class":6071},[5370,6699,5974],{"class":5809},[5370,6701,6702,6705,6707,6709],{"class":5372,"line":5506},[5370,6703,6704],{"class":5805},"  body",[5370,6706,6097],{"class":5809},[5370,6708,6100],{"class":6071},[5370,6710,5974],{"class":5809},[5370,6712,6713,6716,6718,6720],{"class":5372,"line":5512},[5370,6714,6715],{"class":5805},"  icon",[5370,6717,6333],{"class":5809},[5370,6719,6100],{"class":6071},[5370,6721,5974],{"class":5809},[5370,6723,6724,6727,6729,6731],{"class":5372,"line":5518},[5370,6725,6726],{"class":5805},"  badge",[5370,6728,6333],{"class":5809},[5370,6730,6100],{"class":6071},[5370,6732,5974],{"class":5809},[5370,6734,6735,6738,6740,6742],{"class":5372,"line":5524},[5370,6736,6737],{"class":5805},"  image",[5370,6739,6333],{"class":5809},[5370,6741,6100],{"class":6071},[5370,6743,5974],{"class":5809},[5370,6745,6746,6749,6751,6754],{"class":5372,"line":5530},[5370,6747,6748],{"class":5805},"  data",[5370,6750,6333],{"class":5809},[5370,6752,6753],{"class":6071},"any",[5370,6755,5974],{"class":5809},[5370,6757,6758,6761,6763,6766,6769,6772,6774,6776,6778,6781,6783,6785,6787,6790,6792,6794],{"class":5372,"line":5536},[5370,6759,6760],{"class":5805},"  actions",[5370,6762,6333],{"class":5809},[5370,6764,6765],{"class":6071},"Array",[5370,6767,6768],{"class":5809},"\u003C{ ",[5370,6770,6771],{"class":5805},"action",[5370,6773,6097],{"class":5809},[5370,6775,6100],{"class":6071},[5370,6777,6266],{"class":5809},[5370,6779,6780],{"class":5805},"title",[5370,6782,6097],{"class":5809},[5370,6784,6100],{"class":6071},[5370,6786,6266],{"class":5809},[5370,6788,6789],{"class":5805},"icon",[5370,6791,6333],{"class":5809},[5370,6793,6100],{"class":6071},[5370,6795,6796],{"class":5809}," }>;\n",[5370,6798,6799],{"class":5372,"line":5541},[5370,6800,5430],{"class":5809},[5370,6802,6803],{"class":5372,"line":5547},[5370,6804,5395],{"emptyLinePlaceholder":5394},[5370,6806,6807,6809,6811],{"class":5372,"line":5553},[5370,6808,6003],{"class":5809},[5370,6810,6469],{"class":5745},[5370,6812,6116],{"class":5809},[5370,6814,6815,6817,6819,6822],{"class":5372,"line":5559},[5370,6816,6065],{"class":5906},[5370,6818,6068],{"class":5753},[5370,6820,6821],{"class":6071}," PushService",[5370,6823,5910],{"class":5809},[5370,6825,6826,6829],{"class":5372,"line":5565},[5370,6827,6828],{"class":5753},"  constructor",[5370,6830,6831],{"class":5809},"(\n",[5370,6833,6834,6837,6839,6841,6843],{"class":5372,"line":5571},[5370,6835,6836],{"class":5809},"    @",[5370,6838,6492],{"class":5745},[5370,6840,6009],{"class":5809},[5370,6842,6527],{"class":5805},[5370,6844,6015],{"class":5809},[5370,6846,6847,6850,6853,6855,6857,6860,6862],{"class":5372,"line":5576},[5370,6848,6849],{"class":5753},"    private",[5370,6851,6852],{"class":5805}," subscriptionRepository",[5370,6854,6097],{"class":5809},[5370,6856,6510],{"class":6071},[5370,6858,6859],{"class":5809},"\u003C",[5370,6861,6527],{"class":6071},[5370,6863,6864],{"class":5809},">,\n",[5370,6866,6867,6869,6872,6874,6876],{"class":5372,"line":5582},[5370,6868,6849],{"class":5753},[5370,6870,6871],{"class":5805}," configService",[5370,6873,6097],{"class":5809},[5370,6875,6560],{"class":6071},[5370,6877,5918],{"class":5809},[5370,6879,6880],{"class":5372,"line":5588},[5370,6881,6882],{"class":5809},"  ) {\n",[5370,6884,6885],{"class":5372,"line":5594},[5370,6886,6887],{"class":5739},"    \u002F\u002F Налаштувати web-push з VAPID ключами\n",[5370,6889,6890,6893,6895,6898],{"class":5372,"line":5600},[5370,6891,6892],{"class":5805},"    webpush",[5370,6894,5185],{"class":5809},[5370,6896,6897],{"class":5745},"setVapidDetails",[5370,6899,6831],{"class":5809},[5370,6901,6902,6905,6907,6910,6912,6915,6917,6920],{"class":5372,"line":5605},[5370,6903,6904],{"class":5753},"      this",[5370,6906,5185],{"class":5809},[5370,6908,6909],{"class":5805},"configService",[5370,6911,5185],{"class":5809},[5370,6913,6914],{"class":5745},"get",[5370,6916,6009],{"class":5809},[5370,6918,6919],{"class":5749},"'VAPID_SUBJECT'",[5370,6921,6922],{"class":5809},"),\n",[5370,6924,6925,6927,6929,6931,6933,6935,6937,6940],{"class":5372,"line":6344},[5370,6926,6904],{"class":5753},[5370,6928,5185],{"class":5809},[5370,6930,6909],{"class":5805},[5370,6932,5185],{"class":5809},[5370,6934,6914],{"class":5745},[5370,6936,6009],{"class":5809},[5370,6938,6939],{"class":5749},"'VAPID_PUBLIC_KEY'",[5370,6941,6922],{"class":5809},[5370,6943,6944,6946,6948,6950,6952,6954,6956,6959],{"class":5372,"line":6359},[5370,6945,6904],{"class":5753},[5370,6947,5185],{"class":5809},[5370,6949,6909],{"class":5805},[5370,6951,5185],{"class":5809},[5370,6953,6914],{"class":5745},[5370,6955,6009],{"class":5809},[5370,6957,6958],{"class":5749},"'VAPID_PRIVATE_KEY'",[5370,6960,6922],{"class":5809},[5370,6962,6963],{"class":5372,"line":6374},[5370,6964,6965],{"class":5809},"    );\n",[5370,6967,6968],{"class":5372,"line":6379},[5370,6969,6970],{"class":5809},"  }\n",[5370,6972,6973],{"class":5372,"line":6389},[5370,6974,5395],{"emptyLinePlaceholder":5394},[5370,6976,6977],{"class":5372,"line":6402},[5370,6978,6979],{"class":5739},"  \u002F**\n",[5370,6981,6982],{"class":5372,"line":6407},[5370,6983,6984],{"class":5739},"   * Створити або оновити subscription\n",[5370,6986,6987],{"class":5372,"line":6429},[5370,6988,6989],{"class":5739},"   *\u002F\n",[5370,6991,6992,6995,6998,7000,7003,7005,7008,7011,7014,7016,7018],{"class":5372,"line":6444},[5370,6993,6994],{"class":5753},"  async",[5370,6996,6997],{"class":5745}," subscribe",[5370,6999,6009],{"class":5809},[5370,7001,7002],{"class":5805},"dto",[5370,7004,6097],{"class":5809},[5370,7006,7007],{"class":6071},"SubscribeDto",[5370,7009,7010],{"class":5809},"): ",[5370,7012,7013],{"class":6071},"Promise",[5370,7015,6859],{"class":5809},[5370,7017,6527],{"class":6071},[5370,7019,7020],{"class":5809},"> {\n",[5370,7022,7024],{"class":5372,"line":7023},51,[5370,7025,7026],{"class":5739},"    \u002F\u002F Перевірити, чи вже існує subscription з цим endpoint\n",[5370,7028,7030,7033,7036,7039,7042,7045,7047,7050,7052,7055],{"class":5372,"line":7029},52,[5370,7031,7032],{"class":5753},"    let",[5370,7034,7035],{"class":5805}," subscription",[5370,7037,7038],{"class":5809}," = ",[5370,7040,7041],{"class":5906},"await",[5370,7043,7044],{"class":5753}," this",[5370,7046,5185],{"class":5809},[5370,7048,7049],{"class":5805},"subscriptionRepository",[5370,7051,5185],{"class":5809},[5370,7053,7054],{"class":5745},"findOne",[5370,7056,7057],{"class":5809},"({\n",[5370,7059,7061,7064,7066,7069,7072,7074,7077,7079,7082],{"class":5372,"line":7060},53,[5370,7062,7063],{"class":5805},"      where:",[5370,7065,5981],{"class":5809},[5370,7067,7068],{"class":5805},"endpoint:",[5370,7070,7071],{"class":5805}," dto",[5370,7073,5185],{"class":5809},[5370,7075,7076],{"class":5805},"subscription",[5370,7078,5185],{"class":5809},[5370,7080,7081],{"class":5805},"endpoint",[5370,7083,7084],{"class":5809}," },\n",[5370,7086,7088],{"class":5372,"line":7087},54,[5370,7089,7090],{"class":5809},"    });\n",[5370,7092,7094],{"class":5372,"line":7093},55,[5370,7095,5395],{"emptyLinePlaceholder":5394},[5370,7097,7099,7102,7105,7107],{"class":5372,"line":7098},56,[5370,7100,7101],{"class":5906},"    if",[5370,7103,7104],{"class":5809}," (",[5370,7106,7076],{"class":5805},[5370,7108,7109],{"class":5809},") {\n",[5370,7111,7113],{"class":5372,"line":7112},57,[5370,7114,7115],{"class":5739},"      \u002F\u002F Оновити userId (якщо користувач перелогінився)\n",[5370,7117,7119,7122,7124,7127,7129,7131,7133,7135],{"class":5372,"line":7118},58,[5370,7120,7121],{"class":5805},"      subscription",[5370,7123,5185],{"class":5809},[5370,7125,7126],{"class":5805},"userId",[5370,7128,7038],{"class":5809},[5370,7130,7002],{"class":5805},[5370,7132,5185],{"class":5809},[5370,7134,7126],{"class":5805},[5370,7136,5974],{"class":5809},[5370,7138,7140,7142,7144,7147,7149,7152,7155],{"class":5372,"line":7139},59,[5370,7141,7121],{"class":5805},[5370,7143,5185],{"class":5809},[5370,7145,7146],{"class":5805},"lastUsedAt",[5370,7148,7038],{"class":5809},[5370,7150,7151],{"class":5753},"new",[5370,7153,7154],{"class":5745}," Date",[5370,7156,7157],{"class":5809},"();\n",[5370,7159,7161,7164,7167],{"class":5372,"line":7160},60,[5370,7162,7163],{"class":5809},"    } ",[5370,7165,7166],{"class":5906},"else",[5370,7168,5910],{"class":5809},[5370,7170,7172],{"class":5372,"line":7171},61,[5370,7173,7174],{"class":5739},"      \u002F\u002F Створити нову subscription\n",[5370,7176,7178,7180,7182,7185,7187,7189,7191,7194],{"class":5372,"line":7177},62,[5370,7179,7121],{"class":5805},[5370,7181,7038],{"class":5809},[5370,7183,7184],{"class":5753},"this",[5370,7186,5185],{"class":5809},[5370,7188,7049],{"class":5805},[5370,7190,5185],{"class":5809},[5370,7192,7193],{"class":5745},"create",[5370,7195,7057],{"class":5809},[5370,7197,7199,7202,7204,7206,7208],{"class":5372,"line":7198},63,[5370,7200,7201],{"class":5805},"        userId:",[5370,7203,7071],{"class":5805},[5370,7205,5185],{"class":5809},[5370,7207,7126],{"class":5805},[5370,7209,5918],{"class":5809},[5370,7211,7213,7216,7218,7220,7222,7224,7226],{"class":5372,"line":7212},64,[5370,7214,7215],{"class":5805},"        endpoint:",[5370,7217,7071],{"class":5805},[5370,7219,5185],{"class":5809},[5370,7221,7076],{"class":5805},[5370,7223,5185],{"class":5809},[5370,7225,7081],{"class":5805},[5370,7227,5918],{"class":5809},[5370,7229,7231,7234,7236,7238,7240,7242,7245,7247,7250],{"class":5372,"line":7230},65,[5370,7232,7233],{"class":5805},"        p256dh:",[5370,7235,7071],{"class":5805},[5370,7237,5185],{"class":5809},[5370,7239,7076],{"class":5805},[5370,7241,5185],{"class":5809},[5370,7243,7244],{"class":5805},"keys",[5370,7246,5185],{"class":5809},[5370,7248,7249],{"class":5805},"p256dh",[5370,7251,5918],{"class":5809},[5370,7253,7255,7258,7260,7262,7264,7266,7268,7270,7273],{"class":5372,"line":7254},66,[5370,7256,7257],{"class":5805},"        auth:",[5370,7259,7071],{"class":5805},[5370,7261,5185],{"class":5809},[5370,7263,7076],{"class":5805},[5370,7265,5185],{"class":5809},[5370,7267,7244],{"class":5805},[5370,7269,5185],{"class":5809},[5370,7271,7272],{"class":5805},"auth",[5370,7274,5918],{"class":5809},[5370,7276,7278,7281,7283,7285,7288],{"class":5372,"line":7277},67,[5370,7279,7280],{"class":5805},"        userAgent:",[5370,7282,7071],{"class":5805},[5370,7284,5185],{"class":5809},[5370,7286,7287],{"class":5805},"userAgent",[5370,7289,5918],{"class":5809},[5370,7291,7293,7296,7298,7300,7303],{"class":5372,"line":7292},68,[5370,7294,7295],{"class":5805},"        deviceType:",[5370,7297,7071],{"class":5805},[5370,7299,5185],{"class":5809},[5370,7301,7302],{"class":5805},"deviceType",[5370,7304,5918],{"class":5809},[5370,7306,7308],{"class":5372,"line":7307},69,[5370,7309,7310],{"class":5809},"      });\n",[5370,7312,7314],{"class":5372,"line":7313},70,[5370,7315,7316],{"class":5809},"    }\n",[5370,7318,7320],{"class":5372,"line":7319},71,[5370,7321,5395],{"emptyLinePlaceholder":5394},[5370,7323,7325,7328,7330,7332,7334,7336,7339,7341,7343],{"class":5372,"line":7324},72,[5370,7326,7327],{"class":5906},"    return",[5370,7329,7044],{"class":5753},[5370,7331,5185],{"class":5809},[5370,7333,7049],{"class":5805},[5370,7335,5185],{"class":5809},[5370,7337,7338],{"class":5745},"save",[5370,7340,6009],{"class":5809},[5370,7342,7076],{"class":5805},[5370,7344,7345],{"class":5809},");\n",[5370,7347,7349],{"class":5372,"line":7348},73,[5370,7350,6970],{"class":5809},[5370,7352,7354],{"class":5372,"line":7353},74,[5370,7355,5395],{"emptyLinePlaceholder":5394},[5370,7357,7359],{"class":5372,"line":7358},75,[5370,7360,6979],{"class":5739},[5370,7362,7364],{"class":5372,"line":7363},76,[5370,7365,7366],{"class":5739},"   * Відписатися від push нотифікацій\n",[5370,7368,7370],{"class":5372,"line":7369},77,[5370,7371,6989],{"class":5739},[5370,7373,7375,7377,7380,7382,7384,7386,7388,7390,7392,7394,7397],{"class":5372,"line":7374},78,[5370,7376,6994],{"class":5753},[5370,7378,7379],{"class":5745}," unsubscribe",[5370,7381,6009],{"class":5809},[5370,7383,7081],{"class":5805},[5370,7385,6097],{"class":5809},[5370,7387,6100],{"class":6071},[5370,7389,7010],{"class":5809},[5370,7391,7013],{"class":6071},[5370,7393,6859],{"class":5809},[5370,7395,7396],{"class":6071},"void",[5370,7398,7020],{"class":5809},[5370,7400,7402,7405,7407,7409,7411,7413,7416,7418,7420],{"class":5372,"line":7401},79,[5370,7403,7404],{"class":5906},"    await",[5370,7406,7044],{"class":5753},[5370,7408,5185],{"class":5809},[5370,7410,7049],{"class":5805},[5370,7412,5185],{"class":5809},[5370,7414,7415],{"class":5745},"delete",[5370,7417,6170],{"class":5809},[5370,7419,7081],{"class":5805},[5370,7421,7422],{"class":5809}," });\n",[5370,7424,7426,7429,7431,7434,7436,7439,7442,7444,7447,7450],{"class":5372,"line":7425},80,[5370,7427,7428],{"class":5805},"    console",[5370,7430,5185],{"class":5809},[5370,7432,7433],{"class":5745},"log",[5370,7435,6009],{"class":5809},[5370,7437,7438],{"class":5749},"`[PushService] Subscription видалено: ",[5370,7440,7441],{"class":5753},"${",[5370,7443,7081],{"class":5805},[5370,7445,7446],{"class":5753},"}",[5370,7448,7449],{"class":5749},"`",[5370,7451,7345],{"class":5809},[5370,7453,7455],{"class":5372,"line":7454},81,[5370,7456,6970],{"class":5809},[5370,7458,7460],{"class":5372,"line":7459},82,[5370,7461,5395],{"emptyLinePlaceholder":5394},[5370,7463,7465],{"class":5372,"line":7464},83,[5370,7466,6979],{"class":5739},[5370,7468,7470],{"class":5372,"line":7469},84,[5370,7471,7472],{"class":5739},"   * Отримати всі subscriptions користувача\n",[5370,7474,7476],{"class":5372,"line":7475},85,[5370,7477,6989],{"class":5739},[5370,7479,7481,7483,7486,7488,7490,7492,7494,7496,7498,7500,7502],{"class":5372,"line":7480},86,[5370,7482,6994],{"class":5753},[5370,7484,7485],{"class":5745}," getUserSubscriptions",[5370,7487,6009],{"class":5809},[5370,7489,7126],{"class":5805},[5370,7491,6097],{"class":5809},[5370,7493,6126],{"class":6071},[5370,7495,7010],{"class":5809},[5370,7497,7013],{"class":6071},[5370,7499,6859],{"class":5809},[5370,7501,6527],{"class":6071},[5370,7503,7504],{"class":5809},"[]> {\n",[5370,7506,7508,7510,7512,7514,7516,7518,7521],{"class":5372,"line":7507},87,[5370,7509,7327],{"class":5906},[5370,7511,7044],{"class":5753},[5370,7513,5185],{"class":5809},[5370,7515,7049],{"class":5805},[5370,7517,5185],{"class":5809},[5370,7519,7520],{"class":5745},"find",[5370,7522,7057],{"class":5809},[5370,7524,7526,7528,7530,7532],{"class":5372,"line":7525},88,[5370,7527,7063],{"class":5805},[5370,7529,5981],{"class":5809},[5370,7531,7126],{"class":5805},[5370,7533,7084],{"class":5809},[5370,7535,7537],{"class":5372,"line":7536},89,[5370,7538,7090],{"class":5809},[5370,7540,7542],{"class":5372,"line":7541},90,[5370,7543,6970],{"class":5809},[5370,7545,7547],{"class":5372,"line":7546},91,[5370,7548,5395],{"emptyLinePlaceholder":5394},[5370,7550,7552],{"class":5372,"line":7551},92,[5370,7553,6979],{"class":5739},[5370,7555,7557],{"class":5372,"line":7556},93,[5370,7558,7559],{"class":5739},"   * Відправити push нотифікацію конкретному користувачу\n",[5370,7561,7563],{"class":5372,"line":7562},94,[5370,7564,6989],{"class":5739},[5370,7566,7568,7570,7573,7575,7577,7579,7581,7583,7586,7588,7591,7593,7595,7597,7599],{"class":5372,"line":7567},95,[5370,7569,6994],{"class":5753},[5370,7571,7572],{"class":5745}," sendToUser",[5370,7574,6009],{"class":5809},[5370,7576,7126],{"class":5805},[5370,7578,6097],{"class":5809},[5370,7580,6126],{"class":6071},[5370,7582,5244],{"class":5809},[5370,7584,7585],{"class":5805},"payload",[5370,7587,6097],{"class":5809},[5370,7589,7590],{"class":6071},"PushPayload",[5370,7592,7010],{"class":5809},[5370,7594,7013],{"class":6071},[5370,7596,6859],{"class":5809},[5370,7598,7396],{"class":6071},[5370,7600,7020],{"class":5809},[5370,7602,7604,7607,7611,7613,7615,7617,7619,7622,7624,7626],{"class":5372,"line":7603},96,[5370,7605,7606],{"class":5753},"    const",[5370,7608,7610],{"class":7609},"s-QsJ"," subscriptions",[5370,7612,7038],{"class":5809},[5370,7614,7041],{"class":5906},[5370,7616,7044],{"class":5753},[5370,7618,5185],{"class":5809},[5370,7620,7621],{"class":5745},"getUserSubscriptions",[5370,7623,6009],{"class":5809},[5370,7625,7126],{"class":5805},[5370,7627,7345],{"class":5809},[5370,7629,7631],{"class":5372,"line":7630},97,[5370,7632,5395],{"emptyLinePlaceholder":5394},[5370,7634,7636,7638,7640,7643,7645,7648,7651,7655],{"class":5372,"line":7635},98,[5370,7637,7101],{"class":5906},[5370,7639,7104],{"class":5809},[5370,7641,7642],{"class":5805},"subscriptions",[5370,7644,5185],{"class":5809},[5370,7646,7647],{"class":5805},"length",[5370,7649,7650],{"class":5809}," === ",[5370,7652,7654],{"class":7653},"sJj4R","0",[5370,7656,7109],{"class":5809},[5370,7658,7660,7663,7665,7667,7669,7672,7674,7676,7678,7681],{"class":5372,"line":7659},99,[5370,7661,7662],{"class":5805},"      console",[5370,7664,5185],{"class":5809},[5370,7666,7433],{"class":5745},[5370,7668,6009],{"class":5809},[5370,7670,7671],{"class":5749},"`[PushService] Користувач ",[5370,7673,7441],{"class":5753},[5370,7675,7126],{"class":5805},[5370,7677,7446],{"class":5753},[5370,7679,7680],{"class":5749}," не має push subscriptions`",[5370,7682,7345],{"class":5809},[5370,7684,7686,7689],{"class":5372,"line":7685},100,[5370,7687,7688],{"class":5906},"      return",[5370,7690,5974],{"class":5809},[5370,7692,7694],{"class":5372,"line":7693},101,[5370,7695,7316],{"class":5809},[5370,7697,7699],{"class":5372,"line":7698},102,[5370,7700,5395],{"emptyLinePlaceholder":5394},[5370,7702,7704,7706,7709,7711,7713,7715,7718,7721,7724,7727],{"class":5372,"line":7703},103,[5370,7705,7606],{"class":5753},[5370,7707,7708],{"class":7609}," promises",[5370,7710,7038],{"class":5809},[5370,7712,7642],{"class":5805},[5370,7714,5185],{"class":5809},[5370,7716,7717],{"class":5745},"map",[5370,7719,7720],{"class":5809},"((",[5370,7722,7723],{"class":5805},"sub",[5370,7725,7726],{"class":5809},") ",[5370,7728,7729],{"class":5753},"=>\n",[5370,7731,7733,7735,7737,7740,7742,7744,7746,7748],{"class":5372,"line":7732},104,[5370,7734,6904],{"class":5753},[5370,7736,5185],{"class":5809},[5370,7738,7739],{"class":5745},"sendToSubscription",[5370,7741,6009],{"class":5809},[5370,7743,7723],{"class":5805},[5370,7745,5244],{"class":5809},[5370,7747,7585],{"class":5805},[5370,7749,6015],{"class":5809},[5370,7751,7753],{"class":5372,"line":7752},105,[5370,7754,6965],{"class":5809},[5370,7756,7758],{"class":5372,"line":7757},106,[5370,7759,5395],{"emptyLinePlaceholder":5394},[5370,7761,7763,7765,7768,7770,7773,7775,7778],{"class":5372,"line":7762},107,[5370,7764,7404],{"class":5906},[5370,7766,7767],{"class":6071}," Promise",[5370,7769,5185],{"class":5809},[5370,7771,7772],{"class":5745},"allSettled",[5370,7774,6009],{"class":5809},[5370,7776,7777],{"class":5805},"promises",[5370,7779,7345],{"class":5809},[5370,7781,7783,7785,7787,7789,7791,7794,7796,7798,7801,7803,7805,7808],{"class":5372,"line":7782},108,[5370,7784,7428],{"class":5805},[5370,7786,5185],{"class":5809},[5370,7788,7433],{"class":5745},[5370,7790,6009],{"class":5809},[5370,7792,7793],{"class":5749},"`[PushService] Push відправлено на ",[5370,7795,7441],{"class":5753},[5370,7797,7642],{"class":5805},[5370,7799,5185],{"class":7800},"sD7JJ",[5370,7802,7647],{"class":5805},[5370,7804,7446],{"class":5753},[5370,7806,7807],{"class":5749}," пристроїв`",[5370,7809,7345],{"class":5809},[5370,7811,7813],{"class":5372,"line":7812},109,[5370,7814,6970],{"class":5809},[5370,7816,7818],{"class":5372,"line":7817},110,[5370,7819,5395],{"emptyLinePlaceholder":5394},[5370,7821,7823],{"class":5372,"line":7822},111,[5370,7824,6979],{"class":5739},[5370,7826,7828],{"class":5372,"line":7827},112,[5370,7829,7830],{"class":5739},"   * Відправити push нотифікацію конкретній subscription\n",[5370,7832,7834],{"class":5372,"line":7833},113,[5370,7835,6989],{"class":5739},[5370,7837,7839,7842,7845,7848],{"class":5372,"line":7838},114,[5370,7840,7841],{"class":5753},"  private",[5370,7843,7844],{"class":5753}," async",[5370,7846,7847],{"class":5745}," sendToSubscription",[5370,7849,6831],{"class":5809},[5370,7851,7853,7856,7858,7860],{"class":5372,"line":7852},115,[5370,7854,7855],{"class":5805},"    subscription",[5370,7857,6097],{"class":5809},[5370,7859,6527],{"class":6071},[5370,7861,5918],{"class":5809},[5370,7863,7865,7868,7870,7872],{"class":5372,"line":7864},116,[5370,7866,7867],{"class":5805},"    payload",[5370,7869,6097],{"class":5809},[5370,7871,7590],{"class":6071},[5370,7873,5918],{"class":5809},[5370,7875,7877,7880,7882,7884,7886],{"class":5372,"line":7876},117,[5370,7878,7879],{"class":5809},"  ): ",[5370,7881,7013],{"class":6071},[5370,7883,6859],{"class":5809},[5370,7885,7396],{"class":6071},[5370,7887,7020],{"class":5809},[5370,7889,7891,7893,7896],{"class":5372,"line":7890},118,[5370,7892,7606],{"class":5753},[5370,7894,7895],{"class":7609}," pushSubscription",[5370,7897,7898],{"class":5809}," = {\n",[5370,7900,7902,7905,7907,7909,7911],{"class":5372,"line":7901},119,[5370,7903,7904],{"class":5805},"      endpoint:",[5370,7906,7035],{"class":5805},[5370,7908,5185],{"class":5809},[5370,7910,7081],{"class":5805},[5370,7912,5918],{"class":5809},[5370,7914,7916,7919],{"class":5372,"line":7915},120,[5370,7917,7918],{"class":5805},"      keys:",[5370,7920,5910],{"class":5809},[5370,7922,7924,7926,7928,7930,7932],{"class":5372,"line":7923},121,[5370,7925,7233],{"class":5805},[5370,7927,7035],{"class":5805},[5370,7929,5185],{"class":5809},[5370,7931,7249],{"class":5805},[5370,7933,5918],{"class":5809},[5370,7935,7937,7939,7941,7943,7945],{"class":5372,"line":7936},122,[5370,7938,7257],{"class":5805},[5370,7940,7035],{"class":5805},[5370,7942,5185],{"class":5809},[5370,7944,7272],{"class":5805},[5370,7946,5918],{"class":5809},[5370,7948,7950],{"class":5372,"line":7949},123,[5370,7951,7952],{"class":5809},"      },\n",[5370,7954,7956],{"class":5372,"line":7955},124,[5370,7957,6646],{"class":5809},[5370,7959,7961],{"class":5372,"line":7960},125,[5370,7962,5395],{"emptyLinePlaceholder":5394},[5370,7964,7966,7969],{"class":5372,"line":7965},126,[5370,7967,7968],{"class":5906},"    try",[5370,7970,5910],{"class":5809},[5370,7972,7974,7977,7979,7981,7984],{"class":5372,"line":7973},127,[5370,7975,7976],{"class":5906},"      await",[5370,7978,6543],{"class":5805},[5370,7980,5185],{"class":5809},[5370,7982,7983],{"class":5745},"sendNotification",[5370,7985,6831],{"class":5809},[5370,7987,7989,7992],{"class":5372,"line":7988},128,[5370,7990,7991],{"class":5805},"        pushSubscription",[5370,7993,5918],{"class":5809},[5370,7995,7997,8000,8002,8005,8007,8009],{"class":5372,"line":7996},129,[5370,7998,7999],{"class":7609},"        JSON",[5370,8001,5185],{"class":5809},[5370,8003,8004],{"class":5745},"stringify",[5370,8006,6009],{"class":5809},[5370,8008,7585],{"class":5805},[5370,8010,6922],{"class":5809},[5370,8012,8014],{"class":5372,"line":8013},130,[5370,8015,8016],{"class":5809},"        {\n",[5370,8018,8020,8023,8026,8029,8032,8034],{"class":5372,"line":8019},131,[5370,8021,8022],{"class":5805},"          TTL:",[5370,8024,8025],{"class":7653}," 60",[5370,8027,8028],{"class":5809}," * ",[5370,8030,8031],{"class":7653},"60",[5370,8033,5244],{"class":5809},[5370,8035,8036],{"class":5739},"\u002F\u002F Time-to-live: 1 година\n",[5370,8038,8040],{"class":5372,"line":8039},132,[5370,8041,8042],{"class":5809},"        }\n",[5370,8044,8046],{"class":5372,"line":8045},133,[5370,8047,8048],{"class":5809},"      );\n",[5370,8050,8052],{"class":5372,"line":8051},134,[5370,8053,5395],{"emptyLinePlaceholder":5394},[5370,8055,8057],{"class":5372,"line":8056},135,[5370,8058,8059],{"class":5739},"      \u002F\u002F Оновити lastUsedAt\n",[5370,8061,8063,8065,8067,8069,8071,8073,8075],{"class":5372,"line":8062},136,[5370,8064,7121],{"class":5805},[5370,8066,5185],{"class":5809},[5370,8068,7146],{"class":5805},[5370,8070,7038],{"class":5809},[5370,8072,7151],{"class":5753},[5370,8074,7154],{"class":5745},[5370,8076,7157],{"class":5809},[5370,8078,8080,8082,8084,8086,8088,8090,8092,8094,8096],{"class":5372,"line":8079},137,[5370,8081,7976],{"class":5906},[5370,8083,7044],{"class":5753},[5370,8085,5185],{"class":5809},[5370,8087,7049],{"class":5805},[5370,8089,5185],{"class":5809},[5370,8091,7338],{"class":5745},[5370,8093,6009],{"class":5809},[5370,8095,7076],{"class":5805},[5370,8097,7345],{"class":5809},[5370,8099,8101],{"class":5372,"line":8100},138,[5370,8102,5395],{"emptyLinePlaceholder":5394},[5370,8104,8106,8108,8110,8112,8114,8117,8119,8121,8123,8125,8127,8130,8132,8134,8136,8139,8142,8144,8147],{"class":5372,"line":8105},139,[5370,8107,7662],{"class":5805},[5370,8109,5185],{"class":5809},[5370,8111,7433],{"class":5745},[5370,8113,6009],{"class":5809},[5370,8115,8116],{"class":5749},"`[PushService] Push успішно відправлено на ",[5370,8118,7441],{"class":5753},[5370,8120,7076],{"class":5805},[5370,8122,5185],{"class":7800},[5370,8124,7081],{"class":5805},[5370,8126,5185],{"class":7800},[5370,8128,8129],{"class":5745},"substring",[5370,8131,6009],{"class":7800},[5370,8133,7654],{"class":7653},[5370,8135,5244],{"class":7800},[5370,8137,8138],{"class":7653},"50",[5370,8140,8141],{"class":7800},")",[5370,8143,7446],{"class":5753},[5370,8145,8146],{"class":5749},"...`",[5370,8148,7345],{"class":5809},[5370,8150,8152,8154,8157,8159,8162],{"class":5372,"line":8151},140,[5370,8153,7163],{"class":5809},[5370,8155,8156],{"class":5906},"catch",[5370,8158,7104],{"class":5809},[5370,8160,8161],{"class":5805},"error",[5370,8163,7109],{"class":5809},[5370,8165,8167,8169,8171,8173,8175,8178,8180,8182],{"class":5372,"line":8166},141,[5370,8168,7662],{"class":5805},[5370,8170,5185],{"class":5809},[5370,8172,8161],{"class":5745},[5370,8174,6009],{"class":5809},[5370,8176,8177],{"class":5749},"`[PushService] Помилка відправки push:`",[5370,8179,5244],{"class":5809},[5370,8181,8161],{"class":5805},[5370,8183,7345],{"class":5809},[5370,8185,8187],{"class":5372,"line":8186},142,[5370,8188,5395],{"emptyLinePlaceholder":5394},[5370,8190,8192],{"class":5372,"line":8191},143,[5370,8193,8194],{"class":5739},"      \u002F\u002F Якщо subscription expired або invalid, видалити з БД\n",[5370,8196,8198,8201,8203,8205,8207,8210,8212,8215,8218,8220,8222,8224,8226,8229],{"class":5372,"line":8197},144,[5370,8199,8200],{"class":5906},"      if",[5370,8202,7104],{"class":5809},[5370,8204,8161],{"class":5805},[5370,8206,5185],{"class":5809},[5370,8208,8209],{"class":5805},"statusCode",[5370,8211,7650],{"class":5809},[5370,8213,8214],{"class":7653},"410",[5370,8216,8217],{"class":5809}," || ",[5370,8219,8161],{"class":5805},[5370,8221,5185],{"class":5809},[5370,8223,8209],{"class":5805},[5370,8225,7650],{"class":5809},[5370,8227,8228],{"class":7653},"404",[5370,8230,7109],{"class":5809},[5370,8232,8234,8237,8239,8241,8243,8246],{"class":5372,"line":8233},145,[5370,8235,8236],{"class":5805},"        console",[5370,8238,5185],{"class":5809},[5370,8240,7433],{"class":5745},[5370,8242,6009],{"class":5809},[5370,8244,8245],{"class":5749},"`[PushService] Subscription expired, видаляємо з БД`",[5370,8247,7345],{"class":5809},[5370,8249,8251,8254,8256,8258,8260,8262,8264,8266,8268,8270,8273],{"class":5372,"line":8250},146,[5370,8252,8253],{"class":5906},"        await",[5370,8255,7044],{"class":5753},[5370,8257,5185],{"class":5809},[5370,8259,7049],{"class":5805},[5370,8261,5185],{"class":5809},[5370,8263,7415],{"class":5745},[5370,8265,6009],{"class":5809},[5370,8267,7076],{"class":5805},[5370,8269,5185],{"class":5809},[5370,8271,8272],{"class":5805},"id",[5370,8274,7345],{"class":5809},[5370,8276,8278],{"class":5372,"line":8277},147,[5370,8279,8280],{"class":5809},"      }\n",[5370,8282,8284],{"class":5372,"line":8283},148,[5370,8285,5395],{"emptyLinePlaceholder":5394},[5370,8287,8289,8292,8295],{"class":5372,"line":8288},149,[5370,8290,8291],{"class":5906},"      throw",[5370,8293,8294],{"class":5805}," error",[5370,8296,5974],{"class":5809},[5370,8298,8300],{"class":5372,"line":8299},150,[5370,8301,7316],{"class":5809},[5370,8303,8305],{"class":5372,"line":8304},151,[5370,8306,6970],{"class":5809},[5370,8308,8310],{"class":5372,"line":8309},152,[5370,8311,5395],{"emptyLinePlaceholder":5394},[5370,8313,8315],{"class":5372,"line":8314},153,[5370,8316,6979],{"class":5739},[5370,8318,8320],{"class":5372,"line":8319},154,[5370,8321,8322],{"class":5739},"   * Відправити push всім користувачам (broadcast)\n",[5370,8324,8326],{"class":5372,"line":8325},155,[5370,8327,6989],{"class":5739},[5370,8329,8331,8333,8336,8338,8340,8342,8344,8346,8348,8350,8352],{"class":5372,"line":8330},156,[5370,8332,6994],{"class":5753},[5370,8334,8335],{"class":5745}," broadcast",[5370,8337,6009],{"class":5809},[5370,8339,7585],{"class":5805},[5370,8341,6097],{"class":5809},[5370,8343,7590],{"class":6071},[5370,8345,7010],{"class":5809},[5370,8347,7013],{"class":6071},[5370,8349,6859],{"class":5809},[5370,8351,7396],{"class":6071},[5370,8353,7020],{"class":5809},[5370,8355,8357,8359,8362,8364,8366,8368,8370,8372,8374,8376],{"class":5372,"line":8356},157,[5370,8358,7606],{"class":5753},[5370,8360,8361],{"class":7609}," allSubscriptions",[5370,8363,7038],{"class":5809},[5370,8365,7041],{"class":5906},[5370,8367,7044],{"class":5753},[5370,8369,5185],{"class":5809},[5370,8371,7049],{"class":5805},[5370,8373,5185],{"class":5809},[5370,8375,7520],{"class":5745},[5370,8377,7157],{"class":5809},[5370,8379,8381],{"class":5372,"line":8380},158,[5370,8382,5395],{"emptyLinePlaceholder":5394},[5370,8384,8386,8388,8390,8392,8394,8397,8399,8402,8404,8406,8408,8411],{"class":5372,"line":8385},159,[5370,8387,7428],{"class":5805},[5370,8389,5185],{"class":5809},[5370,8391,7433],{"class":5745},[5370,8393,6009],{"class":5809},[5370,8395,8396],{"class":5749},"`[PushService] Broadcasting push на ",[5370,8398,7441],{"class":5753},[5370,8400,8401],{"class":5805},"allSubscriptions",[5370,8403,5185],{"class":7800},[5370,8405,7647],{"class":5805},[5370,8407,7446],{"class":5753},[5370,8409,8410],{"class":5749}," підписників`",[5370,8412,7345],{"class":5809},[5370,8414,8416],{"class":5372,"line":8415},160,[5370,8417,5395],{"emptyLinePlaceholder":5394},[5370,8419,8421,8423,8425,8427,8429,8431,8433,8435,8437,8439],{"class":5372,"line":8420},161,[5370,8422,7606],{"class":5753},[5370,8424,7708],{"class":7609},[5370,8426,7038],{"class":5809},[5370,8428,8401],{"class":5805},[5370,8430,5185],{"class":5809},[5370,8432,7717],{"class":5745},[5370,8434,7720],{"class":5809},[5370,8436,7723],{"class":5805},[5370,8438,7726],{"class":5809},[5370,8440,7729],{"class":5753},[5370,8442,8444,8446,8448,8450,8452,8454,8456,8458,8460,8462,8464,8467,8469,8471],{"class":5372,"line":8443},162,[5370,8445,6904],{"class":5753},[5370,8447,5185],{"class":5809},[5370,8449,7739],{"class":5745},[5370,8451,6009],{"class":5809},[5370,8453,7723],{"class":5805},[5370,8455,5244],{"class":5809},[5370,8457,7585],{"class":5805},[5370,8459,5251],{"class":5809},[5370,8461,8156],{"class":5745},[5370,8463,7720],{"class":5809},[5370,8465,8466],{"class":5805},"err",[5370,8468,7726],{"class":5809},[5370,8470,6145],{"class":5753},[5370,8472,5910],{"class":5809},[5370,8474,8476],{"class":5372,"line":8475},163,[5370,8477,8478],{"class":5739},"        \u002F\u002F Продовжити відправку навіть якщо одна subscription failed\n",[5370,8480,8482,8484,8486,8488,8490,8493,8495,8497,8499,8501,8503,8506,8508,8510,8512,8515],{"class":5372,"line":8481},164,[5370,8483,8236],{"class":5805},[5370,8485,5185],{"class":5809},[5370,8487,8161],{"class":5745},[5370,8489,6009],{"class":5809},[5370,8491,8492],{"class":5749},"`Failed to send to ",[5370,8494,7441],{"class":5753},[5370,8496,7723],{"class":5805},[5370,8498,5185],{"class":7800},[5370,8500,8272],{"class":5805},[5370,8502,7446],{"class":5753},[5370,8504,8505],{"class":5749},":`",[5370,8507,5244],{"class":5809},[5370,8509,8466],{"class":5805},[5370,8511,5185],{"class":5809},[5370,8513,8514],{"class":5805},"message",[5370,8516,7345],{"class":5809},[5370,8518,8520],{"class":5372,"line":8519},165,[5370,8521,8522],{"class":5809},"      })\n",[5370,8524,8526],{"class":5372,"line":8525},166,[5370,8527,6965],{"class":5809},[5370,8529,8531],{"class":5372,"line":8530},167,[5370,8532,5395],{"emptyLinePlaceholder":5394},[5370,8534,8536,8538,8540,8542,8544,8546,8548],{"class":5372,"line":8535},168,[5370,8537,7404],{"class":5906},[5370,8539,7767],{"class":6071},[5370,8541,5185],{"class":5809},[5370,8543,7772],{"class":5745},[5370,8545,6009],{"class":5809},[5370,8547,7777],{"class":5805},[5370,8549,7345],{"class":5809},[5370,8551,8553],{"class":5372,"line":8552},169,[5370,8554,6970],{"class":5809},[5370,8556,8558],{"class":5372,"line":8557},170,[5370,8559,5430],{"class":5809},[5089,8561,8562],{},[5099,8563,8564],{},"Ключові аспекти сервісу:",[5286,8566,8567,8573,8579,8589,8595],{},[5096,8568,8569,8572],{},[5099,8570,8571],{},"webpush.setVapidDetails():"," конфігурація VAPID keys при ініціалізації сервісу.",[5096,8574,8575,8578],{},[5099,8576,8577],{},"subscribe() метод:"," створює або оновлює subscription (один endpoint = одна підписка, навіть якщо користувач перелогінився).",[5096,8580,8581,8584,8585,8588],{},[5099,8582,8583],{},"sendToSubscription():"," відправляє push через ",[5116,8586,8587],{},"webpush.sendNotification()",", обробляє expired subscriptions (HTTP 410\u002F404) та видаляє їх з БД.",[5096,8590,8591,8594],{},[5099,8592,8593],{},"TTL (Time-To-Live):"," час, протягом якого push service зберігає повідомлення для offline браузера. Після TTL повідомлення видаляється.",[5096,8596,8597,8600],{},[5099,8598,8599],{},"Promise.allSettled():"," відправка push на всі subscriptions паралельно, навіть якщо одна failed.",[5610,8602,8604],{"id":8603},"pushcontroller-rest-api","PushController: REST API",[5361,8606,8608],{"className":5892,"code":8607,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fpush\u002Fpush.controller.ts\nimport {\n  Controller,\n  Post,\n  Delete,\n  Body,\n  Req,\n  UseGuards,\n  Get,\n} from '@nestjs\u002Fcommon';\nimport { PushService } from '.\u002Fpush.service';\nimport { JwtAuthGuard } from '..\u002Fauth\u002Fguards\u002Fjwt-auth.guard';\nimport { Request } from 'express';\n\ninterface AuthRequest extends Request {\n  user: { id: number; username: string };\n}\n\n@Controller('push')\n@UseGuards(JwtAuthGuard)\nexport class PushController {\n  constructor(private pushService: PushService) {}\n\n  \u002F**\n   * POST \u002Fpush\u002Fsubscribe\n   * Підписатися на push нотифікації\n   *\u002F\n  @Post('subscribe')\n  async subscribe(@Req() req: AuthRequest, @Body() body: any) {\n    const userId = req.user.id;\n    const { subscription, userAgent, deviceType } = body;\n\n    await this.pushService.subscribe({\n      userId,\n      subscription,\n      userAgent,\n      deviceType,\n    });\n\n    return { success: true, message: 'Підписка створена' };\n  }\n\n  \u002F**\n   * DELETE \u002Fpush\u002Funsubscribe\n   * Відписатися від push нотифікацій\n   *\u002F\n  @Delete('unsubscribe')\n  async unsubscribe(@Body('endpoint') endpoint: string) {\n    await this.pushService.unsubscribe(endpoint);\n    return { success: true, message: 'Підписка видалена' };\n  }\n\n  \u002F**\n   * GET \u002Fpush\u002Fpublic-key\n   * Отримати VAPID public key (для frontend)\n   *\u002F\n  @Get('public-key')\n  getPublicKey() {\n    return {\n      publicKey: process.env.VAPID_PUBLIC_KEY,\n    };\n  }\n\n  \u002F**\n   * POST \u002Fpush\u002Ftest\n   * Відправити тестову нотифікацію (для development)\n   *\u002F\n  @Post('test')\n  async sendTestNotification(@Req() req: AuthRequest) {\n    const userId = req.user.id;\n\n    await this.pushService.sendToUser(userId, {\n      title: 'Тестова нотифікація',\n      body: 'Це тестове повідомлення з backend!',\n      icon: '\u002Flogo.png',\n      badge: '\u002Fbadge.png',\n      data: {\n        url: '\u002Fnotifications',\n      },\n    });\n\n    return { success: true, message: 'Тестова нотифікація відправлена' };\n  }\n}\n",[5116,8609,8610,8615,8621,8628,8635,8642,8649,8656,8663,8670,8680,8698,8716,8734,8738,8753,8778,8782,8786,8800,8813,8824,8843,8847,8851,8856,8861,8865,8879,8919,8941,8964,8968,8986,8993,8999,9006,9013,9017,9021,9042,9046,9050,9054,9059,9063,9067,9081,9105,9126,9145,9149,9153,9157,9162,9167,9171,9185,9193,9199,9218,9222,9226,9230,9234,9239,9244,9248,9261,9282,9302,9306,9328,9338,9348,9358,9368,9375,9385,9389,9393,9397,9416,9420],{"__ignoreMap":5366},[5370,8611,8612],{"class":5372,"line":5373},[5370,8613,8614],{"class":5739},"\u002F\u002F src\u002Fpush\u002Fpush.controller.ts\n",[5370,8616,8617,8619],{"class":5372,"line":5379},[5370,8618,5907],{"class":5906},[5370,8620,5910],{"class":5809},[5370,8622,8623,8626],{"class":5372,"line":5385},[5370,8624,8625],{"class":5805},"  Controller",[5370,8627,5918],{"class":5809},[5370,8629,8630,8633],{"class":5372,"line":5391},[5370,8631,8632],{"class":5805},"  Post",[5370,8634,5918],{"class":5809},[5370,8636,8637,8640],{"class":5372,"line":5398},[5370,8638,8639],{"class":5805},"  Delete",[5370,8641,5918],{"class":5809},[5370,8643,8644,8647],{"class":5372,"line":5404},[5370,8645,8646],{"class":5805},"  Body",[5370,8648,5918],{"class":5809},[5370,8650,8651,8654],{"class":5372,"line":5409},[5370,8652,8653],{"class":5805},"  Req",[5370,8655,5918],{"class":5809},[5370,8657,8658,8661],{"class":5372,"line":5415},[5370,8659,8660],{"class":5805},"  UseGuards",[5370,8662,5918],{"class":5809},[5370,8664,8665,8668],{"class":5372,"line":5421},[5370,8666,8667],{"class":5805},"  Get",[5370,8669,5918],{"class":5809},[5370,8671,8672,8674,8676,8678],{"class":5372,"line":5427},[5370,8673,5965],{"class":5809},[5370,8675,5968],{"class":5906},[5370,8677,6481],{"class":5749},[5370,8679,5974],{"class":5809},[5370,8681,8682,8684,8686,8689,8691,8693,8696],{"class":5372,"line":5433},[5370,8683,5907],{"class":5906},[5370,8685,5981],{"class":5809},[5370,8687,8688],{"class":5805},"PushService",[5370,8690,5987],{"class":5809},[5370,8692,5968],{"class":5906},[5370,8694,8695],{"class":5749}," '.\u002Fpush.service'",[5370,8697,5974],{"class":5809},[5370,8699,8700,8702,8704,8707,8709,8711,8714],{"class":5372,"line":5438},[5370,8701,5907],{"class":5906},[5370,8703,5981],{"class":5809},[5370,8705,8706],{"class":5805},"JwtAuthGuard",[5370,8708,5987],{"class":5809},[5370,8710,5968],{"class":5906},[5370,8712,8713],{"class":5749}," '..\u002Fauth\u002Fguards\u002Fjwt-auth.guard'",[5370,8715,5974],{"class":5809},[5370,8717,8718,8720,8722,8725,8727,8729,8732],{"class":5372,"line":5444},[5370,8719,5907],{"class":5906},[5370,8721,5981],{"class":5809},[5370,8723,8724],{"class":5805},"Request",[5370,8726,5987],{"class":5809},[5370,8728,5968],{"class":5906},[5370,8730,8731],{"class":5749}," 'express'",[5370,8733,5974],{"class":5809},[5370,8735,8736],{"class":5372,"line":5450},[5370,8737,5395],{"emptyLinePlaceholder":5394},[5370,8739,8740,8742,8745,8748,8751],{"class":5372,"line":5456},[5370,8741,6578],{"class":5753},[5370,8743,8744],{"class":6071}," AuthRequest",[5370,8746,8747],{"class":5753}," extends",[5370,8749,8750],{"class":6071}," Request",[5370,8752,5910],{"class":5809},[5370,8754,8755,8757,8760,8762,8764,8766,8768,8771,8773,8775],{"class":5372,"line":5461},[5370,8756,6183],{"class":5805},[5370,8758,8759],{"class":5809},": { ",[5370,8761,8272],{"class":5805},[5370,8763,6097],{"class":5809},[5370,8765,6126],{"class":6071},[5370,8767,6266],{"class":5809},[5370,8769,8770],{"class":5805},"username",[5370,8772,6097],{"class":5809},[5370,8774,6100],{"class":6071},[5370,8776,8777],{"class":5809}," };\n",[5370,8779,8780],{"class":5372,"line":5466},[5370,8781,5430],{"class":5809},[5370,8783,8784],{"class":5372,"line":5472},[5370,8785,5395],{"emptyLinePlaceholder":5394},[5370,8787,8788,8790,8793,8795,8798],{"class":5372,"line":5478},[5370,8789,6003],{"class":5809},[5370,8791,8792],{"class":5745},"Controller",[5370,8794,6009],{"class":5809},[5370,8796,8797],{"class":5749},"'push'",[5370,8799,6015],{"class":5809},[5370,8801,8802,8804,8807,8809,8811],{"class":5372,"line":5484},[5370,8803,6003],{"class":5809},[5370,8805,8806],{"class":5745},"UseGuards",[5370,8808,6009],{"class":5809},[5370,8810,8706],{"class":5805},[5370,8812,6015],{"class":5809},[5370,8814,8815,8817,8819,8822],{"class":5372,"line":5490},[5370,8816,6065],{"class":5906},[5370,8818,6068],{"class":5753},[5370,8820,8821],{"class":6071}," PushController",[5370,8823,5910],{"class":5809},[5370,8825,8826,8828,8830,8833,8836,8838,8840],{"class":5372,"line":5495},[5370,8827,6828],{"class":5753},[5370,8829,6009],{"class":5809},[5370,8831,8832],{"class":5753},"private",[5370,8834,8835],{"class":5805}," pushService",[5370,8837,6097],{"class":5809},[5370,8839,8688],{"class":6071},[5370,8841,8842],{"class":5809},") {}\n",[5370,8844,8845],{"class":5372,"line":5500},[5370,8846,5395],{"emptyLinePlaceholder":5394},[5370,8848,8849],{"class":5372,"line":5506},[5370,8850,6979],{"class":5739},[5370,8852,8853],{"class":5372,"line":5512},[5370,8854,8855],{"class":5739},"   * POST \u002Fpush\u002Fsubscribe\n",[5370,8857,8858],{"class":5372,"line":5518},[5370,8859,8860],{"class":5739},"   * Підписатися на push нотифікації\n",[5370,8862,8863],{"class":5372,"line":5524},[5370,8864,6989],{"class":5739},[5370,8866,8867,8869,8872,8874,8877],{"class":5372,"line":5530},[5370,8868,6079],{"class":5809},[5370,8870,8871],{"class":5745},"Post",[5370,8873,6009],{"class":5809},[5370,8875,8876],{"class":5749},"'subscribe'",[5370,8878,6015],{"class":5809},[5370,8880,8881,8883,8885,8888,8891,8894,8897,8899,8902,8905,8908,8910,8913,8915,8917],{"class":5372,"line":5536},[5370,8882,6994],{"class":5753},[5370,8884,6997],{"class":5745},[5370,8886,8887],{"class":5809},"(@",[5370,8889,8890],{"class":5745},"Req",[5370,8892,8893],{"class":5809},"() ",[5370,8895,8896],{"class":5805},"req",[5370,8898,6097],{"class":5809},[5370,8900,8901],{"class":6071},"AuthRequest",[5370,8903,8904],{"class":5809},", @",[5370,8906,8907],{"class":5745},"Body",[5370,8909,8893],{"class":5809},[5370,8911,8912],{"class":5805},"body",[5370,8914,6097],{"class":5809},[5370,8916,6753],{"class":6071},[5370,8918,7109],{"class":5809},[5370,8920,8921,8923,8926,8928,8930,8932,8935,8937,8939],{"class":5372,"line":5541},[5370,8922,7606],{"class":5753},[5370,8924,8925],{"class":7609}," userId",[5370,8927,7038],{"class":5809},[5370,8929,8896],{"class":5805},[5370,8931,5185],{"class":5809},[5370,8933,8934],{"class":5805},"user",[5370,8936,5185],{"class":5809},[5370,8938,8272],{"class":5805},[5370,8940,5974],{"class":5809},[5370,8942,8943,8945,8947,8949,8951,8953,8955,8957,8960,8962],{"class":5372,"line":5547},[5370,8944,7606],{"class":5753},[5370,8946,5981],{"class":5809},[5370,8948,7076],{"class":7609},[5370,8950,5244],{"class":5809},[5370,8952,7287],{"class":7609},[5370,8954,5244],{"class":5809},[5370,8956,7302],{"class":7609},[5370,8958,8959],{"class":5809}," } = ",[5370,8961,8912],{"class":5805},[5370,8963,5974],{"class":5809},[5370,8965,8966],{"class":5372,"line":5553},[5370,8967,5395],{"emptyLinePlaceholder":5394},[5370,8969,8970,8972,8974,8976,8979,8981,8984],{"class":5372,"line":5559},[5370,8971,7404],{"class":5906},[5370,8973,7044],{"class":5753},[5370,8975,5185],{"class":5809},[5370,8977,8978],{"class":5805},"pushService",[5370,8980,5185],{"class":5809},[5370,8982,8983],{"class":5745},"subscribe",[5370,8985,7057],{"class":5809},[5370,8987,8988,8991],{"class":5372,"line":5565},[5370,8989,8990],{"class":5805},"      userId",[5370,8992,5918],{"class":5809},[5370,8994,8995,8997],{"class":5372,"line":5571},[5370,8996,7121],{"class":5805},[5370,8998,5918],{"class":5809},[5370,9000,9001,9004],{"class":5372,"line":5576},[5370,9002,9003],{"class":5805},"      userAgent",[5370,9005,5918],{"class":5809},[5370,9007,9008,9011],{"class":5372,"line":5582},[5370,9009,9010],{"class":5805},"      deviceType",[5370,9012,5918],{"class":5809},[5370,9014,9015],{"class":5372,"line":5588},[5370,9016,7090],{"class":5809},[5370,9018,9019],{"class":5372,"line":5594},[5370,9020,5395],{"emptyLinePlaceholder":5394},[5370,9022,9023,9025,9027,9030,9032,9034,9037,9040],{"class":5372,"line":5600},[5370,9024,7327],{"class":5906},[5370,9026,5981],{"class":5809},[5370,9028,9029],{"class":5805},"success:",[5370,9031,6054],{"class":5753},[5370,9033,5244],{"class":5809},[5370,9035,9036],{"class":5805},"message:",[5370,9038,9039],{"class":5749}," 'Підписка створена'",[5370,9041,8777],{"class":5809},[5370,9043,9044],{"class":5372,"line":5605},[5370,9045,6970],{"class":5809},[5370,9047,9048],{"class":5372,"line":6344},[5370,9049,5395],{"emptyLinePlaceholder":5394},[5370,9051,9052],{"class":5372,"line":6359},[5370,9053,6979],{"class":5739},[5370,9055,9056],{"class":5372,"line":6374},[5370,9057,9058],{"class":5739},"   * DELETE \u002Fpush\u002Funsubscribe\n",[5370,9060,9061],{"class":5372,"line":6379},[5370,9062,7366],{"class":5739},[5370,9064,9065],{"class":5372,"line":6389},[5370,9066,6989],{"class":5739},[5370,9068,9069,9071,9074,9076,9079],{"class":5372,"line":6402},[5370,9070,6079],{"class":5809},[5370,9072,9073],{"class":5745},"Delete",[5370,9075,6009],{"class":5809},[5370,9077,9078],{"class":5749},"'unsubscribe'",[5370,9080,6015],{"class":5809},[5370,9082,9083,9085,9087,9089,9091,9093,9095,9097,9099,9101,9103],{"class":5372,"line":6407},[5370,9084,6994],{"class":5753},[5370,9086,7379],{"class":5745},[5370,9088,8887],{"class":5809},[5370,9090,8907],{"class":5745},[5370,9092,6009],{"class":5809},[5370,9094,6045],{"class":5749},[5370,9096,7726],{"class":5809},[5370,9098,7081],{"class":5805},[5370,9100,6097],{"class":5809},[5370,9102,6100],{"class":6071},[5370,9104,7109],{"class":5809},[5370,9106,9107,9109,9111,9113,9115,9117,9120,9122,9124],{"class":5372,"line":6429},[5370,9108,7404],{"class":5906},[5370,9110,7044],{"class":5753},[5370,9112,5185],{"class":5809},[5370,9114,8978],{"class":5805},[5370,9116,5185],{"class":5809},[5370,9118,9119],{"class":5745},"unsubscribe",[5370,9121,6009],{"class":5809},[5370,9123,7081],{"class":5805},[5370,9125,7345],{"class":5809},[5370,9127,9128,9130,9132,9134,9136,9138,9140,9143],{"class":5372,"line":6444},[5370,9129,7327],{"class":5906},[5370,9131,5981],{"class":5809},[5370,9133,9029],{"class":5805},[5370,9135,6054],{"class":5753},[5370,9137,5244],{"class":5809},[5370,9139,9036],{"class":5805},[5370,9141,9142],{"class":5749}," 'Підписка видалена'",[5370,9144,8777],{"class":5809},[5370,9146,9147],{"class":5372,"line":7023},[5370,9148,6970],{"class":5809},[5370,9150,9151],{"class":5372,"line":7029},[5370,9152,5395],{"emptyLinePlaceholder":5394},[5370,9154,9155],{"class":5372,"line":7060},[5370,9156,6979],{"class":5739},[5370,9158,9159],{"class":5372,"line":7087},[5370,9160,9161],{"class":5739},"   * GET \u002Fpush\u002Fpublic-key\n",[5370,9163,9164],{"class":5372,"line":7093},[5370,9165,9166],{"class":5739},"   * Отримати VAPID public key (для frontend)\n",[5370,9168,9169],{"class":5372,"line":7098},[5370,9170,6989],{"class":5739},[5370,9172,9173,9175,9178,9180,9183],{"class":5372,"line":7112},[5370,9174,6079],{"class":5809},[5370,9176,9177],{"class":5745},"Get",[5370,9179,6009],{"class":5809},[5370,9181,9182],{"class":5749},"'public-key'",[5370,9184,6015],{"class":5809},[5370,9186,9187,9190],{"class":5372,"line":7118},[5370,9188,9189],{"class":5745},"  getPublicKey",[5370,9191,9192],{"class":5809},"() {\n",[5370,9194,9195,9197],{"class":5372,"line":7139},[5370,9196,7327],{"class":5906},[5370,9198,5910],{"class":5809},[5370,9200,9201,9204,9207,9209,9212,9214,9216],{"class":5372,"line":7160},[5370,9202,9203],{"class":5805},"      publicKey:",[5370,9205,9206],{"class":5805}," process",[5370,9208,5185],{"class":5809},[5370,9210,9211],{"class":5805},"env",[5370,9213,5185],{"class":5809},[5370,9215,5806],{"class":7609},[5370,9217,5918],{"class":5809},[5370,9219,9220],{"class":5372,"line":7171},[5370,9221,6646],{"class":5809},[5370,9223,9224],{"class":5372,"line":7177},[5370,9225,6970],{"class":5809},[5370,9227,9228],{"class":5372,"line":7198},[5370,9229,5395],{"emptyLinePlaceholder":5394},[5370,9231,9232],{"class":5372,"line":7212},[5370,9233,6979],{"class":5739},[5370,9235,9236],{"class":5372,"line":7230},[5370,9237,9238],{"class":5739},"   * POST \u002Fpush\u002Ftest\n",[5370,9240,9241],{"class":5372,"line":7254},[5370,9242,9243],{"class":5739},"   * Відправити тестову нотифікацію (для development)\n",[5370,9245,9246],{"class":5372,"line":7277},[5370,9247,6989],{"class":5739},[5370,9249,9250,9252,9254,9256,9259],{"class":5372,"line":7292},[5370,9251,6079],{"class":5809},[5370,9253,8871],{"class":5745},[5370,9255,6009],{"class":5809},[5370,9257,9258],{"class":5749},"'test'",[5370,9260,6015],{"class":5809},[5370,9262,9263,9265,9268,9270,9272,9274,9276,9278,9280],{"class":5372,"line":7307},[5370,9264,6994],{"class":5753},[5370,9266,9267],{"class":5745}," sendTestNotification",[5370,9269,8887],{"class":5809},[5370,9271,8890],{"class":5745},[5370,9273,8893],{"class":5809},[5370,9275,8896],{"class":5805},[5370,9277,6097],{"class":5809},[5370,9279,8901],{"class":6071},[5370,9281,7109],{"class":5809},[5370,9283,9284,9286,9288,9290,9292,9294,9296,9298,9300],{"class":5372,"line":7313},[5370,9285,7606],{"class":5753},[5370,9287,8925],{"class":7609},[5370,9289,7038],{"class":5809},[5370,9291,8896],{"class":5805},[5370,9293,5185],{"class":5809},[5370,9295,8934],{"class":5805},[5370,9297,5185],{"class":5809},[5370,9299,8272],{"class":5805},[5370,9301,5974],{"class":5809},[5370,9303,9304],{"class":5372,"line":7319},[5370,9305,5395],{"emptyLinePlaceholder":5394},[5370,9307,9308,9310,9312,9314,9316,9318,9321,9323,9325],{"class":5372,"line":7324},[5370,9309,7404],{"class":5906},[5370,9311,7044],{"class":5753},[5370,9313,5185],{"class":5809},[5370,9315,8978],{"class":5805},[5370,9317,5185],{"class":5809},[5370,9319,9320],{"class":5745},"sendToUser",[5370,9322,6009],{"class":5809},[5370,9324,7126],{"class":5805},[5370,9326,9327],{"class":5809},", {\n",[5370,9329,9330,9333,9336],{"class":5372,"line":7348},[5370,9331,9332],{"class":5805},"      title:",[5370,9334,9335],{"class":5749}," 'Тестова нотифікація'",[5370,9337,5918],{"class":5809},[5370,9339,9340,9343,9346],{"class":5372,"line":7353},[5370,9341,9342],{"class":5805},"      body:",[5370,9344,9345],{"class":5749}," 'Це тестове повідомлення з backend!'",[5370,9347,5918],{"class":5809},[5370,9349,9350,9353,9356],{"class":5372,"line":7358},[5370,9351,9352],{"class":5805},"      icon:",[5370,9354,9355],{"class":5749}," '\u002Flogo.png'",[5370,9357,5918],{"class":5809},[5370,9359,9360,9363,9366],{"class":5372,"line":7363},[5370,9361,9362],{"class":5805},"      badge:",[5370,9364,9365],{"class":5749}," '\u002Fbadge.png'",[5370,9367,5918],{"class":5809},[5370,9369,9370,9373],{"class":5372,"line":7369},[5370,9371,9372],{"class":5805},"      data:",[5370,9374,5910],{"class":5809},[5370,9376,9377,9380,9383],{"class":5372,"line":7374},[5370,9378,9379],{"class":5805},"        url:",[5370,9381,9382],{"class":5749}," '\u002Fnotifications'",[5370,9384,5918],{"class":5809},[5370,9386,9387],{"class":5372,"line":7401},[5370,9388,7952],{"class":5809},[5370,9390,9391],{"class":5372,"line":7425},[5370,9392,7090],{"class":5809},[5370,9394,9395],{"class":5372,"line":7454},[5370,9396,5395],{"emptyLinePlaceholder":5394},[5370,9398,9399,9401,9403,9405,9407,9409,9411,9414],{"class":5372,"line":7459},[5370,9400,7327],{"class":5906},[5370,9402,5981],{"class":5809},[5370,9404,9029],{"class":5805},[5370,9406,6054],{"class":5753},[5370,9408,5244],{"class":5809},[5370,9410,9036],{"class":5805},[5370,9412,9413],{"class":5749}," 'Тестова нотифікація відправлена'",[5370,9415,8777],{"class":5809},[5370,9417,9418],{"class":5372,"line":7464},[5370,9419,6970],{"class":5809},[5370,9421,9422],{"class":5372,"line":7469},[5370,9423,5430],{"class":5809},[5610,9425,9427],{"id":9426},"push-module","Push Module",[5361,9429,9431],{"className":5892,"code":9430,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fpush\u002Fpush.module.ts\nimport { Module } from '@nestjs\u002Fcommon';\nimport { TypeOrmModule } from '@nestjs\u002Ftypeorm';\nimport { PushSubscription } from '.\u002Fentities\u002Fpush-subscription.entity';\nimport { PushService } from '.\u002Fpush.service';\nimport { PushController } from '.\u002Fpush.controller';\n\n@Module({\n  imports: [TypeOrmModule.forFeature([PushSubscription])],\n  providers: [PushService],\n  controllers: [PushController],\n  exports: [PushService], \u002F\u002F Експортуємо для використання в інших модулях\n})\nexport class PushModule {}\n",[5116,9432,9433,9438,9455,9472,9488,9504,9522,9526,9534,9556,9568,9579,9594,9599],{"__ignoreMap":5366},[5370,9434,9435],{"class":5372,"line":5373},[5370,9436,9437],{"class":5739},"\u002F\u002F src\u002Fpush\u002Fpush.module.ts\n",[5370,9439,9440,9442,9444,9447,9449,9451,9453],{"class":5372,"line":5379},[5370,9441,5907],{"class":5906},[5370,9443,5981],{"class":5809},[5370,9445,9446],{"class":5805},"Module",[5370,9448,5987],{"class":5809},[5370,9450,5968],{"class":5906},[5370,9452,6481],{"class":5749},[5370,9454,5974],{"class":5809},[5370,9456,9457,9459,9461,9464,9466,9468,9470],{"class":5372,"line":5385},[5370,9458,5907],{"class":5906},[5370,9460,5981],{"class":5809},[5370,9462,9463],{"class":5805},"TypeOrmModule",[5370,9465,5987],{"class":5809},[5370,9467,5968],{"class":5906},[5370,9469,6499],{"class":5749},[5370,9471,5974],{"class":5809},[5370,9473,9474,9476,9478,9480,9482,9484,9486],{"class":5372,"line":5391},[5370,9475,5907],{"class":5906},[5370,9477,5981],{"class":5809},[5370,9479,6527],{"class":5805},[5370,9481,5987],{"class":5809},[5370,9483,5968],{"class":5906},[5370,9485,6534],{"class":5749},[5370,9487,5974],{"class":5809},[5370,9489,9490,9492,9494,9496,9498,9500,9502],{"class":5372,"line":5398},[5370,9491,5907],{"class":5906},[5370,9493,5981],{"class":5809},[5370,9495,8688],{"class":5805},[5370,9497,5987],{"class":5809},[5370,9499,5968],{"class":5906},[5370,9501,8695],{"class":5749},[5370,9503,5974],{"class":5809},[5370,9505,9506,9508,9510,9513,9515,9517,9520],{"class":5372,"line":5404},[5370,9507,5907],{"class":5906},[5370,9509,5981],{"class":5809},[5370,9511,9512],{"class":5805},"PushController",[5370,9514,5987],{"class":5809},[5370,9516,5968],{"class":5906},[5370,9518,9519],{"class":5749}," '.\u002Fpush.controller'",[5370,9521,5974],{"class":5809},[5370,9523,9524],{"class":5372,"line":5409},[5370,9525,5395],{"emptyLinePlaceholder":5394},[5370,9527,9528,9530,9532],{"class":5372,"line":5415},[5370,9529,6003],{"class":5809},[5370,9531,9446],{"class":5745},[5370,9533,7057],{"class":5809},[5370,9535,9536,9539,9542,9544,9546,9549,9551,9553],{"class":5372,"line":5421},[5370,9537,9538],{"class":5805},"  imports:",[5370,9540,9541],{"class":5809}," [",[5370,9543,9463],{"class":5805},[5370,9545,5185],{"class":5809},[5370,9547,9548],{"class":5745},"forFeature",[5370,9550,6025],{"class":5809},[5370,9552,6527],{"class":5805},[5370,9554,9555],{"class":5809},"])],\n",[5370,9557,9558,9561,9563,9565],{"class":5372,"line":5427},[5370,9559,9560],{"class":5805},"  providers:",[5370,9562,9541],{"class":5809},[5370,9564,8688],{"class":5805},[5370,9566,9567],{"class":5809},"],\n",[5370,9569,9570,9573,9575,9577],{"class":5372,"line":5433},[5370,9571,9572],{"class":5805},"  controllers:",[5370,9574,9541],{"class":5809},[5370,9576,9512],{"class":5805},[5370,9578,9567],{"class":5809},[5370,9580,9581,9584,9586,9588,9591],{"class":5372,"line":5438},[5370,9582,9583],{"class":5805},"  exports:",[5370,9585,9541],{"class":5809},[5370,9587,8688],{"class":5805},[5370,9589,9590],{"class":5809},"], ",[5370,9592,9593],{"class":5739},"\u002F\u002F Експортуємо для використання в інших модулях\n",[5370,9595,9596],{"class":5372,"line":5444},[5370,9597,9598],{"class":5809},"})\n",[5370,9600,9601,9603,9605,9608],{"class":5372,"line":5450},[5370,9602,6065],{"class":5906},[5370,9604,6068],{"class":5753},[5370,9606,9607],{"class":6071}," PushModule",[5370,9609,9610],{"class":5809}," {}\n",[5165,9612],{},[5084,9614,9616],{"id":9615},"frontend-service-worker-реєстрація","Frontend: Service Worker реєстрація",[5610,9618,9620],{"id":9619},"створення-service-worker-файлу","Створення Service Worker файлу",[5361,9622,9626],{"className":9623,"code":9624,"language":9625,"meta":5366,"style":5366},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F public\u002Fsw.js\nself.addEventListener('install', (event) => {\n  console.log('[Service Worker] Installed');\n  self.skipWaiting(); \u002F\u002F Активувати SW негайно\n});\n\nself.addEventListener('activate', (event) => {\n  console.log('[Service Worker] Activated');\n  event.waitUntil(self.clients.claim()); \u002F\u002F Взяти контроль над сторінками\n});\n\n\u002F**\n * Обробка push події\n *\u002F\nself.addEventListener('push', (event) => {\n  console.log('[Service Worker] Push received:', event);\n\n  if (!event.data) {\n    console.warn('[Service Worker] Push event without data');\n    return;\n  }\n\n  const data = event.data.json();\n  console.log('[Service Worker] Push data:', data);\n\n  const options = {\n    body: data.body,\n    icon: data.icon || '\u002Flogo.png',\n    badge: data.badge || '\u002Fbadge.png',\n    image: data.image,\n    data: data.data, \u002F\u002F Додаткові дані для click handler\n    actions: data.actions || [],\n    vibrate: [200, 100, 200], \u002F\u002F Вібрація на mobile\n    tag: data.tag || 'default', \u002F\u002F Якщо є notification з таким tag, замінити її\n    renotify: true, \u002F\u002F Показати notification навіть якщо tag існує\n  };\n\n  event.waitUntil(\n    self.registration.showNotification(data.title, options)\n  );\n});\n\n\u002F**\n * Обробка кліку на нотифікацію\n *\u002F\nself.addEventListener('notificationclick', (event) => {\n  console.log('[Service Worker] Notification clicked:', event);\n\n  event.notification.close(); \u002F\u002F Закрити нотифікацію\n\n  const urlToOpen = event.notification.data?.url || '\u002F';\n\n  event.waitUntil(\n    \u002F\u002F Спробувати знайти вже відкриту вкладку застосунку\n    self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((clientList) => {\n      \u002F\u002F Якщо знайдено відкриту вкладку, перейти на неї\n      for (const client of clientList) {\n        if (client.url.includes(self.location.origin) && 'focus' in client) {\n          client.navigate(urlToOpen);\n          return client.focus();\n        }\n      }\n\n      \u002F\u002F Якщо немає відкритої вкладки, відкрити нову\n      if (self.clients.openWindow) {\n        return self.clients.openWindow(urlToOpen);\n      }\n    })\n  );\n});\n\n\u002F**\n * Обробка кліку на action button\n *\u002F\nself.addEventListener('notificationclick', (event) => {\n  if (event.action) {\n    console.log('[Service Worker] Action clicked:', event.action);\n\n    \u002F\u002F Обробка різних actions\n    switch (event.action) {\n      case 'reply':\n        \u002F\u002F Відкрити сторінку для відповіді\n        event.waitUntil(self.clients.openWindow('\u002Fmessages'));\n        break;\n      case 'like':\n        \u002F\u002F Відправити API запит для лайку\n        event.waitUntil(\n          fetch('\u002Fapi\u002Fposts\u002Flike', {\n            method: 'POST',\n            headers: { 'Content-Type': 'application\u002Fjson' },\n            body: JSON.stringify({ postId: event.notification.data.postId }),\n          })\n        );\n        break;\n      case 'dismiss':\n        \u002F\u002F Просто закрити\n        event.notification.close();\n        break;\n    }\n  }\n});\n","javascript",[5116,9627,9628,9633,9660,9676,9692,9697,9701,9724,9739,9769,9773,9777,9782,9787,9792,9814,9833,9837,9854,9870,9876,9880,9884,9907,9926,9930,9939,9952,9970,9989,10003,10019,10034,10058,10080,10092,10096,10100,10110,10140,10145,10149,10153,10157,10162,10166,10189,10208,10212,10231,10235,10267,10271,10281,10286,10330,10335,10356,10402,10419,10433,10437,10441,10445,10450,10469,10491,10495,10500,10504,10508,10512,10516,10521,10525,10547,10561,10584,10588,10593,10608,10619,10624,10653,10660,10669,10674,10684,10696,10706,10723,10759,10764,10769,10775,10784,10789,10803,10809,10813,10817],{"__ignoreMap":5366},[5370,9629,9630],{"class":5372,"line":5373},[5370,9631,9632],{"class":5739},"\u002F\u002F public\u002Fsw.js\n",[5370,9634,9635,9638,9640,9643,9645,9648,9651,9654,9656,9658],{"class":5372,"line":5379},[5370,9636,9637],{"class":5805},"self",[5370,9639,5185],{"class":5809},[5370,9641,9642],{"class":5745},"addEventListener",[5370,9644,6009],{"class":5809},[5370,9646,9647],{"class":5749},"'install'",[5370,9649,9650],{"class":5809},", (",[5370,9652,9653],{"class":5805},"event",[5370,9655,7726],{"class":5809},[5370,9657,6145],{"class":5753},[5370,9659,5910],{"class":5809},[5370,9661,9662,9665,9667,9669,9671,9674],{"class":5372,"line":5385},[5370,9663,9664],{"class":5805},"  console",[5370,9666,5185],{"class":5809},[5370,9668,7433],{"class":5745},[5370,9670,6009],{"class":5809},[5370,9672,9673],{"class":5749},"'[Service Worker] Installed'",[5370,9675,7345],{"class":5809},[5370,9677,9678,9681,9683,9686,9689],{"class":5372,"line":5391},[5370,9679,9680],{"class":5805},"  self",[5370,9682,5185],{"class":5809},[5370,9684,9685],{"class":5745},"skipWaiting",[5370,9687,9688],{"class":5809},"(); ",[5370,9690,9691],{"class":5739},"\u002F\u002F Активувати SW негайно\n",[5370,9693,9694],{"class":5372,"line":5398},[5370,9695,9696],{"class":5809},"});\n",[5370,9698,9699],{"class":5372,"line":5404},[5370,9700,5395],{"emptyLinePlaceholder":5394},[5370,9702,9703,9705,9707,9709,9711,9714,9716,9718,9720,9722],{"class":5372,"line":5409},[5370,9704,9637],{"class":5805},[5370,9706,5185],{"class":5809},[5370,9708,9642],{"class":5745},[5370,9710,6009],{"class":5809},[5370,9712,9713],{"class":5749},"'activate'",[5370,9715,9650],{"class":5809},[5370,9717,9653],{"class":5805},[5370,9719,7726],{"class":5809},[5370,9721,6145],{"class":5753},[5370,9723,5910],{"class":5809},[5370,9725,9726,9728,9730,9732,9734,9737],{"class":5372,"line":5415},[5370,9727,9664],{"class":5805},[5370,9729,5185],{"class":5809},[5370,9731,7433],{"class":5745},[5370,9733,6009],{"class":5809},[5370,9735,9736],{"class":5749},"'[Service Worker] Activated'",[5370,9738,7345],{"class":5809},[5370,9740,9741,9744,9746,9749,9751,9753,9755,9758,9760,9763,9766],{"class":5372,"line":5421},[5370,9742,9743],{"class":5805},"  event",[5370,9745,5185],{"class":5809},[5370,9747,9748],{"class":5745},"waitUntil",[5370,9750,6009],{"class":5809},[5370,9752,9637],{"class":5805},[5370,9754,5185],{"class":5809},[5370,9756,9757],{"class":5805},"clients",[5370,9759,5185],{"class":5809},[5370,9761,9762],{"class":5745},"claim",[5370,9764,9765],{"class":5809},"()); ",[5370,9767,9768],{"class":5739},"\u002F\u002F Взяти контроль над сторінками\n",[5370,9770,9771],{"class":5372,"line":5427},[5370,9772,9696],{"class":5809},[5370,9774,9775],{"class":5372,"line":5433},[5370,9776,5395],{"emptyLinePlaceholder":5394},[5370,9778,9779],{"class":5372,"line":5438},[5370,9780,9781],{"class":5739},"\u002F**\n",[5370,9783,9784],{"class":5372,"line":5444},[5370,9785,9786],{"class":5739}," * Обробка push події\n",[5370,9788,9789],{"class":5372,"line":5450},[5370,9790,9791],{"class":5739}," *\u002F\n",[5370,9793,9794,9796,9798,9800,9802,9804,9806,9808,9810,9812],{"class":5372,"line":5456},[5370,9795,9637],{"class":5805},[5370,9797,5185],{"class":5809},[5370,9799,9642],{"class":5745},[5370,9801,6009],{"class":5809},[5370,9803,8797],{"class":5749},[5370,9805,9650],{"class":5809},[5370,9807,9653],{"class":5805},[5370,9809,7726],{"class":5809},[5370,9811,6145],{"class":5753},[5370,9813,5910],{"class":5809},[5370,9815,9816,9818,9820,9822,9824,9827,9829,9831],{"class":5372,"line":5461},[5370,9817,9664],{"class":5805},[5370,9819,5185],{"class":5809},[5370,9821,7433],{"class":5745},[5370,9823,6009],{"class":5809},[5370,9825,9826],{"class":5749},"'[Service Worker] Push received:'",[5370,9828,5244],{"class":5809},[5370,9830,9653],{"class":5805},[5370,9832,7345],{"class":5809},[5370,9834,9835],{"class":5372,"line":5466},[5370,9836,5395],{"emptyLinePlaceholder":5394},[5370,9838,9839,9842,9845,9847,9849,9852],{"class":5372,"line":5472},[5370,9840,9841],{"class":5906},"  if",[5370,9843,9844],{"class":5809}," (!",[5370,9846,9653],{"class":5805},[5370,9848,5185],{"class":5809},[5370,9850,9851],{"class":5805},"data",[5370,9853,7109],{"class":5809},[5370,9855,9856,9858,9860,9863,9865,9868],{"class":5372,"line":5478},[5370,9857,7428],{"class":5805},[5370,9859,5185],{"class":5809},[5370,9861,9862],{"class":5745},"warn",[5370,9864,6009],{"class":5809},[5370,9866,9867],{"class":5749},"'[Service Worker] Push event without data'",[5370,9869,7345],{"class":5809},[5370,9871,9872,9874],{"class":5372,"line":5484},[5370,9873,7327],{"class":5906},[5370,9875,5974],{"class":5809},[5370,9877,9878],{"class":5372,"line":5490},[5370,9879,6970],{"class":5809},[5370,9881,9882],{"class":5372,"line":5495},[5370,9883,5395],{"emptyLinePlaceholder":5394},[5370,9885,9886,9889,9892,9894,9896,9898,9900,9902,9905],{"class":5372,"line":5500},[5370,9887,9888],{"class":5753},"  const",[5370,9890,9891],{"class":7609}," data",[5370,9893,7038],{"class":5809},[5370,9895,9653],{"class":5805},[5370,9897,5185],{"class":5809},[5370,9899,9851],{"class":5805},[5370,9901,5185],{"class":5809},[5370,9903,9904],{"class":5745},"json",[5370,9906,7157],{"class":5809},[5370,9908,9909,9911,9913,9915,9917,9920,9922,9924],{"class":5372,"line":5506},[5370,9910,9664],{"class":5805},[5370,9912,5185],{"class":5809},[5370,9914,7433],{"class":5745},[5370,9916,6009],{"class":5809},[5370,9918,9919],{"class":5749},"'[Service Worker] Push data:'",[5370,9921,5244],{"class":5809},[5370,9923,9851],{"class":5805},[5370,9925,7345],{"class":5809},[5370,9927,9928],{"class":5372,"line":5512},[5370,9929,5395],{"emptyLinePlaceholder":5394},[5370,9931,9932,9934,9937],{"class":5372,"line":5518},[5370,9933,9888],{"class":5753},[5370,9935,9936],{"class":7609}," options",[5370,9938,7898],{"class":5809},[5370,9940,9941,9944,9946,9948,9950],{"class":5372,"line":5524},[5370,9942,9943],{"class":5805},"    body:",[5370,9945,9891],{"class":5805},[5370,9947,5185],{"class":5809},[5370,9949,8912],{"class":5805},[5370,9951,5918],{"class":5809},[5370,9953,9954,9957,9959,9961,9963,9965,9968],{"class":5372,"line":5530},[5370,9955,9956],{"class":5805},"    icon:",[5370,9958,9891],{"class":5805},[5370,9960,5185],{"class":5809},[5370,9962,6789],{"class":5805},[5370,9964,8217],{"class":5809},[5370,9966,9967],{"class":5749},"'\u002Flogo.png'",[5370,9969,5918],{"class":5809},[5370,9971,9972,9975,9977,9979,9982,9984,9987],{"class":5372,"line":5536},[5370,9973,9974],{"class":5805},"    badge:",[5370,9976,9891],{"class":5805},[5370,9978,5185],{"class":5809},[5370,9980,9981],{"class":5805},"badge",[5370,9983,8217],{"class":5809},[5370,9985,9986],{"class":5749},"'\u002Fbadge.png'",[5370,9988,5918],{"class":5809},[5370,9990,9991,9994,9996,9998,10001],{"class":5372,"line":5541},[5370,9992,9993],{"class":5805},"    image:",[5370,9995,9891],{"class":5805},[5370,9997,5185],{"class":5809},[5370,9999,10000],{"class":5805},"image",[5370,10002,5918],{"class":5809},[5370,10004,10005,10008,10010,10012,10014,10016],{"class":5372,"line":5547},[5370,10006,10007],{"class":5805},"    data:",[5370,10009,9891],{"class":5805},[5370,10011,5185],{"class":5809},[5370,10013,9851],{"class":5805},[5370,10015,5244],{"class":5809},[5370,10017,10018],{"class":5739},"\u002F\u002F Додаткові дані для click handler\n",[5370,10020,10021,10024,10026,10028,10031],{"class":5372,"line":5553},[5370,10022,10023],{"class":5805},"    actions:",[5370,10025,9891],{"class":5805},[5370,10027,5185],{"class":5809},[5370,10029,10030],{"class":5805},"actions",[5370,10032,10033],{"class":5809}," || [],\n",[5370,10035,10036,10039,10041,10044,10046,10049,10051,10053,10055],{"class":5372,"line":5559},[5370,10037,10038],{"class":5805},"    vibrate:",[5370,10040,9541],{"class":5809},[5370,10042,10043],{"class":7653},"200",[5370,10045,5244],{"class":5809},[5370,10047,10048],{"class":7653},"100",[5370,10050,5244],{"class":5809},[5370,10052,10043],{"class":7653},[5370,10054,9590],{"class":5809},[5370,10056,10057],{"class":5739},"\u002F\u002F Вібрація на mobile\n",[5370,10059,10060,10063,10065,10067,10070,10072,10075,10077],{"class":5372,"line":5565},[5370,10061,10062],{"class":5805},"    tag:",[5370,10064,9891],{"class":5805},[5370,10066,5185],{"class":5809},[5370,10068,10069],{"class":5805},"tag",[5370,10071,8217],{"class":5809},[5370,10073,10074],{"class":5749},"'default'",[5370,10076,5244],{"class":5809},[5370,10078,10079],{"class":5739},"\u002F\u002F Якщо є notification з таким tag, замінити її\n",[5370,10081,10082,10085,10087,10089],{"class":5372,"line":5571},[5370,10083,10084],{"class":5805},"    renotify:",[5370,10086,6054],{"class":5753},[5370,10088,5244],{"class":5809},[5370,10090,10091],{"class":5739},"\u002F\u002F Показати notification навіть якщо tag існує\n",[5370,10093,10094],{"class":5372,"line":5576},[5370,10095,6651],{"class":5809},[5370,10097,10098],{"class":5372,"line":5582},[5370,10099,5395],{"emptyLinePlaceholder":5394},[5370,10101,10102,10104,10106,10108],{"class":5372,"line":5588},[5370,10103,9743],{"class":5805},[5370,10105,5185],{"class":5809},[5370,10107,9748],{"class":5745},[5370,10109,6831],{"class":5809},[5370,10111,10112,10115,10117,10120,10122,10125,10127,10129,10131,10133,10135,10138],{"class":5372,"line":5594},[5370,10113,10114],{"class":5805},"    self",[5370,10116,5185],{"class":5809},[5370,10118,10119],{"class":5805},"registration",[5370,10121,5185],{"class":5809},[5370,10123,10124],{"class":5745},"showNotification",[5370,10126,6009],{"class":5809},[5370,10128,9851],{"class":5805},[5370,10130,5185],{"class":5809},[5370,10132,6780],{"class":5805},[5370,10134,5244],{"class":5809},[5370,10136,10137],{"class":5805},"options",[5370,10139,6015],{"class":5809},[5370,10141,10142],{"class":5372,"line":5600},[5370,10143,10144],{"class":5809},"  );\n",[5370,10146,10147],{"class":5372,"line":5605},[5370,10148,9696],{"class":5809},[5370,10150,10151],{"class":5372,"line":6344},[5370,10152,5395],{"emptyLinePlaceholder":5394},[5370,10154,10155],{"class":5372,"line":6359},[5370,10156,9781],{"class":5739},[5370,10158,10159],{"class":5372,"line":6374},[5370,10160,10161],{"class":5739}," * Обробка кліку на нотифікацію\n",[5370,10163,10164],{"class":5372,"line":6379},[5370,10165,9791],{"class":5739},[5370,10167,10168,10170,10172,10174,10176,10179,10181,10183,10185,10187],{"class":5372,"line":6389},[5370,10169,9637],{"class":5805},[5370,10171,5185],{"class":5809},[5370,10173,9642],{"class":5745},[5370,10175,6009],{"class":5809},[5370,10177,10178],{"class":5749},"'notificationclick'",[5370,10180,9650],{"class":5809},[5370,10182,9653],{"class":5805},[5370,10184,7726],{"class":5809},[5370,10186,6145],{"class":5753},[5370,10188,5910],{"class":5809},[5370,10190,10191,10193,10195,10197,10199,10202,10204,10206],{"class":5372,"line":6402},[5370,10192,9664],{"class":5805},[5370,10194,5185],{"class":5809},[5370,10196,7433],{"class":5745},[5370,10198,6009],{"class":5809},[5370,10200,10201],{"class":5749},"'[Service Worker] Notification clicked:'",[5370,10203,5244],{"class":5809},[5370,10205,9653],{"class":5805},[5370,10207,7345],{"class":5809},[5370,10209,10210],{"class":5372,"line":6407},[5370,10211,5395],{"emptyLinePlaceholder":5394},[5370,10213,10214,10216,10218,10221,10223,10226,10228],{"class":5372,"line":6429},[5370,10215,9743],{"class":5805},[5370,10217,5185],{"class":5809},[5370,10219,10220],{"class":5805},"notification",[5370,10222,5185],{"class":5809},[5370,10224,10225],{"class":5745},"close",[5370,10227,9688],{"class":5809},[5370,10229,10230],{"class":5739},"\u002F\u002F Закрити нотифікацію\n",[5370,10232,10233],{"class":5372,"line":6444},[5370,10234,5395],{"emptyLinePlaceholder":5394},[5370,10236,10237,10239,10242,10244,10246,10248,10250,10252,10254,10257,10260,10262,10265],{"class":5372,"line":7023},[5370,10238,9888],{"class":5753},[5370,10240,10241],{"class":7609}," urlToOpen",[5370,10243,7038],{"class":5809},[5370,10245,9653],{"class":5805},[5370,10247,5185],{"class":5809},[5370,10249,10220],{"class":5805},[5370,10251,5185],{"class":5809},[5370,10253,9851],{"class":5805},[5370,10255,10256],{"class":5809},"?.",[5370,10258,10259],{"class":5805},"url",[5370,10261,8217],{"class":5809},[5370,10263,10264],{"class":5749},"'\u002F'",[5370,10266,5974],{"class":5809},[5370,10268,10269],{"class":5372,"line":7029},[5370,10270,5395],{"emptyLinePlaceholder":5394},[5370,10272,10273,10275,10277,10279],{"class":5372,"line":7060},[5370,10274,9743],{"class":5805},[5370,10276,5185],{"class":5809},[5370,10278,9748],{"class":5745},[5370,10280,6831],{"class":5809},[5370,10282,10283],{"class":5372,"line":7087},[5370,10284,10285],{"class":5739},"    \u002F\u002F Спробувати знайти вже відкриту вкладку застосунку\n",[5370,10287,10288,10290,10292,10294,10296,10299,10301,10303,10306,10308,10311,10313,10316,10319,10321,10324,10326,10328],{"class":5372,"line":7093},[5370,10289,10114],{"class":5805},[5370,10291,5185],{"class":5809},[5370,10293,9757],{"class":5805},[5370,10295,5185],{"class":5809},[5370,10297,10298],{"class":5745},"matchAll",[5370,10300,6170],{"class":5809},[5370,10302,6209],{"class":5805},[5370,10304,10305],{"class":5749}," 'window'",[5370,10307,5244],{"class":5809},[5370,10309,10310],{"class":5805},"includeUncontrolled:",[5370,10312,6054],{"class":5753},[5370,10314,10315],{"class":5809}," }).",[5370,10317,10318],{"class":5745},"then",[5370,10320,7720],{"class":5809},[5370,10322,10323],{"class":5805},"clientList",[5370,10325,7726],{"class":5809},[5370,10327,6145],{"class":5753},[5370,10329,5910],{"class":5809},[5370,10331,10332],{"class":5372,"line":7098},[5370,10333,10334],{"class":5739},"      \u002F\u002F Якщо знайдено відкриту вкладку, перейти на неї\n",[5370,10336,10337,10340,10342,10345,10348,10351,10354],{"class":5372,"line":7112},[5370,10338,10339],{"class":5906},"      for",[5370,10341,7104],{"class":5809},[5370,10343,10344],{"class":5753},"const",[5370,10346,10347],{"class":7609}," client",[5370,10349,10350],{"class":5753}," of",[5370,10352,10353],{"class":5805}," clientList",[5370,10355,7109],{"class":5809},[5370,10357,10358,10361,10363,10366,10368,10370,10372,10375,10377,10379,10381,10384,10386,10389,10392,10395,10398,10400],{"class":5372,"line":7118},[5370,10359,10360],{"class":5906},"        if",[5370,10362,7104],{"class":5809},[5370,10364,10365],{"class":5805},"client",[5370,10367,5185],{"class":5809},[5370,10369,10259],{"class":5805},[5370,10371,5185],{"class":5809},[5370,10373,10374],{"class":5745},"includes",[5370,10376,6009],{"class":5809},[5370,10378,9637],{"class":5805},[5370,10380,5185],{"class":5809},[5370,10382,10383],{"class":5805},"location",[5370,10385,5185],{"class":5809},[5370,10387,10388],{"class":5805},"origin",[5370,10390,10391],{"class":5809},") && ",[5370,10393,10394],{"class":5749},"'focus'",[5370,10396,10397],{"class":5753}," in",[5370,10399,10347],{"class":5805},[5370,10401,7109],{"class":5809},[5370,10403,10404,10407,10409,10412,10414,10417],{"class":5372,"line":7139},[5370,10405,10406],{"class":5805},"          client",[5370,10408,5185],{"class":5809},[5370,10410,10411],{"class":5745},"navigate",[5370,10413,6009],{"class":5809},[5370,10415,10416],{"class":5805},"urlToOpen",[5370,10418,7345],{"class":5809},[5370,10420,10421,10424,10426,10428,10431],{"class":5372,"line":7160},[5370,10422,10423],{"class":5906},"          return",[5370,10425,10347],{"class":5805},[5370,10427,5185],{"class":5809},[5370,10429,10430],{"class":5745},"focus",[5370,10432,7157],{"class":5809},[5370,10434,10435],{"class":5372,"line":7171},[5370,10436,8042],{"class":5809},[5370,10438,10439],{"class":5372,"line":7177},[5370,10440,8280],{"class":5809},[5370,10442,10443],{"class":5372,"line":7198},[5370,10444,5395],{"emptyLinePlaceholder":5394},[5370,10446,10447],{"class":5372,"line":7212},[5370,10448,10449],{"class":5739},"      \u002F\u002F Якщо немає відкритої вкладки, відкрити нову\n",[5370,10451,10452,10454,10456,10458,10460,10462,10464,10467],{"class":5372,"line":7230},[5370,10453,8200],{"class":5906},[5370,10455,7104],{"class":5809},[5370,10457,9637],{"class":5805},[5370,10459,5185],{"class":5809},[5370,10461,9757],{"class":5805},[5370,10463,5185],{"class":5809},[5370,10465,10466],{"class":5805},"openWindow",[5370,10468,7109],{"class":5809},[5370,10470,10471,10474,10477,10479,10481,10483,10485,10487,10489],{"class":5372,"line":7254},[5370,10472,10473],{"class":5906},"        return",[5370,10475,10476],{"class":5805}," self",[5370,10478,5185],{"class":5809},[5370,10480,9757],{"class":5805},[5370,10482,5185],{"class":5809},[5370,10484,10466],{"class":5745},[5370,10486,6009],{"class":5809},[5370,10488,10416],{"class":5805},[5370,10490,7345],{"class":5809},[5370,10492,10493],{"class":5372,"line":7277},[5370,10494,8280],{"class":5809},[5370,10496,10497],{"class":5372,"line":7292},[5370,10498,10499],{"class":5809},"    })\n",[5370,10501,10502],{"class":5372,"line":7307},[5370,10503,10144],{"class":5809},[5370,10505,10506],{"class":5372,"line":7313},[5370,10507,9696],{"class":5809},[5370,10509,10510],{"class":5372,"line":7319},[5370,10511,5395],{"emptyLinePlaceholder":5394},[5370,10513,10514],{"class":5372,"line":7324},[5370,10515,9781],{"class":5739},[5370,10517,10518],{"class":5372,"line":7348},[5370,10519,10520],{"class":5739}," * Обробка кліку на action button\n",[5370,10522,10523],{"class":5372,"line":7353},[5370,10524,9791],{"class":5739},[5370,10526,10527,10529,10531,10533,10535,10537,10539,10541,10543,10545],{"class":5372,"line":7358},[5370,10528,9637],{"class":5805},[5370,10530,5185],{"class":5809},[5370,10532,9642],{"class":5745},[5370,10534,6009],{"class":5809},[5370,10536,10178],{"class":5749},[5370,10538,9650],{"class":5809},[5370,10540,9653],{"class":5805},[5370,10542,7726],{"class":5809},[5370,10544,6145],{"class":5753},[5370,10546,5910],{"class":5809},[5370,10548,10549,10551,10553,10555,10557,10559],{"class":5372,"line":7363},[5370,10550,9841],{"class":5906},[5370,10552,7104],{"class":5809},[5370,10554,9653],{"class":5805},[5370,10556,5185],{"class":5809},[5370,10558,6771],{"class":5805},[5370,10560,7109],{"class":5809},[5370,10562,10563,10565,10567,10569,10571,10574,10576,10578,10580,10582],{"class":5372,"line":7369},[5370,10564,7428],{"class":5805},[5370,10566,5185],{"class":5809},[5370,10568,7433],{"class":5745},[5370,10570,6009],{"class":5809},[5370,10572,10573],{"class":5749},"'[Service Worker] Action clicked:'",[5370,10575,5244],{"class":5809},[5370,10577,9653],{"class":5805},[5370,10579,5185],{"class":5809},[5370,10581,6771],{"class":5805},[5370,10583,7345],{"class":5809},[5370,10585,10586],{"class":5372,"line":7374},[5370,10587,5395],{"emptyLinePlaceholder":5394},[5370,10589,10590],{"class":5372,"line":7401},[5370,10591,10592],{"class":5739},"    \u002F\u002F Обробка різних actions\n",[5370,10594,10595,10598,10600,10602,10604,10606],{"class":5372,"line":7425},[5370,10596,10597],{"class":5906},"    switch",[5370,10599,7104],{"class":5809},[5370,10601,9653],{"class":5805},[5370,10603,5185],{"class":5809},[5370,10605,6771],{"class":5805},[5370,10607,7109],{"class":5809},[5370,10609,10610,10613,10616],{"class":5372,"line":7454},[5370,10611,10612],{"class":5906},"      case",[5370,10614,10615],{"class":5749}," 'reply'",[5370,10617,10618],{"class":5809},":\n",[5370,10620,10621],{"class":5372,"line":7459},[5370,10622,10623],{"class":5739},"        \u002F\u002F Відкрити сторінку для відповіді\n",[5370,10625,10626,10629,10631,10633,10635,10637,10639,10641,10643,10645,10647,10650],{"class":5372,"line":7464},[5370,10627,10628],{"class":5805},"        event",[5370,10630,5185],{"class":5809},[5370,10632,9748],{"class":5745},[5370,10634,6009],{"class":5809},[5370,10636,9637],{"class":5805},[5370,10638,5185],{"class":5809},[5370,10640,9757],{"class":5805},[5370,10642,5185],{"class":5809},[5370,10644,10466],{"class":5745},[5370,10646,6009],{"class":5809},[5370,10648,10649],{"class":5749},"'\u002Fmessages'",[5370,10651,10652],{"class":5809},"));\n",[5370,10654,10655,10658],{"class":5372,"line":7469},[5370,10656,10657],{"class":5906},"        break",[5370,10659,5974],{"class":5809},[5370,10661,10662,10664,10667],{"class":5372,"line":7475},[5370,10663,10612],{"class":5906},[5370,10665,10666],{"class":5749}," 'like'",[5370,10668,10618],{"class":5809},[5370,10670,10671],{"class":5372,"line":7480},[5370,10672,10673],{"class":5739},"        \u002F\u002F Відправити API запит для лайку\n",[5370,10675,10676,10678,10680,10682],{"class":5372,"line":7507},[5370,10677,10628],{"class":5805},[5370,10679,5185],{"class":5809},[5370,10681,9748],{"class":5745},[5370,10683,6831],{"class":5809},[5370,10685,10686,10689,10691,10694],{"class":5372,"line":7525},[5370,10687,10688],{"class":5745},"          fetch",[5370,10690,6009],{"class":5809},[5370,10692,10693],{"class":5749},"'\u002Fapi\u002Fposts\u002Flike'",[5370,10695,9327],{"class":5809},[5370,10697,10698,10701,10704],{"class":5372,"line":7536},[5370,10699,10700],{"class":5805},"            method:",[5370,10702,10703],{"class":5749}," 'POST'",[5370,10705,5918],{"class":5809},[5370,10707,10708,10711,10713,10716,10718,10721],{"class":5372,"line":7541},[5370,10709,10710],{"class":5805},"            headers:",[5370,10712,5981],{"class":5809},[5370,10714,10715],{"class":5749},"'Content-Type'",[5370,10717,5355],{"class":5805},[5370,10719,10720],{"class":5749}," 'application\u002Fjson'",[5370,10722,7084],{"class":5809},[5370,10724,10725,10728,10731,10733,10735,10737,10740,10743,10745,10747,10749,10751,10753,10756],{"class":5372,"line":7546},[5370,10726,10727],{"class":5805},"            body:",[5370,10729,10730],{"class":7609}," JSON",[5370,10732,5185],{"class":5809},[5370,10734,8004],{"class":5745},[5370,10736,6170],{"class":5809},[5370,10738,10739],{"class":5805},"postId:",[5370,10741,10742],{"class":5805}," event",[5370,10744,5185],{"class":5809},[5370,10746,10220],{"class":5805},[5370,10748,5185],{"class":5809},[5370,10750,9851],{"class":5805},[5370,10752,5185],{"class":5809},[5370,10754,10755],{"class":5805},"postId",[5370,10757,10758],{"class":5809}," }),\n",[5370,10760,10761],{"class":5372,"line":7551},[5370,10762,10763],{"class":5809},"          })\n",[5370,10765,10766],{"class":5372,"line":7556},[5370,10767,10768],{"class":5809},"        );\n",[5370,10770,10771,10773],{"class":5372,"line":7562},[5370,10772,10657],{"class":5906},[5370,10774,5974],{"class":5809},[5370,10776,10777,10779,10782],{"class":5372,"line":7567},[5370,10778,10612],{"class":5906},[5370,10780,10781],{"class":5749}," 'dismiss'",[5370,10783,10618],{"class":5809},[5370,10785,10786],{"class":5372,"line":7603},[5370,10787,10788],{"class":5739},"        \u002F\u002F Просто закрити\n",[5370,10790,10791,10793,10795,10797,10799,10801],{"class":5372,"line":7630},[5370,10792,10628],{"class":5805},[5370,10794,5185],{"class":5809},[5370,10796,10220],{"class":5805},[5370,10798,5185],{"class":5809},[5370,10800,10225],{"class":5745},[5370,10802,7157],{"class":5809},[5370,10804,10805,10807],{"class":5372,"line":7635},[5370,10806,10657],{"class":5906},[5370,10808,5974],{"class":5809},[5370,10810,10811],{"class":5372,"line":7659},[5370,10812,7316],{"class":5809},[5370,10814,10815],{"class":5372,"line":7685},[5370,10816,6970],{"class":5809},[5370,10818,10819],{"class":5372,"line":7693},[5370,10820,9696],{"class":5809},[5610,10822,10824],{"id":10823},"реєстрація-service-worker-у-react","Реєстрація Service Worker у React",[5361,10826,10828],{"className":5892,"code":10827,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Futils\u002FregisterServiceWorker.ts\nexport async function registerServiceWorker(): Promise\u003CServiceWorkerRegistration | null> {\n  if (!('serviceWorker' in navigator)) {\n    console.warn('Service Workers не підтримуються у цьому браузері');\n    return null;\n  }\n\n  try {\n    const registration = await navigator.serviceWorker.register('\u002Fsw.js', {\n      scope: '\u002F',\n    });\n\n    console.log('[SW] Service Worker registered:', registration);\n\n    \u002F\u002F Чекати поки Service Worker активується\n    await navigator.serviceWorker.ready;\n    console.log('[SW] Service Worker ready');\n\n    return registration;\n  } catch (error) {\n    console.error('[SW] Service Worker registration failed:', error);\n    return null;\n  }\n}\n",[5116,10829,10830,10835,10865,10883,10898,10907,10911,10915,10922,10952,10962,10966,10970,10989,10993,10998,11015,11030,11034,11042,11055,11074,11082,11086],{"__ignoreMap":5366},[5370,10831,10832],{"class":5372,"line":5373},[5370,10833,10834],{"class":5739},"\u002F\u002F src\u002Futils\u002FregisterServiceWorker.ts\n",[5370,10836,10837,10839,10841,10844,10847,10850,10852,10854,10857,10860,10863],{"class":5372,"line":5379},[5370,10838,6065],{"class":5906},[5370,10840,7844],{"class":5753},[5370,10842,10843],{"class":5753}," function",[5370,10845,10846],{"class":5745}," registerServiceWorker",[5370,10848,10849],{"class":5809},"(): ",[5370,10851,7013],{"class":6071},[5370,10853,6859],{"class":5809},[5370,10855,10856],{"class":6071},"ServiceWorkerRegistration",[5370,10858,10859],{"class":5809}," | ",[5370,10861,10862],{"class":6071},"null",[5370,10864,7020],{"class":5809},[5370,10866,10867,10869,10872,10875,10877,10880],{"class":5372,"line":5385},[5370,10868,9841],{"class":5906},[5370,10870,10871],{"class":5809}," (!(",[5370,10873,10874],{"class":5749},"'serviceWorker'",[5370,10876,10397],{"class":5753},[5370,10878,10879],{"class":5805}," navigator",[5370,10881,10882],{"class":5809},")) {\n",[5370,10884,10885,10887,10889,10891,10893,10896],{"class":5372,"line":5391},[5370,10886,7428],{"class":5805},[5370,10888,5185],{"class":5809},[5370,10890,9862],{"class":5745},[5370,10892,6009],{"class":5809},[5370,10894,10895],{"class":5749},"'Service Workers не підтримуються у цьому браузері'",[5370,10897,7345],{"class":5809},[5370,10899,10900,10902,10905],{"class":5372,"line":5398},[5370,10901,7327],{"class":5906},[5370,10903,10904],{"class":5753}," null",[5370,10906,5974],{"class":5809},[5370,10908,10909],{"class":5372,"line":5404},[5370,10910,6970],{"class":5809},[5370,10912,10913],{"class":5372,"line":5409},[5370,10914,5395],{"emptyLinePlaceholder":5394},[5370,10916,10917,10920],{"class":5372,"line":5415},[5370,10918,10919],{"class":5906},"  try",[5370,10921,5910],{"class":5809},[5370,10923,10924,10926,10929,10931,10933,10935,10937,10940,10942,10945,10947,10950],{"class":5372,"line":5421},[5370,10925,7606],{"class":5753},[5370,10927,10928],{"class":7609}," registration",[5370,10930,7038],{"class":5809},[5370,10932,7041],{"class":5906},[5370,10934,10879],{"class":5805},[5370,10936,5185],{"class":5809},[5370,10938,10939],{"class":5805},"serviceWorker",[5370,10941,5185],{"class":5809},[5370,10943,10944],{"class":5745},"register",[5370,10946,6009],{"class":5809},[5370,10948,10949],{"class":5749},"'\u002Fsw.js'",[5370,10951,9327],{"class":5809},[5370,10953,10954,10957,10960],{"class":5372,"line":5427},[5370,10955,10956],{"class":5805},"      scope:",[5370,10958,10959],{"class":5749}," '\u002F'",[5370,10961,5918],{"class":5809},[5370,10963,10964],{"class":5372,"line":5433},[5370,10965,7090],{"class":5809},[5370,10967,10968],{"class":5372,"line":5438},[5370,10969,5395],{"emptyLinePlaceholder":5394},[5370,10971,10972,10974,10976,10978,10980,10983,10985,10987],{"class":5372,"line":5444},[5370,10973,7428],{"class":5805},[5370,10975,5185],{"class":5809},[5370,10977,7433],{"class":5745},[5370,10979,6009],{"class":5809},[5370,10981,10982],{"class":5749},"'[SW] Service Worker registered:'",[5370,10984,5244],{"class":5809},[5370,10986,10119],{"class":5805},[5370,10988,7345],{"class":5809},[5370,10990,10991],{"class":5372,"line":5450},[5370,10992,5395],{"emptyLinePlaceholder":5394},[5370,10994,10995],{"class":5372,"line":5456},[5370,10996,10997],{"class":5739},"    \u002F\u002F Чекати поки Service Worker активується\n",[5370,10999,11000,11002,11004,11006,11008,11010,11013],{"class":5372,"line":5461},[5370,11001,7404],{"class":5906},[5370,11003,10879],{"class":5805},[5370,11005,5185],{"class":5809},[5370,11007,10939],{"class":5805},[5370,11009,5185],{"class":5809},[5370,11011,11012],{"class":5805},"ready",[5370,11014,5974],{"class":5809},[5370,11016,11017,11019,11021,11023,11025,11028],{"class":5372,"line":5466},[5370,11018,7428],{"class":5805},[5370,11020,5185],{"class":5809},[5370,11022,7433],{"class":5745},[5370,11024,6009],{"class":5809},[5370,11026,11027],{"class":5749},"'[SW] Service Worker ready'",[5370,11029,7345],{"class":5809},[5370,11031,11032],{"class":5372,"line":5472},[5370,11033,5395],{"emptyLinePlaceholder":5394},[5370,11035,11036,11038,11040],{"class":5372,"line":5478},[5370,11037,7327],{"class":5906},[5370,11039,10928],{"class":5805},[5370,11041,5974],{"class":5809},[5370,11043,11044,11047,11049,11051,11053],{"class":5372,"line":5484},[5370,11045,11046],{"class":5809},"  } ",[5370,11048,8156],{"class":5906},[5370,11050,7104],{"class":5809},[5370,11052,8161],{"class":5805},[5370,11054,7109],{"class":5809},[5370,11056,11057,11059,11061,11063,11065,11068,11070,11072],{"class":5372,"line":5490},[5370,11058,7428],{"class":5805},[5370,11060,5185],{"class":5809},[5370,11062,8161],{"class":5745},[5370,11064,6009],{"class":5809},[5370,11066,11067],{"class":5749},"'[SW] Service Worker registration failed:'",[5370,11069,5244],{"class":5809},[5370,11071,8161],{"class":5805},[5370,11073,7345],{"class":5809},[5370,11075,11076,11078,11080],{"class":5372,"line":5495},[5370,11077,7327],{"class":5906},[5370,11079,10904],{"class":5753},[5370,11081,5974],{"class":5809},[5370,11083,11084],{"class":5372,"line":5500},[5370,11085,6970],{"class":5809},[5370,11087,11088],{"class":5372,"line":5506},[5370,11089,5430],{"class":5809},[5610,11091,11093],{"id":11092},"push-subscription-hook","Push Subscription Hook",[5361,11095,11097],{"className":5892,"code":11096,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fhooks\u002FusePushNotifications.ts\nimport { useState, useEffect } from 'react';\n\ninterface UsePushNotificationsReturn {\n  isSupported: boolean;\n  permission: NotificationPermission;\n  isSubscribed: boolean;\n  requestPermission: () => Promise\u003Cboolean>;\n  subscribe: () => Promise\u003Cvoid>;\n  unsubscribe: () => Promise\u003Cvoid>;\n}\n\nexport function usePushNotifications(\n  accessToken: string\n): UsePushNotificationsReturn {\n  const [isSupported, setIsSupported] = useState(false);\n  const [permission, setPermission] = useState\u003CNotificationPermission>('default');\n  const [isSubscribed, setIsSubscribed] = useState(false);\n\n  useEffect(() => {\n    \u002F\u002F Перевірити підтримку\n    const supported =\n      'serviceWorker' in navigator &&\n      'PushManager' in window &&\n      'Notification' in window;\n\n    setIsSupported(supported);\n\n    if (supported) {\n      setPermission(Notification.permission);\n      checkSubscription();\n    }\n  }, []);\n\n  \u002F**\n   * Перевірити, чи користувач вже підписаний\n   *\u002F\n  const checkSubscription = async () => {\n    try {\n      const registration = await navigator.serviceWorker.ready;\n      const subscription = await registration.pushManager.getSubscription();\n      setIsSubscribed(!!subscription);\n    } catch (error) {\n      console.error('[Push] Error checking subscription:', error);\n    }\n  };\n\n  \u002F**\n   * Запросити дозвіл на нотифікації\n   *\u002F\n  const requestPermission = async (): Promise\u003Cboolean> => {\n    if (!isSupported) {\n      return false;\n    }\n\n    try {\n      const result = await Notification.requestPermission();\n      setPermission(result);\n      return result === 'granted';\n    } catch (error) {\n      console.error('[Push] Error requesting permission:', error);\n      return false;\n    }\n  };\n\n  \u002F**\n   * Підписатися на push нотифікації\n   *\u002F\n  const subscribe = async () => {\n    if (!isSupported || permission !== 'granted') {\n      console.warn('[Push] Cannot subscribe: not supported or permission denied');\n      return;\n    }\n\n    try {\n      const registration = await navigator.serviceWorker.ready;\n\n      \u002F\u002F Отримати VAPID public key з backend\n      const response = await fetch('http:\u002F\u002Flocalhost:3000\u002Fpush\u002Fpublic-key', {\n        headers: {\n          Authorization: `Bearer ${accessToken}`,\n        },\n      });\n      const { publicKey } = await response.json();\n\n      \u002F\u002F Підписатися на push\n      const subscription = await registration.pushManager.subscribe({\n        userVisibleOnly: true, \u002F\u002F Завжди показувати notification\n        applicationServerKey: urlBase64ToUint8Array(publicKey),\n      });\n\n      console.log('[Push] Subscription created:', subscription);\n\n      \u002F\u002F Відправити subscription на backend\n      await fetch('http:\u002F\u002Flocalhost:3000\u002Fpush\u002Fsubscribe', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application\u002Fjson',\n          Authorization: `Bearer ${accessToken}`,\n        },\n        body: JSON.stringify({\n          subscription: subscription.toJSON(),\n          userAgent: navigator.userAgent,\n          deviceType: getDeviceType(),\n        }),\n      });\n\n      setIsSubscribed(true);\n      console.log('[Push] Subscription saved to backend');\n    } catch (error) {\n      console.error('[Push] Error subscribing:', error);\n    }\n  };\n\n  \u002F**\n   * Відписатися від push нотифікацій\n   *\u002F\n  const unsubscribe = async () => {\n    try {\n      const registration = await navigator.serviceWorker.ready;\n      const subscription = await registration.pushManager.getSubscription();\n\n      if (subscription) {\n        const endpoint = subscription.endpoint;\n\n        \u002F\u002F Відписатися локально\n        await subscription.unsubscribe();\n\n        \u002F\u002F Видалити subscription з backend\n        await fetch('http:\u002F\u002Flocalhost:3000\u002Fpush\u002Funsubscribe', {\n          method: 'DELETE',\n          headers: {\n            'Content-Type': 'application\u002Fjson',\n            Authorization: `Bearer ${accessToken}`,\n          },\n          body: JSON.stringify({ endpoint }),\n        });\n\n        setIsSubscribed(false);\n        console.log('[Push] Unsubscribed');\n      }\n    } catch (error) {\n      console.error('[Push] Error unsubscribing:', error);\n    }\n  };\n\n  return {\n    isSupported,\n    permission,\n    isSubscribed,\n    requestPermission,\n    subscribe,\n    unsubscribe,\n  };\n}\n\n\u002F**\n * Конвертувати VAPID public key з base64 у Uint8Array\n *\u002F\nfunction urlBase64ToUint8Array(base64String: string): Uint8Array {\n  const padding = '='.repeat((4 - (base64String.length % 4)) % 4);\n  const base64 = (base64String + padding).replace(\u002F-\u002Fg, '+').replace(\u002F_\u002Fg, '\u002F');\n\n  const rawData = window.atob(base64);\n  const outputArray = new Uint8Array(rawData.length);\n\n  for (let i = 0; i \u003C rawData.length; ++i) {\n    outputArray[i] = rawData.charCodeAt(i);\n  }\n  return outputArray;\n}\n\nfunction getDeviceType(): string {\n  const ua = navigator.userAgent;\n  if (\u002Fmobile\u002Fi.test(ua)) return 'mobile';\n  if (\u002Ftablet|ipad\u002Fi.test(ua)) return 'tablet';\n  return 'desktop';\n}\n",[5116,11098,11099,11104,11127,11131,11140,11152,11164,11175,11194,11211,11228,11232,11236,11247,11257,11266,11292,11321,11345,11349,11360,11365,11375,11387,11399,11410,11414,11426,11430,11440,11456,11463,11467,11472,11476,11480,11485,11489,11508,11514,11537,11561,11573,11585,11604,11608,11612,11616,11620,11625,11629,11656,11666,11675,11679,11683,11689,11710,11721,11734,11746,11765,11773,11777,11781,11785,11789,11793,11797,11813,11832,11847,11853,11857,11861,11867,11889,11893,11898,11919,11926,11945,11950,11954,11975,11979,11984,12006,12018,12032,12036,12040,12059,12063,12068,12081,12090,12096,12107,12123,12127,12140,12155,12168,12178,12183,12187,12191,12202,12217,12229,12248,12252,12256,12260,12264,12268,12272,12288,12294,12316,12338,12342,12352,12370,12374,12379,12391,12395,12400,12413,12423,12430,12441,12458,12463,12480,12485,12489,12500,12515,12519,12531,12550,12554,12558,12562,12569,12576,12583,12590,12597,12604,12611,12615,12619,12623,12627,12632,12636,12659,12702,12756,12760,12784,12809,12813,12851,12876,12880,12888,12893,12898,12911,12930,12963,12999,13009],{"__ignoreMap":5366},[5370,11100,11101],{"class":5372,"line":5373},[5370,11102,11103],{"class":5739},"\u002F\u002F src\u002Fhooks\u002FusePushNotifications.ts\n",[5370,11105,11106,11108,11110,11113,11115,11118,11120,11122,11125],{"class":5372,"line":5379},[5370,11107,5907],{"class":5906},[5370,11109,5981],{"class":5809},[5370,11111,11112],{"class":5805},"useState",[5370,11114,5244],{"class":5809},[5370,11116,11117],{"class":5805},"useEffect",[5370,11119,5987],{"class":5809},[5370,11121,5968],{"class":5906},[5370,11123,11124],{"class":5749}," 'react'",[5370,11126,5974],{"class":5809},[5370,11128,11129],{"class":5372,"line":5385},[5370,11130,5395],{"emptyLinePlaceholder":5394},[5370,11132,11133,11135,11138],{"class":5372,"line":5391},[5370,11134,6578],{"class":5753},[5370,11136,11137],{"class":6071}," UsePushNotificationsReturn",[5370,11139,5910],{"class":5809},[5370,11141,11142,11145,11147,11150],{"class":5372,"line":5398},[5370,11143,11144],{"class":5805},"  isSupported",[5370,11146,6097],{"class":5809},[5370,11148,11149],{"class":6071},"boolean",[5370,11151,5974],{"class":5809},[5370,11153,11154,11157,11159,11162],{"class":5372,"line":5404},[5370,11155,11156],{"class":5805},"  permission",[5370,11158,6097],{"class":5809},[5370,11160,11161],{"class":6071},"NotificationPermission",[5370,11163,5974],{"class":5809},[5370,11165,11166,11169,11171,11173],{"class":5372,"line":5409},[5370,11167,11168],{"class":5805},"  isSubscribed",[5370,11170,6097],{"class":5809},[5370,11172,11149],{"class":6071},[5370,11174,5974],{"class":5809},[5370,11176,11177,11180,11183,11185,11187,11189,11191],{"class":5372,"line":5415},[5370,11178,11179],{"class":5745},"  requestPermission",[5370,11181,11182],{"class":5809},": () ",[5370,11184,6145],{"class":5753},[5370,11186,7767],{"class":6071},[5370,11188,6859],{"class":5809},[5370,11190,11149],{"class":6071},[5370,11192,11193],{"class":5809},">;\n",[5370,11195,11196,11199,11201,11203,11205,11207,11209],{"class":5372,"line":5421},[5370,11197,11198],{"class":5745},"  subscribe",[5370,11200,11182],{"class":5809},[5370,11202,6145],{"class":5753},[5370,11204,7767],{"class":6071},[5370,11206,6859],{"class":5809},[5370,11208,7396],{"class":6071},[5370,11210,11193],{"class":5809},[5370,11212,11213,11216,11218,11220,11222,11224,11226],{"class":5372,"line":5427},[5370,11214,11215],{"class":5745},"  unsubscribe",[5370,11217,11182],{"class":5809},[5370,11219,6145],{"class":5753},[5370,11221,7767],{"class":6071},[5370,11223,6859],{"class":5809},[5370,11225,7396],{"class":6071},[5370,11227,11193],{"class":5809},[5370,11229,11230],{"class":5372,"line":5433},[5370,11231,5430],{"class":5809},[5370,11233,11234],{"class":5372,"line":5438},[5370,11235,5395],{"emptyLinePlaceholder":5394},[5370,11237,11238,11240,11242,11245],{"class":5372,"line":5444},[5370,11239,6065],{"class":5906},[5370,11241,10843],{"class":5753},[5370,11243,11244],{"class":5745}," usePushNotifications",[5370,11246,6831],{"class":5809},[5370,11248,11249,11252,11254],{"class":5372,"line":5450},[5370,11250,11251],{"class":5805},"  accessToken",[5370,11253,6097],{"class":5809},[5370,11255,11256],{"class":6071},"string\n",[5370,11258,11259,11261,11264],{"class":5372,"line":5456},[5370,11260,7010],{"class":5809},[5370,11262,11263],{"class":6071},"UsePushNotificationsReturn",[5370,11265,5910],{"class":5809},[5370,11267,11268,11270,11272,11275,11277,11280,11283,11285,11287,11290],{"class":5372,"line":5461},[5370,11269,9888],{"class":5753},[5370,11271,9541],{"class":5809},[5370,11273,11274],{"class":7609},"isSupported",[5370,11276,5244],{"class":5809},[5370,11278,11279],{"class":7609},"setIsSupported",[5370,11281,11282],{"class":5809},"] = ",[5370,11284,11112],{"class":5745},[5370,11286,6009],{"class":5809},[5370,11288,11289],{"class":5753},"false",[5370,11291,7345],{"class":5809},[5370,11293,11294,11296,11298,11301,11303,11306,11308,11310,11312,11314,11317,11319],{"class":5372,"line":5466},[5370,11295,9888],{"class":5753},[5370,11297,9541],{"class":5809},[5370,11299,11300],{"class":7609},"permission",[5370,11302,5244],{"class":5809},[5370,11304,11305],{"class":7609},"setPermission",[5370,11307,11282],{"class":5809},[5370,11309,11112],{"class":5745},[5370,11311,6859],{"class":5809},[5370,11313,11161],{"class":6071},[5370,11315,11316],{"class":5809},">(",[5370,11318,10074],{"class":5749},[5370,11320,7345],{"class":5809},[5370,11322,11323,11325,11327,11330,11332,11335,11337,11339,11341,11343],{"class":5372,"line":5472},[5370,11324,9888],{"class":5753},[5370,11326,9541],{"class":5809},[5370,11328,11329],{"class":7609},"isSubscribed",[5370,11331,5244],{"class":5809},[5370,11333,11334],{"class":7609},"setIsSubscribed",[5370,11336,11282],{"class":5809},[5370,11338,11112],{"class":5745},[5370,11340,6009],{"class":5809},[5370,11342,11289],{"class":5753},[5370,11344,7345],{"class":5809},[5370,11346,11347],{"class":5372,"line":5478},[5370,11348,5395],{"emptyLinePlaceholder":5394},[5370,11350,11351,11354,11356,11358],{"class":5372,"line":5484},[5370,11352,11353],{"class":5745},"  useEffect",[5370,11355,6142],{"class":5809},[5370,11357,6145],{"class":5753},[5370,11359,5910],{"class":5809},[5370,11361,11362],{"class":5372,"line":5490},[5370,11363,11364],{"class":5739},"    \u002F\u002F Перевірити підтримку\n",[5370,11366,11367,11369,11372],{"class":5372,"line":5495},[5370,11368,7606],{"class":5753},[5370,11370,11371],{"class":7609}," supported",[5370,11373,11374],{"class":5809}," =\n",[5370,11376,11377,11380,11382,11384],{"class":5372,"line":5500},[5370,11378,11379],{"class":5749},"      'serviceWorker'",[5370,11381,10397],{"class":5753},[5370,11383,10879],{"class":5805},[5370,11385,11386],{"class":5809}," &&\n",[5370,11388,11389,11392,11394,11397],{"class":5372,"line":5506},[5370,11390,11391],{"class":5749},"      'PushManager'",[5370,11393,10397],{"class":5753},[5370,11395,11396],{"class":5805}," window",[5370,11398,11386],{"class":5809},[5370,11400,11401,11404,11406,11408],{"class":5372,"line":5512},[5370,11402,11403],{"class":5749},"      'Notification'",[5370,11405,10397],{"class":5753},[5370,11407,11396],{"class":5805},[5370,11409,5974],{"class":5809},[5370,11411,11412],{"class":5372,"line":5518},[5370,11413,5395],{"emptyLinePlaceholder":5394},[5370,11415,11416,11419,11421,11424],{"class":5372,"line":5524},[5370,11417,11418],{"class":5745},"    setIsSupported",[5370,11420,6009],{"class":5809},[5370,11422,11423],{"class":5805},"supported",[5370,11425,7345],{"class":5809},[5370,11427,11428],{"class":5372,"line":5530},[5370,11429,5395],{"emptyLinePlaceholder":5394},[5370,11431,11432,11434,11436,11438],{"class":5372,"line":5536},[5370,11433,7101],{"class":5906},[5370,11435,7104],{"class":5809},[5370,11437,11423],{"class":5805},[5370,11439,7109],{"class":5809},[5370,11441,11442,11445,11447,11450,11452,11454],{"class":5372,"line":5541},[5370,11443,11444],{"class":5745},"      setPermission",[5370,11446,6009],{"class":5809},[5370,11448,11449],{"class":5805},"Notification",[5370,11451,5185],{"class":5809},[5370,11453,11300],{"class":5805},[5370,11455,7345],{"class":5809},[5370,11457,11458,11461],{"class":5372,"line":5547},[5370,11459,11460],{"class":5745},"      checkSubscription",[5370,11462,7157],{"class":5809},[5370,11464,11465],{"class":5372,"line":5553},[5370,11466,7316],{"class":5809},[5370,11468,11469],{"class":5372,"line":5559},[5370,11470,11471],{"class":5809},"  }, []);\n",[5370,11473,11474],{"class":5372,"line":5565},[5370,11475,5395],{"emptyLinePlaceholder":5394},[5370,11477,11478],{"class":5372,"line":5571},[5370,11479,6979],{"class":5739},[5370,11481,11482],{"class":5372,"line":5576},[5370,11483,11484],{"class":5739},"   * Перевірити, чи користувач вже підписаний\n",[5370,11486,11487],{"class":5372,"line":5582},[5370,11488,6989],{"class":5739},[5370,11490,11491,11493,11496,11498,11501,11504,11506],{"class":5372,"line":5588},[5370,11492,9888],{"class":5753},[5370,11494,11495],{"class":5745}," checkSubscription",[5370,11497,7038],{"class":5809},[5370,11499,11500],{"class":5753},"async",[5370,11502,11503],{"class":5809}," () ",[5370,11505,6145],{"class":5753},[5370,11507,5910],{"class":5809},[5370,11509,11510,11512],{"class":5372,"line":5594},[5370,11511,7968],{"class":5906},[5370,11513,5910],{"class":5809},[5370,11515,11516,11519,11521,11523,11525,11527,11529,11531,11533,11535],{"class":5372,"line":5600},[5370,11517,11518],{"class":5753},"      const",[5370,11520,10928],{"class":7609},[5370,11522,7038],{"class":5809},[5370,11524,7041],{"class":5906},[5370,11526,10879],{"class":5805},[5370,11528,5185],{"class":5809},[5370,11530,10939],{"class":5805},[5370,11532,5185],{"class":5809},[5370,11534,11012],{"class":5805},[5370,11536,5974],{"class":5809},[5370,11538,11539,11541,11543,11545,11547,11549,11551,11554,11556,11559],{"class":5372,"line":5605},[5370,11540,11518],{"class":5753},[5370,11542,7035],{"class":7609},[5370,11544,7038],{"class":5809},[5370,11546,7041],{"class":5906},[5370,11548,10928],{"class":5805},[5370,11550,5185],{"class":5809},[5370,11552,11553],{"class":5805},"pushManager",[5370,11555,5185],{"class":5809},[5370,11557,11558],{"class":5745},"getSubscription",[5370,11560,7157],{"class":5809},[5370,11562,11563,11566,11569,11571],{"class":5372,"line":6344},[5370,11564,11565],{"class":5745},"      setIsSubscribed",[5370,11567,11568],{"class":5809},"(!!",[5370,11570,7076],{"class":5805},[5370,11572,7345],{"class":5809},[5370,11574,11575,11577,11579,11581,11583],{"class":5372,"line":6359},[5370,11576,7163],{"class":5809},[5370,11578,8156],{"class":5906},[5370,11580,7104],{"class":5809},[5370,11582,8161],{"class":5805},[5370,11584,7109],{"class":5809},[5370,11586,11587,11589,11591,11593,11595,11598,11600,11602],{"class":5372,"line":6374},[5370,11588,7662],{"class":5805},[5370,11590,5185],{"class":5809},[5370,11592,8161],{"class":5745},[5370,11594,6009],{"class":5809},[5370,11596,11597],{"class":5749},"'[Push] Error checking subscription:'",[5370,11599,5244],{"class":5809},[5370,11601,8161],{"class":5805},[5370,11603,7345],{"class":5809},[5370,11605,11606],{"class":5372,"line":6379},[5370,11607,7316],{"class":5809},[5370,11609,11610],{"class":5372,"line":6389},[5370,11611,6651],{"class":5809},[5370,11613,11614],{"class":5372,"line":6402},[5370,11615,5395],{"emptyLinePlaceholder":5394},[5370,11617,11618],{"class":5372,"line":6407},[5370,11619,6979],{"class":5739},[5370,11621,11622],{"class":5372,"line":6429},[5370,11623,11624],{"class":5739},"   * Запросити дозвіл на нотифікації\n",[5370,11626,11627],{"class":5372,"line":6444},[5370,11628,6989],{"class":5739},[5370,11630,11631,11633,11636,11638,11640,11643,11645,11647,11649,11652,11654],{"class":5372,"line":7023},[5370,11632,9888],{"class":5753},[5370,11634,11635],{"class":5745}," requestPermission",[5370,11637,7038],{"class":5809},[5370,11639,11500],{"class":5753},[5370,11641,11642],{"class":5809}," (): ",[5370,11644,7013],{"class":6071},[5370,11646,6859],{"class":5809},[5370,11648,11149],{"class":6071},[5370,11650,11651],{"class":5809},"> ",[5370,11653,6145],{"class":5753},[5370,11655,5910],{"class":5809},[5370,11657,11658,11660,11662,11664],{"class":5372,"line":7029},[5370,11659,7101],{"class":5906},[5370,11661,9844],{"class":5809},[5370,11663,11274],{"class":5805},[5370,11665,7109],{"class":5809},[5370,11667,11668,11670,11673],{"class":5372,"line":7060},[5370,11669,7688],{"class":5906},[5370,11671,11672],{"class":5753}," false",[5370,11674,5974],{"class":5809},[5370,11676,11677],{"class":5372,"line":7087},[5370,11678,7316],{"class":5809},[5370,11680,11681],{"class":5372,"line":7093},[5370,11682,5395],{"emptyLinePlaceholder":5394},[5370,11684,11685,11687],{"class":5372,"line":7098},[5370,11686,7968],{"class":5906},[5370,11688,5910],{"class":5809},[5370,11690,11691,11693,11696,11698,11700,11703,11705,11708],{"class":5372,"line":7112},[5370,11692,11518],{"class":5753},[5370,11694,11695],{"class":7609}," result",[5370,11697,7038],{"class":5809},[5370,11699,7041],{"class":5906},[5370,11701,11702],{"class":5805}," Notification",[5370,11704,5185],{"class":5809},[5370,11706,11707],{"class":5745},"requestPermission",[5370,11709,7157],{"class":5809},[5370,11711,11712,11714,11716,11719],{"class":5372,"line":7118},[5370,11713,11444],{"class":5745},[5370,11715,6009],{"class":5809},[5370,11717,11718],{"class":5805},"result",[5370,11720,7345],{"class":5809},[5370,11722,11723,11725,11727,11729,11732],{"class":5372,"line":7139},[5370,11724,7688],{"class":5906},[5370,11726,11695],{"class":5805},[5370,11728,7650],{"class":5809},[5370,11730,11731],{"class":5749},"'granted'",[5370,11733,5974],{"class":5809},[5370,11735,11736,11738,11740,11742,11744],{"class":5372,"line":7160},[5370,11737,7163],{"class":5809},[5370,11739,8156],{"class":5906},[5370,11741,7104],{"class":5809},[5370,11743,8161],{"class":5805},[5370,11745,7109],{"class":5809},[5370,11747,11748,11750,11752,11754,11756,11759,11761,11763],{"class":5372,"line":7171},[5370,11749,7662],{"class":5805},[5370,11751,5185],{"class":5809},[5370,11753,8161],{"class":5745},[5370,11755,6009],{"class":5809},[5370,11757,11758],{"class":5749},"'[Push] Error requesting permission:'",[5370,11760,5244],{"class":5809},[5370,11762,8161],{"class":5805},[5370,11764,7345],{"class":5809},[5370,11766,11767,11769,11771],{"class":5372,"line":7177},[5370,11768,7688],{"class":5906},[5370,11770,11672],{"class":5753},[5370,11772,5974],{"class":5809},[5370,11774,11775],{"class":5372,"line":7198},[5370,11776,7316],{"class":5809},[5370,11778,11779],{"class":5372,"line":7212},[5370,11780,6651],{"class":5809},[5370,11782,11783],{"class":5372,"line":7230},[5370,11784,5395],{"emptyLinePlaceholder":5394},[5370,11786,11787],{"class":5372,"line":7254},[5370,11788,6979],{"class":5739},[5370,11790,11791],{"class":5372,"line":7277},[5370,11792,8860],{"class":5739},[5370,11794,11795],{"class":5372,"line":7292},[5370,11796,6989],{"class":5739},[5370,11798,11799,11801,11803,11805,11807,11809,11811],{"class":5372,"line":7307},[5370,11800,9888],{"class":5753},[5370,11802,6997],{"class":5745},[5370,11804,7038],{"class":5809},[5370,11806,11500],{"class":5753},[5370,11808,11503],{"class":5809},[5370,11810,6145],{"class":5753},[5370,11812,5910],{"class":5809},[5370,11814,11815,11817,11819,11821,11823,11825,11828,11830],{"class":5372,"line":7313},[5370,11816,7101],{"class":5906},[5370,11818,9844],{"class":5809},[5370,11820,11274],{"class":5805},[5370,11822,8217],{"class":5809},[5370,11824,11300],{"class":5805},[5370,11826,11827],{"class":5809}," !== ",[5370,11829,11731],{"class":5749},[5370,11831,7109],{"class":5809},[5370,11833,11834,11836,11838,11840,11842,11845],{"class":5372,"line":7319},[5370,11835,7662],{"class":5805},[5370,11837,5185],{"class":5809},[5370,11839,9862],{"class":5745},[5370,11841,6009],{"class":5809},[5370,11843,11844],{"class":5749},"'[Push] Cannot subscribe: not supported or permission denied'",[5370,11846,7345],{"class":5809},[5370,11848,11849,11851],{"class":5372,"line":7324},[5370,11850,7688],{"class":5906},[5370,11852,5974],{"class":5809},[5370,11854,11855],{"class":5372,"line":7348},[5370,11856,7316],{"class":5809},[5370,11858,11859],{"class":5372,"line":7353},[5370,11860,5395],{"emptyLinePlaceholder":5394},[5370,11862,11863,11865],{"class":5372,"line":7358},[5370,11864,7968],{"class":5906},[5370,11866,5910],{"class":5809},[5370,11868,11869,11871,11873,11875,11877,11879,11881,11883,11885,11887],{"class":5372,"line":7363},[5370,11870,11518],{"class":5753},[5370,11872,10928],{"class":7609},[5370,11874,7038],{"class":5809},[5370,11876,7041],{"class":5906},[5370,11878,10879],{"class":5805},[5370,11880,5185],{"class":5809},[5370,11882,10939],{"class":5805},[5370,11884,5185],{"class":5809},[5370,11886,11012],{"class":5805},[5370,11888,5974],{"class":5809},[5370,11890,11891],{"class":5372,"line":7369},[5370,11892,5395],{"emptyLinePlaceholder":5394},[5370,11894,11895],{"class":5372,"line":7374},[5370,11896,11897],{"class":5739},"      \u002F\u002F Отримати VAPID public key з backend\n",[5370,11899,11900,11902,11905,11907,11909,11912,11914,11917],{"class":5372,"line":7401},[5370,11901,11518],{"class":5753},[5370,11903,11904],{"class":7609}," response",[5370,11906,7038],{"class":5809},[5370,11908,7041],{"class":5906},[5370,11910,11911],{"class":5745}," fetch",[5370,11913,6009],{"class":5809},[5370,11915,11916],{"class":5749},"'http:\u002F\u002Flocalhost:3000\u002Fpush\u002Fpublic-key'",[5370,11918,9327],{"class":5809},[5370,11920,11921,11924],{"class":5372,"line":7425},[5370,11922,11923],{"class":5805},"        headers:",[5370,11925,5910],{"class":5809},[5370,11927,11928,11931,11934,11936,11939,11941,11943],{"class":5372,"line":7454},[5370,11929,11930],{"class":5805},"          Authorization:",[5370,11932,11933],{"class":5749}," `Bearer ",[5370,11935,7441],{"class":5753},[5370,11937,11938],{"class":5805},"accessToken",[5370,11940,7446],{"class":5753},[5370,11942,7449],{"class":5749},[5370,11944,5918],{"class":5809},[5370,11946,11947],{"class":5372,"line":7459},[5370,11948,11949],{"class":5809},"        },\n",[5370,11951,11952],{"class":5372,"line":7464},[5370,11953,7310],{"class":5809},[5370,11955,11956,11958,11960,11963,11965,11967,11969,11971,11973],{"class":5372,"line":7469},[5370,11957,11518],{"class":5753},[5370,11959,5981],{"class":5809},[5370,11961,11962],{"class":7609},"publicKey",[5370,11964,8959],{"class":5809},[5370,11966,7041],{"class":5906},[5370,11968,11904],{"class":5805},[5370,11970,5185],{"class":5809},[5370,11972,9904],{"class":5745},[5370,11974,7157],{"class":5809},[5370,11976,11977],{"class":5372,"line":7475},[5370,11978,5395],{"emptyLinePlaceholder":5394},[5370,11980,11981],{"class":5372,"line":7480},[5370,11982,11983],{"class":5739},"      \u002F\u002F Підписатися на push\n",[5370,11985,11986,11988,11990,11992,11994,11996,11998,12000,12002,12004],{"class":5372,"line":7507},[5370,11987,11518],{"class":5753},[5370,11989,7035],{"class":7609},[5370,11991,7038],{"class":5809},[5370,11993,7041],{"class":5906},[5370,11995,10928],{"class":5805},[5370,11997,5185],{"class":5809},[5370,11999,11553],{"class":5805},[5370,12001,5185],{"class":5809},[5370,12003,8983],{"class":5745},[5370,12005,7057],{"class":5809},[5370,12007,12008,12011,12013,12015],{"class":5372,"line":7525},[5370,12009,12010],{"class":5805},"        userVisibleOnly:",[5370,12012,6054],{"class":5753},[5370,12014,5244],{"class":5809},[5370,12016,12017],{"class":5739},"\u002F\u002F Завжди показувати notification\n",[5370,12019,12020,12023,12026,12028,12030],{"class":5372,"line":7536},[5370,12021,12022],{"class":5805},"        applicationServerKey:",[5370,12024,12025],{"class":5745}," urlBase64ToUint8Array",[5370,12027,6009],{"class":5809},[5370,12029,11962],{"class":5805},[5370,12031,6922],{"class":5809},[5370,12033,12034],{"class":5372,"line":7541},[5370,12035,7310],{"class":5809},[5370,12037,12038],{"class":5372,"line":7546},[5370,12039,5395],{"emptyLinePlaceholder":5394},[5370,12041,12042,12044,12046,12048,12050,12053,12055,12057],{"class":5372,"line":7551},[5370,12043,7662],{"class":5805},[5370,12045,5185],{"class":5809},[5370,12047,7433],{"class":5745},[5370,12049,6009],{"class":5809},[5370,12051,12052],{"class":5749},"'[Push] Subscription created:'",[5370,12054,5244],{"class":5809},[5370,12056,7076],{"class":5805},[5370,12058,7345],{"class":5809},[5370,12060,12061],{"class":5372,"line":7556},[5370,12062,5395],{"emptyLinePlaceholder":5394},[5370,12064,12065],{"class":5372,"line":7562},[5370,12066,12067],{"class":5739},"      \u002F\u002F Відправити subscription на backend\n",[5370,12069,12070,12072,12074,12076,12079],{"class":5372,"line":7567},[5370,12071,7976],{"class":5906},[5370,12073,11911],{"class":5745},[5370,12075,6009],{"class":5809},[5370,12077,12078],{"class":5749},"'http:\u002F\u002Flocalhost:3000\u002Fpush\u002Fsubscribe'",[5370,12080,9327],{"class":5809},[5370,12082,12083,12086,12088],{"class":5372,"line":7603},[5370,12084,12085],{"class":5805},"        method:",[5370,12087,10703],{"class":5749},[5370,12089,5918],{"class":5809},[5370,12091,12092,12094],{"class":5372,"line":7630},[5370,12093,11923],{"class":5805},[5370,12095,5910],{"class":5809},[5370,12097,12098,12101,12103,12105],{"class":5372,"line":7635},[5370,12099,12100],{"class":5749},"          'Content-Type'",[5370,12102,5355],{"class":5805},[5370,12104,10720],{"class":5749},[5370,12106,5918],{"class":5809},[5370,12108,12109,12111,12113,12115,12117,12119,12121],{"class":5372,"line":7659},[5370,12110,11930],{"class":5805},[5370,12112,11933],{"class":5749},[5370,12114,7441],{"class":5753},[5370,12116,11938],{"class":5805},[5370,12118,7446],{"class":5753},[5370,12120,7449],{"class":5749},[5370,12122,5918],{"class":5809},[5370,12124,12125],{"class":5372,"line":7685},[5370,12126,11949],{"class":5809},[5370,12128,12129,12132,12134,12136,12138],{"class":5372,"line":7693},[5370,12130,12131],{"class":5805},"        body:",[5370,12133,10730],{"class":7609},[5370,12135,5185],{"class":5809},[5370,12137,8004],{"class":5745},[5370,12139,7057],{"class":5809},[5370,12141,12142,12145,12147,12149,12152],{"class":5372,"line":7698},[5370,12143,12144],{"class":5805},"          subscription:",[5370,12146,7035],{"class":5805},[5370,12148,5185],{"class":5809},[5370,12150,12151],{"class":5745},"toJSON",[5370,12153,12154],{"class":5809},"(),\n",[5370,12156,12157,12160,12162,12164,12166],{"class":5372,"line":7703},[5370,12158,12159],{"class":5805},"          userAgent:",[5370,12161,10879],{"class":5805},[5370,12163,5185],{"class":5809},[5370,12165,7287],{"class":5805},[5370,12167,5918],{"class":5809},[5370,12169,12170,12173,12176],{"class":5372,"line":7732},[5370,12171,12172],{"class":5805},"          deviceType:",[5370,12174,12175],{"class":5745}," getDeviceType",[5370,12177,12154],{"class":5809},[5370,12179,12180],{"class":5372,"line":7752},[5370,12181,12182],{"class":5809},"        }),\n",[5370,12184,12185],{"class":5372,"line":7757},[5370,12186,7310],{"class":5809},[5370,12188,12189],{"class":5372,"line":7762},[5370,12190,5395],{"emptyLinePlaceholder":5394},[5370,12192,12193,12195,12197,12200],{"class":5372,"line":7782},[5370,12194,11565],{"class":5745},[5370,12196,6009],{"class":5809},[5370,12198,12199],{"class":5753},"true",[5370,12201,7345],{"class":5809},[5370,12203,12204,12206,12208,12210,12212,12215],{"class":5372,"line":7812},[5370,12205,7662],{"class":5805},[5370,12207,5185],{"class":5809},[5370,12209,7433],{"class":5745},[5370,12211,6009],{"class":5809},[5370,12213,12214],{"class":5749},"'[Push] Subscription saved to backend'",[5370,12216,7345],{"class":5809},[5370,12218,12219,12221,12223,12225,12227],{"class":5372,"line":7817},[5370,12220,7163],{"class":5809},[5370,12222,8156],{"class":5906},[5370,12224,7104],{"class":5809},[5370,12226,8161],{"class":5805},[5370,12228,7109],{"class":5809},[5370,12230,12231,12233,12235,12237,12239,12242,12244,12246],{"class":5372,"line":7822},[5370,12232,7662],{"class":5805},[5370,12234,5185],{"class":5809},[5370,12236,8161],{"class":5745},[5370,12238,6009],{"class":5809},[5370,12240,12241],{"class":5749},"'[Push] Error subscribing:'",[5370,12243,5244],{"class":5809},[5370,12245,8161],{"class":5805},[5370,12247,7345],{"class":5809},[5370,12249,12250],{"class":5372,"line":7827},[5370,12251,7316],{"class":5809},[5370,12253,12254],{"class":5372,"line":7833},[5370,12255,6651],{"class":5809},[5370,12257,12258],{"class":5372,"line":7838},[5370,12259,5395],{"emptyLinePlaceholder":5394},[5370,12261,12262],{"class":5372,"line":7852},[5370,12263,6979],{"class":5739},[5370,12265,12266],{"class":5372,"line":7864},[5370,12267,7366],{"class":5739},[5370,12269,12270],{"class":5372,"line":7876},[5370,12271,6989],{"class":5739},[5370,12273,12274,12276,12278,12280,12282,12284,12286],{"class":5372,"line":7890},[5370,12275,9888],{"class":5753},[5370,12277,7379],{"class":5745},[5370,12279,7038],{"class":5809},[5370,12281,11500],{"class":5753},[5370,12283,11503],{"class":5809},[5370,12285,6145],{"class":5753},[5370,12287,5910],{"class":5809},[5370,12289,12290,12292],{"class":5372,"line":7901},[5370,12291,7968],{"class":5906},[5370,12293,5910],{"class":5809},[5370,12295,12296,12298,12300,12302,12304,12306,12308,12310,12312,12314],{"class":5372,"line":7915},[5370,12297,11518],{"class":5753},[5370,12299,10928],{"class":7609},[5370,12301,7038],{"class":5809},[5370,12303,7041],{"class":5906},[5370,12305,10879],{"class":5805},[5370,12307,5185],{"class":5809},[5370,12309,10939],{"class":5805},[5370,12311,5185],{"class":5809},[5370,12313,11012],{"class":5805},[5370,12315,5974],{"class":5809},[5370,12317,12318,12320,12322,12324,12326,12328,12330,12332,12334,12336],{"class":5372,"line":7923},[5370,12319,11518],{"class":5753},[5370,12321,7035],{"class":7609},[5370,12323,7038],{"class":5809},[5370,12325,7041],{"class":5906},[5370,12327,10928],{"class":5805},[5370,12329,5185],{"class":5809},[5370,12331,11553],{"class":5805},[5370,12333,5185],{"class":5809},[5370,12335,11558],{"class":5745},[5370,12337,7157],{"class":5809},[5370,12339,12340],{"class":5372,"line":7936},[5370,12341,5395],{"emptyLinePlaceholder":5394},[5370,12343,12344,12346,12348,12350],{"class":5372,"line":7949},[5370,12345,8200],{"class":5906},[5370,12347,7104],{"class":5809},[5370,12349,7076],{"class":5805},[5370,12351,7109],{"class":5809},[5370,12353,12354,12357,12360,12362,12364,12366,12368],{"class":5372,"line":7955},[5370,12355,12356],{"class":5753},"        const",[5370,12358,12359],{"class":7609}," endpoint",[5370,12361,7038],{"class":5809},[5370,12363,7076],{"class":5805},[5370,12365,5185],{"class":5809},[5370,12367,7081],{"class":5805},[5370,12369,5974],{"class":5809},[5370,12371,12372],{"class":5372,"line":7960},[5370,12373,5395],{"emptyLinePlaceholder":5394},[5370,12375,12376],{"class":5372,"line":7965},[5370,12377,12378],{"class":5739},"        \u002F\u002F Відписатися локально\n",[5370,12380,12381,12383,12385,12387,12389],{"class":5372,"line":7973},[5370,12382,8253],{"class":5906},[5370,12384,7035],{"class":5805},[5370,12386,5185],{"class":5809},[5370,12388,9119],{"class":5745},[5370,12390,7157],{"class":5809},[5370,12392,12393],{"class":5372,"line":7988},[5370,12394,5395],{"emptyLinePlaceholder":5394},[5370,12396,12397],{"class":5372,"line":7996},[5370,12398,12399],{"class":5739},"        \u002F\u002F Видалити subscription з backend\n",[5370,12401,12402,12404,12406,12408,12411],{"class":5372,"line":8013},[5370,12403,8253],{"class":5906},[5370,12405,11911],{"class":5745},[5370,12407,6009],{"class":5809},[5370,12409,12410],{"class":5749},"'http:\u002F\u002Flocalhost:3000\u002Fpush\u002Funsubscribe'",[5370,12412,9327],{"class":5809},[5370,12414,12415,12418,12421],{"class":5372,"line":8019},[5370,12416,12417],{"class":5805},"          method:",[5370,12419,12420],{"class":5749}," 'DELETE'",[5370,12422,5918],{"class":5809},[5370,12424,12425,12428],{"class":5372,"line":8039},[5370,12426,12427],{"class":5805},"          headers:",[5370,12429,5910],{"class":5809},[5370,12431,12432,12435,12437,12439],{"class":5372,"line":8045},[5370,12433,12434],{"class":5749},"            'Content-Type'",[5370,12436,5355],{"class":5805},[5370,12438,10720],{"class":5749},[5370,12440,5918],{"class":5809},[5370,12442,12443,12446,12448,12450,12452,12454,12456],{"class":5372,"line":8051},[5370,12444,12445],{"class":5805},"            Authorization:",[5370,12447,11933],{"class":5749},[5370,12449,7441],{"class":5753},[5370,12451,11938],{"class":5805},[5370,12453,7446],{"class":5753},[5370,12455,7449],{"class":5749},[5370,12457,5918],{"class":5809},[5370,12459,12460],{"class":5372,"line":8056},[5370,12461,12462],{"class":5809},"          },\n",[5370,12464,12465,12468,12470,12472,12474,12476,12478],{"class":5372,"line":8062},[5370,12466,12467],{"class":5805},"          body:",[5370,12469,10730],{"class":7609},[5370,12471,5185],{"class":5809},[5370,12473,8004],{"class":5745},[5370,12475,6170],{"class":5809},[5370,12477,7081],{"class":5805},[5370,12479,10758],{"class":5809},[5370,12481,12482],{"class":5372,"line":8079},[5370,12483,12484],{"class":5809},"        });\n",[5370,12486,12487],{"class":5372,"line":8100},[5370,12488,5395],{"emptyLinePlaceholder":5394},[5370,12490,12491,12494,12496,12498],{"class":5372,"line":8105},[5370,12492,12493],{"class":5745},"        setIsSubscribed",[5370,12495,6009],{"class":5809},[5370,12497,11289],{"class":5753},[5370,12499,7345],{"class":5809},[5370,12501,12502,12504,12506,12508,12510,12513],{"class":5372,"line":8151},[5370,12503,8236],{"class":5805},[5370,12505,5185],{"class":5809},[5370,12507,7433],{"class":5745},[5370,12509,6009],{"class":5809},[5370,12511,12512],{"class":5749},"'[Push] Unsubscribed'",[5370,12514,7345],{"class":5809},[5370,12516,12517],{"class":5372,"line":8166},[5370,12518,8280],{"class":5809},[5370,12520,12521,12523,12525,12527,12529],{"class":5372,"line":8186},[5370,12522,7163],{"class":5809},[5370,12524,8156],{"class":5906},[5370,12526,7104],{"class":5809},[5370,12528,8161],{"class":5805},[5370,12530,7109],{"class":5809},[5370,12532,12533,12535,12537,12539,12541,12544,12546,12548],{"class":5372,"line":8191},[5370,12534,7662],{"class":5805},[5370,12536,5185],{"class":5809},[5370,12538,8161],{"class":5745},[5370,12540,6009],{"class":5809},[5370,12542,12543],{"class":5749},"'[Push] Error unsubscribing:'",[5370,12545,5244],{"class":5809},[5370,12547,8161],{"class":5805},[5370,12549,7345],{"class":5809},[5370,12551,12552],{"class":5372,"line":8197},[5370,12553,7316],{"class":5809},[5370,12555,12556],{"class":5372,"line":8233},[5370,12557,6651],{"class":5809},[5370,12559,12560],{"class":5372,"line":8250},[5370,12561,5395],{"emptyLinePlaceholder":5394},[5370,12563,12564,12567],{"class":5372,"line":8277},[5370,12565,12566],{"class":5906},"  return",[5370,12568,5910],{"class":5809},[5370,12570,12571,12574],{"class":5372,"line":8283},[5370,12572,12573],{"class":5805},"    isSupported",[5370,12575,5918],{"class":5809},[5370,12577,12578,12581],{"class":5372,"line":8288},[5370,12579,12580],{"class":5805},"    permission",[5370,12582,5918],{"class":5809},[5370,12584,12585,12588],{"class":5372,"line":8299},[5370,12586,12587],{"class":5805},"    isSubscribed",[5370,12589,5918],{"class":5809},[5370,12591,12592,12595],{"class":5372,"line":8304},[5370,12593,12594],{"class":5805},"    requestPermission",[5370,12596,5918],{"class":5809},[5370,12598,12599,12602],{"class":5372,"line":8309},[5370,12600,12601],{"class":5805},"    subscribe",[5370,12603,5918],{"class":5809},[5370,12605,12606,12609],{"class":5372,"line":8314},[5370,12607,12608],{"class":5805},"    unsubscribe",[5370,12610,5918],{"class":5809},[5370,12612,12613],{"class":5372,"line":8319},[5370,12614,6651],{"class":5809},[5370,12616,12617],{"class":5372,"line":8325},[5370,12618,5430],{"class":5809},[5370,12620,12621],{"class":5372,"line":8330},[5370,12622,5395],{"emptyLinePlaceholder":5394},[5370,12624,12625],{"class":5372,"line":8356},[5370,12626,9781],{"class":5739},[5370,12628,12629],{"class":5372,"line":8380},[5370,12630,12631],{"class":5739}," * Конвертувати VAPID public key з base64 у Uint8Array\n",[5370,12633,12634],{"class":5372,"line":8385},[5370,12635,9791],{"class":5739},[5370,12637,12638,12641,12643,12645,12648,12650,12652,12654,12657],{"class":5372,"line":8415},[5370,12639,12640],{"class":5753},"function",[5370,12642,12025],{"class":5745},[5370,12644,6009],{"class":5809},[5370,12646,12647],{"class":5805},"base64String",[5370,12649,6097],{"class":5809},[5370,12651,6100],{"class":6071},[5370,12653,7010],{"class":5809},[5370,12655,12656],{"class":6071},"Uint8Array",[5370,12658,5910],{"class":5809},[5370,12660,12661,12663,12666,12668,12671,12673,12676,12678,12681,12684,12686,12688,12690,12693,12695,12698,12700],{"class":5372,"line":8420},[5370,12662,9888],{"class":5753},[5370,12664,12665],{"class":7609}," padding",[5370,12667,7038],{"class":5809},[5370,12669,12670],{"class":5749},"'='",[5370,12672,5185],{"class":5809},[5370,12674,12675],{"class":5745},"repeat",[5370,12677,7720],{"class":5809},[5370,12679,12680],{"class":7653},"4",[5370,12682,12683],{"class":5809}," - (",[5370,12685,12647],{"class":5805},[5370,12687,5185],{"class":5809},[5370,12689,7647],{"class":5805},[5370,12691,12692],{"class":5809}," % ",[5370,12694,12680],{"class":7653},[5370,12696,12697],{"class":5809},")) % ",[5370,12699,12680],{"class":7653},[5370,12701,7345],{"class":5809},[5370,12703,12704,12706,12709,12712,12714,12717,12720,12722,12725,12727,12731,12734,12736,12739,12741,12743,12745,12748,12750,12752,12754],{"class":5372,"line":8443},[5370,12705,9888],{"class":5753},[5370,12707,12708],{"class":7609}," base64",[5370,12710,12711],{"class":5809}," = (",[5370,12713,12647],{"class":5805},[5370,12715,12716],{"class":5809}," + ",[5370,12718,12719],{"class":5805},"padding",[5370,12721,5251],{"class":5809},[5370,12723,12724],{"class":5745},"replace",[5370,12726,6009],{"class":5809},[5370,12728,12730],{"class":12729},"shsrj","\u002F-\u002F",[5370,12732,12733],{"class":5753},"g",[5370,12735,5244],{"class":5809},[5370,12737,12738],{"class":5749},"'+'",[5370,12740,5251],{"class":5809},[5370,12742,12724],{"class":5745},[5370,12744,6009],{"class":5809},[5370,12746,12747],{"class":12729},"\u002F_\u002F",[5370,12749,12733],{"class":5753},[5370,12751,5244],{"class":5809},[5370,12753,10264],{"class":5749},[5370,12755,7345],{"class":5809},[5370,12757,12758],{"class":5372,"line":8475},[5370,12759,5395],{"emptyLinePlaceholder":5394},[5370,12761,12762,12764,12767,12769,12772,12774,12777,12779,12782],{"class":5372,"line":8481},[5370,12763,9888],{"class":5753},[5370,12765,12766],{"class":7609}," rawData",[5370,12768,7038],{"class":5809},[5370,12770,12771],{"class":5805},"window",[5370,12773,5185],{"class":5809},[5370,12775,12776],{"class":5745},"atob",[5370,12778,6009],{"class":5809},[5370,12780,12781],{"class":5805},"base64",[5370,12783,7345],{"class":5809},[5370,12785,12786,12788,12791,12793,12795,12798,12800,12803,12805,12807],{"class":5372,"line":8519},[5370,12787,9888],{"class":5753},[5370,12789,12790],{"class":7609}," outputArray",[5370,12792,7038],{"class":5809},[5370,12794,7151],{"class":5753},[5370,12796,12797],{"class":5745}," Uint8Array",[5370,12799,6009],{"class":5809},[5370,12801,12802],{"class":5805},"rawData",[5370,12804,5185],{"class":5809},[5370,12806,7647],{"class":5805},[5370,12808,7345],{"class":5809},[5370,12810,12811],{"class":5372,"line":8525},[5370,12812,5395],{"emptyLinePlaceholder":5394},[5370,12814,12815,12818,12820,12823,12826,12828,12830,12832,12835,12838,12840,12842,12844,12847,12849],{"class":5372,"line":8530},[5370,12816,12817],{"class":5906},"  for",[5370,12819,7104],{"class":5809},[5370,12821,12822],{"class":5753},"let",[5370,12824,12825],{"class":5805}," i",[5370,12827,7038],{"class":5809},[5370,12829,7654],{"class":7653},[5370,12831,6266],{"class":5809},[5370,12833,12834],{"class":5805},"i",[5370,12836,12837],{"class":5809}," \u003C ",[5370,12839,12802],{"class":5805},[5370,12841,5185],{"class":5809},[5370,12843,7647],{"class":5805},[5370,12845,12846],{"class":5809},"; ++",[5370,12848,12834],{"class":5805},[5370,12850,7109],{"class":5809},[5370,12852,12853,12856,12859,12861,12863,12865,12867,12870,12872,12874],{"class":5372,"line":8535},[5370,12854,12855],{"class":5805},"    outputArray",[5370,12857,12858],{"class":5809},"[",[5370,12860,12834],{"class":5805},[5370,12862,11282],{"class":5809},[5370,12864,12802],{"class":5805},[5370,12866,5185],{"class":5809},[5370,12868,12869],{"class":5745},"charCodeAt",[5370,12871,6009],{"class":5809},[5370,12873,12834],{"class":5805},[5370,12875,7345],{"class":5809},[5370,12877,12878],{"class":5372,"line":8552},[5370,12879,6970],{"class":5809},[5370,12881,12882,12884,12886],{"class":5372,"line":8557},[5370,12883,12566],{"class":5906},[5370,12885,12790],{"class":5805},[5370,12887,5974],{"class":5809},[5370,12889,12891],{"class":5372,"line":12890},171,[5370,12892,5430],{"class":5809},[5370,12894,12896],{"class":5372,"line":12895},172,[5370,12897,5395],{"emptyLinePlaceholder":5394},[5370,12899,12901,12903,12905,12907,12909],{"class":5372,"line":12900},173,[5370,12902,12640],{"class":5753},[5370,12904,12175],{"class":5745},[5370,12906,10849],{"class":5809},[5370,12908,6100],{"class":6071},[5370,12910,5910],{"class":5809},[5370,12912,12914,12916,12919,12921,12924,12926,12928],{"class":5372,"line":12913},174,[5370,12915,9888],{"class":5753},[5370,12917,12918],{"class":7609}," ua",[5370,12920,7038],{"class":5809},[5370,12922,12923],{"class":5805},"navigator",[5370,12925,5185],{"class":5809},[5370,12927,7287],{"class":5805},[5370,12929,5974],{"class":5809},[5370,12931,12933,12935,12937,12940,12942,12944,12947,12949,12952,12955,12958,12961],{"class":5372,"line":12932},175,[5370,12934,9841],{"class":5906},[5370,12936,7104],{"class":5809},[5370,12938,12939],{"class":12729},"\u002Fmobile\u002F",[5370,12941,12834],{"class":5753},[5370,12943,5185],{"class":5809},[5370,12945,12946],{"class":5745},"test",[5370,12948,6009],{"class":5809},[5370,12950,12951],{"class":5805},"ua",[5370,12953,12954],{"class":5809},")) ",[5370,12956,12957],{"class":5906},"return",[5370,12959,12960],{"class":5749}," 'mobile'",[5370,12962,5974],{"class":5809},[5370,12964,12966,12968,12970,12973,12977,12980,12982,12984,12986,12988,12990,12992,12994,12997],{"class":5372,"line":12965},176,[5370,12967,9841],{"class":5906},[5370,12969,7104],{"class":5809},[5370,12971,12972],{"class":12729},"\u002Ftablet",[5370,12974,12976],{"class":12975},"siofk","|",[5370,12978,12979],{"class":12729},"ipad\u002F",[5370,12981,12834],{"class":5753},[5370,12983,5185],{"class":5809},[5370,12985,12946],{"class":5745},[5370,12987,6009],{"class":5809},[5370,12989,12951],{"class":5805},[5370,12991,12954],{"class":5809},[5370,12993,12957],{"class":5906},[5370,12995,12996],{"class":5749}," 'tablet'",[5370,12998,5974],{"class":5809},[5370,13000,13002,13004,13007],{"class":5372,"line":13001},177,[5370,13003,12566],{"class":5906},[5370,13005,13006],{"class":5749}," 'desktop'",[5370,13008,5974],{"class":5809},[5370,13010,13012],{"class":5372,"line":13011},178,[5370,13013,5430],{"class":5809},[5610,13015,13017],{"id":13016},"ui-компонент-для-підписки","UI Компонент для підписки",[5361,13019,13021],{"className":5892,"code":13020,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fcomponents\u002FPushNotificationButton.tsx\nimport React from 'react';\nimport { Bell, BellOff } from 'lucide-react';\nimport { usePushNotifications } from '..\u002Fhooks\u002FusePushNotifications';\n\ninterface PushNotificationButtonProps {\n  accessToken: string;\n}\n\nexport function PushNotificationButton({ accessToken }: PushNotificationButtonProps) {\n  const {\n    isSupported,\n    permission,\n    isSubscribed,\n    requestPermission,\n    subscribe,\n    unsubscribe,\n  } = usePushNotifications(accessToken);\n\n  const handleClick = async () => {\n    if (!isSupported) {\n      alert('Push нотифікації не підтримуються у вашому браузері');\n      return;\n    }\n\n    if (permission === 'denied') {\n      alert(\n        'Ви відхилили дозвіл на нотифікації. Будь ласка, увімкніть їх у налаштуваннях браузера.'\n      );\n      return;\n    }\n\n    if (permission === 'default') {\n      const granted = await requestPermission();\n      if (!granted) {\n        return;\n      }\n    }\n\n    if (isSubscribed) {\n      await unsubscribe();\n    } else {\n      await subscribe();\n    }\n  };\n\n  if (!isSupported) {\n    return null; \u002F\u002F Не показувати кнопку, якщо не підтримується\n  }\n\n  return (\n    \u003Cbutton\n      onClick={handleClick}\n      className={`flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition ${\n        isSubscribed\n          ? 'bg-blue-500 text-white hover:bg-blue-600'\n          : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n      }`}\n    >\n      {isSubscribed ? \u003CBell className=\"w-5 h-5\" \u002F> : \u003CBellOff className=\"w-5 h-5\" \u002F>}\n      {isSubscribed ? 'Push увімкнено' : 'Увімкнути Push'}\n    \u003C\u002Fbutton>\n  );\n}\n",[5116,13022,13023,13028,13041,13064,13082,13086,13095,13105,13109,13113,13134,13140,13146,13152,13158,13164,13170,13176,13189,13193,13210,13220,13232,13238,13242,13246,13261,13267,13272,13276,13282,13286,13290,13304,13319,13330,13336,13340,13344,13348,13358,13366,13374,13382,13386,13390,13394,13404,13415,13419,13423,13430,13438,13451,13464,13469,13477,13485,13494,13499,13525,13545,13556,13560],{"__ignoreMap":5366},[5370,13024,13025],{"class":5372,"line":5373},[5370,13026,13027],{"class":5739},"\u002F\u002F src\u002Fcomponents\u002FPushNotificationButton.tsx\n",[5370,13029,13030,13032,13035,13037,13039],{"class":5372,"line":5379},[5370,13031,5907],{"class":5906},[5370,13033,13034],{"class":5805}," React",[5370,13036,6546],{"class":5906},[5370,13038,11124],{"class":5749},[5370,13040,5974],{"class":5809},[5370,13042,13043,13045,13047,13050,13052,13055,13057,13059,13062],{"class":5372,"line":5385},[5370,13044,5907],{"class":5906},[5370,13046,5981],{"class":5809},[5370,13048,13049],{"class":5805},"Bell",[5370,13051,5244],{"class":5809},[5370,13053,13054],{"class":5805},"BellOff",[5370,13056,5987],{"class":5809},[5370,13058,5968],{"class":5906},[5370,13060,13061],{"class":5749}," 'lucide-react'",[5370,13063,5974],{"class":5809},[5370,13065,13066,13068,13070,13073,13075,13077,13080],{"class":5372,"line":5391},[5370,13067,5907],{"class":5906},[5370,13069,5981],{"class":5809},[5370,13071,13072],{"class":5805},"usePushNotifications",[5370,13074,5987],{"class":5809},[5370,13076,5968],{"class":5906},[5370,13078,13079],{"class":5749}," '..\u002Fhooks\u002FusePushNotifications'",[5370,13081,5974],{"class":5809},[5370,13083,13084],{"class":5372,"line":5398},[5370,13085,5395],{"emptyLinePlaceholder":5394},[5370,13087,13088,13090,13093],{"class":5372,"line":5404},[5370,13089,6578],{"class":5753},[5370,13091,13092],{"class":6071}," PushNotificationButtonProps",[5370,13094,5910],{"class":5809},[5370,13096,13097,13099,13101,13103],{"class":5372,"line":5409},[5370,13098,11251],{"class":5805},[5370,13100,6097],{"class":5809},[5370,13102,6100],{"class":6071},[5370,13104,5974],{"class":5809},[5370,13106,13107],{"class":5372,"line":5415},[5370,13108,5430],{"class":5809},[5370,13110,13111],{"class":5372,"line":5421},[5370,13112,5395],{"emptyLinePlaceholder":5394},[5370,13114,13115,13117,13119,13122,13124,13126,13129,13132],{"class":5372,"line":5427},[5370,13116,6065],{"class":5906},[5370,13118,10843],{"class":5753},[5370,13120,13121],{"class":5745}," PushNotificationButton",[5370,13123,6170],{"class":5809},[5370,13125,11938],{"class":5805},[5370,13127,13128],{"class":5809}," }: ",[5370,13130,13131],{"class":6071},"PushNotificationButtonProps",[5370,13133,7109],{"class":5809},[5370,13135,13136,13138],{"class":5372,"line":5433},[5370,13137,9888],{"class":5753},[5370,13139,5910],{"class":5809},[5370,13141,13142,13144],{"class":5372,"line":5438},[5370,13143,12573],{"class":7609},[5370,13145,5918],{"class":5809},[5370,13147,13148,13150],{"class":5372,"line":5444},[5370,13149,12580],{"class":7609},[5370,13151,5918],{"class":5809},[5370,13153,13154,13156],{"class":5372,"line":5450},[5370,13155,12587],{"class":7609},[5370,13157,5918],{"class":5809},[5370,13159,13160,13162],{"class":5372,"line":5456},[5370,13161,12594],{"class":7609},[5370,13163,5918],{"class":5809},[5370,13165,13166,13168],{"class":5372,"line":5461},[5370,13167,12601],{"class":7609},[5370,13169,5918],{"class":5809},[5370,13171,13172,13174],{"class":5372,"line":5466},[5370,13173,12608],{"class":7609},[5370,13175,5918],{"class":5809},[5370,13177,13178,13181,13183,13185,13187],{"class":5372,"line":5472},[5370,13179,13180],{"class":5809},"  } = ",[5370,13182,13072],{"class":5745},[5370,13184,6009],{"class":5809},[5370,13186,11938],{"class":5805},[5370,13188,7345],{"class":5809},[5370,13190,13191],{"class":5372,"line":5478},[5370,13192,5395],{"emptyLinePlaceholder":5394},[5370,13194,13195,13197,13200,13202,13204,13206,13208],{"class":5372,"line":5484},[5370,13196,9888],{"class":5753},[5370,13198,13199],{"class":5745}," handleClick",[5370,13201,7038],{"class":5809},[5370,13203,11500],{"class":5753},[5370,13205,11503],{"class":5809},[5370,13207,6145],{"class":5753},[5370,13209,5910],{"class":5809},[5370,13211,13212,13214,13216,13218],{"class":5372,"line":5490},[5370,13213,7101],{"class":5906},[5370,13215,9844],{"class":5809},[5370,13217,11274],{"class":5805},[5370,13219,7109],{"class":5809},[5370,13221,13222,13225,13227,13230],{"class":5372,"line":5495},[5370,13223,13224],{"class":5745},"      alert",[5370,13226,6009],{"class":5809},[5370,13228,13229],{"class":5749},"'Push нотифікації не підтримуються у вашому браузері'",[5370,13231,7345],{"class":5809},[5370,13233,13234,13236],{"class":5372,"line":5500},[5370,13235,7688],{"class":5906},[5370,13237,5974],{"class":5809},[5370,13239,13240],{"class":5372,"line":5506},[5370,13241,7316],{"class":5809},[5370,13243,13244],{"class":5372,"line":5512},[5370,13245,5395],{"emptyLinePlaceholder":5394},[5370,13247,13248,13250,13252,13254,13256,13259],{"class":5372,"line":5518},[5370,13249,7101],{"class":5906},[5370,13251,7104],{"class":5809},[5370,13253,11300],{"class":5805},[5370,13255,7650],{"class":5809},[5370,13257,13258],{"class":5749},"'denied'",[5370,13260,7109],{"class":5809},[5370,13262,13263,13265],{"class":5372,"line":5524},[5370,13264,13224],{"class":5745},[5370,13266,6831],{"class":5809},[5370,13268,13269],{"class":5372,"line":5530},[5370,13270,13271],{"class":5749},"        'Ви відхилили дозвіл на нотифікації. Будь ласка, увімкніть їх у налаштуваннях браузера.'\n",[5370,13273,13274],{"class":5372,"line":5536},[5370,13275,8048],{"class":5809},[5370,13277,13278,13280],{"class":5372,"line":5541},[5370,13279,7688],{"class":5906},[5370,13281,5974],{"class":5809},[5370,13283,13284],{"class":5372,"line":5547},[5370,13285,7316],{"class":5809},[5370,13287,13288],{"class":5372,"line":5553},[5370,13289,5395],{"emptyLinePlaceholder":5394},[5370,13291,13292,13294,13296,13298,13300,13302],{"class":5372,"line":5559},[5370,13293,7101],{"class":5906},[5370,13295,7104],{"class":5809},[5370,13297,11300],{"class":5805},[5370,13299,7650],{"class":5809},[5370,13301,10074],{"class":5749},[5370,13303,7109],{"class":5809},[5370,13305,13306,13308,13311,13313,13315,13317],{"class":5372,"line":5565},[5370,13307,11518],{"class":5753},[5370,13309,13310],{"class":7609}," granted",[5370,13312,7038],{"class":5809},[5370,13314,7041],{"class":5906},[5370,13316,11635],{"class":5745},[5370,13318,7157],{"class":5809},[5370,13320,13321,13323,13325,13328],{"class":5372,"line":5571},[5370,13322,8200],{"class":5906},[5370,13324,9844],{"class":5809},[5370,13326,13327],{"class":5805},"granted",[5370,13329,7109],{"class":5809},[5370,13331,13332,13334],{"class":5372,"line":5576},[5370,13333,10473],{"class":5906},[5370,13335,5974],{"class":5809},[5370,13337,13338],{"class":5372,"line":5582},[5370,13339,8280],{"class":5809},[5370,13341,13342],{"class":5372,"line":5588},[5370,13343,7316],{"class":5809},[5370,13345,13346],{"class":5372,"line":5594},[5370,13347,5395],{"emptyLinePlaceholder":5394},[5370,13349,13350,13352,13354,13356],{"class":5372,"line":5600},[5370,13351,7101],{"class":5906},[5370,13353,7104],{"class":5809},[5370,13355,11329],{"class":5805},[5370,13357,7109],{"class":5809},[5370,13359,13360,13362,13364],{"class":5372,"line":5605},[5370,13361,7976],{"class":5906},[5370,13363,7379],{"class":5745},[5370,13365,7157],{"class":5809},[5370,13367,13368,13370,13372],{"class":5372,"line":6344},[5370,13369,7163],{"class":5809},[5370,13371,7166],{"class":5906},[5370,13373,5910],{"class":5809},[5370,13375,13376,13378,13380],{"class":5372,"line":6359},[5370,13377,7976],{"class":5906},[5370,13379,6997],{"class":5745},[5370,13381,7157],{"class":5809},[5370,13383,13384],{"class":5372,"line":6374},[5370,13385,7316],{"class":5809},[5370,13387,13388],{"class":5372,"line":6379},[5370,13389,6651],{"class":5809},[5370,13391,13392],{"class":5372,"line":6389},[5370,13393,5395],{"emptyLinePlaceholder":5394},[5370,13395,13396,13398,13400,13402],{"class":5372,"line":6402},[5370,13397,9841],{"class":5906},[5370,13399,9844],{"class":5809},[5370,13401,11274],{"class":5805},[5370,13403,7109],{"class":5809},[5370,13405,13406,13408,13410,13412],{"class":5372,"line":6407},[5370,13407,7327],{"class":5906},[5370,13409,10904],{"class":5753},[5370,13411,6266],{"class":5809},[5370,13413,13414],{"class":5739},"\u002F\u002F Не показувати кнопку, якщо не підтримується\n",[5370,13416,13417],{"class":5372,"line":6429},[5370,13418,6970],{"class":5809},[5370,13420,13421],{"class":5372,"line":6444},[5370,13422,5395],{"emptyLinePlaceholder":5394},[5370,13424,13425,13427],{"class":5372,"line":7023},[5370,13426,12566],{"class":5906},[5370,13428,13429],{"class":5809}," (\n",[5370,13431,13432,13435],{"class":5372,"line":7029},[5370,13433,13434],{"class":5809},"    \u003C",[5370,13436,13437],{"class":5805},"button\n",[5370,13439,13440,13443,13446,13449],{"class":5372,"line":7060},[5370,13441,13442],{"class":5805},"      onClick",[5370,13444,13445],{"class":5809},"={",[5370,13447,13448],{"class":5805},"handleClick",[5370,13450,5430],{"class":5809},[5370,13452,13453,13456,13458,13461],{"class":5372,"line":7087},[5370,13454,13455],{"class":5805},"      className",[5370,13457,13445],{"class":5809},[5370,13459,13460],{"class":5749},"`flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition ",[5370,13462,13463],{"class":5753},"${\n",[5370,13465,13466],{"class":5372,"line":7093},[5370,13467,13468],{"class":5805},"        isSubscribed\n",[5370,13470,13471,13474],{"class":5372,"line":7098},[5370,13472,13473],{"class":5809},"          ?",[5370,13475,13476],{"class":5749}," 'bg-blue-500 text-white hover:bg-blue-600'\n",[5370,13478,13479,13482],{"class":5372,"line":7112},[5370,13480,13481],{"class":5809},"          :",[5370,13483,13484],{"class":5749}," 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n",[5370,13486,13487,13490,13492],{"class":5372,"line":7118},[5370,13488,13489],{"class":5753},"      }",[5370,13491,7449],{"class":5749},[5370,13493,5430],{"class":5809},[5370,13495,13496],{"class":5372,"line":7139},[5370,13497,13498],{"class":5809},"    >\n",[5370,13500,13501,13504,13506,13509,13511,13514,13516,13519,13522],{"class":5372,"line":7160},[5370,13502,13503],{"class":5809},"      {",[5370,13505,11329],{"class":5805},[5370,13507,13508],{"class":5809}," ? \u003C",[5370,13510,13049],{"class":5805},[5370,13512,13513],{"class":5805}," className",[5370,13515,5810],{"class":5809},[5370,13517,13518],{"class":5749},"\"w-5 h-5\"",[5370,13520,13521],{"class":12729}," \u002F> : \u003CBellOff className=\"w-5 h-5\" \u002F",[5370,13523,13524],{"class":5809},">}\n",[5370,13526,13527,13529,13531,13534,13537,13540,13543],{"class":5372,"line":7171},[5370,13528,13503],{"class":5809},[5370,13530,11329],{"class":5805},[5370,13532,13533],{"class":5809}," ? ",[5370,13535,13536],{"class":5749},"'Push увімкнено'",[5370,13538,13539],{"class":5809}," : ",[5370,13541,13542],{"class":5749},"'Увімкнути Push'",[5370,13544,5430],{"class":5809},[5370,13546,13547,13550,13553],{"class":5372,"line":7177},[5370,13548,13549],{"class":5809},"    \u003C\u002F",[5370,13551,13552],{"class":5805},"button",[5370,13554,13555],{"class":5809},">\n",[5370,13557,13558],{"class":5372,"line":7198},[5370,13559,10144],{"class":5809},[5370,13561,13562],{"class":5372,"line":7212},[5370,13563,5430],{"class":5809},[5610,13565,13567],{"id":13566},"автоматична-підписка-після-логіну","Автоматична підписка після логіну",[5361,13569,13571],{"className":5892,"code":13570,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002FApp.tsx\nimport React, { useEffect } from 'react';\nimport { registerServiceWorker } from '.\u002Futils\u002FregisterServiceWorker';\nimport { usePushNotifications } from '.\u002Fhooks\u002FusePushNotifications';\n\nexport function App() {\n  const accessToken = localStorage.getItem('accessToken');\n  const { permission, subscribe } = usePushNotifications(accessToken);\n\n  useEffect(() => {\n    \u002F\u002F Зареєструвати Service Worker при завантаженні\n    registerServiceWorker();\n\n    \u002F\u002F Якщо користувач вже дозволив нотифікації, автоматично підписатися\n    if (accessToken && permission === 'granted') {\n      subscribe();\n    }\n  }, [accessToken, permission]);\n\n  return (\n    \u003Cdiv>\n      {\u002F* Ваш застосунок *\u002F}\n    \u003C\u002Fdiv>\n  );\n}\n",[5116,13572,13573,13578,13596,13614,13631,13635,13646,13670,13692,13696,13706,13711,13718,13722,13727,13746,13753,13757,13771,13775,13781,13790,13799,13807,13811],{"__ignoreMap":5366},[5370,13574,13575],{"class":5372,"line":5373},[5370,13576,13577],{"class":5739},"\u002F\u002F src\u002FApp.tsx\n",[5370,13579,13580,13582,13584,13586,13588,13590,13592,13594],{"class":5372,"line":5379},[5370,13581,5907],{"class":5906},[5370,13583,13034],{"class":5805},[5370,13585,6151],{"class":5809},[5370,13587,11117],{"class":5805},[5370,13589,5987],{"class":5809},[5370,13591,5968],{"class":5906},[5370,13593,11124],{"class":5749},[5370,13595,5974],{"class":5809},[5370,13597,13598,13600,13602,13605,13607,13609,13612],{"class":5372,"line":5385},[5370,13599,5907],{"class":5906},[5370,13601,5981],{"class":5809},[5370,13603,13604],{"class":5805},"registerServiceWorker",[5370,13606,5987],{"class":5809},[5370,13608,5968],{"class":5906},[5370,13610,13611],{"class":5749}," '.\u002Futils\u002FregisterServiceWorker'",[5370,13613,5974],{"class":5809},[5370,13615,13616,13618,13620,13622,13624,13626,13629],{"class":5372,"line":5391},[5370,13617,5907],{"class":5906},[5370,13619,5981],{"class":5809},[5370,13621,13072],{"class":5805},[5370,13623,5987],{"class":5809},[5370,13625,5968],{"class":5906},[5370,13627,13628],{"class":5749}," '.\u002Fhooks\u002FusePushNotifications'",[5370,13630,5974],{"class":5809},[5370,13632,13633],{"class":5372,"line":5398},[5370,13634,5395],{"emptyLinePlaceholder":5394},[5370,13636,13637,13639,13641,13644],{"class":5372,"line":5404},[5370,13638,6065],{"class":5906},[5370,13640,10843],{"class":5753},[5370,13642,13643],{"class":5745}," App",[5370,13645,9192],{"class":5809},[5370,13647,13648,13650,13653,13655,13658,13660,13663,13665,13668],{"class":5372,"line":5409},[5370,13649,9888],{"class":5753},[5370,13651,13652],{"class":7609}," accessToken",[5370,13654,7038],{"class":5809},[5370,13656,13657],{"class":5805},"localStorage",[5370,13659,5185],{"class":5809},[5370,13661,13662],{"class":5745},"getItem",[5370,13664,6009],{"class":5809},[5370,13666,13667],{"class":5749},"'accessToken'",[5370,13669,7345],{"class":5809},[5370,13671,13672,13674,13676,13678,13680,13682,13684,13686,13688,13690],{"class":5372,"line":5415},[5370,13673,9888],{"class":5753},[5370,13675,5981],{"class":5809},[5370,13677,11300],{"class":7609},[5370,13679,5244],{"class":5809},[5370,13681,8983],{"class":7609},[5370,13683,8959],{"class":5809},[5370,13685,13072],{"class":5745},[5370,13687,6009],{"class":5809},[5370,13689,11938],{"class":5805},[5370,13691,7345],{"class":5809},[5370,13693,13694],{"class":5372,"line":5421},[5370,13695,5395],{"emptyLinePlaceholder":5394},[5370,13697,13698,13700,13702,13704],{"class":5372,"line":5427},[5370,13699,11353],{"class":5745},[5370,13701,6142],{"class":5809},[5370,13703,6145],{"class":5753},[5370,13705,5910],{"class":5809},[5370,13707,13708],{"class":5372,"line":5433},[5370,13709,13710],{"class":5739},"    \u002F\u002F Зареєструвати Service Worker при завантаженні\n",[5370,13712,13713,13716],{"class":5372,"line":5438},[5370,13714,13715],{"class":5745},"    registerServiceWorker",[5370,13717,7157],{"class":5809},[5370,13719,13720],{"class":5372,"line":5444},[5370,13721,5395],{"emptyLinePlaceholder":5394},[5370,13723,13724],{"class":5372,"line":5450},[5370,13725,13726],{"class":5739},"    \u002F\u002F Якщо користувач вже дозволив нотифікації, автоматично підписатися\n",[5370,13728,13729,13731,13733,13735,13738,13740,13742,13744],{"class":5372,"line":5456},[5370,13730,7101],{"class":5906},[5370,13732,7104],{"class":5809},[5370,13734,11938],{"class":5805},[5370,13736,13737],{"class":5809}," && ",[5370,13739,11300],{"class":5805},[5370,13741,7650],{"class":5809},[5370,13743,11731],{"class":5749},[5370,13745,7109],{"class":5809},[5370,13747,13748,13751],{"class":5372,"line":5461},[5370,13749,13750],{"class":5745},"      subscribe",[5370,13752,7157],{"class":5809},[5370,13754,13755],{"class":5372,"line":5466},[5370,13756,7316],{"class":5809},[5370,13758,13759,13762,13764,13766,13768],{"class":5372,"line":5472},[5370,13760,13761],{"class":5809},"  }, [",[5370,13763,11938],{"class":5805},[5370,13765,5244],{"class":5809},[5370,13767,11300],{"class":5805},[5370,13769,13770],{"class":5809},"]);\n",[5370,13772,13773],{"class":5372,"line":5478},[5370,13774,5395],{"emptyLinePlaceholder":5394},[5370,13776,13777,13779],{"class":5372,"line":5484},[5370,13778,12566],{"class":5906},[5370,13780,13429],{"class":5809},[5370,13782,13783,13785,13788],{"class":5372,"line":5490},[5370,13784,13434],{"class":5809},[5370,13786,13787],{"class":6071},"div",[5370,13789,13555],{"class":5809},[5370,13791,13792,13794,13797],{"class":5372,"line":5495},[5370,13793,13503],{"class":5809},[5370,13795,13796],{"class":5739},"\u002F* Ваш застосунок *\u002F",[5370,13798,5430],{"class":5809},[5370,13800,13801,13803,13805],{"class":5372,"line":5500},[5370,13802,13549],{"class":5809},[5370,13804,13787],{"class":5805},[5370,13806,13555],{"class":5809},[5370,13808,13809],{"class":5372,"line":5506},[5370,13810,10144],{"class":5809},[5370,13812,13813],{"class":5372,"line":5512},[5370,13814,5430],{"class":5809},[5165,13816],{},[5084,13818,13820],{"id":13819},"практичний-сценарій-відправка-push-при-новому-коментарі","Практичний сценарій: Відправка push при новому коментарі",[5610,13822,13824],{"id":13823},"backend-інтеграція-з-notificationsservice","Backend інтеграція з NotificationsService",[5361,13826,13828],{"className":5892,"code":13827,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fnotifications\u002Fnotifications.service.ts\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { PushService } from '..\u002Fpush\u002Fpush.service';\nimport { NotificationType } from '.\u002Fentities\u002Fnotification.entity';\n\n@Injectable()\nexport class NotificationsService {\n  constructor(\n    private pushService: PushService,\n    \u002F\u002F інші залежності...\n  ) {}\n\n  async create(dto: CreateNotificationDto): Promise\u003CNotification> {\n    \u002F\u002F Створити in-app нотифікацію у БД\n    const notification = await this.notificationRepository.save({\n      userId: dto.userId,\n      type: dto.type,\n      message: dto.message,\n      metadata: dto.metadata,\n    });\n\n    \u002F\u002F Відправити WebSocket для online користувачів\n    this.eventEmitter.emit('notification.created', notification);\n\n    \u002F\u002F Відправити Web Push для offline\u002Fbackground користувачів\n    await this.sendPushNotification(notification);\n\n    return notification;\n  }\n\n  private async sendPushNotification(notification: Notification) {\n    const payload = this.buildPushPayload(notification);\n\n    try {\n      await this.pushService.sendToUser(notification.userId, payload);\n      console.log(`[Notifications] Push відправлено користувачу ${notification.userId}`);\n    } catch (error) {\n      console.error('[Notifications] Помилка відправки push:', error);\n      \u002F\u002F Не кидаємо error, щоб не заблокувати створення in-app нотифікації\n    }\n  }\n\n  private buildPushPayload(notification: Notification): any {\n    const basePayload = {\n      title: this.getNotificationTitle(notification.type),\n      body: `${notification.actor?.username} ${notification.message}`,\n      icon: notification.actor?.avatar || '\u002Flogo.png',\n      badge: '\u002Fbadge.png',\n      data: {\n        notificationId: notification.id,\n        url: this.getNotificationUrl(notification),\n      },\n    };\n\n    \u002F\u002F Додати actions залежно від типу\n    if (notification.type === NotificationType.POST_COMMENT) {\n      basePayload['actions'] = [\n        { action: 'reply', title: 'Відповісти', icon: '\u002Ficons\u002Freply.png' },\n        { action: 'view', title: 'Переглянути', icon: '\u002Ficons\u002Fview.png' },\n      ];\n    } else if (notification.type === NotificationType.POST_LIKE) {\n      basePayload['actions'] = [\n        { action: 'like-back', title: 'Лайкнути назад', icon: '\u002Ficons\u002Fheart.png' },\n        { action: 'view', title: 'Переглянути', icon: '\u002Ficons\u002Fview.png' },\n      ];\n    }\n\n    return basePayload;\n  }\n\n  private getNotificationTitle(type: NotificationType): string {\n    const titles = {\n      [NotificationType.POST_LIKE]: '❤️ Новий лайк',\n      [NotificationType.POST_COMMENT]: '💬 Новий коментар',\n      [NotificationType.COMMENT_REPLY]: '💬 Відповідь на коментар',\n      [NotificationType.USER_FOLLOW]: '👤 Новий підписник',\n      [NotificationType.POST_MENTION]: '📢 Вас згадали',\n      [NotificationType.SYSTEM_ALERT]: '🔔 Системне повідомлення',\n    };\n\n    return titles[type] || '🔔 Нова нотифікація';\n  }\n\n  private getNotificationUrl(notification: Notification): string {\n    if (notification.metadata?.postId) {\n      return `\u002Fposts\u002F${notification.metadata.postId}`;\n    }\n    if (notification.metadata?.commentId) {\n      return `\u002Fcomments\u002F${notification.metadata.commentId}`;\n    }\n    if (notification.type === NotificationType.USER_FOLLOW) {\n      return `\u002Fprofile\u002F${notification.actor?.id}`;\n    }\n    return '\u002Fnotifications';\n  }\n}\n",[5116,13829,13830,13835,13851,13868,13886,13890,13898,13909,13915,13927,13932,13937,13941,13967,13972,13996,14009,14023,14036,14050,14054,14058,14063,14089,14093,14098,14115,14119,14127,14131,14135,14154,14176,14180,14186,14214,14241,14253,14272,14277,14281,14285,14289,14310,14319,14340,14377,14398,14406,14412,14425,14442,14446,14450,14454,14459,14482,14495,14523,14548,14553,14581,14591,14616,14638,14642,14646,14650,14658,14662,14666,14687,14696,14711,14724,14738,14752,14766,14780,14784,14788,14806,14810,14814,14835,14853,14878,14882,14901,14926,14930,14952,14977,14981,14989,14993],{"__ignoreMap":5366},[5370,13831,13832],{"class":5372,"line":5373},[5370,13833,13834],{"class":5739},"\u002F\u002F src\u002Fnotifications\u002Fnotifications.service.ts\n",[5370,13836,13837,13839,13841,13843,13845,13847,13849],{"class":5372,"line":5379},[5370,13838,5907],{"class":5906},[5370,13840,5981],{"class":5809},[5370,13842,6469],{"class":5805},[5370,13844,5987],{"class":5809},[5370,13846,5968],{"class":5906},[5370,13848,6481],{"class":5749},[5370,13850,5974],{"class":5809},[5370,13852,13853,13855,13857,13859,13861,13863,13866],{"class":5372,"line":5385},[5370,13854,5907],{"class":5906},[5370,13856,5981],{"class":5809},[5370,13858,8688],{"class":5805},[5370,13860,5987],{"class":5809},[5370,13862,5968],{"class":5906},[5370,13864,13865],{"class":5749}," '..\u002Fpush\u002Fpush.service'",[5370,13867,5974],{"class":5809},[5370,13869,13870,13872,13874,13877,13879,13881,13884],{"class":5372,"line":5391},[5370,13871,5907],{"class":5906},[5370,13873,5981],{"class":5809},[5370,13875,13876],{"class":5805},"NotificationType",[5370,13878,5987],{"class":5809},[5370,13880,5968],{"class":5906},[5370,13882,13883],{"class":5749}," '.\u002Fentities\u002Fnotification.entity'",[5370,13885,5974],{"class":5809},[5370,13887,13888],{"class":5372,"line":5398},[5370,13889,5395],{"emptyLinePlaceholder":5394},[5370,13891,13892,13894,13896],{"class":5372,"line":5404},[5370,13893,6003],{"class":5809},[5370,13895,6469],{"class":5745},[5370,13897,6116],{"class":5809},[5370,13899,13900,13902,13904,13907],{"class":5372,"line":5409},[5370,13901,6065],{"class":5906},[5370,13903,6068],{"class":5753},[5370,13905,13906],{"class":6071}," NotificationsService",[5370,13908,5910],{"class":5809},[5370,13910,13911,13913],{"class":5372,"line":5415},[5370,13912,6828],{"class":5753},[5370,13914,6831],{"class":5809},[5370,13916,13917,13919,13921,13923,13925],{"class":5372,"line":5421},[5370,13918,6849],{"class":5753},[5370,13920,8835],{"class":5805},[5370,13922,6097],{"class":5809},[5370,13924,8688],{"class":6071},[5370,13926,5918],{"class":5809},[5370,13928,13929],{"class":5372,"line":5427},[5370,13930,13931],{"class":5739},"    \u002F\u002F інші залежності...\n",[5370,13933,13934],{"class":5372,"line":5433},[5370,13935,13936],{"class":5809},"  ) {}\n",[5370,13938,13939],{"class":5372,"line":5438},[5370,13940,5395],{"emptyLinePlaceholder":5394},[5370,13942,13943,13945,13948,13950,13952,13954,13957,13959,13961,13963,13965],{"class":5372,"line":5444},[5370,13944,6994],{"class":5753},[5370,13946,13947],{"class":5745}," create",[5370,13949,6009],{"class":5809},[5370,13951,7002],{"class":5805},[5370,13953,6097],{"class":5809},[5370,13955,13956],{"class":6071},"CreateNotificationDto",[5370,13958,7010],{"class":5809},[5370,13960,7013],{"class":6071},[5370,13962,6859],{"class":5809},[5370,13964,11449],{"class":6071},[5370,13966,7020],{"class":5809},[5370,13968,13969],{"class":5372,"line":5450},[5370,13970,13971],{"class":5739},"    \u002F\u002F Створити in-app нотифікацію у БД\n",[5370,13973,13974,13976,13979,13981,13983,13985,13987,13990,13992,13994],{"class":5372,"line":5456},[5370,13975,7606],{"class":5753},[5370,13977,13978],{"class":7609}," notification",[5370,13980,7038],{"class":5809},[5370,13982,7041],{"class":5906},[5370,13984,7044],{"class":5753},[5370,13986,5185],{"class":5809},[5370,13988,13989],{"class":5805},"notificationRepository",[5370,13991,5185],{"class":5809},[5370,13993,7338],{"class":5745},[5370,13995,7057],{"class":5809},[5370,13997,13998,14001,14003,14005,14007],{"class":5372,"line":5461},[5370,13999,14000],{"class":5805},"      userId:",[5370,14002,7071],{"class":5805},[5370,14004,5185],{"class":5809},[5370,14006,7126],{"class":5805},[5370,14008,5918],{"class":5809},[5370,14010,14011,14014,14016,14018,14021],{"class":5372,"line":5466},[5370,14012,14013],{"class":5805},"      type:",[5370,14015,7071],{"class":5805},[5370,14017,5185],{"class":5809},[5370,14019,14020],{"class":5805},"type",[5370,14022,5918],{"class":5809},[5370,14024,14025,14028,14030,14032,14034],{"class":5372,"line":5472},[5370,14026,14027],{"class":5805},"      message:",[5370,14029,7071],{"class":5805},[5370,14031,5185],{"class":5809},[5370,14033,8514],{"class":5805},[5370,14035,5918],{"class":5809},[5370,14037,14038,14041,14043,14045,14048],{"class":5372,"line":5478},[5370,14039,14040],{"class":5805},"      metadata:",[5370,14042,7071],{"class":5805},[5370,14044,5185],{"class":5809},[5370,14046,14047],{"class":5805},"metadata",[5370,14049,5918],{"class":5809},[5370,14051,14052],{"class":5372,"line":5484},[5370,14053,7090],{"class":5809},[5370,14055,14056],{"class":5372,"line":5490},[5370,14057,5395],{"emptyLinePlaceholder":5394},[5370,14059,14060],{"class":5372,"line":5495},[5370,14061,14062],{"class":5739},"    \u002F\u002F Відправити WebSocket для online користувачів\n",[5370,14064,14065,14068,14070,14073,14075,14078,14080,14083,14085,14087],{"class":5372,"line":5500},[5370,14066,14067],{"class":5753},"    this",[5370,14069,5185],{"class":5809},[5370,14071,14072],{"class":5805},"eventEmitter",[5370,14074,5185],{"class":5809},[5370,14076,14077],{"class":5745},"emit",[5370,14079,6009],{"class":5809},[5370,14081,14082],{"class":5749},"'notification.created'",[5370,14084,5244],{"class":5809},[5370,14086,10220],{"class":5805},[5370,14088,7345],{"class":5809},[5370,14090,14091],{"class":5372,"line":5506},[5370,14092,5395],{"emptyLinePlaceholder":5394},[5370,14094,14095],{"class":5372,"line":5512},[5370,14096,14097],{"class":5739},"    \u002F\u002F Відправити Web Push для offline\u002Fbackground користувачів\n",[5370,14099,14100,14102,14104,14106,14109,14111,14113],{"class":5372,"line":5518},[5370,14101,7404],{"class":5906},[5370,14103,7044],{"class":5753},[5370,14105,5185],{"class":5809},[5370,14107,14108],{"class":5745},"sendPushNotification",[5370,14110,6009],{"class":5809},[5370,14112,10220],{"class":5805},[5370,14114,7345],{"class":5809},[5370,14116,14117],{"class":5372,"line":5524},[5370,14118,5395],{"emptyLinePlaceholder":5394},[5370,14120,14121,14123,14125],{"class":5372,"line":5530},[5370,14122,7327],{"class":5906},[5370,14124,13978],{"class":5805},[5370,14126,5974],{"class":5809},[5370,14128,14129],{"class":5372,"line":5536},[5370,14130,6970],{"class":5809},[5370,14132,14133],{"class":5372,"line":5541},[5370,14134,5395],{"emptyLinePlaceholder":5394},[5370,14136,14137,14139,14141,14144,14146,14148,14150,14152],{"class":5372,"line":5547},[5370,14138,7841],{"class":5753},[5370,14140,7844],{"class":5753},[5370,14142,14143],{"class":5745}," sendPushNotification",[5370,14145,6009],{"class":5809},[5370,14147,10220],{"class":5805},[5370,14149,6097],{"class":5809},[5370,14151,11449],{"class":6071},[5370,14153,7109],{"class":5809},[5370,14155,14156,14158,14161,14163,14165,14167,14170,14172,14174],{"class":5372,"line":5553},[5370,14157,7606],{"class":5753},[5370,14159,14160],{"class":7609}," payload",[5370,14162,7038],{"class":5809},[5370,14164,7184],{"class":5753},[5370,14166,5185],{"class":5809},[5370,14168,14169],{"class":5745},"buildPushPayload",[5370,14171,6009],{"class":5809},[5370,14173,10220],{"class":5805},[5370,14175,7345],{"class":5809},[5370,14177,14178],{"class":5372,"line":5559},[5370,14179,5395],{"emptyLinePlaceholder":5394},[5370,14181,14182,14184],{"class":5372,"line":5565},[5370,14183,7968],{"class":5906},[5370,14185,5910],{"class":5809},[5370,14187,14188,14190,14192,14194,14196,14198,14200,14202,14204,14206,14208,14210,14212],{"class":5372,"line":5571},[5370,14189,7976],{"class":5906},[5370,14191,7044],{"class":5753},[5370,14193,5185],{"class":5809},[5370,14195,8978],{"class":5805},[5370,14197,5185],{"class":5809},[5370,14199,9320],{"class":5745},[5370,14201,6009],{"class":5809},[5370,14203,10220],{"class":5805},[5370,14205,5185],{"class":5809},[5370,14207,7126],{"class":5805},[5370,14209,5244],{"class":5809},[5370,14211,7585],{"class":5805},[5370,14213,7345],{"class":5809},[5370,14215,14216,14218,14220,14222,14224,14227,14229,14231,14233,14235,14237,14239],{"class":5372,"line":5576},[5370,14217,7662],{"class":5805},[5370,14219,5185],{"class":5809},[5370,14221,7433],{"class":5745},[5370,14223,6009],{"class":5809},[5370,14225,14226],{"class":5749},"`[Notifications] Push відправлено користувачу ",[5370,14228,7441],{"class":5753},[5370,14230,10220],{"class":5805},[5370,14232,5185],{"class":7800},[5370,14234,7126],{"class":5805},[5370,14236,7446],{"class":5753},[5370,14238,7449],{"class":5749},[5370,14240,7345],{"class":5809},[5370,14242,14243,14245,14247,14249,14251],{"class":5372,"line":5582},[5370,14244,7163],{"class":5809},[5370,14246,8156],{"class":5906},[5370,14248,7104],{"class":5809},[5370,14250,8161],{"class":5805},[5370,14252,7109],{"class":5809},[5370,14254,14255,14257,14259,14261,14263,14266,14268,14270],{"class":5372,"line":5588},[5370,14256,7662],{"class":5805},[5370,14258,5185],{"class":5809},[5370,14260,8161],{"class":5745},[5370,14262,6009],{"class":5809},[5370,14264,14265],{"class":5749},"'[Notifications] Помилка відправки push:'",[5370,14267,5244],{"class":5809},[5370,14269,8161],{"class":5805},[5370,14271,7345],{"class":5809},[5370,14273,14274],{"class":5372,"line":5594},[5370,14275,14276],{"class":5739},"      \u002F\u002F Не кидаємо error, щоб не заблокувати створення in-app нотифікації\n",[5370,14278,14279],{"class":5372,"line":5600},[5370,14280,7316],{"class":5809},[5370,14282,14283],{"class":5372,"line":5605},[5370,14284,6970],{"class":5809},[5370,14286,14287],{"class":5372,"line":6344},[5370,14288,5395],{"emptyLinePlaceholder":5394},[5370,14290,14291,14293,14296,14298,14300,14302,14304,14306,14308],{"class":5372,"line":6359},[5370,14292,7841],{"class":5753},[5370,14294,14295],{"class":5745}," buildPushPayload",[5370,14297,6009],{"class":5809},[5370,14299,10220],{"class":5805},[5370,14301,6097],{"class":5809},[5370,14303,11449],{"class":6071},[5370,14305,7010],{"class":5809},[5370,14307,6753],{"class":6071},[5370,14309,5910],{"class":5809},[5370,14311,14312,14314,14317],{"class":5372,"line":6374},[5370,14313,7606],{"class":5753},[5370,14315,14316],{"class":7609}," basePayload",[5370,14318,7898],{"class":5809},[5370,14320,14321,14323,14325,14327,14330,14332,14334,14336,14338],{"class":5372,"line":6379},[5370,14322,9332],{"class":5805},[5370,14324,7044],{"class":5753},[5370,14326,5185],{"class":5809},[5370,14328,14329],{"class":5745},"getNotificationTitle",[5370,14331,6009],{"class":5809},[5370,14333,10220],{"class":5805},[5370,14335,5185],{"class":5809},[5370,14337,14020],{"class":5805},[5370,14339,6922],{"class":5809},[5370,14341,14342,14344,14347,14349,14351,14353,14356,14358,14360,14362,14365,14367,14369,14371,14373,14375],{"class":5372,"line":6389},[5370,14343,9342],{"class":5805},[5370,14345,14346],{"class":5749}," `",[5370,14348,7441],{"class":5753},[5370,14350,10220],{"class":5805},[5370,14352,5185],{"class":7800},[5370,14354,14355],{"class":5805},"actor",[5370,14357,10256],{"class":7800},[5370,14359,8770],{"class":5805},[5370,14361,7446],{"class":5753},[5370,14363,14364],{"class":5753}," ${",[5370,14366,10220],{"class":5805},[5370,14368,5185],{"class":7800},[5370,14370,8514],{"class":5805},[5370,14372,7446],{"class":5753},[5370,14374,7449],{"class":5749},[5370,14376,5918],{"class":5809},[5370,14378,14379,14381,14383,14385,14387,14389,14392,14394,14396],{"class":5372,"line":6402},[5370,14380,9352],{"class":5805},[5370,14382,13978],{"class":5805},[5370,14384,5185],{"class":5809},[5370,14386,14355],{"class":5805},[5370,14388,10256],{"class":5809},[5370,14390,14391],{"class":5805},"avatar",[5370,14393,8217],{"class":5809},[5370,14395,9967],{"class":5749},[5370,14397,5918],{"class":5809},[5370,14399,14400,14402,14404],{"class":5372,"line":6407},[5370,14401,9362],{"class":5805},[5370,14403,9365],{"class":5749},[5370,14405,5918],{"class":5809},[5370,14407,14408,14410],{"class":5372,"line":6429},[5370,14409,9372],{"class":5805},[5370,14411,5910],{"class":5809},[5370,14413,14414,14417,14419,14421,14423],{"class":5372,"line":6444},[5370,14415,14416],{"class":5805},"        notificationId:",[5370,14418,13978],{"class":5805},[5370,14420,5185],{"class":5809},[5370,14422,8272],{"class":5805},[5370,14424,5918],{"class":5809},[5370,14426,14427,14429,14431,14433,14436,14438,14440],{"class":5372,"line":7023},[5370,14428,9379],{"class":5805},[5370,14430,7044],{"class":5753},[5370,14432,5185],{"class":5809},[5370,14434,14435],{"class":5745},"getNotificationUrl",[5370,14437,6009],{"class":5809},[5370,14439,10220],{"class":5805},[5370,14441,6922],{"class":5809},[5370,14443,14444],{"class":5372,"line":7029},[5370,14445,7952],{"class":5809},[5370,14447,14448],{"class":5372,"line":7060},[5370,14449,6646],{"class":5809},[5370,14451,14452],{"class":5372,"line":7087},[5370,14453,5395],{"emptyLinePlaceholder":5394},[5370,14455,14456],{"class":5372,"line":7093},[5370,14457,14458],{"class":5739},"    \u002F\u002F Додати actions залежно від типу\n",[5370,14460,14461,14463,14465,14467,14469,14471,14473,14475,14477,14480],{"class":5372,"line":7098},[5370,14462,7101],{"class":5906},[5370,14464,7104],{"class":5809},[5370,14466,10220],{"class":5805},[5370,14468,5185],{"class":5809},[5370,14470,14020],{"class":5805},[5370,14472,7650],{"class":5809},[5370,14474,13876],{"class":5805},[5370,14476,5185],{"class":5809},[5370,14478,14479],{"class":7609},"POST_COMMENT",[5370,14481,7109],{"class":5809},[5370,14483,14484,14487,14489,14492],{"class":5372,"line":7112},[5370,14485,14486],{"class":5805},"      basePayload",[5370,14488,12858],{"class":5809},[5370,14490,14491],{"class":5749},"'actions'",[5370,14493,14494],{"class":5809},"] = [\n",[5370,14496,14497,14500,14503,14505,14507,14510,14513,14515,14518,14521],{"class":5372,"line":7118},[5370,14498,14499],{"class":5809},"        { ",[5370,14501,14502],{"class":5805},"action:",[5370,14504,10615],{"class":5749},[5370,14506,5244],{"class":5809},[5370,14508,14509],{"class":5805},"title:",[5370,14511,14512],{"class":5749}," 'Відповісти'",[5370,14514,5244],{"class":5809},[5370,14516,14517],{"class":5805},"icon:",[5370,14519,14520],{"class":5749}," '\u002Ficons\u002Freply.png'",[5370,14522,7084],{"class":5809},[5370,14524,14525,14527,14529,14532,14534,14536,14539,14541,14543,14546],{"class":5372,"line":7139},[5370,14526,14499],{"class":5809},[5370,14528,14502],{"class":5805},[5370,14530,14531],{"class":5749}," 'view'",[5370,14533,5244],{"class":5809},[5370,14535,14509],{"class":5805},[5370,14537,14538],{"class":5749}," 'Переглянути'",[5370,14540,5244],{"class":5809},[5370,14542,14517],{"class":5805},[5370,14544,14545],{"class":5749}," '\u002Ficons\u002Fview.png'",[5370,14547,7084],{"class":5809},[5370,14549,14550],{"class":5372,"line":7160},[5370,14551,14552],{"class":5809},"      ];\n",[5370,14554,14555,14557,14559,14562,14564,14566,14568,14570,14572,14574,14576,14579],{"class":5372,"line":7171},[5370,14556,7163],{"class":5809},[5370,14558,7166],{"class":5906},[5370,14560,14561],{"class":5906}," if",[5370,14563,7104],{"class":5809},[5370,14565,10220],{"class":5805},[5370,14567,5185],{"class":5809},[5370,14569,14020],{"class":5805},[5370,14571,7650],{"class":5809},[5370,14573,13876],{"class":5805},[5370,14575,5185],{"class":5809},[5370,14577,14578],{"class":7609},"POST_LIKE",[5370,14580,7109],{"class":5809},[5370,14582,14583,14585,14587,14589],{"class":5372,"line":7177},[5370,14584,14486],{"class":5805},[5370,14586,12858],{"class":5809},[5370,14588,14491],{"class":5749},[5370,14590,14494],{"class":5809},[5370,14592,14593,14595,14597,14600,14602,14604,14607,14609,14611,14614],{"class":5372,"line":7198},[5370,14594,14499],{"class":5809},[5370,14596,14502],{"class":5805},[5370,14598,14599],{"class":5749}," 'like-back'",[5370,14601,5244],{"class":5809},[5370,14603,14509],{"class":5805},[5370,14605,14606],{"class":5749}," 'Лайкнути назад'",[5370,14608,5244],{"class":5809},[5370,14610,14517],{"class":5805},[5370,14612,14613],{"class":5749}," '\u002Ficons\u002Fheart.png'",[5370,14615,7084],{"class":5809},[5370,14617,14618,14620,14622,14624,14626,14628,14630,14632,14634,14636],{"class":5372,"line":7212},[5370,14619,14499],{"class":5809},[5370,14621,14502],{"class":5805},[5370,14623,14531],{"class":5749},[5370,14625,5244],{"class":5809},[5370,14627,14509],{"class":5805},[5370,14629,14538],{"class":5749},[5370,14631,5244],{"class":5809},[5370,14633,14517],{"class":5805},[5370,14635,14545],{"class":5749},[5370,14637,7084],{"class":5809},[5370,14639,14640],{"class":5372,"line":7230},[5370,14641,14552],{"class":5809},[5370,14643,14644],{"class":5372,"line":7254},[5370,14645,7316],{"class":5809},[5370,14647,14648],{"class":5372,"line":7277},[5370,14649,5395],{"emptyLinePlaceholder":5394},[5370,14651,14652,14654,14656],{"class":5372,"line":7292},[5370,14653,7327],{"class":5906},[5370,14655,14316],{"class":5805},[5370,14657,5974],{"class":5809},[5370,14659,14660],{"class":5372,"line":7307},[5370,14661,6970],{"class":5809},[5370,14663,14664],{"class":5372,"line":7313},[5370,14665,5395],{"emptyLinePlaceholder":5394},[5370,14667,14668,14670,14673,14675,14677,14679,14681,14683,14685],{"class":5372,"line":7319},[5370,14669,7841],{"class":5753},[5370,14671,14672],{"class":5745}," getNotificationTitle",[5370,14674,6009],{"class":5809},[5370,14676,14020],{"class":5805},[5370,14678,6097],{"class":5809},[5370,14680,13876],{"class":6071},[5370,14682,7010],{"class":5809},[5370,14684,6100],{"class":6071},[5370,14686,5910],{"class":5809},[5370,14688,14689,14691,14694],{"class":5372,"line":7324},[5370,14690,7606],{"class":5753},[5370,14692,14693],{"class":7609}," titles",[5370,14695,7898],{"class":5809},[5370,14697,14698,14701,14703,14706,14709],{"class":5372,"line":7348},[5370,14699,14700],{"class":5805},"      [NotificationType.",[5370,14702,14578],{"class":7609},[5370,14704,14705],{"class":5805},"]:",[5370,14707,14708],{"class":5749}," '❤️ Новий лайк'",[5370,14710,5918],{"class":5809},[5370,14712,14713,14715,14717,14719,14722],{"class":5372,"line":7353},[5370,14714,14700],{"class":5805},[5370,14716,14479],{"class":7609},[5370,14718,14705],{"class":5805},[5370,14720,14721],{"class":5749}," '💬 Новий коментар'",[5370,14723,5918],{"class":5809},[5370,14725,14726,14728,14731,14733,14736],{"class":5372,"line":7358},[5370,14727,14700],{"class":5805},[5370,14729,14730],{"class":7609},"COMMENT_REPLY",[5370,14732,14705],{"class":5805},[5370,14734,14735],{"class":5749}," '💬 Відповідь на коментар'",[5370,14737,5918],{"class":5809},[5370,14739,14740,14742,14745,14747,14750],{"class":5372,"line":7363},[5370,14741,14700],{"class":5805},[5370,14743,14744],{"class":7609},"USER_FOLLOW",[5370,14746,14705],{"class":5805},[5370,14748,14749],{"class":5749}," '👤 Новий підписник'",[5370,14751,5918],{"class":5809},[5370,14753,14754,14756,14759,14761,14764],{"class":5372,"line":7369},[5370,14755,14700],{"class":5805},[5370,14757,14758],{"class":7609},"POST_MENTION",[5370,14760,14705],{"class":5805},[5370,14762,14763],{"class":5749}," '📢 Вас згадали'",[5370,14765,5918],{"class":5809},[5370,14767,14768,14770,14773,14775,14778],{"class":5372,"line":7374},[5370,14769,14700],{"class":5805},[5370,14771,14772],{"class":7609},"SYSTEM_ALERT",[5370,14774,14705],{"class":5805},[5370,14776,14777],{"class":5749}," '🔔 Системне повідомлення'",[5370,14779,5918],{"class":5809},[5370,14781,14782],{"class":5372,"line":7401},[5370,14783,6646],{"class":5809},[5370,14785,14786],{"class":5372,"line":7425},[5370,14787,5395],{"emptyLinePlaceholder":5394},[5370,14789,14790,14792,14794,14796,14798,14801,14804],{"class":5372,"line":7454},[5370,14791,7327],{"class":5906},[5370,14793,14693],{"class":5805},[5370,14795,12858],{"class":5809},[5370,14797,14020],{"class":5805},[5370,14799,14800],{"class":5809},"] || ",[5370,14802,14803],{"class":5749},"'🔔 Нова нотифікація'",[5370,14805,5974],{"class":5809},[5370,14807,14808],{"class":5372,"line":7459},[5370,14809,6970],{"class":5809},[5370,14811,14812],{"class":5372,"line":7464},[5370,14813,5395],{"emptyLinePlaceholder":5394},[5370,14815,14816,14818,14821,14823,14825,14827,14829,14831,14833],{"class":5372,"line":7469},[5370,14817,7841],{"class":5753},[5370,14819,14820],{"class":5745}," getNotificationUrl",[5370,14822,6009],{"class":5809},[5370,14824,10220],{"class":5805},[5370,14826,6097],{"class":5809},[5370,14828,11449],{"class":6071},[5370,14830,7010],{"class":5809},[5370,14832,6100],{"class":6071},[5370,14834,5910],{"class":5809},[5370,14836,14837,14839,14841,14843,14845,14847,14849,14851],{"class":5372,"line":7475},[5370,14838,7101],{"class":5906},[5370,14840,7104],{"class":5809},[5370,14842,10220],{"class":5805},[5370,14844,5185],{"class":5809},[5370,14846,14047],{"class":5805},[5370,14848,10256],{"class":5809},[5370,14850,10755],{"class":5805},[5370,14852,7109],{"class":5809},[5370,14854,14855,14857,14860,14862,14864,14866,14868,14870,14872,14874,14876],{"class":5372,"line":7480},[5370,14856,7688],{"class":5906},[5370,14858,14859],{"class":5749}," `\u002Fposts\u002F",[5370,14861,7441],{"class":5753},[5370,14863,10220],{"class":5805},[5370,14865,5185],{"class":7800},[5370,14867,14047],{"class":5805},[5370,14869,5185],{"class":7800},[5370,14871,10755],{"class":5805},[5370,14873,7446],{"class":5753},[5370,14875,7449],{"class":5749},[5370,14877,5974],{"class":5809},[5370,14879,14880],{"class":5372,"line":7507},[5370,14881,7316],{"class":5809},[5370,14883,14884,14886,14888,14890,14892,14894,14896,14899],{"class":5372,"line":7525},[5370,14885,7101],{"class":5906},[5370,14887,7104],{"class":5809},[5370,14889,10220],{"class":5805},[5370,14891,5185],{"class":5809},[5370,14893,14047],{"class":5805},[5370,14895,10256],{"class":5809},[5370,14897,14898],{"class":5805},"commentId",[5370,14900,7109],{"class":5809},[5370,14902,14903,14905,14908,14910,14912,14914,14916,14918,14920,14922,14924],{"class":5372,"line":7536},[5370,14904,7688],{"class":5906},[5370,14906,14907],{"class":5749}," `\u002Fcomments\u002F",[5370,14909,7441],{"class":5753},[5370,14911,10220],{"class":5805},[5370,14913,5185],{"class":7800},[5370,14915,14047],{"class":5805},[5370,14917,5185],{"class":7800},[5370,14919,14898],{"class":5805},[5370,14921,7446],{"class":5753},[5370,14923,7449],{"class":5749},[5370,14925,5974],{"class":5809},[5370,14927,14928],{"class":5372,"line":7541},[5370,14929,7316],{"class":5809},[5370,14931,14932,14934,14936,14938,14940,14942,14944,14946,14948,14950],{"class":5372,"line":7546},[5370,14933,7101],{"class":5906},[5370,14935,7104],{"class":5809},[5370,14937,10220],{"class":5805},[5370,14939,5185],{"class":5809},[5370,14941,14020],{"class":5805},[5370,14943,7650],{"class":5809},[5370,14945,13876],{"class":5805},[5370,14947,5185],{"class":5809},[5370,14949,14744],{"class":7609},[5370,14951,7109],{"class":5809},[5370,14953,14954,14956,14959,14961,14963,14965,14967,14969,14971,14973,14975],{"class":5372,"line":7551},[5370,14955,7688],{"class":5906},[5370,14957,14958],{"class":5749}," `\u002Fprofile\u002F",[5370,14960,7441],{"class":5753},[5370,14962,10220],{"class":5805},[5370,14964,5185],{"class":7800},[5370,14966,14355],{"class":5805},[5370,14968,10256],{"class":7800},[5370,14970,8272],{"class":5805},[5370,14972,7446],{"class":5753},[5370,14974,7449],{"class":5749},[5370,14976,5974],{"class":5809},[5370,14978,14979],{"class":5372,"line":7556},[5370,14980,7316],{"class":5809},[5370,14982,14983,14985,14987],{"class":5372,"line":7562},[5370,14984,7327],{"class":5906},[5370,14986,9382],{"class":5749},[5370,14988,5974],{"class":5809},[5370,14990,14991],{"class":5372,"line":7567},[5370,14992,6970],{"class":5809},[5370,14994,14995],{"class":5372,"line":7603},[5370,14996,5430],{"class":5809},[5610,14998,15000],{"id":14999},"результат","Результат",[5089,15002,15003],{},"Коли користувач B коментує пост користувача A:",[5286,15005,15006,15022,15028,15038,15044],{},[5096,15007,15008,15011,15012,15015,15016,15015,15019],{},[5099,15009,15010],{},"Backend:"," ",[5116,15013,15014],{},"CommentsService"," → ",[5116,15017,15018],{},"NotificationsService.create()",[5116,15020,15021],{},"PushService.sendToUser()",[5096,15023,15024,15027],{},[5099,15025,15026],{},"Push Service (Cloud):"," Google FCM → Service Worker користувача A",[5096,15029,15030,15011,15032,15034,15035],{},[5099,15031,5221],{},[5116,15033,8797],{}," event → ",[5116,15036,15037],{},"showNotification()",[5096,15039,15040,15043],{},[5099,15041,15042],{},"OS Notification Center:"," Нотифікація відображається навіть якщо браузер згорнутий",[5096,15045,15046,15049,15050],{},[5099,15047,15048],{},"Click Handler:"," Клік на нотифікацію → відкрити вкладку → navigate до ",[5116,15051,15052],{},"\u002Fposts\u002F:id",[5165,15054],{},[5084,15056,15058],{"id":15057},"permission-best-practices","Permission Best Practices",[5610,15060,15062],{"id":15061},"_1-contextual-permission-request","1. Contextual Permission Request",[5089,15064,15065,15068],{},[5099,15066,15067],{},"Не запитувати дозвіл"," одразу при завантаженні сайту — це роздратовує користувачів та зменшує conversion rate.",[5089,15070,15071,15074,15075,15078],{},[5099,15072,15073],{},"Краще:"," показати UI element, який пояснює ",[5099,15076,15077],{},"чому"," користувач має увімкнути нотифікації.",[5361,15080,15082],{"className":5892,"code":15081,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fcomponents\u002FPushPermissionPrompt.tsx\nimport React, { useState } from 'react';\nimport { X, Bell } from 'lucide-react';\n\ninterface PushPermissionPromptProps {\n  onRequestPermission: () => Promise\u003Cboolean>;\n}\n\nexport function PushPermissionPrompt({ onRequestPermission }: PushPermissionPromptProps) {\n  const [isVisible, setIsVisible] = useState(true);\n  const [isRequesting, setIsRequesting] = useState(false);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  const handleEnable = async () => {\n    setIsRequesting(true);\n    const granted = await onRequestPermission();\n    setIsRequesting(false);\n\n    if (granted) {\n      setIsVisible(false);\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"fixed bottom-4 right-4 max-w-sm bg-white rounded-lg shadow-xl p-6 border border-gray-200\">\n      \u003Cbutton\n        onClick={() => setIsVisible(false)}\n        className=\"absolute top-2 right-2 text-gray-400 hover:text-gray-600\"\n      >\n        \u003CX className=\"w-5 h-5\" \u002F>\n      \u003C\u002Fbutton>\n\n      \u003Cdiv className=\"flex items-start gap-4\">\n        \u003Cdiv className=\"p-3 bg-blue-100 rounded-full\">\n          \u003CBell className=\"w-6 h-6 text-blue-600\" \u002F>\n        \u003C\u002Fdiv>\n        \u003Cdiv className=\"flex-1\">\n          \u003Ch3 className=\"text-lg font-semibold text-gray-900 mb-2\">\n            Увімкніть нотифікації\n          \u003C\u002Fh3>\n          \u003Cp className=\"text-sm text-gray-600 mb-4\">\n            Отримуйте сповіщення про нові коментарі, лайки та повідомлення навіть коли сайт закритий.\n          \u003C\u002Fp>\n          \u003Cbutton\n            onClick={handleEnable}\n            disabled={isRequesting}\n            className=\"w-full py-2 px-4 bg-blue-500 text-white rounded-lg font-medium hover:bg-blue-600 transition disabled:opacity-50\"\n          >\n            {isRequesting ? 'Обробка...' : 'Увімкнути нотифікації'}\n          \u003C\u002Fbutton>\n          \u003Cbutton\n            onClick={() => setIsVisible(false)}\n            className=\"w-full mt-2 py-2 px-4 text-gray-600 text-sm hover:text-gray-800\"\n          >\n            Можливо пізніше\n          \u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5116,15083,15084,15089,15107,15128,15132,15141,15158,15162,15166,15187,15211,15235,15239,15249,15257,15261,15265,15282,15293,15308,15318,15322,15332,15343,15347,15351,15355,15361,15376,15383,15400,15410,15415,15431,15440,15444,15459,15474,15490,15499,15514,15529,15537,15546,15561,15604,15612,15618,15630,15641,15651,15656,15675,15683,15689,15703,15712,15716,15724,15732,15740,15748,15756,15760],{"__ignoreMap":5366},[5370,15085,15086],{"class":5372,"line":5373},[5370,15087,15088],{"class":5739},"\u002F\u002F src\u002Fcomponents\u002FPushPermissionPrompt.tsx\n",[5370,15090,15091,15093,15095,15097,15099,15101,15103,15105],{"class":5372,"line":5379},[5370,15092,5907],{"class":5906},[5370,15094,13034],{"class":5805},[5370,15096,6151],{"class":5809},[5370,15098,11112],{"class":5805},[5370,15100,5987],{"class":5809},[5370,15102,5968],{"class":5906},[5370,15104,11124],{"class":5749},[5370,15106,5974],{"class":5809},[5370,15108,15109,15111,15113,15116,15118,15120,15122,15124,15126],{"class":5372,"line":5385},[5370,15110,5907],{"class":5906},[5370,15112,5981],{"class":5809},[5370,15114,15115],{"class":5805},"X",[5370,15117,5244],{"class":5809},[5370,15119,13049],{"class":5805},[5370,15121,5987],{"class":5809},[5370,15123,5968],{"class":5906},[5370,15125,13061],{"class":5749},[5370,15127,5974],{"class":5809},[5370,15129,15130],{"class":5372,"line":5391},[5370,15131,5395],{"emptyLinePlaceholder":5394},[5370,15133,15134,15136,15139],{"class":5372,"line":5398},[5370,15135,6578],{"class":5753},[5370,15137,15138],{"class":6071}," PushPermissionPromptProps",[5370,15140,5910],{"class":5809},[5370,15142,15143,15146,15148,15150,15152,15154,15156],{"class":5372,"line":5404},[5370,15144,15145],{"class":5745},"  onRequestPermission",[5370,15147,11182],{"class":5809},[5370,15149,6145],{"class":5753},[5370,15151,7767],{"class":6071},[5370,15153,6859],{"class":5809},[5370,15155,11149],{"class":6071},[5370,15157,11193],{"class":5809},[5370,15159,15160],{"class":5372,"line":5409},[5370,15161,5430],{"class":5809},[5370,15163,15164],{"class":5372,"line":5415},[5370,15165,5395],{"emptyLinePlaceholder":5394},[5370,15167,15168,15170,15172,15175,15177,15180,15182,15185],{"class":5372,"line":5421},[5370,15169,6065],{"class":5906},[5370,15171,10843],{"class":5753},[5370,15173,15174],{"class":5745}," PushPermissionPrompt",[5370,15176,6170],{"class":5809},[5370,15178,15179],{"class":5805},"onRequestPermission",[5370,15181,13128],{"class":5809},[5370,15183,15184],{"class":6071},"PushPermissionPromptProps",[5370,15186,7109],{"class":5809},[5370,15188,15189,15191,15193,15196,15198,15201,15203,15205,15207,15209],{"class":5372,"line":5427},[5370,15190,9888],{"class":5753},[5370,15192,9541],{"class":5809},[5370,15194,15195],{"class":7609},"isVisible",[5370,15197,5244],{"class":5809},[5370,15199,15200],{"class":7609},"setIsVisible",[5370,15202,11282],{"class":5809},[5370,15204,11112],{"class":5745},[5370,15206,6009],{"class":5809},[5370,15208,12199],{"class":5753},[5370,15210,7345],{"class":5809},[5370,15212,15213,15215,15217,15220,15222,15225,15227,15229,15231,15233],{"class":5372,"line":5433},[5370,15214,9888],{"class":5753},[5370,15216,9541],{"class":5809},[5370,15218,15219],{"class":7609},"isRequesting",[5370,15221,5244],{"class":5809},[5370,15223,15224],{"class":7609},"setIsRequesting",[5370,15226,11282],{"class":5809},[5370,15228,11112],{"class":5745},[5370,15230,6009],{"class":5809},[5370,15232,11289],{"class":5753},[5370,15234,7345],{"class":5809},[5370,15236,15237],{"class":5372,"line":5438},[5370,15238,5395],{"emptyLinePlaceholder":5394},[5370,15240,15241,15243,15245,15247],{"class":5372,"line":5444},[5370,15242,9841],{"class":5906},[5370,15244,9844],{"class":5809},[5370,15246,15195],{"class":5805},[5370,15248,7109],{"class":5809},[5370,15250,15251,15253,15255],{"class":5372,"line":5450},[5370,15252,7327],{"class":5906},[5370,15254,10904],{"class":5753},[5370,15256,5974],{"class":5809},[5370,15258,15259],{"class":5372,"line":5456},[5370,15260,6970],{"class":5809},[5370,15262,15263],{"class":5372,"line":5461},[5370,15264,5395],{"emptyLinePlaceholder":5394},[5370,15266,15267,15269,15272,15274,15276,15278,15280],{"class":5372,"line":5466},[5370,15268,9888],{"class":5753},[5370,15270,15271],{"class":5745}," handleEnable",[5370,15273,7038],{"class":5809},[5370,15275,11500],{"class":5753},[5370,15277,11503],{"class":5809},[5370,15279,6145],{"class":5753},[5370,15281,5910],{"class":5809},[5370,15283,15284,15287,15289,15291],{"class":5372,"line":5472},[5370,15285,15286],{"class":5745},"    setIsRequesting",[5370,15288,6009],{"class":5809},[5370,15290,12199],{"class":5753},[5370,15292,7345],{"class":5809},[5370,15294,15295,15297,15299,15301,15303,15306],{"class":5372,"line":5478},[5370,15296,7606],{"class":5753},[5370,15298,13310],{"class":7609},[5370,15300,7038],{"class":5809},[5370,15302,7041],{"class":5906},[5370,15304,15305],{"class":5745}," onRequestPermission",[5370,15307,7157],{"class":5809},[5370,15309,15310,15312,15314,15316],{"class":5372,"line":5484},[5370,15311,15286],{"class":5745},[5370,15313,6009],{"class":5809},[5370,15315,11289],{"class":5753},[5370,15317,7345],{"class":5809},[5370,15319,15320],{"class":5372,"line":5490},[5370,15321,5395],{"emptyLinePlaceholder":5394},[5370,15323,15324,15326,15328,15330],{"class":5372,"line":5495},[5370,15325,7101],{"class":5906},[5370,15327,7104],{"class":5809},[5370,15329,13327],{"class":5805},[5370,15331,7109],{"class":5809},[5370,15333,15334,15337,15339,15341],{"class":5372,"line":5500},[5370,15335,15336],{"class":5745},"      setIsVisible",[5370,15338,6009],{"class":5809},[5370,15340,11289],{"class":5753},[5370,15342,7345],{"class":5809},[5370,15344,15345],{"class":5372,"line":5506},[5370,15346,7316],{"class":5809},[5370,15348,15349],{"class":5372,"line":5512},[5370,15350,6651],{"class":5809},[5370,15352,15353],{"class":5372,"line":5518},[5370,15354,5395],{"emptyLinePlaceholder":5394},[5370,15356,15357,15359],{"class":5372,"line":5524},[5370,15358,12566],{"class":5906},[5370,15360,13429],{"class":5809},[5370,15362,15363,15365,15367,15369,15371,15374],{"class":5372,"line":5530},[5370,15364,13434],{"class":5809},[5370,15366,13787],{"class":5805},[5370,15368,13513],{"class":5805},[5370,15370,5810],{"class":5809},[5370,15372,15373],{"class":5749},"\"fixed bottom-4 right-4 max-w-sm bg-white rounded-lg shadow-xl p-6 border border-gray-200\"",[5370,15375,13555],{"class":5809},[5370,15377,15378,15381],{"class":5372,"line":5536},[5370,15379,15380],{"class":5809},"      \u003C",[5370,15382,13437],{"class":5805},[5370,15384,15385,15388,15391,15393,15395,15397],{"class":5372,"line":5541},[5370,15386,15387],{"class":5805},"        onClick",[5370,15389,15390],{"class":5809},"={() => ",[5370,15392,15200],{"class":5745},[5370,15394,6009],{"class":5809},[5370,15396,11289],{"class":5805},[5370,15398,15399],{"class":5809},")}\n",[5370,15401,15402,15405,15407],{"class":5372,"line":5547},[5370,15403,15404],{"class":5805},"        className",[5370,15406,5810],{"class":5809},[5370,15408,15409],{"class":5749},"\"absolute top-2 right-2 text-gray-400 hover:text-gray-600\"\n",[5370,15411,15412],{"class":5372,"line":5553},[5370,15413,15414],{"class":5809},"      >\n",[5370,15416,15417,15420,15422,15424,15426,15428],{"class":5372,"line":5559},[5370,15418,15419],{"class":5809},"        \u003C",[5370,15421,15115],{"class":7609},[5370,15423,13513],{"class":5805},[5370,15425,5810],{"class":5809},[5370,15427,13518],{"class":5749},[5370,15429,15430],{"class":5809}," \u002F>\n",[5370,15432,15433,15436,15438],{"class":5372,"line":5565},[5370,15434,15435],{"class":5809},"      \u003C\u002F",[5370,15437,13552],{"class":5805},[5370,15439,13555],{"class":5809},[5370,15441,15442],{"class":5372,"line":5571},[5370,15443,5395],{"emptyLinePlaceholder":5394},[5370,15445,15446,15448,15450,15452,15454,15457],{"class":5372,"line":5576},[5370,15447,15380],{"class":5809},[5370,15449,13787],{"class":5805},[5370,15451,13513],{"class":5805},[5370,15453,5810],{"class":5809},[5370,15455,15456],{"class":5749},"\"flex items-start gap-4\"",[5370,15458,13555],{"class":5809},[5370,15460,15461,15463,15465,15467,15469,15472],{"class":5372,"line":5582},[5370,15462,15419],{"class":5809},[5370,15464,13787],{"class":5805},[5370,15466,13513],{"class":5805},[5370,15468,5810],{"class":5809},[5370,15470,15471],{"class":5749},"\"p-3 bg-blue-100 rounded-full\"",[5370,15473,13555],{"class":5809},[5370,15475,15476,15479,15481,15483,15485,15488],{"class":5372,"line":5588},[5370,15477,15478],{"class":5809},"          \u003C",[5370,15480,13049],{"class":5805},[5370,15482,13513],{"class":5805},[5370,15484,5810],{"class":5809},[5370,15486,15487],{"class":5749},"\"w-6 h-6 text-blue-600\"",[5370,15489,15430],{"class":5809},[5370,15491,15492,15495,15497],{"class":5372,"line":5594},[5370,15493,15494],{"class":5809},"        \u003C\u002F",[5370,15496,13787],{"class":5805},[5370,15498,13555],{"class":5809},[5370,15500,15501,15503,15505,15507,15509,15512],{"class":5372,"line":5600},[5370,15502,15419],{"class":5809},[5370,15504,13787],{"class":5805},[5370,15506,13513],{"class":5805},[5370,15508,5810],{"class":5809},[5370,15510,15511],{"class":5749},"\"flex-1\"",[5370,15513,13555],{"class":5809},[5370,15515,15516,15518,15520,15522,15524,15527],{"class":5372,"line":5605},[5370,15517,15478],{"class":5809},[5370,15519,5610],{"class":5805},[5370,15521,13513],{"class":5805},[5370,15523,5810],{"class":5809},[5370,15525,15526],{"class":5749},"\"text-lg font-semibold text-gray-900 mb-2\"",[5370,15528,13555],{"class":5809},[5370,15530,15531,15534],{"class":5372,"line":6344},[5370,15532,15533],{"class":5805},"            Увімкніть",[5370,15535,15536],{"class":5805}," нотифікації\n",[5370,15538,15539,15542,15544],{"class":5372,"line":6359},[5370,15540,15541],{"class":5809},"          \u003C\u002F",[5370,15543,5610],{"class":5805},[5370,15545,13555],{"class":5809},[5370,15547,15548,15550,15552,15554,15556,15559],{"class":5372,"line":6374},[5370,15549,15478],{"class":5809},[5370,15551,5089],{"class":5805},[5370,15553,13513],{"class":5805},[5370,15555,5810],{"class":5809},[5370,15557,15558],{"class":5749},"\"text-sm text-gray-600 mb-4\"",[5370,15560,13555],{"class":5809},[5370,15562,15563,15566,15569,15572,15575,15578,15580,15583,15586,15589,15592,15595,15598,15601],{"class":5372,"line":6379},[5370,15564,15565],{"class":5805},"            Отримуйте",[5370,15567,15568],{"class":5805}," сповіщення",[5370,15570,15571],{"class":5805}," про",[5370,15573,15574],{"class":5805}," нові",[5370,15576,15577],{"class":5805}," коментарі",[5370,15579,5244],{"class":5809},[5370,15581,15582],{"class":5805},"лайки",[5370,15584,15585],{"class":5805}," та",[5370,15587,15588],{"class":5805}," повідомлення",[5370,15590,15591],{"class":5805}," навіть",[5370,15593,15594],{"class":5805}," коли",[5370,15596,15597],{"class":5805}," сайт",[5370,15599,15600],{"class":5805}," закритий",[5370,15602,15603],{"class":5809},".\n",[5370,15605,15606,15608,15610],{"class":5372,"line":6389},[5370,15607,15541],{"class":5809},[5370,15609,5089],{"class":5805},[5370,15611,13555],{"class":5809},[5370,15613,15614,15616],{"class":5372,"line":6402},[5370,15615,15478],{"class":5809},[5370,15617,13437],{"class":5805},[5370,15619,15620,15623,15625,15628],{"class":5372,"line":6407},[5370,15621,15622],{"class":5805},"            onClick",[5370,15624,13445],{"class":5809},[5370,15626,15627],{"class":5805},"handleEnable",[5370,15629,5430],{"class":5809},[5370,15631,15632,15635,15637,15639],{"class":5372,"line":6429},[5370,15633,15634],{"class":5805},"            disabled",[5370,15636,13445],{"class":5809},[5370,15638,15219],{"class":5805},[5370,15640,5430],{"class":5809},[5370,15642,15643,15646,15648],{"class":5372,"line":6444},[5370,15644,15645],{"class":5805},"            className",[5370,15647,5810],{"class":5809},[5370,15649,15650],{"class":5749},"\"w-full py-2 px-4 bg-blue-500 text-white rounded-lg font-medium hover:bg-blue-600 transition disabled:opacity-50\"\n",[5370,15652,15653],{"class":5372,"line":7023},[5370,15654,15655],{"class":5809},"          >\n",[5370,15657,15658,15661,15663,15665,15668,15670,15673],{"class":5372,"line":7029},[5370,15659,15660],{"class":5809},"            {",[5370,15662,15219],{"class":5805},[5370,15664,13533],{"class":5809},[5370,15666,15667],{"class":5749},"'Обробка...'",[5370,15669,13539],{"class":5809},[5370,15671,15672],{"class":5749},"'Увімкнути нотифікації'",[5370,15674,5430],{"class":5809},[5370,15676,15677,15679,15681],{"class":5372,"line":7060},[5370,15678,15541],{"class":5809},[5370,15680,13552],{"class":5805},[5370,15682,13555],{"class":5809},[5370,15684,15685,15687],{"class":5372,"line":7087},[5370,15686,15478],{"class":5809},[5370,15688,13437],{"class":5805},[5370,15690,15691,15693,15695,15697,15699,15701],{"class":5372,"line":7093},[5370,15692,15622],{"class":5805},[5370,15694,15390],{"class":5809},[5370,15696,15200],{"class":5745},[5370,15698,6009],{"class":5809},[5370,15700,11289],{"class":5805},[5370,15702,15399],{"class":5809},[5370,15704,15705,15707,15709],{"class":5372,"line":7098},[5370,15706,15645],{"class":5805},[5370,15708,5810],{"class":5809},[5370,15710,15711],{"class":5749},"\"w-full mt-2 py-2 px-4 text-gray-600 text-sm hover:text-gray-800\"\n",[5370,15713,15714],{"class":5372,"line":7112},[5370,15715,15655],{"class":5809},[5370,15717,15718,15721],{"class":5372,"line":7118},[5370,15719,15720],{"class":5805},"            Можливо",[5370,15722,15723],{"class":5805}," пізніше\n",[5370,15725,15726,15728,15730],{"class":5372,"line":7139},[5370,15727,15541],{"class":5809},[5370,15729,13552],{"class":5805},[5370,15731,13555],{"class":5809},[5370,15733,15734,15736,15738],{"class":5372,"line":7160},[5370,15735,15494],{"class":5809},[5370,15737,13787],{"class":5805},[5370,15739,13555],{"class":5809},[5370,15741,15742,15744,15746],{"class":5372,"line":7171},[5370,15743,15435],{"class":5809},[5370,15745,13787],{"class":5805},[5370,15747,13555],{"class":5809},[5370,15749,15750,15752,15754],{"class":5372,"line":7177},[5370,15751,13549],{"class":5809},[5370,15753,13787],{"class":5805},[5370,15755,13555],{"class":5809},[5370,15757,15758],{"class":5372,"line":7198},[5370,15759,10144],{"class":5809},[5370,15761,15762],{"class":5372,"line":7212},[5370,15763,5430],{"class":5809},[5610,15765,15767],{"id":15766},"_2-permission-denied-handling","2. Permission Denied Handling",[5089,15769,15770,15771,15774],{},"Якщо користувач відхилив дозвіл, браузер ",[5099,15772,15773],{},"більше не покаже"," системний діалог. Потрібно надати інструкції для ручного увімкнення.",[5361,15776,15778],{"className":5892,"code":15777,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fcomponents\u002FPushPermissionDenied.tsx\nimport React from 'react';\nimport { AlertCircle } from 'lucide-react';\n\nexport function PushPermissionDenied() {\n  const getBrowserInstructions = () => {\n    const ua = navigator.userAgent;\n\n    if (ua.includes('Chrome')) {\n      return 'Налаштування → Конфіденційність і безпека → Налаштування сайту → Сповіщення';\n    } else if (ua.includes('Firefox')) {\n      return 'Параметри → Приватність і безпека → Дозволи → Сповіщення';\n    } else if (ua.includes('Safari')) {\n      return 'Safari → Налаштування → Веб-сайти → Сповіщення';\n    }\n\n    return 'Налаштування браузера → Сповіщення';\n  };\n\n  return (\n    \u003Cdiv className=\"bg-yellow-50 border border-yellow-200 rounded-lg p-4\">\n      \u003Cdiv className=\"flex items-start gap-3\">\n        \u003CAlertCircle className=\"w-5 h-5 text-yellow-600 flex-shrink-0 mt-0.5\" \u002F>\n        \u003Cdiv className=\"flex-1\">\n          \u003Ch4 className=\"text-sm font-semibold text-yellow-900 mb-1\">\n            Нотифікації заблоковані\n          \u003C\u002Fh4>\n          \u003Cp className=\"text-sm text-yellow-800 mb-2\">\n            Ви відхилили дозвіл на сповіщення. Щоб увімкнути їх, перейдіть у налаштування браузера:\n          \u003C\u002Fp>\n          \u003Cp className=\"text-sm text-yellow-700 font-mono bg-yellow-100 p-2 rounded\">\n            {getBrowserInstructions()}\n          \u003C\u002Fp>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n",[5116,15779,15780,15785,15797,15814,15818,15829,15843,15859,15863,15882,15891,15914,15923,15946,15955,15959,15963,15972,15976,15980,15986,16001,16016,16031,16045,16061,16069,16077,16092,16136,16144,16159,16169,16177,16185,16193,16201,16205],{"__ignoreMap":5366},[5370,15781,15782],{"class":5372,"line":5373},[5370,15783,15784],{"class":5739},"\u002F\u002F src\u002Fcomponents\u002FPushPermissionDenied.tsx\n",[5370,15786,15787,15789,15791,15793,15795],{"class":5372,"line":5379},[5370,15788,5907],{"class":5906},[5370,15790,13034],{"class":5805},[5370,15792,6546],{"class":5906},[5370,15794,11124],{"class":5749},[5370,15796,5974],{"class":5809},[5370,15798,15799,15801,15803,15806,15808,15810,15812],{"class":5372,"line":5385},[5370,15800,5907],{"class":5906},[5370,15802,5981],{"class":5809},[5370,15804,15805],{"class":5805},"AlertCircle",[5370,15807,5987],{"class":5809},[5370,15809,5968],{"class":5906},[5370,15811,13061],{"class":5749},[5370,15813,5974],{"class":5809},[5370,15815,15816],{"class":5372,"line":5391},[5370,15817,5395],{"emptyLinePlaceholder":5394},[5370,15819,15820,15822,15824,15827],{"class":5372,"line":5398},[5370,15821,6065],{"class":5906},[5370,15823,10843],{"class":5753},[5370,15825,15826],{"class":5745}," PushPermissionDenied",[5370,15828,9192],{"class":5809},[5370,15830,15831,15833,15836,15839,15841],{"class":5372,"line":5404},[5370,15832,9888],{"class":5753},[5370,15834,15835],{"class":5745}," getBrowserInstructions",[5370,15837,15838],{"class":5809}," = () ",[5370,15840,6145],{"class":5753},[5370,15842,5910],{"class":5809},[5370,15844,15845,15847,15849,15851,15853,15855,15857],{"class":5372,"line":5409},[5370,15846,7606],{"class":5753},[5370,15848,12918],{"class":7609},[5370,15850,7038],{"class":5809},[5370,15852,12923],{"class":5805},[5370,15854,5185],{"class":5809},[5370,15856,7287],{"class":5805},[5370,15858,5974],{"class":5809},[5370,15860,15861],{"class":5372,"line":5415},[5370,15862,5395],{"emptyLinePlaceholder":5394},[5370,15864,15865,15867,15869,15871,15873,15875,15877,15880],{"class":5372,"line":5421},[5370,15866,7101],{"class":5906},[5370,15868,7104],{"class":5809},[5370,15870,12951],{"class":5805},[5370,15872,5185],{"class":5809},[5370,15874,10374],{"class":5745},[5370,15876,6009],{"class":5809},[5370,15878,15879],{"class":5749},"'Chrome'",[5370,15881,10882],{"class":5809},[5370,15883,15884,15886,15889],{"class":5372,"line":5427},[5370,15885,7688],{"class":5906},[5370,15887,15888],{"class":5749}," 'Налаштування → Конфіденційність і безпека → Налаштування сайту → Сповіщення'",[5370,15890,5974],{"class":5809},[5370,15892,15893,15895,15897,15899,15901,15903,15905,15907,15909,15912],{"class":5372,"line":5433},[5370,15894,7163],{"class":5809},[5370,15896,7166],{"class":5906},[5370,15898,14561],{"class":5906},[5370,15900,7104],{"class":5809},[5370,15902,12951],{"class":5805},[5370,15904,5185],{"class":5809},[5370,15906,10374],{"class":5745},[5370,15908,6009],{"class":5809},[5370,15910,15911],{"class":5749},"'Firefox'",[5370,15913,10882],{"class":5809},[5370,15915,15916,15918,15921],{"class":5372,"line":5438},[5370,15917,7688],{"class":5906},[5370,15919,15920],{"class":5749}," 'Параметри → Приватність і безпека → Дозволи → Сповіщення'",[5370,15922,5974],{"class":5809},[5370,15924,15925,15927,15929,15931,15933,15935,15937,15939,15941,15944],{"class":5372,"line":5444},[5370,15926,7163],{"class":5809},[5370,15928,7166],{"class":5906},[5370,15930,14561],{"class":5906},[5370,15932,7104],{"class":5809},[5370,15934,12951],{"class":5805},[5370,15936,5185],{"class":5809},[5370,15938,10374],{"class":5745},[5370,15940,6009],{"class":5809},[5370,15942,15943],{"class":5749},"'Safari'",[5370,15945,10882],{"class":5809},[5370,15947,15948,15950,15953],{"class":5372,"line":5450},[5370,15949,7688],{"class":5906},[5370,15951,15952],{"class":5749}," 'Safari → Налаштування → Веб-сайти → Сповіщення'",[5370,15954,5974],{"class":5809},[5370,15956,15957],{"class":5372,"line":5456},[5370,15958,7316],{"class":5809},[5370,15960,15961],{"class":5372,"line":5461},[5370,15962,5395],{"emptyLinePlaceholder":5394},[5370,15964,15965,15967,15970],{"class":5372,"line":5466},[5370,15966,7327],{"class":5906},[5370,15968,15969],{"class":5749}," 'Налаштування браузера → Сповіщення'",[5370,15971,5974],{"class":5809},[5370,15973,15974],{"class":5372,"line":5472},[5370,15975,6651],{"class":5809},[5370,15977,15978],{"class":5372,"line":5478},[5370,15979,5395],{"emptyLinePlaceholder":5394},[5370,15981,15982,15984],{"class":5372,"line":5484},[5370,15983,12566],{"class":5906},[5370,15985,13429],{"class":5809},[5370,15987,15988,15990,15992,15994,15996,15999],{"class":5372,"line":5490},[5370,15989,13434],{"class":5809},[5370,15991,13787],{"class":5805},[5370,15993,13513],{"class":5805},[5370,15995,5810],{"class":5809},[5370,15997,15998],{"class":5749},"\"bg-yellow-50 border border-yellow-200 rounded-lg p-4\"",[5370,16000,13555],{"class":5809},[5370,16002,16003,16005,16007,16009,16011,16014],{"class":5372,"line":5495},[5370,16004,15380],{"class":5809},[5370,16006,13787],{"class":5805},[5370,16008,13513],{"class":5805},[5370,16010,5810],{"class":5809},[5370,16012,16013],{"class":5749},"\"flex items-start gap-3\"",[5370,16015,13555],{"class":5809},[5370,16017,16018,16020,16022,16024,16026,16029],{"class":5372,"line":5500},[5370,16019,15419],{"class":5809},[5370,16021,15805],{"class":5805},[5370,16023,13513],{"class":5805},[5370,16025,5810],{"class":5809},[5370,16027,16028],{"class":5749},"\"w-5 h-5 text-yellow-600 flex-shrink-0 mt-0.5\"",[5370,16030,15430],{"class":5809},[5370,16032,16033,16035,16037,16039,16041,16043],{"class":5372,"line":5506},[5370,16034,15419],{"class":5809},[5370,16036,13787],{"class":5805},[5370,16038,13513],{"class":5805},[5370,16040,5810],{"class":5809},[5370,16042,15511],{"class":5749},[5370,16044,13555],{"class":5809},[5370,16046,16047,16049,16052,16054,16056,16059],{"class":5372,"line":5512},[5370,16048,15478],{"class":5809},[5370,16050,16051],{"class":5805},"h4",[5370,16053,13513],{"class":5805},[5370,16055,5810],{"class":5809},[5370,16057,16058],{"class":5749},"\"text-sm font-semibold text-yellow-900 mb-1\"",[5370,16060,13555],{"class":5809},[5370,16062,16063,16066],{"class":5372,"line":5518},[5370,16064,16065],{"class":5805},"            Нотифікації",[5370,16067,16068],{"class":5805}," заблоковані\n",[5370,16070,16071,16073,16075],{"class":5372,"line":5524},[5370,16072,15541],{"class":5809},[5370,16074,16051],{"class":5805},[5370,16076,13555],{"class":5809},[5370,16078,16079,16081,16083,16085,16087,16090],{"class":5372,"line":5530},[5370,16080,15478],{"class":5809},[5370,16082,5089],{"class":5805},[5370,16084,13513],{"class":5805},[5370,16086,5810],{"class":5809},[5370,16088,16089],{"class":5749},"\"text-sm text-yellow-800 mb-2\"",[5370,16091,13555],{"class":5809},[5370,16093,16094,16097,16100,16103,16106,16108,16111,16114,16117,16120,16122,16125,16128,16131,16134],{"class":5372,"line":5536},[5370,16095,16096],{"class":5805},"            Ви",[5370,16098,16099],{"class":5805}," відхилили",[5370,16101,16102],{"class":5805}," дозвіл",[5370,16104,16105],{"class":5805}," на",[5370,16107,15568],{"class":5805},[5370,16109,16110],{"class":5809},". ",[5370,16112,16113],{"class":5805},"Щоб",[5370,16115,16116],{"class":5805}," увімкнути",[5370,16118,16119],{"class":5805}," їх",[5370,16121,5244],{"class":5809},[5370,16123,16124],{"class":5805},"перейдіть",[5370,16126,16127],{"class":5805}," у",[5370,16129,16130],{"class":5805}," налаштування",[5370,16132,16133],{"class":5805}," браузера",[5370,16135,10618],{"class":5809},[5370,16137,16138,16140,16142],{"class":5372,"line":5541},[5370,16139,15541],{"class":5809},[5370,16141,5089],{"class":6071},[5370,16143,13555],{"class":5809},[5370,16145,16146,16148,16150,16152,16154,16157],{"class":5372,"line":5547},[5370,16147,15478],{"class":5809},[5370,16149,5089],{"class":6071},[5370,16151,13513],{"class":6071},[5370,16153,5810],{"class":5809},[5370,16155,16156],{"class":5749},"\"text-sm text-yellow-700 font-mono bg-yellow-100 p-2 rounded\"",[5370,16158,13555],{"class":5809},[5370,16160,16161,16163,16166],{"class":5372,"line":5553},[5370,16162,15660],{"class":5809},[5370,16164,16165],{"class":5745},"getBrowserInstructions",[5370,16167,16168],{"class":5809},"()}\n",[5370,16170,16171,16173,16175],{"class":5372,"line":5559},[5370,16172,15541],{"class":5809},[5370,16174,5089],{"class":6071},[5370,16176,13555],{"class":5809},[5370,16178,16179,16181,16183],{"class":5372,"line":5565},[5370,16180,15494],{"class":5809},[5370,16182,13787],{"class":6071},[5370,16184,13555],{"class":5809},[5370,16186,16187,16189,16191],{"class":5372,"line":5571},[5370,16188,15435],{"class":5809},[5370,16190,13787],{"class":6071},[5370,16192,13555],{"class":5809},[5370,16194,16195,16197,16199],{"class":5372,"line":5576},[5370,16196,13549],{"class":5809},[5370,16198,13787],{"class":6071},[5370,16200,13555],{"class":5809},[5370,16202,16203],{"class":5372,"line":5582},[5370,16204,10144],{"class":5809},[5370,16206,16207],{"class":5372,"line":5588},[5370,16208,5430],{"class":5809},[5610,16210,16212],{"id":16211},"_3-progressive-enhancement","3. Progressive Enhancement",[5089,16214,16215,16216,16219],{},"Не робити Web Push ",[5099,16217,16218],{},"обов'язковим"," для функціональності застосунку. Користувач має отримувати повний досвід навіть без push нотифікацій.",[5361,16221,16223],{"className":5892,"code":16222,"language":5894,"meta":5366,"style":5366},"\u002F\u002F Fallback: якщо push не підтримується, показувати in-app нотифікації\nif (!isPushSupported) {\n  \u002F\u002F Використовувати лише WebSocket in-app notifications\n  useInAppNotifications();\n} else {\n  \u002F\u002F Комбінувати WebSocket + Push\n  useInAppNotifications();\n  usePushNotifications();\n}\n",[5116,16224,16225,16230,16242,16247,16254,16262,16267,16273,16280],{"__ignoreMap":5366},[5370,16226,16227],{"class":5372,"line":5373},[5370,16228,16229],{"class":5739},"\u002F\u002F Fallback: якщо push не підтримується, показувати in-app нотифікації\n",[5370,16231,16232,16235,16237,16240],{"class":5372,"line":5379},[5370,16233,16234],{"class":5906},"if",[5370,16236,9844],{"class":5809},[5370,16238,16239],{"class":5805},"isPushSupported",[5370,16241,7109],{"class":5809},[5370,16243,16244],{"class":5372,"line":5385},[5370,16245,16246],{"class":5739},"  \u002F\u002F Використовувати лише WebSocket in-app notifications\n",[5370,16248,16249,16252],{"class":5372,"line":5391},[5370,16250,16251],{"class":5745},"  useInAppNotifications",[5370,16253,7157],{"class":5809},[5370,16255,16256,16258,16260],{"class":5372,"line":5398},[5370,16257,5965],{"class":5809},[5370,16259,7166],{"class":5906},[5370,16261,5910],{"class":5809},[5370,16263,16264],{"class":5372,"line":5404},[5370,16265,16266],{"class":5739},"  \u002F\u002F Комбінувати WebSocket + Push\n",[5370,16268,16269,16271],{"class":5372,"line":5409},[5370,16270,16251],{"class":5745},[5370,16272,7157],{"class":5809},[5370,16274,16275,16278],{"class":5372,"line":5415},[5370,16276,16277],{"class":5745},"  usePushNotifications",[5370,16279,7157],{"class":5809},[5370,16281,16282],{"class":5372,"line":5421},[5370,16283,5430],{"class":5809},[5610,16285,16287],{"id":16286},"_4-subscription-renewal","4. Subscription Renewal",[5089,16289,16290,16291,16294,16295,16298],{},"Push subscriptions можуть ",[5099,16292,16293],{},"прострочуватися"," (endpoint expired, browser updated). Потрібно ",[5099,16296,16297],{},"періодично перевіряти"," валідність subscription.",[5361,16300,16302],{"className":5892,"code":16301,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fhooks\u002FusePushNotifications.ts\nuseEffect(() => {\n  if (!isSubscribed) {\n    return;\n  }\n\n  \u002F\u002F Перевіряти subscription кожні 24 години\n  const interval = setInterval(async () => {\n    try {\n      const registration = await navigator.serviceWorker.ready;\n      const subscription = await registration.pushManager.getSubscription();\n\n      if (!subscription) {\n        \u002F\u002F Subscription expired, створити нову\n        console.log('[Push] Subscription expired, re-subscribing');\n        await subscribe();\n      }\n    } catch (error) {\n      console.error('[Push] Error checking subscription:', error);\n    }\n  }, 24 * 60 * 60 * 1000); \u002F\u002F 24 години\n\n  return () => clearInterval(interval);\n}, [isSubscribed]);\n",[5116,16303,16304,16308,16318,16328,16334,16338,16342,16347,16369,16375,16397,16419,16423,16433,16438,16453,16461,16465,16477,16495,16499,16526,16530,16548],{"__ignoreMap":5366},[5370,16305,16306],{"class":5372,"line":5373},[5370,16307,11103],{"class":5739},[5370,16309,16310,16312,16314,16316],{"class":5372,"line":5379},[5370,16311,11117],{"class":5745},[5370,16313,6142],{"class":5809},[5370,16315,6145],{"class":5753},[5370,16317,5910],{"class":5809},[5370,16319,16320,16322,16324,16326],{"class":5372,"line":5385},[5370,16321,9841],{"class":5906},[5370,16323,9844],{"class":5809},[5370,16325,11329],{"class":5805},[5370,16327,7109],{"class":5809},[5370,16329,16330,16332],{"class":5372,"line":5391},[5370,16331,7327],{"class":5906},[5370,16333,5974],{"class":5809},[5370,16335,16336],{"class":5372,"line":5398},[5370,16337,6970],{"class":5809},[5370,16339,16340],{"class":5372,"line":5404},[5370,16341,5395],{"emptyLinePlaceholder":5394},[5370,16343,16344],{"class":5372,"line":5409},[5370,16345,16346],{"class":5739},"  \u002F\u002F Перевіряти subscription кожні 24 години\n",[5370,16348,16349,16351,16354,16356,16359,16361,16363,16365,16367],{"class":5372,"line":5415},[5370,16350,9888],{"class":5753},[5370,16352,16353],{"class":7609}," interval",[5370,16355,7038],{"class":5809},[5370,16357,16358],{"class":5745},"setInterval",[5370,16360,6009],{"class":5809},[5370,16362,11500],{"class":5753},[5370,16364,11503],{"class":5809},[5370,16366,6145],{"class":5753},[5370,16368,5910],{"class":5809},[5370,16370,16371,16373],{"class":5372,"line":5421},[5370,16372,7968],{"class":5906},[5370,16374,5910],{"class":5809},[5370,16376,16377,16379,16381,16383,16385,16387,16389,16391,16393,16395],{"class":5372,"line":5427},[5370,16378,11518],{"class":5753},[5370,16380,10928],{"class":7609},[5370,16382,7038],{"class":5809},[5370,16384,7041],{"class":5906},[5370,16386,10879],{"class":5805},[5370,16388,5185],{"class":5809},[5370,16390,10939],{"class":5805},[5370,16392,5185],{"class":5809},[5370,16394,11012],{"class":5805},[5370,16396,5974],{"class":5809},[5370,16398,16399,16401,16403,16405,16407,16409,16411,16413,16415,16417],{"class":5372,"line":5433},[5370,16400,11518],{"class":5753},[5370,16402,7035],{"class":7609},[5370,16404,7038],{"class":5809},[5370,16406,7041],{"class":5906},[5370,16408,10928],{"class":5805},[5370,16410,5185],{"class":5809},[5370,16412,11553],{"class":5805},[5370,16414,5185],{"class":5809},[5370,16416,11558],{"class":5745},[5370,16418,7157],{"class":5809},[5370,16420,16421],{"class":5372,"line":5438},[5370,16422,5395],{"emptyLinePlaceholder":5394},[5370,16424,16425,16427,16429,16431],{"class":5372,"line":5444},[5370,16426,8200],{"class":5906},[5370,16428,9844],{"class":5809},[5370,16430,7076],{"class":5805},[5370,16432,7109],{"class":5809},[5370,16434,16435],{"class":5372,"line":5450},[5370,16436,16437],{"class":5739},"        \u002F\u002F Subscription expired, створити нову\n",[5370,16439,16440,16442,16444,16446,16448,16451],{"class":5372,"line":5456},[5370,16441,8236],{"class":5805},[5370,16443,5185],{"class":5809},[5370,16445,7433],{"class":5745},[5370,16447,6009],{"class":5809},[5370,16449,16450],{"class":5749},"'[Push] Subscription expired, re-subscribing'",[5370,16452,7345],{"class":5809},[5370,16454,16455,16457,16459],{"class":5372,"line":5461},[5370,16456,8253],{"class":5906},[5370,16458,6997],{"class":5745},[5370,16460,7157],{"class":5809},[5370,16462,16463],{"class":5372,"line":5466},[5370,16464,8280],{"class":5809},[5370,16466,16467,16469,16471,16473,16475],{"class":5372,"line":5472},[5370,16468,7163],{"class":5809},[5370,16470,8156],{"class":5906},[5370,16472,7104],{"class":5809},[5370,16474,8161],{"class":5805},[5370,16476,7109],{"class":5809},[5370,16478,16479,16481,16483,16485,16487,16489,16491,16493],{"class":5372,"line":5478},[5370,16480,7662],{"class":5805},[5370,16482,5185],{"class":5809},[5370,16484,8161],{"class":5745},[5370,16486,6009],{"class":5809},[5370,16488,11597],{"class":5749},[5370,16490,5244],{"class":5809},[5370,16492,8161],{"class":5805},[5370,16494,7345],{"class":5809},[5370,16496,16497],{"class":5372,"line":5484},[5370,16498,7316],{"class":5809},[5370,16500,16501,16504,16507,16509,16511,16513,16515,16517,16520,16523],{"class":5372,"line":5490},[5370,16502,16503],{"class":5809},"  }, ",[5370,16505,16506],{"class":7653},"24",[5370,16508,8028],{"class":5809},[5370,16510,8031],{"class":7653},[5370,16512,8028],{"class":5809},[5370,16514,8031],{"class":7653},[5370,16516,8028],{"class":5809},[5370,16518,16519],{"class":7653},"1000",[5370,16521,16522],{"class":5809},"); ",[5370,16524,16525],{"class":5739},"\u002F\u002F 24 години\n",[5370,16527,16528],{"class":5372,"line":5495},[5370,16529,5395],{"emptyLinePlaceholder":5394},[5370,16531,16532,16534,16536,16538,16541,16543,16546],{"class":5372,"line":5500},[5370,16533,12566],{"class":5906},[5370,16535,11503],{"class":5809},[5370,16537,6145],{"class":5753},[5370,16539,16540],{"class":5745}," clearInterval",[5370,16542,6009],{"class":5809},[5370,16544,16545],{"class":5805},"interval",[5370,16547,7345],{"class":5809},[5370,16549,16550,16553,16555],{"class":5372,"line":5506},[5370,16551,16552],{"class":5809},"}, [",[5370,16554,11329],{"class":5805},[5370,16556,13770],{"class":5809},[5165,16558],{},[5084,16560,16562],{"id":16561},"testing-web-push","Testing Web Push",[5610,16564,16566],{"id":16565},"_1-local-testing-з-ngrok","1. Local Testing з ngrok",[5089,16568,16569,16570,16573,16574,16577],{},"Push Service (Google FCM) вимагає ",[5099,16571,16572],{},"HTTPS"," для security. Для local testing використовуйте ",[5099,16575,16576],{},"ngrok"," для створення HTTPS tunnel.",[5361,16579,16581],{"className":5730,"code":16580,"language":5732,"meta":5366,"style":5366},"# Встановити ngrok\nbrew install ngrok  # macOS\n# або завантажити з https:\u002F\u002Fngrok.com\u002F\n\n# Запустити backend на localhost:3000\nnpm run start:dev\n\n# Створити HTTPS tunnel\nngrok http 3000\n",[5116,16582,16583,16588,16601,16606,16610,16615,16625,16629,16634],{"__ignoreMap":5366},[5370,16584,16585],{"class":5372,"line":5373},[5370,16586,16587],{"class":5739},"# Встановити ngrok\n",[5370,16589,16590,16593,16595,16598],{"class":5372,"line":5379},[5370,16591,16592],{"class":5745},"brew",[5370,16594,5750],{"class":5749},[5370,16596,16597],{"class":5749}," ngrok",[5370,16599,16600],{"class":5739},"  # macOS\n",[5370,16602,16603],{"class":5372,"line":5385},[5370,16604,16605],{"class":5739},"# або завантажити з https:\u002F\u002Fngrok.com\u002F\n",[5370,16607,16608],{"class":5372,"line":5391},[5370,16609,5395],{"emptyLinePlaceholder":5394},[5370,16611,16612],{"class":5372,"line":5398},[5370,16613,16614],{"class":5739},"# Запустити backend на localhost:3000\n",[5370,16616,16617,16619,16622],{"class":5372,"line":5404},[5370,16618,5746],{"class":5745},[5370,16620,16621],{"class":5749}," run",[5370,16623,16624],{"class":5749}," start:dev\n",[5370,16626,16627],{"class":5372,"line":5409},[5370,16628,5395],{"emptyLinePlaceholder":5394},[5370,16630,16631],{"class":5372,"line":5415},[5370,16632,16633],{"class":5739},"# Створити HTTPS tunnel\n",[5370,16635,16636,16638,16641],{"class":5372,"line":5421},[5370,16637,16576],{"class":5745},[5370,16639,16640],{"class":5749}," http",[5370,16642,16643],{"class":7653}," 3000\n",[5089,16645,16646,16647,16650],{},"Ngrok видасть URL типу ",[5116,16648,16649],{},"https:\u002F\u002Fabc123.ngrok.io",". Використовуйте його для backend API у frontend.",[5610,16652,16654],{"id":16653},"_2-chrome-devtools-для-debugging","2. Chrome DevTools для Debugging",[5089,16656,16657],{},[5099,16658,16659],{},"Application Tab → Service Workers:",[5093,16661,16662,16665,16668],{},[5096,16663,16664],{},"Перегляд зареєстрованих Service Workers",[5096,16666,16667],{},"Unregister для тестування повторної реєстрації",[5096,16669,16670],{},"Update on reload для автоматичного оновлення SW",[5089,16672,16673],{},[5099,16674,16675],{},"Application Tab → Push Messaging:",[5093,16677,16678,16681],{},[5096,16679,16680],{},"Симуляція push події без backend",[5096,16682,16683],{},"Перевірка subscription details (endpoint, keys)",[5089,16685,16686],{},[5099,16687,16688],{},"Console Tab:",[5093,16690,16691],{},[5096,16692,16693],{},"Логи Service Worker (відображаються окремо від main thread)",[5610,16695,16697],{"id":16696},"_3-тестування-notifications","3. Тестування Notifications",[5089,16699,16700],{},[5099,16701,16702],{},"Chrome DevTools → Application → Notifications:",[5093,16704,16705,16708],{},[5096,16706,16707],{},"Перегляд всіх показаних notifications",[5096,16709,16710],{},"Симуляція click event",[5089,16712,16713],{},[5099,16714,16715],{},"Manual Test:",[5361,16717,16719],{"className":9623,"code":16718,"language":9625,"meta":5366,"style":5366},"\u002F\u002F У консолі браузера\nnavigator.serviceWorker.ready.then((registration) => {\n  registration.showNotification('Test Notification', {\n    body: 'This is a test',\n    icon: '\u002Flogo.png',\n  });\n});\n",[5116,16720,16721,16726,16752,16768,16777,16785,16790],{"__ignoreMap":5366},[5370,16722,16723],{"class":5372,"line":5373},[5370,16724,16725],{"class":5739},"\u002F\u002F У консолі браузера\n",[5370,16727,16728,16730,16732,16734,16736,16738,16740,16742,16744,16746,16748,16750],{"class":5372,"line":5379},[5370,16729,12923],{"class":5805},[5370,16731,5185],{"class":5809},[5370,16733,10939],{"class":5805},[5370,16735,5185],{"class":5809},[5370,16737,11012],{"class":5805},[5370,16739,5185],{"class":5809},[5370,16741,10318],{"class":5745},[5370,16743,7720],{"class":5809},[5370,16745,10119],{"class":5805},[5370,16747,7726],{"class":5809},[5370,16749,6145],{"class":5753},[5370,16751,5910],{"class":5809},[5370,16753,16754,16757,16759,16761,16763,16766],{"class":5372,"line":5385},[5370,16755,16756],{"class":5805},"  registration",[5370,16758,5185],{"class":5809},[5370,16760,10124],{"class":5745},[5370,16762,6009],{"class":5809},[5370,16764,16765],{"class":5749},"'Test Notification'",[5370,16767,9327],{"class":5809},[5370,16769,16770,16772,16775],{"class":5372,"line":5391},[5370,16771,9943],{"class":5805},[5370,16773,16774],{"class":5749}," 'This is a test'",[5370,16776,5918],{"class":5809},[5370,16778,16779,16781,16783],{"class":5372,"line":5398},[5370,16780,9956],{"class":5805},[5370,16782,9355],{"class":5749},[5370,16784,5918],{"class":5809},[5370,16786,16787],{"class":5372,"line":5404},[5370,16788,16789],{"class":5809},"  });\n",[5370,16791,16792],{"class":5372,"line":5409},[5370,16793,9696],{"class":5809},[5165,16795],{},[5084,16797,16799],{"id":16798},"safari-та-ios-push-limitations","Safari та iOS Push Limitations",[5610,16801,16803],{"id":16802},"safari-desktop-macos","Safari Desktop (macOS)",[5089,16805,16806],{},"Safari підтримує Web Push з macOS Big Sur (11.3+), але має обмеження:",[5093,16808,16809,16815,16821],{},[5096,16810,16811,16814],{},[5099,16812,16813],{},"VAPID обов'язковий:"," Safari не працює без VAPID keys.",[5096,16816,16817,16820],{},[5099,16818,16819],{},"Permissions UI:"," відрізняється від Chrome\u002FFirefox, показує додатковий крок для вибору \"Allow\" або \"Don't Allow\".",[5096,16822,16823,16826],{},[5099,16824,16825],{},"Delayed support:"," деякі features (actions, images) підтримуються пізніше за Chrome.",[5610,16828,16830],{"id":16829},"safari-ios","Safari iOS",[5089,16832,16833,16834,16837],{},"iOS ",[5099,16835,16836],{},"не підтримував"," Web Push до iOS 16.4 (березень 2023). З iOS 16.4+:",[5093,16839,16840,16846,16852],{},[5096,16841,16842,16845],{},[5099,16843,16844],{},"Потрібен Add to Home Screen:"," push працює лише для PWA, доданих на Home Screen.",[5096,16847,16848,16851],{},[5099,16849,16850],{},"Немає push для звичайних сайтів:"," якщо користувач просто відкрив Safari, push не працює.",[5096,16853,16854,16857],{},[5099,16855,16856],{},"Обмежена підтримка:"," notifications API обмежений порівняно з Android Chrome.",[5089,16859,16860],{},[5099,16861,16862],{},"Fallback для iOS \u003C 16.4:",[5361,16864,16866],{"className":5892,"code":16865,"language":5894,"meta":5366,"style":5366},"\u002F\u002F Перевірка підтримки\nconst isPushSupported =\n  'serviceWorker' in navigator &&\n  'PushManager' in window &&\n  'Notification' in window;\n\nif (!isPushSupported) {\n  \u002F\u002F Для iOS \u003C 16.4 показати альтернативу\n  console.log('Web Push не підтримується, використовуємо in-app notifications');\n}\n",[5116,16867,16868,16873,16882,16893,16904,16915,16919,16929,16934,16949],{"__ignoreMap":5366},[5370,16869,16870],{"class":5372,"line":5373},[5370,16871,16872],{"class":5739},"\u002F\u002F Перевірка підтримки\n",[5370,16874,16875,16877,16880],{"class":5372,"line":5379},[5370,16876,10344],{"class":5753},[5370,16878,16879],{"class":7609}," isPushSupported",[5370,16881,11374],{"class":5809},[5370,16883,16884,16887,16889,16891],{"class":5372,"line":5385},[5370,16885,16886],{"class":5749},"  'serviceWorker'",[5370,16888,10397],{"class":5753},[5370,16890,10879],{"class":5805},[5370,16892,11386],{"class":5809},[5370,16894,16895,16898,16900,16902],{"class":5372,"line":5391},[5370,16896,16897],{"class":5749},"  'PushManager'",[5370,16899,10397],{"class":5753},[5370,16901,11396],{"class":5805},[5370,16903,11386],{"class":5809},[5370,16905,16906,16909,16911,16913],{"class":5372,"line":5398},[5370,16907,16908],{"class":5749},"  'Notification'",[5370,16910,10397],{"class":5753},[5370,16912,11396],{"class":5805},[5370,16914,5974],{"class":5809},[5370,16916,16917],{"class":5372,"line":5404},[5370,16918,5395],{"emptyLinePlaceholder":5394},[5370,16920,16921,16923,16925,16927],{"class":5372,"line":5409},[5370,16922,16234],{"class":5906},[5370,16924,9844],{"class":5809},[5370,16926,16239],{"class":5805},[5370,16928,7109],{"class":5809},[5370,16930,16931],{"class":5372,"line":5415},[5370,16932,16933],{"class":5739},"  \u002F\u002F Для iOS \u003C 16.4 показати альтернативу\n",[5370,16935,16936,16938,16940,16942,16944,16947],{"class":5372,"line":5421},[5370,16937,9664],{"class":5805},[5370,16939,5185],{"class":5809},[5370,16941,7433],{"class":5745},[5370,16943,6009],{"class":5809},[5370,16945,16946],{"class":5749},"'Web Push не підтримується, використовуємо in-app notifications'",[5370,16948,7345],{"class":5809},[5370,16950,16951],{"class":5372,"line":5427},[5370,16952,5430],{"class":5809},[5165,16954],{},[5084,16956,16958],{"id":16957},"діаграма-web-push-full-flow","Діаграма: Web Push Full Flow",[16960,16961,16962],"mermaid",{},[5361,16963,16966],{"className":16964,"code":16965,"language":16960,"meta":5366,"style":5366},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","sequenceDiagram\n    participant User\n    participant WebApp\n    participant ServiceWorker\n    participant PushService as Push Service\u003Cbr\u002F>(Google FCM)\n    participant Backend\n    participant Database\n\n    User->>WebApp: Відкриває застосунок\n    WebApp->>ServiceWorker: Реєструє SW\n    ServiceWorker-->>WebApp: SW registered\n\n    User->>WebApp: Клік \"Увімкнути нотифікації\"\n    WebApp->>User: Браузерний діалог:\u003Cbr\u002F>\"Allow notifications?\"\n    User->>WebApp: Allow\n    \n    WebApp->>Backend: GET \u002Fpush\u002Fpublic-key\n    Backend-->>WebApp: { publicKey: \"...\" }\n    \n    WebApp->>ServiceWorker: pushManager.subscribe(publicKey)\n    ServiceWorker->>PushService: Subscribe request\n    PushService-->>ServiceWorker: { endpoint, keys }\n    ServiceWorker-->>WebApp: subscription object\n    \n    WebApp->>Backend: POST \u002Fpush\u002Fsubscribe\u003Cbr\u002F>{ subscription, userId }\n    Backend->>Database: INSERT INTO push_subscriptions\n    Database-->>Backend: ✓\n    Backend-->>WebApp: { success: true }\n    \n    Note over User,WebApp: Користувач використовує застосунок,\u003Cbr\u002F>потім закриває вкладку\n    \n    Note over Backend: Інший користувач коментує пост\n    \n    Backend->>Backend: NotificationsService.create()\n    Backend->>Database: SELECT subscriptions WHERE userId = X\n    Database-->>Backend: [subscription1, subscription2]\n    \n    Backend->>PushService: sendNotification(subscription1, payload)\n    Backend->>PushService: sendNotification(subscription2, payload)\n    \n    PushService->>ServiceWorker: Push event (навіть якщо browser закритий)\n    ServiceWorker->>ServiceWorker: self.addEventListener('push')\n    ServiceWorker->>ServiceWorker: showNotification(title, options)\n    \n    ServiceWorker->>User: OS Notification (Windows\u002FmacOS\u002FAndroid)\n    \n    User->>ServiceWorker: Клік на нотифікацію\n    ServiceWorker->>ServiceWorker: notificationclick event\n    ServiceWorker->>WebApp: clients.openWindow('\u002Fposts\u002F123')\n    WebApp->>User: Відкрита сторінка поста\n",[5116,16967,16968,16973,16978,16983,16988,16993,16998,17003,17007,17012,17017,17022,17026,17031,17036,17041,17046,17051,17056,17060,17065,17070,17075,17080,17084,17089,17094,17099,17104,17108,17113,17117,17122,17126,17131,17136,17141,17145,17150,17155,17159,17164,17169,17174,17178,17183,17187,17192,17197,17202],{"__ignoreMap":5366},[5370,16969,16970],{"class":5372,"line":5373},[5370,16971,16972],{},"sequenceDiagram\n",[5370,16974,16975],{"class":5372,"line":5379},[5370,16976,16977],{},"    participant User\n",[5370,16979,16980],{"class":5372,"line":5385},[5370,16981,16982],{},"    participant WebApp\n",[5370,16984,16985],{"class":5372,"line":5391},[5370,16986,16987],{},"    participant ServiceWorker\n",[5370,16989,16990],{"class":5372,"line":5398},[5370,16991,16992],{},"    participant PushService as Push Service\u003Cbr\u002F>(Google FCM)\n",[5370,16994,16995],{"class":5372,"line":5404},[5370,16996,16997],{},"    participant Backend\n",[5370,16999,17000],{"class":5372,"line":5409},[5370,17001,17002],{},"    participant Database\n",[5370,17004,17005],{"class":5372,"line":5415},[5370,17006,5395],{"emptyLinePlaceholder":5394},[5370,17008,17009],{"class":5372,"line":5421},[5370,17010,17011],{},"    User->>WebApp: Відкриває застосунок\n",[5370,17013,17014],{"class":5372,"line":5427},[5370,17015,17016],{},"    WebApp->>ServiceWorker: Реєструє SW\n",[5370,17018,17019],{"class":5372,"line":5433},[5370,17020,17021],{},"    ServiceWorker-->>WebApp: SW registered\n",[5370,17023,17024],{"class":5372,"line":5438},[5370,17025,5395],{"emptyLinePlaceholder":5394},[5370,17027,17028],{"class":5372,"line":5444},[5370,17029,17030],{},"    User->>WebApp: Клік \"Увімкнути нотифікації\"\n",[5370,17032,17033],{"class":5372,"line":5450},[5370,17034,17035],{},"    WebApp->>User: Браузерний діалог:\u003Cbr\u002F>\"Allow notifications?\"\n",[5370,17037,17038],{"class":5372,"line":5456},[5370,17039,17040],{},"    User->>WebApp: Allow\n",[5370,17042,17043],{"class":5372,"line":5461},[5370,17044,17045],{},"    \n",[5370,17047,17048],{"class":5372,"line":5466},[5370,17049,17050],{},"    WebApp->>Backend: GET \u002Fpush\u002Fpublic-key\n",[5370,17052,17053],{"class":5372,"line":5472},[5370,17054,17055],{},"    Backend-->>WebApp: { publicKey: \"...\" }\n",[5370,17057,17058],{"class":5372,"line":5478},[5370,17059,17045],{},[5370,17061,17062],{"class":5372,"line":5484},[5370,17063,17064],{},"    WebApp->>ServiceWorker: pushManager.subscribe(publicKey)\n",[5370,17066,17067],{"class":5372,"line":5490},[5370,17068,17069],{},"    ServiceWorker->>PushService: Subscribe request\n",[5370,17071,17072],{"class":5372,"line":5495},[5370,17073,17074],{},"    PushService-->>ServiceWorker: { endpoint, keys }\n",[5370,17076,17077],{"class":5372,"line":5500},[5370,17078,17079],{},"    ServiceWorker-->>WebApp: subscription object\n",[5370,17081,17082],{"class":5372,"line":5506},[5370,17083,17045],{},[5370,17085,17086],{"class":5372,"line":5512},[5370,17087,17088],{},"    WebApp->>Backend: POST \u002Fpush\u002Fsubscribe\u003Cbr\u002F>{ subscription, userId }\n",[5370,17090,17091],{"class":5372,"line":5518},[5370,17092,17093],{},"    Backend->>Database: INSERT INTO push_subscriptions\n",[5370,17095,17096],{"class":5372,"line":5524},[5370,17097,17098],{},"    Database-->>Backend: ✓\n",[5370,17100,17101],{"class":5372,"line":5530},[5370,17102,17103],{},"    Backend-->>WebApp: { success: true }\n",[5370,17105,17106],{"class":5372,"line":5536},[5370,17107,17045],{},[5370,17109,17110],{"class":5372,"line":5541},[5370,17111,17112],{},"    Note over User,WebApp: Користувач використовує застосунок,\u003Cbr\u002F>потім закриває вкладку\n",[5370,17114,17115],{"class":5372,"line":5547},[5370,17116,17045],{},[5370,17118,17119],{"class":5372,"line":5553},[5370,17120,17121],{},"    Note over Backend: Інший користувач коментує пост\n",[5370,17123,17124],{"class":5372,"line":5559},[5370,17125,17045],{},[5370,17127,17128],{"class":5372,"line":5565},[5370,17129,17130],{},"    Backend->>Backend: NotificationsService.create()\n",[5370,17132,17133],{"class":5372,"line":5571},[5370,17134,17135],{},"    Backend->>Database: SELECT subscriptions WHERE userId = X\n",[5370,17137,17138],{"class":5372,"line":5576},[5370,17139,17140],{},"    Database-->>Backend: [subscription1, subscription2]\n",[5370,17142,17143],{"class":5372,"line":5582},[5370,17144,17045],{},[5370,17146,17147],{"class":5372,"line":5588},[5370,17148,17149],{},"    Backend->>PushService: sendNotification(subscription1, payload)\n",[5370,17151,17152],{"class":5372,"line":5594},[5370,17153,17154],{},"    Backend->>PushService: sendNotification(subscription2, payload)\n",[5370,17156,17157],{"class":5372,"line":5600},[5370,17158,17045],{},[5370,17160,17161],{"class":5372,"line":5605},[5370,17162,17163],{},"    PushService->>ServiceWorker: Push event (навіть якщо browser закритий)\n",[5370,17165,17166],{"class":5372,"line":6344},[5370,17167,17168],{},"    ServiceWorker->>ServiceWorker: self.addEventListener('push')\n",[5370,17170,17171],{"class":5372,"line":6359},[5370,17172,17173],{},"    ServiceWorker->>ServiceWorker: showNotification(title, options)\n",[5370,17175,17176],{"class":5372,"line":6374},[5370,17177,17045],{},[5370,17179,17180],{"class":5372,"line":6379},[5370,17181,17182],{},"    ServiceWorker->>User: OS Notification (Windows\u002FmacOS\u002FAndroid)\n",[5370,17184,17185],{"class":5372,"line":6389},[5370,17186,17045],{},[5370,17188,17189],{"class":5372,"line":6402},[5370,17190,17191],{},"    User->>ServiceWorker: Клік на нотифікацію\n",[5370,17193,17194],{"class":5372,"line":6407},[5370,17195,17196],{},"    ServiceWorker->>ServiceWorker: notificationclick event\n",[5370,17198,17199],{"class":5372,"line":6429},[5370,17200,17201],{},"    ServiceWorker->>WebApp: clients.openWindow('\u002Fposts\u002F123')\n",[5370,17203,17204],{"class":5372,"line":6444},[5370,17205,17206],{},"    WebApp->>User: Відкрита сторінка поста\n",[5165,17208],{},[5084,17210,17212],{"id":17211},"best-practices-та-оптимізації","Best Practices та Оптимізації",[5610,17214,17216],{"id":17215},"_1-batching-notifications","1. Batching Notifications",[5089,17218,17219,17220,17223],{},"Якщо надходить ",[5099,17221,17222],{},"багато нотифікацій за короткий час",", групувати їх у одну:",[5361,17225,17227],{"className":9623,"code":17226,"language":9625,"meta":5366,"style":5366},"\u002F\u002F Service Worker: batching logic\nlet notificationQueue = [];\nlet batchTimeout = null;\n\nself.addEventListener('push', (event) => {\n  const data = event.data.json();\n  \n  notificationQueue.push(data);\n  \n  \u002F\u002F Скасувати попередній timeout\n  if (batchTimeout) {\n    clearTimeout(batchTimeout);\n  }\n  \n  \u002F\u002F Показати batched notification через 2 секунди\n  batchTimeout = setTimeout(() => {\n    if (notificationQueue.length === 1) {\n      \u002F\u002F Одна нотифікація — показати як є\n      showSingleNotification(notificationQueue[0]);\n    } else {\n      \u002F\u002F Кілька нотифікацій — показати групову\n      showBatchedNotification(notificationQueue);\n    }\n    \n    notificationQueue = [];\n  }, 2000);\n  \n  event.waitUntil(Promise.resolve());\n});\n\nfunction showBatchedNotification(notifications) {\n  const title = `${notifications.length} нових нотифікацій`;\n  const body = notifications.map(n => n.body).join(', ');\n  \n  self.registration.showNotification(title, {\n    body,\n    icon: '\u002Flogo.png',\n    badge: '\u002Fbadge.png',\n    tag: 'batched', \u002F\u002F Всі batched notifications мають один tag\n    data: {\n      url: '\u002Fnotifications',\n      count: notifications.length,\n    },\n  });\n}\n",[5116,17228,17229,17234,17244,17257,17261,17283,17303,17308,17324,17328,17333,17344,17355,17359,17363,17368,17384,17404,17409,17424,17432,17437,17448,17452,17456,17463,17472,17476,17496,17500,17504,17518,17544,17586,17590,17608,17615,17623,17631,17643,17649,17658,17672,17677,17681],{"__ignoreMap":5366},[5370,17230,17231],{"class":5372,"line":5373},[5370,17232,17233],{"class":5739},"\u002F\u002F Service Worker: batching logic\n",[5370,17235,17236,17238,17241],{"class":5372,"line":5379},[5370,17237,12822],{"class":5753},[5370,17239,17240],{"class":5805}," notificationQueue",[5370,17242,17243],{"class":5809}," = [];\n",[5370,17245,17246,17248,17251,17253,17255],{"class":5372,"line":5385},[5370,17247,12822],{"class":5753},[5370,17249,17250],{"class":5805}," batchTimeout",[5370,17252,7038],{"class":5809},[5370,17254,10862],{"class":5753},[5370,17256,5974],{"class":5809},[5370,17258,17259],{"class":5372,"line":5391},[5370,17260,5395],{"emptyLinePlaceholder":5394},[5370,17262,17263,17265,17267,17269,17271,17273,17275,17277,17279,17281],{"class":5372,"line":5398},[5370,17264,9637],{"class":5805},[5370,17266,5185],{"class":5809},[5370,17268,9642],{"class":5745},[5370,17270,6009],{"class":5809},[5370,17272,8797],{"class":5749},[5370,17274,9650],{"class":5809},[5370,17276,9653],{"class":5805},[5370,17278,7726],{"class":5809},[5370,17280,6145],{"class":5753},[5370,17282,5910],{"class":5809},[5370,17284,17285,17287,17289,17291,17293,17295,17297,17299,17301],{"class":5372,"line":5404},[5370,17286,9888],{"class":5753},[5370,17288,9891],{"class":7609},[5370,17290,7038],{"class":5809},[5370,17292,9653],{"class":5805},[5370,17294,5185],{"class":5809},[5370,17296,9851],{"class":5805},[5370,17298,5185],{"class":5809},[5370,17300,9904],{"class":5745},[5370,17302,7157],{"class":5809},[5370,17304,17305],{"class":5372,"line":5409},[5370,17306,17307],{"class":5809},"  \n",[5370,17309,17310,17313,17315,17318,17320,17322],{"class":5372,"line":5415},[5370,17311,17312],{"class":5805},"  notificationQueue",[5370,17314,5185],{"class":5809},[5370,17316,17317],{"class":5745},"push",[5370,17319,6009],{"class":5809},[5370,17321,9851],{"class":5805},[5370,17323,7345],{"class":5809},[5370,17325,17326],{"class":5372,"line":5421},[5370,17327,17307],{"class":5809},[5370,17329,17330],{"class":5372,"line":5427},[5370,17331,17332],{"class":5739},"  \u002F\u002F Скасувати попередній timeout\n",[5370,17334,17335,17337,17339,17342],{"class":5372,"line":5433},[5370,17336,9841],{"class":5906},[5370,17338,7104],{"class":5809},[5370,17340,17341],{"class":5805},"batchTimeout",[5370,17343,7109],{"class":5809},[5370,17345,17346,17349,17351,17353],{"class":5372,"line":5438},[5370,17347,17348],{"class":5745},"    clearTimeout",[5370,17350,6009],{"class":5809},[5370,17352,17341],{"class":5805},[5370,17354,7345],{"class":5809},[5370,17356,17357],{"class":5372,"line":5444},[5370,17358,6970],{"class":5809},[5370,17360,17361],{"class":5372,"line":5450},[5370,17362,17307],{"class":5809},[5370,17364,17365],{"class":5372,"line":5456},[5370,17366,17367],{"class":5739},"  \u002F\u002F Показати batched notification через 2 секунди\n",[5370,17369,17370,17373,17375,17378,17380,17382],{"class":5372,"line":5461},[5370,17371,17372],{"class":5805},"  batchTimeout",[5370,17374,7038],{"class":5809},[5370,17376,17377],{"class":5745},"setTimeout",[5370,17379,6142],{"class":5809},[5370,17381,6145],{"class":5753},[5370,17383,5910],{"class":5809},[5370,17385,17386,17388,17390,17393,17395,17397,17399,17402],{"class":5372,"line":5466},[5370,17387,7101],{"class":5906},[5370,17389,7104],{"class":5809},[5370,17391,17392],{"class":5805},"notificationQueue",[5370,17394,5185],{"class":5809},[5370,17396,7647],{"class":5805},[5370,17398,7650],{"class":5809},[5370,17400,17401],{"class":7653},"1",[5370,17403,7109],{"class":5809},[5370,17405,17406],{"class":5372,"line":5472},[5370,17407,17408],{"class":5739},"      \u002F\u002F Одна нотифікація — показати як є\n",[5370,17410,17411,17414,17416,17418,17420,17422],{"class":5372,"line":5478},[5370,17412,17413],{"class":5745},"      showSingleNotification",[5370,17415,6009],{"class":5809},[5370,17417,17392],{"class":5805},[5370,17419,12858],{"class":5809},[5370,17421,7654],{"class":7653},[5370,17423,13770],{"class":5809},[5370,17425,17426,17428,17430],{"class":5372,"line":5484},[5370,17427,7163],{"class":5809},[5370,17429,7166],{"class":5906},[5370,17431,5910],{"class":5809},[5370,17433,17434],{"class":5372,"line":5490},[5370,17435,17436],{"class":5739},"      \u002F\u002F Кілька нотифікацій — показати групову\n",[5370,17438,17439,17442,17444,17446],{"class":5372,"line":5495},[5370,17440,17441],{"class":5745},"      showBatchedNotification",[5370,17443,6009],{"class":5809},[5370,17445,17392],{"class":5805},[5370,17447,7345],{"class":5809},[5370,17449,17450],{"class":5372,"line":5500},[5370,17451,7316],{"class":5809},[5370,17453,17454],{"class":5372,"line":5506},[5370,17455,17045],{"class":5809},[5370,17457,17458,17461],{"class":5372,"line":5512},[5370,17459,17460],{"class":5805},"    notificationQueue",[5370,17462,17243],{"class":5809},[5370,17464,17465,17467,17470],{"class":5372,"line":5518},[5370,17466,16503],{"class":5809},[5370,17468,17469],{"class":7653},"2000",[5370,17471,7345],{"class":5809},[5370,17473,17474],{"class":5372,"line":5524},[5370,17475,17307],{"class":5809},[5370,17477,17478,17480,17482,17484,17486,17488,17490,17493],{"class":5372,"line":5530},[5370,17479,9743],{"class":5805},[5370,17481,5185],{"class":5809},[5370,17483,9748],{"class":5745},[5370,17485,6009],{"class":5809},[5370,17487,7013],{"class":6071},[5370,17489,5185],{"class":5809},[5370,17491,17492],{"class":5745},"resolve",[5370,17494,17495],{"class":5809},"());\n",[5370,17497,17498],{"class":5372,"line":5536},[5370,17499,9696],{"class":5809},[5370,17501,17502],{"class":5372,"line":5541},[5370,17503,5395],{"emptyLinePlaceholder":5394},[5370,17505,17506,17508,17511,17513,17516],{"class":5372,"line":5547},[5370,17507,12640],{"class":5753},[5370,17509,17510],{"class":5745}," showBatchedNotification",[5370,17512,6009],{"class":5809},[5370,17514,17515],{"class":5805},"notifications",[5370,17517,7109],{"class":5809},[5370,17519,17520,17522,17525,17527,17529,17531,17533,17535,17537,17539,17542],{"class":5372,"line":5553},[5370,17521,9888],{"class":5753},[5370,17523,17524],{"class":7609}," title",[5370,17526,7038],{"class":5809},[5370,17528,7449],{"class":5749},[5370,17530,7441],{"class":5753},[5370,17532,17515],{"class":5805},[5370,17534,5185],{"class":7800},[5370,17536,7647],{"class":5805},[5370,17538,7446],{"class":5753},[5370,17540,17541],{"class":5749}," нових нотифікацій`",[5370,17543,5974],{"class":5809},[5370,17545,17546,17548,17551,17553,17555,17557,17559,17561,17564,17567,17570,17572,17574,17576,17579,17581,17584],{"class":5372,"line":5559},[5370,17547,9888],{"class":5753},[5370,17549,17550],{"class":7609}," body",[5370,17552,7038],{"class":5809},[5370,17554,17515],{"class":5805},[5370,17556,5185],{"class":5809},[5370,17558,7717],{"class":5745},[5370,17560,6009],{"class":5809},[5370,17562,17563],{"class":5805},"n",[5370,17565,17566],{"class":5753}," =>",[5370,17568,17569],{"class":5805}," n",[5370,17571,5185],{"class":5809},[5370,17573,8912],{"class":5805},[5370,17575,5251],{"class":5809},[5370,17577,17578],{"class":5745},"join",[5370,17580,6009],{"class":5809},[5370,17582,17583],{"class":5749},"', '",[5370,17585,7345],{"class":5809},[5370,17587,17588],{"class":5372,"line":5565},[5370,17589,17307],{"class":5809},[5370,17591,17592,17594,17596,17598,17600,17602,17604,17606],{"class":5372,"line":5571},[5370,17593,9680],{"class":5805},[5370,17595,5185],{"class":5809},[5370,17597,10119],{"class":5805},[5370,17599,5185],{"class":5809},[5370,17601,10124],{"class":5745},[5370,17603,6009],{"class":5809},[5370,17605,6780],{"class":5805},[5370,17607,9327],{"class":5809},[5370,17609,17610,17613],{"class":5372,"line":5576},[5370,17611,17612],{"class":5805},"    body",[5370,17614,5918],{"class":5809},[5370,17616,17617,17619,17621],{"class":5372,"line":5582},[5370,17618,9956],{"class":5805},[5370,17620,9355],{"class":5749},[5370,17622,5918],{"class":5809},[5370,17624,17625,17627,17629],{"class":5372,"line":5588},[5370,17626,9974],{"class":5805},[5370,17628,9365],{"class":5749},[5370,17630,5918],{"class":5809},[5370,17632,17633,17635,17638,17640],{"class":5372,"line":5594},[5370,17634,10062],{"class":5805},[5370,17636,17637],{"class":5749}," 'batched'",[5370,17639,5244],{"class":5809},[5370,17641,17642],{"class":5739},"\u002F\u002F Всі batched notifications мають один tag\n",[5370,17644,17645,17647],{"class":5372,"line":5600},[5370,17646,10007],{"class":5805},[5370,17648,5910],{"class":5809},[5370,17650,17651,17654,17656],{"class":5372,"line":5605},[5370,17652,17653],{"class":5805},"      url:",[5370,17655,9382],{"class":5749},[5370,17657,5918],{"class":5809},[5370,17659,17660,17663,17666,17668,17670],{"class":5372,"line":6344},[5370,17661,17662],{"class":5805},"      count:",[5370,17664,17665],{"class":5805}," notifications",[5370,17667,5185],{"class":5809},[5370,17669,7647],{"class":5805},[5370,17671,5918],{"class":5809},[5370,17673,17674],{"class":5372,"line":6359},[5370,17675,17676],{"class":5809},"    },\n",[5370,17678,17679],{"class":5372,"line":6374},[5370,17680,16789],{"class":5809},[5370,17682,17683],{"class":5372,"line":6379},[5370,17684,5430],{"class":5809},[5610,17686,17688],{"id":17687},"_2-silent-push-для-data-sync","2. Silent Push для Data Sync",[5089,17690,17691,17692,17695],{},"Використати push для ",[5099,17693,17694],{},"синхронізації даних"," без показу notification (якщо дозволено UX):",[5361,17697,17699],{"className":9623,"code":17698,"language":9625,"meta":5366,"style":5366},"\u002F\u002F Service Worker: silent push\nself.addEventListener('push', (event) => {\n  const data = event.data.json();\n  \n  if (data.silent) {\n    \u002F\u002F Синхронізувати дані без notification\n    event.waitUntil(\n      fetch('\u002Fapi\u002Fsync', {\n        method: 'POST',\n        body: JSON.stringify(data),\n      })\n    );\n    return;\n  }\n  \n  \u002F\u002F Показати notification як зазвичай\n  event.waitUntil(\n    self.registration.showNotification(data.title, { body: data.body })\n  );\n});\n",[5116,17700,17701,17706,17728,17748,17752,17767,17772,17783,17795,17803,17819,17823,17827,17833,17837,17841,17846,17856,17889,17893],{"__ignoreMap":5366},[5370,17702,17703],{"class":5372,"line":5373},[5370,17704,17705],{"class":5739},"\u002F\u002F Service Worker: silent push\n",[5370,17707,17708,17710,17712,17714,17716,17718,17720,17722,17724,17726],{"class":5372,"line":5379},[5370,17709,9637],{"class":5805},[5370,17711,5185],{"class":5809},[5370,17713,9642],{"class":5745},[5370,17715,6009],{"class":5809},[5370,17717,8797],{"class":5749},[5370,17719,9650],{"class":5809},[5370,17721,9653],{"class":5805},[5370,17723,7726],{"class":5809},[5370,17725,6145],{"class":5753},[5370,17727,5910],{"class":5809},[5370,17729,17730,17732,17734,17736,17738,17740,17742,17744,17746],{"class":5372,"line":5385},[5370,17731,9888],{"class":5753},[5370,17733,9891],{"class":7609},[5370,17735,7038],{"class":5809},[5370,17737,9653],{"class":5805},[5370,17739,5185],{"class":5809},[5370,17741,9851],{"class":5805},[5370,17743,5185],{"class":5809},[5370,17745,9904],{"class":5745},[5370,17747,7157],{"class":5809},[5370,17749,17750],{"class":5372,"line":5391},[5370,17751,17307],{"class":5809},[5370,17753,17754,17756,17758,17760,17762,17765],{"class":5372,"line":5398},[5370,17755,9841],{"class":5906},[5370,17757,7104],{"class":5809},[5370,17759,9851],{"class":5805},[5370,17761,5185],{"class":5809},[5370,17763,17764],{"class":5805},"silent",[5370,17766,7109],{"class":5809},[5370,17768,17769],{"class":5372,"line":5404},[5370,17770,17771],{"class":5739},"    \u002F\u002F Синхронізувати дані без notification\n",[5370,17773,17774,17777,17779,17781],{"class":5372,"line":5409},[5370,17775,17776],{"class":5805},"    event",[5370,17778,5185],{"class":5809},[5370,17780,9748],{"class":5745},[5370,17782,6831],{"class":5809},[5370,17784,17785,17788,17790,17793],{"class":5372,"line":5415},[5370,17786,17787],{"class":5745},"      fetch",[5370,17789,6009],{"class":5809},[5370,17791,17792],{"class":5749},"'\u002Fapi\u002Fsync'",[5370,17794,9327],{"class":5809},[5370,17796,17797,17799,17801],{"class":5372,"line":5421},[5370,17798,12085],{"class":5805},[5370,17800,10703],{"class":5749},[5370,17802,5918],{"class":5809},[5370,17804,17805,17807,17809,17811,17813,17815,17817],{"class":5372,"line":5427},[5370,17806,12131],{"class":5805},[5370,17808,10730],{"class":7609},[5370,17810,5185],{"class":5809},[5370,17812,8004],{"class":5745},[5370,17814,6009],{"class":5809},[5370,17816,9851],{"class":5805},[5370,17818,6922],{"class":5809},[5370,17820,17821],{"class":5372,"line":5433},[5370,17822,8522],{"class":5809},[5370,17824,17825],{"class":5372,"line":5438},[5370,17826,6965],{"class":5809},[5370,17828,17829,17831],{"class":5372,"line":5444},[5370,17830,7327],{"class":5906},[5370,17832,5974],{"class":5809},[5370,17834,17835],{"class":5372,"line":5450},[5370,17836,6970],{"class":5809},[5370,17838,17839],{"class":5372,"line":5456},[5370,17840,17307],{"class":5809},[5370,17842,17843],{"class":5372,"line":5461},[5370,17844,17845],{"class":5739},"  \u002F\u002F Показати notification як зазвичай\n",[5370,17847,17848,17850,17852,17854],{"class":5372,"line":5466},[5370,17849,9743],{"class":5805},[5370,17851,5185],{"class":5809},[5370,17853,9748],{"class":5745},[5370,17855,6831],{"class":5809},[5370,17857,17858,17860,17862,17864,17866,17868,17870,17872,17874,17876,17878,17881,17883,17885,17887],{"class":5372,"line":5472},[5370,17859,10114],{"class":5805},[5370,17861,5185],{"class":5809},[5370,17863,10119],{"class":5805},[5370,17865,5185],{"class":5809},[5370,17867,10124],{"class":5745},[5370,17869,6009],{"class":5809},[5370,17871,9851],{"class":5805},[5370,17873,5185],{"class":5809},[5370,17875,6780],{"class":5805},[5370,17877,6151],{"class":5809},[5370,17879,17880],{"class":5805},"body:",[5370,17882,9891],{"class":5805},[5370,17884,5185],{"class":5809},[5370,17886,8912],{"class":5805},[5370,17888,6160],{"class":5809},[5370,17890,17891],{"class":5372,"line":5478},[5370,17892,10144],{"class":5809},[5370,17894,17895],{"class":5372,"line":5484},[5370,17896,9696],{"class":5809},[5838,17898,17899,17902,17903,17906,17907,17910],{},[5099,17900,17901],{},"userVisibleOnly:"," більшість браузерів вимагають ",[5116,17904,17905],{},"userVisibleOnly: true"," при підписці, що означає ",[5099,17908,17909],{},"кожен push має показувати notification",". Silent push може порушувати privacy guidelines.",[5610,17912,17914],{"id":17913},"_3-rate-limiting-push","3. Rate Limiting Push",[5089,17916,17917],{},"Запобігти spam push notifications:",[5361,17919,17921],{"className":5892,"code":17920,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fpush\u002Fpush.service.ts\nimport { InjectRedis } from '@liaoliaots\u002Fnestjs-redis';\nimport Redis from 'ioredis';\n\nasync sendToUser(userId: number, payload: PushPayload): Promise\u003Cvoid> {\n  \u002F\u002F Перевірити rate limit (максимум 10 push за хвилину)\n  const key = `push-rate-limit:${userId}`;\n  const count = await this.redis.incr(key);\n  \n  if (count === 1) {\n    await this.redis.expire(key, 60); \u002F\u002F 60 секунд TTL\n  }\n  \n  if (count > 10) {\n    console.warn(`[PushService] Rate limit exceeded для користувача ${userId}`);\n    return;\n  }\n  \n  \u002F\u002F Відправити push...\n}\n",[5116,17922,17923,17927,17945,17959,17963,17995,18000,18023,18052,18056,18067,18095,18099,18103,18114,18137,18143,18147,18151,18156],{"__ignoreMap":5366},[5370,17924,17925],{"class":5372,"line":5373},[5370,17926,6460],{"class":5739},[5370,17928,17929,17931,17933,17936,17938,17940,17943],{"class":5372,"line":5379},[5370,17930,5907],{"class":5906},[5370,17932,5981],{"class":5809},[5370,17934,17935],{"class":5805},"InjectRedis",[5370,17937,5987],{"class":5809},[5370,17939,5968],{"class":5906},[5370,17941,17942],{"class":5749}," '@liaoliaots\u002Fnestjs-redis'",[5370,17944,5974],{"class":5809},[5370,17946,17947,17949,17952,17954,17957],{"class":5372,"line":5385},[5370,17948,5907],{"class":5906},[5370,17950,17951],{"class":5805}," Redis",[5370,17953,6546],{"class":5906},[5370,17955,17956],{"class":5749}," 'ioredis'",[5370,17958,5974],{"class":5809},[5370,17960,17961],{"class":5372,"line":5391},[5370,17962,5395],{"emptyLinePlaceholder":5394},[5370,17964,17965,17967,17969,17971,17973,17975,17977,17979,17981,17983,17985,17987,17989,17991,17993],{"class":5372,"line":5398},[5370,17966,11500],{"class":5805},[5370,17968,7572],{"class":5745},[5370,17970,6009],{"class":5809},[5370,17972,7126],{"class":5805},[5370,17974,6097],{"class":5809},[5370,17976,6126],{"class":5805},[5370,17978,5244],{"class":5809},[5370,17980,7585],{"class":5805},[5370,17982,6097],{"class":5809},[5370,17984,7590],{"class":5805},[5370,17986,7010],{"class":5809},[5370,17988,7013],{"class":6071},[5370,17990,6859],{"class":5809},[5370,17992,7396],{"class":5753},[5370,17994,7020],{"class":5809},[5370,17996,17997],{"class":5372,"line":5404},[5370,17998,17999],{"class":5739},"  \u002F\u002F Перевірити rate limit (максимум 10 push за хвилину)\n",[5370,18001,18002,18005,18008,18010,18013,18015,18017,18019,18021],{"class":5372,"line":5409},[5370,18003,18004],{"class":5809},"  const ",[5370,18006,18007],{"class":5805},"key",[5370,18009,7038],{"class":5809},[5370,18011,18012],{"class":5749},"`push-rate-limit:",[5370,18014,7441],{"class":5753},[5370,18016,7126],{"class":5805},[5370,18018,7446],{"class":5753},[5370,18020,7449],{"class":5749},[5370,18022,5974],{"class":5809},[5370,18024,18025,18027,18030,18032,18034,18036,18038,18041,18043,18046,18048,18050],{"class":5372,"line":5415},[5370,18026,18004],{"class":5809},[5370,18028,18029],{"class":5805},"count",[5370,18031,7038],{"class":5809},[5370,18033,7041],{"class":5906},[5370,18035,7044],{"class":5753},[5370,18037,5185],{"class":5809},[5370,18039,18040],{"class":5805},"redis",[5370,18042,5185],{"class":5809},[5370,18044,18045],{"class":5745},"incr",[5370,18047,6009],{"class":5809},[5370,18049,18007],{"class":5805},[5370,18051,7345],{"class":5809},[5370,18053,18054],{"class":5372,"line":5421},[5370,18055,17307],{"class":5809},[5370,18057,18058,18060,18062,18064],{"class":5372,"line":5427},[5370,18059,9841],{"class":5745},[5370,18061,7104],{"class":5809},[5370,18063,18029],{"class":5805},[5370,18065,18066],{"class":5809}," === 1) {\n",[5370,18068,18069,18071,18073,18075,18077,18079,18082,18084,18086,18088,18090,18092],{"class":5372,"line":5433},[5370,18070,7404],{"class":5906},[5370,18072,7044],{"class":5753},[5370,18074,5185],{"class":5809},[5370,18076,18040],{"class":5805},[5370,18078,5185],{"class":5809},[5370,18080,18081],{"class":5745},"expire",[5370,18083,6009],{"class":5809},[5370,18085,18007],{"class":5805},[5370,18087,5244],{"class":5809},[5370,18089,8031],{"class":7653},[5370,18091,16522],{"class":5809},[5370,18093,18094],{"class":5739},"\u002F\u002F 60 секунд TTL\n",[5370,18096,18097],{"class":5372,"line":5438},[5370,18098,6970],{"class":5809},[5370,18100,18101],{"class":5372,"line":5444},[5370,18102,17307],{"class":5809},[5370,18104,18105,18107,18109,18111],{"class":5372,"line":5450},[5370,18106,9841],{"class":5745},[5370,18108,7104],{"class":5809},[5370,18110,18029],{"class":5805},[5370,18112,18113],{"class":5809}," > 10) {\n",[5370,18115,18116,18118,18120,18122,18124,18127,18129,18131,18133,18135],{"class":5372,"line":5456},[5370,18117,7428],{"class":5805},[5370,18119,5185],{"class":5809},[5370,18121,9862],{"class":5745},[5370,18123,6009],{"class":5809},[5370,18125,18126],{"class":5749},"`[PushService] Rate limit exceeded для користувача ",[5370,18128,7441],{"class":5753},[5370,18130,7126],{"class":5805},[5370,18132,7446],{"class":5753},[5370,18134,7449],{"class":5749},[5370,18136,7345],{"class":5809},[5370,18138,18139,18141],{"class":5372,"line":5461},[5370,18140,7327],{"class":5906},[5370,18142,5974],{"class":5809},[5370,18144,18145],{"class":5372,"line":5466},[5370,18146,6970],{"class":5809},[5370,18148,18149],{"class":5372,"line":5472},[5370,18150,17307],{"class":5809},[5370,18152,18153],{"class":5372,"line":5478},[5370,18154,18155],{"class":5739},"  \u002F\u002F Відправити push...\n",[5370,18157,18158],{"class":5372,"line":5484},[5370,18159,5430],{"class":5809},[5610,18161,18163],{"id":18162},"_4-analytics-та-metrics","4. Analytics та Metrics",[5089,18165,18166],{},"Відстежувати ефективність push notifications:",[5361,18168,18170],{"className":5892,"code":18169,"language":5894,"meta":5366,"style":5366},"\u002F\u002F src\u002Fpush\u002Fentities\u002Fpush-analytics.entity.ts\n@Entity('push_analytics')\nexport class PushAnalytics {\n  @PrimaryGeneratedColumn('uuid')\n  id: string;\n\n  @Column()\n  userId: number;\n\n  @Column()\n  notificationId: string;\n\n  @Column({ type: 'timestamp' })\n  sentAt: Date;\n\n  @Column({ type: 'timestamp', nullable: true })\n  deliveredAt?: Date; \u002F\u002F Коли Service Worker отримав push\n\n  @Column({ type: 'timestamp', nullable: true })\n  clickedAt?: Date; \u002F\u002F Коли користувач клікнув\n\n  @Column({ default: false })\n  wasClicked: boolean;\n}\n",[5116,18171,18172,18177,18190,18201,18213,18223,18227,18235,18245,18249,18257,18268,18272,18286,18297,18301,18321,18335,18339,18359,18373,18377,18392,18403],{"__ignoreMap":5366},[5370,18173,18174],{"class":5372,"line":5373},[5370,18175,18176],{"class":5739},"\u002F\u002F src\u002Fpush\u002Fentities\u002Fpush-analytics.entity.ts\n",[5370,18178,18179,18181,18183,18185,18188],{"class":5372,"line":5379},[5370,18180,6003],{"class":5809},[5370,18182,6006],{"class":5745},[5370,18184,6009],{"class":5809},[5370,18186,18187],{"class":5749},"'push_analytics'",[5370,18189,6015],{"class":5809},[5370,18191,18192,18194,18196,18199],{"class":5372,"line":5385},[5370,18193,6065],{"class":5906},[5370,18195,6068],{"class":5753},[5370,18197,18198],{"class":6071}," PushAnalytics",[5370,18200,5910],{"class":5809},[5370,18202,18203,18205,18207,18209,18211],{"class":5372,"line":5391},[5370,18204,6079],{"class":5809},[5370,18206,6082],{"class":5745},[5370,18208,6009],{"class":5809},[5370,18210,6087],{"class":5749},[5370,18212,6015],{"class":5809},[5370,18214,18215,18217,18219,18221],{"class":5372,"line":5398},[5370,18216,6094],{"class":5805},[5370,18218,6097],{"class":5809},[5370,18220,6100],{"class":6071},[5370,18222,5974],{"class":5809},[5370,18224,18225],{"class":5372,"line":5404},[5370,18226,5395],{"emptyLinePlaceholder":5394},[5370,18228,18229,18231,18233],{"class":5372,"line":5409},[5370,18230,6079],{"class":5809},[5370,18232,6113],{"class":5745},[5370,18234,6116],{"class":5809},[5370,18236,18237,18239,18241,18243],{"class":5372,"line":5415},[5370,18238,6121],{"class":5805},[5370,18240,6097],{"class":5809},[5370,18242,6126],{"class":6071},[5370,18244,5974],{"class":5809},[5370,18246,18247],{"class":5372,"line":5421},[5370,18248,5395],{"emptyLinePlaceholder":5394},[5370,18250,18251,18253,18255],{"class":5372,"line":5427},[5370,18252,6079],{"class":5809},[5370,18254,6113],{"class":5745},[5370,18256,6116],{"class":5809},[5370,18258,18259,18262,18264,18266],{"class":5372,"line":5433},[5370,18260,18261],{"class":5805},"  notificationId",[5370,18263,6097],{"class":5809},[5370,18265,6100],{"class":6071},[5370,18267,5974],{"class":5809},[5370,18269,18270],{"class":5372,"line":5438},[5370,18271,5395],{"emptyLinePlaceholder":5394},[5370,18273,18274,18276,18278,18280,18282,18284],{"class":5372,"line":5444},[5370,18275,6079],{"class":5809},[5370,18277,6113],{"class":5745},[5370,18279,6170],{"class":5809},[5370,18281,6209],{"class":5805},[5370,18283,6418],{"class":5749},[5370,18285,6160],{"class":5809},[5370,18287,18288,18291,18293,18295],{"class":5372,"line":5450},[5370,18289,18290],{"class":5805},"  sentAt",[5370,18292,6097],{"class":5809},[5370,18294,6397],{"class":6071},[5370,18296,5974],{"class":5809},[5370,18298,18299],{"class":5372,"line":5456},[5370,18300,5395],{"emptyLinePlaceholder":5394},[5370,18302,18303,18305,18307,18309,18311,18313,18315,18317,18319],{"class":5372,"line":5461},[5370,18304,6079],{"class":5809},[5370,18306,6113],{"class":5745},[5370,18308,6170],{"class":5809},[5370,18310,6209],{"class":5805},[5370,18312,6418],{"class":5749},[5370,18314,5244],{"class":5809},[5370,18316,6321],{"class":5805},[5370,18318,6054],{"class":5753},[5370,18320,6160],{"class":5809},[5370,18322,18323,18326,18328,18330,18332],{"class":5372,"line":5466},[5370,18324,18325],{"class":5805},"  deliveredAt",[5370,18327,6333],{"class":5809},[5370,18329,6397],{"class":6071},[5370,18331,6266],{"class":5809},[5370,18333,18334],{"class":5739},"\u002F\u002F Коли Service Worker отримав push\n",[5370,18336,18337],{"class":5372,"line":5472},[5370,18338,5395],{"emptyLinePlaceholder":5394},[5370,18340,18341,18343,18345,18347,18349,18351,18353,18355,18357],{"class":5372,"line":5478},[5370,18342,6079],{"class":5809},[5370,18344,6113],{"class":5745},[5370,18346,6170],{"class":5809},[5370,18348,6209],{"class":5805},[5370,18350,6418],{"class":5749},[5370,18352,5244],{"class":5809},[5370,18354,6321],{"class":5805},[5370,18356,6054],{"class":5753},[5370,18358,6160],{"class":5809},[5370,18360,18361,18364,18366,18368,18370],{"class":5372,"line":5484},[5370,18362,18363],{"class":5805},"  clickedAt",[5370,18365,6333],{"class":5809},[5370,18367,6397],{"class":6071},[5370,18369,6266],{"class":5809},[5370,18371,18372],{"class":5739},"\u002F\u002F Коли користувач клікнув\n",[5370,18374,18375],{"class":5372,"line":5490},[5370,18376,5395],{"emptyLinePlaceholder":5394},[5370,18378,18379,18381,18383,18385,18388,18390],{"class":5372,"line":5495},[5370,18380,6079],{"class":5809},[5370,18382,6113],{"class":5745},[5370,18384,6170],{"class":5809},[5370,18386,18387],{"class":5805},"default:",[5370,18389,11672],{"class":5753},[5370,18391,6160],{"class":5809},[5370,18393,18394,18397,18399,18401],{"class":5372,"line":5500},[5370,18395,18396],{"class":5805},"  wasClicked",[5370,18398,6097],{"class":5809},[5370,18400,11149],{"class":6071},[5370,18402,5974],{"class":5809},[5370,18404,18405],{"class":5372,"line":5506},[5370,18406,5430],{"class":5809},[5089,18408,18409],{},"Відстежувати clicks через Service Worker → Backend callback:",[5361,18411,18413],{"className":9623,"code":18412,"language":9625,"meta":5366,"style":5366},"\u002F\u002F Service Worker\nself.addEventListener('notificationclick', (event) => {\n  const notificationId = event.notification.data.notificationId;\n  \n  \u002F\u002F Відправити analytics event на backend\n  fetch('\u002Fapi\u002Fpush\u002Fanalytics\u002Fclick', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\u002Fjson' },\n    body: JSON.stringify({ notificationId }),\n  });\n  \n  \u002F\u002F Решта click handling...\n});\n",[5116,18414,18415,18420,18442,18468,18472,18477,18489,18498,18513,18529,18533,18537,18542],{"__ignoreMap":5366},[5370,18416,18417],{"class":5372,"line":5373},[5370,18418,18419],{"class":5739},"\u002F\u002F Service Worker\n",[5370,18421,18422,18424,18426,18428,18430,18432,18434,18436,18438,18440],{"class":5372,"line":5379},[5370,18423,9637],{"class":5805},[5370,18425,5185],{"class":5809},[5370,18427,9642],{"class":5745},[5370,18429,6009],{"class":5809},[5370,18431,10178],{"class":5749},[5370,18433,9650],{"class":5809},[5370,18435,9653],{"class":5805},[5370,18437,7726],{"class":5809},[5370,18439,6145],{"class":5753},[5370,18441,5910],{"class":5809},[5370,18443,18444,18446,18449,18451,18453,18455,18457,18459,18461,18463,18466],{"class":5372,"line":5385},[5370,18445,9888],{"class":5753},[5370,18447,18448],{"class":7609}," notificationId",[5370,18450,7038],{"class":5809},[5370,18452,9653],{"class":5805},[5370,18454,5185],{"class":5809},[5370,18456,10220],{"class":5805},[5370,18458,5185],{"class":5809},[5370,18460,9851],{"class":5805},[5370,18462,5185],{"class":5809},[5370,18464,18465],{"class":5805},"notificationId",[5370,18467,5974],{"class":5809},[5370,18469,18470],{"class":5372,"line":5391},[5370,18471,17307],{"class":5809},[5370,18473,18474],{"class":5372,"line":5398},[5370,18475,18476],{"class":5739},"  \u002F\u002F Відправити analytics event на backend\n",[5370,18478,18479,18482,18484,18487],{"class":5372,"line":5404},[5370,18480,18481],{"class":5745},"  fetch",[5370,18483,6009],{"class":5809},[5370,18485,18486],{"class":5749},"'\u002Fapi\u002Fpush\u002Fanalytics\u002Fclick'",[5370,18488,9327],{"class":5809},[5370,18490,18491,18494,18496],{"class":5372,"line":5409},[5370,18492,18493],{"class":5805},"    method:",[5370,18495,10703],{"class":5749},[5370,18497,5918],{"class":5809},[5370,18499,18500,18503,18505,18507,18509,18511],{"class":5372,"line":5415},[5370,18501,18502],{"class":5805},"    headers:",[5370,18504,5981],{"class":5809},[5370,18506,10715],{"class":5749},[5370,18508,5355],{"class":5805},[5370,18510,10720],{"class":5749},[5370,18512,7084],{"class":5809},[5370,18514,18515,18517,18519,18521,18523,18525,18527],{"class":5372,"line":5421},[5370,18516,9943],{"class":5805},[5370,18518,10730],{"class":7609},[5370,18520,5185],{"class":5809},[5370,18522,8004],{"class":5745},[5370,18524,6170],{"class":5809},[5370,18526,18465],{"class":5805},[5370,18528,10758],{"class":5809},[5370,18530,18531],{"class":5372,"line":5427},[5370,18532,16789],{"class":5809},[5370,18534,18535],{"class":5372,"line":5433},[5370,18536,17307],{"class":5809},[5370,18538,18539],{"class":5372,"line":5438},[5370,18540,18541],{"class":5739},"  \u002F\u002F Решта click handling...\n",[5370,18543,18544],{"class":5372,"line":5444},[5370,18545,9696],{"class":5809},[5165,18547],{},[5084,18549,18551],{"id":18550},"порівняння-in-app-vs-email-vs-web-push","Порівняння: In-App vs Email vs Web Push",[5615,18553,18554,18570],{},[5618,18555,18556],{},[5621,18557,18558,18561,18564,18567],{},[5624,18559,18560],{},"Критерій",[5624,18562,18563],{},"In-App (WebSocket)",[5624,18565,18566],{},"Email",[5624,18568,18569],{},"Web Push",[5634,18571,18572,18588,18604,18620,18636,18652,18668,18684,18698],{},[5621,18573,18574,18579,18582,18585],{},[5639,18575,18576],{},[5099,18577,18578],{},"Доставка",[5639,18580,18581],{},"Миттєва (online користувачі)",[5639,18583,18584],{},"Секунди-хвилини",[5639,18586,18587],{},"Миттєва (навіть offline)",[5621,18589,18590,18595,18598,18601],{},[5639,18591,18592],{},[5099,18593,18594],{},"Потребує активний застосунок",[5639,18596,18597],{},"✅ Так",[5639,18599,18600],{},"❌ Ні",[5639,18602,18603],{},"❌ Ні (працює у фоні)",[5621,18605,18606,18611,18614,18617],{},[5639,18607,18608],{},[5099,18609,18610],{},"Підтримка платформ",[5639,18612,18613],{},"Всі браузери з WebSocket",[5639,18615,18616],{},"Універсальна",[5639,18618,18619],{},"Chrome, Firefox, Edge, Safari (16.4+)",[5621,18621,18622,18627,18630,18633],{},[5639,18623,18624],{},[5099,18625,18626],{},"Engagement rate",[5639,18628,18629],{},"Високий (користувач у застосунку)",[5639,18631,18632],{},"Середній (треба відкрити email)",[5639,18634,18635],{},"Високий (OS notification)",[5621,18637,18638,18643,18646,18649],{},[5639,18639,18640],{},[5099,18641,18642],{},"Persistence",[5639,18644,18645],{},"Зберігається у БД, історія доступна",[5639,18647,18648],{},"Зберігається у email client",[5639,18650,18651],{},"Зникає після закриття",[5621,18653,18654,18659,18662,18665],{},[5639,18655,18656],{},[5099,18657,18658],{},"Use Cases",[5639,18660,18661],{},"Real-time activity у застосунку",[5639,18663,18664],{},"Офіційні листи, weekly digests",[5639,18666,18667],{},"Time-sensitive events, breaking news",[5621,18669,18670,18675,18678,18681],{},[5639,18671,18672],{},[5099,18673,18674],{},"Implementation складність",[5639,18676,18677],{},"Середня (WebSocket + БД)",[5639,18679,18680],{},"Низька (nodemailer)",[5639,18682,18683],{},"Висока (Service Worker, VAPID)",[5621,18685,18686,18691,18693,18695],{},[5639,18687,18688],{},[5099,18689,18690],{},"Permission required",[5639,18692,18600],{},[5639,18694,18600],{},[5639,18696,18697],{},"✅ Так (browser permission)",[5621,18699,18700,18705,18708,18710],{},[5639,18701,18702],{},[5099,18703,18704],{},"Privacy concerns",[5639,18706,18707],{},"Низькі",[5639,18709,18707],{},[5639,18711,18712],{},"Середні (tracking possible)",[5089,18714,18715,18718,18719,18722],{},[5099,18716,18717],{},"Ідеальна стратегія:"," використовувати ",[5099,18720,18721],{},"всі три типи"," залежно від контексту:",[5286,18724,18725,18731,18737],{},[5096,18726,18727,18730],{},[5099,18728,18729],{},"In-App (WebSocket):"," для real-time updates коли користувач online (нові повідомлення у чаті, live score updates).",[5096,18732,18733,18736],{},[5099,18734,18735],{},"Email:"," для офіційних листів (password reset, weekly digest, invoices).",[5096,18738,18739,18742],{},[5099,18740,18741],{},"Web Push:"," для time-sensitive подій коли користувач може бути offline (новий коментар, breaking news, reminder).",[5165,18744],{},[5084,18746,18748],{"id":18747},"висновки","Висновки",[5089,18750,18751,18752,18755,18756,5280,18758,5185],{},"Web Push нотифікації — ",[5099,18753,18754],{},"потужний інструмент"," для engagement користувачів навіть коли вони не у застосунку, завдяки ",[5099,18757,5107],{},[5099,18759,5101],{},[5286,18761,18762,18767,18772,18778,18784,18790,18796,18802],{},[5096,18763,18764,18766],{},[5099,18765,5113],{}," забезпечують автентифікацію application server для запобігання spam push notifications.",[5096,18768,18769,18771],{},[5099,18770,5656],{}," працює у фоновому режимі браузера та отримує push події незалежно від того, чи відкрита вкладка застосунку.",[5096,18773,18774,18777],{},[5099,18775,18776],{},"Push Subscription"," містить унікальний endpoint (URL push сервісу браузера) та encryption keys для безпечної доставки.",[5096,18779,18780,18783],{},[5099,18781,18782],{},"web-push library"," на backend спрощує відправку push через Web Push Protocol до різних браузерних push services (Google FCM, Mozilla Push).",[5096,18785,18786,18789],{},[5099,18787,18788],{},"Permission UX"," — критична частина: contextual prompts, handling denied permissions, progressive enhancement без обов'язковості push.",[5096,18791,18792,18795],{},[5099,18793,18794],{},"Safari iOS обмеження:"," push працює лише для PWA (Add to Home Screen) з iOS 16.4+, fallback для старіших версій.",[5096,18797,18798,18801],{},[5099,18799,18800],{},"Best practices:"," batching notifications, rate limiting, analytics tracking, subscription renewal для expired endpoints.",[5096,18803,18804,18807],{},[5099,18805,18806],{},"Multi-channel strategy:"," комбінувати In-App (WebSocket), Email та Web Push для максимального coverage та engagement.",[5089,18809,18810,18811,18813],{},"У наступній лекції ми розглянемо ",[5099,18812,4692],{}," з Bull\u002FBullMQ для асинхронної обробки завдань (email відправка, image processing, data imports).",[18815,18816,18817,18820,18821,18824],"note",{},[5099,18818,18819],{},"Практичне завдання:"," реалізувати ",[5099,18822,18823],{},"\"Remind Me Later\""," функцію — користувач може відкласти нотифікацію на 1 годину, backend відправляє delayed push через Bull queue з delay параметром.",[18826,18827,18828],"style",{},"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 .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 pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .siofk, html code.shiki .siofk{--shiki-light:#EE0000;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}",{"title":5366,"searchDepth":5379,"depth":5379,"links":18830},[18831,18832,18833,18836,18840,18847,18854,18858,18864,18869,18873,18874,18880,18881],{"id":5086,"depth":5379,"text":5087},{"id":5268,"depth":5379,"text":5269},{"id":5347,"depth":5379,"text":5348,"children":18834},[18835],{"id":5612,"depth":5385,"text":5613},{"id":5716,"depth":5379,"text":5717,"children":18837},[18838,18839],{"id":5726,"depth":5385,"text":5727},{"id":5789,"depth":5385,"text":5790},{"id":5855,"depth":5379,"text":5856,"children":18841},[18842,18843,18844,18845,18846],{"id":5859,"depth":5385,"text":5860},{"id":5888,"depth":5385,"text":5889},{"id":6449,"depth":5385,"text":6450},{"id":8603,"depth":5385,"text":8604},{"id":9426,"depth":5385,"text":9427},{"id":9615,"depth":5379,"text":9616,"children":18848},[18849,18850,18851,18852,18853],{"id":9619,"depth":5385,"text":9620},{"id":10823,"depth":5385,"text":10824},{"id":11092,"depth":5385,"text":11093},{"id":13016,"depth":5385,"text":13017},{"id":13566,"depth":5385,"text":13567},{"id":13819,"depth":5379,"text":13820,"children":18855},[18856,18857],{"id":13823,"depth":5385,"text":13824},{"id":14999,"depth":5385,"text":15000},{"id":15057,"depth":5379,"text":15058,"children":18859},[18860,18861,18862,18863],{"id":15061,"depth":5385,"text":15062},{"id":15766,"depth":5385,"text":15767},{"id":16211,"depth":5385,"text":16212},{"id":16286,"depth":5385,"text":16287},{"id":16561,"depth":5379,"text":16562,"children":18865},[18866,18867,18868],{"id":16565,"depth":5385,"text":16566},{"id":16653,"depth":5385,"text":16654},{"id":16696,"depth":5385,"text":16697},{"id":16798,"depth":5379,"text":16799,"children":18870},[18871,18872],{"id":16802,"depth":5385,"text":16803},{"id":16829,"depth":5385,"text":16830},{"id":16957,"depth":5379,"text":16958},{"id":17211,"depth":5379,"text":17212,"children":18875},[18876,18877,18878,18879],{"id":17215,"depth":5385,"text":17216},{"id":17687,"depth":5385,"text":17688},{"id":17913,"depth":5385,"text":17914},{"id":18162,"depth":5385,"text":18163},{"id":18550,"depth":5379,"text":18551},{"id":18747,"depth":5379,"text":18748},"md",null,{},{"title":900,"description":5366},"Tbc3R7uiW-3YUv6dIX4sI4m-KCZacr_hD4RC8qF14h8",[18888,18889],{"title":904,"path":4686,"stem":4687,"description":5366,"children":-1},{"title":4692,"path":4693,"stem":4694,"description":5366,"children":-1},1790322262352]