@nrwl/react-native 16.0.0-beta.0 → 16.0.0-beta.2

package/src/generators/stories/stories-app.spec.ts

@@ -1,145 +0,0 @@
-import { Tree } from '@nrwl/devkit';
-import storiesGenerator from './stories';
-import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
-import applicationGenerator from '../application/application';
-import { Linter } from '@nrwl/linter';
-import { reactNativeComponentGenerator } from '../component/component';
-
-describe('react:stories for applications', () => {
-  let appTree: Tree;
-
-  beforeEach(async () => {
-    appTree = await createTestUIApp('test-ui-app');
-  });
-
-  it('should create the stories', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-cmp',
-      project: 'test-ui-app',
-    });
-    await storiesGenerator(appTree, {
-      project: 'test-ui-app',
-    });
-
-    expect(appTree.exists('apps/test-ui-app/src/app/App.tsx')).toBeTruthy();
-    expect(
-      appTree.exists('apps/test-ui-app/src/app/App.stories.tsx')
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'apps/test-ui-app/src/app/another-cmp/another-cmp.stories.tsx'
-      )
-    ).toBeTruthy();
-  });
-
-  it('should ignore paths', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-cmp',
-      project: 'test-ui-app',
-    });
-    await storiesGenerator(appTree, {
-      project: 'test-ui-app',
-      ignorePaths: ['apps/test-ui-app/src/app/**'],
-    });
-
-    expect(appTree.exists('apps/test-ui-app/src/app/App.tsx')).toBeTruthy();
-    expect(
-      appTree.exists('apps/test-ui-app/src/app/App.stories.tsx')
-    ).toBeFalsy();
-    expect(
-      appTree.exists(
-        'apps/test-ui-app/src/app/another-cmp/another-cmp.stories.tsx'
-      )
-    ).toBeFalsy();
-  });
-
-  it('should ignore paths with a direct path to a component', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-new-cmp',
-      project: 'test-ui-app',
-    });
-
-    await storiesGenerator(appTree, {
-      project: 'test-ui-app',
-      ignorePaths: [
-        'apps/test-ui-app/src/app/another-new-cmp/another-new-cmp.tsx',
-      ],
-    });
-
-    expect(appTree.exists('apps/test-ui-app/src/app/App.tsx')).toBeTruthy();
-    expect(
-      appTree.exists('apps/test-ui-app/src/app/App.stories.tsx')
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'apps/test-ui-app/src/app/another-new-cmp/another-new-cmp.stories.tsx'
-      )
-    ).toBeFalsy();
-  });
-
-  it('should ignore a path that has a nested component, but still generate nested component stories', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-new-cmp',
-      project: 'test-ui-app',
-    });
-    await reactNativeComponentGenerator(appTree, {
-      name: 'comp-a',
-      directory: 'app/another-new-cmp',
-      project: 'test-ui-app',
-    });
-    await storiesGenerator(appTree, {
-      project: 'test-ui-app',
-      ignorePaths: [
-        'apps/test-ui-app/src/app/another-new-cmp/another-new-cmp.tsx',
-      ],
-    });
-
-    expect(appTree.exists('apps/test-ui-app/src/app/App.tsx')).toBeTruthy();
-    expect(
-      appTree.exists('apps/test-ui-app/src/app/App.stories.tsx')
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'apps/test-ui-app/src/app/another-new-cmp/comp-a/comp-a.stories.tsx'
-      )
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'apps/test-ui-app/src/app/another-new-cmp/another-new-cmp.stories.tsx'
-      )
-    ).toBeFalsy();
-  });
-
-  it('should ignore files that do not contain components', async () => {
-    // create another component
-    appTree.write(
-      'apps/test-ui-app/src/app/some-utils.js',
-      `export const add = (a: number, b: number) => a + b;`
-    );
-
-    await storiesGenerator(appTree, {
-      project: 'test-ui-app',
-    });
-
-    // should just create the story and not error, even though there's a js file
-    // not containing any react component
-    expect(
-      appTree.exists('apps/test-ui-app/src/app/App.stories.tsx')
-    ).toBeTruthy();
-  });
-});
-
-export async function createTestUIApp(libName: string): Promise<Tree> {
-  let appTree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
-  appTree.write('.gitignore', '');
-
-  await applicationGenerator(appTree, {
-    linter: Linter.EsLint,
-    skipFormat: false,
-    style: 'css',
-    unitTestRunner: 'none',
-    name: libName,
-    install: false,
-  });
-  return appTree;
-}

