From 180c7900f58874914af52c51ff749204d05aeb36 Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Sat, 13 Jun 2026 21:20:21 +0200
Subject: [PATCH 1/3] Add GitHub Actions workflow for Vite bundle analysis

---
 .github/workflows/bundle-analyzer.yml | 40 +++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 .github/workflows/bundle-analyzer.yml

diff --git a/.github/workflows/bundle-analyzer.yml b/.github/workflows/bundle-analyzer.yml
new file mode 100644
index 0000000000..920e1e4071
--- /dev/null
+++ b/.github/workflows/bundle-analyzer.yml
@@ -0,0 +1,40 @@
+name: Vite Bundle Visualizer
+
+on:
+  push:
+    branches: [ chore/all-my-stuffs ]
+
+jobs:
+  analyze:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v6
+      - run: |
+          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
+          npm install -g corepack@latest
+          echo "After : corepack version => $(corepack --version)"
+          corepack enable
+          pnpm --version
+      - uses: actions/setup-node@v6
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm i --ignore-scripts
+
+      # Ensure vite-bundle-visualizer is installed
+      # (or remove this step if already in package.json)
+      - name: Install visualizer
+        run: pnpm install --save-dev vite-bundle-visualizer
+
+      - name: Build the app
+        run: pnpm build
+
+      - name: Upload bundle visualizer report
+        uses: actions/upload-artifact@v4
+        with:
+          name: bundle-visualizer-report
+          path: dist/stats.html
+          if-no-files-found: error

From 224ebec50686ca53cad8a34b0efa2b1eb31591ac Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Sat, 13 Jun 2026 22:13:02 +0200
Subject: [PATCH 2/3] Add bundle visualizer report generation step

Add step to generate bundle visualizer report using vite-bundle-visualizer.
---
 .github/workflows/bundle-analyzer.yml | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/.github/workflows/bundle-analyzer.yml b/.github/workflows/bundle-analyzer.yml
index 920e1e4071..03c6f82a13 100644
--- a/.github/workflows/bundle-analyzer.yml
+++ b/.github/workflows/bundle-analyzer.yml
@@ -32,6 +32,12 @@ jobs:
       - name: Build the app
         run: pnpm build
 
+      - name: Generate bundle visualizer report
+        run: |
+          # Generate stats.html using npx
+          npx vite-bundle-visualizer dist --template treemap --open false
+          
+
       - name: Upload bundle visualizer report
         uses: actions/upload-artifact@v4
         with:

From 7369a88a1afadae5731a210b8a35e8c18835cd9d Mon Sep 17 00:00:00 2001
From: fred-head <info@fredu.uk>
Date: Thu, 18 Jun 2026 22:26:46 +0200
Subject: [PATCH 3/3] feat: hide network utils config when tools settings url
 is set

---
 .../dns-propagation-tester.vue                 | 10 +++++++---
 src/tools/dns-tester/dns-tester.vue            | 11 +++++++----
 src/tools/https-tester/https-tester.vue        | 11 +++++++----
 .../network-utils/network-utils-config.ts      | 18 ++++++++++++++++++
 4 files changed, 39 insertions(+), 11 deletions(-)
 create mode 100644 src/tools/network-utils/network-utils-config.ts

diff --git a/src/tools/dns-propagation-tester/dns-propagation-tester.vue b/src/tools/dns-propagation-tester/dns-propagation-tester.vue
index 09b0be89a6..1b97994d01 100644
--- a/src/tools/dns-propagation-tester/dns-propagation-tester.vue
+++ b/src/tools/dns-propagation-tester/dns-propagation-tester.vue
@@ -1,9 +1,13 @@
 <script setup lang="ts">
 import { useITStorage, useQueryParamOrStorage } from '@/composable/queryParams';
+import { useNetworkUtilsConfig } from '@/tools/network-utils/network-utils-config';
 import { Base64 } from 'js-base64';
 
-const serverHost = useITStorage('dns-prop:url', 'http://localhost:8000');
-const serverAuth = useITStorage('dns-prop:auth', '');
+const { serverHost, serverAuth, hasFixedConfig } = useNetworkUtilsConfig({
+  toolKey: 'dns-prop',
+  urlStorageKey: 'dns-prop:url',
+  authStorageKey: 'dns-prop:auth',
+});
 
 const loading = ref(false);
 
