@nx/react-native 16.0.0-beta.1

package/src/generators/library/library.spec.ts

@@ -0,0 +1,397 @@
+import {
+  readJson,
+  readProjectConfiguration,
+  Tree,
+  updateJson,
+} from '@nx/devkit';
+import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
+import libraryGenerator from './library';
+import { Linter } from '@nx/linter';
+import { Schema } from './schema';
+
+describe('lib', () => {
+  let appTree: Tree;
+
+  const defaultSchema: Schema = {
+    name: 'myLib',
+    linter: Linter.EsLint,
+    skipFormat: false,
+    skipTsConfig: false,
+    unitTestRunner: 'jest',
+    strict: true,
+  };
+
+  beforeEach(() => {
+    appTree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
+    appTree.write('.gitignore', '');
+  });
+
+  describe('not nested', () => {
+    it('should update project.json', async () => {
+      await libraryGenerator(appTree, { ...defaultSchema, tags: 'one,two' });
+      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
+      expect(projectConfiguration.root).toEqual('libs/my-lib');
+      expect(projectConfiguration.targets.build).toBeUndefined();
+      expect(projectConfiguration.targets.lint).toEqual({
+        executor: '@nrwl/linter:eslint',
+        outputs: ['{options.outputFile}'],
+        options: {
+          lintFilePatterns: ['libs/my-lib/**/*.{ts,tsx,js,jsx}'],
+        },
+      });
+      expect(projectConfiguration.tags).toEqual(['one', 'two']);
+    });
+
+    it('should update root tsconfig.base.json', async () => {
+      await libraryGenerator(appTree, defaultSchema);
+      const tsconfigJson = readJson(appTree, '/tsconfig.base.json');
+      expect(tsconfigJson.compilerOptions.paths['@proj/my-lib']).toEqual([
+        'libs/my-lib/src/index.ts',
+      ]);
+    });
+
+    it('should update root tsconfig.json when no tsconfig.base.json', async () => {
+      appTree.rename('tsconfig.base.json', 'tsconfig.json');
+
+      await libraryGenerator(appTree, defaultSchema);
+
+      const tsconfigJson = readJson(appTree, '/tsconfig.json');
+      expect(tsconfigJson.compilerOptions.paths['@proj/my-lib']).toEqual([
+        'libs/my-lib/src/index.ts',
+      ]);
+    });
+
+    it('should update root tsconfig.base.json (no existing path mappings)', async () => {
+      updateJson(appTree, 'tsconfig.base.json', (json) => {
+        json.compilerOptions.paths = undefined;
+        return json;
+      });
+
+      await libraryGenerator(appTree, defaultSchema);
+      const tsconfigJson = readJson(appTree, '/tsconfig.base.json');
+      expect(tsconfigJson.compilerOptions.paths['@proj/my-lib']).toEqual([
+        'libs/my-lib/src/index.ts',
+      ]);
+    });
+
+    it('should create a local tsconfig.json', async () => {
+      await libraryGenerator(appTree, defaultSchema);
+
+      const tsconfigJson = readJson(appTree, 'libs/my-lib/tsconfig.json');
+      expect(tsconfigJson.extends).toBe('../../tsconfig.base.json');
+      expect(tsconfigJson.references).toEqual([
+        {
+          path: './tsconfig.lib.json',
+        },
+        {
+          path: './tsconfig.spec.json',
+        },
+      ]);
+      expect(
+        tsconfigJson.compilerOptions.forceConsistentCasingInFileNames
+      ).toEqual(true);
+      expect(tsconfigJson.compilerOptions.strict).toEqual(true);
+      expect(tsconfigJson.compilerOptions.noImplicitReturns).toEqual(true);
+      expect(tsconfigJson.compilerOptions.noFallthroughCasesInSwitch).toEqual(
+        true
+      );
+    });
+
+    it('should extend from root tsconfig.json when no tsconfig.base.json', async () => {
+      appTree.rename('tsconfig.base.json', 'tsconfig.json');
+
+      await libraryGenerator(appTree, defaultSchema);
+
+      const tsconfigJson = readJson(appTree, 'libs/my-lib/tsconfig.json');
+      expect(tsconfigJson.extends).toBe('../../tsconfig.json');
+    });
+
+    it('should extend the local tsconfig.json with tsconfig.spec.json', async () => {
+      await libraryGenerator(appTree, defaultSchema);
+      const tsconfigJson = readJson(appTree, 'libs/my-lib/tsconfig.spec.json');
+      expect(tsconfigJson.extends).toEqual('./tsconfig.json');
+    });
+
+    it('should extend the local tsconfig.json with tsconfig.lib.json', async () => {
+      await libraryGenerator(appTree, defaultSchema);
+      const tsconfigJson = readJson(appTree, 'libs/my-lib/tsconfig.lib.json');
+      expect(tsconfigJson.extends).toEqual('./tsconfig.json');
+    });
+  });
+
+  describe('nested', () => {
+    it('should update nx.json', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        directory: 'myDir',
+        tags: 'one',
+      });
+      const projectConfiguration = readProjectConfiguration(
+        appTree,
+        'my-dir-my-lib'
+      );
+      expect(projectConfiguration).toMatchObject({
+        tags: ['one'],
+      });
+
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        name: 'myLib2',
+        directory: 'myDir',
+        tags: 'one,two',
+      });
+
+      const lib2ProjectConfiguration = readProjectConfiguration(
+        appTree,
+        'my-dir-my-lib2'
+      );
+      expect(lib2ProjectConfiguration).toMatchObject({
+        tags: ['one', 'two'],
+      });
+    });
+
+    it('should update project.json', async () => {
+      await libraryGenerator(appTree, { ...defaultSchema, directory: 'myDir' });
+      const projectConfiguration = readProjectConfiguration(
+        appTree,
+        'my-dir-my-lib'
+      );
+
+      expect(projectConfiguration.root).toEqual('libs/my-dir/my-lib');
+      expect(projectConfiguration.targets.lint).toEqual({
+        executor: '@nrwl/linter:eslint',
+        outputs: ['{options.outputFile}'],
+        options: {
+          lintFilePatterns: ['libs/my-dir/my-lib/**/*.{ts,tsx,js,jsx}'],
+        },
+      });
+    });
+
+    it('should update root tsconfig.base.json', async () => {
+      await libraryGenerator(appTree, { ...defaultSchema, directory: 'myDir' });
+      const tsconfigJson = readJson(appTree, '/tsconfig.base.json');
+      expect(tsconfigJson.compilerOptions.paths['@proj/my-dir/my-lib']).toEqual(
+        ['libs/my-dir/my-lib/src/index.ts']
+      );
+      expect(
+        tsconfigJson.compilerOptions.paths['my-dir-my-lib/*']
+      ).toBeUndefined();
+    });
+
+    it('should update root tsconfig.json when no tsconfig.base.json', async () => {
+      appTree.rename('tsconfig.base.json', 'tsconfig.json');
+
+      await libraryGenerator(appTree, { ...defaultSchema, directory: 'myDir' });
+
+      const tsconfigJson = readJson(appTree, '/tsconfig.json');
+      expect(tsconfigJson.compilerOptions.paths['@proj/my-dir/my-lib']).toEqual(
+        ['libs/my-dir/my-lib/src/index.ts']
+      );
+      expect(
+        tsconfigJson.compilerOptions.paths['my-dir-my-lib/*']
+      ).toBeUndefined();
+    });
+
+    it('should create a local tsconfig.json', async () => {
+      await libraryGenerator(appTree, { ...defaultSchema, directory: 'myDir' });
+
+      const tsconfigJson = readJson(
+        appTree,
+        'libs/my-dir/my-lib/tsconfig.json'
+      );
+      expect(tsconfigJson.extends).toBe('../../../tsconfig.base.json');
+      expect(tsconfigJson.references).toEqual([
+        {
+          path: './tsconfig.lib.json',
+        },
+        {
+          path: './tsconfig.spec.json',
+        },
+      ]);
+    });
+
+    it('should extend from root tsconfig.json when no tsconfig.base.json', async () => {
+      appTree.rename('tsconfig.base.json', 'tsconfig.json');
+
+      await libraryGenerator(appTree, { ...defaultSchema, directory: 'myDir' });
+
+      const tsconfigJson = readJson(
+        appTree,
+        'libs/my-dir/my-lib/tsconfig.json'
+      );
+      expect(tsconfigJson.extends).toBe('../../../tsconfig.json');
+    });
+  });
+
+  describe('--unit-test-runner none', () => {
+    it('should not generate test configuration', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        unitTestRunner: 'none',
+      });
+
+      expect(appTree.exists('libs/my-lib/tsconfig.spec.json')).toBeFalsy();
+      expect(appTree.exists('libs/my-lib/jest.config.ts')).toBeFalsy();
+      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
+      expect(projectConfiguration.targets.test).toBeUndefined();
+      expect(projectConfiguration.targets.lint).toMatchObject({
+        executor: '@nrwl/linter:eslint',
+        options: {
+          lintFilePatterns: ['libs/my-lib/**/*.{ts,tsx,js,jsx}'],
+        },
+        outputs: ['{options.outputFile}'],
+      });
+    });
+  });
+
+  describe('--buildable', () => {
+    it('should have a builder defined', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        buildable: true,
+      });
+
+      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
+
+      expect(projectConfiguration.targets.build).toBeDefined();
+    });
+  });
+
+  describe('--publishable', () => {
+    it('should add build architect', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        publishable: true,
+        importPath: '@proj/my-lib',
+      });
+
+      const projectConfiguration = readProjectConfiguration(appTree, 'my-lib');
+
+      expect(projectConfiguration.targets.build).toMatchObject({
+        executor: '@nrwl/web:rollup',
+        outputs: ['{options.outputPath}'],
+        options: {
+          external: ['react/jsx-runtime', 'react-native'],
+          entryFile: 'libs/my-lib/src/index.ts',
+          outputPath: 'dist/libs/my-lib',
+          project: 'libs/my-lib/package.json',
+          tsConfig: 'libs/my-lib/tsconfig.lib.json',
+          rollupConfig: '@nrwl/react/plugins/bundle-rollup',
+        },
+      });
+    });
+
+    it('should fail if no importPath is provided with publishable', async () => {
+      expect.assertions(1);
+
+      try {
+        await libraryGenerator(appTree, {
+          ...defaultSchema,
+          directory: 'myDir',
+          publishable: true,
+        });
+      } catch (e) {
+        expect(e.message).toContain(
+          'For publishable libs you have to provide a proper "--importPath" which needs to be a valid npm package name (e.g. my-awesome-lib or @myorg/my-lib)'
+        );
+      }
+    });
+
+    it('should add package.json and .babelrc', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        publishable: true,
+        importPath: '@proj/my-lib',
+      });
+
+      const packageJson = readJson(appTree, '/libs/my-lib/package.json');
+      expect(packageJson.name).toEqual('@proj/my-lib');
+      expect(appTree.exists('/libs/my-lib/.babelrc'));
+    });
+  });
+
+  describe('--js', () => {
+    it('should generate JS files', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        js: true,
+      });
+
+      expect(appTree.exists('/libs/my-lib/src/index.js')).toBe(true);
+    });
+  });
+
+  describe('--importPath', () => {
+    it('should update the package.json & tsconfig with the given import path', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        publishable: true,
+        directory: 'myDir',
+        importPath: '@myorg/lib',
+      });
+      const packageJson = readJson(appTree, 'libs/my-dir/my-lib/package.json');
+      const tsconfigJson = readJson(appTree, '/tsconfig.base.json');
+
+      expect(packageJson.name).toBe('@myorg/lib');
+      expect(
+        tsconfigJson.compilerOptions.paths[packageJson.name]
+      ).toBeDefined();
+    });
+
+    it('should fail if the same importPath has already been used', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        name: 'myLib1',
+        publishable: true,
+        importPath: '@myorg/lib',
+      });
+
+      try {
+        await libraryGenerator(appTree, {
+          ...defaultSchema,
+          name: 'myLib2',
+          publishable: true,
+          importPath: '@myorg/lib',
+        });
+      } catch (e) {
+        expect(e.message).toContain(
+          'You already have a library using the import path'
+        );
+      }
+
+      expect.assertions(1);
+    });
+  });
+
+  describe('--no-strict', () => {
+    it('should not add options for strict mode', async () => {
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        strict: false,
+      });
+      const tsconfigJson = readJson(appTree, '/libs/my-lib/tsconfig.json');
+
+      expect(
+        tsconfigJson.compilerOptions.forceConsistentCasingInFileNames
+      ).not.toBeDefined();
+      expect(tsconfigJson.compilerOptions.strict).not.toBeDefined();
+      expect(tsconfigJson.compilerOptions.noImplicitReturns).not.toBeDefined();
+      expect(
+        tsconfigJson.compilerOptions.noFallthroughCasesInSwitch
+      ).not.toBeDefined();
+    });
+  });
+
+  describe('--skipPackageJson', () => {
+    it('should not add or update dependencies when true', async () => {
+      const packageJsonBefore = readJson(appTree, 'package.json');
+
+      await libraryGenerator(appTree, {
+        ...defaultSchema,
+        skipPackageJson: true,
+      });
+
+      expect(readJson(appTree, 'package.json')).toEqual(packageJsonBefore);
+    });
+  });
+});

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

