beta release build 0.7.0

README.md

@@ -25,6 +25,7 @@ If you are using Linux or an older version of Windows, you can [get Fluent Reade
 </p>
 
 - A modern UI inspired by Fluent Design System with full dark mode support.
+- Read locally or sync with self-hosted services through Fever API.
 - Importing or exporting OPML files, full application data backup & restoration.
 - Read the full content with the built-in article view or load webpages by default.
 - Search for articles with regular expressions or filter by read status.
@@ -33,7 +34,7 @@ If you are using Linux or an older version of Windows, you can [get Fluent Reade
 - Hide, mark as read, or star articles automatically as they arrive with regular expression rules.
 - Fetch articles in the background and send push notifications.
 
-Support for RSS services including Fever API, Inoreader, or Feedly are being fundraised through [Open Collective](https://opencollective.com/fluent-reader). 
+Support for other RSS services including Inoreader and Feedly are being fundraised through [Open Collective](https://opencollective.com/fluent-reader). 
 
 ## Development
 
@@ -44,7 +45,7 @@ Help make Fluent Reader better by reporting bugs or opening feature requests thr
 You can also help internationalize the app by providing [translations into additional languages](https://github.com/yang991178/fluent-reader/tree/master/src/scripts/i18n). 
 Refer to the repo of [react-intl-universal](https://github.com/alibaba/react-intl-universal) to get started on internationalization. 
 
-If you enjoyed using the app, consider supporting its development by donating through [Open Collective](https://opencollective.com/fluent-reader) or [Paypal](https://www.paypal.me/yang991178).
+If you enjoy using this app, consider supporting its development by donating through [Open Collective](https://opencollective.com/fluent-reader), [Paypal](https://www.paypal.me/yang991178), or [Alipay](https://hyliu.me/fluent-reader/imgs/alipay.jpg).
 
 ### Build from source
 ```bash

dist/styles/global.css

@@ -113,6 +113,13 @@ i.ms-Nav-chevron {
     user-select: none;
     margin-bottom: 8px;
 }
+.ms-MessageBar:not(.ms-MessageBar--warning) {
+    background: var(--neutralLighter);
+    color: var(--neutralPrimary);
+}
+.ms-MessageBar:not(.ms-MessageBar--warning) i[data-icon-name="Info"] {
+    color: var(--neutralPrimary);
+}
 
 #root > nav {
     height: var(--navHeight);

dist/styles/main.css

@@ -79,7 +79,7 @@ div[role="toolbar"] {
     height: 100%;
 }
 div[role="tabpanel"] {
-    height: calc(100% - 44px);
+    height: calc(100% - 68px);
     padding: 12px 16px;
     overflow-y: auto;
     position: relative;
@@ -96,9 +96,6 @@ div[role="tabpanel"] {
 .settings .loading .ms-Spinner {
     margin-top: 180px;
 }
-.tab-body {
-    margin-bottom: 24px;
-}
 .tab-body .ms-StackItem {
     margin-right: 6px;
     margin-bottom: 12px;

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "fluent-reader",
-  "version": "0.6.3",
+  "version": "0.7.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fluent-reader",
-  "version": "0.6.3",
-  "description": "A simplistic, modern desktop RSS reader",
+  "version": "0.7.0",
+  "description": "Modern desktop RSS reader",
   "main": "./dist/electron.js",
   "scripts": {
     "build": "webpack --config ./webpack.config.js",

src/components/settings/services/fever.tsx

@@ -102,7 +102,7 @@ class FeverConfigsTab extends React.Component<ServiceConfigsTabProps, FeverConfi
                 <MessageBar messageBarType={MessageBarType.info}>{intl.get("service.groupsWarning")}</MessageBar>
             )}
             <Stack horizontalAlign="center" style={{marginTop: 48}}>
-                <Icon iconName="Calories" style={{fontSize: 32, userSelect: "none"}} />
+                <Icon iconName="Calories" style={{color: "var(--black)", fontSize: 32, userSelect: "none"}} />
                 <Label style={{margin: "8px 0 36px"}}>Fever API</Label>
                 <Stack className="login-form" horizontal>
                     <Stack.Item>

src/scripts/models/item.ts

@@ -255,7 +255,8 @@ export function markAllRead(sids: number[] = null, date: Date = null, before = t
             let feed = state.feeds[state.page.feedId]
             sids = feed.sids
         }
-        dispatch(dispatch(getServiceHooks()).markAllRead?.(sids, date, before))
+        const action = dispatch(getServiceHooks()).markAllRead?.(sids, date, before)
+        if (action) dispatch(action)
         let query = { 
             source: { $in: sids },
             hasRead: false,

src/scripts/models/services/fever.ts

@@ -264,7 +264,7 @@ export const feverServiceHooks: ServiceHooks = {
         const configs = state.service as FeverConfigs
         if (date && !before) {
             const iids = state.feeds[state.page.feedId].iids
-            const items = iids.map(iid => state.items[iid]).filter(i => i.date.getTime() >= date.getTime())
+            const items = iids.map(iid => state.items[iid]).filter(i => !i.hasRead && i.date.getTime() >= date.getTime())
             for (let item of items) {
                 if (item.serviceRef) {
                     markItem(configs, item, "read")