@@ -172,7 +176,7 @@ async function runPropagation() {
 
 <template>
   <div>
-    <details mb-2>
+    <details v-if="!hasFixedConfig" mb-2>
       <summary>Network Utilities Service Configuration (self hosted)</summary>
       <n-card>
         <NFormItem label="Network Utilities Service Url:" label-placement="top">
diff --git a/src/tools/dns-tester/dns-tester.vue b/src/tools/dns-tester/dns-tester.vue
index f9f13dbe1b..fde8f1cbd6 100644
--- a/src/tools/dns-tester/dns-tester.vue
+++ b/src/tools/dns-tester/dns-tester.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
-import { useITStorage } from '@/composable/queryParams';
+import { useNetworkUtilsConfig } from '@/tools/network-utils/network-utils-config';
 import { Base64 } from 'js-base64';
 
-const serverHost = useITStorage('https-tester:url', 'http://localhost:8000');
-const serverAuth = useITStorage('https-tester:auth', '');
+const { serverHost, serverAuth, hasFixedConfig } = useNetworkUtilsConfig({
+  toolKey: 'dns-tester',
+  urlStorageKey: 'dns-tester:url',
+  authStorageKey: 'dns-tester:auth',
+});
 
 const loading = ref(false);
 const error = ref<string | null>(null);
@@ -203,7 +206,7 @@ const labelProps = {
 
 <template>
   <div style="min-height: 80vh;">
-    <details mb-2>
+    <details v-if="!hasFixedConfig" mb-2>
       <summary>Network Utilities Service Configuration (self hosted)</summary>
       <n-card>
         <NFormItem label="Network Utilities Service Url:" label-placement="top">
diff --git a/src/tools/https-tester/https-tester.vue b/src/tools/https-tester/https-tester.vue
index 62240b9e19..02fd769284 100644
--- a/src/tools/https-tester/https-tester.vue
+++ b/src/tools/https-tester/https-tester.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
-import { useITStorage } from '@/composable/queryParams';
+import { useNetworkUtilsConfig } from '@/tools/network-utils/network-utils-config';
 import { Base64 } from 'js-base64';
 
-const serverHost = useITStorage('https-tester:url', 'http://localhost:8000');
-const serverAuth = useITStorage('https-tester:auth', '');
+const { serverHost, serverAuth, hasFixedConfig } = useNetworkUtilsConfig({
+  toolKey: 'https-tester',
+  urlStorageKey: 'https-tester:url',
+  authStorageKey: 'https-tester:auth',
+});
 
 const loading = ref(false);
 const error = ref<string | null>(null);
@@ -128,7 +131,7 @@ const labelProps = {
 
 <template>
   <div>
-    <details mb-2>
+    <details v-if="!hasFixedConfig" mb-2>
       <summary>Network Utilities Service Configuration (self hosted)</summary>
       <n-card>
         <NFormItem label="Network Utilities Service Url:" label-placement="top">
diff --git a/src/tools/network-utils/network-utils-config.ts b/src/tools/network-utils/network-utils-config.ts
new file mode 100644
index 0000000000..6aaa8453a9
--- /dev/null
+++ b/src/tools/network-utils/network-utils-config.ts
@@ -0,0 +1,18 @@
+import { getITToolsSetting, useITStorage } from '@/composable/queryParams';
+import { ref } from 'vue';
+
+export function useNetworkUtilsConfig({ toolKey, urlStorageKey, authStorageKey }: { toolKey: string; urlStorageKey: string; authStorageKey: string }) {
+  const fixedUrl = String(getITToolsSetting(`${toolKey}:url`, '') || '').trim();
+  const fixedAuth = String(getITToolsSetting(`${toolKey}:auth`, '') || '').trim();
+  const hasFixedConfig = Boolean(fixedUrl);
+
+  return {
+    serverHost: hasFixedConfig
+      ? ref(fixedUrl)
+      : useITStorage(urlStorageKey, 'http://localhost:8000'),
+    serverAuth: hasFixedConfig
+      ? ref(fixedAuth)
+      : useITStorage(authStorageKey, ''),
+    hasFixedConfig,
+  };
+}