(camel-karavan) branch main updated: fix

[ma...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git


The following commit(s) were added to refs/heads/main by this push:
     new 62b690d1 fix
62b690d1 is described below

commit 62b690d1d5d57df78ff2b712a802b006a05e739e
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Tue Nov 18 18:32:32 2025 -0500

    fix
---
 karavan-vscode/webpack.config.js                            | 2 +-
 karavan-vscode/webview/App.tsx                              | 5 ++++-
 karavan-vscode/webview/integration-topology/TopologyTab.tsx | 3 +--
 karavan-vscode/webview/prerender.tsx                        | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/karavan-vscode/webpack.config.js b/karavan-vscode/webpack.config.js
index 1af2c133..8de4f33b 100644
--- a/karavan-vscode/webpack.config.js
+++ b/karavan-vscode/webpack.config.js
@@ -60,7 +60,7 @@ const baseConfig = (webpackEnv) => {
                         },
                         {
                             test: /\.tsx?$/,
-                            exclude: /node_modules/,
+                            exclude: /node_modules\/(?!@patternfly\/react-topology).*/,
                             loader: require.resolve("ts-loader"),
                         },
                         {
diff --git a/karavan-vscode/webview/App.tsx b/karavan-vscode/webview/App.tsx
index 375810cd..13741b37 100644
--- a/karavan-vscode/webview/App.tsx
+++ b/karavan-vscode/webview/App.tsx
@@ -30,6 +30,9 @@ import { EventBus } from "./integration-designer/utils/EventBus";
 import { TopologyTab } from "./integration-topology/TopologyTab";
 import { DocumentationPage } from "./documentation/DocumentationPage";
 
+interface Props {
+}
+
 interface State {
   filename: string
   relativePath: string
@@ -49,7 +52,7 @@ interface State {
   beans: BeanFactoryDefinition[]
 }
 
-class App extends React.Component<State> {
+class App extends React.Component<Props, State> {
 
   public state: State = {
     filename: '',
diff --git a/karavan-vscode/webview/integration-topology/TopologyTab.tsx b/karavan-vscode/webview/integration-topology/TopologyTab.tsx
index e5467e3a..8f4ce240 100644
--- a/karavan-vscode/webview/integration-topology/TopologyTab.tsx
+++ b/karavan-vscode/webview/integration-topology/TopologyTab.tsx
@@ -45,7 +45,7 @@ import {TopologyLegend} from "./TopologyLegend";
 import {ModalConfirmation, ModalConfirmationProps} from "@/components/ModalConfirmation";
 import {EyeIcon, EyeSlashIcon} from '@patternfly/react-icons';
 import {ArrowDown, GroupObjects, JumpLink, UngroupObjects} from '@carbon/icons-react';
-import {useFilesStore, useProjectStore} from "@/api/ProjectStore";
+import {useFilesStore} from "@/api/ProjectStore";
 import {NODE_POSITIONED_EVENT} from "@patternfly/react-topology/src/types";
 import {TopologyDagreLayout} from "@/integration-topology/graph/TopologyDagreLayout";
 import {ASYNCAPI_FILE_NAME_JSON, OPENAPI_FILE_NAME_JSON} from "@/core/contants";
@@ -66,7 +66,6 @@ export function TopologyTab(props: Props) {
             s.showBeans, s.setShowBeans, s.showLegend, s.setShowLegend, s.straightEdges, s.setStraightEdges]);
     const [setSelectedStep] = useDesignerStore((s) => [s.setSelectedStep], shallow)
     const [files] = useFilesStore((s) => [s.files], shallow);
-    const [project, tab, setTabIndex] = useProjectStore((s) => [s.project, s.tabIndex, s.setTabIndex], shallow);
     const [confirmationProps, setConfirmationProps] = useState<ModalConfirmationProps>();
     const {selectFile, setDisabled, deleteRoute, setRouteGroup} = useTopologyHook(setConfirmationProps);
 
diff --git a/karavan-vscode/webview/prerender.tsx b/karavan-vscode/webview/prerender.tsx
index 94198eb1..ff303ef1 100644
--- a/karavan-vscode/webview/prerender.tsx
+++ b/karavan-vscode/webview/prerender.tsx
@@ -19,7 +19,7 @@ import { renderToString } from "react-dom/server";
 import App from "./App";
 
 export default () => {
-  const html = renderToString(<App dark></App>);
+  const html = renderToString(<App></App>);
 
   return `
     <!DOCTYPE html>