@sima-land/isomorph 9.0.7 → 11.0.0-alpha.0

package/src/module-federation/__example__/webpack-config.example.js

@@ -1,57 +0,0 @@
-/**
- * Пример конфигурации webpack c использованием EnhancedModuleFederationPlugin.
- */
-const ExtendedMFPlugin = require('../enhanced-module-federation-plugin');
-
-/**
- * Пример конфигурации удаленного приложения.
- */
-const RemoteServiceConfig = {
-  entry: {},
-  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-  plugins: [
-    new ExtendedMFPlugin(
-      {
-        name: 'remote-service-name',
-        filename:
-            `remote-service-name/${process.env.CI_COMMIT_REF_NAME}/remoteEntry.${process.env.CI_COMMIT_SHORT_SHA}.js`,
-        exposes: {
-          './Modal': './src/desktop/index.tsx',
-          './Screen': './src/mobile/index.tsx',
-        },
-      }
-    ),
-  ],
-};
-
-/**
- * Пример конфигурации приложения-хоста.
- */
-const HostServiceConfig = {
-  entry: './src/index.js',
-  mode: process.env.NODE_ENV === 'production' ? 'production' : 'development',
-  plugins: [
-    new ExtendedMFPlugin(
-      {
-        name: 'host-service-name',
-        remotes: {
-          remoteService: 'remote-service-name',
-        },
-      }
-    ),
-  ],
-  resolve: {
-    /**
-     * В дев версии или SSR удаленные модули недоступны, указываем компонент-заглушку.
-     */
-    fallback: {
-      'remoteService/Modal': './src/__mocks__/stub-component.js',
-      'remoteService/Screen': './src/__mocks__/stub-component.js',
-    },
-  },
-};
-
-module.exports = [
-  RemoteServiceConfig,
-  HostServiceConfig,
-];

package/src/module-federation/enhanced-module-federation-plugin.js

@@ -1,92 +0,0 @@
-const { ModuleFederationPlugin } = require('webpack').container;
-const WebpackError = require('webpack').WebpackError;
-const { createExternalConfig } = require('./utils');
-
-const LIBRARY_ERROR_TEXT = [
-  'Property "library" set internally as "global" and not overridden.',
-  'For override global variable name use "containersGlobalKey" property.',
-  'For override "library" type use ModuleFederationPlugin.',
-].join(' ');
-
-/** @typedef {string} Remote Имя удаленного сервиса (обычно совпадает с именем в git). */
-/** @typedef {import('webpack').ModuleFederationPluginOptions} MFPluginOriginalOptions Опции. */
-
-/**
- * @typedef EnhancedModuleFederationPluginOptions Опции.
- * @param {string} name Имя сервиса.
- * @param {string} filename Имя удаленной точки входа.
- * @param {Object<string, Remote>} [remotes] Удаленные сервисы.
- * @param {MFPluginOriginalOptions.exposes} [exposes] Предоставляемые сервисы.
- * @param {MFPluginOriginalOptions.shared} [shared] Общие зависимости.
- * @param {string} [remoteEntriesGlobalKey = '__RemoteEntriesList__'] Ключ свойства в глобальном объекте,
- * в котором хранится карта точек входа в удаленные сервисы.
- * @param {string} [containersGlobalKey = '__FederationContainers__'] Ключ свойства в глобальном объекте,
- * в который добавляются контейнеры удаленных сервисов.
- * @param {boolean} [useInDevelopment = false] Требуется ли подключение ModuleFederationPlugin в среде разработки.
- */
-
-/**
- * Создает плагин ModuleFederation с опциями, необходимыми для оркестрации удаленных модулей на клиенте.
- * Плагин ModuleFederation будет добавлен в production режиме.
- */
-class EnhancedModuleFederationPlugin {
-  /**
-   * @param {EnhancedModuleFederationPluginOptions} options Опции.
-   */
-  constructor (options) {
-    const {
-      name,
-      library,
-      remoteEntriesGlobalKey = '__RemoteEntriesList__',
-      containersGlobalKey = '__FederationContainers__',
-    } = options;
-
-    if (library) {
-      throw new WebpackError(LIBRARY_ERROR_TEXT);
-    }
-
-    this._options = {
-      ...options,
-      remoteEntriesGlobalKey,
-      containersGlobalKey,
-      library: {
-        type: 'global',
-        name: [containersGlobalKey, name],
-      },
-    };
-  }
-
-  /**
-   * @param {import('webpack').Compiler} compiler Компилятор.
-   */
-  apply (compiler) {
-    const {
-      remotes,
-      remoteEntriesGlobalKey,
-      containersGlobalKey,
-      useInDevelopment = false,
-      ...originalOptions
-    } = this._options;
-
-    const configuredRemotes = {};
-
-    remotes && Object.keys(remotes).forEach(key => {
-      configuredRemotes[key] = { external: createExternalConfig(
-        remotes[key],
-        remoteEntriesGlobalKey,
-        containersGlobalKey
-      ) };
-    });
-
-    compiler.hooks.environment.tap('EnhancedModuleFederationPlugin', () => {
-      if (useInDevelopment || compiler.options.mode === 'production') {
-        new ModuleFederationPlugin({
-          ...remotes && { remotes: configuredRemotes },
-          ...originalOptions,
-        }).apply(compiler);
-      }
-    });
-  }
-}
-
-module.exports = EnhancedModuleFederationPlugin;

