@nrwl/react-native 13.7.3 → 13.8.2

package/src/generators/storybook-configuration/lib/replace-app-import-with-storybook-toggle.spec.ts

@@ -0,0 +1,65 @@
+import { addProjectConfiguration, Tree } from '@nrwl/devkit';
+import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
+
+import { formatFile } from '../../../utils/format-file';
+
+import { replaceAppImportWithStorybookToggle } from './replace-app-import-with-storybook-toggle';
+
+describe('replaceAppImportWithStorybookToggle', () => {
+  let tree: Tree;
+
+  beforeEach(() => {
+    tree = createTreeWithEmptyWorkspace();
+
+    addProjectConfiguration(tree, 'products', {
+      root: 'apps/products',
+      sourceRoot: 'apps/products/src',
+    });
+  });
+
+  it('should update the main file with import from storybook', async () => {
+    tree.write(
+      '/apps/products/src/main.tsx',
+      formatFile`import { AppRegistry } from 'react-native';
+      import App from './app/App';
+      
+      AppRegistry.registerComponent('main', () => App);
+      `
+    );
+    replaceAppImportWithStorybookToggle(tree, {
+      name: 'products',
+      js: false,
+    });
+
+    const mainFile = tree.read('apps/products/src/main.tsx', 'utf-8');
+    expect(formatFile`${mainFile}`).toEqual(
+      formatFile`import { AppRegistry } from 'react-native';
+      import App from '../.storybook/toggle-storybook';
+      
+      AppRegistry.registerComponent('main', () => App);`
+    );
+  });
+
+  it('should not update the main file if import is already updated', async () => {
+    tree.write(
+      '/apps/products/src/main.tsx',
+      formatFile`import { AppRegistry } from 'react-native';
+      import App from './app/App';
+      
+      AppRegistry.registerComponent('main', () => App);
+      `
+    );
+    replaceAppImportWithStorybookToggle(tree, {
+      name: 'products',
+      js: false,
+    });
+
+    const mainFile = tree.read('apps/products/src/main.tsx', 'utf-8');
+    expect(formatFile`${mainFile}`).toEqual(
+      formatFile`import { AppRegistry } from 'react-native';
+      import App from '../.storybook/toggle-storybook';
+      
+      AppRegistry.registerComponent('main', () => App);`
+    );
+  });
+});

package/src/generators/storybook-configuration/schema.d.ts

@@ -0,0 +1,9 @@
+import { Linter } from '@nrwl/linter';
+
+export interface StorybookConfigureSchema {
+  name: string;
+  generateStories?: boolean;
+  js?: boolean;
+  linter?: Linter;
+  standaloneConfig?: boolean;
+}

package/src/generators/storybook-configuration/schema.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxReactNativeStorybookConfigure",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Project name",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      }
+    },
+    "generateStories": {
+      "type": "boolean",
+      "description": "Automatically generate *.stories.ts files for components declared in this project?",
+      "x-prompt": "Automatically generate *.stories.ts files for components declared in this project?",
+      "default": true
+    },
+    "js": {
+      "type": "boolean",
+      "description": "Generate JavaScript files rather than TypeScript files.",
+      "default": false
+    },
+    "linter": {
+      "description": "The tool to use for running lint checks.",
+      "type": "string",
+      "enum": ["eslint", "tslint"],
+      "default": "eslint"
+    },
+    "standaloneConfig": {
+      "description": "Split the project configuration into <projectRoot>/project.json rather than including it inside workspace.json",
+      "type": "boolean"
+    }
+  },
+  "required": ["name"]
+}

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.js

