@nx/react-native 0.0.0-pr-22179-271588f → 0.0.0-pr-26482-ebe2dba

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2023 Narwhal Technologies Inc.
+Copyright (c) 2017-2024 Narwhal Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/README.md

@@ -24,7 +24,7 @@
 
 Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
 
-This package is a [React Native plugin for Nx](https://nx.dev/packages/react-native).
+This package is a [React Native plugin for Nx](https://nx.dev/nx-api/react-native).
 
 ## Getting Started
 

package/migrations.json

@@ -1,17 +1,5 @@
 {
   "generators": {
-    "add-babel-inputs": {
-      "cli": "nx",
-      "version": "15.0.0-beta.0",
-      "description": "Adds babel.config.json to the hash of all tasks",
-      "factory": "./src/migrations/update-15-0-0/add-babel-inputs"
-    },
-    "add-build-ios-target": {
-      "cli": "nx",
-      "version": "15.9.1-beta.0",
-      "description": "Add target build-ios and pod-install for react native apps",
-      "factory": "./src/migrations/update-15-9-1/add-build-ios-target"
-    },
     "update-16-0-0-add-nx-packages": {
       "cli": "nx",
       "version": "16.0.0-beta.1",
@@ -80,281 +68,6 @@
     }
   },
   "packageJsonUpdates": {
-    "15.0.0": {
-      "version": "15.0.0-beta.0",
-      "packages": {
-        "metro": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-resolver": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-babel-register": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-config": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-preset": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-transformer": {
-          "version": "0.72.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-native": {
-          "version": "0.70.4",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/react-native": {
-          "version": "11.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/jest-native": {
-          "version": "4.0.13",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.2.2": {
-      "version": "15.2.2-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.70.6",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-native": {
-          "version": "0.70.6",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-resolver": {
-          "version": "0.73.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-babel-register": {
-          "version": "0.73.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-config": {
-          "version": "0.73.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-preset": {
-          "version": "0.73.3",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-transformer": {
-          "version": "0.73.3",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-config": {
-          "version": "1.4.11",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/react-native": {
-          "version": "11.5.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/jest-native": {
-          "version": "5.3.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-svg": {
-          "version": "13.6.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@babel/runtime": {
-          "version": "7.20.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli": {
-          "version": "9.3.2",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-android": {
-          "version": "9.3.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-ios": {
-          "version": "9.3.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-async-storage/async-storage": {
-          "version": "1.17.11",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.6.2": {
-      "version": "15.6.2-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.71.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-native": {
-          "version": "0.71.0",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-resolver": {
-          "version": "0.74.1",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-babel-register": {
-          "version": "0.74.1",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-config": {
-          "version": "0.74.1",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-preset": {
-          "version": "0.74.1",
-          "alwaysAddToPackageJson": false
-        },
-        "metro-react-native-babel-transformer": {
-          "version": "0.74.1",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-config": {
-          "version": "1.4.12",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/jest-native": {
-          "version": "5.4.1",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-svg": {
-          "version": "13.7.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@babel/runtime": {
-          "version": "7.20.7",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli": {
-          "version": "10.1.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-android": {
-          "version": "10.1.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-ios": {
-          "version": "10.1.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/node": {
-          "version": "18.11.18",
-          "alwaysAddToPackageJson": false
-        },
-        "react": {
-          "version": "18.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-dom": {
-          "version": "18.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "react-test-renderer": {
-          "version": "18.2.0",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.7.1": {
-      "version": "15.7.1-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.71.2",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-native": {
-          "version": "0.71.2",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-config": {
-          "version": "1.5.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/react-native": {
-          "version": "11.5.2",
-          "alwaysAddToPackageJson": false
-        },
-        "react-native-svg": {
-          "version": "13.8.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@babel/runtime": {
-          "version": "7.20.13",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.8.3": {
-      "version": "15.8.3-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.71.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/react-native": {
-          "version": "0.71.3",
-          "alwaysAddToPackageJson": false
-        },
-        "@types/node": {
-          "version": "18.14.4",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli": {
-          "version": "10.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-android": {
-          "version": "10.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-ios": {
-          "version": "10.2.0",
-          "alwaysAddToPackageJson": false
-        },
-        "@testing-library/jest-native": {
-          "version": "5.4.2",
-          "alwaysAddToPackageJson": false
-        },
-        "@babel/runtime": {
-          "version": "7.21.0",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.8.6": {
-      "version": "15.8.6-beta.0",
-      "packages": {
-        "react-native": {
-          "version": "0.71.4",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
-    "15.9.1": {
-      "version": "15.9.1-beta.0",
-      "packages": {
-        "@react-native-community/cli": {
-          "version": "10.2.1",
-          "alwaysAddToPackageJson": false
-        },
-        "@react-native-community/cli-platform-ios": {
-          "version": "10.2.1",
-          "alwaysAddToPackageJson": false
-        }
-      }
-    },
     "16.0.0": {
       "version": "16.0.0-beta.0",
       "packages": {
@@ -627,6 +340,84 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "19.0.0": {
+      "version": "19.0.0-beta.7",
+      "packages": {
+        "react-native": {
+          "version": "0.73.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native-community/cli-platform-android": {
+          "version": "~12.3.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native/babel-preset": {
+          "version": "^0.73.21",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native/metro-config": {
+          "version": "^0.73.5",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-web": {
+          "version": "^0.19.10",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/react-native": {
+          "version": "~12.4.5",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-svg-transformer": {
+          "version": "1.3.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-svg": {
+          "version": "15.1.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@babel/runtime": {
+          "version": "7.24.4",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "19.2.0": {
+      "version": "19.2.0-beta.2",
+      "packages": {
+        "react-native": {
+          "version": "0.74.1",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native-community/cli-platform-android": {
+          "version": "~13.6.6",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native/babel-preset": {
+          "version": "^0.74.83",
+          "alwaysAddToPackageJson": false
+        },
+        "@react-native/metro-config": {
+          "version": "^0.74.83",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-web": {
+          "version": "^0.19.11",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/react-native": {
+          "version": "~12.5.0",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-svg": {
+          "version": "15.2.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@babel/runtime": {
+          "version": "7.24.5",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "0.0.0-pr-22179-271588f",
+  "version": "0.0.0-pr-26482-ebe2dba",
   "private": false,
   "description": "The Nx Plugin for React Native contains generators for managing React Native applications and libraries within an Nx workspace. It provides: \n\n-Integration with libraries such as Jest, Detox, and Storybook.\n-Scaffolding for creating buildable libraries that can be published to npm.\n-Utilities for automatic workspace refactoring.",
   "keywords": [
@@ -9,7 +9,8 @@
     "Web",
     "Jest",
     "Native",
-    "CLI"
+    "CLI",
+    "Mobile"
   ],
   "homepage": "https://nx.dev",
   "bugs": {
@@ -22,7 +23,7 @@
   },
   "license": "MIT",
   "author": "Victor Savkin",
-  "main": "./index.js",
+  "main": "./index",
   "types": "index.d.ts",
   "dependencies": {
     "ajv": "^8.12.0",
@@ -36,13 +37,13 @@
     "node-fetch": "^2.6.7",
     "tsconfig-paths": "^4.1.2",
     "tslib": "^2.3.0",
-    "@nx/devkit": "0.0.0-pr-22179-271588f",
-    "@nx/jest": "0.0.0-pr-22179-271588f",
-    "@nx/js": "0.0.0-pr-22179-271588f",
-    "@nx/eslint": "0.0.0-pr-22179-271588f",
-    "@nx/react": "0.0.0-pr-22179-271588f",
-    "@nx/workspace": "0.0.0-pr-22179-271588f",
-    "@nrwl/react-native": "0.0.0-pr-22179-271588f"
+    "@nx/devkit": "0.0.0-pr-26482-ebe2dba",
+    "@nx/jest": "0.0.0-pr-26482-ebe2dba",
+    "@nx/js": "0.0.0-pr-26482-ebe2dba",
+    "@nx/eslint": "0.0.0-pr-26482-ebe2dba",
+    "@nx/react": "0.0.0-pr-26482-ebe2dba",
+    "@nx/workspace": "0.0.0-pr-26482-ebe2dba",
+    "@nrwl/react-native": "0.0.0-pr-26482-ebe2dba"
   },
   "executors": "./executors.json",
   "ng-update": {

package/plugins/plugin.js

@@ -8,23 +8,27 @@ const get_named_inputs_1 = require("@nx/devkit/src/utils/get-named-inputs");
 const fs_1 = require("fs");
 const calculate_hash_for_create_nodes_1 = require("@nx/devkit/src/utils/calculate-hash-for-create-nodes");
 const cache_directory_1 = require("nx/src/utils/cache-directory");
-const cachePath = (0, path_1.join)(cache_directory_1.projectGraphCacheDirectory, 'react-native.hash');
-const targetsCache = (0, fs_1.existsSync)(cachePath) ? readTargetsCache() : {};
-const calculatedTargets = {};
+const config_utils_1 = require("@nx/devkit/src/utils/config-utils");
+const cachePath = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, 'react-native.hash');
+const targetsCache = readTargetsCache();
 function readTargetsCache() {
-    return (0, devkit_1.readJsonFile)(cachePath);
+    return (0, fs_1.existsSync)(cachePath) ? (0, devkit_1.readJsonFile)(cachePath) : {};
 }
-function writeTargetsToCache(targets) {
-    (0, devkit_1.writeJsonFile)(cachePath, targets);
+function writeTargetsToCache() {
+    const oldCache = readTargetsCache();
+    (0, devkit_1.writeJsonFile)(cachePath, {
+        ...oldCache,
+        ...targetsCache,
+    });
 }
 const createDependencies = () => {
-    writeTargetsToCache(calculatedTargets);
+    writeTargetsToCache();
     return [];
 };
 exports.createDependencies = createDependencies;
 exports.createNodes = [
     '**/app.{json,config.js}',
-    (configFilePath, options, context) => {
+    async (configFilePath, options, context) => {
         options = normalizeOptions(options);
         const projectRoot = (0, path_1.dirname)(configFilePath);
         // Do not create a project if package.json or project.json or metro.config.js isn't there.
@@ -33,21 +37,16 @@ exports.createNodes = [
             !siblingFiles.includes('metro.config.js')) {
             return {};
         }
-        const appConfig = getAppConfig(configFilePath, context);
+        const appConfig = await getAppConfig(configFilePath, context);
         if (appConfig.expo) {
             return {};
         }
-        const hash = (0, calculate_hash_for_create_nodes_1.calculateHashForCreateNodes)(projectRoot, options, context, [
-            (0, js_1.getLockFileName)((0, devkit_1.detectPackageManager)(context.workspaceRoot)),
-        ]);
-        const targets = targetsCache[hash]
-            ? targetsCache[hash]
-            : buildReactNativeTargets(projectRoot, options, context);
-        calculatedTargets[hash] = targets;
+        const hash = await (0, calculate_hash_for_create_nodes_1.calculateHashForCreateNodes)(projectRoot, options, context, [(0, js_1.getLockFileName)((0, devkit_1.detectPackageManager)(context.workspaceRoot))]);
+        targetsCache[hash] ??= buildReactNativeTargets(projectRoot, options, context);
         return {
             projects: {
                 [projectRoot]: {
-                    targets,
+                    targets: targetsCache[hash],
                 },
             },
         };
@@ -64,12 +63,6 @@ function buildReactNativeTargets(projectRoot, options, context) {
             command: `pod install`,
             options: { cwd: (0, devkit_1.joinPathFragments)(projectRoot, 'ios') },
             dependsOn: [`${options.syncDepsTargetName}`],
-            cache: true,
-            inputs: getInputs(namedInputs),
-            outputs: [
-                getOutputs(projectRoot, 'ios/Pods'),
-                getOutputs(projectRoot, 'ios/Podfile.lock'),
-            ],
         },
         [options.runIosTargetName]: {
             command: `react-native run-ios`,
@@ -113,8 +106,7 @@ function buildReactNativeTargets(projectRoot, options, context) {
 }
 function getAppConfig(configFilePath, context) {
     const resolvedPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
-    let module = load(resolvedPath);
-    return module.default ?? module;
+    return (0, config_utils_1.loadConfigFile)(resolvedPath);
 }
 function getInputs(namedInputs) {
     return [
@@ -134,19 +126,6 @@ function getOutputs(projectRoot, dir) {
         return `{workspaceRoot}/${projectRoot}/${dir}`;
     }
 }
-/**
- * Load the module after ensuring that the require cache is cleared.
- */
-function load(path) {
-    // Clear cache if the path is in the cache
-    if (require.cache[path]) {
-        for (const k of Object.keys(require.cache)) {
-            delete require.cache[k];
-        }
-    }
-    // Then require
-    return require(path);
-}
 function normalizeOptions(options) {
     options ??= {};
     options.startTargetName ??= 'start';

package/plugins/with-nx-metro.js

@@ -4,6 +4,7 @@ exports.withNxMetro = void 0;
 const devkit_1 = require("@nx/devkit");
 const metro_config_1 = require("metro-config");
 const fs_extra_1 = require("fs-extra");
+const path_1 = require("path");
 const metro_resolver_1 = require("./metro-resolver");
 async function withNxMetro(userConfig, opts = {}) {
     const extensions = ['', 'ts', 'tsx', 'js', 'jsx', 'json'];
@@ -13,7 +14,7 @@ async function withNxMetro(userConfig, opts = {}) {
         extensions.push(...opts.extensions);
     let watchFolders = (0, fs_extra_1.readdirSync)(devkit_1.workspaceRoot)
         .filter((fileName) => !['dist', 'e2e'].includes(fileName) && !fileName.startsWith('.'))
-        .map((fileName) => (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, fileName))
+        .map((fileName) => (0, path_1.join)(devkit_1.workspaceRoot, fileName))
         .filter((filePath) => (0, fs_extra_1.statSync)(filePath).isDirectory());
     if (opts.watchFolders?.length) {
         watchFolders = watchFolders.concat(opts.watchFolders);
@@ -22,7 +23,7 @@ async function withNxMetro(userConfig, opts = {}) {
     const nxConfig = {
         resolver: {
             resolveRequest: (0, metro_resolver_1.getResolveRequest)(extensions),
-            nodeModulesPaths: [(0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, 'node_modules')],
+            nodeModulesPaths: [(0, path_1.join)(devkit_1.workspaceRoot, 'node_modules')],
         },
         watchFolders,
     };

package/project.json

@@ -4,8 +4,6 @@
   "sourceRoot": "packages/react-native/src",
   "projectType": "library",
   "targets": {
-    "lint": {},
-    "test": {},
     "build-base": {
       "executor": "@nx/js:tsc",
       "options": {
@@ -18,7 +16,7 @@
           },
           {
             "input": "packages/react-native/src",
-            "glob": "**/*.!(ts)",
+            "glob": "**/!(*.ts)",
             "output": "/src"
           },
           {

package/src/executors/ensure-symlink/ensure-symlink.impl.d.ts

@@ -3,7 +3,7 @@ export interface ReactNativeEnsureSymlinkOutput {
     success: boolean;
 }
 /**
- * TODO (@xiongemi): remove this function in v19.
+ * TODO (@xiongemi): remove this function in v20.
  * @deprecated It is no longer needed for react native 73.
  */
 export default function ensureSymlinkExecutor(_: any, context: ExecutorContext): AsyncGenerator<ReactNativeEnsureSymlinkOutput>;

package/src/executors/ensure-symlink/ensure-symlink.impl.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const ensure_node_modules_symlink_1 = require("../../utils/ensure-node-modules-symlink");
 /**
- * TODO (@xiongemi): remove this function in v19.
+ * TODO (@xiongemi): remove this function in v20.
  * @deprecated It is no longer needed for react native 73.
  */
 async function* ensureSymlinkExecutor(_, context) {

package/src/executors/storybook/schema.d.ts

@@ -2,4 +2,5 @@ export interface ReactNativeStorybookOptions {
   searchDir: string[];
   outputFile: string;
   pattern: string;
+  syncDeps?: boolean;
 }

package/src/executors/storybook/storybook.impl.d.ts

@@ -1,7 +1,7 @@
 import { ExecutorContext } from '@nx/devkit';
 import { ReactNativeStorybookOptions } from './schema';
 /**
- * TODO (@xiongemi): remove this function in v19.
+ * TODO (@xiongemi): remove this function in v20.
  * @deprecated Going to use the default react storybook target. Use @nx/react:storybook executor instead.
  */
 export default function reactNativeStorybookExecutor(options: ReactNativeStorybookOptions, context: ExecutorContext): AsyncGenerator<{

package/src/executors/storybook/storybook.impl.js

@@ -9,10 +9,11 @@ const glob_1 = require("glob");
 const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
 const fs_extra_1 = require("fs-extra");
 /**
- * TODO (@xiongemi): remove this function in v19.
+ * TODO (@xiongemi): remove this function in v20.
  * @deprecated Going to use the default react storybook target. Use @nx/react:storybook executor instead.
  */
 async function* reactNativeStorybookExecutor(options, context) {
+    const { syncDeps: isSyncDepsEnabled = true } = options;
     const projectRoot = context.projectsConfigurations.projects[context.projectName].root;
     devkit_1.logger.info(`${chalk.bold.cyan('info')} To see your Storybook stories on the device, you should start your mobile app for the <platform> of your choice (typically ios or android).`);
     // add storybook addons to app's package.json
@@ -20,7 +21,7 @@ async function* reactNativeStorybookExecutor(options, context) {
     const workspacePackageJsonPath = (0, path_1.join)(context.root, 'package.json');
     const workspacePackageJson = (0, devkit_1.readJsonFile)(workspacePackageJsonPath);
     const projectPackageJson = (0, devkit_1.readJsonFile)(packageJsonPath);
-    if ((0, fileutils_1.fileExists)(packageJsonPath))
+    if (isSyncDepsEnabled && (0, fileutils_1.fileExists)(packageJsonPath))
         (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, await (0, sync_deps_impl_1.syncDeps)(context.projectName, projectPackageJson, packageJsonPath, workspacePackageJson, context.projectGraph, [
             `@storybook/react-native`,
             '@storybook/addon-ondevice-actions',
@@ -35,7 +36,13 @@ async function* reactNativeStorybookExecutor(options, context) {
 }
 exports.default = reactNativeStorybookExecutor;
 function runCliStorybook(workspaceRoot, options) {
-    const storiesFiles = options.searchDir.flatMap((dir) => (0, glob_1.sync)((0, path_1.join)(dir, options.pattern)));
+    const storiesFiles = options.searchDir.flatMap((dir) => {
+        const storyFilePaths = (0, glob_1.sync)((0, path_1.join)(dir, options.pattern));
+        return storyFilePaths.map((storyFilePath) => {
+            const loaderPath = (0, path_1.resolve)((0, path_1.dirname)(options.outputFile));
+            return (0, path_1.relative)(loaderPath, storyFilePath);
+        });
+    });
     if (storiesFiles.length === 0) {
         devkit_1.logger.warn(`${chalk.bold.yellow('warn')} No stories found.`);
     }