From a834d37f28303af9b63267f65fd9a32ba47c4ee4 Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Mon, 2 Feb 2026 21:11:23 +0800
Subject: [PATCH] fix(ext): inject versions

---
 .../src/entrypoints/sidepanel/components/ConfigPanel.tsx | 9 ++++-----
 packages/extension/wxt.config.js                         | 8 +++++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx b/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
index 59ad54c..22b4aaa 100644
--- a/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
+++ b/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
@@ -7,9 +7,8 @@ import { DEMO_API_KEY, DEMO_BASE_URL, DEMO_MODEL } from '@/agent/constants'
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 
-import extPkg from '../../../../package.json'
-
-const CORE_VERSION = extPkg.dependencies['@page-agent/core']
+declare const __EXT_VERSION__: string
+declare const __CORE_VERSION__: string
 
 interface ConfigPanelProps {
 	config: LLMConfig | null
@@ -220,10 +219,10 @@ export function ConfigPanel({ config, onSave, onClose }: ConfigPanelProps) {
 
 				<div className="flex flex-col items-end">
 					<span>
-						Extension <span className="font-mono">v{extPkg.version}</span>
+						Extension <span className="font-mono">v{__EXT_VERSION__}</span>
 					</span>
 					<span>
-						PageAgent <span className="font-mono">v{CORE_VERSION}</span>
+						PageAgent <span className="font-mono">v{__CORE_VERSION__}</span>
 					</span>
 				</div>
 			</div>
diff --git a/packages/extension/wxt.config.js b/packages/extension/wxt.config.js
index 9c9b592..0184277 100644
--- a/packages/extension/wxt.config.js
+++ b/packages/extension/wxt.config.js
@@ -1,10 +1,12 @@
 import tailwindcss from '@tailwindcss/vite'
-import { mkdirSync } from 'node:fs'
+import { mkdirSync, readFileSync } from 'node:fs'
 import { defineConfig } from 'wxt'
 
 const chromeProfile = '.wxt/chrome-data'
 mkdirSync(chromeProfile, { recursive: true })
 
+const pkg = JSON.parse(readFileSync('./package.json', 'utf-8'))
+
 // See https://wxt.dev/api/config.html
 export default defineConfig({
 	srcDir: 'src',
@@ -16,6 +18,10 @@ export default defineConfig({
 	},
 	vite: () => ({
 		plugins: [tailwindcss()],
+		define: {
+			__EXT_VERSION__: JSON.stringify(pkg.version),
+			__CORE_VERSION__: JSON.stringify(pkg.dependencies['@page-agent/core']),
+		},
 		optimizeDeps: {
 			force: true,
 		},