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 
   }
  };
}