xinyin025/LangBot
1
0
Fork 0
mirror of https://github.com/langbot-app/LangBot.git synced 2026-07-17 18:06:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): TDZ crash in add-extension (installIconURL before installInfo)

Browse Source 
installIconURL was computed above the useState declaration of installInfo,
causing "Cannot access 'installInfo' before initialization" (500) on the
add-extension page. Move the computation below the state declarations.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Junyan Qin
2026-06-01 19:25:19 +08:00
parent e2ca5cc70d
commit 4aeafe5a16
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/home/add-extension/page.tsx
+13 -13
View File
@@ -162,19 +162,6 @@ function AddExtensionContent() {
: type === 'skill' : type === 'skill'
? t('market.typeSkill') ? t('market.typeSkill')
: t('market.typePlugin'); : t('market.typePlugin');
// Marketplace icon URL for the extension being installed, by type.
const buildInstallIconURL = () => {
const cloud = getCloudServiceClientSync();
const a = installInfo.plugin_author || '';
const n = installInfo.plugin_name || '';
if (installExtensionType === 'mcp')
return cloud.getMCPMarketplaceIconURL(a, n);
if (installExtensionType === 'skill')
return cloud.getSkillMarketplaceIconURL(a, n);
return cloud.getPluginIconURL(a, n);
};
const installIconURL = buildInstallIconURL();
const { const {
addTask, addTask,
setSelectedTaskId, setSelectedTaskId,
@@ -191,6 +178,19 @@ function AddExtensionContent() {
useState<PluginInstallStatus>(PluginInstallStatus.ASK_CONFIRM); useState<PluginInstallStatus>(PluginInstallStatus.ASK_CONFIRM);
const [installError, setInstallError] = useState<string | null>(null); const [installError, setInstallError] = useState<string | null>(null);
const [installIconFailed, setInstallIconFailed] = useState(false); const [installIconFailed, setInstallIconFailed] = useState(false);
// Marketplace icon URL for the extension being installed, by type.
const installIconURL = (() => {
const cloud = getCloudServiceClientSync();
const a = installInfo.plugin_author || '';
const n = installInfo.plugin_name || '';
if (installExtensionType === 'mcp')
return cloud.getMCPMarketplaceIconURL(a, n);
if (installExtensionType === 'skill')
return cloud.getSkillMarketplaceIconURL(a, n);
return cloud.getPluginIconURL(a, n);
})();
const [popoverOpen, setPopoverOpen] = useState(false); const [popoverOpen, setPopoverOpen] = useState(false);
const [popoverView, setPopoverView] = useState<PopoverView>('menu'); const [popoverView, setPopoverView] = useState<PopoverView>('menu');
const [isDragOver, setIsDragOver] = useState(false); const [isDragOver, setIsDragOver] = useState(false);