release 3.3.2

hopefully removes the error that happens sometimes:
Illegal attempt to associate a collection with two open sessions. Collection : [com.commafeed.backend.model.Feed.subscriptions]

.dockerignore

@@ -0,0 +1,6 @@
+# ignore everything
+*
+
+# allow only what we need
+!commafeed-server/target/commafeed.jar
+!commafeed-server/config.yml.example

.github/workflows/build.yml

@@ -1,27 +1,89 @@
 name: Java CI
 
-on: [push]
+on: [ push ]
 
 jobs:
   build:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        java: ["8", "11", "17"]
+        java: [ "8", "11", "17" ]
 
     steps:
-      - uses: actions/checkout@v3
+      - name: Checkout
+        uses: actions/checkout@v3
         with:
           fetch-depth: 0
+
+      # Setup
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+
       - name: Set up Java
         uses: actions/setup-java@v3
         with:
           java-version: ${{ matrix.java }}
           distribution: "temurin"
+          cache: "maven"
+
+      # Build
       - name: Build with Maven
         run: mvn --batch-mode --update-snapshots verify
-      - uses: actions/upload-artifact@v3
+
+      - name: Upload JAR
+        uses: actions/upload-artifact@v3
         if: ${{ matrix.java == '8' }}
         with:
           name: commafeed.jar
           path: commafeed-server/target/commafeed.jar
+
+      # Docker
+      - name: Login to Container Registry
+        uses: docker/login-action@v2
+        if: ${{ matrix.java == '8' }}
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Docker build and push tag
+        uses: docker/build-push-action@v4
+        if: ${{ matrix.java == '8' && github.ref_type == 'tag' }}
+        with:
+          context: .
+          push: true
+          platforms: linux/amd64,linux/arm/v7
+          tags: |
+            athou/commafeed:latest
+            athou/commafeed:${{ github.ref_name }}
+
+      - name: Docker build and push master
+        uses: docker/build-push-action@v4
+        if: ${{ matrix.java == '8' && github.ref_name == 'master' }}
+        with:
+          context: .
+          push: true
+          platforms: linux/amd64,linux/arm/v7
+          tags: athou/commafeed:master
+
+      # Create GitHub release after Docker image has been published
+      - name: Extract Changelog Entry
+        uses: mindsers/changelog-reader-action@v2
+        if: ${{ matrix.java == '8' && github.ref_type == 'tag' }}
+        id: changelog_reader
+        with:
+          version: ${{ github.ref_name }}
+
+      - name: Create GitHub release
+        uses: softprops/action-gh-release@v1
+        if: ${{ matrix.java == '8' && github.ref_type == 'tag' }}
+        with:
+          name: CommaFeed ${{ github.ref_name }}
+          body: ${{ steps.changelog_reader.outputs.changes }}
+          draft: false
+          prerelease: false
+          files: |
+            commafeed-server/target/commafeed.jar
+            commafeed-server/config.yml.example

CHANGELOG

@@ -1,80 +0,0 @@
-v 3.0.0
-  - complete overhaul of the UI
-  - backend and frontend are now in separate maven modules
-  - no changes to the api or the database
-
-v 2.6.0
-  - add support for media content as a backup for missing content (useful for youtube feeds)
-  - correctly follow http error code 308 redirects
-  - fixed a bug that prevented users from deleting their account
-  - fixed a bug that made commafeed store entry contents multiple times
-  - fixed a bug that prevented the app to be used as an installed app on mobile devices if the context path of commafeed was not "/"
-  - fixed a bug that prevented entries from being "marked as read older than xxx" for a feed that was just added
-  - removed support for google+ and readability as those services no longer exist
-  - removed support for deploying on openshift
-  - removed alphabetical sorting of entries because of really poor performance (title cannot be indexed)
-  - improve performance for instances with the heavy load setting enabled by preventing CommaFeed from fetching feeds from users that did not log in for a long time
-  - various dependencies upgrades (notably dropwizard from 1.3 to 2.1)
-  - add support for mariadb
-  - add support for java17+ runtime
-  - various security improvements
-v 2.5.0
-  - unread count is now displayed in a favicon badge when supported
-  - the user agent string for the bot fetching feeds is now configurable
-  - feed parsing performance improvements
-  - support for java9+ runtime
-  - can now properly start from an empty postgresql database
-v 2.4.0
-  - users were not able to change password or delete account
-  - fix api key generation
-  - feed entries can now be sorted alphabetically
-  - fix facebook sharing
-  - fix layout on iOS
-  - postgresql driver update (fix for postgres 9.6)
-  - various internationalization fixes
-  - security fixes
-v 2.3.0
-  - dropwizard upgrade 0.9.1
-  - feed enclosures are hidden if they already displayed in the content 
-  - fix youtube favicons
-  - various internationalization fixes
-v 2.2.0
-  - fix youtube and instagram favicon fetching
-  - mark as read filter was lost when a feed was rearranged with drag&drop
-  - feed entry categories are now displayed if available
-  - various performance and dependencies upgrades
-  - java8 is now required
-v 2.1.0
-  - dropwizard upgrade to 0.8.0
-  - you have to remove the "app.contextPath" setting from your yml file, you can optionally use server.applicationContextPath instead
-  - new setting app.maxFeedCapacity for deleting old entries
-  - ability to set filtering expressions for subscriptions to automatically mark new entries as read based on title, content, author or url.
-  - ability to use !keyword or -keyword to exclude a keyword from a search query
-  - facebook feeds now show user favicon instead of facebook favicon
-  - new dark theme 'nightsky'
-v 2.0.3
-  - internet explorer ajax cache workaround
-  - categories are now deletable again
-  - openshift support is back
-  - youtube feeds now show user favicon instead of youtube favicon
-v 2.0.2
-  - api using the api key is now working again
-  - context path is now configurable in config.yml (see app.contextPath in config.yml.example)
-  - fix login on firefox when fields are autofilled by the browser
-  - fix scrolling of subscriptions list on mobile
-  - user is now logged in after registration
-  - fix link to documentation on home page and about page
-  - fields autocomplete is disabled on the profile page
-  - users are able to delete their account again
-  - chinese and malaysian translation files are now correctly loaded
-  - software version in user-agent when fetching feeds is no longer hardcoded
-  - admin settings page is now read only, settings are configured in config.yml 
-  - added link to metrics on the admin settings page
-  - Rome (rss library) upgrade to 1.5.0
-v 2.0.1
-  - the redis pool no longer throws an exception when it is unable to aquire a new connection
-v2.0.0
-  - The backend has been completely rewritten using Dropwizard instead of TomEE, resulting in a lot less memory consumption and better overall performances.
-    See the README on how to build CommaFeed from now on.
-  - CommaFeed should no longer fetch the same feed multiple times in a row  
-  - Users can use their username or email to log in  

CHANGELOG.md

@@ -0,0 +1,150 @@
+# Changelog
+
+## [3.3.2]
+
+- restore entry selection indicator (left orange border) that was lost with the mantine 6.x upgrade (3.3.0)
+- add dividers to visually separate read-only information from forms on feed and category details pages
+- reduced js bundle size by 10%
+
+## [3.3.1]
+
+- fix long feed names not being shortened to respect tree max width
+
+## [3.3.0]
+
+- there are now database changes, rolling back to 2.x will no longer be possible
+- restore support for user custom CSS rules
+- add support for user custom JS code that will be executed on page load
+
+## [3.2.0]
+
+- restore the welcome page
+- only apply hover effect for unread entries (same as commafeed v2)
+- move notifications at the bottom of the screen
+- always use https for sharing urls
+- add support for redis ACLs
+- transition to google analytics v4
+
+## [3.1.0]
+
+- add an even more compact layout
+- restore hover effect from commafeed 2.x
+- view mode (compact, expanded, ...) is now stored on the device so you can have a different view mode on desktop and
+  mobile
+- fix for the "Illegal attempt to associate a collection with two open sessions." error
+- feed fetching workflow is now orchestrated with rxjava, removing a lot of code
+
+## [3.0.1]
+
+- allow env variable substitution in config.yml
+  - e.g. having a custom config.yml file with `app.session.path=${SOME_ENV_VAR}` will substitute `SOME_ENV_VAR` with
+    its value
+- allow env variable prefixed with `CF_` to override config.yml properties
+  - e.g. setting `CF_APP_ALLOWREGISTRATIONS=true` will set `app.allowRegistrations` to `true`
+
+## [3.0.0]
+
+- complete overhaul of the UI
+- backend and frontend are now in separate maven modules
+- no changes to the api or the database
+- Docker images are now automatically built and available at https://hub.docker.com/r/athou/commafeed
+
+## [2.6.0]
+
+- add support for media content as a backup for missing content (useful for youtube feeds)
+- correctly follow http error code 308 redirects
+- fixed a bug that prevented users from deleting their account
+- fixed a bug that made commafeed store entry contents multiple times
+- fixed a bug that prevented the app to be used as an installed app on mobile devices if the context path of commafeed
+  was not "/"
+- fixed a bug that prevented entries from being "marked as read older than xxx" for a feed that was just added
+- removed support for google+ and readability as those services no longer exist
+- removed support for deploying on openshift
+- removed alphabetical sorting of entries because of really poor performance (title cannot be indexed)
+- improve performance for instances with the heavy load setting enabled by preventing CommaFeed from fetching feeds from
+  users that did not log in for a long time
+- various dependencies upgrades (notably dropwizard from 1.3 to 2.1)
+- add support for mariadb
+- add support for java17+ runtime
+- various security improvements
+
+## [2.5.0]
+
+- unread count is now displayed in a favicon badge when supported
+- the user agent string for the bot fetching feeds is now configurable
+- feed parsing performance improvements
+- support for java9+ runtime
+- can now properly start from an empty postgresql database
+
+## [2.4.0]
+
+- users were not able to change password or delete account
+- fix api key generation
+- feed entries can now be sorted alphabetically
+- fix facebook sharing
+- fix layout on iOS
+- postgresql driver update (fix for postgres 9.6)
+- various internationalization fixes
+- security fixes
+
+## [2.3.0]
+
+- dropwizard upgrade 0.9.1
+- feed enclosures are hidden if they already displayed in the content
+- fix youtube favicons
+- various internationalization fixes
+
+## [2.2.0]
+
+- fix youtube and instagram favicon fetching
+- mark as read filter was lost when a feed was rearranged with drag&drop
+- feed entry categories are now displayed if available
+- various performance and dependencies upgrades
+- java8 is now required
+
+## [2.1.0]
+
+- dropwizard upgrade to 0.8.0
+- you have to remove the "app.contextPath" setting from your yml file, you can optionally use
+  server.applicationContextPath instead
+- new setting app.maxFeedCapacity for deleting old entries
+- ability to set filtering expressions for subscriptions to automatically mark new entries as read based on title,
+  content, author or url.
+- ability to use !keyword or -keyword to exclude a keyword from a search query
+- facebook feeds now show user favicon instead of facebook favicon
+- new dark theme 'nightsky'
+
+## [2.0.3]
+
+- internet explorer ajax cache workaround
+- categories are now deletable again
+- openshift support is back
+- youtube feeds now show user favicon instead of youtube favicon
+
+## [2.0.2]
+
+- api using the api key is now working again
+- context path is now configurable in config.yml (see app.contextPath in config.yml.example)
+- fix login on firefox when fields are autofilled by the browser
+- fix scrolling of subscriptions list on mobile
+- user is now logged in after registration
+- fix link to documentation on home page and about page
+- fields autocomplete is disabled on the profile page
+- users are able to delete their account again
+- chinese and malaysian translation files are now correctly loaded
+- software version in user-agent when fetching feeds is no longer hardcoded
+- admin settings page is now read only, settings are configured in config.yml
+- added link to metrics on the admin settings page
+- Rome (rss library) upgrade to 1.5.0
+
+## [2.0.1]
+
+- the redis pool no longer throws an exception when it is unable to aquire a new connection
+
+## [2.0.0]
+
+- The backend has been completely rewritten using Dropwizard instead of TomEE, resulting in a lot less memory
+  consumption and better overall performances.
+  See the README on how to build CommaFeed from now on.
+- CommaFeed should no longer fetch the same feed multiple times in a row
+- Users can use their username or email to log in

Dockerfile

@@ -0,0 +1,12 @@
+FROM eclipse-temurin:17-jre
+
+EXPOSE 8082
+
+RUN mkdir -p /commafeed/data
+VOLUME /commafeed/data
+ENV CF_SESSION_PATH=/commafeed/data/sessions
+
+COPY commafeed-server/config.yml.example config.yml
+COPY commafeed-server/target/commafeed.jar .
+
+CMD ["java", "-Djava.net.preferIPv4Stack=true", "-jar", "commafeed.jar", "server", "config.yml"]

README.md

@@ -1,9 +1,20 @@
 # CommaFeed
 
