@gobvoz/cli-fsd/creators/create-lazy-loader.js

Utility to create slices in Feature-Sliced Design methodology. Expect, that you have already installed `react`, `typescript`, `@reduxjs/toolkit`, `@reduxjs/toolkit-query`, `i18n` and use `module.scss` structure.

import fs from 'fs/promises';
import path from 'path';

import log from '../utils/log.js';
import createFolder from '../utils/create-folder.js';

import lazyLoaderTemplate from '../templates/lazy-loader-template.js';

const createLazyLoader = async (layer, sliceName) => {
  const resolvePath = (...segments) => path.resolve('src', layer, sliceName.kebabCase, ...segments);

  const createLazyLoader = async () => {
    try {
      await fs.writeFile(
        resolvePath('ui', `${sliceName.kebabCase}.lazy.tsx`),
        lazyLoaderTemplate(sliceName),
      );
    } catch (error) {
      log.error(`Could not create 'UI lazy component' for "${sliceName.kebabCase}"`);
    }
  };

  await createFolder('src', layer, sliceName.kebabCase, 'ui');
  await createLazyLoader();
};

export default createLazyLoader;