@prismai/prism-ladle/packages/ladle/lib/cli/vite-plugin/generate/get-story-imports.js

Enhanced component development environment based on Ladle, with multi-project support

import t from "@babel/types";
import path from "path";
import { template, generate } from "../babel.js";
import { IMPORT_ROOT } from "../utils.js";
import cleanupWindowsPath from "./cleanup-windows-path.js";

/**
 * @param entryData {import('../../../shared/types').EntryData}
 */
const getStoryImports = (entryData) => {
  let storyImports = `import { lazy, createElement, Fragment } from "react";\n`;
  storyImports += `import composeEnhancers from "/src/compose-enhancers";\n`;
  const lazyImport = template(`
    const %%component%% = lazy(() =>
     import(%%source%%).then((module) => {
        return { default: composeEnhancers(module, %%story%%) };
      })
    );
  `);

  Object.keys(entryData).forEach((entry) => {
    entryData[entry].stories.forEach(({ componentName, namedExport }) => {
      const ast = lazyImport({
        source: t.stringLiteral(
          cleanupWindowsPath(path.join(IMPORT_ROOT, entry)),
        ),
        component: t.identifier(componentName),
        story: t.stringLiteral(namedExport),
      });
      storyImports += `\n${generate(ast).code}`;
    });
  });

  return storyImports;
};

export default getStoryImports;