Home Explore Help
Sign In
codeskraps
/
Blog
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 6a952719c9
Branches Tags
Blog
/
public
/
posts
/
mvi_architecture
/
index.html

index.html 12 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en-us">
    3. 

  3. 

  4. <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=53155&amp;path=livereload" data-no-instant defer></script>
    5. 

  5.     <title>
    6. 

  6. MVI Architecture Helper | codeskraps
    7. 

  7. </title>
    8. 

  8. 

  9.     <meta http-equiv="content-type" content="text/html; charset=utf-8">
    10. 

  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    11. 

  11. <meta name="description" content="Your website description">
    12. 

  12. 

  13. <meta name="generator" content="Hugo 0.134.3">
    14. 

  14. 

  15. 

  16. <link rel="canonical" href="http://localhost:53155/posts/mvi_architecture/" >
    17. 

  17. 

  18. 

  19. 

  20. 

  21. <link href="/css/style.min.ee0d47e4d4346c71a65a9e873108c81ffae54d60a2fc2338f6df394eb4b25a82.css" rel="stylesheet">
    22. 

  22. 

  23. 

  24. 

  25. 

  26. </head>
    27. 

  27. 

  28. <body>
    29. 

  29. 

  30.     <div class="flexWrapper">
    31. 

  31.         <header class="headerWrapper">
    32. 

  32.     <div class="header">
    33. 

  33.         <div>
    34. 

  34.             <a class="terminal" href="http://localhost:53155/">
    35. 

  35.                 <span>me@codeskraps.com ~ $</span>
    36. 

  36.             </a>
    37. 

  37.         </div>
    38. 

  38.         <input class="side-menu" type="checkbox" id="side-menu">
    39. 

  39.         <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
    40. 

  40.         <nav class="headerLinks">
    41. 

  41.             <ul>
    42. 

  42.                 
    43. 

  43.                 <li>
    44. 

  44.                     <a href="http://localhost:53155/projects/" title="" >
    45. 

  45.                         ~/projects</a>
    46. 

  46.                 </li>
    47. 

  47.                 
    48. 

  48.                 <li>
    49. 

  49.                     <a href="http://localhost:53155/about/" title="" >
    50. 

  50.                         ~/about</a>
    51. 

  51.                 </li>
    52. 

  52.                 
    53. 

  53.                 <li>
    54. 

  54.                     <a href="http://localhost:53155/posts/" title="" >
    55. 

  55.                         ~/posts</a>
    56. 

  56.                 </li>
    57. 

  57.                 
    58. 

  58.             </ul>
    59. 

  59.         </nav>
    60. 

  60.     </div>
    61. 

  61. </header>
    62. 

  62. 

  63. 

  64.         <div class="content">
    65. 

  65.             <main class="main">
    66. 

  66.                 
    67. 

  67. <div class="postWrapper">
    68. 

  68.     <h1>MVI Architecture Helper</h1>
    69. 

  69.     
    70. 

  70.     
    71. 

  71.     <section class="postMetadata">
    72. 

  72.         <dl>
    73. 

  73.             
    74. 

  74.                 
    75. 

  75. <dt>tags</dt>
    76. 

  76. <dd><span></span>
    77. 

  77.     <a href="/tags/kotlin/">#Kotlin</a><span></span>
    78. 

  78.     <a href="/tags/kmp/">#Kmp</a><span></span>
    79. 

  79.     <a href="/tags/android/">#Android</a><span></span>
    80. 

  80.     <a href="/tags/mvi/">#Mvi</a></dd>
    81. 

  81.             
    82. 

  82.             
    83. 

  83.             
    84. 

  84.             
    85. 

  85.                 <dt>published</dt>
    86. 

  86.                 
    87. 

  87.                 <dd><time datetime="2024-09-27">September 27, 2024</time></dd>
    88. 

  88.             
    89. 

  89.             
    90. 

  90.                 <dt>reading time</dt>
    91. 

  91.                 <dd>1 minute</dd>
    92. 

  92.             
    93. 

  93.         </dl>
    94. 

  94.     </section>
    95. 

  95.     
    96. 

  96.     <div>
    97. 

  97.         <p>Something smart to talk about this helper class</p>
    98. 

  98. <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-kotlin" data-lang="kotlin"><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">StateReceiver</span>&lt;STATE&gt; {
    99. 

  99. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">updateState</span>(transform: <span style="color:#66d9ef">suspend</span> (STATE) <span style="color:#f92672">-&gt;</span> STATE)
    100. 

  100. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">withState</span>(block: <span style="color:#66d9ef">suspend</span> (STATE) <span style="color:#f92672">-&gt;</span> Unit)
    101. 

  101. </span></span><span style="display:flex;"><span>}
    102. 

  102. </span></span><span style="display:flex;"><span>
    103. 

  103. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">inline</span> <span style="color:#66d9ef">fun</span> &lt;<span style="color:#66d9ef">reified</span> <span style="color:#a6e22e">TYPE</span> : <span style="color:#a6e22e">STATE</span>, <span style="color:#a6e22e">STATE</span>&gt; <span style="color:#a6e22e">StateReceiver</span>&lt;STATE&gt;.withType(<span style="color:#66d9ef">crossinline</span> block: <span style="color:#66d9ef">suspend</span> (TYPE) <span style="color:#f92672">-&gt;</span> Unit) {
    104. 

  104. </span></span><span style="display:flex;"><span>    withState { state <span style="color:#f92672">-&gt;</span>
    105. 

  105. </span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">if</span> (state <span style="color:#66d9ef">is</span> TYPE) {
    106. 

  106. </span></span><span style="display:flex;"><span>            block(state)
    107. 

  107. </span></span><span style="display:flex;"><span>        }
    108. 

  108. </span></span><span style="display:flex;"><span>    }
    109. 

  109. </span></span><span style="display:flex;"><span>}
    110. 

  110. </span></span><span style="display:flex;"><span>
    111. 

  111. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">inline</span> <span style="color:#66d9ef">fun</span> &lt;<span style="color:#66d9ef">reified</span> <span style="color:#a6e22e">TYPE</span> : <span style="color:#a6e22e">STATE</span>, <span style="color:#a6e22e">STATE</span>&gt; <span style="color:#a6e22e">StateReceiver</span>&lt;STATE&gt;.updateWithType(<span style="color:#66d9ef">crossinline</span> transform: <span style="color:#66d9ef">suspend</span> (TYPE) <span style="color:#f92672">-&gt;</span> TYPE) {
    112. 

  112. </span></span><span style="display:flex;"><span>    withType&lt;TYPE, STATE&gt; { state <span style="color:#f92672">-&gt;</span> updateState { transform(state) } }
    113. 

  113. </span></span><span style="display:flex;"><span>}
    114. 

  114. </span></span><span style="display:flex;"><span>
    115. 

  115. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">StateProvider</span>&lt;STATE&gt; {
    116. 

  116. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> state: StateFlow&lt;STATE&gt;
    117. 

  117. </span></span><span style="display:flex;"><span>}
    118. 

  118. </span></span><span style="display:flex;"><span>
    119. 

  119. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">IntentReceiver</span>&lt;INTENT&gt; {
    120. 

  120. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">handleIntent</span>(intent: INTENT)
    121. 

  121. </span></span><span style="display:flex;"><span>}
    122. 

  122. </span></span><span style="display:flex;"><span>
    123. 

  123. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ActionProvider</span>&lt;ACTION&gt; {
    124. 

  124. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> action: Flow&lt;ACTION&gt;
    125. 

  125. </span></span><span style="display:flex;"><span>}
    126. 

  126. </span></span><span style="display:flex;"><span>
    127. 

  127. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ActionReceiver</span>&lt;ACTION&gt; {
    128. 

  128. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">sendAction</span>(block: <span style="color:#66d9ef">suspend</span> () <span style="color:#f92672">-&gt;</span> ACTION)
    129. 

  129. </span></span><span style="display:flex;"><span>}
    130. 

  130. </span></span><span style="display:flex;"><span>
    131. 

  131. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">StateModule</span>&lt;STATE&gt; : StateReceiver&lt;STATE&gt;, StateProvider&lt;STATE&gt;
    132. 

  132. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">IntentModule</span>&lt;INTENT&gt; : IntentReceiver&lt;INTENT&gt;
    133. 

  133. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ActionModule</span>&lt;ACTION&gt; : ActionReceiver&lt;ACTION&gt;, ActionProvider&lt;ACTION&gt;
    134. 

  134. </span></span><span style="display:flex;"><span>
    135. 

  135. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">MVIViewModel</span>&lt;STATE, INTENT, ACTION&gt; :
    136. 

  136. </span></span><span style="display:flex;"><span>    StateModule&lt;STATE&gt;,
    137. 

  137. </span></span><span style="display:flex;"><span>    IntentModule&lt;INTENT&gt;,
    138. 

  138. </span></span><span style="display:flex;"><span>    ActionModule&lt;ACTION&gt;
    139. 

  139. </span></span><span style="display:flex;"><span>
    140. 

  140. </span></span><span style="display:flex;"><span><span style="color:#66d9ef">class</span> <span style="color:#a6e22e">MVIViewModelDelegate</span>&lt;STATE, INTENT, ACTION&gt;(
    141. 

  141. </span></span><span style="display:flex;"><span>    initial: STATE
    142. 

  142. </span></span><span style="display:flex;"><span>) : MVIViewModel&lt;STATE, INTENT, ACTION&gt; {
    143. 

  143. </span></span><span style="display:flex;"><span>
    144. 

  144. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">private</span> <span style="color:#66d9ef">val</span> _state = MutableStateFlow(initial)
    145. 

  145. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">val</span> state: StateFlow&lt;STATE&gt; = _state.asStateFlow()
    146. 

  146. </span></span><span style="display:flex;"><span>
    147. 

  147. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">private</span> <span style="color:#66d9ef">val</span> _action = Channel&lt;ACTION&gt;()
    148. 

  148. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">val</span> action: Flow&lt;ACTION&gt; = _action.receiveAsFlow()
    149. 

  149. </span></span><span style="display:flex;"><span>
    150. 

  150. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">updateState</span>(transform: <span style="color:#66d9ef">suspend</span> (STATE) <span style="color:#f92672">-&gt;</span> STATE) {
    151. 

  151. </span></span><span style="display:flex;"><span>        _state.update { transform(<span style="color:#66d9ef">it</span>) }
    152. 

  152. </span></span><span style="display:flex;"><span>    }
    153. 

  153. </span></span><span style="display:flex;"><span>
    154. 

  154. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">withState</span>(block: <span style="color:#66d9ef">suspend</span> (STATE) <span style="color:#f92672">-&gt;</span> Unit) {
    155. 

  155. </span></span><span style="display:flex;"><span>        block(_state.<span style="color:#66d9ef">value</span>)
    156. 

  156. </span></span><span style="display:flex;"><span>    }
    157. 

  157. </span></span><span style="display:flex;"><span>
    158. 

  158. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">suspend</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">sendAction</span>(block: <span style="color:#66d9ef">suspend</span> () <span style="color:#f92672">-&gt;</span> ACTION) {
    159. 

  159. </span></span><span style="display:flex;"><span>        _action.trySend(block())
    160. 

  160. </span></span><span style="display:flex;"><span>    }
    161. 

  161. </span></span><span style="display:flex;"><span>
    162. 

  162. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">override</span> <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">handleIntent</span>(intent: INTENT) {
    163. 

  163. </span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">throw</span> NotImplementedError()
    164. 

  164. </span></span><span style="display:flex;"><span>    }
    165. 

  165. </span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
    166. 

  166. 

  167.     </div>
    168. 

  168. </div>
    169. 

  169. 

  170.             </main>
    171. 

  171.         </div>
    172. 

  172. 

  173. 

  174.         <footer class="footer">
    175. 

  175.     
    176. 

  176.         <span>CC-0, Built with <a href="https://gohugo.io" class="footerLink">Hugo</a> and <a href="https://github.com/LordMathis/hugo-theme-nightfall" class="footerLink">Nightfall</a> theme</span>
    177. 

  177.     
    178. 

  178. </footer>
    179. 

  179.     </div>
    180. 

  180. 

  181. </body>
    182. 

  182. 

  183. </html>
    184.