fallback to ctrl+click simulation if extension is not installed (#1074 #1075)

commafeed-client/src/components/KeyboardShortcutsHelp.tsx

@@ -184,7 +184,7 @@ export function KeyboardShortcutsHelp() {
             <Box>
                 <span>* </span>
                 <Anchor href={Constants.browserExtensionUrl} target="_blank" rel="noreferrer">
-                    <Trans>Browser extension required</Trans>
+                    <Trans>Browser extension required for Chrome</Trans>
                 </Anchor>
             </Box>
         </Stack>

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

@@ -33,7 +33,7 @@ export function FeedEntries() {
     const scrollMarks = useAppSelector(state => state.user.settings?.scrollMarks)
     const scrollingToEntry = useAppSelector(state => state.entries.scrollingToEntry)
     const dispatch = useAppDispatch()
-    const { isBrowserExtensionInstalled, openLinkInBackgroundTab } = useBrowserExtension()
+    const { openLinkInBackgroundTab } = useBrowserExtension()
 
     const selectedEntry = entries.find(e => e.id === selectedEntryId)
 
@@ -212,7 +212,6 @@ export function FeedEntries() {
         window.open(selectedEntry.url, "_blank", "noreferrer")
     })
     useMousetrap("b", () => {
-        if (!isBrowserExtensionInstalled) return
         if (!selectedEntry) return
         openLinkInBackgroundTab(selectedEntry.url)
     })

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

@@ -35,7 +35,7 @@ export function FeedEntryContextMenu(props: FeedEntryContextMenuProps) {
     const { classes, theme } = useStyles()
     const sourceType = useAppSelector(state => state.entries.source.type)
     const dispatch = useAppDispatch()
-    const { isBrowserExtensionInstalled, openLinkInBackgroundTab } = useBrowserExtension()
+    const { openLinkInBackgroundTab } = useBrowserExtension()
 
     return (
         <Menu id={menuId(props.entry)} theme={theme.colorScheme} animation={false} className={classes.menu}>
@@ -50,19 +50,17 @@ export function FeedEntryContextMenu(props: FeedEntryContextMenuProps) {
                     <Trans>Open link in new tab</Trans>
                 </Group>
             </Item>
-            {isBrowserExtensionInstalled && (
+            <Item
-                <Item
+                onClick={() => {
-                    onClick={() => {
+                    openLinkInBackgroundTab(props.entry.url)
-                        openLinkInBackgroundTab(props.entry.url)
+                    dispatch(markEntry({ entry: props.entry, read: true }))
-                        dispatch(markEntry({ entry: props.entry, read: true }))
+                }}
-                    }}
+            >
-                >
+                <Group>
-                    <Group>
+                    <TbExternalLink size={iconSize} />
-                        <TbExternalLink size={iconSize} />
+                    <Trans>Open link in new background tab</Trans>
-                        <Trans>Open link in new background tab</Trans>
+                </Group>
-                    </Group>
+            </Item>
-                </Item>
-            )}
 
             <Separator />
 

commafeed-client/src/hooks/useBrowserExtension.ts

@@ -33,7 +33,22 @@ export const useBrowserExtension = () => {
     const w = isBrowserExtensionPopup ? window.parent : window
     const openSettingsPage = () => w.postMessage("open-settings-page", "*")
     const openAppInNewTab = () => w.postMessage("open-app-in-new-tab", "*")
-    const openLinkInBackgroundTab = (url: string) => w.postMessage(`open-link-in-background-tab:${url}`, "*")
+    const openLinkInBackgroundTab = (url: string) => {
+        if (isBrowserExtensionInstalled) {
+            w.postMessage(`open-link-in-background-tab:${url}`, "*")
+        } else {
+            // fallback to ctrl+click simulation
+            const a = document.createElement("a")
+            a.href = url
+            a.rel = "noreferrer"
+            a.dispatchEvent(
+                new MouseEvent("click", {
+                    ctrlKey: true,
+                    metaKey: true,
+                })
+            )
+        }
+    }
     const setBadgeUnreadCount = (count: number) => w.postMessage(`set-badge-unread-count:${count}`, "*")
 
     return {

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "العودة لتسجيل الدخول"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Tornar a iniciar sessió"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Zpět k přihlášení"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Yn ôl i fewngofnodi"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Tilbage for at logge ind"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Zurück zum Anmelden"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,8 +128,8 @@ msgid "Back to log in"
 msgstr "Back to log in"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
-msgstr "Browser extension required"
+msgstr "Browser extension required for Chrome"
 
 #: src/pages/app/AboutPage.tsx
 msgid "Browser extention"

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Volver a iniciar sesión"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "بازگشت برای ورود به سیستم"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Takaisin sisäänkirjautumiseen"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Retour à la connexion"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Volver para iniciar sesión"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Vissza a bejelentkezéshez"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Kembali untuk masuk"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Torna per accedere"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "ログインに戻る"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "로그인으로 돌아가기"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Kembali untuk log masuk"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Tilbake for å logge inn"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Terug naar inloggen"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Tilbake for å logge inn"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Powrót do logowania"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Voltar para logar"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Вернуться к входу"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Späť na prihlásenie"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Tillbaka för att logga in"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "Giriş yapmak için geri dön"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx

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

@@ -128,7 +128,7 @@ msgid "Back to log in"
 msgstr "返回登录"
 
 #: src/components/KeyboardShortcutsHelp.tsx
-msgid "Browser extension required"
+msgid "Browser extension required for Chrome"
 msgstr ""
 
 #: src/pages/app/AboutPage.tsx