@squide/firefly 7.0.0 → 9.0.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@squide/firefly",
   "author": "Workleap",
-  "version": "7.0.0",
-  "description": "Helpers to facilitate the creation of a shell package with Squide firefly technology stack.",
+  "version": "9.0.0",
+  "description": "Helpers to facilitate the creation of an application with the Squide firefly technology stack.",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -16,8 +16,8 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
       "default": "./dist/index.js"
     }
   },
@@ -27,40 +27,40 @@
     "README.md"
   ],
   "peerDependencies": {
+    "@tanstack/react-query": "*",
     "msw": "*",
     "react": "*",
     "react-dom": "*",
-    "react-error-boundary": "*",
     "react-router-dom": "*"
   },
   "devDependencies": {
-    "@swc/core": "1.4.7",
+    "@swc/core": "1.7.0",
     "@swc/jest": "0.2.36",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.2.1",
+    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
-    "@types/react": "18.2.65",
-    "@types/react-dom": "18.2.22",
-    "@workleap/eslint-plugin": "3.1.0",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@workleap/eslint-plugin": "3.2.2",
     "@workleap/swc-configs": "2.2.3",
-    "@workleap/tsup-configs": "3.0.4",
+    "@workleap/tsup-configs": "3.0.6",
     "@workleap/typescript-configs": "3.0.2",
+    "eslint": "8.57.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "msw": "2.2.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-error-boundary": "4.0.13",
-    "react-router-dom": "6.22.3",
-    "ts-jest": "29.1.2",
-    "tsup": "8.0.2",
-    "typescript": "5.4.2"
+    "msw": "2.3.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-router-dom": "6.25.1",
+    "ts-jest": "29.2.3",
+    "tsup": "8.1.2",
+    "typescript": "5.5.3"
   },
   "dependencies": {
-    "@squide/core": "3.4.0",
-    "@squide/msw": "2.0.13",
-    "@squide/react-router": "4.1.3",
-    "@squide/webpack-module-federation": "4.0.0"
+    "@squide/core": "5.0.0",
+    "@squide/module-federation": "6.0.0",
+    "@squide/msw": "3.0.0",
+    "@squide/react-router": "6.0.0"
   },
   "sideEffects": false,
   "engines": {

package/dist/chunk-JRNDLQBI.js

@@ -1,26 +0,0 @@
-import { MswPlugin } from '@squide/msw';
-import { ReactRouterRuntime } from '@squide/react-router';
-
-// src/fireflyRuntime.tsx
-var FireflyRuntime = class extends ReactRouterRuntime {
-  #mswPlugin;
-  constructor({ plugins, ...options } = {}) {
-    const mswPlugin = new MswPlugin();
-    super({
-      plugins: [
-        ...plugins ?? [],
-        mswPlugin
-      ],
-      ...options
-    });
-    this.#mswPlugin = mswPlugin;
-  }
-  registerRequestHandlers(handlers) {
-    this.#mswPlugin.registerRequestHandlers(handlers);
-  }
-  get requestHandlers() {
-    return this.#mswPlugin.requestHandlers;
-  }
-};
-
-export { FireflyRuntime };

package/dist/chunk-YPB7BNRJ.js

@@ -1,160 +0,0 @@
-import { useLogOnceLogger, isNil } from '@squide/core';
-import { useIsMswStarted } from '@squide/msw';
-import { useRouteMatch, useIsRouteProtected, useRoutes, findRouteByPath } from '@squide/react-router';
-import { useAreModulesRegistered, useAreModulesReady } from '@squide/webpack-module-federation';
-import { useEffect, useCallback, cloneElement, useMemo } from 'react';
-import { ErrorBoundary, useErrorBoundary } from 'react-error-boundary';
-import { useLocation, Outlet } from 'react-router-dom';
-import { jsx } from 'react/jsx-runtime';
-
-// src/AppRouter.tsx
-function useLoadPublicData(areModulesRegistered, areModulesReady, isMswStarted, isLoaded, onLoadData) {
-  const logger = useLogOnceLogger();
-  const { showBoundary } = useErrorBoundary();
-  useEffect(() => {
-    if (onLoadData && !isLoaded) {
-      if ((areModulesRegistered || areModulesReady) && isMswStarted) {
-        logger.debugOnce("loading-public-data", "[shell] Loading public data.");
-        const abortController = new AbortController();
-        const signal = abortController.signal;
-        const result = onLoadData(signal);
-        if (!isPromise(result)) {
-          throw Error("[squide] An AppRouter onLoadPublicData handler must return a promise object.");
-        }
-        result.then(() => {
-          logger.debugOnce("public-data-loaded", "[shell] Public data has been loaded.");
-        }).catch((error) => {
-          if (!signal.aborted) {
-            showBoundary(error);
-          }
-        });
-        return () => {
-          abortController.abort();
-        };
-      }
-    }
-  }, [areModulesRegistered, areModulesReady, isMswStarted, isLoaded, showBoundary, onLoadData, logger]);
-}
-function useLoadProtectedData(areModulesRegistered, areModulesReady, isMswStarted, isActiveRouteProtected, isLoaded, onLoadData) {
-  const logger = useLogOnceLogger();
-  const { showBoundary } = useErrorBoundary();
-  useEffect(() => {
-    if (onLoadData && !isLoaded) {
-      if ((areModulesRegistered || areModulesReady) && isMswStarted) {
-        if (isActiveRouteProtected) {
-          logger.debugOnce("loading-protected-data", `[shell] Loading protected data as "${location.pathname}" is a protected route.`);
-          const abortController = new AbortController();
-          const signal = abortController.signal;
-          const result = onLoadData(signal);
-          if (!isPromise(result)) {
-            throw Error("[squide] An AppRouter onLoadProtectedData handler must return a promise object.");
-          }
-          result.then(() => {
-            logger.debugOnce("protected-data-loaded", "[shell] Protected data has been loaded.");
-          }).catch((error) => {
-            if (!signal.aborted) {
-              showBoundary(error);
-            }
-          });
-          return () => {
-            abortController.abort();
-          };
-        } else {
-          logger.debugOnce("is-a-public-route", `[shell] Not loading protected data as "${location.pathname}" is a public route.`);
-        }
-      }
-    }
-  }, [areModulesRegistered, areModulesReady, isMswStarted, isActiveRouteProtected, isLoaded, showBoundary, onLoadData, logger]);
-}
-function isPromise(value) {
-  return !isNil(value) && !isNil(value.then) && !isNil(value.catch);
-}
-function BootstrappingRoute(props) {
-  const {
-    fallbackElement,
-    onLoadPublicData,
-    onLoadProtectedData,
-    isPublicDataLoaded,
-    isProtectedDataLoaded,
-    onCompleteRegistrations,
-    waitForMsw,
-    areModulesRegistered,
-    areModulesReady
-  } = props;
-  const logger = useLogOnceLogger();
-  const location2 = useLocation();
-  const isMswStarted = useIsMswStarted(waitForMsw);
-  useEffect(() => {
-    if (waitForMsw) {
-      if ((areModulesRegistered || areModulesReady) && !isMswStarted) {
-        logger.debugOnce("waiting-for-msw", `[shell] Modules are ${areModulesReady ? "ready" : "registered"}, waiting for MSW to start...`);
-      } else if (!areModulesRegistered && !areModulesReady && isMswStarted) {
-        logger.debugOnce("waiting-for-modules", "[shell] MSW is started, waiting for the modules...");
-      }
-    }
-  }, [logger, areModulesRegistered, areModulesReady, isMswStarted, waitForMsw]);
-  useLoadPublicData(areModulesRegistered, areModulesReady, isMswStarted, isPublicDataLoaded, onLoadPublicData);
-  const activeRoute = useRouteMatch(location2, { throwWhenThereIsNoMatch: areModulesReady });
-  const isActiveRouteProtected = useIsRouteProtected(activeRoute);
-  useLoadProtectedData(areModulesRegistered, areModulesReady, isMswStarted, isActiveRouteProtected, isProtectedDataLoaded, onLoadProtectedData);
-  useEffect(() => {
-    if (onCompleteRegistrations) {
-      if (areModulesRegistered && isMswStarted && isPublicDataLoaded && (!isActiveRouteProtected || isProtectedDataLoaded)) {
-        if (!areModulesReady) {
-          onCompleteRegistrations();
-        }
-      }
-    }
-  }, [areModulesRegistered, areModulesReady, isMswStarted, isPublicDataLoaded, isProtectedDataLoaded, isActiveRouteProtected, onCompleteRegistrations]);
-  if (!areModulesReady || !isMswStarted || !activeRoute || !isPublicDataLoaded || isActiveRouteProtected && !isProtectedDataLoaded) {
-    return fallbackElement;
-  }
-  return /* @__PURE__ */ jsx(Outlet, {});
-}
-function AppRouter(props) {
-  const {
-    fallbackElement,
-    errorElement,
-    onLoadPublicData,
-    onLoadProtectedData,
-    isPublicDataLoaded = true,
-    isProtectedDataLoaded = true,
-    onCompleteRegistrations,
-    waitForMsw,
-    children: renderRouterProvider
-  } = props;
-  const areModulesRegistered = useAreModulesRegistered();
-  const areModulesReady = useAreModulesReady();
-  const routes = useRoutes();
-  const errorRenderer = useCallback(({ error }) => {
-    return cloneElement(errorElement, {
-      error
-    });
-  }, [errorElement]);
-  return useMemo(() => {
-    if (areModulesRegistered && !findRouteByPath(routes, "*")) {
-      throw new Error("[squide] For the AppRouter component to work properly, the application must be a define a custom no match router. For additional information, refer to: https://reactrouter.com/en/main/start/tutorial#handling-not-found-errors.");
-    }
-    return renderRouterProvider([
-      {
-        element: /* @__PURE__ */ jsx(ErrorBoundary, { fallbackRender: errorRenderer, children: /* @__PURE__ */ jsx(
-          BootstrappingRoute,
-          {
-            fallbackElement,
-            onLoadPublicData,
-            onLoadProtectedData,
-            isPublicDataLoaded,
-            isProtectedDataLoaded,
-            onCompleteRegistrations,
-            waitForMsw,
-            areModulesRegistered,
-            areModulesReady
-          }
-        ) }),
-        children: routes
-      }
-    ], {});
-  }, [areModulesRegistered, areModulesReady, routes, onLoadPublicData, onLoadProtectedData, isPublicDataLoaded, isProtectedDataLoaded, onCompleteRegistrations, waitForMsw, errorRenderer, fallbackElement, renderRouterProvider]);
-}
-
-export { AppRouter, BootstrappingRoute };

package/dist/fireflyRuntime.d.ts

@@ -1,13 +0,0 @@
-import { RuntimeOptions } from '@squide/core';
-import { ReactRouterRuntime } from '@squide/react-router';
-import { RequestHandler } from 'msw';
-
-type FireflyRuntimeOptions = RuntimeOptions;
-declare class FireflyRuntime extends ReactRouterRuntime {
-    #private;
-    constructor({ plugins, ...options }?: FireflyRuntimeOptions);
-    registerRequestHandlers(handlers: RequestHandler[]): void;
-    get requestHandlers(): RequestHandler[];
-}
-
-export { FireflyRuntime, type FireflyRuntimeOptions };

package/dist/fireflyRuntime.js

@@ -1 +0,0 @@
-export { FireflyRuntime } from './chunk-JRNDLQBI.js';