Página inicial Explorar Ajuda
Entrar
codeskraps
/
Blog
1
0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Ver código fonte

Post and About changes

codeskraps 6 meses atrás
pai
7c8df7c661
commit
01e85443a2
7 arquivos alterados com 542 adições e 4 exclusões
Visão dividida Mostrar estatísticas do Diff
  1. 77 0
      content/posts/mvi_architecture.md
  2. 1 1
      public/index.xml
  3. 1 1
      public/posts/index.xml
  4. 359 0
      public/posts/mvi_architecture/index.html
  5. 16 0
      public/posts/my-first-post/index.html
  6. 2 2
      public/sitemap.xml
  7. 86 0
      syntax.css

+ 77 - 0
content/posts/mvi_architecture.md
Ver arquivo 

@@ -0,0 +1,77 @@
 
++++
 
+title = 'MVI Architecture Helper'
 
+date = 2024-09-27T13:45:09+02:00
 
+draft = true
 
++++
 
+Something smart to talk about this helper class
 
+
 
+{{< highlight kotlin >}}
 
+interface StateReceiver<STATE> {
 
+    suspend fun updateState(transform: suspend (STATE) -> STATE)
 
+    suspend fun withState(block: suspend (STATE) -> Unit)
 
+}
 
+
 
+suspend inline fun <reified TYPE : STATE, STATE> StateReceiver<STATE>.withType(crossinline block: suspend (TYPE) -> Unit) {
 
+    withState { state ->
 
+        if (state is TYPE) {
 
+            block(state)
 
+        }
 
+    }
 
+}
 
+
 
+suspend inline fun <reified TYPE : STATE, STATE> StateReceiver<STATE>.updateWithType(crossinline transform: suspend (TYPE) -> TYPE) {
 
+    withType<TYPE, STATE> { state -> updateState { transform(state) } }
 
+}
 
+
 
+interface StateProvider<STATE> {
 
+    val state: StateFlow<STATE>
 
+}
 
+
 
+interface IntentReceiver<INTENT> {
 
+    fun handleIntent(intent: INTENT)
 
+}
 
+
 
+interface ActionProvider<ACTION> {
 
+    val action: Flow<ACTION>
 
+}
 
+
 
+interface ActionReceiver<ACTION> {
 
+    suspend fun sendAction(block: suspend () -> ACTION)
 
+}
 
+
 
+interface StateModule<STATE> : StateReceiver<STATE>, StateProvider<STATE>
 
+interface IntentModule<INTENT> : IntentReceiver<INTENT>
 
+interface ActionModule<ACTION> : ActionReceiver<ACTION>, ActionProvider<ACTION>
 
+
 
+interface MVIViewModel<STATE, INTENT, ACTION> :
 
+    StateModule<STATE>,
 
+    IntentModule<INTENT>,
 
+    ActionModule<ACTION>
 
+
 
+class MVIViewModelDelegate<STATE, INTENT, ACTION>(
 
+    initial: STATE
 
+) : MVIViewModel<STATE, INTENT, ACTION> {
 
+
 
+    private val _state = MutableStateFlow(initial)
 
+    override val state: StateFlow<STATE> = _state.asStateFlow()
 
+
 
+    private val _action = Channel<ACTION>()
 
+    override val action: Flow<ACTION> = _action.receiveAsFlow()
 
+
 
+    override suspend fun updateState(transform: suspend (STATE) -> STATE) {
 
+        _state.update { transform(it) }
 
+    }
 
+
 
+    override suspend fun withState(block: suspend (STATE) -> Unit) {
 
+        block(_state.value)
 
+    }
 
+
 
+    override suspend fun sendAction(block: suspend () -> ACTION) {
 
+        _action.trySend(block())
 
+    }
 
+
 
+    override fun handleIntent(intent: INTENT) {
 
+        throw NotImplementedError()
 
+    }
 
+}
 
+{{< / highlight >}}

+ 1 - 1
public/index.xml
Ver arquivo 

@@ -6,6 +6,6 @@
 
     <description>Recent content on codeskraps</description>
 
     <generator>Hugo -- gohugo.io</generator>
 
     <language>en-us</language>
 
-    <lastBuildDate>Fri, 27 Sep 2024 11:59:03 +0200</lastBuildDate><atom:link href="https://codeskraps.com/index.xml" rel="self" type="application/rss+xml" />
 
