A modern desktop RSS reader
Fluent Reader is a local, cross-platform news aggregator with a fresh look. Bring all your favorite sources with you and read distraction-free.
Stay in sync with Inoreader, Feedbin, or services compatible with Fever or Google Reader API. Alternatively, import your sources from an OPML file and read locally. Easily organize sources with groups. Move between computers with full data backups.
Enjoy your contents like never before with the built-in article view for RSS full text tailored to maximize focus. Source only comes with snippets? Configure to load full content with Mercury Parser, load webpage in the app, or open externally by default.
Find anything you want with the power of regular expressions. Search in both titles and full contents of articles. Mark articles as starred, hidden, or unread and filter as they arrive with custom rules based on regular expressions.
Full system-level dark mode support for both UI and reading.
{this.props.item.title}
{this.props.item.date.toLocaleString( this.props.locale, { hour12: !this.props.locale.startsWith("zh") } )}
) ) return `article/article.html?a=${a}&h=${h}&f=${encodeURIComponent( this.state.fontFamily )}&s=${this.state.fontSize}&d=${this.props.source.textDir}&u=${ this.props.item.link }&m=${this.state.loadFull ? 1 : 0}` } render = () => (
{props.source.iconurl ? : null}
{props.source.name}
{props.showCreator && props.item.creator && (
{props.item.creator}
)}
{props.item.starred ? (
) : null}
{props.item.hasRead ? null : }
{props.hideTime ? null : }
{intl.get("log.empty")}
) : ( logs .map((l, i) => ({group.name}
) } render() { return ( this.props.status && ( ) ) } } ================================================ FILE: src/components/nav.tsx ================================================ import * as React from "react" import { useState, useEffect, useCallback } from "react" import intl from "react-intl-universal" import { useSelector, useDispatch } from "react-redux" import { Icon } from "@fluentui/react/lib/Icon" import { ProgressIndicator, IObjectWithKey } from "@fluentui/react" import { RootState } from "../scripts/reducer" import { fetchItems } from "../scripts/models/item" import { toggleMenu, toggleLogMenu, toggleSettings, openViewMenu, openMarkAllMenu, } from "../scripts/models/app" import { toggleSearch } from "../scripts/models/page" import { ViewType , WindowStateListenerType } from "../schema-types" const Nav: React.FC = () => { const dispatch = useDispatch() const state = useSelector((state: RootState) => state.app) const itemShown = useSelector( (state: RootState) => state.page.itemId && state.page.viewType !== ViewType.List ) const [maximized, setMaximized] = useState(window.utils.isMaximized()) const setBodyFocusState = useCallback((focused: boolean) => { if (focused) document.body.classList.remove("blur") else document.body.classList.add("blur") }, []) const setBodyFullscreenState = useCallback((fullscreen: boolean) => { if (fullscreen) document.body.classList.remove("not-fullscreen") else document.body.classList.add("not-fullscreen") }, []) const windowStateListener = useCallback( (type: WindowStateListenerType, windowState: boolean) => { switch (type) { case WindowStateListenerType.Maximized: setMaximized(windowState) break case WindowStateListenerType.Fullscreen: setBodyFullscreenState(windowState) break case WindowStateListenerType.Focused: setBodyFocusState(windowState) break } }, [setBodyFocusState, setBodyFullscreenState] ) const canFetch = useCallback( () => state.sourceInit && state.feedInit && !state.syncing && !state.fetchingItems, [state.sourceInit, state.feedInit, state.syncing, state.fetchingItems] ) const fetch = useCallback(() => { if (canFetch()) dispatch(fetchItems()) }, [canFetch, dispatch]) const menu = useCallback(() => dispatch(toggleMenu()), [dispatch]) const logs = useCallback(() => dispatch(toggleLogMenu()), [dispatch]) const search = useCallback(() => dispatch(toggleSearch()), [dispatch]) const settings = useCallback(() => dispatch(toggleSettings()), [dispatch]) const markAll = useCallback(() => dispatch(openMarkAllMenu()), [dispatch]) const views = useCallback(() => { if (state.contextMenu.event !== "#view-toggle") { dispatch(openViewMenu()) } }, [state.contextMenu.event, dispatch]) const navShortcutsHandler = useCallback( (e: KeyboardEvent | IObjectWithKey) => { if (!state.settings.display) { switch (e.key) { case "F1": menu() break case "F2": search() break case "F5": fetch() break case "F6": markAll() break case "F7": if (!itemShown) logs() break case "F8": if (!itemShown) views() break case "F9": if (!itemShown) settings() break } } }, [state.settings.display, itemShown, menu, search, fetch, markAll, logs, views, settings] ) useEffect(() => { setBodyFocusState(window.utils.isFocused()) setBodyFullscreenState(window.utils.isFullscreen()) window.utils.addWindowStateListener(windowStateListener) return () => { // Cleanup will be handled by the event listener removal effect } }, [setBodyFocusState, setBodyFullscreenState, windowStateListener]) useEffect(() => { document.addEventListener("keydown", navShortcutsHandler) if (window.utils.platform === "darwin") window.utils.addTouchBarEventsListener(navShortcutsHandler) return () => { document.removeEventListener("keydown", navShortcutsHandler) } }, [navShortcutsHandler]) const minimize = () => { window.utils.minimizeWindow() } const maximize = () => { window.utils.maximizeWindow() setMaximized(!maximized) } const close = () => { window.utils.closeWindow() } const fetching = () => (!canFetch() ? " fetching" : "") const getClassNames = () => { const classNames = new Array
Copyright © 2020 Haoyuan Liu. All rights reserved.
