@squide/firefly 15.0.4 → 16.0.0

package/src/useRegisterDeferredRegistrations.ts

@@ -1,9 +1,8 @@
 import type { Runtime } from "@squide/core";
-import { registerDeferredRegistrations } from "@squide/module-federation";
 import { useCallback } from "react";
 
 export function useRegisterDeferredRegistrations() {
     return useCallback(<TData = unknown, TRuntime extends Runtime = Runtime>(data: TData, runtime: TRuntime) => {
-        return registerDeferredRegistrations(data, runtime);
+        return runtime.moduleManager.registerDeferredRegistrations(data);
     }, []);
 }

package/src/useStrictRegistrationMode.ts

@@ -1,28 +1,23 @@
-import { addLocalModuleRegistrationStatusChangedListener, getLocalModuleRegistrationStatus, removeLocalModuleRegistrationStatusChangedListener, useRuntime } from "@squide/core";
-import { addRemoteModuleRegistrationStatusChangedListener, areModulesReady, getRemoteModuleRegistrationStatus, removeRemoteModuleRegistrationStatusChangedListener } from "@squide/module-federation";
+import { Runtime, useRuntime } from "@squide/core";
 import { useEffect, useSyncExternalStore } from "react";
 
-function subscribeToLocalModuleRegistrationStatusChanged(callback: () => void) {
-    addLocalModuleRegistrationStatusChangedListener(callback);
+function subscribeToModulesReady(runtime: Runtime) {
+    return (callback: () => void) => {
+        runtime.moduleManager.registerModulesReadyListener(callback);
 
-    return () => removeLocalModuleRegistrationStatusChangedListener(callback);
-}
-
-function subscribeToRemoteModuleRegistrationStatusChanged(callback: () => void) {
-    addRemoteModuleRegistrationStatusChangedListener(callback);
-
-    return () => removeRemoteModuleRegistrationStatusChangedListener(callback);
+        return () => runtime.moduleManager.removeModulesReadyListener(callback);
+    };
 }
 
 export function useStrictRegistrationMode() {
     const runtime = useRuntime();
 
-    const localModuleStatus = useSyncExternalStore(subscribeToLocalModuleRegistrationStatusChanged, getLocalModuleRegistrationStatus);
-    const remoteModuleStatus = useSyncExternalStore(subscribeToRemoteModuleRegistrationStatusChanged, getRemoteModuleRegistrationStatus);
+    // This listener is only executed if the modules are ready.
+    const areModulesReady = useSyncExternalStore(subscribeToModulesReady(runtime), () => runtime.moduleManager.getAreModulesReady());
 
     useEffect(() => {
-        if (areModulesReady(localModuleStatus, remoteModuleStatus)) {
+        if (areModulesReady) {
             runtime._validateRegistrations();
         }
-    }, [runtime, localModuleStatus, remoteModuleStatus]);
+    }, [runtime, areModulesReady]);
 }

package/src/useUpdateDeferredRegistrations.ts

@@ -1,16 +1,22 @@
 import type { Runtime } from "@squide/core";
-import { updateDeferredRegistrations } from "@squide/module-federation";
 import { useCallback } from "react";
 import { useAppRouterDispatcher } from "./AppRouterContext.ts";
 
+export const DeferredRegistrationsUpdateStartedEvent = "squide-deferred-registrations-update-started";
+export const DeferredRegistrationsUpdateCompletedEvent = "squide-deferred-registrations-update-completed-started";
+
 export function useUpdateDeferredRegistrations() {
     const dispatch = useAppRouterDispatcher();
 
     return useCallback(async <TData = unknown, TRuntime extends Runtime = Runtime>(data: TData, runtime: TRuntime) => {
-        const errors = await updateDeferredRegistrations(data, runtime);
+        runtime.eventBus.dispatch(DeferredRegistrationsUpdateStartedEvent);
+
+        const errors = await runtime.moduleManager.updateDeferredRegistrations(data);
 
         dispatch({ type: "deferred-registrations-updated" });
 
+        runtime.eventBus.dispatch(DeferredRegistrationsUpdateCompletedEvent);
+
         return errors;
     }, [dispatch]);
 }