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

index.html 12 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200 
  1. <!DOCTYPE html>
    2. 

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

  3. 

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

  5.     <title>
    6. 

  6. Posts | 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:49905/posts/" >
    17. 

  17.   <link href="http://localhost:49905/posts/index.xml" rel="alternate" type="application/rss+xml" title="codeskraps" >
    18. 

  18.   <link href="http://localhost:49905/posts/index.xml" rel="feed" type="application/rss+xml" title="codeskraps" >
    19. 

  19. 

  20. 

  21. 

  22. 

  23. <link href="/css/style.min.38d8ec3c7cca8185fe94ab7dc7ca79d69e14b78ca3c077807b2c32725df95c62.css" rel="stylesheet">
    24. 

  24. 

  25. 

  26. 

  27. 

  28. </head>
    29. 

  29. 

  30. <body>
    31. 

  31. 

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

  33.         <header class="headerWrapper">
    34. 

  34.     <div class="header">
    35. 

  35.         <div>
    36. 

  36.             <a class="terminal" href="http://localhost:49905/">
    37. 

  37.                 <span>me@codeskraps.com ~ $</span>
    38. 

  38.             </a>
    39. 

  39.         </div>
    40. 

  40.         <input class="side-menu" type="checkbox" id="side-menu">
    41. 

  41.         <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
    42. 

  42.         <nav class="headerLinks">
    43. 

  43.             <ul>
    44. 

  44.                 
    45. 

  45.                 <li>
    46. 

  46.                     <a href="http://localhost:49905/projects/" title="" >
    47. 

  47.                         ~/projects</a>
    48. 

  48.                 </li>
    49. 

  49.                 
    50. 

  50.                 <li>
    51. 

  51.                     <a href="http://localhost:49905/about/" title="" >
    52. 

  52.                         ~/about</a>
    53. 

  53.                 </li>
    54. 

  54.                 
    55. 

  55.                 <li>
    56. 

  56.                     <a href="http://localhost:49905/posts/" title="" >
    57. 

  57.                         ~/posts</a>
    58. 

  58.                 </li>
    59. 

  59.                 
    60. 

  60.             </ul>
    61. 

  61.         </nav>
    62. 

  62.     </div>
    63. 

  63. </header>
    64. 

  64. 

  65. 

  66.         <div class="content">
    67. 

  67.             <main class="main">
    68. 

  68.                 
    69. 

  69. 

  70. <div>
    71. 

  71.     <div class="listHeader">
    72. 

  72.         <h1>Posts</h1>
    73. 

  73.     </div>
    74. 

  74. 

  75.     
    76. 

  76. 

  77.     <div>
    78. 

  78.         
    79. 

  79. 

  80.         <a class="postListLink" href="http://localhost:49905/posts/mvi_architecture/">
    81. 

  81.             
    82. 

  82.             <div class="postListItem" role="listitem">
    83. 

  83.                 <div class="postHeader">
    84. 

  84.                     <span class="postTitle">MVI Architecture Helper</span>
    85. 

  85.                     
    86. 

  86.                     <time class="postDate" datetime="2024-09-27">September 27, 2024</time>
    87. 

  87.                 </div>
    88. 

  88.                 <div class="postExcerpt">
    89. 

  89.                     <p><p>Something smart to talk about this helper class</p>
    90. 

  90. <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; {
    91. 

  91. </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)
    92. 

  92. </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)
    93. 

  93. </span></span><span style="display:flex;"><span>}
    94. 

  94. </span></span><span style="display:flex;"><span>
    95. 

  95. </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) {
    96. 

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

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

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

  99. </span></span><span style="display:flex;"><span>        }
    100. 

  100. </span></span><span style="display:flex;"><span>    }
    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;.updateWithType(<span style="color:#66d9ef">crossinline</span> transform: <span style="color:#66d9ef">suspend</span> (TYPE) <span style="color:#f92672">-&gt;</span> TYPE) {
    104. 

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

  105. </span></span><span style="display:flex;"><span>}
    106. 

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

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

  108. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> state: StateFlow&lt;STATE&gt;
    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">interface</span> <span style="color:#a6e22e">IntentReceiver</span>&lt;INTENT&gt; {
    112. 

  112. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">handleIntent</span>(intent: INTENT)
    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">ActionProvider</span>&lt;ACTION&gt; {
    116. 

  116. </span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> action: Flow&lt;ACTION&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">ActionReceiver</span>&lt;ACTION&gt; {
    120. 

  120. </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)
    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">StateModule</span>&lt;STATE&gt; : StateReceiver&lt;STATE&gt;, StateProvider&lt;STATE&gt;
    124. 

  124. </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;
    125. 

  125. </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;
    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">MVIViewModel</span>&lt;STATE, INTENT, ACTION&gt; :
    128. 

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

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

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

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

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

  133. </span></span><span style="display:flex;"><span>    initial: STATE
    134. 

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

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

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

  137. </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()
    138. 

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

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

  140. </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()
    141. 

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

  142. </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) {
    143. 

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

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

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

  146. </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) {
    147. 

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

  148. </span></span><span style="display:flex;"><span>    }
    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">sendAction</span>(block: <span style="color:#66d9ef">suspend</span> () <span style="color:#f92672">-&gt;</span> ACTION) {
    151. 

  151. </span></span><span style="display:flex;"><span>        _action.trySend(block())
    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">fun</span> <span style="color:#a6e22e">handleIntent</span>(intent: INTENT) {
    155. 

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

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

  157. </span></span><span style="display:flex;"><span>}</span></span></code></pre></div></p>
    158. 

  158.                 </div>
    159. 

  159.             </div>
    160. 

  160.         </a>
    161. 

  161. 

  162. 

  163.         
    164. 

  164. 

  165.         <a class="postListLink" href="http://localhost:49905/posts/my-first-post/">
    166. 

  166.             
    167. 

  167.             <div class="postListItem" role="listitem">
    168. 

  168.                 <div class="postHeader">
    169. 

  169.                     <span class="postTitle">My First Post</span>
    170. 

  170.                     
    171. 

  171.                     <time class="postDate" datetime="2024-09-27">September 27, 2024</time>
    172. 

  172.                 </div>
    173. 

  173.                 <div class="postExcerpt">
    174. 

  174.                     <p><h2 id="introduction">Introduction</h2>
    175. 

  175. <p>This is <strong>bold</strong> text, and this is <em>emphasized</em> text.</p>
    176. 

  176. <p>Visit the <a href="https://gohugo.io">Hugo</a> website!</p></p>
    177. 

  177.                 </div>
    178. 

  178.             </div>
    179. 

  179.         </a>
    180. 

  180. 

  181. 

  182.         
    183. 

  183.     </div>
    184. 

  184. </div>
    185. 

  185. 

  186. 

  187.             </main>
    188. 

  188.         </div>
    189. 

  189. 

  190. 

  191.         <footer class="footer">
    192. 

  192.     
    193. 

  193.         <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>
    194. 

  194.     
    195. 

  195. </footer>
    196. 

  196.     </div>
    197. 

  197. 

  198. </body>
    199. 

  199. 

  200. </html>
    201.