@nx/react-native 16.1.0-beta.0 → 16.1.0-rc.0

package/migrations.json

@@ -83,6 +83,12 @@
       "version": "16.0.0-beta.1",
       "description": "Replace @nrwl/react-native with @nx/react-native",
       "implementation": "./src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages"
+    },
+    "update-16-1-0-upgrade-storybook-6-5": {
+      "cli": "nx",
+      "version": "16.1.0-beta.0",
+      "description": "Upgrade @storybook/react-native to 6.5",
+      "implementation": "./src/migrations/update-16-1-0/upgrade-storybook-6-5"
     }
   },
   "packageJsonUpdates": {
@@ -1291,6 +1297,19 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "16.0.2": {
+      "version": "16.0.2-beta.0",
+      "packages": {
+        "@react-native-async-storage/async-storage": {
+          "version": "1.18.1",
+          "alwaysAddToPackageJson": false
+        },
+        "react-native-safe-area-context": {
+          "version": "4.5.1",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react-native",
-  "version": "16.1.0-beta.0",
+  "version": "16.1.0-rc.0",
   "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": [
@@ -25,17 +25,18 @@
   "main": "./index",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/react-native": "16.1.0-beta.0",
-    "@nx/detox": "16.1.0-beta.0",
-    "@nx/devkit": "16.1.0-beta.0",
-    "@nx/jest": "16.1.0-beta.0",
-    "@nx/js": "16.1.0-beta.0",
-    "@nx/linter": "16.1.0-beta.0",
-    "@nx/react": "16.1.0-beta.0",
-    "@nx/workspace": "16.1.0-beta.0",
+    "@nrwl/react-native": "16.1.0-rc.0",
+    "@nx/detox": "16.1.0-rc.0",
+    "@nx/devkit": "16.1.0-rc.0",
+    "@nx/jest": "16.1.0-rc.0",
+    "@nx/js": "16.1.0-rc.0",
+    "@nx/linter": "16.1.0-rc.0",
+    "@nx/react": "16.1.0-rc.0",
+    "@nx/workspace": "16.1.0-rc.0",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^11.1.0",
+    "glob": "7.1.4",
     "ignore": "^5.0.4",
     "metro-resolver": "^0.74.1",
     "minimatch": "3.0.5",
@@ -54,5 +55,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6c221eae40054e6b104f1d53a7baea632a28d28e"
+  "gitHead": "8cc64baf9537e775fcc5f2e606687ea3d01308ab"
 }

package/src/executors/build-ios/schema.json

@@ -83,7 +83,8 @@
     },
     "install": {
       "type": "boolean",
-      "description": "Runs `pod install` for native modules before building iOS app."
+      "description": "Runs `pod install` for native modules before building iOS app.",
+      "default": true
     },
     "sync": {
       "type": "boolean",

package/src/executors/run-ios/schema.json

@@ -93,7 +93,7 @@
     "install": {
       "type": "boolean",
       "description": "Runs `pod install` for native modules before building iOS app.",
-      "default": false
+      "default": true
     },
     "sync": {
       "type": "boolean",

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

@@ -1,7 +1,9 @@
-// options from https://github.com/elderfo/react-native-storybook-loader#options
 export interface ReactNativeStorybookOptions {
   searchDir: string[];
   outputFile: string;
   pattern: string;
+  /**
+   * @deprecated going to be removed in 17
+   */
   silent: boolean;
 }

package/src/executors/storybook/schema.json

@@ -17,7 +17,7 @@
     "outputFile": {
       "type": "string",
       "description": "The output file that will be written. It is relative to the project directory.",
-      "default": "./.storybook/story-loader.js"
+      "default": "./.storybook/story-loader.ts"
     },
     "pattern": {
       "type": "string",
@@ -27,7 +27,8 @@
     "silent": {
       "type": "boolean",
       "description": "Silences output.",
-      "default": false
+      "default": false,
+      "x-deprecated": "No longer used. It will be silent as default."
     }
   },
   "required": ["searchDir", "outputFile", "pattern"]

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

@@ -1,5 +1,6 @@
 import { ExecutorContext } from '@nx/devkit';
 import { ReactNativeStorybookOptions } from './schema';
-export default function reactNatievStorybookExecutor(options: ReactNativeStorybookOptions, context: ExecutorContext): AsyncGenerator<{
+export default function reactNativeStorybookExecutor(options: ReactNativeStorybookOptions, context: ExecutorContext): AsyncGenerator<{
     success: boolean;
 }>;
+export declare function runCliStorybook(workspaceRoot: string, options: ReactNativeStorybookOptions): void;

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

@@ -1,76 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.runCliStorybook = void 0;
 const tslib_1 = require("tslib");
 const path_1 = require("path");
 const devkit_1 = require("@nx/devkit");
 const fileutils_1 = require("@nx/workspace/src/utilities/fileutils");
 const chalk = require("chalk");
-const child_process_1 = require("child_process");
+const glob_1 = require("glob");
 const sync_deps_impl_1 = require("../sync-deps/sync-deps.impl");
-let childProcess;
-function reactNatievStorybookExecutor(options, context) {
-    return tslib_1.__asyncGenerator(this, arguments, function* reactNatievStorybookExecutor_1() {
+const fs_extra_1 = require("fs-extra");
+function reactNativeStorybookExecutor(options, context) {
+    return tslib_1.__asyncGenerator(this, arguments, function* reactNativeStorybookExecutor_1() {
         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
         const packageJsonPath = (0, path_1.join)(context.root, projectRoot, 'package.json');
         if ((0, fileutils_1.fileExists)(packageJsonPath))
             (0, sync_deps_impl_1.displayNewlyAddedDepsMessage)(context.projectName, yield tslib_1.__await((0, sync_deps_impl_1.syncDeps)(context.projectName, projectRoot, context.root, context.projectGraph, [
+                `@storybook/react-native`,
                 '@storybook/addon-ondevice-actions',
                 '@storybook/addon-ondevice-backgrounds',
                 '@storybook/addon-ondevice-controls',
                 '@storybook/addon-ondevice-notes',
+                '@react-native-async-storage/async-storage',
+                'react-native-safe-area-context',
             ])));
-        try {
-            yield tslib_1.__await(runCliStorybook(context.root, options));
-            yield yield tslib_1.__await({ success: true });
-        }
-        finally {
-            if (childProcess) {
-                childProcess.kill();
-            }
-        }
+        runCliStorybook(context.root, options);
+        yield yield tslib_1.__await({ success: true });
     });
 }
-exports.default = reactNatievStorybookExecutor;
+exports.default = reactNativeStorybookExecutor;
 function runCliStorybook(workspaceRoot, options) {
-    return new Promise((resolve, reject) => {
-        childProcess = (0, child_process_1.fork)((0, path_1.join)(workspaceRoot, './node_modules/react-native-storybook-loader/out/rnstl-cli.js'), createStorybookOptions(options), {
-            cwd: workspaceRoot,
-        });
-        // Ensure the child process is killed when the parent exits
-        process.on('exit', () => childProcess.kill());
-        process.on('SIGTERM', () => childProcess.kill());
-        childProcess.on('error', (err) => {
-            reject(err);
-        });
-        childProcess.on('exit', (code) => {
-            if (code === 0) {
-                resolve(code);
-            }
-            else {
-                reject(code);
-            }
-        });
-    });
-}
-function createStorybookOptions(options) {
-    return Object.keys(options).reduce((acc, k) => {
-        const v = options[k];
-        if (typeof v === 'boolean') {
-            if (v === true) {
-                acc.push(`--${k}`);
-            }
-        }
-        else if (Array.isArray(v)) {
-            v.forEach((value) => {
-                acc.push(`--${k}`, value);
-            });
-        }
-        else {
-            acc.push(`--${k}`, v);
-        }
-        return acc;
-    }, []);
+    const storiesFiles = options.searchDir.flatMap((dir) => (0, glob_1.sync)((0, path_1.join)(dir, options.pattern)));
+    if (storiesFiles.length === 0) {
+        devkit_1.logger.warn(`${chalk.bold.yellow('warn')} No stories found.`);
+    }
+    const newContents = `// Auto-generated file created by nx
+// DO NOT EDIT.
+export function loadStories() {
+  return [
+    ${storiesFiles.map((story) => `require('${story}')`).join(',\n')}
+  ];
+}`;
+    (0, fs_extra_1.writeFileSync)((0, path_1.join)(workspaceRoot, options.outputFile), newContents);
 }
+exports.runCliStorybook = runCliStorybook;
 //# sourceMappingURL=storybook.impl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"storybook.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/storybook/storybook.impl.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"storybook.impl.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/executors/storybook/storybook.impl.ts"],"names":[],"mappings":";;;;AAAA,+BAA4B;AAC5B,uCAAqD;AACrD,qEAAmE;AACnE,+BAA+B;AAC/B,+BAAwC;AAGxC,gEAGqC;AACrC,uCAAyC;AAEzC,SAA+B,4BAA4B,CACzD,OAAoC,EACpC,OAAwB;;QAExB,MAAM,WAAW,GACf,OAAO,CAAC,sBAAsB,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC;QACpE,eAAM,CAAC,IAAI,CACT,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAChB,MAAM,CACP,8IAA8I,CAChJ,CAAC;QAEF,6CAA6C;QAC7C,MAAM,eAAe,GAAG,IAAA,WAAI,EAAC,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;QACxE,IAAI,IAAA,sBAAU,EAAC,eAAe,CAAC;YAC7B,IAAA,6CAA4B,EAC1B,OAAO,CAAC,WAAW,EACnB,sBAAM,IAAA,yBAAQ,EACZ,OAAO,CAAC,WAAW,EACnB,WAAW,EACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,YAAY,EACpB;gBACE,yBAAyB;gBACzB,mCAAmC;gBACnC,uCAAuC;gBACvC,oCAAoC;gBACpC,iCAAiC;gBACjC,2CAA2C;gBAC3C,gCAAgC;aACjC,CACF,CAAA,CACF,CAAC;QAEJ,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvC,4BAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA,CAAC;IAC1B,CAAC;CAAA;AApCD,+CAoCC;AAED,SAAgB,eAAe,CAC7B,aAAqB,EACrB,OAAoC;IAEpC,MAAM,YAAY,GAAa,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAC/D,IAAA,WAAQ,EAAC,IAAA,WAAI,EAAC,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CACrC,CAAC;IACF,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,eAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;KAC/D;IAED,MAAM,WAAW,GAAG;;;;MAIhB,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;;EAElE,CAAC;IAED,IAAA,wBAAa,EAAC,IAAA,WAAI,EAAC,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC,CAAC;AACtE,CAAC;AApBD,0CAoBC"}

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

@@ -2,17 +2,16 @@ import { join } from 'path';
 import { ExecutorContext, logger } from '@nx/devkit';
 import { fileExists } from '@nx/workspace/src/utilities/fileutils';
 import * as chalk from 'chalk';
+import { sync as globSync } from 'glob';
 
 import { ReactNativeStorybookOptions } from './schema';
-import { ChildProcess, fork } from 'child_process';
 import {
   displayNewlyAddedDepsMessage,
   syncDeps,
 } from '../sync-deps/sync-deps.impl';
+import { writeFileSync } from 'fs-extra';
 
-let childProcess: ChildProcess;
-
-export default async function* reactNatievStorybookExecutor(
+export default async function* reactNativeStorybookExecutor(
   options: ReactNativeStorybookOptions,
   context: ExecutorContext
 ): AsyncGenerator<{ success: boolean }> {
@@ -35,71 +34,39 @@ export default async function* reactNatievStorybookExecutor(
         context.root,
         context.projectGraph,
         [
+          `@storybook/react-native`,
           '@storybook/addon-ondevice-actions',
           '@storybook/addon-ondevice-backgrounds',
           '@storybook/addon-ondevice-controls',
           '@storybook/addon-ondevice-notes',
+          '@react-native-async-storage/async-storage',
+          'react-native-safe-area-context',
         ]
       )
     );
 
-  try {
-    await runCliStorybook(context.root, options);
-    yield { success: true };
-  } finally {
-    if (childProcess) {
-      childProcess.kill();
-    }
-  }
+  runCliStorybook(context.root, options);
+  yield { success: true };
 }
 
-function runCliStorybook(
+export function runCliStorybook(
   workspaceRoot: string,
   options: ReactNativeStorybookOptions
 ) {
-  return new Promise((resolve, reject) => {
-    childProcess = fork(
-      join(
-        workspaceRoot,
-        './node_modules/react-native-storybook-loader/out/rnstl-cli.js'
-      ),
-      createStorybookOptions(options),
-      {
-        cwd: workspaceRoot,
-      }
-    );
-
-    // Ensure the child process is killed when the parent exits
-    process.on('exit', () => childProcess.kill());
-    process.on('SIGTERM', () => childProcess.kill());
+  const storiesFiles: string[] = options.searchDir.flatMap((dir) =>
+    globSync(join(dir, options.pattern))
+  );
+  if (storiesFiles.length === 0) {
+    logger.warn(`${chalk.bold.yellow('warn')} No stories found.`);
+  }
 
-    childProcess.on('error', (err) => {
-      reject(err);
-    });
-    childProcess.on('exit', (code) => {
-      if (code === 0) {
-        resolve(code);
-      } else {
-        reject(code);
-      }
-    });
-  });
-}
+  const newContents = `// Auto-generated file created by nx
+// DO NOT EDIT.
+export function loadStories() {
+  return [
+    ${storiesFiles.map((story) => `require('${story}')`).join(',\n')}
+  ];
+}`;
 
-function createStorybookOptions(options) {
-  return Object.keys(options).reduce((acc, k) => {
-    const v = options[k];
-    if (typeof v === 'boolean') {
-      if (v === true) {
-        acc.push(`--${k}`);
-      }
-    } else if (Array.isArray(v)) {
-      v.forEach((value) => {
-        acc.push(`--${k}`, value);
-      });
-    } else {
-      acc.push(`--${k}`, v);
-    }
-    return acc;
-  }, []);
+  writeFileSync(join(workspaceRoot, options.outputFile), newContents);
 }

package/src/generators/component-story/component-story.d.ts

@@ -1,8 +1,12 @@
 import { Tree } from '@nx/devkit';
-import * as ts from 'typescript';
-import { CreateComponentStoriesFileSchema } from './schema';
-export declare function getArgsDefaultValue(property: ts.SyntaxKind): string;
+import type * as ts from 'typescript';
+export interface CreateComponentStoriesFileSchema {
+    project: string;
+    componentPath: string;
+    skipFormat?: boolean;
+}
 export declare function createComponentStoriesFile(host: Tree, { project, componentPath }: CreateComponentStoriesFileSchema): void;
+export declare function findPropsAndGenerateFile(host: Tree, sourceFile: ts.SourceFile, cmpDeclaration: ts.Node, componentDirectory: string, name: string, isPlainJs: boolean, fileExt: string, fromNodeArray?: boolean): void;
 export declare function componentStoryGenerator(host: Tree, schema: CreateComponentStoriesFileSchema): Promise<void>;
 export default componentStoryGenerator;
 export declare const componentStorySchematic: (generatorOptions: CreateComponentStoriesFileSchema) => (tree: any, context: any) => Promise<any>;

package/src/generators/component-story/component-story.js

@@ -1,26 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentStorySchematic = exports.componentStoryGenerator = exports.createComponentStoriesFile = exports.getArgsDefaultValue = void 0;
+exports.componentStorySchematic = exports.componentStoryGenerator = exports.findPropsAndGenerateFile = exports.createComponentStoriesFile = void 0;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const ts = require("typescript");
 const ast_utils_1 = require("@nx/react/src/utils/ast-utils");
-function getArgsDefaultValue(property) {
-    const typeNameToDefault = {
-        [ts.SyntaxKind.StringKeyword]: "''",
-        [ts.SyntaxKind.NumberKeyword]: 0,
-        [ts.SyntaxKind.BooleanKeyword]: false,
-    };
-    const resolvedValue = typeNameToDefault[property];
-    if (typeof resolvedValue === undefined) {
-        return "''";
-    }
-    else {
-        return resolvedValue;
-    }
-}
-exports.getArgsDefaultValue = getArgsDefaultValue;
+const component_props_1 = require("@nx/react/src/utils/component-props");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+let tsModule;
 function createComponentStoriesFile(host, { project, componentPath }) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
     const proj = (0, devkit_1.getProjects)(host).get(project);
     const sourceRoot = proj.sourceRoot;
     const componentFilePath = (0, devkit_1.joinPathFragments)(sourceRoot, componentPath);
@@ -43,7 +33,7 @@ function createComponentStoriesFile(host, { project, componentPath }) {
     if (contents === null) {
         throw new Error(`Failed to read ${componentFilePath}`);
     }
-    const sourceFile = ts.createSourceFile(componentFilePath, contents, ts.ScriptTarget.Latest, true);
+    const sourceFile = tsModule.createSourceFile(componentFilePath, contents, tsModule.ScriptTarget.Latest, true);
     const cmpDeclaration = (0, ast_utils_1.getComponentNode)(sourceFile);
     if (!cmpDeclaration) {
         const componentNodes = (0, ast_utils_1.findExportDeclarationsForJsx)(sourceFile);
@@ -62,29 +52,7 @@ function createComponentStoriesFile(host, { project, componentPath }) {
 }
 exports.createComponentStoriesFile = createComponentStoriesFile;
 function findPropsAndGenerateFile(host, sourceFile, cmpDeclaration, componentDirectory, name, isPlainJs, fileExt, fromNodeArray) {
-    const propsInterface = (0, ast_utils_1.getComponentPropsInterface)(sourceFile, cmpDeclaration);
-    let propsTypeName = null;
-    let props = [];
-    let argTypes = [];
-    if (propsInterface) {
-        propsTypeName = propsInterface.name.text;
-        props = propsInterface.members.map((member) => {
-            if (member.type.kind === ts.SyntaxKind.FunctionType) {
-                argTypes.push({
-                    name: member.name.text,
-                    type: 'action',
-                    actionText: `${member.name.text} executed!`,
-                });
-            }
-            else {
-                return {
-                    name: member.name.text,
-                    defaultValue: getArgsDefaultValue(member.type.kind),
-                };
-            }
-        });
-        props = props.filter((p) => p && p.defaultValue !== undefined);
-    }
+    const { propsTypeName, props, argTypes } = (0, component_props_1.getDefaultsForComponent)(sourceFile, cmpDeclaration);
     (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, './files'), (0, devkit_1.normalizePath)(componentDirectory), {
         componentFileName: fromNodeArray
             ? `${name}--${cmpDeclaration.name.text}`
@@ -96,9 +64,9 @@ function findPropsAndGenerateFile(host, sourceFile, cmpDeclaration, componentDir
         componentName: cmpDeclaration.name.text,
         isPlainJs,
         fileExt,
-        hasActions: argTypes && argTypes.length,
     });
 }
+exports.findPropsAndGenerateFile = findPropsAndGenerateFile;
 function componentStoryGenerator(host, schema) {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         createComponentStoriesFile(host, schema);

package/src/generators/component-story/component-story.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-story.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/component-story/component-story.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-story.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/component-story/component-story.ts"],"names":[],"mappings":";;;;AAAA,uCAQoB;AAEpB,6DAGuC;AACvC,yEAA8E;AAC9E,qFAAiF;AAEjF,IAAI,QAAqC,CAAC;AAQ1C,SAAgB,0BAA0B,CACxC,IAAU,EACV,EAAE,OAAO,EAAE,aAAa,EAAoC;IAE5D,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,IAAA,oCAAgB,GAAE,CAAC;KAC/B;IACD,MAAM,IAAI,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;IAEnC,MAAM,iBAAiB,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAEvE,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAClD,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,EAC3D,EAAE,CACH,CAAC;IAEF,MAAM,SAAS,GACb,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACtC,OAAO,GAAG,KAAK,CAAC;KACjB;SAAM,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAC5C,OAAO,GAAG,IAAI,CAAC;KAChB;IAED,MAAM,iBAAiB,GAAG,iBAAiB;SACxC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;SAC7C,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;SACnB,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAEtB,MAAM,IAAI,GAAG,iBAAiB,CAAC;IAE/B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACvD,IAAI,QAAQ,KAAK,IAAI,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,kBAAkB,iBAAiB,EAAE,CAAC,CAAC;KACxD;IAED,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAC1C,iBAAiB,EACjB,QAAQ,EACR,QAAQ,CAAC,YAAY,CAAC,MAAM,EAC5B,IAAI,CACL,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,4BAAgB,EAAC,UAAU,CAAC,CAAC;IAEpD,IAAI,CAAC,cAAc,EAAE;QACnB,MAAM,cAAc,GAAG,IAAA,wCAA4B,EAAC,UAAU,CAAC,CAAC;QAChE,IAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAAE;YAC1B,cAAc,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;gBACrC,wBAAwB,CACtB,IAAI,EACJ,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,cAAc,CAAC,MAAM,GAAG,CAAC,CAC1B,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,IAAI,KAAK,CACb,qDAAqD,iBAAiB,EAAE,CACzE,CAAC;SACH;KACF;SAAM;QACL,wBAAwB,CACtB,IAAI,EACJ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,IAAI,EACJ,SAAS,EACT,OAAO,CACR,CAAC;KACH;AACH,CAAC;AA/ED,gEA+EC;AAED,SAAgB,wBAAwB,CACtC,IAAU,EACV,UAAyB,EACzB,cAAuB,EACvB,kBAA0B,EAC1B,IAAY,EACZ,SAAkB,EAClB,OAAe,EACf,aAAuB;IAEvB,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,yCAAuB,EAChE,UAAU,EACV,cAAc,CACf,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,0BAAiB,EAAC,SAAS,EAAE,SAAS,CAAC,EACvC,IAAA,sBAAa,EAAC,kBAAkB,CAAC,EACjC;QACE,iBAAiB,EAAE,aAAa;YAC9B,CAAC,CAAC,GAAG,IAAI,KAAM,cAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;YACjD,CAAC,CAAC,IAAI;QACR,uBAAuB,EAAE,IAAI;QAC7B,aAAa;QACb,KAAK;QACL,QAAQ;QACR,aAAa,EAAG,cAAsB,CAAC,IAAI,CAAC,IAAI;QAChD,SAAS;QACT,OAAO;KACR,CACF,CAAC;AACJ,CAAC;AAhCD,4DAgCC;AAED,SAAsB,uBAAuB,CAC3C,IAAU,EACV,MAAwC;;QAExC,0BAA0B,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEzC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE;YACtB,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC;CAAA;AATD,0DASC;AAED,kBAAe,uBAAuB,CAAC;AAC1B,QAAA,uBAAuB,GAAG,IAAA,2BAAkB,EACvD,uBAAuB,CACxB,CAAC"}

package/src/generators/component-story/component-story.spec.ts

@@ -56,12 +56,14 @@ describe('react-native:component-story', () => {
         expect(
           formatFile`${appTree.read(storyFilePath, 'utf-8').replace('·', '')}`
         ).toContain(formatFile`
-          import { storiesOf } from '@storybook/react-native';
-          import React from 'react';
-          import { TestUiLib, TestUiLibProps } from './test-ui-lib';
-          const props: TestUiLibProps = {};
-          storiesOf('TestUiLib', module)            
-            .add('Primary', () => <TestUiLib {...props} />);
+        import type { Meta } from '@storybook/react-native';
+        import { TestUiLib } from './test-ui-lib';
+        const Story: Meta<typeof TestUiLib> = {
+          component: TestUiLib,
+          title: 'TestUiLib',
+        };
+        export default Story;
+        export const Primary = { args: {} };
           `);
       });
     });
@@ -102,14 +104,9 @@ describe('react-native:component-story', () => {
       it('should properly set up the story', () => {
         expect(formatFile`${appTree.read(storyFilePathPlain, 'utf-8')}`)
           .toContain(formatFile`
-    import { storiesOf } from '@storybook/react-native';
-    import React from 'react';
-    import { Test } from './test-ui-libplain';
-
-    const props = {};
-
-    storiesOf('Test', module)
-      .add('Primary', () => <Test {...props} />);
+          import Test from './test-ui-libplain';
+          export default { component: Test, title: 'Test' };
+          export const Primary = { args: {} };
           `);
       });
     });
@@ -142,12 +139,11 @@ describe('react-native:component-story', () => {
       it('should create a story without controls', () => {
         expect(formatFile`${appTree.read(storyFilePath, 'utf-8')}`)
           .toContain(formatFile`
-          import { storiesOf } from '@storybook/react-native';
-          import React from 'react';
+          import type { Meta } from '@storybook/react-native';
           import { Test } from './test-ui-lib';
-          const props = {};
-          storiesOf('Test', module)
-            .add('Primary', () => <Test {...props} />);
+          const Story: Meta<typeof Test> = { component: Test, title: 'Test' };
+          export default Story;
+          export const Primary = { args: {} };
           `);
       });
     });
@@ -164,12 +160,14 @@ describe('react-native:component-story', () => {
         expect(
           formatFile`${appTree.read(storyFilePath, 'utf-8').replace('·', '')}`
         ).toContain(formatFile`
-          import { storiesOf } from '@storybook/react-native';
-          import React from 'react';
-          import { TestUiLib, TestUiLibProps } from './test-ui-lib';
-          const props: TestUiLibProps = {};
-          storiesOf('TestUiLib', module)
-            .add('Primary', () => <TestUiLib {...props} />);
+        import type { Meta } from '@storybook/react-native';
+        import { TestUiLib } from './test-ui-lib';
+        const Story: Meta<typeof TestUiLib> = {
+          component: TestUiLib,
+          title: 'TestUiLib',
+        };
+        export default Story;
+        export const Primary = { args: {} };
           `);
       });
     });
@@ -212,14 +210,15 @@ describe('react-native:component-story', () => {
         expect(
           formatFile`${appTree.read(storyFilePath, 'utf-8').replace('·', '')}`
         ).toContain(formatFile`
-        import { action } from '@storybook/addon-actions';
-        import { storiesOf } from '@storybook/react-native';
-        import React from 'react';
-        import { Test, TestProps } from './test-ui-lib';
-        const actions = { someAction: action('someAction executed!') };
-        const props: TestProps = { name: '', displayAge: false };
-        storiesOf('Test', module)
-          .add('Primary', () => <Test {...props} {...actions} />);
+        import type { Meta } from '@storybook/react-native';
+        import { Test } from './test-ui-lib';
+        const Story: Meta<typeof Test> = {
+          component: Test,
+          title: 'Test',
+          argTypes: { someAction: { action: 'someAction executed!' } },
+        };
+        export default Story;
+        export const Primary = { args: { name: '', displayAge: false } };
           `);
       });
     });
@@ -359,15 +358,11 @@ describe('react-native:component-story', () => {
           expect(
             formatFile`${appTree.read(storyFilePath, 'utf-8').replace('·', '')}`
           ).toContain(formatFile`
-    import { storiesOf } from '@storybook/react-native';
-    import React from 'react';
-    import { Test, TestProps } from './test-ui-lib';
-    const props: TestProps = {
-      name: '',
-      displayAge: false,
-    };
-    storiesOf('Test', module)
-      .add('Primary', () => <Test {...props} />);
+    import type { Meta } from '@storybook/react-native';
+    import { Test } from './test-ui-lib';
+    const Story: Meta<typeof Test> = { component: Test, title: 'Test' };
+    export default Story;
+    export const Primary = { args: { name: '', displayAge: false } };
           `);
         });
       });
@@ -391,14 +386,14 @@ describe('react-native:component-story', () => {
     it('should properly set up the story', () => {
       expect(formatFile`${appTree.read(storyFilePath, 'utf-8')}`)
         .toContain(formatFile`
-        import { storiesOf } from '@storybook/react-native';
-        import React from 'react';
-        import { TestUiLib, TestUiLibProps } from './test-ui-lib';
-
-        const props: TestUiLibProps = {};
-
-        storiesOf('TestUiLib', module)
-          .add('Primary', () => <TestUiLib {...props} />);
+    import type { Meta } from '@storybook/react-native';
+    import { TestUiLib } from './test-ui-lib';
+    const Story: Meta<typeof TestUiLib> = {
+      component: TestUiLib,
+      title: 'TestUiLib',
+    };
+    export default Story;
+    export const Primary = { args: {} };
         `);
     });
   });

package/src/generators/component-story/files/__componentFileName__.stories.__fileExt__

@@ -1,24 +1,32 @@
-<% if (hasActions) { %>
-  import { action } from '@storybook/addon-actions';
-<% } %>
-import { storiesOf } from '@storybook/react-native';
-import React from 'react';
-import {
-  <%= componentName %>
-  <% if ( propsTypeName ) { %>, <%= propsTypeName %> <% } %>
-} from './<%= componentImportFileName %>';
+<% if ( !isPlainJs ) { %>import type { Meta } from '@storybook/react-native';<% } %>
+import<% if ( !isPlainJs ) { %> { <% } %> <%= componentName %> <% if ( !isPlainJs ) { %> } <% } %> from './<%= componentImportFileName %>';
 
-<% if (hasActions) { %>
-  const actions = {<% for (let argType of argTypes) { %>
-    <%= argType.name %>: action('<%- argType.actionText %>'),
-  <% } %>};
+<% if ( isPlainJs ) { %>
+export default {
+  component: <%= componentName %>,
+  title: '<%= componentName %>',<% if ( argTypes && argTypes.length > 0 ) { %> 
+  argTypes: {<% for (let argType of argTypes) { %>
+    <%= argType.name %>: { <%- argType.type %> : "<%- argType.actionText %>" },<% } %>
+}
+   <% } %> 
+};
 <% } %>
 
-const props <% if ( propsTypeName ) { %>:<%= propsTypeName %><% } %> = {<% for (let prop of props) { %>
-    <%= prop.name %>: <%- prop.defaultValue %>,
-<% } %>};
 
-storiesOf('<%= componentName %>', module)
-  .add('Primary', () => (
-    <<%= componentName %> {...props} <% if (hasActions) { %> {...actions} <% } %>/>
-  ));
+<% if ( !isPlainJs ) { %>
+const Story: Meta<typeof <%= componentName %>> = {
+  component: <%= componentName %>,
+  title: '<%= componentName %>',<% if ( argTypes && argTypes.length > 0 ) { %> 
+  argTypes: {<% for (let argType of argTypes) { %>
+    <%= argType.name %>: { <%- argType.type %> : "<%- argType.actionText %>" },<% } %>
+}
+   <% } %> 
+};
+export default Story;
+<% } %>
+
+export const Primary = {
+  args: {<% for (let prop of props) { %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+  },
+};

package/src/generators/storybook-configuration/configuration.js

@@ -30,6 +30,10 @@ function storybookConfigurationGenerator(host, schema) {
             tsConfiguration: schema.tsConfiguration,
             skipFormat: true,
         });
+        const installRequiredPackagesTask = yield (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
+            '@react-native-async-storage/async-storage': versions_1.reactNativeAsyncStorageVersion,
+            'react-native-safe-area-context': versions_1.reactNativeSafeAreaContextVersion,
+        });
         addStorybookTask(host, schema.name);
         (0, create_storybook_files_1.createStorybookFiles)(host, schema);
         (0, replace_app_import_with_storybook_toggle_1.replaceAppImportWithStorybookToggle)(host, schema);
@@ -38,7 +42,7 @@ function storybookConfigurationGenerator(host, schema) {
             yield generateStories(host, schema);
         }
         yield (0, devkit_1.formatFiles)(host);
-        return installTask;
+        return (0, devkit_1.runTasksInSerial)(installTask, installRequiredPackagesTask);
     });
 }
 exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
@@ -47,10 +51,9 @@ function addStorybookTask(host, projectName) {
     projectConfig.targets['storybook'] = {
         executor: '@nx/react-native:storybook',
         options: {
-            searchDir: [projectConfig.root],
-            outputFile: './.storybook/story-loader.js',
+            searchDir: [projectConfig.sourceRoot],
+            outputFile: './.storybook/story-loader.ts',
             pattern: '**/*.stories.@(js|jsx|ts|tsx|md)',
-            silent: false,
         },
     };
     (0, devkit_1.updateProjectConfiguration)(host, projectName, projectConfig);

package/src/generators/storybook-configuration/configuration.js.map

@@ -1 +1 @@
-{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/storybook-configuration/configuration.ts"],"names":[],"mappings":";;;;AAAA,uCAQoB;AACpB,mDAAiD;AAEjD,gDAAkD;AAClD,6GAAoG;AACpG,yEAAoE;AACpE,6GAAqG;AAIrG,SAAe,eAAe,CAAC,IAAU,EAAE,MAAgC;;QACzE,MAAM,IAAA,iBAAgB,EAAC,IAAI,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,IAAI;YACpB,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAsB,+BAA+B,CACnD,IAAU,EACV,MAAgC;;QAEhC,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,sBAAa,EAE9C,eAAe,EAAE,oBAAS,CAAC,CAAC;QAE9B,MAAM,WAAW,GAAG,MAAM,sBAAsB,CAAC,IAAI,EAAE;YACrD,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,WAAW,EAAE,yBAAyB;YACtC,gBAAgB,EAAE,KAAK;YACvB,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QACpC,IAAA,6CAAoB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,IAAA,8EAAmC,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAClD,IAAA,6EAAkC,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEjD,IAAI,MAAM,CAAC,eAAe,EAAE;YAC1B,MAAM,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SACrC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QACxB,OAAO,WAAW,CAAC;IACrB,CAAC;CAAA;AA9BD,0EA8BC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,WAAmB;IACvD,MAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG;QACnC,QAAQ,EAAE,4BAA4B;QACtC,OAAO,EAAE;YACP,SAAS,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;YAC/B,UAAU,EAAE,8BAA8B;YAC1C,OAAO,EAAE,kCAAkC;YAC3C,MAAM,EAAE,KAAK;SACd;KACF,CAAC;IAEF,IAAA,mCAA0B,EAAC,IAAI,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;AAC/D,CAAC;AAED,kBAAe,+BAA+B,CAAC;AAClC,QAAA,+BAA+B,GAAG,IAAA,2BAAkB,EAC/D,+BAA+B,CAChC,CAAC"}
+{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/storybook-configuration/configuration.ts"],"names":[],"mappings":";;;;AAAA,uCAUoB;AACpB,mDAI8B;AAE9B,gDAAkD;AAClD,6GAAoG;AACpG,yEAAoE;AACpE,6GAAqG;AAIrG,SAAe,eAAe,CAAC,IAAU,EAAE,MAAgC;;QACzE,MAAM,IAAA,iBAAgB,EAAC,IAAI,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,IAAI;YACpB,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;IACL,CAAC;CAAA;AAED,SAAsB,+BAA+B,CACnD,IAAU,EACV,MAAgC;;QAEhC,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,sBAAa,EAE9C,eAAe,EAAE,oBAAS,CAAC,CAAC;QAE9B,MAAM,WAAW,GAAG,MAAM,sBAAsB,CAAC,IAAI,EAAE;YACrD,IAAI,EAAE,MAAM,CAAC,IAAI;YACjB,WAAW,EAAE,yBAAyB;YACtC,gBAAgB,EAAE,KAAK;YACvB,EAAE,EAAE,KAAK;YACT,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QAEH,MAAM,2BAA2B,GAAG,MAAM,IAAA,qCAA4B,EACpE,IAAI,EACJ,EAAE,EACF;YACE,2CAA2C,EACzC,yCAA8B;YAChC,gCAAgC,EAAE,4CAAiC;SACpE,CACF,CAAC;QAEF,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;QACpC,IAAA,6CAAoB,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACnC,IAAA,8EAAmC,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAClD,IAAA,6EAAkC,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAEjD,IAAI,MAAM,CAAC,eAAe,EAAE;YAC1B,MAAM,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;SACrC;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QACxB,OAAO,IAAA,yBAAgB,EAAC,WAAW,EAAE,2BAA2B,CAAC,CAAC;IACpE,CAAC;CAAA;AAxCD,0EAwCC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,WAAmB;IACvD,MAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG;QACnC,QAAQ,EAAE,4BAA4B;QACtC,OAAO,EAAE;YACP,SAAS,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;YACrC,UAAU,EAAE,8BAA8B;YAC1C,OAAO,EAAE,kCAAkC;SAC5C;KACF,CAAC;IAEF,IAAA,mCAA0B,EAAC,IAAI,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC;AAC/D,CAAC;AAED,kBAAe,+BAA+B,CAAC;AAClC,QAAA,+BAA+B,GAAG,IAAA,2BAAkB,EAC/D,+BAA+B,CAChC,CAAC"}

package/src/generators/storybook-configuration/configuration.spec.ts

@@ -20,15 +20,6 @@ describe('react-native:storybook-configuration', () => {
   let appTree;
 
   beforeEach(async () => {
-    // jest.spyOn(fileUtils, 'readPackageJson').mockReturnValue({
-    //   devDependencies: {
-    //     '@storybook/addon-essentials': '*',
-    //     '@storybook/react-native': '*',
-    //     '@storybook/addon-ondevice-actions': '*',
-    //     '@storybook/addon-ondevice-knobs': '*',
-    //   },
-    // });
-
     jest.spyOn(logger, 'warn').mockImplementation(() => {});
     jest.spyOn(logger, 'debug').mockImplementation(() => {});
   });

package/src/generators/storybook-configuration/files/app/storybook.ts.template

@@ -4,6 +4,6 @@ import { loadStories } from '<%= offsetFromRoot %>../.storybook/story-loader';
 
 configure(() => loadStories(), module);
 
-const StorybookUIRoot = getStorybookUI();
+const StorybookUIRoot = getStorybookUI({});
 
 export default StorybookUIRoot;

package/src/generators/storybook-configuration/files/root/story-loader.ts.template

@@ -0,0 +1,5 @@
+// Auto-generated file created by nx
+// DO NOT EDIT.
+export function loadStories() {
+  return [];
+}

package/src/migrations/update-16-1-0/upgrade-storybook-6-5.d.ts

@@ -0,0 +1,7 @@
+import { Tree } from '@nx/devkit';
+/**
+ * This migration is to upgrade storybook to 6.5.
+ * - remove react-native-storybook-loader
+ * - change .storybook/story-loader.js to .storybook/story-loader.ts
+ */
+export declare function update(tree: Tree): void;

package/src/migrations/update-16-1-0/upgrade-storybook-6-5.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.update = void 0;
+const devkit_1 = require("@nx/devkit");
+/**
+ * This migration is to upgrade storybook to 6.5.
+ * - remove react-native-storybook-loader
+ * - change .storybook/story-loader.js to .storybook/story-loader.ts
+ */
+function update(tree) {
+    (0, devkit_1.updateJson)(tree, 'package.json', (packageJson) => {
+        delete packageJson.devDependencies['react-native-storybook-loader'];
+        return packageJson;
+    });
+    if (tree.exists('.storybook/story-loader.js')) {
+        tree.rename('.storybook/story-loader.js', '.storybook/story-loader.ts');
+    }
+}
+exports.update = update;
+//# sourceMappingURL=upgrade-storybook-6-5.js.map

package/src/migrations/update-16-1-0/upgrade-storybook-6-5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upgrade-storybook-6-5.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-16-1-0/upgrade-storybook-6-5.ts"],"names":[],"mappings":";;;AAAA,uCAA8C;AAE9C;;;;GAIG;AACH,SAAgB,MAAM,CAAC,IAAU;IAC/B,IAAA,mBAAU,EAAC,IAAI,EAAE,cAAc,EAAE,CAAC,WAAW,EAAE,EAAE;QAC/C,OAAO,WAAW,CAAC,eAAe,CAAC,+BAA+B,CAAC,CAAC;QACpE,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC,CAAC;IACH,IAAI,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,EAAE;QAC7C,IAAI,CAAC,MAAM,CAAC,4BAA4B,EAAE,4BAA4B,CAAC,CAAC;KACzE;AACH,CAAC;AARD,wBAQC"}

package/src/utils/pod-install-task.js

@@ -52,13 +52,6 @@ function podInstall(iosDirectory, buildFolder) {
             }
             devkit_1.logger.info(stdout);
             if (stdout.includes('Pod installation complete')) {
-                // Remove build folder after pod install
-                if (buildFolder) {
-                    buildFolder = (0, path_1.join)(iosDirectory, buildFolder);
-                    if ((0, fs_extra_1.existsSync)(buildFolder)) {
-                        (0, fs_extra_1.rmdirSync)(buildFolder, { recursive: true });
-                    }
-                }
                 resolve();
             }
             else {

package/src/utils/pod-install-task.js.map

@@ -1 +1 @@
-{"version":3,"file":"pod-install-task.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/pod-install-task.ts"],"names":[],"mappings":";;;AAAA,iDAAqC;AACrC,2BAA8B;AAC9B,+BAA+B;AAC/B,uCAAuD;AACvD,uCAAiD;AACjD,+BAA4B;AAE5B,MAAM,sBAAsB,GAAG;UACrB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;;;;EAIjC,KAAK,CAAC,IAAI,CAAC,gCAAgC,CAAC;;;EAG5C,KAAK,CAAC,IAAI,CAAC,oDAAoD,CAAC;CACjE,CAAC;AAEF;;;;GAIG;AACH,SAAgB,aAAa,CAC3B,YAAoB,EACpB,UAAmB,IAAI,EACvB,WAAoB;IAEpB,OAAO,GAAG,EAAE;QACV,IAAI,IAAA,aAAQ,GAAE,KAAK,QAAQ,EAAE;YAC3B,eAAM,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;YAC7D,OAAO;SACR;QAED,IAAI,CAAC,OAAO,IAAI,CAAC,IAAA,qBAAU,EAAC,IAAA,WAAI,EAAC,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE;YAC1D,eAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YACtC,OAAO;SACR;QAED,eAAM,CAAC,IAAI,CAAC,iCAAiC,YAAY,GAAG,CAAC,CAAC;QAE9D,OAAO,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC/C,CAAC,CAAC;AACJ,CAAC;AApBD,sCAoBC;AAED,SAAgB,UAAU,CACxB,YAAoB,EACpB,WAAoB;IAEpB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,IAAA,oBAAI,EACF,aAAa,EACb;YACE,GAAG,EAAE,YAAY;SAClB,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;YACxB,IAAI,KAAK,EAAE;gBACT,eAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;YACD,IAAI,MAAM,EAAE;gBACV,eAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACrB,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;YACD,eAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpB,IAAI,MAAM,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE;gBAChD,wCAAwC;gBACxC,IAAI,WAAW,EAAE;oBACf,WAAW,GAAG,IAAA,WAAI,EAAC,YAAY,EAAE,WAAW,CAAC,CAAC;oBAC9C,IAAI,IAAA,qBAAU,EAAC,WAAW,CAAC,EAAE;wBAC3B,IAAA,oBAAS,EAAC,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;qBAC7C;iBACF;gBACD,OAAO,EAAE,CAAC;aACX;iBAAM;gBACL,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;QACH,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAnCD,gCAmCC"}
+{"version":3,"file":"pod-install-task.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/pod-install-task.ts"],"names":[],"mappings":";;;AAAA,iDAAqC;AACrC,2BAA8B;AAC9B,+BAA+B;AAC/B,uCAAuD;AACvD,uCAAiD;AACjD,+BAA4B;AAE5B,MAAM,sBAAsB,GAAG;UACrB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;;;;EAIjC,KAAK,CAAC,IAAI,CAAC,gCAAgC,CAAC;;;EAG5C,KAAK,CAAC,IAAI,CAAC,oDAAoD,CAAC;CACjE,CAAC;AAEF;;;;GAIG;AACH,SAAgB,aAAa,CAC3B,YAAoB,EACpB,UAAmB,IAAI,EACvB,WAAoB;IAEpB,OAAO,GAAG,EAAE;QACV,IAAI,IAAA,aAAQ,GAAE,KAAK,QAAQ,EAAE;YAC3B,eAAM,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;YAC7D,OAAO;SACR;QAED,IAAI,CAAC,OAAO,IAAI,CAAC,IAAA,qBAAU,EAAC,IAAA,WAAI,EAAC,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE;YAC1D,eAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;YACtC,OAAO;SACR;QAED,eAAM,CAAC,IAAI,CAAC,iCAAiC,YAAY,GAAG,CAAC,CAAC;QAE9D,OAAO,UAAU,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC/C,CAAC,CAAC;AACJ,CAAC;AApBD,sCAoBC;AAED,SAAgB,UAAU,CACxB,YAAoB,EACpB,WAAoB;IAEpB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,IAAA,oBAAI,EACF,aAAa,EACb;YACE,GAAG,EAAE,YAAY;SAClB,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;YACxB,IAAI,KAAK,EAAE;gBACT,eAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;gBAC5B,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;YACD,IAAI,MAAM,EAAE;gBACV,eAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACrB,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;YACD,eAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpB,IAAI,MAAM,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAAE;gBAChD,OAAO,EAAE,CAAC;aACX;iBAAM;gBACL,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;aAC3C;QACH,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AA5BD,gCA4BC"}

package/src/utils/versions.d.ts

@@ -16,3 +16,5 @@ export declare const jestReactNativeVersion = "18.0.0";
 export declare const reactNativeSvgTransformerVersion = "1.0.0";
 export declare const reactNativeSvgVersion = "13.9.0";
 export declare const babelRuntimeVersion = "7.21.0";
+export declare const reactNativeAsyncStorageVersion = "1.18.1";
+export declare const reactNativeSafeAreaContextVersion = "4.5.1";

package/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesNodeVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
+exports.reactNativeSafeAreaContextVersion = exports.reactNativeAsyncStorageVersion = exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.typesReactVersion = exports.reactTestRendererVersion = exports.reactDomVersion = exports.reactVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesNodeVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
 exports.reactNativeVersion = '0.71.7';
 exports.typesReactNativeVersion = '0.71.6';
@@ -19,4 +19,6 @@ exports.jestReactNativeVersion = '18.0.0';
 exports.reactNativeSvgTransformerVersion = '1.0.0';
 exports.reactNativeSvgVersion = '13.9.0';
 exports.babelRuntimeVersion = '7.21.0';
+exports.reactNativeAsyncStorageVersion = '1.18.1';
+exports.reactNativeSafeAreaContextVersion = '4.5.1';
 //# sourceMappingURL=versions.js.map

package/src/utils/versions.js.map

@@ -1 +1 @@
-{"version":3,"file":"versions.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/versions.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC;AAElD,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAEnC,QAAA,gBAAgB,GAAG,SAAS,CAAC;AAE7B,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AACnC,QAAA,0BAA0B,GAAG,QAAQ,CAAC;AACtC,QAAA,8BAA8B,GAAG,QAAQ,CAAC;AAE1C,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,eAAe,GAAG,QAAQ,CAAC;AAC3B,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AACpC,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAE9B,QAAA,gCAAgC,GAAG,QAAQ,CAAC;AAC5C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AAEjC,QAAA,mBAAmB,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"versions.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/versions.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC;AAElD,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AAEnC,QAAA,gBAAgB,GAAG,SAAS,CAAC;AAE7B,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,QAAQ,CAAC;AACnC,QAAA,0BAA0B,GAAG,QAAQ,CAAC;AACtC,QAAA,8BAA8B,GAAG,QAAQ,CAAC;AAE1C,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,eAAe,GAAG,QAAQ,CAAC;AAC3B,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AACpC,QAAA,iBAAiB,GAAG,SAAS,CAAC;AAE9B,QAAA,gCAAgC,GAAG,QAAQ,CAAC;AAC5C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AAEjC,QAAA,mBAAmB,GAAG,QAAQ,CAAC;AAE/B,QAAA,8BAA8B,GAAG,QAAQ,CAAC;AAC1C,QAAA,iCAAiC,GAAG,OAAO,CAAC"}

package/src/generators/storybook-configuration/files/root/story-loader.js.template

@@ -1,13 +0,0 @@
-// Auto-generated file created by react-native-storybook-loader
-// Do not edit.
-//
-// https://github.com/elderfo/react-native-storybook-loader.git
-
-function loadStories() {}
-
-const stories = [];
-
-module.exports = {
-  loadStories,
-  stories,
-};