@nx/vue 17.0.0-beta.4

package/src/generators/library/library.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.libraryGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const init_1 = require("../init/init");
+const normalize_options_1 = require("./lib/normalize-options");
+const add_linting_1 = require("../../utils/add-linting");
+const create_library_files_1 = require("./lib/create-library-files");
+const create_ts_config_1 = require("../../utils/create-ts-config");
+const component_1 = require("../component/component");
+const add_vite_1 = require("./lib/add-vite");
+const add_jest_1 = require("./lib/add-jest");
+async function libraryGenerator(tree, schema) {
+    const tasks = [];
+    const options = await (0, normalize_options_1.normalizeOptions)(tree, schema);
+    if (options.publishable === true && !schema.importPath) {
+        throw new Error(`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)`);
+    }
+    (0, devkit_1.addProjectConfiguration)(tree, options.name, {
+        root: options.projectRoot,
+        sourceRoot: (0, devkit_1.joinPathFragments)(options.projectRoot, 'src'),
+        projectType: 'library',
+        tags: options.parsedTags,
+        targets: {},
+    });
+    tasks.push(await (0, init_1.vueInitGenerator)(tree, {
+        ...options,
+        skipFormat: true,
+    }));
+    (0, create_ts_config_1.extractTsConfigBase)(tree);
+    tasks.push(await (0, add_linting_1.addLinting)(tree, options, 'lib'));
+    (0, create_library_files_1.createLibraryFiles)(tree, options);
+    tasks.push(await (0, add_vite_1.addVite)(tree, options));
+    if (options.unitTestRunner === 'jest')
+        tasks.push(await (0, add_jest_1.addJest)(tree, options));
+    if (options.component) {
+        tasks.push(await (0, component_1.default)(tree, {
+            name: options.fileName,
+            project: options.name,
+            flat: true,
+            skipTests: options.unitTestRunner === 'none' ||
+                (options.unitTestRunner === 'vitest' &&
+                    options.inSourceTests == true),
+            export: true,
+            routing: options.routing,
+            js: options.js,
+            pascalCaseFiles: options.pascalCaseFiles,
+            inSourceTests: options.inSourceTests,
+            skipFormat: true,
+        }));
+    }
+    if (options.publishable || options.bundler !== 'none') {
+        (0, devkit_1.updateJson)(tree, `${options.projectRoot}/package.json`, (json) => {
+            json.name = options.importPath;
+            return json;
+        });
+    }
+    if (!options.skipTsConfig) {
+        (0, js_1.addTsConfigPath)(tree, options.importPath, [
+            (0, devkit_1.joinPathFragments)(options.projectRoot, './src', 'index.' + (options.js ? 'js' : 'ts')),
+        ]);
+    }
+    if (options.js)
+        (0, devkit_1.toJS)(tree);
+    if (!options.skipFormat)
+        await (0, devkit_1.formatFiles)(tree);
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.libraryGenerator = libraryGenerator;
+exports.default = libraryGenerator;

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

@@ -0,0 +1,41 @@
+import type { ProjectNameAndRootFormat } from '@nx/devkit/src/generators/project-name-and-root-utils';
+import type { Linter } from '@nx/linter';
+import type { SupportedStyles } from '../../../typings/style';
+
+export interface Schema {
+  appProject?: string;
+  bundler?: 'none' | 'vite';
+  component?: boolean;
+  directory?: string;
+  projectNameAndRootFormat?: ProjectNameAndRootFormat;
+  importPath?: string;
+  inSourceTests?: boolean;
+  js?: boolean;
+  linter: Linter;
+  name: string;
+  pascalCaseFiles?: boolean;
+  publishable?: boolean;
+  routing?: boolean;
+  setParserOptionsProject?: boolean;
+  skipFormat?: boolean;
+  skipPackageJson?: boolean;
+  skipTsConfig?: boolean;
+  strict?: boolean;
+  tags?: string;
+  unitTestRunner?: 'jest' | 'vitest' | 'none';
+  minimal?: boolean;
+  e2eTestRunner?: 'cypress' | 'none';
+}
+
+export interface NormalizedSchema extends Schema {
+  js: boolean;
+  name: string;
+  linter: Linter;
+  fileName: string;
+  projectRoot: string;
+  routePath: string;
+  parsedTags: string[];
+  appMain?: string;
+  appSourceRoot?: string;
+  unitTestRunner?: 'jest' | 'vitest' | 'none';
+}

package/src/generators/library/schema.json

@@ -0,0 +1,139 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxVueLibrary",
+  "title": "Create a Vue Library",
+  "description": "Create a Vue Library for an Nx workspace.",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g lib mylib --directory=libs/mylib",
+      "description": "Generate `libs/mylib`"
+    },
+    {
+      "command": "nx g lib mylib --appProject=myapp",
+      "description": "Generate a library with routes and add them to `myapp`"
+    }
+  ],
+  "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-Z0-9-*~][a-zA-Z0-9-*._~]*\\/[a-zA-Z0-9-~][a-zA-Z0-9-._~]*|^[a-zA-Z][^:]*)$",
+      "x-priority": "important"
+    },
+    "directory": {
+      "type": "string",
+      "description": "A directory where the lib is placed.",
+      "alias": "dir",
+      "x-priority": "important"
+    },
+    "projectNameAndRootFormat": {
+      "description": "Whether to generate the project name and root directory as provided (`as-provided`) or generate them composing their values and taking the configured layout into account (`derived`).",
+      "type": "string",
+      "enum": ["as-provided", "derived"]
+    },
+    "linter": {
+      "description": "The tool to use for running lint checks.",
+      "type": "string",
+      "enum": ["eslint", "none"],
+      "default": "eslint"
+    },
+    "unitTestRunner": {
+      "type": "string",
+      "enum": ["vitest", "jest", "none"],
+      "description": "Test runner to use for unit tests.",
+      "x-prompt": "What unit test runner should be used?"
+    },
+    "inSourceTests": {
+      "type": "boolean",
+      "default": false,
+      "description": "When using Vitest, separate spec files will not be generated and instead will be included within the source files."
+    },
+    "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
+    },
+    "routing": {
+      "type": "boolean",
+      "description": "Generate library with routes."
+    },
+    "appProject": {
+      "type": "string",
+      "description": "The application project to add the library route to.",
+      "alias": "a"
+    },
+    "publishable": {
+      "type": "boolean",
+      "description": "Create a publishable library."
+    },
+    "importPath": {
+      "type": "string",
+      "description": "The library name used to import it, like `@myorg/my-awesome-lib`."
+    },
+    "component": {
+      "type": "boolean",
+      "description": "Generate a default component.",
+      "default": true
+    },
+    "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
+    },
+    "bundler": {
+      "type": "string",
+      "description": "The bundler to use. Choosing 'none' means this library is not buildable.",
+      "enum": ["none", "vite"],
+      "default": "none",
+      "x-prompt": "Which bundler would you like to use to build the library? Choose 'none' to skip build setup.",
+      "x-priority": "important"
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "minimal": {
+      "description": "Create a Vue library with a minimal setup, no separate test files.",
+      "type": "boolean",
+      "default": false
+    }
+  },
+  "required": ["name"]
+}

