@module-federation/data-prefetch 1.0.16 → 2.0.1

package/src/react/hooks.ts

@@ -1,95 +0,0 @@
-import { useEffect, useState } from 'react';
-import type { defer } from 'react-router';
-
-import logger from '../logger';
-import { MFDataPrefetch, type prefetchOptions } from '../prefetch';
-import { prefetch } from '../universal';
-import { getScope } from '../common/runtime-utils';
-import { useFirstMounted } from './utils';
-
-type refetchParams = any;
-type DeferredData = ReturnType<typeof defer>;
-type prefetchReturnType<T> = [
-  Promise<T>,
-  (refetchParams?: refetchParams) => void,
-];
-
-type UsePrefetchOptions = prefetchOptions & {
-  deferId?: string;
-};
-
-export const usePrefetch = <T>(
-  options: UsePrefetchOptions,
-): prefetchReturnType<T> => {
-  const isFirstMounted = useFirstMounted();
-  if (isFirstMounted) {
-    const startTiming = performance.now();
-    logger.info(
-      `2. Start Get Prefetch Data: ${options.id} - ${
-        options.functionId || 'default'
-      } - ${startTiming}`,
-    );
-  }
-  const { id, functionId, deferId } = options;
-  const prefetchInfo = {
-    id,
-    functionId,
-  };
-  const mfScope = getScope();
-
-  let state;
-  const prefetchResult = prefetch(options);
-  if (deferId) {
-    if (prefetchResult instanceof Promise) {
-      state = (prefetchResult as Promise<DeferredData>).then(
-        (deferredData) => deferredData.data[deferId],
-      );
-    } else {
-      state = (prefetchResult as DeferredData).data[deferId];
-    }
-  } else {
-    state = prefetchResult;
-  }
-  const [prefetchState, setPrefetchState] = useState<Promise<T>>(
-    state as Promise<T>,
-  );
-  const prefetchInstance = MFDataPrefetch.getInstance(mfScope);
-
-  useEffect(() => {
-    const useEffectTiming = performance.now();
-    logger.info(
-      `3. Start Execute UseEffect: ${options.id} - ${
-        options.functionId || 'default'
-      } - ${useEffectTiming}`,
-    );
-
-    return () => {
-      prefetchInstance?.markOutdate(prefetchInfo, true);
-    };
-  }, []);
-
-  const refreshExecutor = (refetchParams?: refetchParams) => {
-    const refetchOptions = {
-      ...options,
-    };
-    if (refetchParams) {
-      refetchOptions.refetchParams = refetchParams;
-    }
-    prefetchInstance?.markOutdate(prefetchInfo, true);
-    const newVal = prefetch(refetchOptions) as Promise<DeferredData>;
-    let newState;
-    if (deferId) {
-      if (newVal instanceof Promise) {
-        newState = newVal.then((deferredData) => deferredData.data[deferId]);
-      } else {
-        newState = (newVal as DeferredData).data[deferId];
-      }
-    } else {
-      newState = newVal;
-    }
-
-    setPrefetchState(newState as Promise<T>);
-  };
-
-  return [prefetchState, refreshExecutor];
-};

package/src/react/index.ts

@@ -1 +0,0 @@
-export * from './hooks';

package/src/react/utils.ts

@@ -1,11 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-export const useFirstMounted = (): boolean => {
-  const ref = useRef(true);
-
-  useEffect(() => {
-    ref.current = false;
-  }, []);
-
-  return ref.current;
-};

package/src/shared/index.ts

@@ -1,26 +0,0 @@
-import type { FederationRuntimePlugin } from '@module-federation/runtime';
-
-const sharedStrategy: () => FederationRuntimePlugin = () => ({
-  name: 'shared-strategy',
-  beforeInit(args) {
-    const { userOptions } = args;
-    const shared = userOptions.shared;
-    if (shared) {
-      Object.keys(shared).forEach((sharedKey) => {
-        const sharedConfigs = shared[sharedKey];
-        const arraySharedConfigs = Array.isArray(sharedConfigs)
-          ? sharedConfigs
-          : [sharedConfigs];
-        arraySharedConfigs.forEach((s) => {
-          s.strategy = 'loaded-first';
-        });
-      });
-      console.warn(
-        `[Module Federation Data Prefetch]: Your shared strategy is set to 'loaded-first', this is a necessary condition for data prefetch`,
-      );
-    }
-    return args;
-  },
-});
-
-export default sharedStrategy;

package/src/universal/index.ts

@@ -1,27 +0,0 @@
-import { MFDataPrefetch, type prefetchOptions } from '../prefetch';
-import { getScope } from '../common/runtime-utils';
-
-export function prefetch(options: prefetchOptions): Promise<any> {
-  const { id, functionId = 'default' } = options;
-  const mfScope = getScope();
-
-  const prefetchInstance =
-    MFDataPrefetch.getInstance(mfScope) ||
-    new MFDataPrefetch({
-      name: mfScope,
-    });
-
-  const res = prefetchInstance.getProjectExports();
-  if (res instanceof Promise) {
-    const promise = res.then(() => {
-      const result = prefetchInstance!.prefetch(options);
-      prefetchInstance.memorize(id + functionId, result);
-      return result;
-    });
-    return promise;
-  } else {
-    const result = prefetchInstance!.prefetch(options);
-    prefetchInstance.memorize(id + functionId, result);
-    return result;
-  }
-}

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": "./",
-    "outDir": "dist",
-    "sourceMap": false,
-    "module": "commonjs",
-    "target": "ES2015",
-    "skipLibCheck": true,
-    "moduleResolution": "node",
-    "allowJs": false,
-    "strict": true,
-    "types": ["jest", "node"],
-    "experimentalDecorators": true,
-    "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "removeComments": true,
-    "declaration": true,
-    "paths": {
-      "@/*": ["./*"],
-      "@src/*": ["./src/*"]
-    }
-  },
-  "include": ["src", "../../global.d.ts", "__tests__/**/*", "tsup.config.ts"],
-  "exclude": ["node_modules/**/*", "../node_modules"]
-}

package/tsup.config.ts

@@ -1,35 +0,0 @@
-import { replace } from 'esbuild-plugin-replace';
-import minimist from 'minimist';
-import type { Options } from 'tsup';
-
-import pkg from './package.json';
-
-const args = minimist(process.argv.slice(2));
-const watch = process.env.WATCH;
-const sourceMap = args.sourcemap || args.s;
-
-export const tsup: Options = {
-  entry: [
-    'src/index.ts',
-    'src/react/index.ts',
-    'src/cli/index.ts',
-    'src/cli/babel.ts',
-    'src/universal/index.ts',
-    'src/plugin.ts',
-    'src/shared/index.ts',
-  ],
-  sourcemap: sourceMap,
-  clean: true,
-  dts: true,
-  watch: watch ? 'src/' : false,
-  format: ['esm', 'cjs'],
-  legacyOutput: true,
-  esbuildPlugins: [
-    replace({
-      __VERSION__: `'${pkg.version}'`,
-      __DEV__:
-        '(typeof process !== "undefined" && process.env && process.env.NODE_ENV ? (process.env.NODE_ENV !== "production") : false)',
-      __TEST__: 'false',
-    }),
-  ],
-};