Feat/pick settings from multiplying architecture at init

[apupier]

currently error in console.log:

react-dom.development.js:16227 Uncaught (in promise) Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.
    at Object.throwInvalidHookError (react-dom.development.js:16227:1)
    at useContext (react.development.js:1618:1)
    at KaotoEditorApp.tsx:30:41

[apupier]

now it can load the one specified in settings

To do:

• in case the provided url is invalid, there is a blank page without details
• handle not set value (either use an empty string or fix the framework??)

Error: Cannot read properties of null (reading 'setLoadingFinished')
	at __webpack_modules__../node_modules/@kie-tools-core/envelope-bus/dist/common/EnvelopeBusMessageManager.js.EnvelopeBusMessageManager.callback (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:2217:29)
	at __webpack_modules__../node_modules/@kie-tools-core/envelope-bus/dist/common/EnvelopeBusMessageManager.js.EnvelopeBusMessageManager.receive (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:2225:18)
	at Object.receive (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:2082:27)
	at __webpack_modules__../node_modules/@kie-tools-core/envelope-bus/dist/channel/EnvelopeServer.js.EnvelopeServer.receive (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:1939:33)
	at /home/apupier/git/vscode-kaoto/dist/extension/extension.js:3290:34
	at /home/apupier/git/vscode-kaoto/dist/extension/extension.js:3106:65
	at Array.forEach (<anonymous>)
	at EnvelopeBusMessageBroadcaster.broadcast (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:3106:28)
	at VsCodeKieEditorController.<anonymous> (/home/apupier/git/vscode-kaoto/dist/extension/extension.js:3292:129)

there is another error before on runtime.provider.tsx l.36:

 vscode-webview://0bejvs782c6acfhrtt3091l4amv76htnp2dnu70qrl1ft0pk535i/null/index.json net::ERR_ACCESS_DENIED

so means the props.catalogUrl at this place is not picking the one from the rootcomponent, or picking it before and i guess we are back to the need to use React context that i wasn't able to use .

[apupier]

@lordrip any hints what is the correct way to proceed so that the catalogUrl is set/updated in a correct way for React?

[lordrip]

@lordrip any hints what is the correct way to proceed so that the catalogUrl is set/updated in a correct way for React?

After checking, I realized there's a missing provider in the KaotoBridge.tsx component, I'm adding it here: #1219

[apupier]

@lordrip any hints what is the correct way to proceed so that the catalogUrl is set/updated in a correct way for React?

After checking, I realized there's a missing provider in the KaotoBridge.tsx component, I'm adding it here: #1219

so potentially, rebasing should be enough?

[apupier]

There is currently quite a mix between passing the catalogURL through properties on the React component and using the settingsManager. I failed to use just one or the other in a good way so far. Given current constraints on timeline and ressources, I propose to go with current state and work to improve that later. Reported #1227 for that.

[apupier]

In combination with #1227 , it gives:

[lordrip]

I tested it restoring the runtime.provider.tsx file and it works good in both VSCode and the online version.