chore: auto import

auto-imports.d.ts

@@ -0,0 +1,144 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+export { }
+declare global {
+  const $DEVCOMP: (typeof import('solid-js'))['$DEVCOMP']
+  const $PROXY: (typeof import('solid-js'))['$PROXY']
+  const $TRACK: (typeof import('solid-js'))['$TRACK']
+  const A: (typeof import('@solidjs/router'))['A']
+  const Assets: (typeof import('solid-js/web'))['Assets']
+  const DEV: (typeof import('solid-js'))['DEV']
+  const Dynamic: (typeof import('solid-js/web'))['Dynamic']
+  const ErrorBoundary: (typeof import('solid-js/web'))['ErrorBoundary']
+  const For: (typeof import('solid-js/web'))['For']
+  const HashRouter: (typeof import('@solidjs/router'))['HashRouter']
+  const Hydration: (typeof import('solid-js/web'))['Hydration']
+  const HydrationScript: (typeof import('solid-js/web'))['HydrationScript']
+  const Index: (typeof import('solid-js/web'))['Index']
+  const Link: (typeof import('@solidjs/router'))['Link']
+  const Match: (typeof import('solid-js/web'))['Match']
+  const MemoryRouter: (typeof import('@solidjs/router'))['MemoryRouter']
+  const NavLink: (typeof import('@solidjs/router'))['NavLink']
+  const Navigate: (typeof import('@solidjs/router'))['Navigate']
+  const NoHydration: (typeof import('solid-js/web'))['NoHydration']
+  const Outlet: (typeof import('@solidjs/router'))['Outlet']
+  const Portal: (typeof import('solid-js/web'))['Portal']
+  const RequestContext: (typeof import('solid-js/web'))['RequestContext']
+  const Route: (typeof import('@solidjs/router'))['Route']
+  const Router: (typeof import('@solidjs/router'))['Router']
+  const Routes: (typeof import('@solidjs/router'))['Routes']
+  const Show: (typeof import('solid-js/web'))['Show']
+  const StaticRouter: (typeof import('@solidjs/router'))['StaticRouter']
+  const Suspense: (typeof import('solid-js/web'))['Suspense']
+  const SuspenseList: (typeof import('solid-js/web'))['SuspenseList']
+  const Switch: (typeof import('solid-js/web'))['Switch']
+  const _mergeSearchString: (typeof import('@solidjs/router'))['_mergeSearchString']
+  const action: (typeof import('@solidjs/router'))['action']
+  const addEventListener: (typeof import('solid-js/web'))['addEventListener']
+  const batch: (typeof import('solid-js'))['batch']
+  const cache: (typeof import('@solidjs/router'))['cache']
+  const catchError: (typeof import('solid-js'))['catchError']
+  const children: (typeof import('solid-js'))['children']
+  const createAsync: (typeof import('@solidjs/router'))['createAsync']
+  const createAsyncStore: (typeof import('@solidjs/router'))['createAsyncStore']
+  const createBeforeLeave: (typeof import('@solidjs/router'))['createBeforeLeave']
+  const createComponent: (typeof import('solid-js/web'))['createComponent']
+  const createComputed: (typeof import('solid-js'))['createComputed']
+  const createContext: (typeof import('solid-js'))['createContext']
+  const createDeferred: (typeof import('solid-js'))['createDeferred']
+  const createEffect: (typeof import('solid-js'))['createEffect']
+  const createIntegration: (typeof import('@solidjs/router'))['createIntegration']
+  const createMemo: (typeof import('solid-js'))['createMemo']
+  const createMemoryHistory: (typeof import('@solidjs/router'))['createMemoryHistory']
+  const createMutable: (typeof import('solid-js/store'))['createMutable']
+  const createReaction: (typeof import('solid-js'))['createReaction']
+  const createRenderEffect: (typeof import('solid-js'))['createRenderEffect']
+  const createResource: (typeof import('solid-js'))['createResource']
+  const createRoot: (typeof import('solid-js'))['createRoot']
+  const createRouter: (typeof import('@solidjs/router'))['createRouter']
+  const createSelector: (typeof import('solid-js'))['createSelector']
+  const createSignal: (typeof import('solid-js'))['createSignal']
+  const createStore: (typeof import('solid-js/store'))['createStore']
+  const createUniqueId: (typeof import('solid-js'))['createUniqueId']
+  const delegateEvents: (typeof import('solid-js/web'))['delegateEvents']
+  const enableExternalSource: (typeof import('solid-js'))['enableExternalSource']
+  const enableHydration: (typeof import('solid-js'))['enableHydration']
+  const enableScheduling: (typeof import('solid-js'))['enableScheduling']
+  const equalFn: (typeof import('solid-js'))['equalFn']
+  const escape: (typeof import('solid-js/web'))['escape']
+  const from: (typeof import('solid-js'))['from']
+  const generateHydrationScript: (typeof import('solid-js/web'))['generateHydrationScript']
+  const getAssets: (typeof import('solid-js/web'))['getAssets']
+  const getHydrationKey: (typeof import('solid-js/web'))['getHydrationKey']
+  const getListener: (typeof import('solid-js'))['getListener']
+  const getOwner: (typeof import('solid-js'))['getOwner']
+  const getRequestEvent: (typeof import('solid-js/web'))['getRequestEvent']
+  const hashIntegration: (typeof import('@solidjs/router'))['hashIntegration']
+  const hydrate: (typeof import('solid-js/web'))['hydrate']
+  const indexArray: (typeof import('solid-js'))['indexArray']
+  const insert: (typeof import('solid-js/web'))['insert']
+  const isDev: (typeof import('solid-js/web'))['isDev']
+  const isServer: (typeof import('solid-js/web'))['isServer']
+  const json: (typeof import('@solidjs/router'))['json']
+  const keepDepth: (typeof import('@solidjs/router'))['keepDepth']
+  const lazy: (typeof import('solid-js'))['lazy']
+  const mapArray: (typeof import('solid-js'))['mapArray']
+  const mergeProps: (typeof import('solid-js/web'))['mergeProps']
+  const normalizeIntegration: (typeof import('@solidjs/router'))['normalizeIntegration']
+  const notifyIfNotBlocked: (typeof import('@solidjs/router'))['notifyIfNotBlocked']
+  const observable: (typeof import('solid-js'))['observable']
+  const on: (typeof import('solid-js'))['on']
+  const onCleanup: (typeof import('solid-js'))['onCleanup']
+  const onError: (typeof import('solid-js'))['onError']
+  const onMount: (typeof import('solid-js'))['onMount']
+  const pathIntegration: (typeof import('@solidjs/router'))['pathIntegration']
+  const pipeToNodeWritable: (typeof import('solid-js/web'))['pipeToNodeWritable']
+  const pipeToWritable: (typeof import('solid-js/web'))['pipeToWritable']
+  const produce: (typeof import('solid-js/store'))['produce']
+  const reconcile: (typeof import('solid-js/store'))['reconcile']
+  const redirect: (typeof import('@solidjs/router'))['redirect']
+  const reload: (typeof import('@solidjs/router'))['reload']
+  const render: (typeof import('solid-js/web'))['render']
+  const renderToStream: (typeof import('solid-js/web'))['renderToStream']
+  const renderToString: (typeof import('solid-js/web'))['renderToString']
+  const renderToStringAsync: (typeof import('solid-js/web'))['renderToStringAsync']
+  const requestCallback: (typeof import('solid-js'))['requestCallback']
+  const resetErrorBoundaries: (typeof import('solid-js'))['resetErrorBoundaries']
+  const resolveSSRNode: (typeof import('solid-js/web'))['resolveSSRNode']
+  const revalidate: (typeof import('@solidjs/router'))['revalidate']
+  const runWithOwner: (typeof import('solid-js'))['runWithOwner']
+  const saveCurrentDepth: (typeof import('@solidjs/router'))['saveCurrentDepth']
+  const sharedConfig: (typeof import('solid-js'))['sharedConfig']
+  const splitProps: (typeof import('solid-js'))['splitProps']
+  const spread: (typeof import('solid-js/web'))['spread']
+  const ssr: (typeof import('solid-js/web'))['ssr']
+  const ssrAttribute: (typeof import('solid-js/web'))['ssrAttribute']
+  const ssrClassList: (typeof import('solid-js/web'))['ssrClassList']
+  const ssrElement: (typeof import('solid-js/web'))['ssrElement']
+  const ssrHydrationKey: (typeof import('solid-js/web'))['ssrHydrationKey']
+  const ssrSpread: (typeof import('solid-js/web'))['ssrSpread']
+  const ssrStyle: (typeof import('solid-js/web'))['ssrStyle']
+  const startTransition: (typeof import('solid-js'))['startTransition']
+  const staticIntegration: (typeof import('@solidjs/router'))['staticIntegration']
+  const untrack: (typeof import('solid-js'))['untrack']
+  const useAction: (typeof import('@solidjs/router'))['useAction']
+  const useAssets: (typeof import('solid-js/web'))['useAssets']
+  const useBeforeLeave: (typeof import('@solidjs/router'))['useBeforeLeave']
+  const useContext: (typeof import('solid-js'))['useContext']
+  const useHref: (typeof import('@solidjs/router'))['useHref']
+  const useIsRouting: (typeof import('@solidjs/router'))['useIsRouting']
+  const useLocation: (typeof import('@solidjs/router'))['useLocation']
+  const useMatch: (typeof import('@solidjs/router'))['useMatch']
+  const useNavigate: (typeof import('@solidjs/router'))['useNavigate']
+  const useParams: (typeof import('@solidjs/router'))['useParams']
+  const useResolvedPath: (typeof import('@solidjs/router'))['useResolvedPath']
+  const useRouteData: (typeof import('@solidjs/router'))['useRouteData']
+  const useRoutes: (typeof import('@solidjs/router'))['useRoutes']
+  const useSearchParams: (typeof import('@solidjs/router'))['useSearchParams']
+  const useSubmission: (typeof import('@solidjs/router'))['useSubmission']
+  const useSubmissions: (typeof import('@solidjs/router'))['useSubmissions']
+  const useTransition: (typeof import('solid-js'))['useTransition']
+}