+    <lastBuildDate>Fri, 27 Sep 2024 13:45:09 +0200</lastBuildDate><atom:link href="https://codeskraps.com/index.xml" rel="self" type="application/rss+xml" />
 
   </channel>
 
 </rss>

+ 1 - 1
public/posts/index.xml
Ver arquivo 

@@ -6,6 +6,6 @@
 
     <description>Recent content in Posts on codeskraps</description>
 
     <generator>Hugo -- gohugo.io</generator>
 
     <language>en-us</language>
 
-    <lastBuildDate>Fri, 27 Sep 2024 11:59:03 +0200</lastBuildDate><atom:link href="https://codeskraps.com/posts/index.xml" rel="self" type="application/rss+xml" />
 
+    <lastBuildDate>Fri, 27 Sep 2024 13:45:09 +0200</lastBuildDate><atom:link href="https://codeskraps.com/posts/index.xml" rel="self" type="application/rss+xml" />
 
   </channel>
 
 </rss>

+ 359 - 0
public/posts/mvi_architecture/index.html
Ver arquivo 

@@ -0,0 +1,359 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
 
+        <meta charset="utf-8">
 
+<meta name="viewport" content="width=device-width,minimum-scale=1">
 
+
 
+
 
+
 
+
 
+<title>MVI Architecture Helper | codeskraps</title>
 
+<link rel="canonical" href="http://localhost:1313/posts/mvi_architecture/">
 
+<meta name="description" content="Something smart to talk about this helper class
 
+interface StateReceiver&lt;STATE&gt; {
 
+    suspend fun updateState(transform: suspend (STATE) -&gt; STATE)
 
+    suspend fun withState(block: suspend (STATE) -&gt; Unit)
 
+}
 
+
 
+suspend inline fun &lt;reified TYPE : STATE, STATE&gt; StateReceiver&lt;STATE&gt;.withType(crossinline block: suspend (TYPE) -&gt; Unit) {
 
+    withState { state -&gt;
 
+        if (state is TYPE) {
 
+            block(state)
 
+        }
 
+    }
 
+}
 
+
 
+suspend inline fun &lt;reified TYPE : STATE, STATE&gt; StateReceiver&lt;STATE&gt;.updateWithType(crossinline transform: suspend (TYPE) -&gt; TYPE) {
 
+    withType&lt;TYPE, STATE&gt; { state -&gt; updateState { transform(state) } }
 
+}
 
+
 
+interface StateProvider&lt;STATE&gt; {
 
+    val state: StateFlow&lt;STATE&gt;
 
+}
 
+
 
+interface IntentReceiver&lt;INTENT&gt; {
 
+    fun handleIntent(intent: INTENT)
 
+}
 
+
 
+interface ActionProvider&lt;ACTION&gt; {
 
+    val action: Flow&lt;ACTION&gt;
 
+}
 
+
 
+interface ActionReceiver&lt;ACTION&gt; {
 
+    suspend fun sendAction(block: suspend () -&gt; ACTION)
 
+}
 
+
 
+interface StateModule&lt;STATE&gt; : StateReceiver&lt;STATE&gt;, StateProvider&lt;STATE&gt;
 
+interface IntentModule&lt;INTENT&gt; : IntentReceiver&lt;INTENT&gt;
 
+interface ActionModule&lt;ACTION&gt; : ActionReceiver&lt;ACTION&gt;, ActionProvider&lt;ACTION&gt;
 
+
 
+interface MVIViewModel&lt;STATE, INTENT, ACTION&gt; :
 
+    StateModule&lt;STATE&gt;,
 
+    IntentModule&lt;INTENT&gt;,
 
+    ActionModule&lt;ACTION&gt;
 
+
 
+class MVIViewModelDelegate&lt;STATE, INTENT, ACTION&gt;(
 
+    initial: STATE
 
+) : MVIViewModel&lt;STATE, INTENT, ACTION&gt; {
 
+
 
+    private val _state = MutableStateFlow(initial)
 
+    override val state: StateFlow&lt;STATE&gt; = _state.asStateFlow()
 
+
 
+    private val _action = Channel&lt;ACTION&gt;()
 
+    override val action: Flow&lt;ACTION&gt; = _action.receiveAsFlow()
 
+
 
+    override suspend fun updateState(transform: suspend (STATE) -&gt; STATE) {
 
+        _state.update { transform(it) }
 
+    }
 
+
 
+    override suspend fun withState(block: suspend (STATE) -&gt; Unit) {
 
+        block(_state.value)
 
+    }
 
+
 
+    override suspend fun sendAction(block: suspend () -&gt; ACTION) {
 
+        _action.trySend(block())
 
+    }
 
+
 
+    override fun handleIntent(intent: INTENT) {
 
+        throw NotImplementedError()
 
+    }
 
+}" />
 
