chore: upgrade typescript version and update sdk type path

package.json

@@ -38,7 +38,7 @@
     "less": "^4.1.2",
     "lint-staged": "^12.3.3",
     "prettier": "^2.5.1",
-    "typescript": "^4.7.4",
+    "typescript": "^5.3.3",
     "vite": "^4.0.0",
     "vite-plugin-svgr": "^2.4.0",
     "yorkie": "^2.0.0"

src/pages/Devtools/ConnectStatus/index.tsx

@@ -1,4 +1,4 @@
-import { SpySocket } from '@huolala-tech/page-spy';
+import { SpySocket } from '@huolala-tech/page-spy/web';
 import { Row, Col, Space, Divider } from 'antd';
 import { memo, useEffect, useState } from 'react';
 import './index.less';

src/pages/Devtools/ConsolePanel/components/ConsoleNode/ErrorTrace/index.tsx

@@ -1,4 +1,4 @@
-import { SpyConsole } from '@huolala-tech/page-spy';
+import { SpyConsole } from '@huolala-tech/page-spy/web';
 import { ReactComponent as ErrorStackSvg } from '@/assets/image/error-stack.svg';
 import './index.less';
 import Icon from '@ant-design/icons';
@@ -60,7 +60,7 @@ export const ErrorTraceNode = ({
         },
       }),
     );
-  }, [data.errorDetail]);
+  }, [data.errorDetail, t]);
 
   return (
     <div className="error-trace">

src/pages/Devtools/ConsolePanel/components/ConsoleNode/PlaceholderNode/index.tsx

@@ -1,4 +1,4 @@
-import { SpyAtom, SpyConsole } from '@huolala-tech/page-spy';
+import { SpyAtom, SpyConsole } from '@huolala-tech/page-spy/web';
 import { isString, pullAt } from 'lodash-es';
 import ConsoleNode from '../index';
 import { getStyleObjectFromString } from './utils';

src/pages/Devtools/ConsolePanel/components/ConsoleNode/index.tsx

@@ -5,7 +5,7 @@ import { CaretRightOutlined } from '@ant-design/icons';
 import './index.less';
 import clsx from 'clsx';
 import CopyContent from '../CopyContent';
-import type { SpyAtom } from '@huolala-tech/page-spy';
+import type { SpyAtom } from '@huolala-tech/page-spy/web';
 import { LoadMore } from './LoadMore';
 import { useSocketMessageStore } from '@/store/socket-message';
 

src/pages/Devtools/ConsolePanel/components/HeaderActions/index.tsx

@@ -3,7 +3,7 @@ import { ClearOutlined } from '@ant-design/icons';
 import { Row, Col, Tooltip, Button, Select, Space } from 'antd';
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ProxyType } from '@huolala-tech/page-spy/dist/types/lib/console';
+import { SpyConsole } from '@huolala-tech/page-spy/web';
 import { ReactComponent as ErrorSvg } from '@/assets/image/error.svg';
 import { ReactComponent as InfoSvg } from '@/assets/image/info.svg';
 import { ReactComponent as WarnSvg } from '@/assets/image/warn.svg';