package.json

@@ -66,6 +66,7 @@
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.7.0",
+    "unplugin-auto-import": "^0.17.5",
     "uuid": "^9.0.1",
     "vite": "^5.2.9",
     "vite-plugin-pwa": "^0.19.8",

src/App.tsx

@@ -1,5 +1,5 @@
 import { usePrefersDark } from '@solid-primitives/media'
-import { ParentComponent, Show, createEffect } from 'solid-js'
+import type { ParentComponent } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Header } from '~/components'
 import {

src/components/Button.tsx

@@ -1,4 +1,4 @@
-import { JSX, ParentComponent, Show, splitProps } from 'solid-js'
+import type { JSX, ParentComponent } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 
 interface ButtonBaseProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {

src/components/Collapse.tsx

@@ -1,4 +1,4 @@
-import { children, JSX, ParentComponent, Show } from 'solid-js'
+import type { JSX, ParentComponent } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 
 type Props = {

src/components/ConfigTitle.tsx

@@ -1,4 +1,4 @@
-import { children, ParentComponent } from 'solid-js'
+import type { ParentComponent } from 'solid-js'
 
 export const ConfigTitle: ParentComponent<{ withDivider?: boolean }> = (
   props,

src/components/ConnectionsSettingsModal.tsx

@@ -17,7 +17,7 @@ import {
   useDragDropContext,
 } from '@thisbeyond/solid-dnd'
 import { uniq } from 'lodash'
-import { Component, For, Index, Show, createSignal } from 'solid-js'
+import type { Component } from 'solid-js'
 import { z } from 'zod'
 import { Button, ConfigTitle, Modal } from '~/components'
 import {

src/components/ConnectionsTableDetailsModal.tsx

@@ -1,5 +1,5 @@
 import { IconNetwork } from '@tabler/icons-solidjs'
-import { Component, Show } from 'solid-js'
+import type { Component } from 'solid-js'
 import { Modal } from '~/components'
 import { useI18n } from '~/i18n'
 import { allConnections } from '~/signals'

src/components/Header.tsx

@@ -1,4 +1,3 @@
-import { A, useLocation } from '@solidjs/router'
 import {
   IconFileStack,
   IconGlobe,
@@ -9,7 +8,7 @@ import {
   IconRuler,
   IconSettings,
 } from '@tabler/icons-solidjs'
-import { For, ParentComponent, Show, createSignal } from 'solid-js'
+import type { ParentComponent } from 'solid-js'
 import { LogoText } from '~/components'
 import { ROUTES, themes } from '~/constants'
 import { useI18n } from '~/i18n'

src/components/IPv6Support.tsx

@@ -1,4 +1,3 @@
-import { Show, createMemo } from 'solid-js'
 import { useProxies } from '~/signals'
 
 export const IPv6Support = (props: { name?: string }) => {

src/components/Latency.tsx

@@ -1,4 +1,3 @@
-import { Show, createEffect, createMemo, createSignal } from 'solid-js'
 import { LATENCY_QUALITY_MAP_HTTP } from '~/constants'
 import { useI18n } from '~/i18n'
 import { latencyQualityMap, useProxies } from '~/signals'

src/components/LogoText.tsx

@@ -1,4 +1,3 @@
-import { A } from '@solidjs/router'
 import { endpoint } from '~/signals'
 
 export const LogoText = () => (

src/components/LogsSettingsModal.tsx

@@ -1,5 +1,5 @@
 import { IconFileStack } from '@tabler/icons-solidjs'
-import { Component, For } from 'solid-js'
+import type { Component } from 'solid-js'
 import { ConfigTitle, Modal } from '~/components'
 import {
   LOGS_TABLE_MAX_ROWS_LIST,

src/components/Modal.tsx

@@ -1,5 +1,5 @@
 import { IconX } from '@tabler/icons-solidjs'
-import { JSX, ParentComponent, Show, children } from 'solid-js'
+import type { JSX, ParentComponent } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Button } from '~/components'
 

src/components/ProxiesSettingsModal.tsx

@@ -1,5 +1,5 @@
 import { IconGlobe } from '@tabler/icons-solidjs'
-import { Component, For } from 'solid-js'
+import type { Component } from 'solid-js'
 import { ConfigTitle, Modal } from '~/components'
 import { PROXIES_ORDERING_TYPE, PROXIES_PREVIEW_TYPE } from '~/constants'
 import { useI18n } from '~/i18n'

src/components/ProxyNodeCard.tsx

@@ -1,5 +1,4 @@
 import { IconBrandSpeedtest } from '@tabler/icons-solidjs'
-import { createMemo, Show } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Button, IPv6Support, Latency } from '~/components'
 import { filterSpecialProxyType, formatProxyType } from '~/helpers'

src/components/ProxyNodePreview.tsx

@@ -1,4 +1,3 @@
-import { createMemo, Match, Show, Switch } from 'solid-js'
 import { ProxyPreviewBar, ProxyPreviewDots } from '~/components'
 import { PROXIES_PREVIEW_TYPE } from '~/constants'
 import { proxiesPreviewType } from '~/signals'

src/components/ProxyPreviewBar.tsx

@@ -1,4 +1,3 @@
-import { createMemo } from 'solid-js'
 import { Latency } from '~/components'
 import { latencyQualityMap, useProxies } from '~/signals'
 

src/components/ProxyPreviewDots.tsx

@@ -1,4 +1,3 @@
-import { For } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Latency } from '~/components'
 import { latencyQualityMap, useProxies } from '~/signals'

src/components/RenderInTwoColumns.tsx

@@ -1,5 +1,5 @@
 import { createWindowSize } from '@solid-primitives/resize-observer'
-import { ParentComponent, Show, children, createMemo } from 'solid-js'
+import type { ParentComponent } from 'solid-js'
 
 export const RenderInTwoColumns: ParentComponent = (props) => {
   const resolvedChildren = children(() => props.children)

src/helpers/global.ts

@@ -1,5 +1,3 @@
-import { createSignal } from 'solid-js'
-
 export const isSingBox = (version: string) => {
   return version.includes('sing-box')
 }

src/i18n/index.tsx

@@ -1,7 +1,6 @@
 import { createContextProvider } from '@solid-primitives/context'
 import * as i18n from '@solid-primitives/i18n'
 import { makePersisted } from '@solid-primitives/storage'
-import { createSignal } from 'solid-js'
 import { LANG } from '~/constants'
 import dict, { Dict } from './dict'
 

src/main.tsx

@@ -1,12 +1,10 @@
 /* @refresh reload */
 import '~/index.css'
 
-import { HashRouter, Route } from '@solidjs/router'
 import dayjs from 'dayjs'
 import 'dayjs/locale/zh-cn'
 import relativeTime from 'dayjs/plugin/relativeTime'
 import { lazy } from 'solid-js'
-import { render } from 'solid-js/web'
 import { Toaster } from 'solid-toast'
 import { App } from '~/App'
 import { ROUTES } from '~/constants'

src/pages/Config.tsx

@@ -1,16 +1,6 @@
 import { createForm } from '@felte/solid'
 import { validator } from '@felte/validator-zod'
-import { useNavigate } from '@solidjs/router'
+import type { Accessor, Component } from 'solid-js'
-import {
-  Accessor,
-  Component,
-  For,
-  Show,
-  createEffect,
-  createResource,
-  createSignal,
-  onMount,
-} from 'solid-js'
 import { toast } from 'solid-toast'
 import { z } from 'zod'
 import {

src/pages/Connections.tsx

@@ -1,6 +1,5 @@
 import { writeClipboard } from '@solid-primitives/clipboard'
 import { makePersisted } from '@solid-primitives/storage'
-import { useNavigate } from '@solidjs/router'
 import {
   IconInfoSmall,
   IconPlayerPause,
@@ -29,14 +28,6 @@ import {
 import byteSize from 'byte-size'
 import dayjs from 'dayjs'
 import { uniq } from 'lodash'
-import {
-  For,
-  Index,
-  createEffect,
-  createMemo,
-  createSignal,
-  on,
-} from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { closeAllConnectionsAPI, closeSingleConnectionAPI } from '~/apis'
 import {

src/pages/Logs.tsx

@@ -1,5 +1,4 @@
 import { makePersisted } from '@solid-primitives/storage'
-import { useNavigate } from '@solidjs/router'
 import {
   IconSettings,
   IconSortAscending,
@@ -16,7 +15,6 @@ import {
   getFilteredRowModel,
   getSortedRowModel,
 } from '@tanstack/solid-table'
-import { For, Index, createEffect, createSignal } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Button, LogsSettingsModal } from '~/components'
 import { LOG_LEVEL } from '~/constants'

src/pages/Overview.tsx

@@ -1,18 +1,9 @@
 import { makeTimer } from '@solid-primitives/timer'
-import { useNavigate } from '@solidjs/router'
 import type { ApexOptions } from 'apexcharts'
 import byteSize from 'byte-size'
 import { merge } from 'lodash'
 import { SolidApexCharts } from 'solid-apexcharts'
-import {
+import type { JSX, ParentComponent } from 'solid-js'
-  JSX,
-  ParentComponent,
-  batch,
-  children,
-  createEffect,
-  createMemo,
-  createSignal,
-} from 'solid-js'
 import { CHART_MAX_XAXIS, DEFAULT_CHART_OPTIONS } from '~/constants'
 import { useI18n } from '~/i18n'
 import { endpoint, latestConnectionMsg, useWsRequest } from '~/signals'

src/pages/Proxies.tsx

@@ -1,10 +1,8 @@
-import { useNavigate } from '@solidjs/router'
 import {
   IconBrandSpeedtest,
   IconReload,
   IconSettings,
 } from '@tabler/icons-solidjs'
-import { For, Show, createMemo, createSignal, onMount } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import {
   Button,

src/pages/Rules.tsx

@@ -1,8 +1,6 @@
-import { useNavigate } from '@solidjs/router'
 import { IconReload } from '@tabler/icons-solidjs'
 import { createVirtualizer } from '@tanstack/solid-virtual'
 import { matchSorter } from 'match-sorter'
-import { For, Show, createMemo, createSignal, onMount } from 'solid-js'
 import { twMerge } from 'tailwind-merge'
 import { Button } from '~/components'
 import { useStringBooleanMap } from '~/helpers'

src/pages/Setup.tsx

@@ -1,9 +1,7 @@
 import { createForm } from '@felte/solid'
 import { validator } from '@felte/validator-zod'
-import { useLocation, useNavigate } from '@solidjs/router'
 import { IconX } from '@tabler/icons-solidjs'
 import ky from 'ky'
-import { For, onMount } from 'solid-js'
 import { toast } from 'solid-toast'
 import { v4 as uuid } from 'uuid'
 import { z } from 'zod'

src/signals/config.ts

@@ -1,5 +1,4 @@
 import { makePersisted } from '@solid-primitives/storage'
-import { createSignal } from 'solid-js'
 import {
   CONNECTIONS_TABLE_INITIAL_COLUMN_ORDER,
   CONNECTIONS_TABLE_INITIAL_COLUMN_VISIBILITY,

src/signals/connections.ts

@@ -1,5 +1,4 @@
 import { differenceWith, isNumber, unionWith } from 'lodash'
-import { createEffect, createSignal, untrack } from 'solid-js'
 import { CONNECTIONS_TABLE_MAX_CLOSED_ROWS } from '~/constants'
 import { Connection, ConnectionRawMessage } from '~/types'
 

src/signals/proxies.ts

@@ -1,4 +1,3 @@
-import { batch, createSignal, untrack } from 'solid-js'
 import {
   closeSingleConnectionAPI,
   fetchProxiesAPI,
@@ -103,7 +102,7 @@ const setProxiesInfo = (
     newProxyNodeMap[proxy.name] = { udp, xudp, type, now, name, provider }
 
     // to solve the problem of the ProxyGroup cannot obtain the latency of the currently used proxy node
-    // it seems that only clash.core and clash.preminu have issues
+    // it seems that only clash.core and clash.premium have issues
     if (!now) {
       newLatencyMap[proxy.name] =
         lastDelay(proxy, urlForLatencyTest()) ||

src/signals/request.ts

@@ -3,7 +3,6 @@ import { makePersisted } from '@solid-primitives/storage'
 import { createReconnectingWS } from '@solid-primitives/websocket'
 import ky from 'ky'
 import _ from 'lodash'
-import { createMemo, createSignal } from 'solid-js'
 
 export const [selectedEndpoint, setSelectedEndpoint] = makePersisted(
   createSignal(''),

src/signals/rules.ts

@@ -1,4 +1,3 @@
-import { createSignal } from 'solid-js'
 import {
   fetchRuleProvidersAPI,
   fetchRulesAPI,

src/signals/theme.ts

@@ -1,5 +1,4 @@
 import { makePersisted } from '@solid-primitives/storage'
-import { createSignal } from 'solid-js'
 import { themes } from '~/constants'
 
 export const [curTheme, setCurTheme] = makePersisted(

vite.config.ts

@@ -1,3 +1,4 @@
+import AutoImport from 'unplugin-auto-import/vite'
 import { defineConfig } from 'vite'
 import { VitePWA } from 'vite-plugin-pwa'
 import solidPlugin from 'vite-plugin-solid'
@@ -14,6 +15,10 @@ export default defineConfig({
   plugins: [
     solidPlugin(),
 
+    AutoImport({
+      packagePresets: ['solid-js', 'solid-js/web', '@solidjs/router'],
+    }),
+
     VitePWA({
       registerType: 'autoUpdate',
       includeAssets: ['favicon.svg'],