package/src/generators/setup-tailwind/files/postcss.config.js.template

@@ -0,0 +1,10 @@
+const { join } = require('path');
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js'),
+    },
+    autoprefixer: {},
+  },
+}

package/src/generators/setup-tailwind/files/tailwind.config.js.template

@@ -0,0 +1,18 @@
+const { createGlobPatternsForDependencies } = require('@nx/vue/tailwind');
+const { join } = require('path');
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    join(__dirname, 'index.html'),
+    join(
+      __dirname,
+      'src/**/*!(*.stories|*.spec).{vue,ts,tsx,js,jsx}'
+    ),
+    ...createGlobPatternsForDependencies(__dirname),
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.d.ts

@@ -0,0 +1,3 @@
+import { ProjectConfiguration, Tree } from '@nx/devkit';
+import { SetupTailwindOptions } from '../schema';
+export declare function addTailwindStyleImports(tree: Tree, project: ProjectConfiguration, _options: SetupTailwindOptions): void;

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addTailwindStyleImports = void 0;
+const devkit_1 = require("@nx/devkit");
+const knownStylesheetLocations = [
+    // What we generate by default
+    'src/styles.css',
+    'src/styles.scss',
+    'src/styles.less',
+    // Other common locations (e.g. what `npm create vue` does)
+    'src/assets/styles.css',
+    'src/assets/styles.scss',
+    'src/assets/styles.less',
+];
+function addTailwindStyleImports(tree, project, _options) {
+    const stylesPath = knownStylesheetLocations
+        .map((file) => (0, devkit_1.joinPathFragments)(project.root, file))
+        .find((file) => tree.exists(file));
+    if (!stylesPath) {
+        throw new Error(`Could not find the stylesheet to update. Use --stylesheet to specify this path (relative to the workspace root).`);
+    }
+    const content = tree.read(stylesPath).toString();
+    tree.write(stylesPath, `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n${content}`);
+}
+exports.addTailwindStyleImports = addTailwindStyleImports;

