fix: url detect

go/internal/cmd/live-pprof.go

@@ -53,7 +53,7 @@ func maybeOpenURL(conf *config.LivePprofConfig) {
 
 		_ = browser.OpenURL(u.String())
 	} else {
-		logging.Sugar.Infow("will not open the browser", "conf.OpenBrowser", conf.OpenBrowser,
+		logging.Sugar.Debugw("will not open the browser", "conf.OpenBrowser", conf.OpenBrowser,
 			"IsRunningAsGoRun", goRun)
 	}
 }

go/internal/rpc.go

@@ -30,7 +30,7 @@ func StartServeGrpc(gs *grpc.Server, conf *config.LivePprofConfig) {
 
 	//goland:noinspection HttpUrlsUsage
 	httpURL := "http://" + addr
-	logging.Sugar.Info("click to open:", httpURL)
+	logging.Sugar.Info("click to open: ", httpURL)
 
 	stopChan := make(chan os.Signal, 1)
 	signal.Notify(stopChan, os.Interrupt, syscall.SIGTERM)

ts/Makefile

@@ -28,6 +28,8 @@ disable-telemetry:
 	@echo "Disabling Next.js telemetry"
 	npx next telemetry --disable
 
+analyze:
+	ANALYZE=true pnpm build
 
 clean:
 	@echo "Cleaning ts"

ts/components/client/metrics.ts

@@ -9,6 +9,7 @@ import { graphPrefsState } from '@/components/state/pref-state'
 import { useIsDev } from '@/components/hooks/use-is-dev'
 
 const blackHole = 'http://240.0.0.0:8300'
+
 export const useBackendURL = (): string => {
   const isDev = useIsDev()
   const isSSR = useIsSSR()
@@ -21,9 +22,9 @@ export const useBackendURL = (): string => {
   if (isDev) {
     console.info('using', process.env.NEXT_PUBLIC_BACKEND_URL, 'as backend grpc endpoint')
     return process.env.NEXT_PUBLIC_BACKEND_URL!
+  } else {
+    return `${window.location.protocol}//${window.location.hostname}:${window.location.port}`
   }
-
-  return `${window.location.protocol}//${window.location.hostname}:${window.location.port}`
 }
 
 export const useMetricsClient = (): MetricsClient => {

ts/components/hooks/use-is-dev.tsx

@@ -1,11 +1,11 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useLayoutEffect, useState } from 'react'
 
 export const useIsDev = (): boolean => {
   const [isDev, setIsDev] = useState(false)
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     setIsDev(process.env.NODE_ENV === 'development')
   }, [])
 

ts/components/state/pref-state.ts

@@ -33,6 +33,7 @@ export type GraphPrefs = {
   inputURL: string
   retainedSamples: number
   sampleInterval: number
+  topN: number
 }
 
 const newGraphPrefs = (): GraphPrefs => ({
@@ -46,6 +47,7 @@ const newGraphPrefs = (): GraphPrefs => ({
   inputURL: `${8300}`, // get metrics from backend by default
   retainedSamples: 120,
   sampleInterval: 1000,
+  topN: 20,
 })
 
 const IS_CLIENT = typeof window !== 'undefined'

ts/components/url-detect.tsx

@@ -2,6 +2,7 @@
 
 import React, { FC, useCallback, useEffect, useState } from 'react'
 import { Chip } from '@nextui-org/chip'
+import { Spinner } from '@nextui-org/spinner'
 import { ClientReadableStream, RpcError } from 'grpc-web'
 import { Icon } from '@iconify/react'
 import { Spacer } from '@nextui-org/spacer'
@@ -60,7 +61,7 @@ export const UrlDetect: FC<UrlDetectProps> = ({ url }) => {
       stream && stream.cancel()
       clearTimeout(t)
     }
-  }, [url, setResults])
+  }, [url, setResults, client])
 
   return (
     <div className={'flex flex-col gap-1'}>
@@ -96,7 +97,7 @@ export const UrlDetect: FC<UrlDetectProps> = ({ url }) => {
             </AccordionItem>
           ))}
         </Accordion>
-        {status === Status.loading && <Icon className="self-center w-8 h-8" icon="line-md:loading-twotone-loop" />}
+        {status === Status.loading && <Spinner />}
       </div>
       <div />
     </div>

ts/next.config.js

@@ -1,9 +1,12 @@
 /** @type {import("next").NextConfig} */
 const nextConfig = {}
 
-module.exports = {
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
   output: 'export',
-}
+})
+
+module.exports = withBundleAnalyzer(nextConfig)
 
 // if you want to serve WEB with node, use webpack instead
 // const withTM = require("next-transpile-modules")(["echarts", "zrender"]);

ts/package.json

@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@grpc/grpc-js": "^1.11.1",
+    "@next/bundle-analyzer": "^14.2.8",
     "@nextui-org/accordion": "^2.0.38",
     "@nextui-org/button": "2.0.37",
     "@nextui-org/card": "^2.0.33",