Merge pull request #57 from NfNitLoop/release-v0.5.0

Release v0.5.0

CHANGELOG.md

@@ -1,10 +1,54 @@
 Changelog
 =========
 
+Version 0.5.0
+=============
+
+Released: July 18, 2021  
+<https://github.com/NfNitLoop/feoblog/releases/tag/v0.5.0>
+
+New Features
+------------
+
+ * You can now filter and search your "My Feed" page.  
+   Is someone posting a bit too much today? You can temporarily hide them from
+   your feed to see what everyone *else* has to say. Looking for a post you saw
+   last week? Now you can search for a keyword and view only posts/comments that
+   mention that.
+
+   ![v0.5.0 filter demo]
+
+[v0.5.0 filter demo]: ./docs/images/v0.5.0%20filter%20demo.gif
+
+Improvements
+------------
+
+ * Posts are no longer clickable.  
+   Previously, the entire block containing a post was clickable, and would take
+   you to the page for that post. But that resulted in a lot of accidental
+   clicks. Also, since the cursor changed to a pointer for the whole block, it
+   was difficult to see if images were clickable. Now that behavior is gone. You
+   can click on the timestamp of a post to go to a page for just that post.
+
+ * [#52] Automatically redirect to the "My Feed" page when logged in.  
+   If you're logged in, you're probably repeatedly coming to FeoBlog to check
+   your feed. So that's now the default view.
+
+[#52]: https://github.com/NfNitLoop/feoblog/issues/52
+
+Bug Fixes
+---------
+
+ * [#51] Draft timestamps could accidentally backdate posts.
+ * Fix for nav links that wouldn't highlight when they were clicked.
+
+[#51]: https://github.com/NfNitLoop/feoblog/issues/51
+
+
 Version 0.4.0
 =============
 
-Released: June 25, 2021
+Released: June 25, 2021  
 <https://github.com/NfNitLoop/feoblog/releases/tag/v0.4.0>
 
  * The web client is now the default view.  

README.md

@@ -200,5 +200,11 @@ I should probably write more about these things? Tell me if you'd find them usef
 * Using Sync to copy your content between servers. (Hopefully the in-client info is enough for now?)
 * Running a server behind Apache
 * Running a server in Docker
-* Writing your own client (But there's an example at <https://github.com/NfNitLoop/fb-rss>.)
-* Writing your own server
+* Writing your own server
+* Writing your own client. But in the meantime see these examples:
+  * Python:
+    * <https://github.com/NfNitLoop/fb-rss>
+  * TypeScript for Deno:
+    * <https://github.com/NfNitLoop/rss2fb> 
+    * <https://github.com/NfNitLoop/feotweet>
+    * <https://github.com/NfNitLoop/deno-feomasto>

web-client/components/IndexPage.svelte

@@ -3,17 +3,17 @@
     <div class="nav-container">
         <div class="nav">
             {#if !$appState.loggedIn}
-                <a use:active href="#/home">Home</a>
-                <a use:active href="#/login">Log in</a>
+                <NavLink href="#/home">Home</NavLink>
+                <NavLink href="#/login">Log in</NavLink>
             {:else}
                 <div>{$appState.userName || "(unknown user)"}</div>
-                <a use:active href="#/u/{$appState.loggedInUser}/feed">My Feed</a>
-                <a use:active href="#/u/{$appState.loggedInUser}/profile">My Profile</a>
-                <a use:active href="#/u/{$appState.loggedInUser}/">My Posts</a>
-                <a use:active href="#/post">New Post</a>
-                <a use:active href="#/sync">Sync</a>
-                <a use:active href="#/login">Change User</a>
-                <a use:active href="#/home">Home</a>
+                <NavLink href="#/u/{$appState.loggedInUser}/feed">My Feed</NavLink>
+                <NavLink href="#/u/{$appState.loggedInUser}/profile">My Profile</NavLink>
+                <NavLink href="#/u/{$appState.loggedInUser}/">My Posts</NavLink>
+                <NavLink href="#/post">New Post</NavLink>
+                <NavLink href="#/sync">Sync</NavLink>
+                <NavLink href="#/login">Change User</NavLink>
+                <NavLink href="#/home">Home</NavLink>
             {/if}
         </div>
 
@@ -39,6 +39,7 @@ import {wrap} from "svelte-spa-router/wrap"
 import { writable } from "svelte/store";
 import { setContext } from "svelte";
 import RootPage from "./pages/RootPage.svelte";
+import NavLink from "./NavLink.svelte";
 
 // This is a writable() store so that we can notify the app
 // that appState has been modified. Svelte doesn't/can't propagate updates
@@ -103,8 +104,3 @@ $: {
 
 </script>
 
-<style>
-:global(.nav .active) {
-    color: black;
-}
-</style>

web-client/components/NavLink.svelte

@@ -0,0 +1,24 @@
+<!--
+    svelte-spa-router/active can't update when the nav links are changed.
+    See: https://github.com/ItalyPaleAle/svelte-spa-router/issues/187 😢
+    This component works around that.
+-->
+<a class:active {href}><slot></slot></a>
+
+<script lang="ts">
+import { location } from "svelte-spa-router"
+
+export let href: string
+
+// TODO: We'll likely need to make this more permissive if I ever decide
+// to try allowing ?params on hash URLs like:
+// #/post?replyTo=wharrgarbl.
+$: active = href === `#` + $location
+
+</script>
+
+<style>
+.active {
+    color: black;
+}
+</style>