package/src/generators/stories/stories-lib.spec.ts

@@ -1,113 +0,0 @@
-import { Tree } from '@nrwl/devkit';
-import storiesGenerator from './stories';
-import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
-import applicationGenerator from '../application/application';
-import { Linter } from '@nrwl/linter';
-import libraryGenerator from '../library/library';
-import reactNativeComponentGenerator from '../component/component';
-
-describe('react-native:stories for libraries', () => {
-  let appTree: Tree;
-
-  beforeEach(async () => {
-    appTree = await createTestUILib('test-ui-lib');
-  });
-
-  it('should create the stories', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'test-ui-lib',
-      project: 'test-ui-lib',
-    });
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-cmp',
-      project: 'test-ui-lib',
-    });
-    await storiesGenerator(appTree, {
-      project: 'test-ui-lib',
-    });
-
-    expect(
-      appTree.exists(
-        'libs/test-ui-lib/src/lib/test-ui-lib/test-ui-lib.stories.tsx'
-      )
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'libs/test-ui-lib/src/lib/another-cmp/another-cmp.stories.tsx'
-      )
-    ).toBeTruthy();
-  });
-
-  it('should ignore paths', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'test-ui-lib',
-      project: 'test-ui-lib',
-    });
-    await reactNativeComponentGenerator(appTree, {
-      name: 'another-cmp',
-      project: 'test-ui-lib',
-    });
-    await storiesGenerator(appTree, {
-      project: 'test-ui-lib',
-      ignorePaths: ['libs/test-ui-lib/src/lib/another-cmp/**'],
-    });
-
-    expect(
-      appTree.exists(
-        'libs/test-ui-lib/src/lib/test-ui-lib/test-ui-lib.stories.tsx'
-      )
-    ).toBeTruthy();
-    expect(
-      appTree.exists(
-        'libs/test-ui-lib/src/lib/another-cmp/another-cmp.stories.tsx'
-      )
-    ).toBeFalsy();
-  });
-
-  it('should ignore files that do not contain components', async () => {
-    await reactNativeComponentGenerator(appTree, {
-      name: 'test-ui-lib',
-      project: 'test-ui-lib',
-    });
-    // create another component
-    appTree.write(
-      'libs/test-ui-lib/src/lib/some-command-line-utils.ts',
-      `export const add = (a: number, b: number) => a + b;`
-    );
-
-    await storiesGenerator(appTree, {
-      project: 'test-ui-lib',
-    });
-
-    // should just create the story and not error, even though there's a js file
-    // not containing any react component
-    expect(
-      appTree.exists(
-        'libs/test-ui-lib/src/lib/test-ui-lib/test-ui-lib.stories.tsx'
-      )
-    ).toBeTruthy();
-  });
-});
-
-export async function createTestUILib(libName: string): Promise<Tree> {
-  let appTree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
-  appTree.write('.gitignore', '');
-
-  await libraryGenerator(appTree, {
-    linter: Linter.EsLint,
-    skipFormat: true,
-    skipTsConfig: false,
-    unitTestRunner: 'none',
-    name: libName,
-  });
-
-  await applicationGenerator(appTree, {
-    e2eTestRunner: 'none',
-    linter: Linter.EsLint,
-    skipFormat: false,
-    unitTestRunner: 'none',
-    name: `${libName}-e2e`,
-    install: false,
-  });
-  return appTree;
-}

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

@@ -1,6 +0,0 @@
-import { Tree } from '@nrwl/devkit';
-import { StorybookStoriesSchema } from './schema';
-export declare function createAllStories(tree: Tree, projectName: string, ignorePaths?: string[]): Promise<void>;
-export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<void>;
-export default storiesGenerator;
-export declare const storiesSchematic: (generatorOptions: StorybookStoriesSchema) => (tree: any, context: any) => Promise<any>;