package/src/generators/setup-tailwind/schema.d.ts

@@ -0,0 +1,6 @@
+export interface SetupTailwindOptions {
+  project: string;
+  skipFormat?: boolean;
+  skipPackageJson?: boolean;
+  stylesheet?: string;
+}

package/src/generators/setup-tailwind/schema.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxVueTailwindSetupGenerator",
+  "title": "Configures Tailwind CSS for an application or a library.",
+  "description": "Adds the Tailwind CSS configuration files for a given Vue project and installs, if needed, the packages required for Tailwind CSS to work.",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g setup-tailwind --project=my-app",
+      "description": "Initialize Tailwind configuration for the `my-app` project."
+    }
+  ],
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project to add the Tailwind CSS setup for.",
+      "alias": "p",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-dropdown": "projects",
+      "x-prompt": "What project would you like to add the Tailwind CSS setup?",
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skips formatting the workspace after the generator completes.",
+      "x-priority": "internal"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to `package.json`.",
+      "x-priority": "internal"
+    },
+    "stylesheet": {
+      "type": "string",
+      "description": "Path to the styles entry point relative to the workspace root. This option is only needed if the stylesheet location cannot be found automatically."
+    }
+  },
+  "additionalProperties": false,
+  "required": ["project"]
+}

package/src/generators/setup-tailwind/setup-tailwind.d.ts

@@ -0,0 +1,4 @@
+import type { GeneratorCallback, Tree } from '@nx/devkit';
+import type { SetupTailwindOptions } from './schema';
+export declare function setupTailwindGenerator(tree: Tree, options: SetupTailwindOptions): Promise<void | GeneratorCallback>;
+export default setupTailwindGenerator;

package/src/generators/setup-tailwind/setup-tailwind.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupTailwindGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../utils/versions");
+const add_tailwind_style_imports_1 = require("./lib/add-tailwind-style-imports");
+const path_1 = require("path");
+async function setupTailwindGenerator(tree, options) {
+    let installTask = undefined;
+    const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files'), project.root, {});
+    (0, add_tailwind_style_imports_1.addTailwindStyleImports)(tree, project, options);
+    if (!options.skipPackageJson) {
+        installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            autoprefixer: versions_1.autoprefixerVersion,
+            postcss: versions_1.postcssVersion,
+            tailwindcss: versions_1.tailwindcssVersion,
+        });
+    }
+    if (!options.skipFormat)
+        await (0, devkit_1.formatFiles)(tree);
+    return installTask;
+}
+exports.setupTailwindGenerator = setupTailwindGenerator;
+exports.default = setupTailwindGenerator;