+<meta property="og:type" content="article" />
 
+<meta property="og:title" content="MVI Architecture Helper | codeskraps" />
 
+<meta property="og:url" content="http://localhost:1313/posts/mvi_architecture/" />
 
+<meta property="og:description" content="Something smart to talk about this helper class
 
+interface StateReceiver&lt;STATE&gt; {
 
+    suspend fun updateState(transform: suspend (STATE) -&gt; STATE)
 
+    suspend fun withState(block: suspend (STATE) -&gt; Unit)
 
+}
 
+
 
+suspend inline fun &lt;reified TYPE : STATE, STATE&gt; StateReceiver&lt;STATE&gt;.withType(crossinline block: suspend (TYPE) -&gt; Unit) {
 
+    withState { state -&gt;
 
+        if (state is TYPE) {
 
+            block(state)
 
+        }
 
+    }
 
+}
 
+
 
+suspend inline fun &lt;reified TYPE : STATE, STATE&gt; StateReceiver&lt;STATE&gt;.updateWithType(crossinline transform: suspend (TYPE) -&gt; TYPE) {
 
+    withType&lt;TYPE, STATE&gt; { state -&gt; updateState { transform(state) } }
 
+}
 
+
 
+interface StateProvider&lt;STATE&gt; {
 
+    val state: StateFlow&lt;STATE&gt;
 
+}
 
+
 
+interface IntentReceiver&lt;INTENT&gt; {
 
+    fun handleIntent(intent: INTENT)
 
+}
 
+
 
+interface ActionProvider&lt;ACTION&gt; {
 
+    val action: Flow&lt;ACTION&gt;
 
+}
 
+
 
+interface ActionReceiver&lt;ACTION&gt; {
 
+    suspend fun sendAction(block: suspend () -&gt; ACTION)
 
+}
 
+
 
+interface StateModule&lt;STATE&gt; : StateReceiver&lt;STATE&gt;, StateProvider&lt;STATE&gt;
 
+interface IntentModule&lt;INTENT&gt; : IntentReceiver&lt;INTENT&gt;
 
+interface ActionModule&lt;ACTION&gt; : ActionReceiver&lt;ACTION&gt;, ActionProvider&lt;ACTION&gt;
 
+
 
+interface MVIViewModel&lt;STATE, INTENT, ACTION&gt; :
 
+    StateModule&lt;STATE&gt;,
 
+    IntentModule&lt;INTENT&gt;,
 
+    ActionModule&lt;ACTION&gt;
 
+
 
+class MVIViewModelDelegate&lt;STATE, INTENT, ACTION&gt;(
 
+    initial: STATE
 
+) : MVIViewModel&lt;STATE, INTENT, ACTION&gt; {
 
+
 
+    private val _state = MutableStateFlow(initial)
 
+    override val state: StateFlow&lt;STATE&gt; = _state.asStateFlow()
 
+
 
+    private val _action = Channel&lt;ACTION&gt;()
 
+    override val action: Flow&lt;ACTION&gt; = _action.receiveAsFlow()
 
+
 
+    override suspend fun updateState(transform: suspend (STATE) -&gt; STATE) {
 
+        _state.update { transform(it) }
 
+    }
 
+
 
+    override suspend fun withState(block: suspend (STATE) -&gt; Unit) {
 
+        block(_state.value)
 
+    }
 
+
 
+    override suspend fun sendAction(block: suspend () -&gt; ACTION) {
 
+        _action.trySend(block())
 
+    }
 
+
 
+    override fun handleIntent(intent: INTENT) {
 
+        throw NotImplementedError()
 
+    }
 
+}" />
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+<link rel="stylesheet" href="/lib/icofont/icofont.min.css" />
 
+<link rel="stylesheet" href="/css/syntax.css" />
 
+<link rel="stylesheet" href="/css/style.css" />
 
+<script src="/js/copy-code-block.js"></script>
 
+<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
 
+
 
+    </head>
 
+
 
+    <body>
 
+        <header class="header-wrapper">
 
+    <div class="header">
 
+        <a class="site-title" href="http://localhost:1313/">codeskraps</a>
 
+
 
+        <nav class="menu">
 
+            
+                <div class="menu-item">
 
+                    
+                        <a href="/about/">About</a>
 
