chore: release v0.16.1

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.16.1
+
+- Update Client UI.
+
 ## 0.16.0
 
 - Better custom integrate.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-bundle-analyzer",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "a modern vite bundle analyzer tool",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -50,7 +50,7 @@
     "rollup": "^4.13.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-swc3": "^0.11.2",
-    "squarified": "^0.2.2",
+    "squarified": "^0.3.1",
     "tinyexec": "^0.3.1",
     "tsx": "^4.19.2",
     "typescript": "^5.2.2",

src/client/application.tsx

@@ -43,6 +43,7 @@ export function App() {
   const handleMousemove = useCallback((data: PrimitiveEventMetadata<'mousemove'>) => {
     setTooltipVisible(!!data.module)
     if (data.module) {
+      // @ts-expect-error safe
       setTooltipContent(() => data.module.node)
     }
   }, [])

src/client/components/treemap/component.tsx

@@ -2,7 +2,7 @@ import { inline } from '@stylex-extend/core'
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react'
 import type { Ref } from 'react'
 import { c2m, createTreemap, presetDecorator, sortChildrenByKey } from 'squarified'
-import type { PrimitiveEventCallback } from 'squarified'
+import type { ExposedEventCallback } from 'squarified'
 import { useQueryParams, useResize } from '../../composables'
 import { useApplicationContext, useToggleSize } from '../../context'
 import { createMagicEvent } from '../../special'
@@ -11,7 +11,7 @@ import type { QueryKind } from '../../special'
 export type TreemapComponentInstance = ReturnType<typeof createTreemap>
 
 export interface TreemapProps {
-  onMousemove: PrimitiveEventCallback<'mousemove'>
+  onMousemove: ExposedEventCallback<'mousemove'>
 }
 
 export const Treemap = forwardRef((props: TreemapProps, ref: Ref<TreemapComponentInstance>) => {
@@ -69,7 +69,7 @@ export const Treemap = forwardRef((props: TreemapProps, ref: Ref<TreemapComponen
   useEffect(() => {
     instanceRef.current?.on('click', function(metadata) {
       this.zoom(metadata.module)
-      const evt = createMagicEvent('graph:click', metadata.module)
+      const evt = createMagicEvent('graph:click', metadata.module!)
       window.dispatchEvent(evt)
     })
   }, [])