package/src/generators/stories/stories.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.storiesSchematic = exports.storiesGenerator = exports.createAllStories = void 0;
-const tslib_1 = require("tslib");
-const devkit_1 = require("@nrwl/devkit");
-const path_1 = require("path");
-const component_story_1 = require("../component-story/component-story");
-const stories_1 = require("@nrwl/react/src/generators/stories/stories");
-const minimatch = require("minimatch");
-const versions_1 = require("../../utils/versions");
-function createAllStories(tree, projectName, ignorePaths) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        (0, devkit_1.ensurePackage)('@nrwl/storybook', versions_1.nxVersion);
-        const { isTheFileAStory } = yield Promise.resolve().then(() => require('@nrwl/storybook/src/utils/utilities'));
-        const projects = (0, devkit_1.getProjects)(tree);
-        const projectConfiguration = projects.get(projectName);
-        const { sourceRoot } = projectConfiguration;
-        const projectPath = yield (0, stories_1.projectRootPath)(tree, projectConfiguration);
-        let componentPaths = [];
-        (0, devkit_1.visitNotIgnoredFiles)(tree, projectPath, (path) => {
-            if (ignorePaths === null || ignorePaths === void 0 ? void 0 : ignorePaths.some((pattern) => minimatch(path, pattern)))
-                return;
-            if ((path.endsWith('.tsx') && !path.endsWith('.spec.tsx')) ||
-                (path.endsWith('.js') && !path.endsWith('.spec.js')) ||
-                (path.endsWith('.jsx') && !path.endsWith('.spec.jsx'))) {
-                // Check if file is NOT a story (either ts/tsx or js/jsx)
-                if (!isTheFileAStory(tree, path)) {
-                    // Since the file is not a story
-                    // Let's see if the .stories.* file exists
-                    const ext = path.slice(path.lastIndexOf('.'));
-                    const storyPath = `${path.split(ext)[0]}.stories${ext}`;
-                    if (!tree.exists(storyPath)) {
-                        componentPaths.push(path);
-                    }
-                }
-            }
-        });
-        yield Promise.all(componentPaths.map((componentPath) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-            const relativeCmpDir = componentPath.replace((0, path_1.join)(sourceRoot, '/'), '');
-            if (!(0, stories_1.containsComponentDeclaration)(tree, componentPath)) {
-                return;
-            }
-            yield (0, component_story_1.default)(tree, {
-                componentPath: relativeCmpDir,
-                project: projectName,
-                skipFormat: true,
-            });
-        })));
-    });
-}
-exports.createAllStories = createAllStories;
-function storiesGenerator(host, schema) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        yield createAllStories(host, schema.project, schema.ignorePaths);
-        if (!schema.skipFormat) {
-            yield (0, devkit_1.formatFiles)(host);
-        }
-    });
-}
-exports.storiesGenerator = storiesGenerator;
-exports.default = storiesGenerator;
-exports.storiesSchematic = (0, devkit_1.convertNxGenerator)(storiesGenerator);
-//# sourceMappingURL=stories.js.map

package/src/generators/stories/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/stories/stories.ts"],"names":[],"mappings":"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"}

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

@@ -1,5 +0,0 @@
-import { GeneratorCallback, Tree } from '@nrwl/devkit';
-import { StorybookConfigureSchema } from './schema';
-export declare function storybookConfigurationGenerator(host: Tree, schema: StorybookConfigureSchema): Promise<GeneratorCallback>;
-export default storybookConfigurationGenerator;
-export declare const storybookConfigurationSchematic: (generatorOptions: StorybookConfigureSchema) => (tree: any, context: any) => Promise<any>;

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

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.storybookConfigurationSchematic = exports.storybookConfigurationGenerator = void 0;
-const tslib_1 = require("tslib");
-const devkit_1 = require("@nrwl/devkit");
-const versions_1 = require("../../utils/versions");
-const stories_1 = require("../stories/stories");
-const add_resolver_main_fields_to_metro_config_1 = require("./lib/add-resolver-main-fields-to-metro-config");
-const create_storybook_files_1 = require("./lib/create-storybook-files");
-const replace_app_import_with_storybook_toggle_1 = require("./lib/replace-app-import-with-storybook-toggle");
-function generateStories(host, schema) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        yield (0, stories_1.default)(host, {
-            project: schema.name,
-            ignorePaths: schema.ignorePaths,
-            skipFormat: true,
-        });
-    });
-}
-function storybookConfigurationGenerator(host, schema) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nrwl/storybook', versions_1.nxVersion);
-        const installTask = yield configurationGenerator(host, {
-            name: schema.name,
-            uiFramework: '@storybook/react-native',
-            configureCypress: false,
-            js: false,
-            linter: schema.linter,
-            standaloneConfig: schema.standaloneConfig,
-            tsConfiguration: schema.tsConfiguration,
-            skipFormat: true,
-        });
-        addStorybookTask(host, schema.name);
-        (0, create_storybook_files_1.createStorybookFiles)(host, schema);
-        (0, replace_app_import_with_storybook_toggle_1.replaceAppImportWithStorybookToggle)(host, schema);
-        (0, add_resolver_main_fields_to_metro_config_1.addResolverMainFieldsToMetroConfig)(host, schema);
-        if (schema.generateStories) {
-            yield generateStories(host, schema);
-        }
-        yield (0, devkit_1.formatFiles)(host);
-        return installTask;
-    });
-}
-exports.storybookConfigurationGenerator = storybookConfigurationGenerator;
-function addStorybookTask(host, projectName) {
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, projectName);
-    projectConfig.targets['storybook'] = {
-        executor: '@nrwl/react-native:storybook',
-        options: {
-            searchDir: [projectConfig.root],
-            outputFile: './.storybook/story-loader.js',
-            pattern: '**/*.stories.@(js|jsx|ts|tsx|md)',
-            silent: false,
-        },
-    };
-    (0, devkit_1.updateProjectConfiguration)(host, projectName, projectConfig);
-}
-exports.default = storybookConfigurationGenerator;
-exports.storybookConfigurationSchematic = (0, devkit_1.convertNxGenerator)(storybookConfigurationGenerator);
-//# sourceMappingURL=configuration.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"configuration.js","sourceRoot":"","sources":["../../../../../../packages/react-native/src/generators/storybook-configuration/configuration.ts"],"names":[],"mappings":";;;;AAAA,yCAQsB;AACtB,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,iBAAiB,EAAE,oBAAS,CAAC,CAAC;QAEhC,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,8BAA8B;QACxC,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"}

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