+                    
+                </div>
 
+            
+                <div class="menu-item">
 
+                    
+                        <a href="/posts/">Posts</a>
 
+                    
+                </div>
 
+            
+        </nav>
 
+    </div>
 
+</header>
 
+
 
+        <main class="main-wrapper">
 
+            <div class="main">
 
+                
+
 
+<section class="single">
 
+    <h1 class="title">MVI Architecture Helper</h1>
 
+
 
+    <div class="tip">
 
+        <time datetime="2024-09-27 13:45:09 &#43;0200 CEST">2024/09/27</time>
 
+        <span class="split">·</span>
 
+        <span> 213 words </span>
 
+        <span class="split">·</span>
 
+        <span>
 
+            1 minutes to read
 
+        </span>
 
+    </div>
 
+
 
+    <div class="taxonomies">
 
+        
+
 
+        
+    </div>
 
+
 
+    <hr />
 
+
 
+    <div class="content">
 
+        <p>Something smart to talk about this helper class</p>
 
+<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; {
 
+</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)
 
+</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)
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>    withState { state <span style="color:#f92672">-&gt;</span>
 
+</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">if</span> (state <span style="color:#66d9ef">is</span> TYPE) {
 
+</span></span><span style="display:flex;"><span>            block(state)
 
+</span></span><span style="display:flex;"><span>        }
 
+</span></span><span style="display:flex;"><span>    }
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>    withType&lt;TYPE, STATE&gt; { state <span style="color:#f92672">-&gt;</span> updateState { transform(state) } }
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">StateProvider</span>&lt;STATE&gt; {
 
+</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> state: StateFlow&lt;STATE&gt;
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">IntentReceiver</span>&lt;INTENT&gt; {
 
+</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">fun</span> <span style="color:#a6e22e">handleIntent</span>(intent: INTENT)
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ActionProvider</span>&lt;ACTION&gt; {
 
+</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">val</span> action: Flow&lt;ACTION&gt;
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">ActionReceiver</span>&lt;ACTION&gt; {
 
+</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)
 
+</span></span><span style="display:flex;"><span>}
 
+</span></span><span style="display:flex;"><span>
 
+</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;
 
+</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;
 
+</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;
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">interface</span> <span style="color:#a6e22e">MVIViewModel</span>&lt;STATE, INTENT, ACTION&gt; :
 
+</span></span><span style="display:flex;"><span>    StateModule&lt;STATE&gt;,
 
+</span></span><span style="display:flex;"><span>    IntentModule&lt;INTENT&gt;,
 
+</span></span><span style="display:flex;"><span>    ActionModule&lt;ACTION&gt;
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span><span style="color:#66d9ef">class</span> <span style="color:#a6e22e">MVIViewModelDelegate</span>&lt;STATE, INTENT, ACTION&gt;(
 
+</span></span><span style="display:flex;"><span>    initial: STATE
 
+</span></span><span style="display:flex;"><span>) : MVIViewModel&lt;STATE, INTENT, ACTION&gt; {
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">private</span> <span style="color:#66d9ef">val</span> _state = MutableStateFlow(initial)
 
+</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()
 
+</span></span><span style="display:flex;"><span>
 
+</span></span><span style="display:flex;"><span>    <span style="color:#66d9ef">private</span> <span style="color:#66d9ef">val</span> _action = Channel&lt;ACTION&gt;()
 
+</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()
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>        _state.update { transform(<span style="color:#66d9ef">it</span>) }
 
+</span></span><span style="display:flex;"><span>    }
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>        block(_state.<span style="color:#66d9ef">value</span>)
 
+</span></span><span style="display:flex;"><span>    }
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>        _action.trySend(block())
 
+</span></span><span style="display:flex;"><span>    }
 
+</span></span><span style="display:flex;"><span>
 
+</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) {
 
+</span></span><span style="display:flex;"><span>        <span style="color:#66d9ef">throw</span> NotImplementedError()
 
+</span></span><span style="display:flex;"><span>    }
 
+</span></span><span style="display:flex;"><span>}</span></span></code></pre></div>
 
+
 
+    </div>
 
+
 
+    
+</section>
 
+
 
+
 
+            </div>
 
+            <div class="side">
 
+                
+                    <div class="side-recent">
 
+    <h2 class="side-title">
 
+        <a href="/posts/">Recent Posts</a>
 
+    </h2>
 
+    <hr />
 
+
 
+    <ul>
 
+        
+            <li>
 
