@nx/next 19.2.2 → 19.3.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "19.2.2",
+  "version": "19.3.0-beta.0",
   "private": false,
   "description": "The Next.js plugin for Nx contains executors and generators for managing Next.js applications and libraries within an Nx workspace. It provides:\n\n\n- Scaffolding for creating, building, serving, linting, and testing Next.js applications.\n\n- Integration with building, serving, and exporting a Next.js application.\n\n- Integration with React libraries within the workspace. \n\nWhen using Next.js in Nx, you get the out-of-the-box support for TypeScript, Playwright, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -35,7 +35,7 @@
     "next": ">=14.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "19.2.2",
+    "@nx/devkit": "19.3.0-beta.0",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.0.1",
     "chalk": "^4.1.0",
@@ -46,13 +46,13 @@
     "semver": "^7.5.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "19.2.2",
-    "@nx/eslint": "19.2.2",
-    "@nx/react": "19.2.2",
-    "@nx/web": "19.2.2",
-    "@nx/webpack": "19.2.2",
-    "@nx/workspace": "19.2.2",
-    "@nrwl/next": "19.2.2"
+    "@nx/js": "19.3.0-beta.0",
+    "@nx/eslint": "19.3.0-beta.0",
+    "@nx/react": "19.3.0-beta.0",
+    "@nx/web": "19.3.0-beta.0",
+    "@nx/webpack": "19.3.0-beta.0",
+    "@nx/workspace": "19.3.0-beta.0",
+    "@nrwl/next": "19.3.0-beta.0"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/application/files/app/page.tsx__tmpl__

@@ -7,7 +7,7 @@
   %>import styled from '<%= styledModule %>';<% } else {
     var wrapper = 'div';
   %>
-    <%- (style !== 'styled-jsx' && style !== 'tailwind') ? `import styles from './page.module.${style}';` : '' %>
+    <%- style !== 'styled-jsx' ? `import styles from './page.module.${style}';` : '' %>
   <% }
   %>
 
@@ -22,9 +22,9 @@ export default function Index() {
    * Note: The corresponding styles are in the ./<%= fileName %>.<%= style %> file.
    */
   return (
-    <<%= wrapper %><% if (!styledModule && style !== 'tailwind') {%> className={styles.page}<% } %>>
+    <<%= wrapper %><% if (!styledModule) {%> className={styles.page}<% } %>>
       <%- styledModule === 'styled-jsx' && style !== 'none' ? `<style jsx>{\`${pageStyleContent}\`}</style>` : `` %>
       <%- appContent %>
     </<%= wrapper %>>
   );
-};
+};

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

@@ -4,7 +4,7 @@
   %>import styled from '<%= styledModule %>';<% } else {
     var wrapper = 'div';
   %>
-    <%- (style !== 'styled-jsx' && style !== 'tailwind') ? `import styles from './${fileName}.module.${style}';` : '' %>
+    <%- style !== 'styled-jsx' ? `import styles from './${fileName}.module.${style}';` : '' %>
   <% }
   %>
 
@@ -20,7 +20,7 @@ export function Index() {
    * Note: The corresponding styles are in the ./<%= fileName %>.<%= style %> file.
    */
   return (
-    <<%= wrapper %><% if (!styledModule && style !== 'tailwind') {%> className={styles.page}<% } %>>
+    <<%= wrapper %><% if (!styledModule) {%> className={styles.page}<% } %>>
       <%- styledModule === 'styled-jsx' && style !== 'none' ? `<style jsx>{\`${pageStyleContent}\`}</style>` : `` %>
       <%- appContent %>
     </<%= wrapper %>>

package/src/generators/application/lib/create-application-files.js

@@ -31,6 +31,7 @@ function createApplicationFiles(host, options) {
         styleContent: (0, create_application_files_helpers_1.createStyleRules)(),
         pageStyleContent: `.page {}`,
         stylesExt: options.style === 'less' ? options.style : 'css',
+        style: options.style === 'tailwind' ? 'css' : options.style,
     };
     const generatedAppFilePath = options.src
         ? (0, path_1.join)(options.appProjectRoot, 'src')
@@ -94,7 +95,7 @@ function createApplicationFiles(host, options) {
     if (options.swc !== false) {
         host.delete(`${options.appProjectRoot}/.babelrc`);
     }
-    if (options.styledModule || options.style === 'tailwind') {
+    if (options.styledModule) {
         if (options.appDir) {
             host.delete(`${generatedAppFilePath}/app/page.module.${options.style}`);
         }