@@ -0,0 +1,22 @@
+import { Linter } from '@nx/linter';
+
+/**
+ * Same as the @nrwl/react library schema, except it removes keys: style, component, routing, appProject
+ */
+export interface Schema {
+  name: string;
+  directory?: string;
+  skipTsConfig: boolean;
+  skipFormat: boolean;
+  tags?: string;
+  pascalCaseFiles?: boolean;
+  unitTestRunner: 'jest' | 'none';
+  linter: Linter;
+  publishable?: boolean;
+  buildable?: boolean;
+  importPath?: string;
+  js?: boolean;
+  strict?: boolean;
+  setParserOptionsProject?: boolean;
+  skipPackageJson?: boolean; //default is false
+}

package/src/generators/library/schema.json

@@ -0,0 +1,102 @@
+{
+  "cli": "nx",
+  "$id": "NxReactNativeLibrary",
+  "$schema": "http://json-schema.org/schema",
+  "title": "Create a React Native Library for Nx",
+  "description": "Create a React Native Library for Nx.",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g @nrwl/react-native:lib mylib --directory=myapp",
+      "description": "Generate `libs/myapp/mylib`"
+    }
+  ],
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Library name.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the library?",
+      "pattern": "^[a-zA-Z].*$"
+    },
+    "directory": {
+      "type": "string",
+      "description": "A directory where the lib is placed.",
+      "alias": "dir",
+      "x-priority": "important"
+    },
+    "linter": {
+      "description": "The tool to use for running lint checks.",
+      "type": "string",
+      "enum": ["eslint"],
+      "default": "eslint"
+    },
+    "unitTestRunner": {
+      "type": "string",
+      "enum": ["jest", "none"],
+      "description": "Test runner to use for unit tests.",
+      "default": "jest"
+    },
+    "tags": {
+      "type": "string",
+      "description": "Add tags to the library (used for linting).",
+      "alias": "t"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "skipTsConfig": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not update `tsconfig.json` for development experience.",
+      "x-priority": "internal"
+    },
+    "pascalCaseFiles": {
+      "type": "boolean",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
+      "alias": "P",
+      "default": false
+    },
+    "publishable": {
+      "type": "boolean",
+      "description": "Create a publishable library."
+    },
+    "buildable": {
+      "type": "boolean",
+      "default": false,
+      "description": "Generate a buildable library."
+    },
+    "importPath": {
+      "type": "string",
+      "description": "The library name used to import it, like `@myorg/my-awesome-lib`."
+    },
+    "js": {
+      "type": "boolean",
+      "description": "Generate JavaScript files rather than TypeScript files.",
+      "default": false
+    },
+    "strict": {
+      "type": "boolean",
+      "description": "Whether to enable tsconfig strict mode or not.",
+      "default": true
+    },
+    "setParserOptionsProject": {
+      "type": "boolean",
+      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
+      "default": false
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["name"]
+}

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

@@ -0,0 +1,5 @@
+export interface StorybookStoriesSchema {
+  project: string;
+  ignorePaths?: string[];
+  skipFormat?: boolean;
+}

package/src/generators/stories/schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxReactNativeStorybookStories",
+  "title": "Generate React Native Storybook stories",
+  "description": "Generate stories/specs for all components declared in a React Native project.",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "aliases": ["name", "projectName"],
+      "description": "Project for which to generate stories.",
+      "$default": {
+        "$source": "projectName",
+        "index": 0
+      },
+      "x-prompt": "For which project do you want to generate stories?"
+    },
+    "ignorePaths": {
+      "type": "array",
+      "description": "Paths to ignore when looking for components.",
+      "items": {
+        "type": "string",
+        "description": "Path to ignore."
+      },
+      "examples": [
+        "apps/my-app/src/not-stories/**",
+        "**/**/src/**/not-stories/**",
+        "libs/my-lib/**/*.something.ts",
+        "**/**/src/**/*.other.*",
+        "libs/my-lib/src/not-stories/**,**/**/src/**/*.other.*,apps/my-app/**/*.something.ts"
+      ]
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  },
+  "required": ["project"]
+}