@nx/next 23.0.0-beta.0 → 23.0.0-beta.2

package/src/utils/styles.d.ts

@@ -1,66 +1,4 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
-export declare const nextSpecificStyleDependenciesBabel: {
-    'styled-components': {
-        dependencies: import("packages/react/src/utils/dependencies").DependencyEntries;
-        devDependencies: {
-            'babel-plugin-styled-components': string;
-        };
-    };
-    '@emotion/styled': {
-        dependencies: {
-            '@emotion/server': string;
-        };
-        devDependencies: import("packages/react/src/utils/dependencies").DependencyEntries;
-    };
-    css: {
-        dependencies: {};
-        devDependencies: {};
-    };
-    scss: {
-        dependencies: {};
-        devDependencies: {
-            sass: string;
-        };
-    };
-    less: {
-        dependencies: {};
-        devDependencies: {
-            less: string;
-            'less-loader': string;
-        };
-    };
-};
-export declare const nextSpecificStyleDependenciesSwc: {
-    'styled-components': {
-        dependencies: import("packages/react/src/utils/dependencies").DependencyEntries;
-        devDependencies: {
-            'babel-plugin-styled-components': string;
-        };
-    };
-    '@emotion/styled': {
-        dependencies: {
-            '@emotion/server': string;
-        };
-        devDependencies: import("packages/react/src/utils/dependencies").DependencyEntries;
-    };
-    css: {
-        dependencies: {};
-        devDependencies: {};
-    };
-    scss: {
-        dependencies: {};
-        devDependencies: {
-            sass: string;
-        };
-    };
-    less: {
-        dependencies: {};
-        devDependencies: {
-            less: string;
-            'less-loader': string;
-        };
-    };
-};
 export declare function addStyleDependencies(host: Tree, options: {
     style?: string;
     swc?: boolean;

package/src/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../packages/next/src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,IAAI,EACL,MAAM,YAAY,CAAC;AAgCpB,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB9C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB5C,CAAC;AAEF,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,GACzC,iBAAiB,CAYnB"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../packages/next/src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,IAAI,EACL,MAAM,YAAY,CAAC;AAepB,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,GACzC,iBAAiB,CAUnB"}

package/src/utils/styles.js

@@ -1,66 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.nextSpecificStyleDependenciesSwc = exports.nextSpecificStyleDependenciesBabel = void 0;
 exports.addStyleDependencies = addStyleDependencies;
 const devkit_1 = require("@nx/devkit");
-const versions_1 = require("@nx/react/src/utils/versions");
-const styled_1 = require("@nx/react/src/utils/styled");
-const versions_2 = require("./versions");
-const nextSpecificStyleDependenciesCommon = {
+const versions_1 = require("./versions");
+const nextSpecificStyleDependencies = {
     css: {
         dependencies: {},
         devDependencies: {},
     },
     scss: {
         dependencies: {},
-        devDependencies: { sass: versions_2.sassVersion },
-    },
-    less: {
-        dependencies: {},
-        devDependencies: {
-            less: versions_1.lessVersion,
-            'less-loader': versions_2.lessLoader,
-        },
-    },
-};
-exports.nextSpecificStyleDependenciesBabel = {
-    ...nextSpecificStyleDependenciesCommon,
-    'styled-components': {
-        dependencies: styled_1.cssInJsDependenciesBabel['styled-components'].dependencies,
-        devDependencies: {
-            ...styled_1.cssInJsDependenciesBabel['styled-components'].devDependencies,
-            'babel-plugin-styled-components': versions_2.babelPluginStyledComponentsVersion,
-        },
-    },
-    '@emotion/styled': {
-        dependencies: {
-            ...styled_1.cssInJsDependenciesBabel['@emotion/styled'].dependencies,
-            '@emotion/server': versions_2.emotionServerVersion,
-        },
-        devDependencies: styled_1.cssInJsDependenciesBabel['@emotion/styled'].devDependencies,
-    },
-};
-exports.nextSpecificStyleDependenciesSwc = {
-    ...nextSpecificStyleDependenciesCommon,
-    'styled-components': {
-        dependencies: styled_1.cssInJsDependenciesSwc['styled-components'].dependencies,
-        devDependencies: {
-            ...styled_1.cssInJsDependenciesSwc['styled-components'].devDependencies,
-            'babel-plugin-styled-components': versions_2.babelPluginStyledComponentsVersion,
-        },
-    },
-    '@emotion/styled': {
-        dependencies: {
-            ...styled_1.cssInJsDependenciesSwc['@emotion/styled'].dependencies,
-            '@emotion/server': versions_2.emotionServerVersion,
-        },
-        devDependencies: styled_1.cssInJsDependenciesSwc['@emotion/styled'].devDependencies,
+        devDependencies: { sass: versions_1.sassVersion },
     },
 };
 function addStyleDependencies(host, options) {
-    const extraDependencies = options.swc
-        ? exports.nextSpecificStyleDependenciesSwc[options.style]
-        : exports.nextSpecificStyleDependenciesBabel[options.style];
+    const extraDependencies = nextSpecificStyleDependencies[options.style];
     return extraDependencies
         ? (0, devkit_1.addDependenciesToPackageJson)(host, extraDependencies.dependencies, extraDependencies.devDependencies)
         : () => { };

package/src/utils/versions.d.ts

@@ -7,9 +7,6 @@ export declare const eslintConfigNext16Version = "^16.1.6";
 export declare const eslintConfigNext15Version = "^15.2.4";
 export declare const eslintConfigNext14Version = "~14.2.26";
 export declare const eslintConfigNextVersion = "^16.1.6";
-export declare const sassVersion = "1.62.1";
-export declare const lessLoader = "11.1.0";
-export declare const emotionServerVersion = "11.11.0";
-export declare const babelPluginStyledComponentsVersion = "1.10.7";
+export declare const sassVersion = "1.97.2";
 export declare const tsLibVersion = "^2.3.0";
 //# sourceMappingURL=versions.d.ts.map

package/src/utils/versions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"versions.d.ts","sourceRoot":"","sources":["../../../../../packages/next/src/utils/versions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,KAAwC,CAAC;AAE/D,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,aAAa,CAAC;AACxC,eAAO,MAAM,WAAW,YAAgB,CAAC;AACzC,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,yBAAyB,aAAa,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAA4B,CAAC;AACjE,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,UAAU,WAAW,CAAC;AACnC,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,kCAAkC,WAAW,CAAC;AAC3D,eAAO,MAAM,YAAY,WAAW,CAAC"}
+{"version":3,"file":"versions.d.ts","sourceRoot":"","sources":["../../../../../packages/next/src/utils/versions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,KAAwC,CAAC;AAE/D,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,aAAa,CAAC;AACxC,eAAO,MAAM,WAAW,YAAgB,CAAC;AACzC,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,yBAAyB,YAAY,CAAC;AACnD,eAAO,MAAM,yBAAyB,aAAa,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAA4B,CAAC;AACjE,eAAO,MAAM,WAAW,WAAW,CAAC;AACpC,eAAO,MAAM,YAAY,WAAW,CAAC"}

package/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.emotionServerVersion = exports.lessLoader = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.nxVersion = void 0;
+exports.tsLibVersion = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
 exports.next16Version = '~16.1.6';
 exports.next15Version = '~15.2.4';
@@ -10,8 +10,5 @@ exports.eslintConfigNext16Version = '^16.1.6';
 exports.eslintConfigNext15Version = '^15.2.4';
 exports.eslintConfigNext14Version = '~14.2.26';
 exports.eslintConfigNextVersion = exports.eslintConfigNext16Version;
-exports.sassVersion = '1.62.1';
-exports.lessLoader = '11.1.0';
-exports.emotionServerVersion = '11.11.0';
-exports.babelPluginStyledComponentsVersion = '1.10.7';
+exports.sassVersion = '1.97.2';
 exports.tsLibVersion = '^2.3.0';

package/tailwind.d.ts

@@ -1,8 +1,6 @@
 /**
- * Generates a set of glob patterns based off the source root of the app and its dependencies
- * @param dirPath workspace relative directory path that will be used to infer the parent project and dependencies
- * @param fileGlobPatternToInclude pass a custom glob pattern to be used
- * @param fileGlobPatternToExclude pass a custom glob pattern for files to be excluded
+ * @deprecated `@nx/next/tailwind` will be removed in Nx 24. Migrate to Tailwind CSS v4 which no longer needs glob patterns.
+ * See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react
  */
-export declare function createGlobPatternsForDependencies(dirPath: string, fileGlobPatternToInclude?: string, fileGlobPatternToExclude?: string): any;
+export declare function createGlobPatternsForDependencies(dirPath: string, fileGlobPatternToInclude?: string, fileGlobPatternToExclude?: string): string[];
 //# sourceMappingURL=tailwind.d.ts.map

package/tailwind.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../packages/next/tailwind.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,iCAAiC,CAC/C,OAAO,EAAE,MAAM,EACf,wBAAwB,GAAE,MAAqC,EAC/D,wBAAwB,GAAE,MAAoD,OAuC/E"}
+{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../../../packages/next/tailwind.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,wBAAgB,iCAAiC,CAC/C,OAAO,EAAE,MAAM,EACf,wBAAwB,GAAE,MAAqC,EAC/D,wBAAwB,GAAE,MAAoD,YAmE/E"}

package/tailwind.js

@@ -3,18 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGlobPatternsForDependencies = createGlobPatternsForDependencies;
 const generate_globs_1 = require("@nx/js/src/utils/generate-globs");
 const path_1 = require("path");
+let hasWarned = false;
 /**
- * Generates a set of glob patterns based off the source root of the app and its dependencies
- * @param dirPath workspace relative directory path that will be used to infer the parent project and dependencies
- * @param fileGlobPatternToInclude pass a custom glob pattern to be used
- * @param fileGlobPatternToExclude pass a custom glob pattern for files to be excluded
+ * @deprecated `@nx/next/tailwind` will be removed in Nx 24. Migrate to Tailwind CSS v4 which no longer needs glob patterns.
+ * See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react
  */
 function createGlobPatternsForDependencies(dirPath, fileGlobPatternToInclude = '/**/*.{tsx,ts,jsx,js,html}', fileGlobPatternToExclude = '/**/*.{stories,spec}.{tsx,ts,jsx,js,html}') {
-    /**
-     * There is an issue with TailwindCSS v4 and how globs patterns are consumed.
-     * This is a temporary workaround to support both TailwindCSS v4 and v3.
-     * Once TailwindCSS v3 is no longer supported, this workaround can be removed.
-     */
+    if (!hasWarned) {
+        hasWarned = true;
+        console.warn(`\nWARNING: "@nx/next/tailwind" is deprecated and will be removed in Nx 24.\n` +
+            `Migrate to Tailwind CSS v4 which no longer needs glob patterns for content detection.\n` +
+            `See: https://nx.dev/docs/technologies/react/guides/using-tailwind-css-in-react\n`);
+    }
     const tailwindVersion = require(require.resolve('tailwindcss/package.json', {
         paths: [dirPath],
     })).version;
@@ -28,13 +28,38 @@ function createGlobPatternsForDependencies(dirPath, fileGlobPatternToInclude = '
                 ];
             }
             catch (e) {
+                /**
+                 * It should not be possible to reach this point when the utility is invoked as part of the normal
+                 * lifecycle of Nx executors. However, other tooling, such as the VSCode Tailwind IntelliSense plugin
+                 * or JetBrains editors such as WebStorm, may execute the tailwind.config.js file in order to provide
+                 * autocomplete features, for example.
+                 *
+                 * In order to best support that use-case, we therefore do not hard error when the ProjectGraph is
+                 * fundamentally unavailable in this tailwind-specific context.
+                 */
                 console.warn('\nWARNING: There was an error creating glob patterns, returning an empty array\n' +
                     `${e.message}\n`);
+                return [];
             }
         }
         else {
-            const { createGlobPatternsForDependencies: reactGlobPatternFunction, } = require('@nx/react/tailwind');
-            return reactGlobPatternFunction(dirPath, fileGlobPatternToInclude);
+            try {
+                return (0, generate_globs_1.createGlobPatternsForDependencies)(dirPath, fileGlobPatternToInclude);
+            }
+            catch (e) {
+                /**
+                 * It should not be possible to reach this point when the utility is invoked as part of the normal
+                 * lifecycle of Nx executors. However, other tooling, such as the VSCode Tailwind IntelliSense plugin
+                 * or JetBrains editors such as WebStorm, may execute the tailwind.config.js file in order to provide
+                 * autocomplete features, for example.
+                 *
+                 * In order to best support that use-case, we therefore do not hard error when the ProjectGraph is
+                 * fundamentally unavailable in this tailwind-specific context.
+                 */
+                console.warn('\nWARNING: There was an error creating glob patterns, returning an empty array\n' +
+                    `${e.message}\n`);
+                return [];
+            }
         }
     }
     return [];

package/src/generators/application/files/app-styled-components/layout.tsx__tmpl__

@@ -1,21 +0,0 @@
-import './global.<%= stylesExt %>';
-import { StyledComponentsRegistry } from './registry';
-
-export const metadata = {
-  title: 'Welcome to demo2',
-  description: 'Generated by create-nx-workspace',
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
-      </body>
-    </html>
-  );
-}

package/src/generators/application/files/app-styled-components/registry.tsx__tmpl__

@@ -1,33 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { useServerInsertedHTML } from 'next/navigation';
-import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
-
-export function StyledComponentsRegistry({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  // Only create stylesheet once with lazy initial state
-  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
-  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
-
-  useServerInsertedHTML(() => {
-    const styles = styledComponentsStyleSheet.getStyleElement();
-
-    // Types are out of date, clearTag is not defined.
-    // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/65021
-    (styledComponentsStyleSheet.instance as any).clearTag();
-
-    return <>{styles}</>;
-  });
-
-  if (typeof window !== 'undefined') return <>{children}</>;
-
-  return (
-    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
-      {children}
-    </StyleSheetManager>
-  );
-}

package/src/generators/application/files/app-styled-jsx/layout.tsx__tmpl__

@@ -1,16 +0,0 @@
-import './global.<%= stylesExt %>';
-import { StyledJsxRegistry } from './registry';
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html>
-      <body>
-        <StyledJsxRegistry>{children}</StyledJsxRegistry>
-      </body>
-    </html>
-  );
-}

package/src/generators/application/files/app-styled-jsx/registry.tsx__tmpl__

@@ -1,23 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { useServerInsertedHTML } from 'next/navigation';
-import { StyleRegistry, createStyleRegistry } from 'styled-jsx';
-
-export function StyledJsxRegistry({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  // Only create stylesheet once with lazy initial state
-  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
-  const [jsxStyleRegistry] = useState(() => createStyleRegistry());
-
-  useServerInsertedHTML(() => {
-    const styles = jsxStyleRegistry.styles();
-    jsxStyleRegistry.flush();
-    return <>{styles}</>;
-  });
-
-  return <StyleRegistry registry={jsxStyleRegistry}>{children}</StyleRegistry>;
-}

package/src/generators/application/files/pages/_document.tsx__tmpl__

@@ -1,33 +0,0 @@
-/* eslint-disable react/display-name */
-import Document, { Html, Head, Main, NextScript, DocumentContext, DocumentInitialProps } from 'next/document';
-import { ServerStyleSheet } from 'styled-components';
-
-export default class CustomDocument extends Document {
-  static async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {
-   const originalRenderPage = ctx.renderPage;
-
-   const sheet = new ServerStyleSheet();
-
-   ctx.renderPage = () => originalRenderPage({
-    enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
-    enhanceComponent: (Component) => Component,
-   });
-
-   const intialProps = await Document.getInitialProps(ctx);
-   const styles = sheet.getStyleElement();
-
-   return {...intialProps, styles };
-  }
-
-  render() {
-    return (
-      <Html>
-        <Head>{this.props.styles}</Head>
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}

package/src/generators/application/lib/show-possible-warnings.d.ts

@@ -1,4 +0,0 @@
-import { Tree } from '@nx/devkit';
-import { NormalizedSchema } from './normalize-options';
-export declare function showPossibleWarnings(tree: Tree, options: NormalizedSchema): void;
-//# sourceMappingURL=show-possible-warnings.d.ts.map

package/src/generators/application/lib/show-possible-warnings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"show-possible-warnings.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/application/lib/show-possible-warnings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,QAMzE"}

package/src/generators/application/lib/show-possible-warnings.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showPossibleWarnings = showPossibleWarnings;
-const devkit_1 = require("@nx/devkit");
-function showPossibleWarnings(tree, options) {
-    if (options.style === '@emotion/styled' && options.appDir) {
-        devkit_1.logger.warn(`Emotion may not work with the App Router. See: https://nextjs.org/docs/app/building-your-application/styling/css-in-js`);
-    }
-}

package/src/generators/setup-tailwind/files/postcss.config.js__tmpl__

@@ -1,15 +0,0 @@
-const { join } = require('path');
-
-// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
-// option from your application's configuration (i.e. project.json).
-//
-// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
-
-module.exports = {
-  plugins: {
-    tailwindcss: {
-      config: join(__dirname, 'tailwind.config.js'),
-    },
-    autoprefixer: {},
-  },
-}

package/src/generators/setup-tailwind/files/tailwind.config.js__tmpl__

@@ -1,23 +0,0 @@
-// const { createGlobPatternsForDependencies } = require('@nx/next/tailwind');
-
-// The above utility import will not work if you are using Next.js' --turbo.
-// Instead you will have to manually add the dependent paths to be included.
-// For example
-// ../libs/buttons/**/*.{ts,tsx,js,jsx,html}',                 <--- Adding a shared lib
-// !../libs/buttons/**/*.{stories,spec}.{ts,tsx,js,jsx,html}', <--- Skip adding spec/stories files from shared lib
-
-// If you are **not** using `--turbo` you can uncomment both lines 1 & 19.
-// A discussion of the issue can be found: https://github.com/nrwl/nx/issues/26510
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './{src,pages,components,app}/**/*.{ts,tsx,js,jsx,html}',
-    '!./{src,pages,components,app}/**/*.{stories,spec}.{ts,tsx,js,jsx,html}',
-//     ...createGlobPatternsForDependencies(__dirname)
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

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

@@ -1,4 +0,0 @@
-import { ProjectConfiguration, Tree } from '@nx/devkit';
-import { SetupTailwindOptions } from '../schema';
-export declare function addTailwindStyleImports(tree: Tree, project: ProjectConfiguration, _options: SetupTailwindOptions): void;
-//# sourceMappingURL=add-tailwind-style-imports.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"add-tailwind-style-imports.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/setup-tailwind/lib/add-tailwind-style-imports.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,oBAAoB,EAEpB,IAAI,EACL,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAWjD,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,oBAAoB,QA2B/B"}

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

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addTailwindStyleImports = addTailwindStyleImports;
-const devkit_1 = require("@nx/devkit");
-// base directories and file types to simplify locating the stylesheet
-const baseDirs = ['src', 'pages', 'src/pages', 'src/app', 'app'];
-const fileNames = ['styles', 'global'];
-const extensions = ['.css', '.scss', '.less'];
-const knownLocations = baseDirs.flatMap((dir) => fileNames.flatMap((name) => extensions.map((ext) => `${dir}/${name}${ext}`)));
-function addTailwindStyleImports(tree, project, _options) {
-    const candidates = knownLocations.map((currentPath) => (0, devkit_1.joinPathFragments)(project.root, currentPath));
-    const stylesPath = candidates.find((currentStylePath) => tree.exists(currentStylePath));
-    if (stylesPath) {
-        const content = tree.read(stylesPath).toString();
-        tree.write(stylesPath, `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n${content}`);
-    }
-    else {
-        devkit_1.logger.warn((0, devkit_1.stripIndents) `
-        Could not find stylesheet to update. Add the following imports to your stylesheet (e.g. styles.css):
-        
-          @tailwind base;
-          @tailwind components;
-          @tailwind utilities;
-          
-        See our guide for more details: https://nx.dev/guides/using-tailwind-css-in-react`);
-    }
-}

package/src/generators/setup-tailwind/lib/update-project.d.ts

@@ -1,4 +0,0 @@
-import type { ProjectConfiguration, Tree } from '@nx/devkit';
-import { SetupTailwindOptions } from '../schema';
-export declare function updateProject(tree: Tree, config: ProjectConfiguration, options: SetupTailwindOptions): void;
-//# sourceMappingURL=update-project.d.ts.map

package/src/generators/setup-tailwind/lib/update-project.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"update-project.d.ts","sourceRoot":"","sources":["../../../../../../../packages/next/src/generators/setup-tailwind/lib/update-project.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAG7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD,wBAAgB,aAAa,CAC3B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,oBAAoB,EAC5B,OAAO,EAAE,oBAAoB,QAU9B"}

package/src/generators/setup-tailwind/lib/update-project.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateProject = updateProject;
-const devkit_1 = require("@nx/devkit");
-function updateProject(tree, config, options) {
-    if (config?.targets?.build?.executor === '@nx/webpack:webpack') {
-        config.targets.build.options ??= {};
-        config.targets.build.options.postcssConfig = (0, devkit_1.joinPathFragments)(config.root, 'postcss.config.js');
-        (0, devkit_1.updateProjectConfiguration)(tree, options.project, config);
-    }
-}

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

@@ -1,7 +0,0 @@
-export interface SetupTailwindOptions {
-    project: string;
-    buildTarget?: string;
-    skipFormat?: boolean;
-    skipPackageJson?: boolean;
-}
-//# sourceMappingURL=schema.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/setup-tailwind/schema.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,47 +0,0 @@
-{
-  "$schema": "https://json-schema.org/schema",
-  "cli": "nx",
-  "$id": "NxNextTailwindSetupGenerator",
-  "title": "Configures Tailwind CSS for an application or a buildable/publishable library.",
-  "description": "Adds the Tailwind CSS configuration files for a Next.js 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"
-    },
-    "buildTarget": {
-      "type": "string",
-      "description": "The name of the target used to build the project. This option is not needed in most cases.",
-      "default": "build",
-      "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"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["project"]
-}

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

@@ -1,5 +0,0 @@
-import type { GeneratorCallback, Tree } from '@nx/devkit';
-import type { SetupTailwindOptions } from './schema';
-export declare function setupTailwindGenerator(tree: Tree, options: SetupTailwindOptions): Promise<GeneratorCallback>;
-export default setupTailwindGenerator;
-//# sourceMappingURL=setup-tailwind.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"setup-tailwind.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/generators/setup-tailwind/setup-tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAgB1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,8BA8C9B;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupTailwindGenerator = setupTailwindGenerator;
-const devkit_1 = require("@nx/devkit");
-const versions_1 = require("@nx/react/src/utils/versions");
-const add_tailwind_style_imports_1 = require("./lib/add-tailwind-style-imports");
-const update_project_1 = require("./lib/update-project");
-const path_1 = require("path");
-async function setupTailwindGenerator(tree, options) {
-    devkit_1.logger.warn(`The 'setup-tailwind' generator is deprecated. Generating Tailwind configuration is no longer maintained. This generator will be removed in Nx 23.`);
-    const tasks = [];
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    if (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'postcss.config.js')) ||
-        tree.exists((0, devkit_1.joinPathFragments)(project.root, 'tailwind.config.js'))) {
-        devkit_1.logger.info(`Skipping setup since there are existing PostCSS or Tailwind configuration files. For manual setup instructions, see https://nx.dev/guides/using-tailwind-css-in-react.`);
-        return;
-    }
-    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files'), project.root, {
-        tmpl: '',
-    });
-    (0, add_tailwind_style_imports_1.addTailwindStyleImports)(tree, project, options);
-    (0, update_project_1.updateProject)(tree, project, options);
-    if (!options.skipPackageJson) {
-        tasks.push((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 (0, devkit_1.runTasksInSerial)(...tasks);
-}
-exports.default = setupTailwindGenerator;