package/src/generators/stories/lib/component-story.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { StorybookStoriesSchema } from '../stories';
+export declare function createComponentStories(host: Tree, { project, js, interactionTests }: StorybookStoriesSchema, componentPath: string): void;

package/src/generators/stories/lib/component-story.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createComponentStories = void 0;
+const devkit_1 = require("@nx/devkit");
+const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
+const utils_1 = require("./utils");
+let tsModule;
+function createComponentStories(host, { project, js, interactionTests }, componentPath) {
+    if (!tsModule) {
+        tsModule = (0, ensure_typescript_1.ensureTypescript)();
+    }
+    const proj = (0, devkit_1.getProjects)(host).get(project);
+    const sourceRoot = proj.sourceRoot;
+    const componentFilePath = (0, devkit_1.joinPathFragments)(sourceRoot, componentPath);
+    const componentDirectory = componentFilePath.replace(componentFilePath.slice(componentFilePath.lastIndexOf('/')), '');
+    const componentFileName = componentFilePath
+        .slice(componentFilePath.lastIndexOf('/') + 1)
+        .replace('.vue', '');
+    const name = componentFileName;
+    const contents = host.read(componentFilePath, 'utf-8');
+    const propsObject = (0, utils_1.getDefinePropsObject)(contents);
+    (0, devkit_1.generateFiles)(host, (0, devkit_1.joinPathFragments)(__dirname, `./files${js ? '/js' : '/ts'}`), (0, devkit_1.normalizePath)(componentDirectory), {
+        tmpl: '',
+        componentFileName: name,
+        componentImportFileName: `${name}.vue`,
+        props: (0, utils_1.createDefautPropsObject)(propsObject),
+        componentName: (0, utils_1.camelCase)(name),
+        interactionTests,
+    });
+    if (contents === null) {
+        throw new Error(`Failed to read ${componentFilePath}`);
+    }
+}
+exports.createComponentStories = createComponentStories;

package/src/generators/stories/lib/files/js/__componentFileName__.stories.js__tmpl__

@@ -0,0 +1,25 @@
+import componentName from './<%= componentImportFileName %>';
+<% if ( interactionTests ) { %>
+import { within } from '@storybook/testing-library';
+import { expect } from '@storybook/jest';
+<% } %>
+
+export default {
+  component: <%= componentName %>,
+  title: '<%= componentName %>'
+};
+
+export const Primary = {
+  args: {<% for (let prop of props) { %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+  },
+};
+
+<% if ( interactionTests ) { %>
+export const Heading: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await expect(canvas.getByText(/Welcome to <%=componentName%>!/gi)).toBeTruthy();
+  },
+};
+<% } %>

package/src/generators/stories/lib/files/ts/__componentFileName__.stories.ts__tmpl__