@@ -1,146 +0,0 @@
-import { Tree } from '@nrwl/devkit';
-import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
-import { Linter } from '@nrwl/linter';
-import { logger } from '@nrwl/devkit';
-
-import libraryGenerator from '../library/library';
-import applicationGenerator from '../application/application';
-import componentGenerator from '../component/component';
-import storybookConfigurationGenerator from './configuration';
-
-// nested code imports graph from the repo, which might have innacurate graph version
-jest.mock('nx/src/project-graph/project-graph', () => ({
-  ...jest.requireActual<any>('nx/src/project-graph/project-graph'),
-  createProjectGraphAsync: jest
-    .fn()
-    .mockImplementation(async () => ({ nodes: {}, dependencies: {} })),
-}));
-
-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(() => {});
-  });
-
-  afterEach(() => {
-    jest.restoreAllMocks();
-  });
-
-  describe('should generate files for an app', () => {
-    it('should configure everything at once', async () => {
-      appTree = await createTestUILib('test-ui-lib');
-      appTree.write('.gitignore', '');
-      await storybookConfigurationGenerator(appTree, {
-        name: 'test-ui-lib',
-      });
-
-      expect(
-        appTree.exists('libs/test-ui-lib/.storybook/main.js')
-      ).toBeTruthy();
-      expect(
-        appTree.exists('libs/test-ui-lib/.storybook/tsconfig.json')
-      ).toBeTruthy();
-    });
-
-    it('should generate stories for components', async () => {
-      appTree = await createTestUILib('test-ui-lib');
-      await componentGenerator(appTree, {
-        name: 'test-ui-lib',
-        project: 'test-ui-lib',
-      });
-      await storybookConfigurationGenerator(appTree, {
-        name: 'test-ui-lib',
-        generateStories: true,
-      });
-
-      expect(
-        appTree.exists(
-          'libs/test-ui-lib/src/lib/test-ui-lib/test-ui-lib.stories.tsx'
-        )
-      ).toBeTruthy();
-    });
-  });
-
-  describe('should generate files for lib', () => {
-    it('should configure everything at once', async () => {
-      appTree = await createTestAppLib('test-ui-app');
-      await storybookConfigurationGenerator(appTree, {
-        name: 'test-ui-app',
-      });
-
-      expect(
-        appTree.exists('apps/test-ui-app/.storybook/main.js')
-      ).toBeTruthy();
-      expect(
-        appTree.exists('apps/test-ui-app/.storybook/tsconfig.json')
-      ).toBeTruthy();
-    });
-
-    it('should generate stories for components', async () => {
-      appTree = await createTestAppLib('test-ui-app');
-      await storybookConfigurationGenerator(appTree, {
-        name: 'test-ui-app',
-        generateStories: true,
-      });
-
-      // Currently the auto-generate stories feature only picks up components under the 'lib' directory.
-      // In our 'createTestAppLib' function, we call @nrwl/react-native:component to generate a component
-      // under the specified 'lib' directory
-      expect(
-        appTree.exists(
-          'apps/test-ui-app/src/app/my-component/my-component.stories.tsx'
-        )
-      ).toBeTruthy();
-    });
-  });
-});
-
-export async function createTestUILib(libName: string): Promise<Tree> {
-  let appTree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
-
-  await libraryGenerator(appTree, {
-    linter: Linter.EsLint,
-    skipFormat: true,
-    skipTsConfig: false,
-    unitTestRunner: 'none',
-    name: libName,
-  });
-  return appTree;
-}
-
-export async function createTestAppLib(
-  libName: string,
-  plainJS = false
-): Promise<Tree> {
-  let appTree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' });
-
-  await applicationGenerator(appTree, {
-    e2eTestRunner: 'none',
-    linter: Linter.EsLint,
-    skipFormat: false,
-    style: 'css',
-    unitTestRunner: 'none',
-    name: libName,
-    js: plainJS,
-    install: false,
-  });
-
-  await componentGenerator(appTree, {
-    name: 'my-component',
-    project: libName,
-    directory: 'app',
-  });
-
-  return appTree;
-}

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

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

