@nrwl/react-native 15.5.2 → 15.6.0-beta.0

package/CHANGELOG.md

@@ -3,6 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [15.5.2](https://github.com/nrwl/nx/compare/15.5.1...15.5.2) (2023-01-18)
+# [15.6.0-beta.0](https://github.com/nrwl/nx/compare/15.5.1...15.6.0-beta.0) (2023-01-23)
 
 **Note:** Version bump only for package @nrwl/react-native

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/react-native",
-  "version": "15.5.2",
+  "version": "15.6.0-beta.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,13 +25,13 @@
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@nrwl/detox": "15.5.2",
-    "@nrwl/devkit": "15.5.2",
-    "@nrwl/jest": "15.5.2",
-    "@nrwl/js": "15.5.2",
-    "@nrwl/linter": "15.5.2",
-    "@nrwl/react": "15.5.2",
-    "@nrwl/workspace": "15.5.2",
+    "@nrwl/detox": "15.6.0-beta.0",
+    "@nrwl/devkit": "15.6.0-beta.0",
+    "@nrwl/jest": "15.6.0-beta.0",
+    "@nrwl/js": "15.6.0-beta.0",
+    "@nrwl/linter": "15.6.0-beta.0",
+    "@nrwl/react": "15.6.0-beta.0",
+    "@nrwl/workspace": "15.6.0-beta.0",
     "chalk": "^4.1.0",
     "enhanced-resolve": "^5.8.3",
     "fs-extra": "^11.1.0",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "22d6519948033a60c7281fe4bb7e0a594d9fc5a6"
+  "gitHead": "077b55915b2da6b54f3f6a9f52b0681a1a350580"
 }

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

@@ -18,7 +18,8 @@
       "type": "string",
       "description": "Specify your app's build variant (e.g. `debug`, `release`).",
       "default": "debug",