@@ -19,7 +19,7 @@ export const HeaderActions = () => {
 
   const logLevelList: Array<{
     label: string | React.ReactNode;
-    value: ProxyType;
+    value: SpyConsole.ProxyType;
   }> = [
     {
       label: (

src/pages/Devtools/ConsolePanel/components/LogType/index.tsx

@@ -8,7 +8,7 @@ import { ReactComponent as DebugEvalSvg } from '@/assets/image/debug-eval.svg';
 import { ReactComponent as UserSvg } from '@/assets/image/user.svg';
 import { ReactComponent as DebugSvg } from '@/assets/image/debug.svg';
 import './index.less';
-import type { SpyConsole } from '@huolala-tech/page-spy';
+import type { SpyConsole } from '@huolala-tech/page-spy/web';
 
 interface ThemeItem {
   color: string;

src/pages/Devtools/NetworkPanel/comps.tsx

@@ -13,7 +13,7 @@ import { InfoCircleFilled, DownloadOutlined } from '@ant-design/icons';
 import ReactJsonView from '@huolala-tech/react-json-view';
 import { useState, useMemo } from 'react';
 import { usePopupRef, withPopup } from '@/utils/withPopup';
-import type { SpyNetwork } from '@huolala-tech/page-spy';
+import type { SpyNetwork } from '@huolala-tech/page-spy/web';
 import clsx from 'clsx';
 import { dataUrlToBlob, downloadFile, semanticSize } from './utils';
 import { isString } from 'lodash-es';
@@ -90,7 +90,7 @@ export const QueryParamsBlock: React.FC<{ data: [string, string][] }> = ({
   return (
     <div className="detail-block">
       <Space className="detail-block__label">
-        <span>Query String Parametes</span>
+        <span>Query String Parameters</span>
         <span
           onClick={() => setDecoded(!decoded)}
           style={{ fontWeight: 'normal', cursor: 'pointer' }}

src/pages/Devtools/NetworkPanel/index.tsx

@@ -13,7 +13,7 @@ import {
   ResponseBody,
   StatusCode,
 } from './comps';
-import type { SpyNetwork } from '@huolala-tech/page-spy';
+import type { SpyNetwork } from '@huolala-tech/page-spy/web';
 import copy from 'copy-to-clipboard';
 import { useTranslation } from 'react-i18next';
 import { useSocketMessageStore } from '@/store/socket-message';

src/pages/Devtools/NetworkPanel/utils.ts

@@ -1,5 +1,5 @@
 import { getObjectKeys } from '@/utils';
-import { SpyNetwork } from '@huolala-tech/page-spy';
+import { SpyNetwork } from '@huolala-tech/page-spy/web';
 
 export function downloadFile(filename: string, url: string) {
   const aTag = document.createElement('a');

src/pages/Devtools/StoragePanel/TableContent/index.tsx

@@ -1,5 +1,5 @@
 import { useSocketMessageStore } from '@/store/socket-message';
-import { SpyStorage } from '@huolala-tech/page-spy';
+import { SpyStorage } from '@huolala-tech/page-spy/web';
 import {
   Button,
   Col,

src/pages/Devtools/StoragePanel/index.tsx

@@ -1,4 +1,4 @@
-import type { SpyStorage } from '@huolala-tech/page-spy';
+import type { SpyStorage } from '@huolala-tech/page-spy/web';
 import { Button, Col, Layout, Menu, Row, Tooltip } from 'antd';
 import { useEffect, useMemo, useState } from 'react';
 import ReactJsonView from '@huolala-tech/react-json-view';

src/pages/Devtools/SystemPanel/FeatureItem/index.tsx

@@ -4,7 +4,7 @@ import { ReactComponent as UnsupportSvg } from '@/assets/image/unsupport.svg';
 import Icon from '@ant-design/icons';
 import './index.less';
 import { Tooltip } from 'antd';
-import type { SpySystem } from '@huolala-tech/page-spy';
+import type { SpySystem } from '@huolala-tech/page-spy/web';
 import CopyContent from '@/pages/Devtools/ConsolePanel/components/CopyContent';
 import { useTranslation } from 'react-i18next';
 

src/pages/Devtools/index.tsx

@@ -31,7 +31,7 @@ import '@huolala-tech/react-json-view/dist/style.css';
 import { throttle } from 'lodash-es';
 import { CUSTOM_EVENT } from '@/store/socket-message/socket';
 import { useStorageTypes } from '@/store/platform-config';
-import { SpyDevice } from '@huolala-tech/page-spy';
+import { SpyDevice } from '@huolala-tech/page-spy/web';
 
 const { Sider, Content } = Layout;
 const { Title } = Typography;

src/store/platform-config.ts

@@ -2,7 +2,7 @@ import { useClientInfo } from '@/utils/brand';
 import { ReactComponent as StorageSvg } from '@/assets/image/storage.svg';
 import { ReactComponent as CookieSvg } from '@/assets/image/cookie.svg';
 import { ReactComponent as DatabaseSvg } from '@/assets/image/database.svg';
-import { SpyDevice, SpyStorage } from '@huolala-tech/page-spy';
+import { SpyDevice, SpyStorage } from '@huolala-tech/page-spy/web';
 import { FunctionComponent } from 'react';
 
 const STORAGE_TYPES: {

src/store/socket-message/index.ts

@@ -9,7 +9,7 @@ import {
   SpyPage,
   SpyStorage,
   SpyDatabase,
-} from '@huolala-tech/page-spy';
+} from '@huolala-tech/page-spy/web';
 import { API_BASE_URL } from '@/apis/request';
 import { resolveProtocol } from '@/utils';
 import { ElementContent } from 'hast';

src/store/socket-message/socket.ts

@@ -1,4 +1,4 @@
-import type { SpyMessage, SpySocket } from '@huolala-tech/page-spy';
+import type { SpyMessage, SpySocket } from '@huolala-tech/page-spy/web';
 import { message, notification } from 'antd';
 import * as SERVER_TYPE from './server-type';
 import * as MESSAGE_TYPE from './message-type';

src/utils/brand.ts

@@ -15,7 +15,7 @@ import firefoxSvg from '@/assets/image/firefox.svg';
 import safariSvg from '@/assets/image/safari.svg';
 import browserSvg from '@/assets/image/browser.svg';
 import mpWechatSvg from '@/assets/image/miniprogram.svg';
-import { SpyDevice } from '@huolala-tech/page-spy';
+import { SpyDevice } from '@huolala-tech/page-spy/web';
 import useSearch from './useSearch';
 
 interface DeviceInfo {

tsconfig.json

@@ -4,7 +4,7 @@
     "module": "esnext",
     "allowJs": true,
     "isolatedModules": true,
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "importHelpers": true,
     "jsx": "react-jsx",
     "resolveJsonModule": true,

yarn.lock

@@ -4905,10 +4905,10 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typescript@^4.7.4:
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
+typescript@^5.3.3:
+  version "5.3.3"
+  resolved "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
+  integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==
 
 unbox-primitive@^1.0.2:
   version "1.0.2"