@nx/react-native 18.0.0-beta.1 → 18.0.0-canary.20240201-8762c38

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStorybookFiles = void 0;
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
-const chalk = require("chalk");
-/**
- * This function generate ./storybook under project root.
- */
-async function createStorybookFiles(host, schema) {
-    const { root, projectType, targets, sourceRoot } = (0, devkit_1.readProjectConfiguration)(host, schema.name);
-    // do not proceed if not a react native project
-    if (targets?.start?.executor !== '@nx/react-native:start' &&
-        targets?.start?.executor !== '@nx/expo:start' &&
-        targets?.start?.executor !== '@nrwl/react-native:start' &&
-        targets?.start?.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 ${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).`);
-    }
-    // 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),
-    });
-    // 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'), {
-        tmpl: '',
-    });
-    if (schema.js) {
-        (0, devkit_1.toJS)(host);
-    }
-}
-exports.createStorybookFiles = createStorybookFiles;

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

@@ -1,7 +0,0 @@
-import { Tree } from '@nx/devkit';
-import { StorybookConfigureSchema } from '../schema';
-/**
- * To replace the import statement for storybook.
- * Need to import app with storybook toggle from .storybook/toggle-storybook
- */
-export declare function replaceAppImportWithStorybookToggle(host: Tree, schema: StorybookConfigureSchema): void;

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaceAppImportWithStorybookToggle = void 0;
-const devkit_1 = require("@nx/devkit");
-const path_1 = require("path");
-/**
- * To replace the import statement for storybook.
- * Need to import app with storybook toggle from .storybook/toggle-storybook
- */
-function replaceAppImportWithStorybookToggle(host, schema) {
-    const { root, sourceRoot } = (0, devkit_1.readProjectConfiguration)(host, schema.name);
-    const mainFilePath = (0, path_1.join)(sourceRoot, schema.js ? 'main.js' : 'main.tsx');
-    const appImportImport = `import App from './app/App';`;
-    const storybookeToggleImport = `import App from './storybook/toggle-storybook';`;
-    try {
-        devkit_1.logger.debug(`Updating import for ${mainFilePath}`);
-        const contents = host.read(mainFilePath, 'utf-8');
-        if (!contents.includes(appImportImport) ||
-            contents.includes(storybookeToggleImport)) {
-            devkit_1.logger.warn((0, devkit_1.stripIndents) `${mainFilePath} is already udpated.`);
-            return;
-        }
-        host.write(mainFilePath, contents.replace(appImportImport, storybookeToggleImport));
-    }
-    catch {
-        devkit_1.logger.warn((0, devkit_1.stripIndents) `Unable to update import in ${mainFilePath} for project ${root}.`);
-    }
-}
-exports.replaceAppImportWithStorybookToggle = replaceAppImportWithStorybookToggle;

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

@@ -1,65 +0,0 @@
-import { addProjectConfiguration, Tree } from '@nx/devkit';
-import { createTreeWithEmptyWorkspace } from '@nx/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: 'products',
-      sourceRoot: 'products/src',
-    });
-  });
-
-  it('should update the main file with import from storybook', async () => {
-    tree.write(
-      '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('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(
-      '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('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/utils/find-all-npm-dependencies.d.ts

@@ -1,2 +0,0 @@
-import { ProjectGraph } from '@nx/devkit';
-export declare function findAllNpmDependencies(graph: ProjectGraph, projectName: string, list?: string[], seen?: Set<string>): string[];

package/src/utils/find-all-npm-dependencies.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findAllNpmDependencies = void 0;
-function findAllNpmDependencies(graph, projectName, list = [], seen = new Set()) {
-    // In case of bad circular dependencies
-    if (seen.has(projectName)) {
-        return list;
-    }
-    seen.add(projectName);
-    const node = graph.externalNodes[projectName];
-    // Don't want to include '@nx/react-native' because React Native
-    // autolink will warn that the package has no podspec file for iOS.
-    if (node) {
-        if (node.name !== 'npm:@nx/react-native' &&
-            node.name !== 'npm:@nrwl/react-native') {
-            list.push(node.data.packageName);
-        }
-    }
-    else {
-        // it's workspace project, search for it's dependencies
-        graph.dependencies[projectName]?.forEach((dep) => findAllNpmDependencies(graph, dep.target, list, seen));
-    }
-    return list;
-}
-exports.findAllNpmDependencies = findAllNpmDependencies;

package/src/utils/find-all-npm-dependencies.spec.ts

@@ -1,95 +0,0 @@
-import { findAllNpmDependencies } from './find-all-npm-dependencies';
-import { ProjectGraph } from '@nx/devkit';
-
-test('findAllNpmDependencies', () => {
-  const graph: ProjectGraph = {
-    nodes: {
-      myapp: {
-        type: 'app',
-        name: 'myapp',
-        data: { files: [] },
-      },
-      lib1: {
-        type: 'lib',
-        name: 'lib1',
-        data: { files: [] },
-      },
-      lib2: {
-        type: 'lib',
-        name: 'lib2',
-        data: { files: [] },
-      },
-      lib3: {
-        type: 'lib',
-        name: 'lib3',
-        data: { files: [] },
-      },
-    } as any,
-    externalNodes: {
-      'npm:react-native-image-picker': {
-        type: 'npm',
-        name: 'npm:react-native-image-picker',
-        data: {
-          version: '1',
-          packageName: 'react-native-image-picker',
-        },
-      },
-      'npm:react-native-dialog': {
-        type: 'npm',
-        name: 'npm:react-native-dialog',
-        data: {
-          version: '1',
-          packageName: 'react-native-dialog',
-        },
-      },
-      'npm:react-native-snackbar': {
-        type: 'npm',
-        name: 'npm:react-native-snackbar',
-        data: {
-          version: '1',
-          packageName: 'react-native-snackbar',
-        },
-      },
-      'npm:@nx/react-native': {
-        type: 'npm',
-        name: 'npm:@nx/react-native',
-        data: {
-          version: '1',
-          packageName: '@nx/react-native',
-        },
-      },
-    },
-    dependencies: {
-      myapp: [
-        { type: 'static', source: 'myapp', target: 'lib1' },
-        { type: 'static', source: 'myapp', target: 'lib2' },
-        {
-          type: 'static',
-          source: 'myapp',
-          target: 'npm:react-native-image-picker',
-        },
-        {
-          type: 'static',
-          source: 'myapp',
-          target: 'npm:@nx/react-native',
-        },
-      ],
-      lib1: [
-        { type: 'static', source: 'lib1', target: 'lib2' },
-        { type: 'static', source: 'lib3', target: 'npm:react-native-snackbar' },
-      ],
-      lib2: [{ type: 'static', source: 'lib2', target: 'lib3' }],
-      lib3: [
-        { type: 'static', source: 'lib3', target: 'npm:react-native-dialog' },
-      ],
-    },
-  };
-
-  const result = findAllNpmDependencies(graph, 'myapp');
-
-  expect(result).toEqual([
-    'react-native-dialog',
-    'react-native-snackbar',
-    'react-native-image-picker',
-  ]);
-});

package/src/utils/symlink-task.d.ts

@@ -1,2 +0,0 @@
-import { GeneratorCallback } from '@nx/devkit';
-export declare function runSymlink(workspaceRoot: string, projectRoot: string): GeneratorCallback;

package/src/utils/symlink-task.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runSymlink = void 0;
-const ensure_node_modules_symlink_1 = require("./ensure-node-modules-symlink");
-const chalk = require("chalk");
-const devkit_1 = require("@nx/devkit");
-function runSymlink(workspaceRoot, projectRoot) {
-    return () => {
-        devkit_1.logger.info(`creating symlinks for ${chalk.bold(projectRoot)}`);
-        try {
-            (0, ensure_node_modules_symlink_1.ensureNodeModulesSymlink)(workspaceRoot, projectRoot);
-        }
-        catch {
-            throw new Error(`Failed to create symlinks for ${chalk.bold(projectRoot)}`);
-        }
-    };
-}
-exports.runSymlink = runSymlink;