-      "examples": ["debug", "release"]
+      "examples": ["debug", "release"],
+      "x-priority": "important"
     },
     "appId": {
       "type": "string",

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

@@ -25,7 +25,8 @@
       "type": "string",
       "description": "Explicitly set the Xcode configuration to use.",
       "default": "Debug",
-      "examples": ["Debug", "Release"]
+      "examples": ["Debug", "Release"],
+      "x-priority": "important"
     },
     "scheme": {
       "type": "string",
@@ -35,21 +36,25 @@
       "type": "string",
       "description": "Explicitly set simulator to use. Optionally include iOS version between parenthesis at the end to match an exact version: `iPhone X (12.1)`.",
       "default": "iPhone 13",
-      "examples": ["iPhone 13", "iPhone X"]
+      "examples": ["iPhone 13", "iPhone X"],
+      "x-priority": "important"
     },
     "device": {
       "type": "string",
-      "description": "Explicitly set device to use by name. The value is not required if you have a single device connected."
+      "description": "Explicitly set device to use by name. The value is not required if you have a single device connected.",
+      "x-priority": "important"
     },
     "install": {
       "type": "boolean",
       "description": "Runs `pod install` for native modules before building iOS app.",
-      "default": true
+      "default": true,
+      "x-priority": "internal"
     },
     "sync": {
       "type": "boolean",
       "description": "Syncs npm dependencies to `package.json` (for React Native autolink). Always true when `--install` is used.",
-      "default": true
+      "default": true,
+      "x-priority": "internal"
     },
     "port": {
       "type": "number",

package/src/generators/application/schema.json

@@ -6,11 +6,11 @@
   "description": "Create a React Application for Nx.",
   "examples": [
     {
-      "command": "nx g app myapp --directory=nested",
+      "command": "nx g @nrwl/react-native:app myapp --directory=nested",
       "description": "Generate `apps/nested/myapp`"
     },
     {
-      "command": "nx g app myapp --classComponent",
+      "command": "nx g @nrwl/react-native:app myapp --classComponent",
       "description": "Use class components instead of functional components"
     }
   ],
@@ -36,7 +36,8 @@
     "skipFormat": {
       "description": "Skip formatting files",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     },
     "linter": {
       "description": "The tool to use for running lint checks.",
@@ -74,12 +75,14 @@
     "install": {
       "type": "boolean",
       "description": "Runs `pod install` for native modules before building iOS app.",
-      "default": true
+      "default": true,
+      "x-priority": "internal"
     },
     "skipPackageJson": {
       "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": []

package/src/generators/component/schema.json

@@ -7,11 +7,11 @@
   "type": "object",
   "examples": [
     {
-      "command": "nx g component my-component --project=mylib",
+      "command": "nx g @nrwl/react-native:component my-component --project=mylib",
       "description": "Generate a component in the `mylib` library"
     },
     {
-      "command": "nx g component my-component --project=mylib --classComponent",
+      "command": "nx g @nrwl/react-native:component my-component --project=mylib --classComponent",
       "description": "Generate a class component in the `mylib` library"
     }
   ],
@@ -46,7 +46,8 @@
     },
     "directory": {
       "type": "string",
-      "description": "Create the component under this directory (can be nested)."
+      "description": "Create the component under this directory (can be nested).",
+      "x-priority": "important"
     },
     "flat": {
       "type": "boolean",

package/src/generators/init/schema.json

@@ -15,7 +15,8 @@
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     },
     "e2eTestRunner": {
       "description": "Adds the specified E2E test runner.",
@@ -31,7 +32,8 @@
     "skipPackageJson": {
       "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": []

package/src/generators/library/schema.d.ts

@@ -16,7 +16,6 @@ export interface Schema {
   buildable?: boolean;
   importPath?: string;
   js?: boolean;
-  globalCss?: boolean;
   strict?: boolean;
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean; //default is false

package/src/generators/library/schema.json

@@ -7,7 +7,7 @@
   "type": "object",
   "examples": [
     {
-      "command": "nx g lib mylib --directory=myapp",
+      "command": "nx g @nrwl/react-native:lib mylib --directory=myapp",
       "description": "Generate `libs/myapp/mylib`"
     }
   ],
@@ -24,7 +24,9 @@
     },
     "directory": {
       "type": "string",
-      "description": "A directory where the lib is placed."
+      "description": "A directory where the lib is placed.",
+      "alias": "dir",
+      "x-priority": "important"
     },
     "linter": {
       "description": "The tool to use for running lint checks.",
@@ -46,12 +48,14 @@
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     },
     "skipTsConfig": {
       "type": "boolean",
       "default": false,
-      "description": "Do not update `tsconfig.json` for development experience."
+      "description": "Do not update `tsconfig.json` for development experience.",
+      "x-priority": "internal"
     },
     "pascalCaseFiles": {
       "type": "boolean",
@@ -77,11 +81,6 @@
       "description": "Generate JavaScript files rather than TypeScript files.",
       "default": false
     },
-    "globalCss": {
-      "type": "boolean",
-      "description": "When `true`, the stylesheet is generated using global CSS instead of CSS modules (e.g. file is `*.css` rather than `*.module.css`).",
-      "default": false
-    },
     "strict": {
       "type": "boolean",
       "description": "Whether to enable tsconfig strict mode or not.",
@@ -95,7 +94,8 @@
     "skipPackageJson": {
       "description": "Do not add dependencies to `package.json`.",
       "type": "boolean",
-      "default": false
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": ["name"]

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

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

package/src/generators/storybook-configuration/lib/create-storybook-files.js

@@ -9,29 +9,28 @@ const chalk = require("chalk");
  * This function generate ./storybook under project root.
  */
 function createStorybookFiles(host, schema) {
-    var _a;
+    var _a, _b;
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
         const { root, projectType, targets, sourceRoot } = (0, devkit_1.readProjectConfiguration)(host, schema.name);
         // do not proceed if not a react native project
-        if (((_a = targets === null || targets === void 0 ? void 0 : targets.start) === null || _a === void 0 ? void 0 : _a.executor) !== '@nrwl/react-native:start') {
+        if (((_a = targets === null || targets === void 0 ? void 0 : targets.start) === null || _a === void 0 ? void 0 : _a.executor) !== '@nrwl/react-native:start' &&
+            ((_b = targets === null || targets === void 0 ? void 0 : targets.start) === null || _b === void 0 ? void 0 : _b.executor) !== '@nrwl/expo:start') {
+            devkit_1.logger.error(`Unable to add storybook to ${schema.name}. It is not a Nx React Native / Expo project.`);
             return;
         }
         const storybookUIFileName = schema.js ? 'storybook.js' : 'storybook.ts';
         const storybookUIFilePath = (0, path_1.join)(root, `./${storybookUIFileName}`);
         if (host.exists(storybookUIFilePath)) {
-            devkit_1.logger.warn(`${storybookUIFileName} file already exists for React Native ${projectType} ${schema.name}! Skipping generating this file.`);
+            devkit_1.logger.warn(`${storybookUIFileName} file already exists for ${projectType} ${schema.name}! Skipping generating this file.`);
             return;
         }
         if (projectType !== 'application') {
             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).`);
         }
-        const projectDirectory = projectType === 'application' ? 'app' : 'lib';
-        devkit_1.logger.debug(`Adding storybook file to React Native app ${projectDirectory}`);
         // copy files to app's .storybook folder
         (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/app'), (0, path_1.join)(root, 'src', 'storybook'), {
             tmpl: '',
             offsetFromRoot: (0, devkit_1.offsetFromRoot)(sourceRoot),
-            projectType: projectDirectory,
         });
         // copy files to workspace root's .storybook folder
         (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/root'), (0, path_1.join)(root, (0, devkit_1.offsetFromRoot)(root), '.storybook'), {

package/src/generators/storybook-configuration/lib/create-storybook-files.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-storybook-files.js","sourceRoot":"","sources":["../../../../../../../packages/react-native/src/generators/storybook-configuration/lib/create-storybook-files.ts"],"names":[],"mappings":";;;;AAAA,yCAOsB;AACtB,+BAA4B;AAC5B,+BAA+B;AAI/B;;GAEG;AACH,SAAsB,oBAAoB,CACxC,IAAU,EACV,MAAgC;;;QAEhC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAA,iCAAwB,EACzE,IAAI,EACJ,MAAM,CAAC,IAAI,CACZ,CAAC;QAEF,+CAA+C;QAC/C,IAAI,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B,EAAE;YAC3D,OAAO;SACR;QAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC;QACxE,MAAM,mBAAmB,GAAG,IAAA,WAAI,EAAC,IAAI,EAAE,KAAK,mBAAmB,EAAE,CAAC,CAAC;QAEnE,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;YACpC,eAAM,CAAC,IAAI,CACT,GAAG,mBAAmB,yCAAyC,WAAW,IAAI,MAAM,CAAC,IAAI,kCAAkC,CAC5H,CAAC;YACF,OAAO;SACR;QACD,IAAI,WAAW,KAAK,aAAa,EAAE;YACjC,eAAM,CAAC,IAAI,CACT,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAChB,MAAM,CACP,8IAA8I,CAChJ,CAAC;SACH;QAED,MAAM,gBAAgB,GAAG,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QAEvE,eAAM,CAAC,KAAK,CAAC,6CAA6C,gBAAgB,EAAE,CAAC,CAAC;QAE9E,wCAAwC;QACxC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,EAC/B,IAAA,WAAI,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,EAC9B;YACE,IAAI,EAAE,EAAE;YACR,cAAc,EAAE,IAAA,uBAAc,EAAC,UAAU,CAAC;YAC1C,WAAW,EAAE,gBAAgB;SAC9B,CACF,CAAC;QAEF,mDAAmD;QACnD,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC,EAChC,IAAA,WAAI,EAAC,IAAI,EAAE,IAAA,uBAAc,EAAC,IAAI,CAAC,EAAE,YAAY,CAAC,EAC9C;YACE,IAAI,EAAE,EAAE;SACT,CACF,CAAC;QAEF,IAAI,MAAM,CAAC,EAAE,EAAE;YACb,IAAA,aAAI,EAAC,IAAI,CAAC,CAAC;SACZ;;CACF;AA5DD,oDA4DC"}
+{"version":3,"file":"create-storybook-files.js","sourceRoot":"","sources":["../../../../../../../packages/react-native/src/generators/storybook-configuration/lib/create-storybook-files.ts"],"names":[],"mappings":";;;;AAAA,yCAOsB;AACtB,+BAA4B;AAC5B,+BAA+B;AAI/B;;GAEG;AACH,SAAsB,oBAAoB,CACxC,IAAU,EACV,MAAgC;;;QAEhC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAA,iCAAwB,EACzE,IAAI,EACJ,MAAM,CAAC,IAAI,CACZ,CAAC;QAEF,+CAA+C;QAC/C,IACE,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,QAAQ,MAAK,0BAA0B;YACvD,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,QAAQ,MAAK,kBAAkB,EAC/C;YACA,eAAM,CAAC,KAAK,CACV,8BAA8B,MAAM,CAAC,IAAI,+CAA+C,CACzF,CAAC;YACF,OAAO;SACR;QAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC;QACxE,MAAM,mBAAmB,GAAG,IAAA,WAAI,EAAC,IAAI,EAAE,KAAK,mBAAmB,EAAE,CAAC,CAAC;QAEnE,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;YACpC,eAAM,CAAC,IAAI,CACT,GAAG,mBAAmB,4BAA4B,WAAW,IAAI,MAAM,CAAC,IAAI,kCAAkC,CAC/G,CAAC;YACF,OAAO;SACR;QACD,IAAI,WAAW,KAAK,aAAa,EAAE;YACjC,eAAM,CAAC,IAAI,CACT,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAChB,MAAM,CACP,8IAA8I,CAChJ,CAAC;SACH;QAED,wCAAwC;QACxC,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,cAAc,CAAC,EAC/B,IAAA,WAAI,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,EAC9B;YACE,IAAI,EAAE,EAAE;YACR,cAAc,EAAE,IAAA,uBAAc,EAAC,UAAU,CAAC;SAC3C,CACF,CAAC;QAEF,mDAAmD;QACnD,IAAA,sBAAa,EACX,IAAI,EACJ,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC,EAChC,IAAA,WAAI,EAAC,IAAI,EAAE,IAAA,uBAAc,EAAC,IAAI,CAAC,EAAE,YAAY,CAAC,EAC9C;YACE,IAAI,EAAE,EAAE;SACT,CACF,CAAC;QAEF,IAAI,MAAM,CAAC,EAAE,EAAE;YACb,IAAA,aAAI,EAAC,IAAI,CAAC,CAAC;SACZ;;CACF;AA7DD,oDA6DC"}

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

@@ -21,7 +21,8 @@
       "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
+      "default": true,
+      "x-priority": "important"
     },
     "js": {
       "type": "boolean",

package/src/generators/upgrade-native/schema.json

@@ -33,7 +33,8 @@
     "install": {
       "type": "boolean",
       "description": "Runs `pod install` for native modules before building iOS app.",
-      "default": true
+      "default": true,
+      "x-priority": "internal"
     }
   },
   "required": ["name"]