@@ -9,14 +9,9 @@ function update(tree) {
         if (tree.exists('/babel.config.json') || tree.exists('/babel.config.js')) {
             return;
         }
-        let hasReactNaiveProject = false;
-        projects.forEach((project) => {
-            var _a, _b;
-            if (hasReactNaiveProject)
-                return;
-            hasReactNaiveProject =
-                ((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/react-native:start';
-        });
+        const hasReactNaiveProject = Array.from(projects)
+            .map(([_, project]) => project)
+            .some((project) => { var _a, _b; return ((_b = (_a = project.targets) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.executor) === '@nrwl/react-native:start'; });
         if (hasReactNaiveProject) {
             (0, init_root_babel_config_1.initRootBabelConfig)(tree);
         }

package/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-babel-config-root-13-5-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAEjD,6FAAuF;AAEvF,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;YACxE,OAAO;SACR;QAED,IAAI,oBAAoB,GAAG,KAAK,CAAC;QACjC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;;YAC3B,IAAI,oBAAoB;gBAAE,OAAO;YACjC,oBAAoB;gBAClB,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,IAAI,oBAAoB,EAAE;YACxB,IAAA,4CAAmB,EAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;CAAA;AAjBD,yBAiBC"}
+{"version":3,"file":"add-babel-config-root-13-5-0.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/migrations/update-13-5-0/add-babel-config-root-13-5-0.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAEjD,6FAAuF;AAEvF,SAA8B,MAAM,CAAC,IAAU;;QAC7C,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAEnC,IAAI,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;YACxE,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;aAC9C,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC;aAC9B,IAAI,CACH,CAAC,OAAO,EAAE,EAAE,eACV,OAAA,CAAA,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B,CAAA,EAAA,CAClE,CAAC;QAEJ,IAAI,oBAAoB,EAAE;YACxB,IAAA,4CAAmB,EAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC;CAAA;AAjBD,yBAiBC"}

package/src/utils/format-file.d.ts

@@ -0,0 +1 @@
+export declare function formatFile(content: any, ...values: any[]): string;

package/src/utils/format-file.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatFile = void 0;
+const devkit_1 = require("@nrwl/devkit");
+const prettier_1 = require("prettier");
+function formatFile(content, ...values) {
+    return (0, prettier_1.format)((0, devkit_1.stripIndents)(content, values)
+        .split('\n')
+        .map((line) => line.trim())
+        .join('')
+        .trim(), {
+        singleQuote: true,
+        parser: 'typescript',
+    });
+}
+exports.formatFile = formatFile;
+//# sourceMappingURL=format-file.js.map

package/src/utils/format-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-file.js","sourceRoot":"","sources":["../../../../../packages/react-native/src/utils/format-file.ts"],"names":[],"mappings":";;;AAAA,yCAA4C;AAC5C,uCAAkC;AAElC,SAAgB,UAAU,CAAC,OAAO,EAAE,GAAG,MAAM;IAC3C,OAAO,IAAA,iBAAM,EACX,IAAA,qBAAY,EAAC,OAAO,EAAE,MAAM,CAAC;SAC1B,KAAK,CAAC,IAAI,CAAC;SACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SAC1B,IAAI,CAAC,EAAE,CAAC;SACR,IAAI,EAAE,EACT;QACE,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,YAAY;KACrB,CACF,CAAC;AACJ,CAAC;AAZD,gCAYC"}

package/src/utils/versions.d.ts

@@ -1,16 +1,17 @@
 export declare const nxVersion = "*";
-export declare const reactNativeVersion = "0.66.4";
-export declare const typesReactNativeVersion = "0.66.11";
-export declare const metroVersion = "0.66.2";
-export declare const reactNativeCommunityCli = "6.3.1";
-export declare const reactNativeCommunityCliIos = "6.2.0";
-export declare const reactNativeCommunityCliAndroid = "6.3.0";
+export declare const reactNativeVersion = "0.67.2";
+export declare const typesReactNativeVersion = "0.66.15";
+export declare const metroVersion = "0.67.0";
+export declare const reactNativeCommunityCli = "7.0.1";
+export declare const reactNativeCommunityCliIos = "7.0.1";
+export declare const reactNativeCommunityCliAndroid = "7.0.1";
 export declare const reactNativeConfigVersion = "1.4.5";
-export declare const metroReactNativeBabelPresetVersion = "0.66.2";
+export declare const reactNativeAsyncStorageVersion = "1.15.17";
+export declare const metroReactNativeBabelPresetVersion = "0.67.0";
 export declare const testingLibraryReactNativeVersion = "9.0.0";
 export declare const testingLibraryJestNativeVersion = "4.0.4";
 export declare const jestReactNativeVersion = "18.0.0";
 export declare const reactTestRendererVersion = "17.0.2";
 export declare const reactNativeSvgTransformerVersion = "1.0.0";
 export declare const reactNativeSvgVersion = "12.1.1";
-export declare const babelRuntimeVersion = "7.16.7";
+export declare const babelRuntimeVersion = "7.17.2";

package/src/utils/versions.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactTestRendererVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroReactNativeBabelPresetVersion = exports.reactNativeConfigVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
-exports.nxVersion = '13.7.3';
-exports.reactNativeVersion = '0.66.4';
-exports.typesReactNativeVersion = '0.66.11';
-exports.metroVersion = '0.66.2';
-exports.reactNativeCommunityCli = '6.3.1';
-exports.reactNativeCommunityCliIos = '6.2.0';
-exports.reactNativeCommunityCliAndroid = '6.3.0';
+exports.babelRuntimeVersion = exports.reactNativeSvgVersion = exports.reactNativeSvgTransformerVersion = exports.reactTestRendererVersion = exports.jestReactNativeVersion = exports.testingLibraryJestNativeVersion = exports.testingLibraryReactNativeVersion = exports.metroReactNativeBabelPresetVersion = exports.reactNativeAsyncStorageVersion = exports.reactNativeConfigVersion = exports.reactNativeCommunityCliAndroid = exports.reactNativeCommunityCliIos = exports.reactNativeCommunityCli = exports.metroVersion = exports.typesReactNativeVersion = exports.reactNativeVersion = exports.nxVersion = void 0;
+exports.nxVersion = '13.8.2';
+exports.reactNativeVersion = '0.67.2';
+exports.typesReactNativeVersion = '0.66.15';
+exports.metroVersion = '0.67.0';
+exports.reactNativeCommunityCli = '7.0.1';
+exports.reactNativeCommunityCliIos = '7.0.1';
+exports.reactNativeCommunityCliAndroid = '7.0.1';
 exports.reactNativeConfigVersion = '1.4.5';
-exports.metroReactNativeBabelPresetVersion = '0.66.2';
+exports.reactNativeAsyncStorageVersion = '1.15.17';
+exports.metroReactNativeBabelPresetVersion = '0.67.0';
 exports.testingLibraryReactNativeVersion = '9.0.0';
 exports.testingLibraryJestNativeVersion = '4.0.4';
 exports.jestReactNativeVersion = '18.0.0';
 exports.reactTestRendererVersion = '17.0.2';
 exports.reactNativeSvgTransformerVersion = '1.0.0';
 exports.reactNativeSvgVersion = '12.1.1';
-exports.babelRuntimeVersion = '7.16.7';
+exports.babelRuntimeVersion = '7.17.2';
 //# 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,GAAG,CAAC;AAEhB,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,SAAS,CAAC;AAEpC,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,OAAO,CAAC;AAClC,QAAA,0BAA0B,GAAG,OAAO,CAAC;AACrC,QAAA,8BAA8B,GAAG,OAAO,CAAC;AAEzC,QAAA,wBAAwB,GAAG,OAAO,CAAC;AAEnC,QAAA,kCAAkC,GAAG,QAAQ,CAAC;AAE9C,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AAEpC,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,GAAG,CAAC;AAEhB,QAAA,kBAAkB,GAAG,QAAQ,CAAC;AAC9B,QAAA,uBAAuB,GAAG,SAAS,CAAC;AAEpC,QAAA,YAAY,GAAG,QAAQ,CAAC;AAExB,QAAA,uBAAuB,GAAG,OAAO,CAAC;AAClC,QAAA,0BAA0B,GAAG,OAAO,CAAC;AACrC,QAAA,8BAA8B,GAAG,OAAO,CAAC;AAEzC,QAAA,wBAAwB,GAAG,OAAO,CAAC;AACnC,QAAA,8BAA8B,GAAG,SAAS,CAAC;AAE3C,QAAA,kCAAkC,GAAG,QAAQ,CAAC;AAE9C,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,+BAA+B,GAAG,OAAO,CAAC;AAE1C,QAAA,sBAAsB,GAAG,QAAQ,CAAC;AAElC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AAEpC,QAAA,gCAAgC,GAAG,OAAO,CAAC;AAC3C,QAAA,qBAAqB,GAAG,QAAQ,CAAC;AAEjC,QAAA,mBAAmB,GAAG,QAAQ,CAAC"}