RFC: User Hooks

[ScriptedAlchemy]

Allow users to extend or add custom hooks to our FederationHost interfaces.

FederationHost should have something like userHooks that compliment hooks

General Idea:

Hooks should be accessable to universally via the federation global or by using getInstance()

Using a hook.

For example, an application could emit information such as app state to the hook.

function App(state) { const instance = __webpack_require__.federation.runtime.getInstance(); React.useEffect(() => { instance.userHooks.someHook.emit(state) },[]); return ( <div id="3011-rspack-manifest-provider" style={{ height: 300, overflow: 'scroll', width: 300, }} > <h2>lodash apis:</h2> <nav> {Object.keys(_).map((key, index) => { return <li key={index}>{key}</li>; })} </nav> <h2>antd components:</h2> <nav> {Object.keys(antd).map((key, index) => { return <li key={index}>{key}</li>; })} </nav> <h2>async file</h2> <Suspense fallback="loading AsyncFile"> <AsyncFile /> </Suspense> </div> ); } 

Consuming info from the hook in another application.

 const instance = __webpack_require__.federation.runtime.getInstance('home'); const [state,setState] = useState({}) instance.userHooks.someHook.tap((state)=>{ setState(state) }) 

Or responding to the hook in a runtimePlugin:

export default function () { return { name: 'user-hooks-plugin', async init(args) { return args; }, registerHooks(args) { return { someHook: SyncWaterFallHook() } }, someHook(args) { // can also return or respond with data from the runtime plugin } }; }