+                <a href="/posts/mvi_architecture/">MVI Architecture Helper</a>
 
+            </li>
 
+        
+            <li>
 
+                <a href="/posts/my-first-post/">My First Post</a>
 
+            </li>
 
+        
+    </ul>
 
+</div>
 
+
 
+                
+                <div class="side-categories">
 
+    <h2>Categories</h2>
 
+    <hr />
 
+
 
+    <ul>
 
+        
+    </ul>
 
+</div>
 
+
 
+                <div class="side-tags">
 
+    <h2>Tags</h2>
 
+    <hr />
 
+
 
+    <ul>
 
+        
+    </ul>
 
+</div>
 
+
 
+            </div>
 
+        </main>
 
+        <footer class="footer">
 
+    <div class="footer-row">
 
+        
+            
+            
+                <a class="footer-item" href="http://localhost:1313/posts/index.xml">
 
+                    Feed of Posts
 
+                    <i class="icofont-rss"></i>
 
+                </a>
 
+            
+        
+
 
+        
+            
+            
+        
+    </div>
 
+
 
+    
+</footer>
 
+
 
+    </body>
 
+</html>

+ 16 - 0
public/posts/my-first-post/index.html
Ver arquivo 

@@ -39,6 +39,18 @@ Visit the Hugo website!" />
 
 
         <nav class="menu">
 
             
+                <div class="menu-item">
 
+                    
+                        <a href="/about/">About</a>
 
+                    
+                </div>
 
+            
+                <div class="menu-item">
 
+                    
+                        <a href="/posts/">Posts</a>
 
+                    
+                </div>
 
+            
         </nav>
 
     </div>
 
 </header>
 
@@ -89,6 +101,10 @@ Visit the Hugo website!" />
 
 
     <ul>
 
         
+            <li>
 
+                <a href="/posts/mvi_architecture/">MVI Architecture Helper</a>
 
+            </li>
 
+        
             <li>
 
                 <a href="/posts/my-first-post/">My First Post</a>
 
             </li>

+ 2 - 2
public/sitemap.xml
Ver arquivo 

@@ -3,10 +3,10 @@
 
   xmlns:xhtml="http://www.w3.org/1999/xhtml">
 
   <url>
 
     <loc>https://codeskraps.com/</loc>
 
-    <lastmod>2024-09-27T11:59:03+02:00</lastmod>
 
+    <lastmod>2024-09-27T13:45:09+02:00</lastmod>
 
   </url><url>
 
     <loc>https://codeskraps.com/posts/</loc>
 
-    <lastmod>2024-09-27T11:59:03+02:00</lastmod>
 
+    <lastmod>2024-09-27T13:45:09+02:00</lastmod>
 
   </url><url>
 
     <loc>https://codeskraps.com/about/</loc>
 
   </url><url>

+ 86 - 0
syntax.css
Ver arquivo 

@@ -0,0 +1,86 @@
 
+/* Background */ .bg { color:#f8f8f2;background-color:#272822; }
 
+/* PreWrapper */ .chroma { color:#f8f8f2;background-color:#272822; }
 
+/* Other */ .chroma .x {  }
 
+/* Error */ .chroma .err { color:#960050;background-color:#1e0010 }
 
+/* CodeLine */ .chroma .cl {  }
 
+/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }
 
+/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }
 
+/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }
 
+/* LineHighlight */ .chroma .hl { background-color:#3c3d38 }
 
+/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
 
+/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }
 
+/* Line */ .chroma .line { display:flex; }
 