-Sources for [CommaFeed.com](http://www.commafeed.com/).
+Google Reader inspired self-hosted RSS reader, based on Dropwizard and React/TypeScript.
 
-Google Reader inspired self-hosted RSS reader, based on Dropwizard and AngularJS.
+![preview](https://user-images.githubusercontent.com/1256795/184886828-1973f148-58a9-4c6d-9587-ee5e5d3cc2cb.png)
-CommaFeed is now considered feature-complete and is in maintenance mode.
+
+## Features
+
+- 4 different layouts
+- Dark theme
+- Fully responsive
+- Keyboard shortcuts for almost everything
+- Support for right-to-left feeds
+- Translated in 25+ languages
+- Supports thousands of users and millions of feeds
+- OPML import/export
+- REST API
 
 ## Related open-source projects
 
@@ -16,84 +27,53 @@ Browser extensions:
 
 ## Deployment on your own server
 
-### The very short version (download precompiled package)
+### Docker
+
+Docker images are built automatically and are available at https://hub.docker.com/r/athou/commafeed
+
+### Download precompiled package
 
     mkdir commafeed && cd commafeed
-    wget https://github.com/Athou/commafeed/releases/download/3.0.0/commafeed.jar
+    wget https://github.com/Athou/commafeed/releases/latest/download/commafeed.jar
-    wget https://raw.githubusercontent.com/Athou/commafeed/3.0.0/commafeed-server/config.yml.example -O config.yml
+    wget https://github.com/Athou/commafeed/releases/latest/download/config.yml.example -O config.yml
-    vi config.yml
     java -Djava.net.preferIPv4Stack=true -jar commafeed.jar server config.yml
 
-### The short version (build from sources)
+The server will listen on http://localhost:8082. The default
+user is `admin` and the default password is `admin`.
+
+### Build from sources
 
     git clone https://github.com/Athou/commafeed.git
     cd commafeed
     ./mvnw clean package
     cp commafeed-server/config.yml.example config.yml
-    vi config.yml
     java -Djava.net.preferIPv4Stack=true -jar commafeed-server/target/commafeed.jar server config.yml
 
-### The long version (same as the short version, but more detailed)
+The server will listen on http://localhost:8082. The default
+user is `admin` and the default password is `admin`.
 
-CommaFeed 2.0 has been rewritten to use Dropwizard and gulp instead of using tomee and wro4j. The latest version of the 1.x branch is available [here](https://github.com/Athou/commafeed/tree/1.x).
+## Translation
 
-For storage, you can either use an embedded file-based H2 database or an external MySQL, PostgreSQL or SQLServer database.
+Files for internationalization are
-You also need the Java 1.8+ JDK in order to build the application.
+located [here](https://github.com/Athou/commafeed/tree/master/commafeed-client/src/locales).
-
-To install the required packages to build CommaFeed on Ubuntu, issue the following commands
-
-    # if this commands works and returns a version >= 1.8.0 you're good to go and you can skip JDK installation
-    javac -version
-
-    # if openjdk-8-jdk is not available on your ubuntu version (14.04 LTS), add the following repo first
-    sudo add-apt-repository ppa:openjdk-r/ppa
-    sudo apt-get update
-
-    sudo apt-get install g++ build-essential openjdk-8-jdk
-
-    # Make sure java8 is the selected java version
-    sudo update-alternatives --config java
-    sudo update-alternatives --config javac
-
-Clone this repository. If you don't have git you can download the sources as a zip file from [here](https://github.com/Athou/commafeed/archive/master.zip)
-
-    git clone https://github.com/Athou/commafeed.git
-    cd commafeed
-
-Now build the application
-
-    ./mvnw clean package
-
-Copy `commafeed-server/config.yml.example` to `./config.yml` then edit the file to your liking.
-Issue the following command to run the app, the server will listen by default on `http://localhost:8082`. The default user is `admin` and the default password is `admin`.
-
-    java -Djava.net.preferIPv4Stack=true -jar commafeed-server/target/commafeed.jar server config.yml
-
-You can use a proxy http server such as nginx or apache.
-
-## Translate CommaFeed into your language
-
-Files for internationalization are located [here](https://github.com/Athou/commafeed/tree/master/commafeed-client/src/locales).
 
 To add a new language:
 
 - edit `commafeed-client/src/i18n.ts`
-  - add the new locale to the `locales` array.
+    - add the new locale to the `locales` array.
-  - import the dayjs locale
+    - import the dayjs locale
 - edit `commafeed-client/.linguirc` and add the new locale to the `locales` array.
 - run `npm run i18n` and add translations to the newly created `commafeed-client/src/locales/[locale]/messages.po` file
 
-The name of the locale should be the two-letters [ISO-639-1 language code](http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes).
+The name of the locale should be the
+two-letters [ISO-639-1 language code](http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes).
 
 ## Local development
 
-- `git clone https://github.com/Athou/CommaFeed`
-
 ### Backend
 
 - Open `commafeed-server` in your preferred Java IDE.
-  - CommaFeed uses Lombok, you need the Lombok plugin for your IDE.
+    - CommaFeed uses Lombok, you need the Lombok plugin for your IDE.
-  - If using Eclipse, Go to Window → Preferences → Maven → Annotation Processing and check "Automatically configure JDT APT"
 - Start `CommaFeedApplication.java` in debug mode with `server config.dev.yml` as arguments
 
 ### Frontend
@@ -101,11 +81,13 @@ The name of the locale should be the two-letters [ISO-639-1 language code](http:
 - Open `commafeed-client` in your preferred JavaScript IDE.
 - run `npm install`
 - run `npm run dev`
-- the frontend server is now running at http://localhost:8082 and is proxying REST requests to the backend running on port 8083
+
+The frontend server is now running at http://localhost:8082 and is proxying REST requests to the backend running on
+port 8083
 
 ## Copyright and license
 
-Copyright 2013-2022 CommaFeed.
+Copyright 2013-2023 CommaFeed.
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this work except in compliance with the License.

commafeed-client/.eslintrc

@@ -70,8 +70,6 @@
                 "groups": [
                     "useLocation",
                     "useParams",
-                    "useStyles",
-                    "useMantineTheme",
                     "useState",
                     "useAppSelector",
                     "useAppDispatch",

commafeed-client/.linguirc

@@ -48,10 +48,5 @@
     "sourceLocale": "en",
     "fallbackLocales": {
         "default": "en"
-    },
-    "extractBabelOptions": {
-        "presets": [
-            "@babel/preset-typescript"
-        ]
     }
 }

commafeed-client/index.html

@@ -1,14 +1,16 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
+<head>
-        <meta charset="UTF-8" />
+  <meta charset="UTF-8" />
-        <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
-        <link rel="manifest" href="manifest.json" />
+  <link rel="manifest" href="manifest.json" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <link rel="stylesheet" href="custom_css.css" />
-        <title>CommaFeed</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    </head>
+  <title>CommaFeed</title>
-    <body>
+</head>
-        <div id="root"></div>
+<body>
-        <script type="module" src="/src/main.tsx"></script>
+<div id="root"></div>
-    </body>
+<script type="module" src="/src/main.tsx"></script>
+<script src="custom_js.js"></script>
+</body>
 </html>

commafeed-client/package.json

@@ -4,7 +4,8 @@
     "version": "0.0.0",
     "type": "module",
     "scripts": {
-        "dev": "vite",
+        "dev": "vite --host",
+        "dev:typescript": "tsc --watch",
         "build": "npm run i18n:compile && tsc && vite build",
         "preview": "vite preview",
         "test": "vitest",
@@ -16,61 +17,68 @@
         "postinstall": "npm run i18n:compile"
     },
     "dependencies": {
-        "@emotion/react": "^11.10.5",
+        "@emotion/react": "^11.11.0",
-        "@fontsource/open-sans": "^4.5.13",
+        "@fontsource/open-sans": "^4.5.14",
-        "@lingui/core": "^3.14.0",
+        "@lingui/core": "^4.0.0",
-        "@lingui/macro": "^3.14.0",
+        "@lingui/macro": "^4.0.0",
-        "@lingui/react": "^3.14.0",
+        "@lingui/react": "^4.0.0",
-        "@mantine/core": "^5.6.3",
+        "@mantine/core": "^6.0.10",
-        "@mantine/form": "^5.6.3",
+        "@mantine/form": "^6.0.10",
-        "@mantine/hooks": "^5.6.3",
+        "@mantine/hooks": "^6.0.10",
-        "@mantine/modals": "^5.6.3",
+        "@mantine/modals": "^6.0.10",
-        "@mantine/notifications": "^5.6.3",
+        "@mantine/notifications": "^6.0.10",
-        "@mantine/spotlight": "^5.6.3",
+        "@mantine/spotlight": "^6.0.10",
-        "@reduxjs/toolkit": "^1.8.6",
+        "@mantine/styles": "^6.0.10",
-        "axios": "^1.1.3",
+        "@reduxjs/toolkit": "^1.9.5",
-        "dayjs": "^1.11.6",
+        "axios": "^1.4.0",
-        "interweave": "^13.0.0",
+        "dayjs": "^1.11.7",
-        "lodash": "^4.17.21",
+        "interweave": "^13.1.0",
-        "make-plural": "^7.1.0",
         "mousetrap": "^1.6.5",
         "react": "^18.2.0",
         "react-async-hook": "^4.0.0",
+        "react-contexify": "^6.0.0",
         "react-dom": "^18.2.0",
-        "react-icons": "^4.6.0",
+        "react-ga4": "^2.1.0",
+        "react-icons": "^4.8.0",
         "react-infinite-scroller": "^1.2.6",
-        "react-redux": "^8.0.4",
+        "react-redux": "^8.0.5",
-        "react-router-dom": "^6.4.2",
+        "react-router-dom": "^6.11.1",
-        "swagger-ui-react": "^4.15.2",
+        "react-swipeable": "^7.0.0",
-        "tinycon": "^0.6.8"
+        "swagger-ui-react": "^4.18.3",
+        "throttle-debounce": "^5.0.0",
+        "tinycon": "^0.6.8",
+        "use-local-storage": "^3.0.0",
+        "websocket-heartbeat-js": "^1.1.2"
     },
     "devDependencies": {
-        "@lingui/cli": "^3.14.0",
+        "@lingui/cli": "^4.0.0",
-        "@types/eslint": "^8.4.8",
+        "@lingui/vite-plugin": "^4.0.0",
-        "@types/lodash": "^4.14.186",
+        "@types/eslint": "^8.37.0",
-        "@types/mousetrap": "^1.6.10",
+        "@types/mousetrap": "^1.6.11",
-        "@types/react": "^18.0.24",
+        "@types/react": "^18.2.6",
-        "@types/react-dom": "^18.0.8",
+        "@types/react-dom": "^18.2.4",
         "@types/react-infinite-scroller": "^1.2.3",
-        "@types/swagger-ui-react": "^4.11.0",
+        "@types/swagger-ui-react": "^4.18.0",
+        "@types/throttle-debounce": "^5.0.0",
         "@types/tinycon": "^0.6.3",
-        "@typescript-eslint/eslint-plugin": "^5.41.0",
+        "@typescript-eslint/eslint-plugin": "^5.59.2",
-        "@typescript-eslint/parser": "^5.41.0",
+        "@typescript-eslint/parser": "^5.59.2",
-        "@vitejs/plugin-react": "^2.2.0",
+        "@vitejs/plugin-react": "^4.0.0",
-        "eslint": "^8.26.0",
+        "babel-plugin-macros": "^3.1.0",
+        "eslint": "^8.40.0",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-airbnb-typescript": "^17.0.0",
-        "eslint-config-prettier": "^8.5.0",
+        "eslint-config-prettier": "^8.8.0",
         "eslint-config-react-app": "^7.0.1",
         "eslint-plugin-hooks": "^0.4.3",
         "eslint-plugin-prettier": "^4.2.1",
-        "prettier": "^2.7.1",
+        "prettier": "^2.8.8",
-        "rollup-plugin-visualizer": "^5.8.3",
+        "rollup-plugin-visualizer": "^5.9.0",
-        "typescript": "^4.8.4",
+        "typescript": "^5.0.4",
-        "vite": "^3.2.0",
+        "vite": "^4.3.5",
         "vite-plugin-eslint": "^1.8.1",
-        "vite-tsconfig-paths": "^3.5.2",
+        "vite-tsconfig-paths": "^4.2.0",
-        "vitest": "^0.24.3",
+        "vitest": "^0.31.0",
-        "vitest-mock-extended": "^1.0.3"
+        "vitest-mock-extended": "^1.1.3"
     }
 }

commafeed-client/pom.xml

@@ -5,7 +5,7 @@
 	<parent>
 		<groupId>com.commafeed</groupId>
 		<artifactId>commafeed</artifactId>
-		<version>3.0.0</version>
+		<version>3.3.2</version>
 	</parent>
 	<artifactId>commafeed-client</artifactId>
 	<name>CommaFeed Client</name>

commafeed-client/src/App.tsx

@@ -1,9 +1,9 @@
 import { i18n } from "@lingui/core"
 import { I18nProvider } from "@lingui/react"
 import { ColorScheme, ColorSchemeProvider, MantineProvider } from "@mantine/core"
-import { useColorScheme, useLocalStorage } from "@mantine/hooks"
+import { useColorScheme } from "@mantine/hooks"
 import { ModalsProvider } from "@mantine/modals"
-import { NotificationsProvider } from "@mantine/notifications"
+import { Notifications } from "@mantine/notifications"
 import { Constants } from "app/constants"
 import { redirectTo } from "app/slices/redirect"
 import { reloadServerInfos } from "app/slices/server"
@@ -26,17 +26,16 @@ import { TagDetailsPage } from "pages/app/TagDetailsPage"
 import { LoginPage } from "pages/auth/LoginPage"
 import { PasswordRecoveryPage } from "pages/auth/PasswordRecoveryPage"
 import { RegistrationPage } from "pages/auth/RegistrationPage"
+import { WelcomePage } from "pages/WelcomePage"
 import React, { useEffect } from "react"
-import { HashRouter, Navigate, Route, Routes, useNavigate } from "react-router-dom"
+import ReactGA from "react-ga4"
+import { HashRouter, Navigate, Route, Routes, useLocation, useNavigate } from "react-router-dom"
 import Tinycon from "tinycon"
+import useLocalStorage from "use-local-storage"
 
 function Providers(props: { children: React.ReactNode }) {
     const preferredColorScheme = useColorScheme()
-    const [colorScheme, setColorScheme] = useLocalStorage<ColorScheme>({
+    const [colorScheme, setColorScheme] = useLocalStorage<ColorScheme>("color-scheme", preferredColorScheme)
-        key: "color-scheme",
-        defaultValue: preferredColorScheme,
-        getInitialValueInEffect: true,
-    })
     const toggleColorScheme = (value?: ColorScheme) => setColorScheme(value || (colorScheme === "dark" ? "light" : "dark"))
 
     return (
@@ -52,9 +51,8 @@ function Providers(props: { children: React.ReactNode }) {
                     }}
                 >
                     <ModalsProvider>
-                        <NotificationsProvider position="top-center" zIndex={9999}>
+                        <Notifications position="bottom-right" zIndex={9999} />
-                            <ErrorBoundary>{props.children}</ErrorBoundary>
+                        <ErrorBoundary>{props.children}</ErrorBoundary>
-                        </NotificationsProvider>
                     </ModalsProvider>
                 </MantineProvider>
             </ColorSchemeProvider>
@@ -69,6 +67,7 @@ function AppRoutes() {
     return (
         <Routes>
             <Route path="/" element={<Navigate to={`/app/category/${Constants.categories.all.id}`} replace />} />
+            <Route path="welcome" element={<WelcomePage />} />
             <Route path="login" element={<LoginPage />} />
             <Route path="register" element={<RegistrationPage />} />
             <Route path="passwordRecovery" element={<PasswordRecoveryPage />} />
@@ -114,6 +113,21 @@ function RedirectHandler() {
     return null
 }
 
+function GoogleAnalyticsHandler() {
+    const location = useLocation()
+    const googleAnalyticsCode = useAppSelector(state => state.server.serverInfos?.googleAnalyticsCode)
+
+    useEffect(() => {
+        if (googleAnalyticsCode) ReactGA.initialize(googleAnalyticsCode)
+    }, [googleAnalyticsCode])
+
+    useEffect(() => {
+        if (ReactGA.isInitialized) ReactGA.send({ hitType: "pageview", page: location.pathname })
+    }, [location])
+
+    return null
+}
+
 function FaviconHandler() {
     const root = useAppSelector(state => state.tree.rootCategory)
     useEffect(() => {
@@ -138,6 +152,7 @@ export function App() {
             <>
                 <FaviconHandler />
                 <HashRouter>
+                    <GoogleAnalyticsHandler />
                     <RedirectHandler />
                     <AppRoutes />
                 </HashRouter>

commafeed-client/src/app/client.ts

@@ -30,7 +30,9 @@ const axiosInstance = axios.create({ baseURL: "./rest", withCredentials: true })
 axiosInstance.interceptors.response.use(
     response => response,
     error => {
-        if (error.response.status === 401) window.location.hash = "/login"
+        if (error.response.status === 401 && error.response.data === "Credentials are required to access this resource.") {
+            window.location.hash = "/welcome"
+        }
         throw error
     }
 )
@@ -58,6 +60,7 @@ export const client = {
         getEntries: (req: GetEntriesPaginatedRequest) => axiosInstance.get<Entries>("feed/entries", { params: req }),
         markEntries: (req: MarkRequest) => axiosInstance.post("feed/mark", req),
         fetchFeed: (req: FeedInfoRequest) => axiosInstance.post<FeedInfo>("feed/fetch", req),
+        refreshAll: () => axiosInstance.get("feed/refreshAll"),
         subscribe: (req: SubscribeRequest) => axiosInstance.post<number>("feed/subscribe", req),
         unsubscribe: (req: IDRequest) => axiosInstance.post("feed/unsubscribe", req),
         importOpml: (req: File) => {

commafeed-client/src/app/constants.ts

@@ -54,13 +54,13 @@ const sharing: {
         label: "Twitter",
         icon: SiTwitter,
         color: "#1D9BF0",
-        url: (url, desc) => `http://twitter.com/share?text=${desc}&url=${url}`,
+        url: (url, desc) => `https://twitter.com/share?text=${desc}&url=${url}`,
     },
     tumblr: {
         label: "Tumblr",
         icon: SiTumblr,
         color: "#375672",
-        url: (url, desc) => `http://www.tumblr.com/share/link?url=${url}&name=${desc}`,
+        url: (url, desc) => `https://www.tumblr.com/share/link?url=${url}&name=${desc}`,
     },
     pocket: {
         label: "Pocket",
@@ -97,4 +97,5 @@ export const Constants = {
         mainScrollAreaId: "main-scroll-area-id",
         entryId: (entry: Entry) => `entry-id-${entry.id}`,
     },
+    bitcoinWalletAddress: "1dymfUxqCWpyD7a6rQSqNy4rLVDBsAr5e",
 }

commafeed-client/src/app/slices/entries.test.ts

@@ -1,19 +1,20 @@
 /* eslint-disable import/first */
-import { beforeEach, describe, expect, it, vi } from "vitest"
-import { DeepMockProxy, mockDeep, mockReset } from "vitest-mock-extended"
-
-vi.doMock("app/client", () => ({ client: mockDeep() }))
-
 import { configureStore } from "@reduxjs/toolkit"
 import { client } from "app/client"
 import { reducers } from "app/store"
 import { Entries, Entry } from "app/types"
 import { AxiosResponse } from "axios"
+import { beforeEach, describe, expect, it, vi } from "vitest"
+import { mockReset } from "vitest-mock-extended"
 import { loadEntries, loadMoreEntries, markAllEntries, markEntry } from "./entries"
 
-describe("entries", () => {
+const mockClient = await vi.hoisted(async () => {
-    const mockClient = client as DeepMockProxy<typeof client>
+    const mockModule = await import("vitest-mock-extended")
+    return mockModule.mockDeep<typeof client>()
+})
+vi.mock("app/client", () => ({ client: mockClient }))
 
+describe("entries", () => {
     beforeEach(() => {
         mockReset(mockClient)
     })

commafeed-client/src/app/slices/entries.ts

@@ -128,6 +128,7 @@ export const markAllEntries = createAsyncThunk<void, { sourceType: EntrySourceTy
     async (arg, thunkApi) => {
         const endpoint = arg.sourceType === "category" ? client.category.markEntries : client.feed.markEntries
         await endpoint(arg.req)
+        thunkApi.dispatch(reloadEntries())
         thunkApi.dispatch(reloadTree())
     }
 )

commafeed-client/src/app/slices/user.ts

@@ -3,7 +3,7 @@ import { showNotification } from "@mantine/notifications"
 import { createAsyncThunk, createSlice, isAnyOf } from "@reduxjs/toolkit"
 import { client } from "app/client"
 import { RootState } from "app/store"
-import { ReadingMode, ReadingOrder, Settings, SharingSettings, UserModel, ViewMode } from "app/types"
+import { ReadingMode, ReadingOrder, Settings, SharingSettings, UserModel } from "app/types"
 // eslint-disable-next-line import/no-cycle
 import { reloadEntries } from "./entries"
 
@@ -36,46 +36,67 @@ export const changeReadingOrder = createAsyncThunk<void, ReadingOrder, { state:
         thunkApi.dispatch(reloadEntries())
     }
 )
-export const changeViewMode = createAsyncThunk<void, ViewMode, { state: RootState }>("settings/viewMode", (viewMode, thunkApi) => {
+export const changeLanguage = createAsyncThunk<
-    const { settings } = thunkApi.getState().user
+    void,
-    if (!settings) return
+    string,
-    client.user.saveSettings({ ...settings, viewMode })
+    {
-    thunkApi.dispatch(reloadEntries())
+        state: RootState
-})
+    }
-export const changeLanguage = createAsyncThunk<void, string, { state: RootState }>("settings/language", (language, thunkApi) => {
+>("settings/language", (language, thunkApi) => {
     const { settings } = thunkApi.getState().user
     if (!settings) return
     client.user.saveSettings({ ...settings, language })
 })
-export const changeScrollSpeed = createAsyncThunk<void, boolean, { state: RootState }>("settings/scrollSpeed", (speed, thunkApi) => {
+export const changeScrollSpeed = createAsyncThunk<
+    void,
+    boolean,
+    {
+        state: RootState
+    }
+>("settings/scrollSpeed", (speed, thunkApi) => {
     const { settings } = thunkApi.getState().user
     if (!settings) return
     client.user.saveSettings({ ...settings, scrollSpeed: speed ? 400 : 0 })
 })
-export const changeShowRead = createAsyncThunk<void, boolean, { state: RootState }>("settings/showRead", (showRead, thunkApi) => {
+export const changeShowRead = createAsyncThunk<
+    void,
+    boolean,
+    {
+        state: RootState
+    }
+>("settings/showRead", (showRead, thunkApi) => {
     const { settings } = thunkApi.getState().user
     if (!settings) return
     client.user.saveSettings({ ...settings, showRead })
 })
-export const changeScrollMarks = createAsyncThunk<void, boolean, { state: RootState }>("settings/scrollMarks", (scrollMarks, thunkApi) => {
+export const changeScrollMarks = createAsyncThunk<
+    void,
+    boolean,
+    {
+        state: RootState
+    }
+>("settings/scrollMarks", (scrollMarks, thunkApi) => {
     const { settings } = thunkApi.getState().user
     if (!settings) return
     client.user.saveSettings({ ...settings, scrollMarks })
 })
-export const changeSharingSetting = createAsyncThunk<void, { site: keyof SharingSettings; value: boolean }, { state: RootState }>(
+export const changeSharingSetting = createAsyncThunk<
-    "settings/sharingSetting",
+    void,
-    (sharingSetting, thunkApi) => {
+    { site: keyof SharingSettings; value: boolean },
-        const { settings } = thunkApi.getState().user
+    {
-        if (!settings) return
+        state: RootState
-        client.user.saveSettings({
-            ...settings,
-            sharingSettings: {
-                ...settings.sharingSettings,
-                [sharingSetting.site]: sharingSetting.value,
-            },
-        })
     }
-)
+>("settings/sharingSetting", (sharingSetting, thunkApi) => {
+    const { settings } = thunkApi.getState().user
+    if (!settings) return
+    client.user.saveSettings({
+        ...settings,
+        sharingSettings: {
+            ...settings.sharingSettings,
+            [sharingSetting.site]: sharingSetting.value,
+        },
+    })
+})
 
 export const userSlice = createSlice({
     name: "user",
@@ -99,10 +120,6 @@ export const userSlice = createSlice({
             if (!state.settings) return
             state.settings.readingOrder = action.meta.arg
         })
-        builder.addCase(changeViewMode.pending, (state, action) => {
-            if (!state.settings) return
-            state.settings.viewMode = action.meta.arg
-        })
         builder.addCase(changeLanguage.pending, (state, action) => {
             if (!state.settings) return
             state.settings.language = action.meta.arg

commafeed-client/src/app/types.ts

@@ -38,6 +38,7 @@ export interface ApplicationSettings {
 export interface Category {
     id: string
     parentId?: string
+    parentName?: string
     name: string
     children: Category[]
     feeds: Subscription[]
@@ -227,11 +228,10 @@ export interface Settings {
     language: string
     readingMode: ReadingMode
     readingOrder: ReadingOrder
-    viewMode: ViewMode
     showRead: boolean
     scrollMarks: boolean
-    theme?: string
     customCss?: string
+    customJs?: string
     scrollSpeed: number
     sharingSettings: SharingSettings
 }
@@ -305,4 +305,4 @@ export type ReadingMode = "all" | "unread"
 
 export type ReadingOrder = "asc" | "desc"
 
-export type ViewMode = "title" | "cozy" | "expanded"
+export type ViewMode = "title" | "cozy" | "detailed" | "expanded"

commafeed-client/src/app/utils.ts

@@ -51,3 +51,18 @@ export const scrollToWithCallback = ({
 
     element.scrollTo(options)
 }
+
+export const openLinkInBackgroundTab = (url: string) => {
+    // simulate ctrl+click to open tab in background
+    const a = document.createElement("a")
+    a.href = url
+    a.rel = "noreferrer"
+    a.dispatchEvent(
+        new MouseEvent("click", {
+            ctrlKey: true,
+            metaKey: true,
+        })
+    )
+}
+
+export const truncate = (str: string, n: number) => (str.length > n ? `${str.slice(0, n - 1)}\u2026` : str)

commafeed-client/src/components/ActionButtton.tsx

@@ -1,12 +1,16 @@
 import { ActionIcon, Button, useMantineTheme } from "@mantine/core"
+import { ActionIconProps } from "@mantine/core/lib/ActionIcon/ActionIcon"
+import { ButtonProps } from "@mantine/core/lib/Button/Button"
 import { useMediaQuery } from "@mantine/hooks"
-import { forwardRef } from "react"
+import { forwardRef, MouseEventHandler, ReactNode } from "react"
 
 interface ActionButtonProps {
     className?: string
-    icon?: React.ReactNode
+    icon?: ReactNode
-    label?: string
+    label?: ReactNode
-    onClick?: React.MouseEventHandler
+    onClick?: MouseEventHandler
+    variant?: ActionIconProps["variant"] & ButtonProps["variant"]
+    showLabelOnMobile?: boolean
 }
 
 /**
@@ -14,13 +18,15 @@ interface ActionButtonProps {
  */
 export const ActionButton = forwardRef<HTMLButtonElement, ActionButtonProps>((props: ActionButtonProps, ref) => {
     const theme = useMantineTheme()
-    const mobile = !useMediaQuery(`(min-width: ${theme.breakpoints.lg}px)`)
+    const variant = props.variant ?? "subtle"
-    return mobile ? (
+    const mobile = !useMediaQuery(`(min-width: ${theme.breakpoints.lg})`)
-        <ActionIcon ref={ref} color={theme.primaryColor} variant="subtle" className={props.className} onClick={props.onClick}>
+    const iconOnly = !props.showLabelOnMobile && (mobile || !props.label)
+    return iconOnly ? (
+        <ActionIcon ref={ref} color={theme.primaryColor} variant={variant} className={props.className} onClick={props.onClick}>
             {props.icon}
         </ActionIcon>
     ) : (
-        <Button ref={ref} variant="subtle" size="xs" className={props.className} leftIcon={props.icon} onClick={props.onClick}>
+        <Button ref={ref} variant={variant} size="xs" className={props.className} leftIcon={props.icon} onClick={props.onClick}>
             {props.label}
         </Button>
     )

commafeed-client/src/components/Alert.tsx

@@ -1,5 +1,5 @@
-import { t } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
-import { Alert as MantineAlert, Box } from "@mantine/core"
+import { Box, Alert as MantineAlert } from "@mantine/core"
 import { Fragment } from "react"
 import { TbAlertCircle, TbAlertTriangle, TbCircleCheck } from "react-icons/tb"
 
@@ -10,24 +10,24 @@ export interface ErrorsAlertProps {
 }
 
 export function Alert(props: ErrorsAlertProps) {
-    let title: string
+    let title: React.ReactNode
     let color: string
     let icon: React.ReactNode
 
     const level = props.level ?? "error"
     switch (level) {
         case "error":
-            title = t`Error`
+            title = <Trans>Error</Trans>
             color = "red"
             icon = <TbAlertCircle />
             break
         case "warning":
-            title = t`Warning`
+            title = <Trans>Warning</Trans>
             color = "orange"
             icon = <TbAlertTriangle />
             break
         case "success":
-            title = t`Success`
+            title = <Trans>Success</Trans>
             color = "green"
             icon = <TbCircleCheck />
             break

commafeed-client/src/components/ImageWithPlaceholderWhileLoading.tsx

@@ -3,13 +3,16 @@ import { useState } from "react"
 import { TbPhoto } from "react-icons/tb"
 
 interface ImageWithPlaceholderWhileLoadingProps {
-    src?: string
+    src: string
-    alt?: string
+    alt: string
     title?: string
     width?: number
     height?: number | "auto"
     placeholderWidth?: number
     placeholderHeight?: number
+    placeholderBackgroundColor?: string
+    placeholderIconSize?: number
+    placeholderIconColor?: string
 }
 
 const useStyles = createStyles((theme, props: ImageWithPlaceholderWhileLoadingProps) => ({
@@ -17,8 +20,8 @@ const useStyles = createStyles((theme, props: ImageWithPlaceholderWhileLoadingPr
         width: props.placeholderWidth ?? 400,
         height: props.placeholderHeight ?? 600,
         maxWidth: "100%",
-        color: theme.fn.variant({ color: theme.primaryColor, variant: "subtle" }).color,
+        color: props.placeholderIconColor ?? theme.fn.variant({ color: theme.primaryColor, variant: "subtle" }).color,
-        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1],
+        backgroundColor: props.placeholderBackgroundColor ?? (theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[1]),
     },
 }))
 
@@ -32,7 +35,7 @@ export function ImageWithPlaceholderWhileLoading(props: ImageWithPlaceholderWhil
                 <Box>
                     <Center className={classes.placeholder}>
                         <div>
-                            <TbPhoto size={48} />
+                            <TbPhoto size={props.placeholderIconSize ?? 48} />
                         </div>
                     </Center>
                 </Box>

commafeed-client/src/components/KeyboardShortcutsHelp.tsx

@@ -95,6 +95,10 @@ export function KeyboardShortcutsHelp() {
                     </td>
                     <td>
                         <Kbd>B</Kbd>
+                        <span>, </span>
+                        <Kbd>
+                            <Trans>Middle click</Trans>
+                        </Kbd>
                     </td>
                 </tr>
                 <tr>
@@ -103,6 +107,8 @@ export function KeyboardShortcutsHelp() {
                     </td>
                     <td>
                         <Kbd>M</Kbd>
+                        <span>, </span>
+                        <Trans>Swipe header to the right</Trans>
                     </td>
                 </tr>
                 <tr>
@@ -143,6 +149,26 @@ export function KeyboardShortcutsHelp() {
                         <Kbd>U</Kbd>
                     </td>
                 </tr>
+                <tr>
+                    <td>
+                        <Trans>Show entry menu (desktop)</Trans>
+                    </td>
+                    <td>
+                        <Kbd>
+                            <Trans>Right click</Trans>
+                        </Kbd>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <Trans>Show entry menu (mobile)</Trans>
+                    </td>
+                    <td>
+                        <Kbd>
+                            <Trans>Long press</Trans>
+                        </Kbd>
+                    </td>
+                </tr>
                 <tr>
                     <td>
                         <Trans>Show keyboard shortcut help</Trans>

commafeed-client/src/components/admin/UserEdit.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Box, Button, Checkbox, Group, PasswordInput, Stack, TextInput } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { client, errorToStrings } from "app/client"
@@ -29,11 +29,11 @@ export function UserEdit(props: UserEditProps) {
 
             <form onSubmit={form.onSubmit(saveUser.execute)}>
                 <Stack>
-                    <TextInput label={t`Name`} {...form.getInputProps("name")} required />
+                    <TextInput label={<Trans>Name</Trans>} {...form.getInputProps("name")} required />
-                    <PasswordInput label={t`Password`} {...form.getInputProps("password")} required={!props.user} />
+                    <PasswordInput label={<Trans>Password</Trans>} {...form.getInputProps("password")} required={!props.user} />
-                    <TextInput type="email" label={t`E-mail`} {...form.getInputProps("email")} />
+                    <TextInput type="email" label={<Trans>E-mail</Trans>} {...form.getInputProps("email")} />
-                    <Checkbox label={t`Admin`} {...form.getInputProps("admin", { type: "checkbox" })} />
+                    <Checkbox label={<Trans>Admin</Trans>} {...form.getInputProps("admin", { type: "checkbox" })} />
-                    <Checkbox label={t`Enabled`} {...form.getInputProps("enabled", { type: "checkbox" })} />
+                    <Checkbox label={<Trans>Enabled</Trans>} {...form.getInputProps("enabled", { type: "checkbox" })} />
 
                     <Group>
                         <Button variant="default" onClick={props.onCancel}>

commafeed-client/src/components/content/Content.tsx

@@ -29,7 +29,9 @@ const transform: TransformCallback = node => {
     if (node.tagName === "IMG") {
         // show placeholders for loading img tags, this allows the entry to have its final height immediately
         const src = node.getAttribute("src") ?? undefined
-        const alt = node.getAttribute("alt") ?? undefined
+        if (!src) return undefined
+
+        const alt = node.getAttribute("alt") ?? "image"
         const title = node.getAttribute("title") ?? undefined
         const nodeWidth = node.getAttribute("width")
         const nodeHeight = node.getAttribute("height")
@@ -40,6 +42,7 @@ const transform: TransformCallback = node => {
             height,
             maxWidth: Constants.layout.entryMaxWidth,
         })
+
         return (
             <ImageWithPlaceholderWhileLoading
                 src={src}

commafeed-client/src/components/content/Enclosure.tsx

@@ -1,7 +1,7 @@
 import { TypographyStylesProvider } from "@mantine/core"
 import { ImageWithPlaceholderWhileLoading } from "components/ImageWithPlaceholderWhileLoading"
 
-export function Enclosure(props: { enclosureType?: string; enclosureUrl?: string }) {
+export function Enclosure(props: { enclosureType: string; enclosureUrl: string }) {
     const hasVideo = props.enclosureType && props.enclosureType.indexOf("video") === 0
     const hasAudio = props.enclosureType && props.enclosureType.indexOf("audio") === 0
     const hasImage = props.enclosureType && props.enclosureType.indexOf("image") === 0

commafeed-client/src/components/content/FeedEntries.tsx

@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { openModal } from "@mantine/modals"
 import { Constants } from "app/constants"
 import {
@@ -13,12 +13,14 @@ import {
 } from "app/slices/entries"
 import { redirectToRootCategory } from "app/slices/redirect"
 import { useAppDispatch, useAppSelector } from "app/store"
+import { openLinkInBackgroundTab } from "app/utils"
 import { KeyboardShortcutsHelp } from "components/KeyboardShortcutsHelp"
 import { Loader } from "components/Loader"
 import { useMousetrap } from "hooks/useMousetrap"
-import throttle from "lodash/throttle"
+import { useViewMode } from "hooks/useViewMode"
 import { useEffect } from "react"
 import InfiniteScroll from "react-infinite-scroller"
+import { throttle } from "throttle-debounce"
 import { FeedEntry } from "./FeedEntry"
 
 export function FeedEntries() {
@@ -27,7 +29,7 @@ export function FeedEntries() {
     const entriesTimestamp = useAppSelector(state => state.entries.timestamp)
     const selectedEntryId = useAppSelector(state => state.entries.selectedEntryId)
     const hasMore = useAppSelector(state => state.entries.hasMore)
-    const viewMode = useAppSelector(state => state.user.settings?.viewMode)
+    const { viewMode } = useViewMode()
     const scrollMarks = useAppSelector(state => state.user.settings?.scrollMarks)
     const scrollingToEntry = useAppSelector(state => state.entries.scrollingToEntry)
     const dispatch = useAppDispatch()
@@ -80,7 +82,7 @@ export function FeedEntries() {
                 )
             }
         }
-        const throttledListener = throttle(listener, 100)
+        const throttledListener = throttle(100, listener)
         scrollArea?.addEventListener("scroll", throttledListener)
         return () => scrollArea?.removeEventListener("scroll", throttledListener)
     }, [dispatch, entries, viewMode, scrollMarks, scrollingToEntry])
@@ -211,15 +213,7 @@ export function FeedEntries() {
     useMousetrap("b", () => {
         // simulate ctrl+click to open tab in background
         if (!selectedEntry) return
-        const a = document.createElement("a")
+        openLinkInBackgroundTab(selectedEntry.url)
-        a.href = selectedEntry.url
-        a.rel = "noreferrer"
-        a.dispatchEvent(
-            new MouseEvent("click", {
-                ctrlKey: true,
-                metaKey: true,
-            })
-        )
     })
     useMousetrap("m", () => {
         // toggle read status
@@ -240,11 +234,18 @@ export function FeedEntries() {
         )
     })
     useMousetrap("g a", () => dispatch(redirectToRootCategory()))
-    useMousetrap("?", () => openModal({ title: t`Keyboard shortcuts`, size: "xl", children: <KeyboardShortcutsHelp /> }))
+    useMousetrap("?", () =>
+        openModal({
+            title: <Trans>Keyboard shortcuts</Trans>,
+            size: "xl",
+            children: <KeyboardShortcutsHelp />,
+        })
+    )
 
     if (!entries) return <Loader />
     return (
         <InfiniteScroll
+            id="entries"
             initialLoad={false}
             loadMore={() => dispatch(loadMoreEntries())}
             hasMore={hasMore}

commafeed-client/src/components/content/FeedEntry.tsx

@@ -1,10 +1,15 @@
-import { Anchor, Box, createStyles, Divider, Paper } from "@mantine/core"
+import { Box, createStyles, Divider, Paper } from "@mantine/core"
+import { MantineNumberSize } from "@mantine/styles"
 import { Constants } from "app/constants"
-import { useAppSelector } from "app/store"
+import { markEntry } from "app/slices/entries"
-import { Entry } from "app/types"
+import { useAppDispatch } from "app/store"
+import { Entry, ViewMode } from "app/types"
+import { useViewMode } from "hooks/useViewMode"
 import React from "react"
+import { useSwipeable } from "react-swipeable"
 import { FeedEntryBody } from "./FeedEntryBody"
 import { FeedEntryCompactHeader } from "./FeedEntryCompactHeader"
+import { FeedEntryContextMenu, useFeedEntryContextMenu } from "./FeedEntryContextMenu"
 import { FeedEntryFooter } from "./FeedEntryFooter"
 import { FeedEntryHeader } from "./FeedEntryHeader"
 
@@ -15,20 +20,42 @@ interface FeedEntryProps {
     onHeaderClick: (e: React.MouseEvent) => void
 }
 
-const useStyles = createStyles((theme, props: FeedEntryProps) => {
+const useStyles = createStyles((theme, props: FeedEntryProps & { viewMode?: ViewMode }) => {
     let backgroundColor
     if (theme.colorScheme === "dark") backgroundColor = props.entry.read ? "inherit" : theme.colors.dark[5]
     else backgroundColor = props.entry.read && !props.expanded ? theme.colors.gray[0] : "inherit"
 
+    let marginY = 10
+    if (props.viewMode === "title") marginY = 2
+    else if (props.viewMode === "cozy") marginY = 6
+
+    let mobileMarginY = 6
+    if (props.viewMode === "title") mobileMarginY = 2
+    else if (props.viewMode === "cozy") mobileMarginY = 4
+
+    let backgroundHoverColor = backgroundColor
+    if (!props.expanded && !props.entry.read) {
+        backgroundHoverColor = theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[1]
+    }
+
     const styles = {
         paper: {
             backgroundColor,
-            marginTop: theme.spacing.xs,
+            marginTop: marginY,
-            marginBottom: theme.spacing.xs,
+            marginBottom: marginY,
             [theme.fn.smallerThan(Constants.layout.mobileBreakpoint)]: {
-                marginTop: "6px",
+                marginTop: mobileMarginY,
-                marginBottom: "6px",
+                marginBottom: mobileMarginY,
             },
+            "@media (hover: hover)": {
+                "&:hover": {
+                    backgroundColor: backgroundHoverColor,
+                },
+            },
+        },
+        headerLink: {
+            color: "inherit",
+            textDecoration: "none",
         },
         body: {
             maxWidth: Constants.layout.entryMaxWidth,
@@ -36,41 +63,64 @@ const useStyles = createStyles((theme, props: FeedEntryProps) => {
     }
 
     if (props.showSelectionIndicator) {
-        styles.paper.borderLeftColor = theme.colorScheme === "dark" ? theme.colors.orange[4] : theme.colors.orange[6]
+        const borderLeftColor = theme.colorScheme === "dark" ? theme.colors.orange[4] : theme.colors.orange[6]
+        styles.paper.borderLeftColor = `${borderLeftColor} !important`
     }
 
     return styles
 })
 
 export function FeedEntry(props: FeedEntryProps) {
-    const { classes } = useStyles(props)
+    const { viewMode } = useViewMode()
-    const viewMode = useAppSelector(state => state.user.settings?.viewMode)
+    const { classes } = useStyles({ ...props, viewMode })
-    const compactHeader = viewMode === "title" && !props.expanded
 
+    const dispatch = useAppDispatch()
+
+    const swipeHandlers = useSwipeable({
+        onSwipedRight: () => dispatch(markEntry({ entry: props.entry, read: !props.entry.read })),
+    })
+
+    const { onContextMenu } = useFeedEntryContextMenu(props.entry)
+
+    let paddingX: MantineNumberSize = "xs"
+    if (viewMode === "title" || viewMode === "cozy") paddingX = 6
+
+    let paddingY: MantineNumberSize = "xs"
+    if (viewMode === "title") paddingY = 4
+    else if (viewMode === "cozy") paddingY = 8
+
+    let borderRadius: MantineNumberSize = "sm"
+    if (viewMode === "title") borderRadius = 0
+    else if (viewMode === "cozy") borderRadius = "xs"
+
+    const compactHeader = !props.expanded && (viewMode === "title" || viewMode === "cozy")
     return (
-        <Paper withBorder className={classes.paper}>
+        <Paper withBorder radius={borderRadius} className={classes.paper}>
-            <Anchor
+            <a
-                variant="text"
+                className={classes.headerLink}
                 href={props.entry.url}
                 target="_blank"
                 rel="noreferrer"
                 onClick={props.onHeaderClick}
                 onAuxClick={props.onHeaderClick}
+                onContextMenu={onContextMenu}
             >
-                <Box p="xs">
+                <Box px={paddingX} py={paddingY} {...swipeHandlers}>
                     {compactHeader && <FeedEntryCompactHeader entry={props.entry} />}
                     {!compactHeader && <FeedEntryHeader entry={props.entry} expanded={props.expanded} />}
                 </Box>
-            </Anchor>
+            </a>
             {props.expanded && (
-                <Box px="xs" pb="xs">
+                <Box px={paddingX} pb={paddingY}>
                     <Box className={classes.body} sx={{ direction: props.entry.rtl ? "rtl" : "ltr" }}>
                         <FeedEntryBody entry={props.entry} />
                     </Box>
-                    <Divider variant="dashed" my="xs" />
+                    <Divider variant="dashed" my={paddingY} />
                     <FeedEntryFooter entry={props.entry} />
                 </Box>
             )}
+
+            <FeedEntryContextMenu entry={props.entry} />
         </Paper>
     )
 }

commafeed-client/src/components/content/FeedEntryBody.tsx

@@ -14,7 +14,7 @@ export function FeedEntryBody(props: FeedEntryBodyProps) {
             <Box>
                 <Content content={props.entry.content} />
             </Box>
-            {props.entry.enclosureUrl && (
+            {props.entry.enclosureType && props.entry.enclosureUrl && (
                 <Box pt="md">
                     <Enclosure enclosureType={props.entry.enclosureType} enclosureUrl={props.entry.enclosureUrl} />
                 </Box>

commafeed-client/src/components/content/FeedEntryCompactHeader.tsx

@@ -1,8 +1,9 @@
-import { Box, createStyles, Image, Text } from "@mantine/core"
+import { Box, createStyles, Text } from "@mantine/core"
 import { Entry } from "app/types"
 import { RelativeDate } from "components/RelativeDate"
 import { OnDesktop } from "components/responsive/OnDesktop"
 import { FeedEntryTitle } from "./FeedEntryTitle"
+import { FeedFavicon } from "./FeedFavicon"
 
 export interface FeedEntryHeaderProps {
     entry: Entry
@@ -37,7 +38,7 @@ export function FeedEntryCompactHeader(props: FeedEntryHeaderProps) {
     return (
         <Box className={classes.wrapper}>
             <Box>
-                <Image withPlaceholder src={props.entry.iconUrl} alt="feed icon" width={18} height={18} />
+                <FeedFavicon url={props.entry.iconUrl} />
             </Box>
             <OnDesktop>
                 <Text color="dimmed" className={classes.feedName}>

commafeed-client/src/components/content/FeedEntryContextMenu.tsx

@@ -0,0 +1,128 @@
+import { Trans } from "@lingui/macro"
+import { createStyles, Group } from "@mantine/core"
+import { Constants } from "app/constants"
+import { markEntriesUpToEntry, markEntry, starEntry } from "app/slices/entries"
+import { redirectToFeed } from "app/slices/redirect"
+import { useAppDispatch, useAppSelector } from "app/store"
+import { Entry } from "app/types"
+import { openLinkInBackgroundTab, truncate } from "app/utils"
+import { useEffect } from "react"
+import { Item, Menu, Separator, useContextMenu } from "react-contexify"
+import { TbArrowBarToDown, TbExternalLink, TbEyeCheck, TbEyeOff, TbRss, TbStar, TbStarOff } from "react-icons/tb"
+import { throttle } from "throttle-debounce"
+
+interface FeedEntryContextMenuProps {
+    entry: Entry
+}
+
+const iconSize = 16
+const useStyles = createStyles(theme => ({
+    menu: {
+        // apply mantine theme from MenuItem.styles.ts
+        fontSize: theme.fontSizes.sm,
+        "--contexify-item-color": `${theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black} !important`,
+        "--contexify-activeItem-color": `${theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black} !important`,
+        "--contexify-activeItem-bgColor": `${
+            theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[3], 0.35) : theme.colors.gray[1]
+        } !important`,
+    },
+}))
+
+const menuId = (entry: Entry) => entry.id
+
+export function FeedEntryContextMenu(props: FeedEntryContextMenuProps) {
+    const { classes, theme } = useStyles()
+    const sourceType = useAppSelector(state => state.entries.source.type)
+    const dispatch = useAppDispatch()
+
+    return (
+        <Menu id={menuId(props.entry)} theme={theme.colorScheme} animation={false} className={classes.menu}>
+            <Item
+                onClick={() => {
+                    window.open(props.entry.url, "_blank", "noreferrer")
+                    dispatch(markEntry({ entry: props.entry, read: true }))
+                }}
+            >
+                <Group>
+                    <TbExternalLink size={iconSize} />
+                    <Trans>Open link in new tab</Trans>
+                </Group>
+            </Item>
+            <Item
+                onClick={() => {
+                    openLinkInBackgroundTab(props.entry.url)
+                    dispatch(markEntry({ entry: props.entry, read: true }))
+                }}
+            >
+                <Group>
+                    <TbExternalLink size={iconSize} />
+                    <Trans>Open link in new background tab</Trans>
+                </Group>
+            </Item>
+
+            <Separator />
+
+            <Item onClick={() => dispatch(starEntry({ entry: props.entry, starred: !props.entry.starred }))}>
+                <Group>
+                    {props.entry.starred ? <TbStarOff size={iconSize} /> : <TbStar size={iconSize} />}
+                    {props.entry.starred ? <Trans>Unstar</Trans> : <Trans>Star</Trans>}
+                </Group>
+            </Item>
+            <Item onClick={() => dispatch(markEntry({ entry: props.entry, read: !props.entry.read }))}>
+                <Group>
+                    {props.entry.read ? <TbEyeOff size={iconSize} /> : <TbEyeCheck size={iconSize} />}
+                    {props.entry.read ? <Trans>Keep unread</Trans> : <Trans>Mark as read</Trans>}
+                </Group>
+            </Item>
+            <Item onClick={() => dispatch(markEntriesUpToEntry(props.entry))}>
+                <Group>
+                    <TbArrowBarToDown size={iconSize} />
+                    <Trans>Mark as read up to here</Trans>
+                </Group>
+            </Item>
+
+            {sourceType === "category" && (
+                <>
+                    <Separator />
+
+                    <Item
+                        onClick={() => {
+                            dispatch(redirectToFeed(props.entry.feedId))
+                        }}
+                    >
+                        <Group>
+                            <TbRss size={iconSize} />
+                            <Trans>Go to {truncate(props.entry.feedName, 30)}</Trans>
+                        </Group>
+                    </Item>
+                </>
+            )}
+        </Menu>
+    )
+}
+
+export function useFeedEntryContextMenu(entry: Entry) {
+    const contextMenu = useContextMenu({
+        id: menuId(entry),
+    })
+
+    const onContextMenu = (event: React.MouseEvent) => {
+        event.preventDefault()
+        contextMenu.show({
+            event,
+        })
+    }
+
+    // close context menu on scroll
+    useEffect(() => {
+        const scrollArea = document.getElementById(Constants.dom.mainScrollAreaId)
+
+        const listener = () => contextMenu.hideAll()
+        const throttledListener = throttle(100, listener)
+
+        scrollArea?.addEventListener("scroll", throttledListener)
+        return () => scrollArea?.removeEventListener("scroll", throttledListener)
+    }, [contextMenu])
+
+    return { onContextMenu }
+}

commafeed-client/src/components/content/FeedEntryFooter.tsx

@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro"
+import { t, Trans } from "@lingui/macro"
 import { Group, Indicator, MultiSelect, Popover } from "@mantine/core"
 import { useMediaQuery } from "@mantine/hooks"
 import { Constants } from "app/constants"
@@ -9,6 +9,7 @@ import { ActionButton } from "components/ActionButtton"
 import { ButtonToolbar } from "components/ButtonToolbar"
 import { useEffect, useState } from "react"
 import { TbArrowBarToDown, TbExternalLink, TbEyeCheck, TbEyeOff, TbShare, TbStar, TbStarOff, TbTag } from "react-icons/tb"
+import { throttle } from "throttle-debounce"
 import { ShareButtons } from "./ShareButtons"
 
 interface FeedEntryFooterProps {
@@ -19,11 +20,10 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
     const [scrollPosition, setScrollPosition] = useState(0)
     const sharingSettings = useAppSelector(state => state.user.settings?.sharingSettings)
     const tags = useAppSelector(state => state.user.tags)
-    const mobile = !useMediaQuery(`(min-width: ${Constants.layout.mobileBreakpoint}px)`)
+    const mobile = !useMediaQuery(`(min-width: ${Constants.layout.mobileBreakpoint})`)
     const dispatch = useAppDispatch()
 
-    const showSharingButtons =
+    const showSharingButtons = sharingSettings && Object.values(sharingSettings).some(v => v)
-        sharingSettings && (Object.values(sharingSettings) as Array<typeof sharingSettings[keyof typeof sharingSettings]>).some(v => v)
 
     const readStatusButtonClicked = () => dispatch(markEntry({ entry: props.entry, read: !props.entry.read }))
     const onTagsChange = (values: string[]) =>
@@ -38,8 +38,10 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
         const scrollArea = document.getElementById(Constants.dom.mainScrollAreaId)
 
         const listener = () => setScrollPosition(scrollArea ? scrollArea.scrollTop : 0)
-        scrollArea?.addEventListener("scroll", listener)
+        const throttledListener = throttle(100, listener)
-        return () => scrollArea?.removeEventListener("scroll", listener)
+
+        scrollArea?.addEventListener("scroll", throttledListener)
+        return () => scrollArea?.removeEventListener("scroll", throttledListener)
     }, [])
 
     return (
@@ -48,20 +50,20 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
                 {props.entry.markable && (
                     <ActionButton
                         icon={props.entry.read ? <TbEyeOff size={18} /> : <TbEyeCheck size={18} />}
-                        label={props.entry.read ? t`Keep unread` : t`Mark as read`}
+                        label={props.entry.read ? <Trans>Keep unread</Trans> : <Trans>Mark as read</Trans>}
                         onClick={readStatusButtonClicked}
                     />
                 )}
                 <ActionButton
                     icon={props.entry.starred ? <TbStarOff size={18} /> : <TbStar size={18} />}
-                    label={props.entry.starred ? t`Unstar` : t`Star`}
+                    label={props.entry.starred ? <Trans>Unstar</Trans> : <Trans>Star</Trans>}
                     onClick={() => dispatch(starEntry({ entry: props.entry, starred: !props.entry.starred }))}
                 />
 
                 {showSharingButtons && (
                     <Popover withArrow withinPortal shadow="md" positionDependencies={[scrollPosition]} closeOnClickOutside={!mobile}>
                         <Popover.Target>
-                            <ActionButton icon={<TbShare size={18} />} label={t`Share`} />
+                            <ActionButton icon={<TbShare size={18} />} label={<Trans>Share</Trans>} />
                         </Popover.Target>
                         <Popover.Dropdown>
                             <ShareButtons url={props.entry.url} description={props.entry.title} />
@@ -72,8 +74,8 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
                 {tags && (
                     <Popover withArrow withinPortal shadow="md" positionDependencies={[scrollPosition]} closeOnClickOutside={!mobile}>
                         <Popover.Target>
-                            <Indicator label={props.entry.tags.length} showZero={false} dot={false} inline size={16}>
+                            <Indicator label={props.entry.tags.length} disabled={props.entry.tags.length === 0} inline size={16}>
-                                <ActionButton icon={<TbTag size={18} />} label={t`Tags`} />
+                                <ActionButton icon={<TbTag size={18} />} label={<Trans>Tags</Trans>} />
                             </Indicator>
                         </Popover.Target>
                         <Popover.Dropdown>
@@ -92,13 +94,13 @@ export function FeedEntryFooter(props: FeedEntryFooterProps) {
                 )}
 
                 <a href={props.entry.url} target="_blank" rel="noreferrer">
-                    <ActionButton icon={<TbExternalLink size={18} />} label={t`Open link`} />
+                    <ActionButton icon={<TbExternalLink size={18} />} label={<Trans>Open link</Trans>} />
                 </a>
             </ButtonToolbar>
 
             <ActionButton
                 icon={<TbArrowBarToDown size={18} />}
-                label={t`Mark as read up to here`}
+                label={<Trans>Mark as read up to here</Trans>}
                 onClick={() => dispatch(markEntriesUpToEntry(props.entry))}
             />
         </Group>

commafeed-client/src/components/content/FeedEntryHeader.tsx

@@ -1,7 +1,8 @@
-import { Box, createStyles, Image, Text } from "@mantine/core"
+import { Box, createStyles, Text } from "@mantine/core"
 import { Entry } from "app/types"
 import { RelativeDate } from "components/RelativeDate"
 import { FeedEntryTitle } from "./FeedEntryTitle"
+import { FeedFavicon } from "./FeedFavicon"
 
 export interface FeedEntryHeaderProps {
     entry: Entry
@@ -33,7 +34,7 @@ export function FeedEntryHeader(props: FeedEntryHeaderProps) {
             </Box>
             <Box className={classes.headerSubtext}>
                 <Box mr={6}>
-                    <Image withPlaceholder src={props.entry.iconUrl} alt="feed icon" width={18} height={18} />
+                    <FeedFavicon url={props.entry.iconUrl} />
                 </Box>
                 <Box>
                     <Text color="dimmed">{props.entry.feedName}</Text>

commafeed-client/src/components/content/FeedFavicon.tsx

@@ -0,0 +1,22 @@
+import { ImageWithPlaceholderWhileLoading } from "components/ImageWithPlaceholderWhileLoading"
+
+export interface FeedFaviconProps {
+    url: string
+    size?: number
+}
+
+export function FeedFavicon({ url, size = 18 }: FeedFaviconProps) {
+    return (
+        <ImageWithPlaceholderWhileLoading
+            src={url}
+            alt="feed favicon"
+            width={size}
+            height={size}
+            placeholderWidth={size}
+            placeholderHeight={size}
+            placeholderBackgroundColor="inherit"
+            placeholderIconSize={size}
+            placeholderIconColor="inherit"
+        />
+    )
+}

commafeed-client/src/components/content/add/AddCategory.tsx

@@ -33,8 +33,8 @@ export function AddCategory() {
 
             <form onSubmit={form.onSubmit(addCategory.execute)}>
                 <Stack>
-                    <TextInput label={t`Category`} placeholder={t`Category`} {...form.getInputProps("name")} required />
+                    <TextInput label={<Trans>Category</Trans>} placeholder={t`Category`} {...form.getInputProps("name")} required />
-                    <CategorySelect label={t`Parent`} {...form.getInputProps("parentId")} clearable />
+                    <CategorySelect label={<Trans>Parent</Trans>} {...form.getInputProps("parentId")} clearable />
                     <Group position="center">
                         <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
                             <Trans>Cancel</Trans>

commafeed-client/src/components/content/add/CategorySelect.tsx

@@ -4,16 +4,20 @@ import { Constants } from "app/constants"
 import { useAppSelector } from "app/store"
 import { flattenCategoryTree } from "app/utils"
 
-type CategorySelectProps = Partial<SelectProps> & { withAll?: boolean }
+type CategorySelectProps = Partial<SelectProps> & {
+    withAll?: boolean
+    withoutCategoryIds?: string[]
+}
 
 export function CategorySelect(props: CategorySelectProps) {
     const rootCategory = useAppSelector(state => state.tree.rootCategory)
     const categories = rootCategory && flattenCategoryTree(rootCategory)
     const selectData: SelectItem[] | undefined = categories
         ?.filter(c => c.id !== Constants.categories.all.id)
+        .filter(c => !props.withoutCategoryIds || !props.withoutCategoryIds.includes(c.id))
         .sort((c1, c2) => c1.name.localeCompare(c2.name))
         .map(c => ({
-            label: c.name,
+            label: c.parentName ? t`${c.name} (in ${c.parentName})` : c.name,
             value: c.id,
         }))
     if (props.withAll) {

commafeed-client/src/components/content/add/ImportOpml.tsx

@@ -36,9 +36,14 @@ export function ImportOpml() {
             <form onSubmit={form.onSubmit(v => importOpml.execute(v.file))}>
                 <Stack>
                     <FileInput
-                        label={t`OPML file`}
+                        label={<Trans>OPML file</Trans>}
                         placeholder={t`OPML file`}
-                        description={t`An opml file is an XML file containing feed URLs and categories. You can get an OPML file by exporting your data from other feed reading services.`}
+                        description={
+                            <Trans>
+                                An opml file is an XML file containing feed URLs and categories. You can get an OPML file by exporting your
+                                data from other feed reading services.
+                            </Trans>
+                        }
                         {...form.getInputProps("file")}
                         required
                         accept="application/xml"

commafeed-client/src/components/content/add/Subscribe.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Box, Button, Group, Stack, Stepper, TextInput } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { client, errorToStrings } from "app/client"
@@ -74,24 +74,33 @@ export function Subscribe() {
             <form onSubmit={nextStep}>
                 <Stepper active={activeStep} onStepClick={setActiveStep}>
                     <Stepper.Step
-                        label={t`Analyze feed`}
+                        label={<Trans>Analyze feed</Trans>}
-                        description={t`Check that the feed is working`}
+                        description={<Trans>Check that the feed is working</Trans>}
                         allowStepSelect={activeStep === 1}
                     >
                         <TextInput
-                            label={t`Feed URL`}
+                            label={<Trans>Feed URL</Trans>}
                             placeholder="http://www.mysite.com/rss"
-                            description={t`The URL for the feed you want to subscribe to. You can also use the website's url directly and CommaFeed will try to find the feed in the page.`}
+                            description={
+                                <Trans>
+                                    The URL for the feed you want to subscribe to. You can also use the website's url directly and CommaFeed
+                                    will try to find the feed in the page.
+                                </Trans>
+                            }
                             required
                             autoFocus
                             {...step0Form.getInputProps("url")}
                         />
                     </Stepper.Step>
-                    <Stepper.Step label={t`Subscribe`} description={t`Subscribe to the feed`} allowStepSelect={false}>
+                    <Stepper.Step
+                        label={<Trans>Subscribe</Trans>}
+                        description={<Trans>Subscribe to the feed</Trans>}
+                        allowStepSelect={false}
+                    >
                         <Stack>
-                            <TextInput label={t`Feed URL`} {...step1Form.getInputProps("url")} disabled />
+                            <TextInput label={<Trans>Feed URL</Trans>} {...step1Form.getInputProps("url")} disabled />
-                            <TextInput label={t`Feed name`} {...step1Form.getInputProps("title")} required autoFocus />
+                            <TextInput label={<Trans>Feed name</Trans>} {...step1Form.getInputProps("title")} required autoFocus />
-                            <CategorySelect label={t`Category`} {...step1Form.getInputProps("categoryId")} clearable />
+                            <CategorySelect label={<Trans>Category</Trans>} {...step1Form.getInputProps("categoryId")} clearable />
                         </Stack>
                     </Stepper.Step>
                 </Stepper>

commafeed-client/src/components/header/Header.tsx

@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro"
+import { t, Trans } from "@lingui/macro"
 import { ActionIcon, Center, Divider, Indicator, Popover, TextInput } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { reloadEntries, search } from "app/slices/entries"
@@ -17,6 +17,7 @@ function HeaderDivider() {
 }
 
 const iconSize = 18
+
 export function Header() {
     const settings = useAppSelector(state => state.user.settings)
     const profile = useAppSelector(state => state.user.profile)
@@ -40,26 +41,30 @@ export function Header() {
     return (
         <Center>
             <ButtonToolbar>
-                <ActionButton icon={<TbRefresh size={iconSize} />} label={t`Refresh`} onClick={() => dispatch(reloadEntries())} />
+                <ActionButton
+                    icon={<TbRefresh size={iconSize} />}
+                    label={<Trans>Refresh</Trans>}
+                    onClick={() => dispatch(reloadEntries())}
+                />
                 <MarkAllAsReadButton iconSize={iconSize} />
 
                 <HeaderDivider />
 
                 <ActionButton
                     icon={settings.readingMode === "all" ? <TbEye size={iconSize} /> : <TbEyeOff size={iconSize} />}
-                    label={settings.readingMode === "all" ? t`All` : t`Unread`}
+                    label={settings.readingMode === "all" ? <Trans>All</Trans> : <Trans>Unread</Trans>}
                     onClick={() => dispatch(changeReadingMode(settings.readingMode === "all" ? "unread" : "all"))}
                 />
                 <ActionButton
                     icon={settings.readingOrder === "asc" ? <TbArrowUp size={iconSize} /> : <TbArrowDown size={iconSize} />}
-                    label={settings.readingOrder === "asc" ? t`Asc` : t`Desc`}
+                    label={settings.readingOrder === "asc" ? <Trans>Asc</Trans> : <Trans>Desc</Trans>}
                     onClick={() => dispatch(changeReadingOrder(settings.readingOrder === "asc" ? "desc" : "asc"))}
                 />
 
                 <Popover>
                     <Popover.Target>
                         <Indicator disabled={!searchFromStore}>
-                            <ActionButton icon={<TbSearch size={iconSize} />} label={t`Search`} />
+                            <ActionButton icon={<TbSearch size={iconSize} />} label={<Trans>Search</Trans>} />
                         </Indicator>
                     </Popover.Target>
                     <Popover.Dropdown>

commafeed-client/src/components/header/MarkAllAsReadButton.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 
 import { Button, Code, Group, Modal, Slider, Stack, Text } from "@mantine/core"
 import { markAllEntries } from "app/slices/entries"
@@ -17,7 +17,7 @@ export function MarkAllAsReadButton(props: { iconSize: number }) {
 
     return (
         <>
-            <Modal opened={opened} onClose={() => setOpened(false)} title={t`Mark all entries as read`}>
+            <Modal opened={opened} onClose={() => setOpened(false)} title={<Trans>Mark all entries as read</Trans>}>
                 <Stack>
                     <Text size="sm">
                         {threshold === 0 && (
@@ -72,7 +72,7 @@ export function MarkAllAsReadButton(props: { iconSize: number }) {
             </Modal>
             <ActionButton
                 icon={<TbChecks size={props.iconSize} />}
-                label={t`Mark all as read`}
+                label={<Trans>Mark all as read</Trans>}
                 onClick={() => {
                     setThreshold(0)
                     setOpened(true)

commafeed-client/src/components/header/ProfileMenu.tsx

@@ -1,11 +1,26 @@
 import { Trans } from "@lingui/macro"
 import { Box, Divider, Group, Menu, SegmentedControl, SegmentedControlItem, useMantineColorScheme } from "@mantine/core"
+import { showNotification } from "@mantine/notifications"
+import { client } from "app/client"
 import { redirectToAbout, redirectToAdminUsers, redirectToMetrics, redirectToSettings } from "app/slices/redirect"
-import { changeViewMode } from "app/slices/user"
 import { useAppDispatch, useAppSelector } from "app/store"
 import { ViewMode } from "app/types"
+import { useViewMode } from "hooks/useViewMode"
 import { useState } from "react"
-import { TbChartLine, TbHelp, TbLayoutList, TbList, TbMoon, TbNotes, TbPower, TbSettings, TbSun, TbUsers } from "react-icons/tb"
+import {
+    TbChartLine,
+    TbHelp,
+    TbLayoutList,
+    TbList,
+    TbListDetails,
+    TbMoon,
+    TbNotes,
+    TbPower,
+    TbSettings,
+    TbSun,
+    TbUsers,
+    TbWorldDownload,
+} from "react-icons/tb"
 
 interface ProfileMenuProps {
     control: React.ReactElement
@@ -40,6 +55,17 @@ const viewModeData: ViewModeControlItem[] = [
             </Group>
         ),
     },
+    {
+        value: "detailed",
+        label: (
+            <Group>
+                <TbListDetails size={iconSize} />
+                <Box ml={6}>
+                    <Trans>Detailed</Trans>
+                </Box>
+            </Group>
+        ),
+    },
     {
         value: "expanded",
         label: (
@@ -55,7 +81,8 @@ const viewModeData: ViewModeControlItem[] = [
 
 export function ProfileMenu(props: ProfileMenuProps) {
     const [opened, setOpened] = useState(false)
-    const viewMode = useAppSelector(state => state.user.settings?.viewMode)
+    const { viewMode, setViewMode } = useViewMode()
+    const profile = useAppSelector(state => state.user.profile)
     const admin = useAppSelector(state => state.user.profile?.admin)
     const dispatch = useAppDispatch()
     const { colorScheme, toggleColorScheme } = useMantineColorScheme()
@@ -69,6 +96,7 @@ export function ProfileMenu(props: ProfileMenuProps) {
         <Menu position="bottom-end" closeOnItemClick={false} opened={opened} onChange={setOpened}>
             <Menu.Target>{props.control}</Menu.Target>
             <Menu.Dropdown>
+                {profile && <Menu.Label>{profile.name}</Menu.Label>}
                 <Menu.Item
                     icon={<TbSettings size={iconSize} />}
                     onClick={() => {
@@ -78,6 +106,21 @@ export function ProfileMenu(props: ProfileMenuProps) {
                 >
                     <Trans>Settings</Trans>
                 </Menu.Item>
+                <Menu.Item
+                    icon={<TbWorldDownload size={iconSize} />}
+                    onClick={() =>
+                        client.feed.refreshAll().then(() => {
+                            showNotification({
+                                message: <Trans>Your feeds have been queued for refresh.</Trans>,
+                                color: "green",
+                                autoClose: 1000,
+                            })
+                            setOpened(false)
+                        })
+                    }
+                >
+                    <Trans>Fetch all my feeds now</Trans>
+                </Menu.Item>
 
                 <Divider />
                 <Menu.Label>
@@ -96,7 +139,7 @@ export function ProfileMenu(props: ProfileMenuProps) {
                     orientation="vertical"
                     data={viewModeData}
                     value={viewMode}
-                    onChange={e => dispatch(changeViewMode(e as ViewMode))}
+                    onChange={e => setViewMode(e as ViewMode)}
                     mb="xs"
                 />
 

commafeed-client/src/components/settings/CustomCodeSettings.tsx

@@ -0,0 +1,96 @@
+import { Trans } from "@lingui/macro"
+import { Box, Button, Group, Stack, Textarea } from "@mantine/core"
+import { useForm } from "@mantine/form"
+import { client, errorToStrings } from "app/client"
+import { redirectToSelectedSource } from "app/slices/redirect"
+import { useAppDispatch, useAppSelector } from "app/store"
+import { Alert } from "components/Alert"
+import { useEffect } from "react"
+import { useAsyncCallback } from "react-async-hook"
+import { TbDeviceFloppy } from "react-icons/tb"
+
+interface FormData {
+    customCss: string
+    customJs: string
+}
+
+export function CustomCodeSettings() {
+    const settings = useAppSelector(state => state.user.settings)
+    const dispatch = useAppDispatch()
+
+    const form = useForm<FormData>()
+    const { setValues } = form
+
+    const saveCustomCode = useAsyncCallback(
+        async (d: FormData) => {
+            if (!settings) return
+            await client.user.saveSettings({
+                ...settings,
+                customCss: d.customCss,
+                customJs: d.customJs,
+            })
+        },
+        {
+            onSuccess: () => {
+                window.location.reload()
+            },
+        }
+    )
+
+    useEffect(() => {
+        if (!settings) return
+        setValues({
+            customCss: settings.customCss,
+            customJs: settings.customJs,
+        })
+    }, [setValues, settings])
+
+    return (
+        <>
+            {saveCustomCode.error && (
+                <Box mb="md">
+                    <Alert messages={errorToStrings(saveCustomCode.error)} />
+                </Box>
+            )}
+
+            <form onSubmit={form.onSubmit(saveCustomCode.execute)}>
+                <Stack>
+                    <Textarea
+                        autosize
+                        minRows={4}
+                        maxRows={15}
+                        {...form.getInputProps("customCss")}
+                        description={<Trans>Custom CSS rules that will be applied</Trans>}
+                        styles={{
+                            input: {
+                                fontFamily: "monospace",
+                            },
+                        }}
+                    />
+
+                    <Textarea
+                        autosize
+                        minRows={4}
+                        maxRows={15}
+                        {...form.getInputProps("customJs")}
+                        description={<Trans>Custom JS code that will be executed on page load</Trans>}
+                        styles={{
+                            input: {
+                                fontFamily: "monospace",
+                            },
+                        }}
+                    />
+
+                    <Group>
+                        <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>
+                            <Trans>Cancel</Trans>
+                        </Button>
+                        <Button type="submit" leftIcon={<TbDeviceFloppy size={16} />} loading={saveCustomCode.loading}>
+                            <Trans>Save</Trans>
+                        </Button>
+                    </Group>
+                </Stack>
+            </form>
+        </>
+    )
+}

commafeed-client/src/components/settings/DisplaySettings.tsx

@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Divider, Select, SimpleGrid, Stack, Switch } from "@mantine/core"
 import { Constants } from "app/constants"
 import { changeLanguage, changeScrollMarks, changeScrollSpeed, changeSharingSetting, changeShowRead } from "app/slices/user"
@@ -17,7 +17,7 @@ export function DisplaySettings() {
     return (
         <Stack>
             <Select
-                description={t`Language`}
+                description={<Trans>Language</Trans>}
                 value={language}
                 data={locales.map(l => ({
                     value: l.key,
@@ -27,24 +27,24 @@ export function DisplaySettings() {
             />
 
             <Switch
-                label={t`Scroll smoothly when navigating between entries`}
+                label={<Trans>Scroll smoothly when navigating between entries</Trans>}
                 checked={scrollSpeed ? scrollSpeed > 0 : false}
                 onChange={e => dispatch(changeScrollSpeed(e.currentTarget.checked))}
             />
 
             <Switch
-                label={t`Show feeds and categories with no unread entries`}
+                label={<Trans>Show feeds and categories with no unread entries</Trans>}
                 checked={showRead}
                 onChange={e => dispatch(changeShowRead(e.currentTarget.checked))}
             />
 
             <Switch
-                label={t`In expanded view, scrolling through entries mark them as read`}
+                label={<Trans>In expanded view, scrolling through entries mark them as read</Trans>}
                 checked={scrollMarks}
                 onChange={e => dispatch(changeScrollMarks(e.currentTarget.checked))}
             />
 
-            <Divider label={t`Sharing sites`} labelPosition="center" />
+            <Divider label={<Trans>Sharing sites</Trans>} labelPosition="center" />
 
             <SimpleGrid cols={2}>
                 {(Object.keys(Constants.sharing) as Array<keyof SharingSettings>).map(site => (

commafeed-client/src/components/settings/ProfileSettings.tsx

@@ -22,7 +22,7 @@ export function ProfileSettings() {
 
     const form = useForm<FormData>({
         validate: {
-            newPasswordConfirmation: (value: string, values: FormData) => (value !== values.newPassword ? t`Passwords do not match` : null),
+            newPasswordConfirmation: (value, values) => (value !== values.newPassword ? t`Passwords do not match` : null),
         },
     })
     const { setValues } = form
@@ -41,13 +41,13 @@ export function ProfileSettings() {
 
     const openDeleteProfileModal = () =>
         openConfirmModal({
-            title: t`Delete account`,
+            title: <Trans>Delete account</Trans>,
             children: (
                 <Text size="sm">
                     <Trans>Are you sure you want to delete your account? There's no turning back!</Trans>
                 </Text>
             ),
-            labels: { confirm: t`Confirm`, cancel: t`Cancel` },
+            labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
             onConfirm: () => deleteProfile.execute(),
         })
@@ -77,12 +77,16 @@ export function ProfileSettings() {
 
             <form onSubmit={form.onSubmit(saveProfile.execute)}>
                 <Stack>
-                    <Input.Wrapper label={t`User name`}>
+                    <Input.Wrapper label={<Trans>User name</Trans>}>
                         <Box>{profile?.name}</Box>
                     </Input.Wrapper>
                     <Input.Wrapper
-                        label={t`OPML export`}
+                        label={<Trans>OPML export</Trans>}
-                        description={t`Export your subscriptions and categories as an OPML file that can be imported in other feed reading services`}
+                        description={
+                            <Trans>
+                                Export your subscriptions and categories as an OPML file that can be imported in other feed reading services
+                            </Trans>
+                        }
                     >
                         <Box>
                             <Anchor href="rest/feed/export" download="commafeed_opml.xml">
@@ -91,20 +95,20 @@ export function ProfileSettings() {
                         </Box>
                     </Input.Wrapper>
                     <PasswordInput
-                        label={t`Current password`}
+                        label={<Trans>Current password</Trans>}
-                        description={t`Enter your current password to change profile settings`}
+                        description={<Trans>Enter your current password to change profile settings</Trans>}
                         required
                         {...form.getInputProps("currentPassword")}
                     />
-                    <TextInput type="email" label={t`E-mail`} {...form.getInputProps("email")} required />
+                    <TextInput type="email" label={<Trans>E-mail</Trans>} {...form.getInputProps("email")} required />
                     <PasswordInput
-                        label={t`New password`}
+                        label={<Trans>New password</Trans>}
-                        description={t`Changing password will generate a new API key`}
+                        description={<Trans>Changing password will generate a new API key</Trans>}
                         {...form.getInputProps("newPassword")}
                     />
-                    <PasswordInput label={t`Confirm password`} {...form.getInputProps("newPasswordConfirmation")} />
+                    <PasswordInput label={<Trans>Confirm password</Trans>} {...form.getInputProps("newPasswordConfirmation")} />
-                    <TextInput label={t`API key`} readOnly value={profile?.apiKey} />
+                    <TextInput label={<Trans>API key</Trans>} readOnly value={profile?.apiKey} />
-                    <Checkbox label={t`Generate new API key`} {...form.getInputProps("newApiKey", { type: "checkbox" })} />
+                    <Checkbox label={<Trans>Generate new API key</Trans>} {...form.getInputProps("newApiKey", { type: "checkbox" })} />
 
                     <Group>
                         <Button variant="default" onClick={() => dispatch(redirectToSelectedSource())}>

commafeed-client/src/components/sidebar/Tree.tsx

@@ -1,4 +1,4 @@
-import { t } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Box, Stack } from "@mantine/core"
 import { Constants } from "app/constants"
 import {
@@ -27,6 +27,7 @@ const expandedIcon = <TbChevronDown size={16} />
 const collapsedIcon = <TbChevronRight size={16} />
 
 const errorThreshold = 9
+
 export function Tree() {
     const root = useAppSelector(state => state.tree.rootCategory)
     const source = useAppSelector(state => state.entries.source)
@@ -63,7 +64,7 @@ export function Tree() {
     const allCategoryNode = () => (
         <TreeNode
             id={Constants.categories.all.id}
-            name={t`All`}
+            name={<Trans>All</Trans>}
             icon={allIcon}
             unread={categoryUnreadCount(root)}
             selected={source.type === "category" && source.id === Constants.categories.all.id}
@@ -76,7 +77,7 @@ export function Tree() {
     const starredCategoryNode = () => (
         <TreeNode
             id={Constants.categories.starred.id}
-            name={t`Starred`}
+            name={<Trans>Starred</Trans>}
             icon={starredIcon}
             unread={0}
             selected={source.type === "category" && source.id === Constants.categories.starred.id}

commafeed-client/src/components/sidebar/TreeNode.tsx

@@ -1,11 +1,12 @@
-import { Box, createStyles, Image } from "@mantine/core"
+import { Box, createStyles } from "@mantine/core"
+import { FeedFavicon } from "components/content/FeedFavicon"
 import React, { ReactNode } from "react"
 import { UnreadCount } from "./UnreadCount"
 
 interface TreeNodeProps {
     id: string
-    name: string
+    name: ReactNode
-    icon: ReactNode | string
+    icon: ReactNode
     unread: number
     selected: boolean
     expanded?: boolean
@@ -49,11 +50,7 @@ export function TreeNode(props: TreeNodeProps) {
     return (
         <Box py={1} pl={props.level * 20} className={classes.node} onClick={(e: React.MouseEvent) => props.onClick(e, props.id)}>
             <Box mr={6} onClick={(e: React.MouseEvent) => props.onIconClick && props.onIconClick(e, props.id)}>
-                {typeof props.icon === "string" ? (
+                {typeof props.icon === "string" ? <FeedFavicon url={props.icon} /> : props.icon}
-                    <Image withPlaceholder src={props.icon} alt="favicon" width={18} height={18} />
-                ) : (
-                    props.icon
-                )}
             </Box>
             <Box className={classes.nodeText}>{props.name}</Box>
             {!props.expanded && (

commafeed-client/src/components/sidebar/TreeSearch.tsx

@@ -1,15 +1,17 @@
-import { t } from "@lingui/macro"
+import { t, Trans } from "@lingui/macro"
-import { Box, Center, Image, Kbd, TextInput } from "@mantine/core"
+import { Box, Center, Kbd, TextInput } from "@mantine/core"
 import { openSpotlight, SpotlightAction, SpotlightProvider } from "@mantine/spotlight"
 import { redirectToFeed } from "app/slices/redirect"
 import { useAppDispatch } from "app/store"
 import { Subscription } from "app/types"
+import { FeedFavicon } from "components/content/FeedFavicon"
 import { useMousetrap } from "hooks/useMousetrap"
 import { TbSearch } from "react-icons/tb"
 
 export interface TreeSearchProps {
     feeds: Subscription[]
 }
+
 export function TreeSearch(props: TreeSearchProps) {
     const dispatch = useAppDispatch()
 
@@ -17,7 +19,7 @@ export function TreeSearch(props: TreeSearchProps) {
         .sort((f1, f2) => f1.name.localeCompare(f2.name))
         .map(f => ({
             title: f.name,
-            icon: <Image withPlaceholder src={f.iconUrl} alt="favicon" width={18} height={18} />,
+            icon: <FeedFavicon url={f.iconUrl} />,
             onTrigger: () => dispatch(redirectToFeed(f.id)),
         }))
 
@@ -39,7 +41,7 @@ export function TreeSearch(props: TreeSearchProps) {
             searchIcon={searchIcon}
             searchPlaceholder={t`Search`}
             shortcut="ctrl+k"
-            nothingFoundMessage={t`Nothing found`}
+            nothingFoundMessage={<Trans>Nothing found</Trans>}
         >
             <TextInput
                 placeholder={t`Search`}

commafeed-client/src/hooks/useViewMode.ts

@@ -0,0 +1,7 @@
+import { ViewMode } from "app/types"
+import useLocalStorage from "use-local-storage"
+
+export function useViewMode() {
+    const [viewMode, setViewMode] = useLocalStorage<ViewMode>("view-mode", "detailed")
+    return { viewMode, setViewMode }
+}

commafeed-client/src/hooks/useWebSocket.ts

@@ -0,0 +1,24 @@
+import { reloadTree } from "app/slices/tree"
+import { useAppDispatch } from "app/store"
+import { useEffect } from "react"
+import WebsocketHeartbeatJs from "websocket-heartbeat-js"
+
+export const useWebSocket = () => {
+    const dispatch = useAppDispatch()
+
+    useEffect(() => {
+        const currentUrl = new URL(window.location.href)
+        const wsProtocol = currentUrl.protocol === "http:" ? "ws" : "wss"
+        const wsUrl = `${wsProtocol}://${currentUrl.hostname}:${currentUrl.port}/ws`
+
+        const ws = new WebsocketHeartbeatJs({ url: wsUrl, pingMsg: "ping" })
+        ws.onmessage = event => {
+            const { data } = event
+            if (typeof data === "string") {
+                if (data.startsWith("new-feed-entries:")) dispatch(reloadTree())
+            }
+        }
+
+        return () => ws.close()
+    }, [dispatch])
+}

commafeed-client/src/i18n.ts

@@ -29,7 +29,7 @@ import "dayjs/locale/sk"
 import "dayjs/locale/sv"
 import "dayjs/locale/tr"
 import "dayjs/locale/zh"
-import { ar, ca, cs, cy, da, de, en, es, fa, fi, fr, gl, hu, id, it, ja, ko, ms, nb, nl, nn, pl, pt, ru, sk, sv, tr, zh } from "make-plural"
+
 import { useEffect } from "react"
 import { messages as arMessages } from "./locales/ar/messages"
 import { messages as caMessages } from "./locales/ca/messages"
@@ -64,48 +64,42 @@ interface Locale {
     key: string
     label: string
     messages: Messages
-    plurals?: (n: number | string, ord?: boolean) => string
 }
 
 // add an object to the array to add a new locale
 // don't forget to also add it to the 'locales' array in .linguirc
 export const locales: Locale[] = [
-    { key: "ar", messages: arMessages, plurals: ar, label: "العربية" },
+    { key: "ar", messages: arMessages, label: "العربية" },
-    { key: "ca", messages: caMessages, plurals: ca, label: "Català" },
+    { key: "ca", messages: caMessages, label: "Català" },
-    { key: "cs", messages: csMessages, plurals: cs, label: "Čeština" },
+    { key: "cs", messages: csMessages, label: "Čeština" },
-    { key: "cy", messages: cyMessages, plurals: cy, label: "Cymraeg" },
+    { key: "cy", messages: cyMessages, label: "Cymraeg" },
-    { key: "da", messages: daMessages, plurals: da, label: "Danish" },
+    { key: "da", messages: daMessages, label: "Danish" },
-    { key: "de", messages: deMessages, plurals: de, label: "Deutsch" },
+    { key: "de", messages: deMessages, label: "Deutsch" },
-    { key: "en", messages: enMessages, plurals: en, label: "English" },
+    { key: "en", messages: enMessages, label: "English" },
-    { key: "es", messages: esMessages, plurals: es, label: "Español" },
+    { key: "es", messages: esMessages, label: "Español" },
-    { key: "fa", messages: faMessages, plurals: fa, label: "فارسی" },
+    { key: "fa", messages: faMessages, label: "فارسی" },
-    { key: "fi", messages: fiMessages, plurals: fi, label: "Suomi" },
+    { key: "fi", messages: fiMessages, label: "Suomi" },
-    { key: "fr", messages: frMessages, plurals: fr, label: "Français" },
+    { key: "fr", messages: frMessages, label: "Français" },
-    { key: "gl", messages: glMessages, plurals: gl, label: "Galician" },
+    { key: "gl", messages: glMessages, label: "Galician" },
-    { key: "hu", messages: huMessages, plurals: hu, label: "Magyar" },
+    { key: "hu", messages: huMessages, label: "Magyar" },
-    { key: "id", messages: idMessages, plurals: id, label: "Indonesian" },
+    { key: "id", messages: idMessages, label: "Indonesian" },
-    { key: "it", messages: itMessages, plurals: it, label: "Italiano" },
+    { key: "it", messages: itMessages, label: "Italiano" },
-    { key: "ja", messages: jaMessages, plurals: ja, label: "日本語" },
+    { key: "ja", messages: jaMessages, label: "日本語" },
-    { key: "ko", messages: koMessages, plurals: ko, label: "한국어" },
+    { key: "ko", messages: koMessages, label: "한국어" },
-    { key: "ms", messages: msMessages, plurals: ms, label: "Bahasa Malaysian" },
+    { key: "ms", messages: msMessages, label: "Bahasa Malaysian" },
-    { key: "nb", messages: nbMessages, plurals: nb, label: "Norsk (bokmål)" },
+    { key: "nb", messages: nbMessages, label: "Norsk (bokmål)" },
-    { key: "nl", messages: nlMessages, plurals: nl, label: "Nederlands" },
+    { key: "nl", messages: nlMessages, label: "Nederlands" },
-    { key: "nn", messages: nnMessages, plurals: nn, label: "Norsk (nynorsk)" },
+    { key: "nn", messages: nnMessages, label: "Norsk (nynorsk)" },
-    { key: "pl", messages: plMessages, plurals: pl, label: "Polski" },
+    { key: "pl", messages: plMessages, label: "Polski" },
-    { key: "pt", messages: ptMessages, plurals: pt, label: "Português" },
+    { key: "pt", messages: ptMessages, label: "Português" },
-    { key: "ru", messages: ruMessages, plurals: ru, label: "Русский" },
+    { key: "ru", messages: ruMessages, label: "Русский" },
-    { key: "sk", messages: skMessages, plurals: sk, label: "Slovenčina" },
+    { key: "sk", messages: skMessages, label: "Slovenčina" },
-    { key: "sv", messages: svMessages, plurals: sv, label: "Svenska" },
+    { key: "sv", messages: svMessages, label: "Svenska" },
-    { key: "tr", messages: trMessages, plurals: tr, label: "Türkçe" },
+    { key: "tr", messages: trMessages, label: "Türkçe" },
-    { key: "zh", messages: zhMessages, plurals: zh, label: "简体中文" },
+    { key: "zh", messages: zhMessages, label: "简体中文" },
 ]
 
 locales.forEach(l => {
-    i18n.loadLocaleData({
-        [l.key]: {
-            plurals: l.plurals,
-        },
-    })
     i18n.load({
         [l.key]: l.messages,
     })

commafeed-client/src/locales/ar/messages.po

@@ -123,6 +123,7 @@ msgstr "ملحقات المستعرض"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "السيطرة"
 msgid "Current password"
 msgstr "كلمة المرور الحالية"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "تاريخ الإنشاء"
@@ -219,6 +232,10 @@ msgstr "حذف المستخدم"
 msgid "Desc"
 msgstr "تنازلي"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "موجز URL"
 msgid "Feed name"
 msgstr "اسم الخلاصة"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "تصفية التعبير"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "هل نسيت كلمة المرور؟"
@@ -320,6 +345,10 @@ msgstr "انتقل إلى وثائق API."
 msgid "Go to the All view"
 msgstr "اذهب إلى طريقة العرض \"الكل\""
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "الأشياء الجيدة"
@@ -348,6 +377,7 @@ msgstr "استيراد"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "في العرض الموسع ، التمرير عبر الإدخالات وضع علامة عليها كمقروءة"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "إبقاء غير مقروءة"
@@ -397,6 +427,7 @@ msgstr "تحميل العلامات ..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "تسجيل الدخول"
 
@@ -404,6 +435,10 @@ msgstr "تسجيل الدخول"
 msgid "Logout"
 msgstr "تسجيل الخروج"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "تعليم الكل كمقروء"
 msgid "Mark all entries as read"
 msgstr "تعليم كافة الإدخالات كمقروءة"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "وضع علامة كمقروء"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "وضع علامة كمقروءة حتى هنا"
@@ -430,6 +467,10 @@ msgstr "وضع علامة كمقروءة حتى هنا"
 msgid "Metrics"
 msgstr "المقاييس"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "تحريك الصفحة لأسفل"
@@ -515,6 +556,14 @@ msgstr "فتح الإدخال الحالي في علامة تبويب جديدة
 msgid "Open link"
 msgstr "افتح الرابط"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "فتح الإدخال التالي"
@@ -581,7 +630,12 @@ msgstr "تحديث"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "تم إغلاق التسجيلات في مثيل CommaFeed هذا"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "مشاركة المواقع"
 msgid "Shift"
 msgstr "الحلقة"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "إظهار موجز ويب والفئات التي لا تحتوي على إدخالات غير مقروءة"
@@ -642,6 +704,7 @@ msgstr "إظهار تعليمات اختصار لوحة المفاتيح"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "قم بالتسجيل"
 
@@ -654,6 +717,7 @@ msgstr "شيء سيء حدث للتو ..."
 msgid "Space"
 msgstr "فضاء"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "النجم"
@@ -681,6 +745,10 @@ msgstr "الاشتراك في موجز ويب"
 msgid "Success"
 msgstr "النجاح"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "التبديل إلى النسق الداكن"
@@ -709,10 +777,15 @@ msgstr "تبديل قراءة حالة الإدخال الحالي"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "جرب CommaFeed باستخدام الحساب التجريبي: تجريبي / تجريبي"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "غير مقروءة"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "إلغاء النجم"
@@ -743,6 +816,14 @@ msgstr "موقع الكتروني"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "ليس لديك أي اشتراكات حتى الآن. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "الملف مطلوب"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/ca/messages.po

@@ -123,6 +123,7 @@ msgstr "Extensions del navegador"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Contrasenya actual"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Data de creació"
@@ -219,6 +232,10 @@ msgstr "Suprimeix l'usuari"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL del canal"
 msgid "Feed name"
 msgstr "Nom del canal"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Expressió de filtratge"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Heu oblidat la contrasenya?"
@@ -320,6 +345,10 @@ msgstr "Vés a la documentació de l'API."
 msgid "Go to the All view"
 msgstr "Vés a la vista Tot"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Bones"
@@ -348,6 +377,7 @@ msgstr "Importació"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "a la vista ampliada, desplaçant-se per les entrades les marqueu com a llegides"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Mantenir sense llegir"
@@ -397,6 +427,7 @@ msgstr "Carregant les etiquetes..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Inicia sessió"
 
@@ -404,6 +435,10 @@ msgstr "Inicia sessió"
 msgid "Logout"
 msgstr "Tanca sessió"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marca-ho tot com a llegit"
 msgid "Mark all entries as read"
 msgstr "Marqueu totes les entrades com a llegides"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marca com a llegit"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marca com a llegit fins aquí"
@@ -430,6 +467,10 @@ msgstr "Marca com a llegit fins aquí"
 msgid "Metrics"
 msgstr "mètriques"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Mou la pàgina cap avall"
@@ -515,6 +556,14 @@ msgstr "Obre l'entrada actual en una pestanya nova al fons"
 msgid "Open link"
 msgstr "Enllaç obert"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Obre la següent entrada"
@@ -581,7 +630,12 @@ msgstr "Actualitzar"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Els registres estan tancats en aquesta instància de CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Compartir llocs"
 msgid "Shift"
 msgstr "canvi"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Mostra feeds i categories sense entrades no llegides"
@@ -642,6 +704,7 @@ msgstr "Mostra l'ajuda de la drecera del teclat"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Inscriu-te"
 
@@ -654,6 +717,7 @@ msgstr "Acaba de passar una cosa dolenta..."
 msgid "Space"
 msgstr "Espai"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Estrella"
@@ -681,6 +745,10 @@ msgstr "Subscriu-te al canal"
 msgid "Success"
 msgstr "Éxit"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Canvia al tema fosc"
@@ -709,10 +777,15 @@ msgstr "Canvia l'estat de lectura de l'entrada actual"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Proveu CommaFeed amb el compte de demostració: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Sense llegir"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Desestrellar"
@@ -743,6 +816,14 @@ msgstr "Lloc web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Encara no teniu cap subscripció. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "el fitxer és necessari"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/cs/messages.po

@@ -123,6 +123,7 @@ msgstr "Rozšíření prohlížeče"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Aktuální heslo"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Datum vytvoření"
@@ -219,6 +232,10 @@ msgstr "Smazat uživatele"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL zdroje"
 msgid "Feed name"
 msgstr "Název zdroje"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrování výrazu"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Zapomněli jste heslo?"
@@ -320,6 +345,10 @@ msgstr "Přejděte na dokumentaci API."
 msgid "Go to the All view"
 msgstr "Přejděte do zobrazení Vše"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Dobroty"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "V rozšířeném zobrazení je procházením označíte jako přečtené"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Ponechat nepřečtené"
@@ -397,6 +427,7 @@ msgstr "Načítání značek..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Přihlaste se"
 
@@ -404,6 +435,10 @@ msgstr "Přihlaste se"
 msgid "Logout"
 msgstr "Odhlášení"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Označit vše jako přečtené"
 msgid "Mark all entries as read"
 msgstr "Označte všechny položky jako přečtené"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Označit jako přečtené"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Označit jako přečtené až sem"
@@ -430,6 +467,10 @@ msgstr "Označit jako přečtené až sem"
 msgid "Metrics"
 msgstr "Metriky"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Přesuňte stránku dolů"
@@ -515,6 +556,14 @@ msgstr "Otevřít aktuální položku na nové kartě na pozadí"
 msgid "Open link"
 msgstr "Otevřít odkaz"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Otevřete další položku"
@@ -581,7 +630,12 @@ msgstr "Obnovit"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "V této instanci CommaFeed jsou registrace uzavřeny"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Stránky pro sdílení"
 msgid "Shift"
 msgstr "Směna"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Zobrazit kanály a kategorie bez nepřečtených položek"
@@ -642,6 +704,7 @@ msgstr "Zobrazit nápovědu ke klávesovým zkratkám"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Zaregistrujte se"
 
@@ -654,6 +717,7 @@ msgstr "Právě se stalo něco špatného..."
 msgid "Space"
 msgstr "Vesmír"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Hvězda"
@@ -681,6 +745,10 @@ msgstr "Přihlaste se k odběru kanálu"
 msgid "Success"
 msgstr "Úspěch"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Přepněte na tmavý motiv"
@@ -709,10 +777,15 @@ msgstr "Přepne stav čtení aktuálního záznamu"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Vyzkoušejte CommaFeed s demo účtem: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Nepřečteno"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Odstranit hvězdu"
@@ -743,6 +816,14 @@ msgstr "Webové stránky"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Zatím nemáte žádné předplatné. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr ""
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/cy/messages.po

@@ -123,6 +123,7 @@ msgstr "Estyniadau porwr"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Cyfrinair presennol"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Dyddiad creu"
@@ -219,6 +232,10 @@ msgstr "Dileu defnyddiwr"
 msgid "Desc"
 msgstr "Rhag"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL porthiant"
 msgid "Feed name"
 msgstr "Enw porthiant"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Hidlo mynegiant"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Wedi anghofio cyfrinair?"
@@ -320,6 +345,10 @@ msgstr "Ewch i'r ddogfennaeth API."
 msgid "Go to the All view"
 msgstr "Ewch i'r golwg Pawb"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "nwyddau"
@@ -348,6 +377,7 @@ msgstr "Mewnforio"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Mewn gwedd estynedig, mae sgrolio trwy gofnodion yn nodi eu bod wedi'u darllen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Cadwch heb ei ddarllen"
@@ -397,6 +427,7 @@ msgstr "Wrthi'n llwytho tagiau..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Mewngofnodi"
 
@@ -404,6 +435,10 @@ msgstr "Mewngofnodi"
 msgid "Logout"
 msgstr "Allgofnodi"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marciwch y cyfan wedi'i ddarllen"
 msgid "Mark all entries as read"
 msgstr "Marciwch bob cofnod wedi'i ddarllen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marciwch ei fod wedi'i ddarllen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marciwch fel y darllenwyd hyd yma"
@@ -430,6 +467,10 @@ msgstr "Marciwch fel y darllenwyd hyd yma"
 msgid "Metrics"
 msgstr "metrigau"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Symudwch y dudalen i lawr"
@@ -515,6 +556,14 @@ msgstr "Agorwch y cofnod cyfredol mewn tab newydd yn y cefndir"
 msgid "Open link"
 msgstr "Dolen agored"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Agor y cofnod nesaf"
@@ -581,7 +630,12 @@ msgstr "Adnewyddu"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Mae cofrestriadau ar gau ar yr achos CommaFeed hwn"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Rhannu gwefannau"
 msgid "Shift"
 msgstr "shifft"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Dangos ffrydiau a chategorïau heb unrhyw gofnodion heb eu darllen"
@@ -642,6 +704,7 @@ msgstr "Dangos cymorth llwybr byr bysellfwrdd"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Cofrestrwch"
 
@@ -654,6 +717,7 @@ msgstr "Mae rhywbeth drwg newydd ddigwydd ..."
 msgid "Space"
 msgstr "Gofod"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "seren"
@@ -681,6 +745,10 @@ msgstr "Tanysgrifio i'r porthiant"
 msgid "Success"
 msgstr "Llwyddiant"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Newid i thema dywyll"
@@ -709,10 +777,15 @@ msgstr "Toglo statws darllen y cofnod cyfredol"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Rhowch gynnig ar CommaFeed gyda'r cyfrif demo: demo / demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Heb ei ddarllen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "dad-seren"
@@ -743,6 +816,14 @@ msgstr "Gwefan"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Nid oes gennych unrhyw danysgrifiadau eto. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "mae angen y ffeil"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/da/messages.po

@@ -123,6 +123,7 @@ msgstr "Browserudvidelser"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Nuværende adgangskode"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Dato oprettet"
@@ -219,6 +232,10 @@ msgstr "Slet bruger"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr ""
 msgid "Feed name"
 msgstr "Feednavn"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrerende udtryk"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Glemt adgangskode?"
@@ -320,6 +345,10 @@ msgstr "Gå til API-dokumentationen."
 msgid "Go to the All view"
 msgstr "Gå til visningen Alle"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Godbidder"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "I udvidet visning markerer du dem som læst, når du ruller gennem poster"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Forbehold ulæst"
@@ -397,6 +427,7 @@ msgstr "Indlæser tags..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Log ind"
 
@@ -404,6 +435,10 @@ msgstr "Log ind"
 msgid "Logout"
 msgstr "Log ud"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marker alle som læst"
 msgid "Mark all entries as read"
 msgstr "Marker alle poster som læst"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Markér som læst"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Markér som læst indtil her"
@@ -430,6 +467,10 @@ msgstr "Markér som læst indtil her"
 msgid "Metrics"
 msgstr ""
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Flyt siden ned"
@@ -515,6 +556,14 @@ msgstr "Åbn den aktuelle post i en ny fane i baggrunden"
 msgid "Open link"
 msgstr "Åbent link"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Åbn næste post"
@@ -581,7 +630,12 @@ msgstr "Opdater"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registreringer er lukket på denne CommaFeed-instans"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Delingssider"
 msgid "Shift"
 msgstr "Skift"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Vis feeds og kategorier uden ulæste poster"
@@ -642,6 +704,7 @@ msgstr "Vis hjælp til tastaturgenveje"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Tilmeld dig"
 
@@ -654,6 +717,7 @@ msgstr "Der er lige sket noget slemt..."
 msgid "Space"
 msgstr "Rum"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stjerne"
@@ -681,6 +745,10 @@ msgstr "Abonner på feedet"
 msgid "Success"
 msgstr "Succes"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Skift til mørkt tema"
@@ -709,10 +777,15 @@ msgstr "Skift læsestatus for den aktuelle post"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Prøv CommaFeed med demokontoen: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Ulæst"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr ""
@@ -743,6 +816,14 @@ msgstr "Hjemmeside"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Du har ingen abonnementer endnu. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fil er påkrævet"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/de/messages.po

@@ -123,6 +123,7 @@ msgstr "Browsererweiterungen"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "Strg"
 msgid "Current password"
 msgstr "Aktuelles Passwort"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Erstellungsdatum"
@@ -219,6 +232,10 @@ msgstr "Benutzer löschen"
 msgid "Desc"
 msgstr "Beschr"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed-URL"
 msgid "Feed name"
 msgstr "Feedname"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filterausdruck"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Passwort vergessen?"
@@ -320,6 +345,10 @@ msgstr "Gehen Sie zur API-Dokumentation."
 msgid "Go to the All view"
 msgstr "Zur Ansicht Alle wechseln"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Gutes"
@@ -348,6 +377,7 @@ msgstr "Importieren"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "In der erweiterten Ansicht werden Einträge beim Scrollen als gelesen markiert"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Ungelesen lassen"
@@ -397,6 +427,7 @@ msgstr "Tags werden geladen..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Einloggen"
 
@@ -404,6 +435,10 @@ msgstr "Einloggen"
 msgid "Logout"
 msgstr "Abmelden"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Alle als gelesen markieren"
 msgid "Mark all entries as read"
 msgstr "Alle Einträge als gelesen markieren"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Als gelesen markieren"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Bis hierhin als gelesen markieren"
@@ -430,6 +467,10 @@ msgstr "Bis hierhin als gelesen markieren"
 msgid "Metrics"
 msgstr "Metriken"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Seite nach unten verschieben"
@@ -515,6 +556,14 @@ msgstr "Aktuellen Eintrag in neuem Tab im Hintergrund öffnen"
 msgid "Open link"
 msgstr "Link öffnen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Nächsten Eintrag öffnen"
@@ -581,7 +630,12 @@ msgstr "Aktualisieren"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registrierungen sind für diese CommaFeed-Instanz geschlossen"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Seiten teilen"
 msgid "Shift"
 msgstr "Verschiebung"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Feeds und Kategorien ohne ungelesene Einträge anzeigen"
@@ -642,6 +704,7 @@ msgstr "Tastenkürzel-Hilfe anzeigen"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Melden Sie sich an"
 
@@ -654,6 +717,7 @@ msgstr "Etwas Schlimmes ist gerade passiert..."
 msgid "Space"
 msgstr "Raum"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stern"
@@ -681,6 +745,10 @@ msgstr "Feed abonnieren"
 msgid "Success"
 msgstr "Erfolg"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Zum dunklen Design wechseln"
@@ -709,10 +777,15 @@ msgstr "Lesestatus des aktuellen Eintrags umschalten"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Testen Sie CommaFeed mit dem Demokonto: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Ungelesen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Stern entfernen"
@@ -743,6 +816,14 @@ msgstr "Webseite"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Sie haben noch keine Abonnements. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "Datei ist erforderlich"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/en/messages.po

@@ -123,6 +123,7 @@ msgstr "Browser extentions"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "Ctrl"
 msgid "Current password"
 msgstr "Current password"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr "Custom CSS rules that will be applied"
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr "Custom JS code that will be executed on page load"
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr "Custom code"
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Date created"
@@ -219,6 +232,10 @@ msgstr "Delete user"
 msgid "Desc"
 msgstr "Desc"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr "Detailed"
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed URL"
 msgid "Feed name"
 msgstr "Feed name"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr "Fetch all my feeds now"
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtering expression"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Forgot password?"
@@ -320,6 +345,10 @@ msgstr "Go to the API documentation."
 msgid "Go to the All view"
 msgstr "Go to the All view"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr "Go to {0}"
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Goodies"
@@ -348,6 +377,7 @@ msgstr "Import"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "In expanded view, scrolling through entries mark them as read"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Keep unread"
@@ -397,6 +427,7 @@ msgstr "Loading tags..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Log in"
 
@@ -404,6 +435,10 @@ msgstr "Log in"
 msgid "Logout"
 msgstr "Logout"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr "Long press"
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Mark all as read"
 msgid "Mark all entries as read"
 msgstr "Mark all entries as read"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Mark as read"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Mark as read up to here"
@@ -430,6 +467,10 @@ msgstr "Mark as read up to here"
 msgid "Metrics"
 msgstr "Metrics"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr "Middle click"
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Move the page down"
@@ -515,6 +556,14 @@ msgstr "Open current entry in a new tab in the background"
 msgid "Open link"
 msgstr "Open link"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr "Open link in new background tab"
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr "Open link in new tab"
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Open next entry"
@@ -581,7 +630,12 @@ msgstr "Refresh"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registrations are closed on this CommaFeed instance"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr "Right click"
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Sharing sites"
 msgid "Shift"
 msgstr "Shift"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr "Show entry menu (desktop)"
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr "Show entry menu (mobile)"
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Show feeds and categories with no unread entries"
@@ -642,6 +704,7 @@ msgstr "Show keyboard shortcut help"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Sign up"
 
@@ -654,6 +717,7 @@ msgstr "Something bad just happened..."
 msgid "Space"
 msgstr "Space"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Star"
@@ -681,6 +745,10 @@ msgstr "Subscribe to the feed"
 msgid "Success"
 msgstr "Success"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr "Swipe header to the right"
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Switch to dark theme"
@@ -709,10 +777,15 @@ msgstr "Toggle read status of current entry"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Try out CommaFeed with the demo account: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr "Try the demo!"
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Unread"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Unstar"
@@ -743,6 +816,14 @@ msgstr "Website"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr "Your feeds have been queued for refresh."
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "file is required"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr "{0} (in {1})"

commafeed-client/src/locales/es/messages.po

@@ -123,6 +123,7 @@ msgstr "Extensiones del navegador"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Contraseña actual"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Fecha de creación"
@@ -219,6 +232,10 @@ msgstr "Borrar usuario"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL de fuente"
 msgid "Feed name"
 msgstr "Nombre de alimentación"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Expresión de filtrado"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "¿Olvidaste la contraseña?"
@@ -320,6 +345,10 @@ msgstr "Ir a la documentación de la API."
 msgid "Go to the All view"
 msgstr "Ir a la vista Todo"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "golosinas"
@@ -348,6 +377,7 @@ msgstr "Importar"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "En la vista ampliada, al desplazarse por las entradas, márquelas como leídas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Mantener sin leer"
@@ -397,6 +427,7 @@ msgstr "Cargando etiquetas..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Iniciar sesión"
 
@@ -404,6 +435,10 @@ msgstr "Iniciar sesión"
 msgid "Logout"
 msgstr "Salir"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marcar todo como leído"
 msgid "Mark all entries as read"
 msgstr "Marcar todas las entradas como leídas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marcar como leído"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marcar como leído hasta aquí"
@@ -430,6 +467,10 @@ msgstr "Marcar como leído hasta aquí"
 msgid "Metrics"
 msgstr "Métricas"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Mover la página hacia abajo"
@@ -515,6 +556,14 @@ msgstr "Abrir la entrada actual en una nueva pestaña en segundo plano"
 msgid "Open link"
 msgstr "Abrir enlace"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Abrir siguiente entrada"
@@ -581,7 +630,12 @@ msgstr "Actualizar"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Los registros están cerrados en esta instancia de CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Compartir sitios"
 msgid "Shift"
 msgstr "Cambio"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Mostrar feeds y categorías sin entradas no leídas"
@@ -642,6 +704,7 @@ msgstr "Mostrar ayuda de atajo de teclado"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Registrarse"
 
@@ -654,6 +717,7 @@ msgstr "Algo malo acaba de pasar..."
 msgid "Space"
 msgstr "Espacio"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "estrella"
@@ -681,6 +745,10 @@ msgstr "Suscríbete a la fuente"
 msgid "Success"
 msgstr "Éxito"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Cambiar a tema oscuro"
@@ -709,10 +777,15 @@ msgstr "Alternar estado de lectura de la entrada actual"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Pruebe CommaFeed con la cuenta demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "No leído"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Desmarcar"
@@ -743,6 +816,14 @@ msgstr "Sitio web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Todavía no tienes ninguna suscripción. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "archivo requerido"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/fa/messages.po

@@ -123,6 +123,7 @@ msgstr "گسترش مرورگر"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "رمز عبور فعلی"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "تاریخ ایجاد"
@@ -219,6 +232,10 @@ msgstr "حذف کاربر"
 msgid "Desc"
 msgstr "توصیف"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL فید"
 msgid "Feed name"
 msgstr "نام فید"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "بیان فیلتر"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "رمز عبور را فراموش کرده اید؟"
@@ -320,6 +345,10 @@ msgstr "به مستندات API بروید."
 msgid "Go to the All view"
 msgstr "به نمای All بروید"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "خوبی ها"
@@ -348,6 +377,7 @@ msgstr "واردات"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "در نمای بازشده، پیمایش در ورودی‌ها، آنها را به عنوان خوانده شده علامت‌گذاری می‌کند"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "خوانده نشده نگه دارید"
@@ -397,6 +427,7 @@ msgstr "بارگیری برچسب ها..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "وارد شوید"
 
@@ -404,6 +435,10 @@ msgstr "وارد شوید"
 msgid "Logout"
 msgstr "خروج"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "همه را به عنوان خوانده شده علامت گذاری ک
 msgid "Mark all entries as read"
 msgstr "همه ورودی ها را به عنوان خوانده شده علامت گذاری کنید"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "علامت گذاری به عنوان خوانده شده"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "تا اینجا به عنوان خوانده شده علامت بزنید"
@@ -430,6 +467,10 @@ msgstr "تا اینجا به عنوان خوانده شده علامت بزنی
 msgid "Metrics"
 msgstr "متریک"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "صفحه را به پایین ببرید"
@@ -515,6 +556,14 @@ msgstr "ورودی فعلی را در یک برگه جدید در پس زمین
 msgid "Open link"
 msgstr "پیوند را باز کنید"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "ورودی بعدی را باز کنید"
@@ -581,7 +630,12 @@ msgstr "تازه کردن"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "ثبت نام در این نمونه CommaFeed بسته شده است"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "اشتراک گذاری سایت ها"
 msgid "Shift"
 msgstr "شیفت"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "فیدها و دسته ها را بدون ورودی خوانده نشده نشان دهید"
@@ -642,6 +704,7 @@ msgstr "نمایش راهنمایی میانبر صفحه کلید"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "ثبت نام کنید"
 
@@ -654,6 +717,7 @@ msgstr "اتفاق بدی افتاد..."
 msgid "Space"
 msgstr "فضا"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "ستاره"
@@ -681,6 +745,10 @@ msgstr "در فید مشترک شوید"
 msgid "Success"
 msgstr "موفقیت"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "تغییر به تم تیره"
@@ -709,10 +777,15 @@ msgstr "وضعیت خواندن ورودی فعلی را تغییر دهید"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "CommaFeed را با حساب آزمایشی امتحان کنید: دمو/دمو"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "خوانده نشده"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr ""
@@ -743,6 +816,14 @@ msgstr "وب سایت"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "شما هنوز هیچ اشتراکی ندارید. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "فایل مورد نیاز است"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/fi/messages.po

@@ -123,6 +123,7 @@ msgstr "Selaimen laajennukset"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Nykyinen salasana"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Luontipäivämäärä"
@@ -219,6 +232,10 @@ msgstr "Poista käyttäjä"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Syötteen URL-osoite"
 msgid "Feed name"
 msgstr "Syötteen nimi"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Suodattava lauseke"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Unohditko salasanan?"
@@ -320,6 +345,10 @@ msgstr "Siirry API-dokumentaatioon."
 msgid "Go to the All view"
 msgstr "Siirry Kaikki-näkymään"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Hyvää"
@@ -348,6 +377,7 @@ msgstr "Tuo"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Merkitse ne luetuiksi laajennetussa näkymässä vierittämällä merkintöjä"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Pidä lukematta"
@@ -397,6 +427,7 @@ msgstr "Ladataan tunnisteita..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Kirjaudu sisään"
 
@@ -404,6 +435,10 @@ msgstr "Kirjaudu sisään"
 msgid "Logout"
 msgstr "Uloskirjautuminen"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Merkitse kaikki luetuiksi"
 msgid "Mark all entries as read"
 msgstr "Merkitse kaikki merkinnät luetuiksi"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Merkitse luetuksi"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Merkitse luetuksi tähän asti"
@@ -430,6 +467,10 @@ msgstr "Merkitse luetuksi tähän asti"
 msgid "Metrics"
 msgstr ""
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Siirrä sivua alaspäin"
@@ -515,6 +556,14 @@ msgstr "Avaa nykyinen merkintä uudella välilehdellä taustalla"
 msgid "Open link"
 msgstr "Avaa linkki"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Avaa seuraava merkintä"
@@ -581,7 +630,12 @@ msgstr "Päivitä"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Tämän CommaFeed-esiintymän rekisteröinnit on suljettu"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Sivustojen jakaminen"
 msgid "Shift"
 msgstr "Vaihto"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Näytä syötteet ja luokat ilman lukemattomia merkintöjä"
@@ -642,6 +704,7 @@ msgstr "Näytä pikanäppäimen ohje"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Rekisteröidy"
 
@@ -654,6 +717,7 @@ msgstr "Jotain pahaa tapahtui juuri..."
 msgid "Space"
 msgstr "Avaruus"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Tähti"
@@ -681,6 +745,10 @@ msgstr "Tilaa syöte"
 msgid "Success"
 msgstr "Onnistui"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Vaihda tummaan teemaan"
@@ -709,10 +777,15 @@ msgstr "Vaihda nykyisen merkinnän lukutila"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Kokeile CommaFeediä demotilillä: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Lukematon"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Poista tähti"
@@ -743,6 +816,14 @@ msgstr "Verkkosivusto"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Sinulla ei ole vielä tilauksia. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "tiedosto vaaditaan"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/fr/messages.po

@@ -123,6 +123,7 @@ msgstr "Extensions pour navigateurs"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "Ctrl"
 msgid "Current password"
 msgstr "Mot de passe actuel"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Date de création"
@@ -219,6 +232,10 @@ msgstr "Effacer l'utilisateur"
 msgid "Desc"
 msgstr "Descendant"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr "Vue détaillée"
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL du flux"
 msgid "Feed name"
 msgstr "Nom du flux"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Expression de filtrage"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Mot de passe oublié ?"
@@ -320,6 +345,10 @@ msgstr "Aller à la documentation de l'API."
 msgid "Go to the All view"
 msgstr "Aller à la catégorie Tout"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Extensions"
@@ -348,6 +377,7 @@ msgstr "Importer"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "En mode de lecture étendu, marquer les éléments comme lus lorsque la fenêtre descend."
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Garder non lu"
@@ -397,6 +427,7 @@ msgstr "Chargement des tags ..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Connexion"
 
@@ -404,6 +435,10 @@ msgstr "Connexion"
 msgid "Logout"
 msgstr "Déconnexion"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Tout marquer comme lu"
 msgid "Mark all entries as read"
 msgstr "Marquer toutes les entrées comme lues"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marquer comme lu"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marquer comme lu jusqu'ici"
@@ -430,6 +467,10 @@ msgstr "Marquer comme lu jusqu'ici"
 msgid "Metrics"
 msgstr "Métriques"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Faites défiler la page vers le bas"
@@ -515,6 +556,14 @@ msgstr "Ouvrir l'entrée actuelle dans un nouvel onglet en arrière-plan"
 msgid "Open link"
 msgstr "Ouvrir le lien"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Ouvrir l'entrée suivante"
@@ -581,7 +630,12 @@ msgstr "Rafraîchir"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Les inscriptions sont fermées sur cette instance de CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Sites de partage"
 msgid "Shift"
 msgstr "Maj"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Afficher les flux et les catégories pour lesquels tout est déjà lu"
@@ -642,6 +704,7 @@ msgstr "Montrer les raccourcis clavier"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Créer un compte"
 
@@ -654,6 +717,7 @@ msgstr "Quelque chose s'est mal passé..."
 msgid "Space"
 msgstr "Espace"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Ajouter aux favoris"
@@ -681,6 +745,10 @@ msgstr "S'abonner au flux"
 msgid "Success"
 msgstr "Succès"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr "Faire glisser le titre vers la droite"
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Activer le mode sombre"
@@ -709,10 +777,15 @@ msgstr "Marquer l'entrée actuelle comme lue/non lue"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Essayez CommaFeed avec le compte de démonstration : demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Non lu"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Retirer des favoris"
@@ -743,6 +816,14 @@ msgstr "Site web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Vous n'avez pas encore d'abonnements. Pourquoi ne pas essayer d'en ajouter un en cliquant sur le signe + en haut de la page ?"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fichier requis"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/gl/messages.po

@@ -123,6 +123,7 @@ msgstr "Extensións do navegador"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Contrasinal actual"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Data de creación"
@@ -219,6 +232,10 @@ msgstr "Eliminar usuario"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL da fonte"
 msgid "Feed name"
 msgstr "Nome do feed"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Expresión de filtrado"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Esqueceches o contrasinal?"
@@ -320,6 +345,10 @@ msgstr "Ir á documentación da API."
 msgid "Go to the All view"
 msgstr "Ir á vista Todos"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "agasallos"
@@ -348,6 +377,7 @@ msgstr "Importación"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Na vista ampliada, ao desprazarse polas entradas márcaas como lidas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Manter sen ler"
@@ -397,6 +427,7 @@ msgstr "Cargando etiquetas..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Iniciar sesión"
 
@@ -404,6 +435,10 @@ msgstr "Iniciar sesión"
 msgid "Logout"
 msgstr "Pechar sesión"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marcar todo como lido"
 msgid "Mark all entries as read"
 msgstr "Marcar todas as entradas como lidas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marcar como lido"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marcar como lido ata aquí"
@@ -430,6 +467,10 @@ msgstr "Marcar como lido ata aquí"
 msgid "Metrics"
 msgstr "Métricas"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Move a páxina cara abaixo"
@@ -515,6 +556,14 @@ msgstr "Abre a entrada actual nunha nova pestana en segundo plano"
 msgid "Open link"
 msgstr "ligazón aberta"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Abrir a seguinte entrada"
@@ -581,7 +630,12 @@ msgstr "Actualizar"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Os rexistros están pechados nesta instancia de CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Compartir sitios"
 msgid "Shift"
 msgstr "quendas"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Mostrar fontes e categorías sen entradas sen ler"
@@ -642,6 +704,7 @@ msgstr "Mostrar axuda do atallo do teclado"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Rexístrese"
 
@@ -654,6 +717,7 @@ msgstr "Algo malo pasou..."
 msgid "Space"
 msgstr "Espazo"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "estrela"
@@ -681,6 +745,10 @@ msgstr "Subscríbete ao feed"
 msgid "Success"
 msgstr "Éxito"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Cambiar ao tema escuro"
@@ -709,10 +777,15 @@ msgstr "alternar o estado de lectura da entrada actual"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Proba CommaFeed coa conta de demostración: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Sen ler"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Desestrela"
@@ -743,6 +816,14 @@ msgstr "Páxina web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Aínda non tes ningunha subscrición. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "é necesario o ficheiro"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/hu/messages.po

@@ -123,6 +123,7 @@ msgstr "Böngészőbővítések"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Jelenlegi jelszó"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Létrehozás dátuma"
@@ -219,6 +232,10 @@ msgstr "Felhasználó törlése"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr ""
 msgid "Feed name"
 msgstr "Hírcsatorna neve"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Szűrő kifejezés"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Elfelejtette a jelszavát?"
@@ -320,6 +345,10 @@ msgstr "Nyissa meg az API dokumentációját."
 msgid "Go to the All view"
 msgstr "Lépjen az Összes nézetre"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Jók"
@@ -348,6 +377,7 @@ msgstr "Importálás"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Kibontott nézetben a bejegyzések görgetése olvasottként jelöli meg őket"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Olvasatlan marad"
@@ -397,6 +427,7 @@ msgstr "Címkék betöltése..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Jelentkezzen be"
 
@@ -404,6 +435,10 @@ msgstr "Jelentkezzen be"
 msgid "Logout"
 msgstr "Kijelentkezés"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Minden megjelölése olvasottként"
 msgid "Mark all entries as read"
 msgstr "Minden bejegyzés megjelölése olvasottként"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Megjelölés olvasottként"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Megjelölés idáig olvasottként"
@@ -430,6 +467,10 @@ msgstr "Megjelölés idáig olvasottként"
 msgid "Metrics"
 msgstr ""
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Mozgassa le az oldalt"
@@ -515,6 +556,14 @@ msgstr "Az aktuális bejegyzés megnyitása egy új lapon a háttérben"
 msgid "Open link"
 msgstr "Link megnyitása"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Következő bejegyzés megnyitása"
@@ -581,7 +630,12 @@ msgstr "Frissítés"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "A regisztrációk le vannak zárva ezen a CommaFeed példányon"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Webhelyek megosztása"
 msgid "Shift"
 msgstr ""
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Hírcsatornák és kategóriák megjelenítése olvasatlan bejegyzések nélkül"
@@ -642,6 +704,7 @@ msgstr "A billentyűparancsok súgójának megjelenítése"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Regisztráljon"
 
@@ -654,6 +717,7 @@ msgstr "Valami rossz történt..."
 msgid "Space"
 msgstr ""
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Csillag"
@@ -681,6 +745,10 @@ msgstr "Feliratkozás a hírfolyamra"
 msgid "Success"
 msgstr "Siker"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Váltás sötét témára"
@@ -709,10 +777,15 @@ msgstr "Az aktuális bejegyzés olvasási állapotának váltása"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Próbálja ki a CommaFeed-et a demo fiókkal: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Olvasatlan"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr ""
@@ -743,6 +816,14 @@ msgstr "Webhely"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Még nincs előfizetése. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fájl szükséges"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/id/messages.po

@@ -123,6 +123,7 @@ msgstr "Ekstensi peramban"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Kata sandi saat ini"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Tanggal dibuat"
@@ -219,6 +232,10 @@ msgstr "Hapus pengguna"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL Umpan"
 msgid "Feed name"
 msgstr "Nama umpan"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Memfilter ekspresi"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Lupa kata sandi?"
@@ -320,6 +345,10 @@ msgstr "Buka dokumentasi API."
 msgid "Go to the All view"
 msgstr "Pergi ke tampilan Semua"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Pernak-pernik"
@@ -348,6 +377,7 @@ msgstr "Impor"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Dalam tampilan yang diperluas, menggulir entri menandainya sebagai telah dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Tetap belum dibaca"
@@ -397,6 +427,7 @@ msgstr "Memuat tag..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Masuk"
 
@@ -404,6 +435,10 @@ msgstr "Masuk"
 msgid "Logout"
 msgstr "Keluar"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Tandai semua sebagai telah dibaca"
 msgid "Mark all entries as read"
 msgstr "Tandai semua entri sebagai telah dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Tandai sebagai telah dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Tandai sebagai telah dibaca sampai di sini"
@@ -430,6 +467,10 @@ msgstr "Tandai sebagai telah dibaca sampai di sini"
 msgid "Metrics"
 msgstr "Metrik"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Pindahkan halaman ke bawah"
@@ -515,6 +556,14 @@ msgstr "Buka entri saat ini di tab baru di latar belakang"
 msgid "Open link"
 msgstr "Buka tautan"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Buka entri berikutnya"
@@ -581,7 +630,12 @@ msgstr "Segarkan"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Pendaftaran ditutup pada instans CommaFeed ini"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Berbagi situs"
 msgid "Shift"
 msgstr "Pergeseran"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Tampilkan umpan dan kategori tanpa entri yang belum dibaca"
@@ -642,6 +704,7 @@ msgstr "Tampilkan bantuan pintasan keyboard"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Daftar"
 
@@ -654,6 +717,7 @@ msgstr "Sesuatu yang buruk baru saja terjadi..."
 msgid "Space"
 msgstr "Luar Angkasa"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Bintang"
@@ -681,6 +745,10 @@ msgstr "Berlangganan umpan"
 msgid "Success"
 msgstr "Sukses"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Beralih ke tema gelap"
@@ -709,10 +777,15 @@ msgstr "Beralih status baca entri saat ini"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Cobalah CommaFeed dengan akun demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Belum Dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Hapus bintang"
@@ -743,6 +816,14 @@ msgstr "Situs Web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Anda belum memiliki langganan. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "file diperlukan"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/it/messages.po

@@ -123,6 +123,7 @@ msgstr "Estensioni del browser"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "ctrl"
 msgid "Current password"
 msgstr "Password attuale"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Data di creazione"
@@ -219,6 +232,10 @@ msgstr "Elimina utente"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL feed"
 msgid "Feed name"
 msgstr "Nome del feed"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Espressione filtrante"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Password dimenticata?"
@@ -320,6 +345,10 @@ msgstr "Vai alla documentazione dell'API."
 msgid "Go to the All view"
 msgstr "Vai alla vista Tutto"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Chicche"
@@ -348,6 +377,7 @@ msgstr "Importa"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Nella vista espansa, scorrendo le voci contrassegnale come lette"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Mantieni non letto"
@@ -397,6 +427,7 @@ msgstr "Caricamento tag..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Accedi"
 
@@ -404,6 +435,10 @@ msgstr "Accedi"
 msgid "Logout"
 msgstr "Disconnessione"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Contrassegna tutto come letto"
 msgid "Mark all entries as read"
 msgstr "Contrassegna tutte le voci come lette"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Contrassegna come letto"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Contrassegna come letto fino a qui"
@@ -430,6 +467,10 @@ msgstr "Contrassegna come letto fino a qui"
 msgid "Metrics"
 msgstr "Metriche"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Sposta la pagina in basso"
@@ -515,6 +556,14 @@ msgstr "Apri la voce corrente in una nuova scheda in background"
 msgid "Open link"
 msgstr "Apri collegamento"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Apri voce successiva"
@@ -581,7 +630,12 @@ msgstr "Aggiorna"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Le registrazioni sono chiuse su questa istanza CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Condivisione di siti"
 msgid "Shift"
 msgstr "Cambio"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Mostra feed e categorie senza voci non lette"
@@ -642,6 +704,7 @@ msgstr "Mostra la guida alle scorciatoie da tastiera"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Iscriviti"
 
@@ -654,6 +717,7 @@ msgstr "È appena successo qualcosa di brutto..."
 msgid "Space"
 msgstr "Spazio"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stella"
@@ -681,6 +745,10 @@ msgstr "Iscriviti al feed"
 msgid "Success"
 msgstr "Successo"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Passa al tema scuro"
@@ -709,10 +777,15 @@ msgstr "Commuta lo stato di lettura della voce corrente"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Prova CommaFeed con il conto demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Non letto"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Elimina le stelle"
@@ -743,6 +816,14 @@ msgstr "Sito web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Non hai ancora abbonamenti. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "è richiesto il file"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/ja/messages.po

@@ -123,6 +123,7 @@ msgstr "ブラウザ拡張機能"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "コントロール"
 msgid "Current password"
 msgstr "現在のパスワード"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "作成日"
@@ -219,6 +232,10 @@ msgstr "ユーザーの削除"
 msgid "Desc"
 msgstr "説明"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "フィード URL"
 msgid "Feed name"
 msgstr "フィード名"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "フィルタリング式"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "パスワードをお忘れですか?"
@@ -320,6 +345,10 @@ msgstr "API ドキュメントに移動します。"
 msgid "Go to the All view"
 msgstr "すべてのビューに移動"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "グッディーズ"
@@ -348,6 +377,7 @@ msgstr "インポート"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "展開ビューでエントリをスクロールすると、それらが既読としてマークされます"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "未読のままにする"
@@ -397,6 +427,7 @@ msgstr "タグを読み込んでいます..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "ログイン"
 
@@ -404,6 +435,10 @@ msgstr "ログイン"
 msgid "Logout"
 msgstr "ログアウト"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "すべて既読にする"
 msgid "Mark all entries as read"
 msgstr "すべてのエントリを既読にする"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "既読にする"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "ここまで既読にする"
@@ -430,6 +467,10 @@ msgstr "ここまで既読にする"
 msgid "Metrics"
 msgstr "メトリクス"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "ページを下に移動"
@@ -515,6 +556,14 @@ msgstr "現在のエントリをバックグラウンドで新しいタブで開
 msgid "Open link"
 msgstr "リンクを開く"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "次のエントリを開く"
@@ -581,7 +630,12 @@ msgstr "リフレッシュ"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "この CommaFeed インスタンスの登録は終了しています"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "共有サイト"
 msgid "Shift"
 msgstr "シフト"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "未読エントリのないフィードとカテゴリを表示する"
@@ -642,6 +704,7 @@ msgstr "キーボード ショートカットのヘルプを表示"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "サインアップ"
 
@@ -654,6 +717,7 @@ msgstr "何か悪いことが起こった..."
 msgid "Space"
 msgstr "スペース"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "スター"
@@ -681,6 +745,10 @@ msgstr "フィードを購読する"
 msgid "Success"
 msgstr "成功"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "ダークテーマに切り替え"
@@ -709,10 +777,15 @@ msgstr "現在のエントリの読み取りステータスを切り替えます
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "デモアカウントで CommaFeed を試す: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "未読"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "スターを外す"
@@ -743,6 +816,14 @@ msgstr "ウェブサイト"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "まだサブスクリプションがありません。"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "ファイルが必要です"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/ko/messages.po

@@ -123,6 +123,7 @@ msgstr "브라우저 확장"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "컨트롤"
 msgid "Current password"
 msgstr "현재 비밀번호"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "생성 날짜"
@@ -219,6 +232,10 @@ msgstr "사용자 삭제"
 msgid "Desc"
 msgstr "설명"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "피드 URL"
 msgid "Feed name"
 msgstr "피드 이름"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "필터링 표현식"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "비밀번호를 잊으셨나요?"
@@ -320,6 +345,10 @@ msgstr "API 문서로 이동합니다."
 msgid "Go to the All view"
 msgstr "전체 보기로 이동"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "굿즈"
@@ -348,6 +377,7 @@ msgstr "가져오기"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "확장 보기에서 항목을 스크롤하면 읽은 것으로 표시됩니다."
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "읽지 않은 상태로 유지"
@@ -397,6 +427,7 @@ msgstr "태그 로드 중..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "로그인"
 
@@ -404,6 +435,10 @@ msgstr "로그인"
 msgid "Logout"
 msgstr "로그아웃"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "모두 읽은 상태로 표시"
 msgid "Mark all entries as read"
 msgstr "모든 항목을 읽은 상태로 표시"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "읽은 상태로 표시"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "여기까지 읽은 것으로 표시"
@@ -430,6 +467,10 @@ msgstr "여기까지 읽은 것으로 표시"
 msgid "Metrics"
 msgstr "메트릭스"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "페이지를 아래로 이동"
@@ -515,6 +556,14 @@ msgstr "배경의 새 탭에서 현재 항목 열기"
 msgid "Open link"
 msgstr "링크 열기"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "다음 항목 열기"
@@ -581,7 +630,12 @@ msgstr "새로 고침"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "이 CommaFeed 인스턴스에 대한 등록이 마감되었습니다."
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "사이트 공유"
 msgid "Shift"
 msgstr "시프트"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "읽지 않은 항목이 없는 피드 및 카테고리 표시"
@@ -642,6 +704,7 @@ msgstr "키보드 단축키 도움말 표시"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "가입"
 
@@ -654,6 +717,7 @@ msgstr "뭔가 안 좋은 일이 일어났어..."
 msgid "Space"
 msgstr "우주"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "스타"
@@ -681,6 +745,10 @@ msgstr "피드 구독"
 msgid "Success"
 msgstr "성공"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "어두운 테마로 전환"
@@ -709,10 +777,15 @@ msgstr "현재 항목의 읽기 상태 전환"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "데모 계정으로 CommaFeed를 사용해 보세요: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "읽지 않음"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "별표 제거"
@@ -743,6 +816,14 @@ msgstr "웹사이트"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "아직 구독이 없습니다. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "파일이 필요합니다"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/ms/messages.po

@@ -123,6 +123,7 @@ msgstr "Peluasan penyemak imbas"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Kata laluan semasa"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Tarikh dibuat"
@@ -219,6 +232,10 @@ msgstr "Padam pengguna"
 msgid "Desc"
 msgstr "Dec"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL Suapan"
 msgid "Feed name"
 msgstr "Nama suapan"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Ungkapan penapisan"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Lupa kata laluan?"
@@ -320,6 +345,10 @@ msgstr "Pergi ke dokumentasi API."
 msgid "Go to the All view"
 msgstr "Pergi ke paparan Semua"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr ""
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Dalam paparan yang diperluas, menatal melalui entri menandakannya sebagai dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Teruskan tidak dibaca"
@@ -397,6 +427,7 @@ msgstr "Memuatkan tag..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Log masuk"
 
@@ -404,6 +435,10 @@ msgstr "Log masuk"
 msgid "Logout"
 msgstr "Log Keluar"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Tandai semua sebagai dibaca"
 msgid "Mark all entries as read"
 msgstr "Tandai semua entri sebagai dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Tandakan sebagai dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Tandai sebagai dibaca sehingga di sini"
@@ -430,6 +467,10 @@ msgstr "Tandai sebagai dibaca sehingga di sini"
 msgid "Metrics"
 msgstr "Metrik"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Gerakkan halaman ke bawah"
@@ -515,6 +556,14 @@ msgstr "Buka entri semasa dalam tab baharu di latar belakang"
 msgid "Open link"
 msgstr "Buka pautan"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Buka entri seterusnya"
@@ -581,7 +630,12 @@ msgstr "Muat semula"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Pendaftaran ditutup pada contoh CommaFeed ini"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Berkongsi tapak"
 msgid "Shift"
 msgstr "Anjakan"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Tunjukkan suapan dan kategori tanpa entri yang belum dibaca"
@@ -642,6 +704,7 @@ msgstr "Tunjukkan bantuan pintasan papan kekunci"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Daftar"
 
@@ -654,6 +717,7 @@ msgstr "Sesuatu yang buruk baru saja berlaku..."
 msgid "Space"
 msgstr "Angkasa"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Bintang"
@@ -681,6 +745,10 @@ msgstr "Langgan suapan"
 msgid "Success"
 msgstr "Kejayaan"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Tukar kepada tema gelap"
@@ -709,10 +777,15 @@ msgstr "Togol status bacaan entri semasa"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Cuba CommaFeed dengan akaun demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Belum dibaca"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Nyahbintang"
@@ -743,6 +816,14 @@ msgstr "Laman web"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Anda belum mempunyai sebarang langganan lagi. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fail diperlukan"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/nb/messages.po

@@ -123,6 +123,7 @@ msgstr "Nettleserutvidelser"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Gjeldende passord"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Dato opprettet"
@@ -219,6 +232,10 @@ msgstr "Slett bruker"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed-URL"
 msgid "Feed name"
 msgstr "Feednavn"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrerende uttrykk"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Glemt passord?"
@@ -320,6 +345,10 @@ msgstr "Gå til API-dokumentasjonen."
 msgid "Go to the All view"
 msgstr "Gå til visningen Alle"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Godbiter"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "I utvidet visning merker du dem som lest ved å rulle gjennom oppføringer"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Behold ulest"
@@ -397,6 +427,7 @@ msgstr "Laster tagger..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Logg inn"
 
@@ -404,6 +435,10 @@ msgstr "Logg inn"
 msgid "Logout"
 msgstr "Logg ut"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Merk alle som lest"
 msgid "Mark all entries as read"
 msgstr "Merk alle oppføringer som lest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Merk som lest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Merk som lest frem til her"
@@ -430,6 +467,10 @@ msgstr "Merk som lest frem til her"
 msgid "Metrics"
 msgstr "Beregninger"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Flytt siden ned"
@@ -515,6 +556,14 @@ msgstr "Åpne gjeldende oppføring i en ny fane i bakgrunnen"
 msgid "Open link"
 msgstr "Åpen lenke"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Åpne neste oppføring"
@@ -581,7 +630,12 @@ msgstr "Oppdater"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registreringer er stengt på denne CommaFeed-forekomsten"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Delingssider"
 msgid "Shift"
 msgstr "Skift"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Vis feeder og kategorier uten uleste oppføringer"
@@ -642,6 +704,7 @@ msgstr "Vis hurtigtasthjelp"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Meld deg på"
 
@@ -654,6 +717,7 @@ msgstr "Noe ille skjedde akkurat..."
 msgid "Space"
 msgstr ""
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stjerne"
@@ -681,6 +745,10 @@ msgstr "Abonner på feeden"
 msgid "Success"
 msgstr "Suksess"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Bytt til mørkt tema"
@@ -709,10 +777,15 @@ msgstr "Veksle lesestatus for gjeldende oppføring"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Prøv CommaFeed med demokontoen: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Ulest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Fjern stjerne"
@@ -743,6 +816,14 @@ msgstr "Nettsted"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Du har ingen abonnementer ennå. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fil kreves"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/nl/messages.po

@@ -123,6 +123,7 @@ msgstr "Browserextensies"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Huidig ​​wachtwoord"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Datum gemaakt"
@@ -219,6 +232,10 @@ msgstr "Gebruiker verwijderen"
 msgid "Desc"
 msgstr "Beschrijving"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed-URL"
 msgid "Feed name"
 msgstr "Feednaam"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Uitdrukking filteren"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Wachtwoord vergeten?"
@@ -320,6 +345,10 @@ msgstr "Ga naar de API-documentatie."
 msgid "Go to the All view"
 msgstr "Ga naar de weergave Alles"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Goederen"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "In de uitgevouwen weergave markeert het scrollen door items ze als gelezen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Ongelezen houden"
@@ -397,6 +427,7 @@ msgstr "Tags laden..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Inloggen"
 
@@ -404,6 +435,10 @@ msgstr "Inloggen"
 msgid "Logout"
 msgstr "Uitloggen"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Alles markeren als gelezen"
 msgid "Mark all entries as read"
 msgstr "Markeer alle vermeldingen als gelezen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Markeren als gelezen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Markeer als gelezen tot hier"
@@ -430,6 +467,10 @@ msgstr "Markeer als gelezen tot hier"
 msgid "Metrics"
 msgstr "Metrieken"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Verplaats de pagina naar beneden"
@@ -515,6 +556,14 @@ msgstr "Open huidig ​​item in een nieuw tabblad op de achtergrond"
 msgid "Open link"
 msgstr "Link openen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Volgende invoer openen"
@@ -581,7 +630,12 @@ msgstr "Vernieuwen"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registraties zijn gesloten op deze CommaFeed-instantie"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Sites delen"
 msgid "Shift"
 msgstr ""
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Toon feeds en categorieën zonder ongelezen items"
@@ -642,6 +704,7 @@ msgstr "Toon hulp bij sneltoetsen"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Aanmelden"
 
@@ -654,6 +717,7 @@ msgstr "Er is net iets ergs gebeurd..."
 msgid "Space"
 msgstr "Ruimte"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Ster"
@@ -681,6 +745,10 @@ msgstr "Abonneer je op de feed"
 msgid "Success"
 msgstr "Succes"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Overschakelen naar donker thema"
@@ -709,10 +777,15 @@ msgstr "Toggle leesstatus van huidige invoer"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Probeer CommaFeed uit met het demo-account: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Ongelezen"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Sterren uit"
@@ -743,6 +816,14 @@ msgstr ""
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Je hebt nog geen abonnementen. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "bestand is vereist"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/nn/messages.po

@@ -123,6 +123,7 @@ msgstr "Nettleserutvidelser"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Gjeldende passord"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Dato opprettet"
@@ -219,6 +232,10 @@ msgstr "Slett bruker"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed-URL"
 msgid "Feed name"
 msgstr "Feednavn"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrerende uttrykk"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Glemt passord?"
@@ -320,6 +345,10 @@ msgstr "Gå til API-dokumentasjonen."
 msgid "Go to the All view"
 msgstr "Gå til visningen Alle"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Godbiter"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "I utvidet visning merker du dem som lest ved å rulle gjennom oppføringer"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Behold ulest"
@@ -397,6 +427,7 @@ msgstr "Laster tagger..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Logg inn"
 
@@ -404,6 +435,10 @@ msgstr "Logg inn"
 msgid "Logout"
 msgstr "Logg ut"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Merk alle som lest"
 msgid "Mark all entries as read"
 msgstr "Merk alle oppføringer som lest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Merk som lest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Merk som lest frem til her"
@@ -430,6 +467,10 @@ msgstr "Merk som lest frem til her"
 msgid "Metrics"
 msgstr "Beregninger"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Flytt siden ned"
@@ -515,6 +556,14 @@ msgstr "Åpne gjeldende oppføring i en ny fane i bakgrunnen"
 msgid "Open link"
 msgstr "Åpen lenke"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Åpne neste oppføring"
@@ -581,7 +630,12 @@ msgstr "Oppdater"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registreringer er stengt på denne CommaFeed-forekomsten"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Delingssider"
 msgid "Shift"
 msgstr "Skift"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Vis feeder og kategorier uten uleste oppføringer"
@@ -642,6 +704,7 @@ msgstr "Vis hurtigtasthjelp"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Meld deg på"
 
@@ -654,6 +717,7 @@ msgstr "Noe ille skjedde akkurat..."
 msgid "Space"
 msgstr ""
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stjerne"
@@ -681,6 +745,10 @@ msgstr "Abonner på feeden"
 msgid "Success"
 msgstr "Suksess"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Bytt til mørkt tema"
@@ -709,10 +777,15 @@ msgstr "Veksle lesestatus for gjeldende oppføring"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Prøv CommaFeed med demokontoen: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Ulest"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Fjern stjerne"
@@ -743,6 +816,14 @@ msgstr "Nettsted"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Du har ingen abonnementer ennå. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fil kreves"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/pl/messages.po

@@ -123,6 +123,7 @@ msgstr "Rozszerzenia przeglądarki"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "aktualne hasło"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Data utworzenia"
@@ -219,6 +232,10 @@ msgstr "Usuń użytkownika"
 msgid "Desc"
 msgstr "Opis"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL kanału"
 msgid "Feed name"
 msgstr "nazwa kanału"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Wyrażenie filtrujące"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Zapomniałeś hasła?"
@@ -320,6 +345,10 @@ msgstr "Przejdź do dokumentacji API."
 msgid "Go to the All view"
 msgstr "Przejdź do widoku Wszystkie"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Gadżety"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "W widoku rozszerzonym przewijanie wpisów oznacza je jako przeczytane"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Nie przeczytaj"
@@ -397,6 +427,7 @@ msgstr "Ładowanie tagów..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Zaloguj się"
 
@@ -404,6 +435,10 @@ msgstr "Zaloguj się"
 msgid "Logout"
 msgstr "Wyloguj"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Oznacz wszystko jako przeczytane"
 msgid "Mark all entries as read"
 msgstr "Oznacz wszystkie wpisy jako przeczytane"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Oznacz jako przeczytane"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Oznacz jako przeczytane do tej pory"
@@ -430,6 +467,10 @@ msgstr "Oznacz jako przeczytane do tej pory"
 msgid "Metrics"
 msgstr "Metryki"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Przesuń stronę w dół"
@@ -515,6 +556,14 @@ msgstr "Otwórz bieżący wpis w nowej karcie w tle"
 msgid "Open link"
 msgstr "Otwórz link"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Otwórz następny wpis"
@@ -581,7 +630,12 @@ msgstr "Odśwież"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Rejestracje są zamknięte w tej instancji CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Udostępnianie witryn"
 msgid "Shift"
 msgstr "zmiana"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Pokaż kanały i kategorie bez nieprzeczytanych wpisów"
@@ -642,6 +704,7 @@ msgstr "Pokaż pomoc dotyczącą skrótów klawiaturowych"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Zarejestruj się"
 
@@ -654,6 +717,7 @@ msgstr "Coś złego właśnie się stało..."
 msgid "Space"
 msgstr "Przestrzeń"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Gwiazda"
@@ -681,6 +745,10 @@ msgstr "Subskrybuj kanał"
 msgid "Success"
 msgstr "Sukces"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Przełącz na ciemny motyw"
@@ -709,10 +777,15 @@ msgstr "Przełącz stan odczytu bieżącego wpisu"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Wypróbuj CommaFeed z kontem demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Nieprzeczytane"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr ""
@@ -743,6 +816,14 @@ msgstr "Strona internetowa"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Nie masz jeszcze żadnych subskrypcji. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "plik jest wymagany"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/pt/messages.po

@@ -123,6 +123,7 @@ msgstr "Extensões do navegador"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Senha atual"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Data de criação"
@@ -219,6 +232,10 @@ msgstr "Excluir usuário"
 msgid "Desc"
 msgstr "Descrição"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL do feed"
 msgid "Feed name"
 msgstr "Nome do feed"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrando expressão"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Esqueceu a senha?"
@@ -320,6 +345,10 @@ msgstr "Vá para a documentação da API."
 msgid "Go to the All view"
 msgstr "Ir para a visualização Tudo"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Brindes"
@@ -348,6 +377,7 @@ msgstr "Importar"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Na visualização expandida, rolar pelas entradas marca-as como lidas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Manter não lido"
@@ -397,6 +427,7 @@ msgstr "Carregando tags..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Entrar"
 
@@ -404,6 +435,10 @@ msgstr "Entrar"
 msgid "Logout"
 msgstr "Sair"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Marcar todos como lidos"
 msgid "Mark all entries as read"
 msgstr "Marcar todas as entradas como lidas"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Marcar como lido"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Marcar como lido até aqui"
@@ -430,6 +467,10 @@ msgstr "Marcar como lido até aqui"
 msgid "Metrics"
 msgstr "Métricas"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Mova a página para baixo"
@@ -515,6 +556,14 @@ msgstr "Abrir a entrada atual em uma nova aba em segundo plano"
 msgid "Open link"
 msgstr "Abrir link"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Abrir próxima entrada"
@@ -581,7 +630,12 @@ msgstr "Atualizar"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Os registros estão fechados nesta instância do CommaFeed"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Compartilhando sites"
 msgid "Shift"
 msgstr "Mudar"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Mostrar feeds e categorias sem entradas não lidas"
@@ -642,6 +704,7 @@ msgstr "Mostrar ajuda de atalho de teclado"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Inscreva-se"
 
@@ -654,6 +717,7 @@ msgstr "Algo ruim acabou de acontecer..."
 msgid "Space"
 msgstr "Espaço"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Estrela"
@@ -681,6 +745,10 @@ msgstr "Inscrever-se no feed"
 msgid "Success"
 msgstr "Sucesso"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Mudar para tema escuro"
@@ -709,10 +777,15 @@ msgstr "Alternar o status de leitura da entrada atual"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Experimente o CommaFeed com a conta demo: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Não lido"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Desestrelar"
@@ -743,6 +816,14 @@ msgstr "Site"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Você ainda não tem nenhuma assinatura. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "o arquivo é obrigatório"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/ru/messages.po

@@ -123,6 +123,7 @@ msgstr "Расширения браузера"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Текущий пароль"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Дата создания"
@@ -219,6 +232,10 @@ msgstr "Удалить пользователя"
 msgid "Desc"
 msgstr "По убыванию"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL-адрес фида"
 msgid "Feed name"
 msgstr "Имя фида"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Выражение фильтрации"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Забыли пароль?"
@@ -320,6 +345,10 @@ msgstr "Перейдите к документации по API."
 msgid "Go to the All view"
 msgstr "Перейти к представлению «Все»"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Сладости"
@@ -348,6 +377,7 @@ msgstr "Импорт"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "В развернутом виде прокрутка записей помечает их как прочитанные."
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Не читать"
@@ -397,6 +427,7 @@ msgstr "Загрузка тегов..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Войти"
 
@@ -404,6 +435,10 @@ msgstr "Войти"
 msgid "Logout"
 msgstr "Выйти"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Отметить все как прочитанное"
 msgid "Mark all entries as read"
 msgstr "Отметить все записи как прочитанные"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Отметить как прочитанное"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Отметить как прочитанное до этого места"
@@ -430,6 +467,10 @@ msgstr "Отметить как прочитанное до этого мест
 msgid "Metrics"
 msgstr "Метрики"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Переместить страницу вниз"
@@ -515,6 +556,14 @@ msgstr "Открыть текущую запись в новой вкладке
 msgid "Open link"
 msgstr "Открыть ссылку"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Открыть следующую запись"
@@ -581,7 +630,12 @@ msgstr "Обновить"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Регистрация закрыта для этого экземпляра CommaFeed."
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Обмен сайтами"
 msgid "Shift"
 msgstr "Сдвиг"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Показать каналы и категории без непрочитанных записей"
@@ -642,6 +704,7 @@ msgstr "Показать справку по сочетаниям клавиш."
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Зарегистрироваться"
 
@@ -654,6 +717,7 @@ msgstr "Только что случилось что-то плохое..."
 msgid "Space"
 msgstr "Пробел"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Звезда"
@@ -681,6 +745,10 @@ msgstr "Подписаться на ленту"
 msgid "Success"
 msgstr "Успех"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Переключиться на темную тему"
@@ -709,10 +777,15 @@ msgstr "Переключить статус чтения текущей запи
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Попробуйте CommaFeed на демо-счете: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "непрочитано"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Снять пометку"
@@ -743,6 +816,14 @@ msgstr "Веб-сайт"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "У вас пока нет подписок. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "требуется файл"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/sk/messages.po

@@ -123,6 +123,7 @@ msgstr "Rozšírenia prehliadača"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Aktuálne heslo"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Dátum vytvorenia"
@@ -219,6 +232,10 @@ msgstr "Vymažte používateľa"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "URL informačného kanála"
 msgid "Feed name"
 msgstr "Názov informačného kanála"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrovanie výrazu"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Zabudli ste heslo?"
@@ -320,6 +345,10 @@ msgstr "Prejdite na dokumentáciu API."
 msgid "Go to the All view"
 msgstr "Prejdite na zobrazenie Všetky"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Dobrôtky"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "V rozšírenom zobrazení ich rolovanie cez položky označí ako prečítané"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Ponechať neprečítané"
@@ -397,6 +427,7 @@ msgstr "Načítavam značky..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Prihláste sa"
 
@@ -404,6 +435,10 @@ msgstr "Prihláste sa"
 msgid "Logout"
 msgstr "Odhlásenie"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Označiť všetko ako prečítané"
 msgid "Mark all entries as read"
 msgstr "Označte všetky položky ako prečítané"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Označiť ako prečítané"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Označiť ako prečítané až sem"
@@ -430,6 +467,10 @@ msgstr "Označiť ako prečítané až sem"
 msgid "Metrics"
 msgstr "Metriky"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Posuňte stránku nadol"
@@ -515,6 +556,14 @@ msgstr "Otvorte aktuálny záznam na novej karte na pozadí"
 msgid "Open link"
 msgstr "Otvoriť odkaz"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Otvor ďalší záznam"
@@ -581,7 +630,12 @@ msgstr "Obnoviť"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "V tejto inštancii CommaFeed sú registrácie uzavreté"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Zdieľanie stránok"
 msgid "Shift"
 msgstr "Smena"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Zobraziť kanály a kategórie bez neprečítaných záznamov"
@@ -642,6 +704,7 @@ msgstr "Zobraziť pomoc s klávesovými skratkami"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Zaregistrujte sa"
 
@@ -654,6 +717,7 @@ msgstr "Práve sa stalo niečo zlé..."
 msgid "Space"
 msgstr "Vesmír"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Hviezda"
@@ -681,6 +745,10 @@ msgstr "Prihláste sa na odber kanála"
 msgid "Success"
 msgstr "Úspech"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Prepnúť na tmavú tému"
@@ -709,10 +777,15 @@ msgstr "Prepne stav čítania aktuálneho záznamu"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Vyskúšajte CommaFeed s demo účtom: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Neprečítané"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Odobrať hviezdičku"
@@ -743,6 +816,14 @@ msgstr "Webová stránka"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Zatiaľ nemáte žiadne odbery. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr ""
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/sv/messages.po

@@ -123,6 +123,7 @@ msgstr "Webbläsartillägg"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Aktuellt lösenord"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Datum skapat"
@@ -219,6 +232,10 @@ msgstr "Ta bort användare"
 msgid "Desc"
 msgstr ""
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Flödes-URL"
 msgid "Feed name"
 msgstr "Flödesnamn"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtrerande uttryck"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Glömt lösenord?"
@@ -320,6 +345,10 @@ msgstr "Gå till API-dokumentationen."
 msgid "Go to the All view"
 msgstr "Gå till vyn Alla"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "Godsaker"
@@ -348,6 +377,7 @@ msgstr ""
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "I utökad vy, rullning genom poster markerar dem som lästa"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Behåll oläst"
@@ -397,6 +427,7 @@ msgstr "Laddar taggar..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Logga in"
 
@@ -404,6 +435,10 @@ msgstr "Logga in"
 msgid "Logout"
 msgstr "Logga ut"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Markera alla som lästa"
 msgid "Mark all entries as read"
 msgstr "Markera alla poster som lästa"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Markera som läst"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Markera som läst hit"
@@ -430,6 +467,10 @@ msgstr "Markera som läst hit"
 msgid "Metrics"
 msgstr "Mätverk"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Flytta sidan nedåt"
@@ -515,6 +556,14 @@ msgstr "Öppna aktuell post i en ny flik i bakgrunden"
 msgid "Open link"
 msgstr "Öppen länk"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Öppna nästa post"
@@ -581,7 +630,12 @@ msgstr "Uppdatera"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Registreringar är stängda på denna CommaFeed-instans"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Delningssajter"
 msgid "Shift"
 msgstr "Skift"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Visa flöden och kategorier utan olästa poster"
@@ -642,6 +704,7 @@ msgstr "Visa kortkommandohjälp"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Anmäl dig"
 
@@ -654,6 +717,7 @@ msgstr "Något dåligt hände precis..."
 msgid "Space"
 msgstr "Rymden"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Stjärna"
@@ -681,6 +745,10 @@ msgstr "Prenumerera på flödet"
 msgid "Success"
 msgstr "Framgång"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Byt till mörkt tema"
@@ -709,10 +777,15 @@ msgstr "Växla lässtatus för aktuell post"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "Prova CommaFeed med demokontot: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Oläst"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr ""
@@ -743,6 +816,14 @@ msgstr "Webbplats"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Du har inga prenumerationer än. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "fil krävs"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/tr/messages.po

@@ -123,6 +123,7 @@ msgstr "Tarayıcı uzantıları"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr ""
 msgid "Current password"
 msgstr "Geçerli şifre"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "Oluşturulma tarihi"
@@ -219,6 +232,10 @@ msgstr "Kullanıcıyı sil"
 msgid "Desc"
 msgstr "Açılış"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "Feed URL'si"
 msgid "Feed name"
 msgstr "Yayın adı"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "Filtreleme ifadesi"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "Parolanızı mı unuttunuz?"
@@ -320,6 +345,10 @@ msgstr "API belgelerine gidin."
 msgid "Go to the All view"
 msgstr "Tümü görünümüne git"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "İyilikler"
@@ -348,6 +377,7 @@ msgstr "İçe Aktar"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "Genişletilmiş görünümde, girişler arasında gezinmek onları okundu olarak işaretler"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "Okunmadan sakla"
@@ -397,6 +427,7 @@ msgstr "Etiketler yükleniyor..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "Giriş"
 
@@ -404,6 +435,10 @@ msgstr "Giriş"
 msgid "Logout"
 msgstr "Çıkış"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "Tümünü okundu olarak işaretle"
 msgid "Mark all entries as read"
 msgstr "Tüm girişleri okundu olarak işaretle"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "Okundu olarak işaretle"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "Buraya kadar okundu olarak işaretle"
@@ -430,6 +467,10 @@ msgstr "Buraya kadar okundu olarak işaretle"
 msgid "Metrics"
 msgstr "Metrikler"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "Sayfayı aşağı taşı"
@@ -515,6 +556,14 @@ msgstr "Geçerli girişi arka planda yeni bir sekmede aç"
 msgid "Open link"
 msgstr "Bağlantıyı aç"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "Sonraki girişi aç"
@@ -581,7 +630,12 @@ msgstr "Yenile"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "Bu CommaFeed örneğinde kayıtlar kapalı"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "Siteleri paylaşma"
 msgid "Shift"
 msgstr "Vardiya"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "Okunmamış girişi olmayan beslemeleri ve kategorileri göster"
@@ -642,6 +704,7 @@ msgstr "Klavye kısayolu yardımını göster"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "Kaydolun"
 
@@ -654,6 +717,7 @@ msgstr "Az önce kötü bir şey oldu..."
 msgid "Space"
 msgstr "Uzay"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "Yıldız"
@@ -681,6 +745,10 @@ msgstr "beslemeye abone olun"
 msgid "Success"
 msgstr "Başarı"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "Karanlık temaya geç"
@@ -709,10 +777,15 @@ msgstr "Geçerli girişin okuma durumunu değiştir"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "CommaFeed'i demo hesabıyla deneyin: demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "Okunmadı"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "Yıldızı kaldır"
@@ -743,6 +816,14 @@ msgstr "Web sitesi"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "Henüz aboneliğiniz yok. "
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "dosya gerekli"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/locales/zh/messages.po

@@ -123,6 +123,7 @@ msgstr "浏览器扩展"
 #: src/components/content/add/AddCategory.tsx
 #: src/components/content/add/ImportOpml.tsx
 #: src/components/header/MarkAllAsReadButton.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/admin/AdminUsersPage.tsx
@@ -194,6 +195,18 @@ msgstr "控制"
 msgid "Current password"
 msgstr "当前密码"
 
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom CSS rules that will be applied"
+msgstr ""
+
+#: src/components/settings/CustomCodeSettings.tsx
+msgid "Custom JS code that will be executed on page load"
+msgstr ""
+
+#: src/pages/app/SettingsPage.tsx
+msgid "Custom code"
+msgstr ""
+
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Date created"
 msgstr "创建日期"
@@ -219,6 +232,10 @@ msgstr "删除用户"
 msgid "Desc"
 msgstr "描述"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Detailed"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/app/SettingsPage.tsx
 msgid "Display"
@@ -288,10 +305,18 @@ msgstr "供稿网址"
 msgid "Feed name"
 msgstr "提要名称"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Fetch all my feeds now"
+msgstr ""
+
 #: src/pages/app/FeedDetailsPage.tsx
 msgid "Filtering expression"
 msgstr "过滤表达式"
 
+#: src/pages/app/AboutPage.tsx
+msgid "For those of you who prefer bitcoin, here is the address: {bitcoinAddress}"
+msgstr ""
+
 #: src/pages/auth/LoginPage.tsx
 msgid "Forgot password?"
 msgstr "忘记密码？"
@@ -320,6 +345,10 @@ msgstr "转到 API 文档。"
 msgid "Go to the All view"
 msgstr "转到全部视图"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Go to {0}"
+msgstr ""
+
 #: src/pages/app/AboutPage.tsx
 msgid "Goodies"
 msgstr "好东西"
@@ -348,6 +377,7 @@ msgstr "进口"
 msgid "In expanded view, scrolling through entries mark them as read"
 msgstr "在展开视图中，滚动条目将它们标记为已读"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Keep unread"
 msgstr "保持未读状态"
@@ -397,6 +427,7 @@ msgstr "正在加载标签..."
 
 #: src/pages/auth/LoginPage.tsx
 #: src/pages/auth/LoginPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Log in"
 msgstr "登录"
 
@@ -404,6 +435,10 @@ msgstr "登录"
 msgid "Logout"
 msgstr "注销"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Long press"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 #: src/pages/admin/AdminUsersPage.tsx
 msgid "Manage users"
@@ -418,10 +453,12 @@ msgstr "全部标记为已读"
 msgid "Mark all entries as read"
 msgstr "将所有条目标记为已读"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read"
 msgstr "标记为已读"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Mark as read up to here"
 msgstr "标记为已读到这里"
@@ -430,6 +467,10 @@ msgstr "标记为已读到这里"
 msgid "Metrics"
 msgstr "指标"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Middle click"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Move the page down"
 msgstr "页面下移"
@@ -515,6 +556,14 @@ msgstr "在后台的新选项卡中打开当前条目"
 msgid "Open link"
 msgstr "打开链接"
 
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new background tab"
+msgstr ""
+
+#: src/components/content/FeedEntryContextMenu.tsx
+msgid "Open link in new tab"
+msgstr ""
+
 #: src/components/KeyboardShortcutsHelp.tsx
 msgid "Open next entry"
 msgstr "打开下一个条目"
@@ -581,7 +630,12 @@ msgstr "刷新"
 msgid "Registrations are closed on this CommaFeed instance"
 msgstr "此 CommaFeed 实例上的注册已关闭"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Right click"
+msgstr ""
+
 #: src/components/admin/UserEdit.tsx
+#: src/components/settings/CustomCodeSettings.tsx
 #: src/components/settings/ProfileSettings.tsx
 #: src/pages/app/CategoryDetailsPage.tsx
 #: src/pages/app/FeedDetailsPage.tsx
@@ -632,6 +686,14 @@ msgstr "共享站点"
 msgid "Shift"
 msgstr "换档"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (desktop)"
+msgstr ""
+
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Show entry menu (mobile)"
+msgstr ""
+
 #: src/components/settings/DisplaySettings.tsx
 msgid "Show feeds and categories with no unread entries"
 msgstr "显示没有未读条目的提要和类别"
@@ -642,6 +704,7 @@ msgstr "显示键盘快捷键帮助"
 
 #: src/pages/auth/RegistrationPage.tsx
 #: src/pages/auth/RegistrationPage.tsx
+#: src/pages/WelcomePage.tsx
 msgid "Sign up"
 msgstr "注册"
 
@@ -654,6 +717,7 @@ msgstr "刚刚发生了不好的事情……"
 msgid "Space"
 msgstr "空间"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Star"
 msgstr "星星"
@@ -681,6 +745,10 @@ msgstr "订阅订阅源"
 msgid "Success"
 msgstr "成功"
 
+#: src/components/KeyboardShortcutsHelp.tsx
+msgid "Swipe header to the right"
+msgstr ""
+
 #: src/components/header/ProfileMenu.tsx
 msgid "Switch to dark theme"
 msgstr "切换到深色主题"
@@ -709,10 +777,15 @@ msgstr "切换当前条目的读取状态"
 msgid "Try out CommaFeed with the demo account: demo/demo"
 msgstr "使用演示帐户试用 CommaFeed：demo/demo"
 
+#: src/pages/WelcomePage.tsx
+msgid "Try the demo!"
+msgstr ""
+
 #: src/components/header/Header.tsx
 msgid "Unread"
 msgstr "未读"
 
+#: src/components/content/FeedEntryContextMenu.tsx
 #: src/components/content/FeedEntryFooter.tsx
 msgid "Unstar"
 msgstr "解星"
@@ -743,6 +816,14 @@ msgstr "网站"
 msgid "You don't have any subscriptions yet. Why not try adding one by clicking on the + sign at the top of the page?"
 msgstr "您还没有任何订阅。"
 
+#: src/components/header/ProfileMenu.tsx
+msgid "Your feeds have been queued for refresh."
+msgstr ""
+
 #: src/components/content/add/ImportOpml.tsx
 msgid "file is required"
 msgstr "文件是必需的"
+
+#: src/components/content/add/CategorySelect.tsx
+msgid "{0} (in {1})"
+msgstr ""

commafeed-client/src/main.tsx

@@ -2,6 +2,7 @@ import "@fontsource/open-sans"
 import { store } from "app/store"
 import dayjs from "dayjs"
 import relativeTime from "dayjs/plugin/relativeTime"
+import "react-contexify/ReactContexify.css"
 import ReactDOM from "react-dom/client"
 import { Provider } from "react-redux"
 import { App } from "./App"

commafeed-client/src/pages/ErrorPage.tsx

@@ -13,7 +13,7 @@ const useStyles = createStyles(theme => ({
         fontWeight: "bold",
         fontSize: 120,
         lineHeight: 1,
-        marginBottom: theme.spacing.xl * 1.5,
+        marginBottom: `calc(${theme.spacing.xl} * 1.5)`,
         color: theme.colors[theme.primaryColor][3],
     },
 
@@ -27,7 +27,7 @@ const useStyles = createStyles(theme => ({
         maxWidth: 540,
         margin: "auto",
         marginTop: theme.spacing.xl,
-        marginBottom: theme.spacing.xl * 1.5,
+        marginBottom: `calc(${theme.spacing.xl} * 1.5)`,
     },
 }))
 

commafeed-client/src/pages/PageTitle.tsx

@@ -1,5 +1,5 @@
 import { Center, Title } from "@mantine/core"
-import { Logo } from "../components/Logo"
+import { Logo } from "components/Logo"
 
 export function PageTitle() {
     return (

commafeed-client/src/pages/WelcomePage.tsx

@@ -0,0 +1,126 @@
+import { Trans } from "@lingui/macro"
+import { Anchor, Box, Center, Container, Divider, Group, Image, Title, useMantineColorScheme } from "@mantine/core"
+import { useMediaQuery } from "@mantine/hooks"
+import { client } from "app/client"
+import { Constants } from "app/constants"
+import { redirectToLogin, redirectToRegistration, redirectToRootCategory } from "app/slices/redirect"
+import { useAppDispatch, useAppSelector } from "app/store"
+import welcome_page_dark from "assets/welcome_page_dark.png"
+import welcome_page_light from "assets/welcome_page_light.png"
+import { ActionButton } from "components/ActionButtton"
+import { ButtonToolbar } from "components/ButtonToolbar"
+import { useAsyncCallback } from "react-async-hook"
+import { SiGithub, TbKey, TbUserPlus } from "react-icons/all"
+import { SiTwitter } from "react-icons/si"
+import { TbClock, TbMoon, TbSun } from "react-icons/tb"
+import { PageTitle } from "./PageTitle"
+
+export function WelcomePage() {
+    const { colorScheme } = useMantineColorScheme()
+    const image = colorScheme === "light" ? welcome_page_light : welcome_page_dark
+    return (
+        <Container>
+            <Header />
+
+            <Center my="xl">
+                <Title order={3}>Bloat-free feed reader</Title>
+            </Center>
+
+            <Divider my="xl" />
+
+            <Image src={image} />
+
+            <Divider my="xl" />
+
+            <Footer />
+        </Container>
+    )
+}
+
+function Header() {
+    const mobile = !useMediaQuery(`(min-width: ${Constants.layout.mobileBreakpoint})`)
+
+    if (mobile) {
+        return (
+            <>
+                <PageTitle />
+                <Center>
+                    <Buttons />
+                </Center>
+            </>
+        )
+    }
+
+    return (
+        <Group position="apart">
+            <PageTitle />
+            <Buttons />
+        </Group>
+    )
+}
+
+function Buttons() {
+    const iconSize = 18
+    const serverInfos = useAppSelector(state => state.server.serverInfos)
+    const { colorScheme, toggleColorScheme } = useMantineColorScheme()
+
+    const dispatch = useAppDispatch()
+
+    const login = useAsyncCallback(client.user.login, {
+        onSuccess: () => {
+            dispatch(redirectToRootCategory())
+        },
+    })
+
+    return (
+        <ButtonToolbar>
+            {serverInfos?.demoAccountEnabled && (
+                <ActionButton
+                    label={<Trans>Try the demo!</Trans>}
+                    icon={<TbClock size={iconSize} />}
+                    variant="outline"
+                    onClick={() => login.execute({ name: "demo", password: "demo" })}
+                    showLabelOnMobile
+                />
+            )}
+            <ActionButton
+                label={<Trans>Log in</Trans>}
+                icon={<TbKey size={iconSize} />}
+                variant="outline"
+                onClick={() => dispatch(redirectToLogin())}
+                showLabelOnMobile
+            />
+            {serverInfos?.allowRegistrations && (
+                <ActionButton
+                    label={<Trans>Sign up</Trans>}
+                    icon={<TbUserPlus size={iconSize} />}
+                    variant="filled"
+                    onClick={() => dispatch(redirectToRegistration())}
+                    showLabelOnMobile
+                />
+            )}
+
+            <ActionButton
+                icon={colorScheme === "dark" ? <TbSun size={18} /> : <TbMoon size={iconSize} />}
+                onClick={() => toggleColorScheme()}
+            />
+        </ButtonToolbar>
+    )
+}
+
+function Footer() {
+    return (
+        <Box>
+            <Group>
+                <span>© CommaFeed</span>
+                <span> - </span>
+                <Anchor variant="text" href="https://github.com/Athou/commafeed/" target="_blank" rel="noreferrer">
+                    <SiGithub />
+                </Anchor>
+                <Anchor variant="text" href="https://twitter.com/CommaFeed" target="_blank" rel="noreferrer">
+                    <SiTwitter />
+                </Anchor>
+            </Group>
+        </Box>
+    )
+}

commafeed-client/src/pages/admin/AdminUsersPage.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { ActionIcon, Box, Code, Container, Group, Table, Text, Title, useMantineTheme } from "@mantine/core"
 import { closeAllModals, openConfirmModal, openModal } from "@mantine/modals"
 import { client, errorToStrings } from "app/client"
@@ -7,6 +7,7 @@ import { UserEdit } from "components/admin/UserEdit"
 import { Alert } from "components/Alert"
 import { Loader } from "components/Loader"
 import { RelativeDate } from "components/RelativeDate"
+import { ReactNode } from "react"
 import { useAsync, useAsyncCallback } from "react-async-hook"
 import { TbCheck, TbPencil, TbPlus, TbTrash, TbX } from "react-icons/tb"
 
@@ -26,7 +27,7 @@ export function AdminUsersPage() {
         },
     })
 
-    const openUserEditModal = (title: string, user?: UserModel) => {
+    const openUserEditModal = (title: ReactNode, user?: UserModel) => {
         openModal({
             title,
             children: (
@@ -45,7 +46,7 @@ export function AdminUsersPage() {
     const openUserDeleteModal = (user: UserModel) => {
         const userName = user.name
         openConfirmModal({
-            title: t`Delete user`,
+            title: <Trans>Delete user</Trans>,
             children: (
                 <Text size="sm">
                     <Trans>
@@ -53,7 +54,7 @@ export function AdminUsersPage() {
                     </Trans>
                 </Text>
             ),
-            labels: { confirm: t`Confirm`, cancel: t`Cancel` },
+            labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
             onConfirm: () => deleteUser.execute({ id: user.id }),
         })
@@ -65,7 +66,7 @@ export function AdminUsersPage() {
             <Title order={3} mb="md">
                 <Group>
                     <Trans>Manage users</Trans>
-                    <ActionIcon color={theme.primaryColor} onClick={() => openUserEditModal(t`Add user`)}>
+                    <ActionIcon color={theme.primaryColor} onClick={() => openUserEditModal(<Trans>Add user</Trans>)}>
                         <TbPlus size={20} />
                     </ActionIcon>
                 </Group>
@@ -126,7 +127,7 @@ export function AdminUsersPage() {
                             </td>
                             <td>
                                 <Group>
-                                    <ActionIcon color={theme.primaryColor} onClick={() => openUserEditModal(t`Edit user`, u)}>
+                                    <ActionIcon color={theme.primaryColor} onClick={() => openUserEditModal(<Trans>Edit user</Trans>, u)}>
                                         <TbPencil size={18} />
                                     </ActionIcon>
                                     <ActionIcon

commafeed-client/src/pages/admin/MetricsPage.tsx

@@ -1,7 +1,6 @@
-import { Accordion, Box, Tabs } from "@mantine/core"
+import { Accordion, Tabs } from "@mantine/core"
 import { client } from "app/client"
 import { Loader } from "components/Loader"
-import { Gauge } from "components/metrics/Gauge"
 import { Meter } from "components/metrics/Meter"
 import { MetricAccordionItem } from "components/metrics/MetricAccordionItem"
 import { Timer } from "components/metrics/Timer"
@@ -9,28 +8,18 @@ import { useAsync } from "react-async-hook"
 import { TbChartAreaLine, TbClock } from "react-icons/tb"
 
 const shownMeters: { [key: string]: string } = {
-    "com.commafeed.backend.feed.FeedQueues.refill": "Refresh queue refill rate",
+    "com.commafeed.backend.feed.FeedRefreshEngine.refill": "Feed queue refill rate",
-    "com.commafeed.backend.feed.FeedRefreshTaskGiver.feedRefreshed": "Feed refreshed",
+    "com.commafeed.backend.feed.FeedRefreshWorker.feedFetched": "Feed fetching rate",
-    "com.commafeed.backend.feed.FeedRefreshUpdater.feedUpdated": "Feed updated",
+    "com.commafeed.backend.feed.FeedRefreshUpdater.feedUpdated": "Feed update rate",
-    "com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheHit": "Entry cache hit",
+    "com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheHit": "Entry cache hit rate",
-    "com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheMiss": "Entry cache miss",
+    "com.commafeed.backend.feed.FeedRefreshUpdater.entryCacheMiss": "Entry cache miss rate",
-}
-
-const shownGauges: { [key: string]: string } = {
-    "com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.active": "Feed Updater active",
-    "com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-updater.pending": "Feed Updater queued",
-    "com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.active": "Feed Worker active",
-    "com.commafeed.backend.feed.FeedRefreshExecutor.feed-refresh-worker.pending": "Feed Worker queued",
-    "com.commafeed.backend.feed.FeedQueues.addQueue": "Task Giver Add Queue",
-    "com.commafeed.backend.feed.FeedQueues.takeQueue": "Task Giver Take Queue",
-    "com.commafeed.backend.feed.FeedQueues.giveBackQueue": "Task Giver Give Back Queue",
 }
 
 export function MetricsPage() {
     const query = useAsync(() => client.admin.getMetrics(), [])
 
     if (!query.result) return <Loader />
-    const { meters, gauges, timers } = query.result.data
+    const { meters, timers } = query.result.data
     return (
         <Tabs defaultValue="stats">
             <Tabs.List>
@@ -50,15 +39,6 @@ export function MetricsPage() {
                         </MetricAccordionItem>
                     ))}
                 </Accordion>
-
-                <Box pt="xs">
-                    {Object.keys(shownGauges).map(g => (
-                        <Box key={g}>
-                            <span>{shownGauges[g]}&nbsp;</span>
-                            <Gauge gauge={gauges[g]} />
-                        </Box>
-                    ))}
-                </Box>
             </Tabs.Panel>
 
             <Tabs.Panel value="timers" pt="xs">

commafeed-client/src/pages/app/AboutPage.tsx

@@ -1,5 +1,5 @@
 import { t, Trans } from "@lingui/macro"
-import { Anchor, Box, Center, Container, createStyles, List, NativeSelect, SimpleGrid, Title } from "@mantine/core"
+import { Anchor, Box, Center, Code, Container, createStyles, List, NativeSelect, SimpleGrid, Title } from "@mantine/core"
 import { Constants } from "app/constants"
 import { redirectToApiDocumentation } from "app/slices/redirect"
 import { useAppDispatch, useAppSelector } from "app/store"
@@ -15,7 +15,7 @@ const useStyles = createStyles(() => ({
     },
 }))
 
-function Section(props: { title: string; icon: React.ReactNode; children: React.ReactNode }) {
+function Section(props: { title: React.ReactNode; icon: React.ReactNode; children: React.ReactNode }) {
     const { classes } = useStyles()
     return (
         <Box my="xl">
@@ -38,7 +38,7 @@ function NextUnreadBookmarklet() {
 
     return (
         <Box>
-            <CategorySelect value={categoryId} onChange={c => c && setCategoryId(c)} withAll description={t`Category`} />
+            <CategorySelect value={categoryId} onChange={c => c && setCategoryId(c)} withAll description={<Trans>Category</Trans>} />
             <NativeSelect
                 data={[
                     { value: "desc", label: t`Newest first` },
@@ -46,7 +46,7 @@ function NextUnreadBookmarklet() {
                 ]}
                 value={order}
                 onChange={e => setOrder(e.target.value)}
-                description={t`Order`}
+                description={<Trans>Order</Trans>}
             />
             <Trans>Drag link to bookmark bar</Trans>
             <span> </span>
@@ -57,6 +57,8 @@ function NextUnreadBookmarklet() {
     )
 }
 
+const bitcoinAddress = <Code>{Constants.bitcoinWalletAddress}</Code>
+
 export function AboutPage() {
     const version = useAppSelector(state => state.server.serverInfos?.version)
     const revision = useAppSelector(state => state.server.serverInfos?.gitCommit)
@@ -64,13 +66,13 @@ export function AboutPage() {
     return (
         <Container size="xl">
             <SimpleGrid cols={2} breakpoints={[{ maxWidth: Constants.layout.mobileBreakpoint, cols: 1 }]}>
-                <Section title={t`About`} icon={<TbHelp size={24} />}>
+                <Section title={<Trans>About</Trans>} icon={<TbHelp size={24} />}>
                     <Box>
                         <Trans>
                             CommaFeed version {version} ({revision})
                         </Trans>
                     </Box>
-                    <Box>
+                    <Box mt="md">
                         <Trans>
                             CommaFeed is an open-source project. Sources are hosted on&nbsp;
                             <Anchor href="https://github.com/Athou/commafeed" target="_blank" rel="noreferrer">
@@ -114,8 +116,11 @@ export function AboutPage() {
                             </Center>
                         </form>
                     </Box>
+                    <Box mt="xs">
+                        <Trans>For those of you who prefer bitcoin, here is the address: {bitcoinAddress}</Trans>
+                    </Box>
                 </Section>
-                <Section title={t`Goodies`} icon={<TbPuzzle size={24} />}>
+                <Section title={<Trans>Goodies</Trans>} icon={<TbPuzzle size={24} />}>
                     <List>
                         <List.Item>
                             <Trans>Browser extentions</Trans>
@@ -157,10 +162,10 @@ export function AboutPage() {
                         </List.Item>
                     </List>
                 </Section>
-                <Section title={t`Keyboard shortcuts`} icon={<TbKeyboard size={24} />}>
+                <Section title={<Trans>Keyboard shortcuts</Trans>} icon={<TbKeyboard size={24} />}>
                     <KeyboardShortcutsHelp />
                 </Section>
-                <Section title={t`REST API`} icon={<TbRocket size={24} />}>
+                <Section title={<Trans>REST API</Trans>} icon={<TbRocket size={24} />}>
                     <Anchor onClick={() => dispatch(redirectToApiDocumentation())}>
                         <Trans>Go to the API documentation.</Trans>
                     </Anchor>

commafeed-client/src/pages/app/AddPage.tsx

@@ -10,13 +10,13 @@ export function AddPage() {
         <Container size="sm" px={0}>
             <Tabs defaultValue="subscribe">
                 <Tabs.List>
-                    <Tabs.Tab value="subscribe" icon={<TbRss />}>
+                    <Tabs.Tab value="subscribe" icon={<TbRss size={16} />}>
                         <Trans>Subscribe</Trans>
                     </Tabs.Tab>
-                    <Tabs.Tab value="category" icon={<TbFolderPlus />}>
+                    <Tabs.Tab value="category" icon={<TbFolderPlus size={16} />}>
                         <Trans>Add category</Trans>
                     </Tabs.Tab>
-                    <Tabs.Tab value="opml" icon={<TbFileImport />}>
+                    <Tabs.Tab value="opml" icon={<TbFileImport size={16} />}>
                         <Trans>OPML</Trans>
                     </Tabs.Tab>
                 </Tabs.List>

commafeed-client/src/pages/app/CategoryDetailsPage.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Anchor, Box, Button, Code, Container, Divider, Group, Input, NumberInput, Stack, Text, TextInput, Title } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { openConfirmModal } from "@mantine/modals"
@@ -48,7 +48,7 @@ export function CategoryDetailsPage() {
     const openDeleteCategoryModal = () => {
         const categoryName = category?.name
         return openConfirmModal({
-            title: t`Delete Category`,
+            title: <Trans>Delete Category</Trans>,
             children: (
                 <Text size="sm">
                     <Trans>
@@ -56,7 +56,7 @@ export function CategoryDetailsPage() {
                     </Trans>
                 </Text>
             ),
-            labels: { confirm: t`Confirm`, cancel: t`Cancel` },
+            labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
             onConfirm: () => deleteCategory.execute({ id: +id }),
         })
@@ -91,7 +91,7 @@ export function CategoryDetailsPage() {
             <form onSubmit={form.onSubmit(modifyCategory.execute)}>
                 <Stack>
                     <Title order={3}>{category.name}</Title>
-                    <Input.Wrapper label={t`Generated feed url`}>
+                    <Input.Wrapper label={<Trans>Generated feed url</Trans>}>
                         <Box>
                             {apiKey && (
                                 <Anchor
@@ -108,9 +108,16 @@ export function CategoryDetailsPage() {
 
                     {editable && (
                         <>
-                            <TextInput label={t`Name`} {...form.getInputProps("name")} required />
+                            <Divider />
-                            <CategorySelect label={t`Parent Category`} {...form.getInputProps("parentId")} clearable />
+
-                            <NumberInput label={t`Position`} {...form.getInputProps("position")} required min={0} />
+                            <TextInput label={<Trans>Name</Trans>} {...form.getInputProps("name")} required />
+                            <CategorySelect
+                                label={<Trans>Parent Category</Trans>}
+                                {...form.getInputProps("parentId")}
+                                clearable
+                                withoutCategoryIds={[id]}
+                            />
+                            <NumberInput label={<Trans>Position</Trans>} {...form.getInputProps("position")} required min={0} />
                         </>
                     )}
 

commafeed-client/src/pages/app/FeedDetailsPage.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 import { Anchor, Box, Button, Code, Container, Divider, Group, Input, NumberInput, Stack, Text, TextInput, Title } from "@mantine/core"
 import { useForm } from "@mantine/form"
 import { openConfirmModal } from "@mantine/modals"
@@ -17,7 +17,7 @@ import { TbDeviceFloppy, TbTrash } from "react-icons/tb"
 import { useParams } from "react-router-dom"
 
 function FilteringExpressionDescription() {
-    const example = <Code>url.contains('youtube') or (author eq 'athou' and title.contains('github')</Code>
+    const example = <Code>url.contains('youtube') or (author eq 'athou' and title.contains('github'))</Code>
     return (
         <div>
             <div>
@@ -47,6 +47,7 @@ function FilteringExpressionDescription() {
         </div>
     )
 }
+
 export function FeedDetailsPage() {
     const { id } = useParams()
     if (!id) throw Error("id required")
@@ -75,7 +76,7 @@ export function FeedDetailsPage() {
     const openUnsubscribeModal = () => {
         const feedName = feed?.name
         return openConfirmModal({
-            title: t`Unsubscribe`,
+            title: <Trans>Unsubscribe</Trans>,
             children: (
                 <Text size="sm">
                     <Trans>
@@ -83,7 +84,7 @@ export function FeedDetailsPage() {
                     </Trans>
                 </Text>
             ),
-            labels: { confirm: t`Confirm`, cancel: t`Cancel` },
+            labels: { confirm: <Trans>Confirm</Trans>, cancel: <Trans>Cancel</Trans> },
             confirmProps: { color: "red" },
             onConfirm: () => unsubscribe.execute({ id: +id }),
         })
@@ -112,34 +113,34 @@ export function FeedDetailsPage() {
             <form onSubmit={form.onSubmit(modifyFeed.execute)}>
                 <Stack>
                     <Title order={3}>{feed.name}</Title>
-                    <Input.Wrapper label={t`Feed URL`}>
+                    <Input.Wrapper label={<Trans>Feed URL</Trans>}>
                         <Box>
                             <Anchor href={feed.feedUrl} target="_blank" rel="noreferrer">
                                 {feed.feedUrl}
                             </Anchor>
                         </Box>
                     </Input.Wrapper>
-                    <Input.Wrapper label={t`Website`}>
+                    <Input.Wrapper label={<Trans>Website</Trans>}>
                         <Box>
                             <Anchor href={feed.feedLink} target="_blank" rel="noreferrer">
                                 {feed.feedLink}
                             </Anchor>
                         </Box>
                     </Input.Wrapper>
-                    <Input.Wrapper label={t`Last refresh`}>
+                    <Input.Wrapper label={<Trans>Last refresh</Trans>}>
                         <Box>
                             <RelativeDate date={feed.lastRefresh} />
                         </Box>
                     </Input.Wrapper>
-                    <Input.Wrapper label={t`Last refresh message`}>
+                    <Input.Wrapper label={<Trans>Last refresh message</Trans>}>
-                        <Box>{feed.message ?? t`N/A`}</Box>
+                        <Box>{feed.message ?? <Trans>N/A</Trans>}</Box>
                     </Input.Wrapper>
-                    <Input.Wrapper label={t`Next refresh`}>
+                    <Input.Wrapper label={<Trans>Next refresh</Trans>}>
                         <Box>
                             <RelativeDate date={feed.nextRefresh} />
                         </Box>
                     </Input.Wrapper>
-                    <Input.Wrapper label={t`Generated feed url`}>
+                    <Input.Wrapper label={<Trans>Generated feed url</Trans>}>
                         <Box>
                             {apiKey && (
                                 <Anchor href={`rest/feed/entriesAsFeed?id=${feed.id}&apiKey=${apiKey}`} target="_blank" rel="noreferrer">
@@ -150,11 +151,13 @@ export function FeedDetailsPage() {
                         </Box>
                     </Input.Wrapper>
 
-                    <TextInput label={t`Name`} {...form.getInputProps("name")} required />
+                    <Divider />
-                    <CategorySelect label={t`Category`} {...form.getInputProps("categoryId")} clearable />
+
-                    <NumberInput label={t`Position`} {...form.getInputProps("position")} required min={0} />
+                    <TextInput label={<Trans>Name</Trans>} {...form.getInputProps("name")} required />
+                    <CategorySelect label={<Trans>Category</Trans>} {...form.getInputProps("categoryId")} clearable />
+                    <NumberInput label={<Trans>Position</Trans>} {...form.getInputProps("position")} required min={0} />
                     <TextInput
-                        label={t`Filtering expression`}
+                        label={<Trans>Filtering expression</Trans>}
                         description={<FilteringExpressionDescription />}
                         {...form.getInputProps("filter")}
                     />

commafeed-client/src/pages/app/FeedEntriesPage.tsx

@@ -1,5 +1,5 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
-import { ActionIcon, Anchor, Box, Center, Divider, Group, Title, useMantineTheme } from "@mantine/core"
+import { ActionIcon, Box, Center, createStyles, Divider, Group, Title, useMantineTheme } from "@mantine/core"
 import { useViewportSize } from "@mantine/hooks"
 import { Constants } from "app/constants"
 import { EntrySourceType, loadEntries } from "app/slices/entries"
@@ -27,7 +27,15 @@ interface FeedEntriesPageProps {
     sourceType: EntrySourceType
 }
 
+const useStyles = createStyles(() => ({
+    sourceWebsiteLink: {
+        color: "inherit",
+        textDecoration: "none",
+    },
+}))
+
 export function FeedEntriesPage(props: FeedEntriesPageProps) {
+    const { classes } = useStyles()
     const location = useLocation()
     const { id = Constants.categories.all.id } = useParams()
     const viewport = useViewportSize()
@@ -63,9 +71,9 @@ export function FeedEntriesPage(props: FeedEntriesPageProps) {
         <Box mb={viewport.height - Constants.layout.headerHeight - 210}>
             <Group spacing="xl">
                 {sourceWebsiteUrl && (
-                    <Anchor href={sourceWebsiteUrl} target="_blank" rel="noreferrer" variant="text">
+                    <a href={sourceWebsiteUrl} target="_blank" rel="noreferrer" className={classes.sourceWebsiteLink}>
                         <Title order={3}>{sourceLabel}</Title>
-                    </Anchor>
+                    </a>
                 )}
                 {!sourceWebsiteUrl && <Title order={3}>{sourceLabel}</Title>}
                 {sourceLabel && (
@@ -77,7 +85,7 @@ export function FeedEntriesPage(props: FeedEntriesPageProps) {
 
             <FeedEntries />
 
-            {!hasMore && <Divider my="xl" label={t`No more entries`} labelPosition="center" />}
+            {!hasMore && <Divider my="xl" label={<Trans>No more entries</Trans>} labelPosition="center" />}
         </Box>
     )
 }

commafeed-client/src/pages/app/Layout.tsx

@@ -1,6 +1,5 @@
 import {
     ActionIcon,
-    Anchor,
     AppShell,
     Box,
     Burger,
@@ -25,6 +24,7 @@ import { Logo } from "components/Logo"
 import { OnDesktop } from "components/responsive/OnDesktop"
 import { OnMobile } from "components/responsive/OnMobile"
 import { useAppLoading } from "hooks/useAppLoading"
+import { useWebSocket } from "hooks/useWebSocket"
 import { LoadingPage } from "pages/LoadingPage"
 import { ReactNode, Suspense, useEffect } from "react"
 import { TbPlus } from "react-icons/tb"
@@ -36,13 +36,13 @@ interface LayoutProps {
 }
 
 const sidebarPadding = DEFAULT_THEME.spacing.xs
-const sidebarRightBorderWidth = 1
+const sidebarRightBorderWidth = "1px"
 
 const useStyles = createStyles(theme => ({
     sidebarContent: {
-        maxWidth: Constants.layout.sidebarWidth - sidebarPadding * 2 - sidebarRightBorderWidth,
+        maxWidth: `calc(${Constants.layout.sidebarWidth}px - ${sidebarPadding} * 2 - ${sidebarRightBorderWidth})`,
         [theme.fn.smallerThan(Constants.layout.mobileBreakpoint)]: {
-            maxWidth: `calc(100vw - ${sidebarPadding * 2 + sidebarRightBorderWidth}px)`,
+            maxWidth: `calc(100vw - ${sidebarPadding} * 2 - ${sidebarRightBorderWidth})`,
         },
     },
     mainContentWrapper: {
@@ -67,14 +67,12 @@ const useStyles = createStyles(theme => ({
 function LogoAndTitle() {
     const dispatch = useAppDispatch()
     return (
-        <Anchor onClick={() => dispatch(redirectToRootCategory())} variant="text">
+        <Center inline onClick={() => dispatch(redirectToRootCategory())} style={{ cursor: "pointer" }}>
-            <Center inline>
+            <Logo size={24} />
-                <Logo size={24} />
+            <Title order={3} pl="md">
-                <Title order={3} pl="md">
+                CommaFeed
-                    CommaFeed
+            </Title>
-                </Title>
+        </Center>
-            </Center>
-        </Anchor>
     )
 }
 
@@ -85,6 +83,7 @@ export default function Layout({ sidebar, header }: LayoutProps) {
     const { loading } = useAppLoading()
     const mobileMenuOpen = useAppSelector(state => state.tree.mobileMenuOpen)
     const dispatch = useAppDispatch()
+    useWebSocket()
 
     useEffect(() => {
         dispatch(reloadSettings())
@@ -120,6 +119,7 @@ export default function Layout({ sidebar, header }: LayoutProps) {
             classNames={{ main: classes.mainContentWrapper }}
             navbar={
                 <Navbar
+                    id="sidebar"
                     p={sidebarPadding}
                     hiddenBreakpoint={Constants.layout.mobileBreakpoint}
                     hidden={!mobileMenuOpen}
@@ -131,7 +131,7 @@ export default function Layout({ sidebar, header }: LayoutProps) {
                 </Navbar>
             }
             header={
-                <Header height={Constants.layout.headerHeight} p="md">
+                <Header id="header" height={Constants.layout.headerHeight} p="md">
                     <OnMobile>
                         {mobileMenuOpen && (
                             <Group position="apart">
@@ -169,7 +169,7 @@ export default function Layout({ sidebar, header }: LayoutProps) {
                     if (ref) ref.id = Constants.dom.mainScrollAreaId
                 }}
             >
-                <Box className={classes.mainContent}>
+                <Box id="content" className={classes.mainContent}>
                     <Suspense fallback={<Loader />}>
                         <Outlet />
                     </Suspense>

commafeed-client/src/pages/app/SettingsPage.tsx

@@ -1,18 +1,22 @@
 import { Trans } from "@lingui/macro"
 import { Container, Tabs } from "@mantine/core"
+import { CustomCodeSettings } from "components/settings/CustomCodeSettings"
 import { DisplaySettings } from "components/settings/DisplaySettings"
 import { ProfileSettings } from "components/settings/ProfileSettings"
-import { TbPhoto, TbUser } from "react-icons/tb"
+import { TbCode, TbPhoto, TbUser } from "react-icons/tb"
 
 export function SettingsPage() {
     return (
         <Container size="sm" px={0}>
             <Tabs defaultValue="display">
                 <Tabs.List>
-                    <Tabs.Tab value="display" icon={<TbPhoto />}>
+                    <Tabs.Tab value="display" icon={<TbPhoto size={16} />}>
                         <Trans>Display</Trans>
                     </Tabs.Tab>
-                    <Tabs.Tab value="profile" icon={<TbUser />}>
+                    <Tabs.Tab value="customCode" icon={<TbCode size={16} />}>
+                        <Trans>Custom code</Trans>
+                    </Tabs.Tab>
+                    <Tabs.Tab value="profile" icon={<TbUser size={16} />}>
                         <Trans>Profile</Trans>
                     </Tabs.Tab>
                 </Tabs.List>
@@ -21,6 +25,10 @@ export function SettingsPage() {
                     <DisplaySettings />
                 </Tabs.Panel>
 
+                <Tabs.Panel value="customCode" pt="xl">
+                    <CustomCodeSettings />
+                </Tabs.Panel>
+
                 <Tabs.Panel value="profile" pt="xl">
                     <ProfileSettings />
                 </Tabs.Panel>

commafeed-client/src/pages/app/TagDetailsPage.tsx

@@ -1,4 +1,4 @@
-import { t, Trans } from "@lingui/macro"
+import { Trans } from "@lingui/macro"
 
 import { Anchor, Box, Button, Container, Group, Input, Stack, Title } from "@mantine/core"
 import { Constants } from "app/constants"
@@ -16,7 +16,7 @@ export function TagDetailsPage() {
         <Container>
             <Stack>
                 <Title order={3}>{id}</Title>
-                <Input.Wrapper label={t`Generated feed url`}>
+                <Input.Wrapper label={<Trans>Generated feed url</Trans>}>
                     <Box>
                         {apiKey && (
                             <Anchor

commafeed-client/src/pages/auth/LoginPage.tsx

@@ -42,15 +42,17 @@ export function LoginPage() {
                 <form onSubmit={form.onSubmit(login.execute)}>
                     <Stack>
                         <TextInput
-                            label={t`User Name or E-mail`}
+                            label={<Trans>User Name or E-mail</Trans>}
                             placeholder={t`User Name or E-mail`}
                             {...form.getInputProps("name")}
-                            description={serverInfos?.demoAccountEnabled ? t`Try out CommaFeed with the demo account: demo/demo` : ""}
+                            description={
+                                serverInfos?.demoAccountEnabled ? <Trans>Try out CommaFeed with the demo account: demo/demo</Trans> : ""
+                            }
                             size="md"
                             required
                         />
                         <PasswordInput
-                            label={t`Password`}
+                            label={<Trans>Password</Trans>}
                             placeholder={t`Password`}
                             {...form.getInputProps("password")}
                             size="md"

commafeed-client/src/pages/auth/PasswordRecoveryPage.tsx

@@ -53,7 +53,7 @@ export function PasswordRecoveryPage() {
                     <Stack>
                         <TextInput
                             type="email"
-                            label={t`E-mail`}
+                            label={<Trans>E-mail</Trans>}
                             placeholder={t`E-mail`}
                             {...form.getInputProps("email")}
                             size="md"

commafeed-client/src/pages/auth/RegistrationPage.tsx

@@ -53,14 +53,14 @@ export function RegistrationPage() {
                                 <TextInput label="User Name" placeholder="User Name" {...form.getInputProps("name")} size="md" required />
                                 <TextInput
                                     type="email"
-                                    label={t`E-mail address`}
+                                    label={<Trans>E-mail address</Trans>}
                                     placeholder={t`E-mail address`}
                                     {...form.getInputProps("email")}
                                     size="md"
                                     required
                                 />
                                 <PasswordInput
-                                    label={t`Password`}
+                                    label={<Trans>Password</Trans>}
                                     placeholder={t`Password`}
                                     {...form.getInputProps("password")}
                                     size="md"

commafeed-client/vite.config.ts

@@ -22,7 +22,10 @@ export default defineConfig({
         port: 8082,
         proxy: {
             "/rest": "http://localhost:8083",
+            "/ws": "ws://localhost:8083",
             "/swagger": "http://localhost:8083",
+            "/custom_css.css": "http://localhost:8083",
+            "/custom_js.js": "http://localhost:8083",
         },
     },
     build: {

commafeed-server/config.dev.yml

@@ -69,7 +69,7 @@ app:
   
   # user-agent string that will be used by the http client, leave empty for the default one
   userAgent:
-  
+
 # Database connection
 # -------------------  
 # for MySQL
@@ -92,7 +92,7 @@ database:
   properties:
     charSet: UTF-8
   validationQuery: "/* CommaFeed Health Check */ SELECT 1"
-    
+
 server:
   applicationConnectors:
     - type: http
@@ -100,7 +100,7 @@ server:
   adminConnectors:
     - type: http
       port: 8084
-      
+
 logging:
   level: INFO
   loggers:
@@ -108,6 +108,7 @@ logging:
     liquibase: INFO
     org.hibernate.SQL: INFO # or ALL for sql debugging
     org.hibernate.engine.internal.StatisticalLoggingSessionEventListener: WARN
+    org.hibernate.orm.deprecation: "OFF"
   appenders:
     - type: console
     - type: file
@@ -117,14 +118,16 @@ logging:
       archivedLogFilenamePattern: log/commafeed-%d.log
       archivedFileCount: 5
       timeZone: UTC
-      
+
 # Redis pool configuration
 # (only used if app.cache is 'redis')
 # -----------------------------------
 redis:
   host: localhost
   port: 6379
-  password: 
+  # username is only required when using ACLs
+  username:
+  password:
   timeout: 2000
   database: 0
   maxTotal: 500