chore: format code

Author: baiwusanyu-c

package.json

@@ -42,18 +42,26 @@
 	},
 	"scripts": {
 		"init": "pnpm i",
-		"dev": "run-p dev:*",
+		"dev": "run-p dev:* && pnpm run play",
 		"dev:client": "",
 		"dev:server": "",
-		"play": "pnpm run --filter @ikun-svelte-devtools/playground dev",
+		"dev:icons": "",
+		"dev:shared": "",
+		"dev:utils:client": "",
+		"dev:utils:server": "",
 		"build": "",
 		"build:client": "",
 		"build:server": "",
+		"build:icons": "",
+		"build:shared": "",
+		"build:utils:client": "",
+		"build:utils:server": "",
+		"play": "pnpm run --filter @ikun-svelte-devtools/playground dev",
 		"lint": "prettier --plugin-search-dir --check . && eslint .",
 		"format": "prettier --plugin-search-dir --write .",
 		"release": "bumpp package.json packages/*/**/package.json packages/*/package.json --commit --push --tag",
 		"clean:dist": "rimraf dist && esno scripts/clean.js",
-		"prepare": "",
+		"prepare": "npx simple-git-hooks",
 		"update:deps": "npx taze -w -r major && pnpm run init",
 		"publish:npm": "pnpm publish --no-git-checks --access public"
 	},
@@ -85,10 +93,14 @@
 		"bumpp": "^9.1.1",
 		"npm-run-all": "^4.1.5",
 		"rimraf": "^5.0.1",
-		"simple-git-hooks": "^2.8.1",
+		"simple-git-hooks": "^2.9.0",
 		"typescript": "^5.1.6",
 		"tsup": "^7.2.0",
 		"del": "^7.0.0",
 		"esno": "latest"
+	},
+	"simple-git-hooks": {
+		"pre-commit": "pnpm run format && pnpm run lint",
+		"commit-msg": "node vertify-commit.js"
 	}
 }

packages/client/src/components/Copy.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
     import { copyText } from '@baiwusanyu/utils-com'
     import { KMessage, KIcon } from "@ikun-ui/core";
-    export let data: {}
+    export let data: any = {}
     export let width = '24px'
     export let height = '24px'
     export let attrs={}

packages/client/src/components/IframeView.svelte

@@ -5,8 +5,8 @@
     export let colorMode = darkLight()
     export let src = ''
     const iframeCacheMap = new Map<string, HTMLIFrameElement>()
-    let anchor = null
-    let iframeEl = null
+    let anchor: HTMLElement | null = null
+    let iframeEl: HTMLIFrameElement | null = null
     let box:DOMRect | null = null
     let isAddEvt = false
     $:if(anchor){
@@ -69,6 +69,7 @@
             html?.classList.toggle('light', colorMode === 'dark')
         }
         catch (e) {
+            console.error(e)
         }
     }
 

packages/client/src/views/document.svelte

@@ -8,10 +8,10 @@
         Logo,
         CarbonCarbon,
         CarbonQuery
-    }
+    } as Record<string, any>
 </script>
 <div class="grid grid-cols-2 grid-rows-2 gap-4 p-8 w-full min-h-full">
-    {#each documentDetail as doc, index (doc.id)}
+    {#each documentDetail as doc (doc.id)}
         <div class="flex p4 border border-solid border-main rounded-lg hover:animate-LianYi">
             <div class="flex-auto">
                 <div class="flex items-center">

packages/client/src/views/graph.svelte

@@ -56,7 +56,7 @@ const handleDataToChartData = (initData) =>{
     const { data,  main } = initData
     const { level } = getGraphConfig()
     const nodes: Data['nodes'] = data.map((mod) => {
-        const path = mod.id.replace(/\?.*$/, '').replace(/\#.*$/, '')
+        const path = mod.id.replace(/\?.*$/, '').replace(/#.*$/, '')
         const pathSegments = path.split('/')
         const id = mod.id
 

packages/server/src/app/eye-dropper.svelte

@@ -6,7 +6,6 @@
     }
 
      interface EyeDropper {
-        new(): EyeDropper
         open: (options?: EyeDropperOpenOptions) => Promise<{ sRGBHex: string }>
         [Symbol.toStringTag]: 'EyeDropper'
     }

packages/utils/client/src/babble-interact.ts

@@ -4,7 +4,7 @@ function updateOffset(left: number, top: number, dom: HTMLElement) {
 	dom.style.transform = 'translate(0%, 0%)';
 }
 
-export function babbleInteract(domId: string, clickFn?: Function) {
+export function babbleInteract(domId: string, clickFn?: () => void) {
 	const interactDom = document.querySelector(domId) as HTMLElement;
 	let isDragging = false;
 	let initialX, initialY;

packages/utils/client/src/modal-interact.ts

@@ -41,8 +41,8 @@ export function dragResize(node: HTMLElement, params) {
 
 		if (isResizing.includes('m')) {
 			// drag modal
-			let leftCur = Math.max(e.clientX - initialX, 0);
-			let bottomCur = e.clientY + initialY + node!.offsetHeight;
+			const leftCur = Math.max(e.clientX - initialX, 0);
+			const bottomCur = e.clientY + initialY + node!.offsetHeight;
 			bottom = `calc(100% - ${bottomCur}px)`;
 			left = `${Math.min(leftCur, document.body.offsetWidth - node!.offsetWidth)}px`;
 		}

packages/utils/server/src/vite-dev-rpc.ts

@@ -4,11 +4,10 @@ import type { WebSocketClient, WebSocketServer } from 'vite';
 import type { ViteHotContext } from 'vite-hot-client';
 
 // create rpc group
-export function createRPCServer<ClientFunction = {}, ServerFunctions = {}>(
-	name: string,
-	ws: WebSocketServer,
-	functions: ServerFunctions
-) {
+export function createRPCServer<
+	ClientFunction = Record<any, any>,
+	ServerFunctions = Record<any, any>
+>(name: string, ws: WebSocketServer, functions: ServerFunctions) {
 	const event = `${name}:rpc`;
 
 	const group = createBirpcGroup<ClientFunction, ServerFunctions>(
@@ -39,7 +38,10 @@ export function createRPCServer<ClientFunction = {}, ServerFunctions = {}>(
 }
 
 // create rpc client
-export function createRPCClient<ServerFunctions = {}, ClientFunctions = {}>(
+export function createRPCClient<
+	ClientFunctions = Record<any, any>,
+	ServerFunctions = Record<any, any>
+>(
 	name: string,
 	hot: ViteHotContext | Promise<ViteHotContext>,
 	functions: ClientFunctions = {} as ClientFunctions