@nx/remix 21.1.2 → 21.2.0-beta.2

package/README.md

@@ -1,4 +1,4 @@
-<p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx.png" width="600" alt="Nx - Smart Monorepos · Fast CI"></p>
+<p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx.png" width="600" alt="Nx - Smart Repos · Fast Builds"></p>
 
 <div style="text-align: center;">
 
@@ -15,9 +15,9 @@
 
 <hr>
 
-# Nx: Smart Monorepos · Fast CI
+# Nx: Smart Repos · Fast Builds
 
-Nx is a build system, optimized for monorepos, with plugins for popular frameworks and tools and advanced CI capabilities including caching and distribution.
+An AI-first build platform that connects everything from your editor to CI. Helping you deliver fast, without breaking things.
 
 This package is a [Remix plugin for Nx](https://nx.dev/nx-api/remix).
 
@@ -59,5 +59,5 @@ npx nx@latest init
 - [Blog Posts About Nx](https://nx.dev/blog)
 
 <p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
-width="100%" alt="Nx - Smart Monorepos · Fast CI"></a></p>
+width="100%" alt="Nx - Smart Repos · Fast Builds"></a></p>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/remix",
-  "version": "21.1.2",
+  "version": "21.2.0-beta.2",
   "description": "The Remix plugin for Nx contains executors and generators for managing Remix applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Vitest, Jest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, routes, loaders, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
     "type": "git",
@@ -29,9 +29,9 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nx/devkit": "21.1.2",
-    "@nx/js": "21.1.2",
-    "@nx/react": "21.1.2",
+    "@nx/devkit": "21.2.0-beta.2",
+    "@nx/js": "21.2.0-beta.2",
+    "@nx/react": "21.2.0-beta.2",
     "tslib": "^2.3.1",
     "@phenomnomnominal/tsquery": "~5.0.1"
   },

package/src/generators/setup-tailwind/__snapshots__/setup-tailwind.impl.spec.ts.snap

@@ -43,7 +43,7 @@ exports[`setup-tailwind generator should add a tailwind config to an application
   ScrollRestoration,
 } from '@remix-run/react';
 import type { MetaFunction, LinksFunction } from '@remix-run/node';
-import twStyles from './tailwind.css';
+import './tailwind.css';
 
 export const meta: MetaFunction = () => [
   {
@@ -52,7 +52,6 @@ export const meta: MetaFunction = () => [
 ];
 
 export const links: LinksFunction = () => [
-  { rel: 'stylesheet', href: twStyles },
   { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
   {
     rel: 'preconnect',

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

@@ -17,8 +17,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-prompt": "What project would you like to add Tailwind to?",
-      "pattern": "^[a-zA-Z].*$"
+      "x-prompt": "What project would you like to add Tailwind to?"
     },
     "skipFormat": {
       "type": "boolean",

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

@@ -2,18 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = setupTailwind;
 const devkit_1 = require("@nx/devkit");
-const upsert_links_function_1 = require("../../utils/upsert-links-function");
 const versions_1 = require("../../utils/versions");
+const insert_statement_after_imports_1 = require("../../utils/insert-statement-after-imports");
 async function setupTailwind(tree, options) {
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    if (project.projectType !== 'application') {
-        throw new Error(`Project "${options.project}" is not an application. Please ensure the project is an application.`);
-    }
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files'), project.root, {
         tpl: '',
     });
     const pathToRoot = (0, devkit_1.joinPathFragments)(project.root, 'app/root.tsx');
-    (0, upsert_links_function_1.upsertLinksFunction)(tree, pathToRoot, 'twStyles', './tailwind.css', `{ rel: "stylesheet", href: twStyles }`);
+    (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, pathToRoot, (0, devkit_1.stripIndents) `import './tailwind.css';`);
     (0, devkit_1.addDependenciesToPackageJson)(tree, {
         tailwindcss: versions_1.tailwindVersion,
         postcss: versions_1.postcssVersion,

package/src/utils/versions.d.ts

@@ -7,7 +7,7 @@ export declare const reactDomVersion = "^18.2.0";
 export declare const typesReactVersion = "^18.2.0";
 export declare const typesReactDomVersion = "^18.2.0";
 export declare const eslintVersion = "^8.56.0";
-export declare const typescriptVersion = "~5.7.2";
+export declare const typescriptVersion = "~5.8.2";
 export declare const tailwindVersion = "^3.3.0";
 export declare const postcssVersion = "^8.4.38";
 export declare const autoprefixerVersion = "^10.4.19";

package/src/utils/versions.js

@@ -12,7 +12,7 @@ exports.reactDomVersion = '^18.2.0';
 exports.typesReactVersion = '^18.2.0';
 exports.typesReactDomVersion = '^18.2.0';
 exports.eslintVersion = '^8.56.0';
-exports.typescriptVersion = '~5.7.2';
+exports.typescriptVersion = '~5.8.2';
 exports.tailwindVersion = '^3.3.0';
 exports.postcssVersion = '^8.4.38';
 exports.autoprefixerVersion = '^10.4.19';

package/src/utils/upsert-links-function.d.ts

@@ -1,2 +0,0 @@
-import { type Tree } from '@nx/devkit';
-export declare function upsertLinksFunction(tree: Tree, filePath: string, importName: string, importPath: string, linkObject: string): void;

package/src/utils/upsert-links-function.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.upsertLinksFunction = upsertLinksFunction;
-const devkit_1 = require("@nx/devkit");
-const tsquery_1 = require("@phenomnomnominal/tsquery");
-const insert_import_1 = require("./insert-import");
-const insert_statement_after_imports_1 = require("./insert-statement-after-imports");
-function upsertLinksFunction(tree, filePath, importName, importPath, linkObject) {
-    (0, insert_import_1.insertImport)(tree, filePath, 'LinksFunction', '@remix-run/node', {
-        typeOnly: true,
-    });
-    (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, filePath, (0, devkit_1.stripIndents) `import ${importName} from "${importPath}";`);
-    const fileContents = tree.read(filePath, 'utf-8');
-    const LINKS_FUNCTION_SELECTOR = 'VariableDeclaration:has(TypeReference > Identifier[name=LinksFunction])';
-    const ast = tsquery_1.tsquery.ast(fileContents);
-    const linksFunctionNodes = (0, tsquery_1.tsquery)(ast, LINKS_FUNCTION_SELECTOR, {
-        visitAllChildren: true,
-    });
-    if (linksFunctionNodes.length === 0) {
-        (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, filePath, (0, devkit_1.stripIndents) `export const links: LinksFunction = () => [
-  ${linkObject},
-];`);
-    }
-    else {
-        const linksArrayNodes = (0, tsquery_1.tsquery)(linksFunctionNodes[0], 'ArrayLiteralExpression', { visitAllChildren: true });
-        const arrayNode = linksArrayNodes[0];
-        const updatedFileContents = `${fileContents.slice(0, arrayNode.getStart() + 1)}\n${linkObject},${fileContents.slice(arrayNode.getStart() + 1)}`;
-        tree.write(filePath, updatedFileContents);
-    }
-}