package/src/generators/storybook-configuration/files/app/toggle-storybook.tsx.template

@@ -1,114 +0,0 @@
-/**
- * Toggle inspired from https://github.com/infinitered/ignite/blob/master/boilerplate/storybook/toggle-storybook.tsx
- */
-import React, { useState, useEffect, useRef } from 'react';
-import { DevSettings } from 'react-native';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-import AppRoot from '../app/App';
-
-export const DEFAULT_REACTOTRON_WS_URI = 'ws://localhost:9090';
-
-/**
- * Loads a string from storage.
- *
- * @param key The key to fetch.
- */
-async function loadString(key: string): Promise<string | null> {
-  try {
-    return await AsyncStorage.getItem(key);
-  } catch {
-    // not sure why this would fail... even reading the RN docs I'm unclear
-    return null;
-  }
-}
-
-/**
- * Saves a string to storage.
- *
- * @param key The key to fetch.
- * @param value The value to store.
- */
-async function saveString(key: string, value: string): Promise<boolean> {
-  try {
-    await AsyncStorage.setItem(key, value);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-/**
- * Toggle Storybook mode, in __DEV__ mode only.
- *
- * In non-__DEV__ mode, or when Storybook isn't toggled on,
- * renders its children.
- *
- * The mode flag is persisted in async storage, which means it
- * persists across reloads/restarts - this is handy when developing
- * new components in Storybook.
- */
-function ToggleStorybook(props) {
-  const [showStorybook, setShowStorybook] = useState(false);
-  const [StorybookUIRoot, setStorybookUIRoot] = useState(null);
-  const ws = useRef(new WebSocket(DEFAULT_REACTOTRON_WS_URI));
-
-  useEffect(() => {
-    if (!__DEV__) {
-      return undefined;
-    }
-
-    // Load the setting from storage if it's there
-    loadString('devStorybook').then((storedSetting) => {
-      // Set the initial value
-      setShowStorybook(storedSetting === 'on');
-
-      if (DevSettings) {
-        // Add our toggle command to the menu
-        DevSettings.addMenuItem('Toggle Storybook', () => {
-          setShowStorybook((show) => {
-            // On toggle, flip the current value
-            show = !show;
-
-            // Write it back to storage
-            saveString('devStorybook', show ? 'on' : 'off');
-
-            // Return it to change the local state
-            return show;
-          });
-        });
-      }
-
-      // Load the storybook UI once
-      // eslint-disable-next-line @typescript-eslint/no-var-requires
-      setStorybookUIRoot(() => require('./storybook.ts').default);
-
-      // Behave as Reactotron.storybookSwitcher(), not a HOC way.
-      ws.current.onmessage = (e) => {
-        const data = JSON.parse(e.data);
-
-        if (data.type === 'storybook') {
-          saveString('devStorybook', data.payload ? 'on' : 'off');
-          setShowStorybook(data.payload);
-        }
-      };
-      ws.current.onerror = (e) => {
-        setShowStorybook(storedSetting === 'on');
-      };
-    });
-  }, []);
-
-  if (showStorybook) {
-    return StorybookUIRoot ? <StorybookUIRoot /> : null;
-  } else {
-    return props.children;
-  }
-}
-
-export default () => {
-  return (
-    <ToggleStorybook>
-      <AppRoot />
-    </ToggleStorybook>
-  );
-};