+/* Keyword */ .chroma .k { color:#66d9ef }
 
+/* KeywordConstant */ .chroma .kc { color:#66d9ef }
 
+/* KeywordDeclaration */ .chroma .kd { color:#66d9ef }
 
+/* KeywordNamespace */ .chroma .kn { color:#f92672 }
 
+/* KeywordPseudo */ .chroma .kp { color:#66d9ef }
 
+/* KeywordReserved */ .chroma .kr { color:#66d9ef }
 
+/* KeywordType */ .chroma .kt { color:#66d9ef }
 
+/* Name */ .chroma .n {  }
 
+/* NameAttribute */ .chroma .na { color:#a6e22e }
 
+/* NameBuiltin */ .chroma .nb {  }
 
+/* NameBuiltinPseudo */ .chroma .bp {  }
 
+/* NameClass */ .chroma .nc { color:#a6e22e }
 
+/* NameConstant */ .chroma .no { color:#66d9ef }
 
+/* NameDecorator */ .chroma .nd { color:#a6e22e }
 
+/* NameEntity */ .chroma .ni {  }
 
+/* NameException */ .chroma .ne { color:#a6e22e }
 
+/* NameFunction */ .chroma .nf { color:#a6e22e }
 
+/* NameFunctionMagic */ .chroma .fm {  }
 
+/* NameLabel */ .chroma .nl {  }
 
+/* NameNamespace */ .chroma .nn {  }
 
+/* NameOther */ .chroma .nx { color:#a6e22e }
 
+/* NameProperty */ .chroma .py {  }
 
+/* NameTag */ .chroma .nt { color:#f92672 }
 
+/* NameVariable */ .chroma .nv {  }
 
+/* NameVariableClass */ .chroma .vc {  }
 
+/* NameVariableGlobal */ .chroma .vg {  }
 
+/* NameVariableInstance */ .chroma .vi {  }
 
+/* NameVariableMagic */ .chroma .vm {  }
 
+/* Literal */ .chroma .l { color:#ae81ff }
 
+/* LiteralDate */ .chroma .ld { color:#e6db74 }
 
+/* LiteralString */ .chroma .s { color:#e6db74 }
 
+/* LiteralStringAffix */ .chroma .sa { color:#e6db74 }
 
+/* LiteralStringBacktick */ .chroma .sb { color:#e6db74 }
 
+/* LiteralStringChar */ .chroma .sc { color:#e6db74 }
 
+/* LiteralStringDelimiter */ .chroma .dl { color:#e6db74 }
 
+/* LiteralStringDoc */ .chroma .sd { color:#e6db74 }
 
+/* LiteralStringDouble */ .chroma .s2 { color:#e6db74 }
 
+/* LiteralStringEscape */ .chroma .se { color:#ae81ff }
 
+/* LiteralStringHeredoc */ .chroma .sh { color:#e6db74 }
 
+/* LiteralStringInterpol */ .chroma .si { color:#e6db74 }
 
+/* LiteralStringOther */ .chroma .sx { color:#e6db74 }
 
+/* LiteralStringRegex */ .chroma .sr { color:#e6db74 }
 
+/* LiteralStringSingle */ .chroma .s1 { color:#e6db74 }
 
+/* LiteralStringSymbol */ .chroma .ss { color:#e6db74 }
 
+/* LiteralNumber */ .chroma .m { color:#ae81ff }
 
+/* LiteralNumberBin */ .chroma .mb { color:#ae81ff }
 
+/* LiteralNumberFloat */ .chroma .mf { color:#ae81ff }
 
+/* LiteralNumberHex */ .chroma .mh { color:#ae81ff }
 
+/* LiteralNumberInteger */ .chroma .mi { color:#ae81ff }
 
+/* LiteralNumberIntegerLong */ .chroma .il { color:#ae81ff }
 
+/* LiteralNumberOct */ .chroma .mo { color:#ae81ff }
 
+/* Operator */ .chroma .o { color:#f92672 }
 
+/* OperatorWord */ .chroma .ow { color:#f92672 }
 
+/* Punctuation */ .chroma .p {  }
 
+/* Comment */ .chroma .c { color:#75715e }
 
+/* CommentHashbang */ .chroma .ch { color:#75715e }
 
+/* CommentMultiline */ .chroma .cm { color:#75715e }
 
+/* CommentSingle */ .chroma .c1 { color:#75715e }
 
+/* CommentSpecial */ .chroma .cs { color:#75715e }
 
+/* CommentPreproc */ .chroma .cp { color:#75715e }
 
+/* CommentPreprocFile */ .chroma .cpf { color:#75715e }
 
+/* Generic */ .chroma .g {  }
 
+/* GenericDeleted */ .chroma .gd { color:#f92672 }
 
+/* GenericEmph */ .chroma .ge { font-style:italic }
 
+/* GenericError */ .chroma .gr {  }
 
+/* GenericHeading */ .chroma .gh {  }
 
+/* GenericInserted */ .chroma .gi { color:#a6e22e }
 
+/* GenericOutput */ .chroma .go {  }
 
+/* GenericPrompt */ .chroma .gp {  }
 
+/* GenericStrong */ .chroma .gs { font-weight:bold }
 
+/* GenericSubheading */ .chroma .gu { color:#75715e }
 
+/* GenericTraceback */ .chroma .gt {  }
 
+/* GenericUnderline */ .chroma .gl {  }
 
+/* TextWhitespace */ .chroma .w {  }