package/src/module-federation/utils/index.js

@@ -1,32 +0,0 @@
-/**
- * Возвращает скрипт инициализации удаленного модуля.
- * @param {string} serviceName Имя сервиса, содержащего удаленные модули.
- * @param {string} remoteEntriesGlobalKey Глобальная переменная, в которой хранятся пути к удаленным точкам входа.
- * @param {string} containersGlobalKey Глобальная переменная, в которую добавляются удаленные контейнеры.
- * @return {string} Скрипт инициализации.
- */
-const createExternalConfig = (
-  serviceName,
-  remoteEntriesGlobalKey,
-  containersGlobalKey
-) =>
-    `promise new Promise((resolve, reject) => {
-  if (window['${remoteEntriesGlobalKey}']) {
-    const scriptElement = document.createElement('script');
-    scriptElement.onload = () => {
-      scriptElement.remove();
-      resolve(window['${containersGlobalKey}']['${serviceName}']);
-    };
-    scriptElement.onerror = () => {
-      scriptElement.remove();
-      reject(new Error('Failed loading remoteEntry for "${serviceName}".'));
-    };
-    scriptElement.src = window['${remoteEntriesGlobalKey}']['${serviceName}'];
-    scriptElement.async = true;
-    document.head.append(scriptElement);
-  } else {
-    reject(new ReferenceError('Object "${remoteEntriesGlobalKey}" unavailable.'));
-  }
-})`;
-
-module.exports = { createExternalConfig };

package/src/observe-middleware/index.js

@@ -1,70 +0,0 @@
-import isFunction from 'lodash/isFunction';
-import getMsFromHRT from '../helpers/utils/get-ms-from-hrt';
-
-/**
- * Немедленно выполняет функцию-обработчик при старте middleware.
- * @param {Function} callback Функция обработчик.
- * @return {*} Результат выполнения функции-обработчика.
- */
-export const defaultStartSubscriber = ({ callback }) => callback();
-
-/**
- * Подписчик на событие завершения процесса.
- * @param {Object} param Параметры.
- * @param {import('http').ServerResponse} param.response Ответ сервера.
- * @param {Function} param.callback Функция-обработчик события.
- * @return {import('http').ServerResponse} Имеет ли событие другие обработчики.
- */
-export const defaultFinishSubscriber = ({ response, callback }) => response.once('finish', callback);
-
-/**
- * Возвращает новую функцию - промежуточный слой для Express-приложения.
- * @param {Object} options Опции.
- * @param {Function} options.onStart Сработает при старте запроса, получит временную отметку старта, запрос и ответ.
- * @param {Function} options.onFinish Сработает при отправке ответа, получит временную отметку старта, запрос и ответ.
- * @return {Function} Функция - промежуточный слой для Express.
- */
-export const createObserveMiddleware = (
-  {
-    onStart,
-    onFinish,
-    startSubscriber = defaultStartSubscriber,
-    finishSubscriber = defaultFinishSubscriber,
-  } = {}
-) => {
-  const hasStartHandler = isFunction(onStart);
-  const hasFinishHandler = isFunction(onFinish);
-  const hasStartSubscriber = isFunction(startSubscriber);
-  const hasFinishSubscriber = isFunction(finishSubscriber);
-
-  return (request, response, next) => {
-    let startTime = process.hrtime();
-    if (hasStartSubscriber) {
-      startSubscriber({
-        request,
-        response,
-        callback: () => {
-          startTime = process.hrtime();
-          if (hasStartHandler) {
-            onStart(getMsFromHRT(startTime), request, response);
-          }
-        },
-      });
-    }
-
-    if (hasFinishSubscriber) {
-      finishSubscriber({
-        request,
-        response,
-        callback: () => {
-          const duration = process.hrtime(startTime);
-          if (hasFinishHandler) {
-            onFinish(getMsFromHRT(duration), request, response);
-          }
-        },
-      });
-    }
-
-    next();
-  };
-};

package/src/set-header-middleware/create.js

@@ -1,17 +0,0 @@
-/**
- * Фабрика для промежуточного слоя устанавливающего заголовки.
- * @param {Object} dependencies Объект зависимостей.
- * @param {Object} [dependencies.headers] Объект заголовков.
- * @return {Function} Промежуточный слой приложения для установки заголовков со ссылками на клиентские ресурсы.
- */
-const createSetHeaderMiddleware = ({
-  headers = {},
-}) => (request, response, next) => {
-  Object.entries(headers).forEach(([key, value]) => {
-    response.set({ [key]: value });
-  });
-
-  next();
-};
-
-export default createSetHeaderMiddleware;