@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import <%= componentName %> from './<%= componentImportFileName %>';
+<% if ( interactionTests ) { %>
+import { within } from '@storybook/testing-library';
+import { expect } from '@storybook/jest';
+<% } %>
+
+const meta: Meta<typeof <%= componentName %>> = {
+  component: <%= componentName %>,
+  title: '<%= componentName %>',
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+
+export const Primary = {
+  args: {<% for (let prop of props) { %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+  },
+};
+
+<% if ( interactionTests ) { %>
+export const Heading: Story = {
+  args: {<% for (let prop of props) { %>
+    <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await expect(canvas.getByText(/Welcome to <%=componentName%>!/gi)).toBeTruthy();
+  },
+};
+<% } %>

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

@@ -0,0 +1,10 @@
+export declare function camelCase(input: string): string;
+export declare function createDefautPropsObject(propsObject: {
+    [key: string]: string;
+}): {
+    name: string;
+    defaultValue: any;
+}[];
+export declare function getDefinePropsObject(vueComponentFileContent: string): {
+    [key: string]: string;
+};

package/src/generators/stories/lib/utils.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefinePropsObject = exports.createDefautPropsObject = exports.camelCase = void 0;
+function camelCase(input) {
+    if (input.indexOf('-') > 1) {
+        return input
+            .toLowerCase()
+            .replace(/-(.)/g, (_match, group1) => group1.toUpperCase())
+            .replace('.', '');
+    }
+    else {
+        return input;
+    }
+}
+exports.camelCase = camelCase;
+function createDefautPropsObject(propsObject) {
+    const props = [];
+    for (const key in propsObject) {
+        if (Object.prototype.hasOwnProperty.call(propsObject, key)) {
+            let defaultValueOfProp;
+            const element = propsObject[key];
+            if (element === 'string') {
+                defaultValueOfProp = `'${key}'`;
+            }
+            else if (element === 'boolean') {
+                defaultValueOfProp = false;
+            }
+            else if (element === 'number') {
+                defaultValueOfProp = 0;
+            }
+            props.push({
+                name: key,
+                defaultValue: defaultValueOfProp,
+            });
+        }
+    }
+    return props;
+}
+exports.createDefautPropsObject = createDefautPropsObject;
+function getDefinePropsObject(vueComponentFileContent) {
+    const scriptTagRegex = /<script[^>]*>([\s\S]*?)<\/script>/;
+    const match = vueComponentFileContent?.match(scriptTagRegex);
+    let propsContent;
+    if (match && match[1]) {
+        const scriptContent = match[1].trim();
+        const definePropsRegex = /defineProps<([\s\S]*?)>/;
+        const definePropsMatch = scriptContent.match(definePropsRegex);
+        if (definePropsMatch && definePropsMatch[1]) {
+            propsContent = definePropsMatch[1].trim();
+        }
+        else {
+            const propsRegex = /(props:\s*\{[\s\S]*?\})/;
+            const match = scriptContent.match(propsRegex);
+            if (match && match[1]) {
+                propsContent = match[1].trim();
+            }
+            else {
+                // No props found
+            }
+        }
+    }
+    else {
+        // No props found
+    }
+    const attributes = {};
+    if (propsContent) {
+        const keyTypeRegex = /(\w+):\s*(\w+);/g;
+        let match;
+        while ((match = keyTypeRegex.exec(propsContent)) !== null) {
+            attributes[match[1]] = match[2];
+        }
+    }
+    return attributes;
+}
+exports.getDefinePropsObject = getDefinePropsObject;

package/src/generators/stories/schema.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "NxVueStorybookStories",
+  "title": "Generate Vue Storybook stories",
+  "description": "Generate stories/specs for all components declared in a 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?",
+      "x-priority": "important"
+    },
+    "generateCypressSpecs": {
+      "type": "boolean",
+      "description": "Automatically generate `*.spec.ts` files in the cypress e2e app generated by the cypress-configure generator."
+    },
+    "cypressProject": {
+      "type": "string",
+      "description": "The Cypress project to generate the stories under. This is inferred from `project` by default."
+    },
+    "interactionTests": {
+      "type": "boolean",
+      "description": "Set up Storybook interaction tests.",
+      "x-prompt": "Do you want to set up Storybook interaction tests?",
+      "x-priority": "important",
+      "default": true
+    },
+    "js": {
+      "type": "boolean",
+      "description": "Generate JavaScript files rather than TypeScript files.",
+      "default": false
+    },
+    "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"],
+  "examplesFile": "../../../docs/stories-examples.md"
+}

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

@@ -0,0 +1,13 @@
+import { GeneratorCallback, ProjectConfiguration, Tree } from '@nx/devkit';
+export interface StorybookStoriesSchema {
+    project: string;
+    interactionTests?: boolean;
+    js?: boolean;
+    ignorePaths?: string[];
+    skipFormat?: boolean;
+    cypressProject?: string;
+    generateCypressSpecs?: boolean;
+}
+export declare function createAllStories(tree: Tree, projectName: string, interactionTests: boolean, js: boolean, projectConfiguration: ProjectConfiguration, ignorePaths?: string[]): Promise<void>;
+export declare function storiesGenerator(host: Tree, schema: StorybookStoriesSchema): Promise<GeneratorCallback>;
+export default storiesGenerator;