| {action} | \n{keys} | \n
|---|
You may close this page now.
\n\n
You may close this page now.
\n\n
| {action} | \n{keys} | \n
|---|
\n \n
\n \n Note: Default account will always be used for first load.\n Switched accounts will persist during the session.\n \n
\n )}\n\n
\n Hide \"Translate\" button for\n {snapStates.settings.contentTranslationHideLanguages.length >\n 0 && (\n <>\n {' '}\n (\n {\n snapStates.settings.contentTranslationHideLanguages\n .length\n }\n )\n \n )}\n :\n
\n \n Note: This feature uses external translation services,\n powered by{' '}\n
\n \n Automatically show translation for posts in timeline. Only\n works for short posts without content warning,\n media and poll.\n \n
\n\n
\n {WEBSITE && (\n <>\n Site:{' '}\n {WEBSITE.replace(/https?:\\/\\//g, '').replace(/\\/$/, '')}\n
\n \n )}\n Version:{' '}\n
\n Push permission was not granted since your last login. You'll\n need to{' '}\n \n log in again to grant push permission\n \n .\n
\n\n \n NOTE: Push notifications only work for one account.\n \n
\n \n );\n}\n\nexport default Settings;\n","const focusDeck = () => {\n let timer = setTimeout(() => {\n const columns = document.getElementById('columns');\n if (columns) {\n // Focus first column\n // columns.querySelector('.deck-container')?.focus?.();\n } else {\n const modals = document.querySelectorAll('#modal-container > *');\n if (modals?.length) {\n // Focus last modal\n const modal = modals[modals.length - 1]; // last one\n const modalFocusElement =\n modal.querySelector('[tabindex=\"-1\"]') || modal;\n if (modalFocusElement) {\n modalFocusElement.focus();\n return;\n }\n }\n const backDrop = document.querySelector('.deck-backdrop');\n if (backDrop) return;\n // Focus last deck\n const pages = document.querySelectorAll('.deck-container');\n const page = pages[pages.length - 1]; // last one\n if (page && page.tabIndex === -1) {\n console.log('FOCUS', page);\n page.focus();\n }\n }\n }, 100);\n return () => clearTimeout(timer);\n};\n\nexport default focusDeck;\n","import { useEffect, useRef } from 'preact/hooks';\nimport { useLocation } from 'react-router-dom';\n\n// Hook that runs a callback when the location changes\n// Won't run on the first render\n\nexport default function useLocationChange(fn) {\n if (!fn) return;\n const location = useLocation();\n const currentLocationRef = useRef(location.pathname);\n useEffect(() => {\n // console.log('location', {\n // current: currentLocationRef.current,\n // next: location.pathname,\n // });\n if (\n currentLocationRef.current &&\n location.pathname !== currentLocationRef.current\n ) {\n fn?.();\n }\n }, [location.pathname, fn]);\n}\n","import { useEffect, useRef, useState } from 'preact/hooks';\n\nimport { api } from '../utils/api';\nimport supports from '../utils/supports';\n\nimport Icon from './icon';\nimport MenuConfirm from './menu-confirm';\n\nfunction ListAddEdit({ list, onClose }) {\n const { masto } = api();\n const [uiState, setUIState] = useState('default');\n const editMode = !!list;\n const nameFieldRef = useRef();\n const repliesPolicyFieldRef = useRef();\n const exclusiveFieldRef = useRef();\n useEffect(() => {\n if (editMode) {\n nameFieldRef.current.value = list.title;\n repliesPolicyFieldRef.current.value = list.repliesPolicy;\n if (exclusiveFieldRef.current) {\n exclusiveFieldRef.current.checked = list.exclusive;\n }\n }\n }, [editMode]);\n const supportsExclusive = supports('@mastodon/list-exclusive');\n\n return (\nUnable to load account.
\n\n
███████ ████ ████
\n████ ████████ ██████ █████████ ████ ██
\n\n {displayName} has indicated that their new account is\n now:\n
\n\n
Unable to load lists.
\n ) : (\nNo lists.
\n )}\n\n
No drafts found.
\n )}\nThe end.
\n )\n ) : (\n uiState === 'loading' && (\n\n
\n
Error loading accounts
\n ) : (\nNothing to show
\n )}\nSpecify a list of shortcuts that'll appear as:
\nNo shortcuts yet. Tap on the Add shortcut button.
\n\n Not sure what to add?\n
\n Try adding{' '}\n
\n {shortcuts.length >= SHORTCUTS_LIMIT &&\n `Max ${SHORTCUTS_LIMIT} shortcuts`}\n
\n\n \n
\n {TYPE_PARAMS[currentType]?.map?.(\n ({ text, name, type, placeholder, pattern, notRequired }) => {\n if (currentType === 'list') {\n return (\n\n \n
\n );\n }\n\n return (\n\n \n
\n );\n },\n )}\n {!!FORM_NOTES[currentType] && (\n\n
\n
\n {parsedImportShortcutStr.length} shortcut\n {parsedImportShortcutStr.length > 1 ? 's' : ''}{' '}\n \n ({importShortcutStr.length} characters)\n \n
\n\n * Exists in current shortcuts\n
\n \n ⚠️ List may not work if it's from a different account.\n \n
\n ⚠️ Invalid settings format\n
\n )}\n\n {hasCurrentSettings && (\n <>\n
\n
\n
\n {!/poll|update/i.test(type) && (\n <>\n {_accounts?.length > 1 ? (\n <>\n \n \n {shortenNumber(_accounts.length)}\n {' '}\n people\n {' '}\n \n ) : (\n <>\n
\n {_accounts.slice(0, AVATARS_LIMIT).map((account) => (\n
This notification is from your other account.
\n )}\n{query}\n \n ),\n to: `/search?q=${encodeURIComponent(query)}&type=statuses`,\n hidden: /^https?:/.test(query),\n },\n {\n label: (\n <>\n Posts tagged with #{query.replace(/^#/, '')}\n \n ),\n to: `/${instance}/t/${query.replace(/^#/, '')}`,\n hidden:\n /^@/.test(query) || /^https?:/.test(query) || /\\s/.test(query),\n top: /^#/.test(query),\n type: 'link',\n },\n {\n label: (\n <>\n Look up {query}\n \n ),\n to: `/${query}`,\n hidden: !/^https?:/.test(query),\n top: /^https?:/.test(query),\n type: 'link',\n },\n {\n label: (\n <>\n Accounts with
{query}\n \n ),\n to: `/search?q=${encodeURIComponent(query)}&type=accounts`,\n },\n ]\n .sort((a, b) => {\n if (a.top && !b.top) return -1;\n if (!a.top && b.top) return 1;\n return 0;\n })\n .map(({ label, to, hidden, type }) => (\n
The end.
\n ))}\n \n ) : uiState === 'loading' ? (\n{emptyText}
\n )}\n {uiState === 'error' && (\n\n {errorText}\n
\n
\n \n
\n Push permission was not granted since your last login. You'll\n need to{' '}\n \n log in again to grant push permission\n \n .\n
\n\n \n NOTE: Push notifications only work for one account.\n \n
\n \n );\n}\n\nexport default Settings;\n","const focusDeck = () => {\n let timer = setTimeout(() => {\n const columns = document.getElementById('columns');\n if (columns) {\n // Focus first column\n // columns.querySelector('.deck-container')?.focus?.();\n } else {\n const modals = document.querySelectorAll('#modal-container > *');\n if (modals?.length) {\n // Focus last modal\n const modal = modals[modals.length - 1]; // last one\n const modalFocusElement =\n modal.querySelector('[tabindex=\"-1\"]') || modal;\n if (modalFocusElement) {\n modalFocusElement.focus();\n return;\n }\n }\n const backDrop = document.querySelector('.deck-backdrop');\n if (backDrop) return;\n // Focus last deck\n const pages = document.querySelectorAll('.deck-container');\n const page = pages[pages.length - 1]; // last one\n if (page && page.tabIndex === -1) {\n console.log('FOCUS', page);\n page.focus();\n }\n }\n }, 100);\n return () => clearTimeout(timer);\n};\n\nexport default focusDeck;\n","import { useEffect, useRef } from 'preact/hooks';\nimport { useLocation } from 'react-router-dom';\n\n// Hook that runs a callback when the location changes\n// Won't run on the first render\n\nexport default function useLocationChange(fn) {\n if (!fn) return;\n const location = useLocation();\n const currentLocationRef = useRef(location.pathname);\n useEffect(() => {\n // console.log('location', {\n // current: currentLocationRef.current,\n // next: location.pathname,\n // });\n if (\n currentLocationRef.current &&\n location.pathname !== currentLocationRef.current\n ) {\n fn?.();\n }\n }, [location.pathname, fn]);\n}\n","import { useEffect, useRef, useState } from 'preact/hooks';\n\nimport { api } from '../utils/api';\nimport supports from '../utils/supports';\n\nimport Icon from './icon';\nimport MenuConfirm from './menu-confirm';\n\nfunction ListAddEdit({ list, onClose }) {\n const { masto } = api();\n const [uiState, setUIState] = useState('default');\n const editMode = !!list;\n const nameFieldRef = useRef();\n const repliesPolicyFieldRef = useRef();\n const exclusiveFieldRef = useRef();\n useEffect(() => {\n if (editMode) {\n nameFieldRef.current.value = list.title;\n repliesPolicyFieldRef.current.value = list.repliesPolicy;\n if (exclusiveFieldRef.current) {\n exclusiveFieldRef.current.checked = list.exclusive;\n }\n }\n }, [editMode]);\n const supportsExclusive = supports('@mastodon/list-exclusive');\n\n return (\nUnable to load account.
\n\n
███████ ████ ████
\n████ ████████ ██████ █████████ ████ ██
\n\n {displayName} has indicated that their new account is\n now:\n
\n\n
Unable to load lists.
\n ) : (\nNo lists.
\n )}\n\n
No drafts found.
\n )}\nThe end.
\n )\n ) : (\n uiState === 'loading' && (\n\n
\n
Error loading accounts
\n ) : (\nNothing to show
\n )}\nSpecify a list of shortcuts that'll appear as:
\nNo shortcuts yet. Tap on the Add shortcut button.
\n\n Not sure what to add?\n
\n Try adding{' '}\n
\n {shortcuts.length >= SHORTCUTS_LIMIT &&\n `Max ${SHORTCUTS_LIMIT} shortcuts`}\n
\n\n \n
\n {TYPE_PARAMS[currentType]?.map?.(\n ({ text, name, type, placeholder, pattern, notRequired }) => {\n if (currentType === 'list') {\n return (\n\n \n
\n );\n }\n\n return (\n\n \n
\n );\n },\n )}\n {!!FORM_NOTES[currentType] && (\n\n
\n
\n {parsedImportShortcutStr.length} shortcut\n {parsedImportShortcutStr.length > 1 ? 's' : ''}{' '}\n \n ({importShortcutStr.length} characters)\n \n
\n\n * Exists in current shortcuts\n
\n \n ⚠️ List may not work if it's from a different account.\n \n
\n ⚠️ Invalid settings format\n
\n )}\n\n {hasCurrentSettings && (\n <>\n
\n
\n
\n {!/poll|update/i.test(type) && (\n <>\n {_accounts?.length > 1 ? (\n <>\n \n \n {shortenNumber(_accounts.length)}\n {' '}\n people\n {' '}\n \n ) : (\n <>\n
\n {_accounts.slice(0, AVATARS_LIMIT).map((account) => (\n
This notification is from your other account.
\n )}\n{query}\n \n ),\n to: `/search?q=${encodeURIComponent(query)}&type=statuses`,\n hidden: /^https?:/.test(query),\n },\n {\n label: (\n <>\n Posts tagged with #{query.replace(/^#/, '')}\n \n ),\n to: `/${instance}/t/${query.replace(/^#/, '')}`,\n hidden:\n /^@/.test(query) || /^https?:/.test(query) || /\\s/.test(query),\n top: /^#/.test(query),\n type: 'link',\n },\n {\n label: (\n <>\n Look up {query}\n \n ),\n to: `/${query}`,\n hidden: !/^https?:/.test(query),\n top: /^https?:/.test(query),\n type: 'link',\n },\n {\n label: (\n <>\n Accounts with
{query}\n \n ),\n to: `/search?q=${encodeURIComponent(query)}&type=accounts`,\n },\n ]\n .sort((a, b) => {\n if (a.top && !b.top) return -1;\n if (!a.top && b.top) return 1;\n return 0;\n })\n .map(({ label, to, hidden, type }) => (\n
The end.
\n ))}\n \n ) : uiState === 'loading' ? (\n{emptyText}
\n )}\n {uiState === 'error' && (\n\n {errorText}\n
\n
\n \n