2023-09-02 15:55:38 +08:00
|
|
|
import { makePersisted } from '@solid-primitives/storage'
|
2023-09-19 20:24:13 +08:00
|
|
|
import { createSignal } from 'solid-js'
|
2023-09-03 03:56:04 +08:00
|
|
|
import {
|
2023-09-16 23:31:40 +08:00
|
|
|
CONNECTIONS_TABLE_INITIAL_COLUMN_ORDER,
|
|
|
|
CONNECTIONS_TABLE_INITIAL_COLUMN_VISIBILITY,
|
2023-09-03 03:56:04 +08:00
|
|
|
LATENCY_QUALITY_MAP_HTTP,
|
|
|
|
LATENCY_QUALITY_MAP_HTTPS,
|
2023-09-14 16:49:39 +08:00
|
|
|
LOG_LEVEL,
|
2023-09-03 05:35:08 +08:00
|
|
|
PROXIES_ORDERING_TYPE,
|
2023-09-03 03:56:04 +08:00
|
|
|
PROXIES_PREVIEW_TYPE,
|
2023-09-05 20:53:00 +08:00
|
|
|
TAILWINDCSS_SIZE,
|
2023-09-03 03:56:04 +08:00
|
|
|
} from '~/constants'
|
2023-09-16 23:31:40 +08:00
|
|
|
import {
|
|
|
|
ConnectionsTableColumnOrder,
|
|
|
|
ConnectionsTableColumnVisibility,
|
|
|
|
} from '~/types'
|
2023-09-02 15:55:38 +08:00
|
|
|
|
|
|
|
export const [proxiesPreviewType, setProxiesPreviewType] = makePersisted(
|
2023-09-03 03:26:29 +08:00
|
|
|
createSignal(PROXIES_PREVIEW_TYPE.Auto),
|
2023-09-02 15:55:38 +08:00
|
|
|
{ name: 'proxiesPreviewType', storage: localStorage },
|
|
|
|
)
|
2023-09-03 05:35:08 +08:00
|
|
|
export const [proxiesOrderingType, setProxiesOrderingType] = makePersisted(
|
|
|
|
createSignal(PROXIES_ORDERING_TYPE.NATURAL),
|
|
|
|
{ name: 'proxiesOrderingType', storage: localStorage },
|
2023-09-03 03:26:29 +08:00
|
|
|
)
|
2023-09-15 23:56:14 +08:00
|
|
|
|
|
|
|
export const [hideUnAvailableProxies, setHideUnAvailableProxies] =
|
|
|
|
makePersisted(createSignal(false), {
|
|
|
|
name: 'hideUnAvailableProxies',
|
|
|
|
storage: localStorage,
|
|
|
|
})
|
|
|
|
|
2023-09-03 05:40:39 +08:00
|
|
|
export const [urlForLatencyTest, setUrlForLatencyTest] = makePersisted(
|
2023-09-02 15:55:38 +08:00
|
|
|
createSignal('https://www.gstatic.com/generate_204'),
|
2023-09-03 05:40:39 +08:00
|
|
|
{ name: 'urlForLatencyTest', storage: localStorage },
|
2023-09-02 15:55:38 +08:00
|
|
|
)
|
|
|
|
export const [autoCloseConns, setAutoCloseConns] = makePersisted(
|
|
|
|
createSignal(false),
|
|
|
|
{ name: 'autoCloseConns', storage: localStorage },
|
|
|
|
)
|
2023-09-16 23:55:42 +08:00
|
|
|
export const [useTwemoji, setUseTwemoji] = makePersisted(createSignal(true), {
|
2023-09-05 11:40:00 +08:00
|
|
|
name: 'useTwemoji',
|
|
|
|
storage: localStorage,
|
|
|
|
})
|
2023-09-02 19:06:02 +08:00
|
|
|
export const [autoSwitchTheme, setAutoSwitchTheme] = makePersisted(
|
|
|
|
createSignal(false),
|
|
|
|
{ name: 'autoSwitchTheme', storage: localStorage },
|
|
|
|
)
|
|
|
|
export const [favDayTheme, setFavDayTheme] = makePersisted(
|
|
|
|
createSignal('light'),
|
|
|
|
{ name: 'favDayTheme', storage: localStorage },
|
|
|
|
)
|
|
|
|
export const [favNightTheme, setFavNightTheme] = makePersisted(
|
|
|
|
createSignal('night'),
|
|
|
|
{ name: 'favNightTheme', storage: localStorage },
|
|
|
|
)
|
2023-09-15 23:43:55 +08:00
|
|
|
export const [connectionsTableSize, setConnectionsTableSize] = makePersisted(
|
2023-09-05 20:53:00 +08:00
|
|
|
createSignal<TAILWINDCSS_SIZE>(TAILWINDCSS_SIZE.XS),
|
2023-09-15 23:43:55 +08:00
|
|
|
{ name: 'connectionsTableSize', storage: localStorage },
|
|
|
|
)
|
2023-09-16 23:31:40 +08:00
|
|
|
export const [
|
|
|
|
connectionsTableColumnVisibility,
|
|
|
|
setConnectionsTableColumnVisibility,
|
|
|
|
] = makePersisted(
|
|
|
|
createSignal<ConnectionsTableColumnVisibility>(
|
|
|
|
CONNECTIONS_TABLE_INITIAL_COLUMN_VISIBILITY,
|
|
|
|
),
|
|
|
|
{
|
|
|
|
name: 'connectionsTableColumnVisibility',
|
|
|
|
storage: localStorage,
|
|
|
|
},
|
|
|
|
)
|
|
|
|
export const [connectionsTableColumnOrder, setConnectionsTableColumnOrder] =
|
|
|
|
makePersisted(
|
|
|
|
createSignal<ConnectionsTableColumnOrder>(
|
|
|
|
CONNECTIONS_TABLE_INITIAL_COLUMN_ORDER,
|
|
|
|
),
|
|
|
|
{
|
|
|
|
name: 'connectionsTableColumnOrder',
|
|
|
|
storage: localStorage,
|
|
|
|
},
|
|
|
|
)
|
|
|
|
export const [clientSourceIPTags, setClientSourceIPTags] = makePersisted(
|
|
|
|
createSignal<{ tagName: string; sourceIP: string }[]>([]),
|
|
|
|
{
|
|
|
|
name: 'clientSourceIPTags',
|
|
|
|
storage: localStorage,
|
|
|
|
},
|
|
|
|
)
|
2023-09-15 23:43:55 +08:00
|
|
|
export const [logsTableSize, setLogsTableSize] = makePersisted(
|
|
|
|
createSignal<TAILWINDCSS_SIZE>(TAILWINDCSS_SIZE.XS),
|
|
|
|
{ name: 'logsTableSize', storage: localStorage },
|
2023-09-05 20:53:00 +08:00
|
|
|
)
|
2023-09-14 16:49:39 +08:00
|
|
|
export const [logLevel, setLogLevel] = makePersisted(
|
|
|
|
createSignal<LOG_LEVEL>(LOG_LEVEL.Info),
|
|
|
|
{ name: 'logLevel', storage: localStorage },
|
|
|
|
)
|
2023-09-14 18:31:52 +08:00
|
|
|
export const [logMaxRows, setLogMaxRows] = makePersisted(createSignal(300), {
|
|
|
|
name: 'logMaxRows',
|
|
|
|
storage: localStorage,
|
|
|
|
})
|
|
|
|
|
2023-09-06 10:37:25 +08:00
|
|
|
export const tableSizeClassName = (size: TAILWINDCSS_SIZE) => {
|
2023-09-06 03:08:18 +08:00
|
|
|
let className = 'table-xs'
|
|
|
|
|
|
|
|
switch (size) {
|
|
|
|
case TAILWINDCSS_SIZE.XS:
|
|
|
|
className = 'table-xs'
|
|
|
|
break
|
|
|
|
case TAILWINDCSS_SIZE.SM:
|
|
|
|
className = 'table-sm'
|
|
|
|
break
|
|
|
|
case TAILWINDCSS_SIZE.MD:
|
|
|
|
className = 'table-md'
|
|
|
|
break
|
|
|
|
case TAILWINDCSS_SIZE.LG:
|
|
|
|
className = 'table-lg'
|
|
|
|
break
|
|
|
|
}
|
|
|
|
|
|
|
|
return className
|
|
|
|
}
|
|
|
|
|
2023-09-06 11:55:12 +08:00
|
|
|
export const [latencyTestTimeoutDuration, setLatencyTestTimeoutDuration] =
|
2023-09-06 11:17:00 +08:00
|
|
|
makePersisted(createSignal(2000), {
|
2023-09-06 11:55:12 +08:00
|
|
|
name: 'latencyTestTimeoutDuration',
|
2023-09-05 22:32:47 +08:00
|
|
|
storage: localStorage,
|
|
|
|
})
|
2023-09-02 19:06:02 +08:00
|
|
|
|
2023-09-03 05:40:39 +08:00
|
|
|
export const isLatencyTestByHttps = () =>
|
|
|
|
urlForLatencyTest().startsWith('https')
|
2023-09-03 03:56:04 +08:00
|
|
|
|
|
|
|
export const latencyQualityMap = () =>
|
|
|
|
isLatencyTestByHttps() ? LATENCY_QUALITY_MAP_HTTPS : LATENCY_QUALITY_MAP_HTTP
|