@nx/remix 18.0.0-beta.0 → 18.0.0-beta.2

package/generators.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "name": "NxRemix",
   "version": "0.0.1",
   "extends": ["@nx/react"],
@@ -17,26 +17,26 @@
       "hidden": true
     },
     "application": {
-      "implementation": "./src/generators/application/application.impl",
+      "implementation": "./src/generators/application/application.impl#remixApplicationGeneratorInternal",
       "schema": "./src/generators/application/schema.json",
       "description": "Generate a new Remix application",
       "aliases": ["app"],
       "x-type": "application"
     },
     "cypress-component-configuration": {
-      "implementation": "./src/generators/cypress-component-configuration/cypress-component-configuration.impl",
+      "implementation": "./src/generators/cypress-component-configuration/cypress-component-configuration.impl#cypressComponentConfigurationGeneratorInternal",
       "schema": "./src/generators/cypress-component-configuration/schema.json",
       "description": "Generate a Cypress Component Testing configuration for a Remix project"
     },
     "library": {
-      "implementation": "./src/generators/library/library.impl",
+      "implementation": "./src/generators/library/library.impl#remixLibraryGeneratorInternal",
       "schema": "./src/generators/library/schema.json",
       "description": "Generate a new library",
       "aliases": ["lib"],
       "x-type": "library"
     },
     "init": {
-      "implementation": "./src/generators/init/init",
+      "implementation": "./src/generators/init/init#remixInitGeneratorInternal",
       "schema": "./src/generators/init/schema.json",
       "description": "Initialize the `@nx/remix` plugin.",
       "hidden": true
@@ -72,7 +72,7 @@
       "description": "Generates a TailwindCSS configuration for the Remix application"
     },
     "storybook-configuration": {
-      "implementation": "./src/generators/storybook-configuration/storybook-configuration.impl",
+      "implementation": "./src/generators/storybook-configuration/storybook-configuration.impl#remixStorybookConfiguration",
       "schema": "./src/generators/storybook-configuration/schema.json",
       "description": "Generates a Storybook configuration for a Remix application"
     },
@@ -87,7 +87,7 @@
       "description": "Add an ErrorBoundary to an existing route"
     },
     "cypress": {
-      "implementation": "./src/generators/cypress/cypress.impl",
+      "implementation": "./src/generators/cypress/cypress.impl#cypressGeneratorInternal",
       "schema": "./src/generators/cypress/schema.json",
       "description": "Generate a project for testing Remix apps using Cypress"
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/remix",
-  "version": "18.0.0-beta.0",
+  "version": "18.0.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, 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",
@@ -28,12 +28,12 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@nx/devkit": "18.0.0-beta.0",
-    "@nx/js": "18.0.0-beta.0",
-    "@nx/react": "18.0.0-beta.0",
+    "@nx/devkit": "18.0.0-beta.2",
+    "@nx/js": "18.0.0-beta.2",
+    "@nx/react": "18.0.0-beta.2",
     "tslib": "^2.3.1",
     "@phenomnomnominal/tsquery": "~5.0.1",
-    "@nrwl/remix": "18.0.0-beta.0"
+    "@nrwl/remix": "18.0.0-beta.2"
   },
   "peerDependencies": {},
   "publishConfig": {

package/src/executors/build/schema.json

@@ -1,7 +1,7 @@
 {
   "version": 2,
   "outputCapture": "pipe",
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "title": "Remix Build",
   "description": "Build a Remix app.",

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

@@ -4,7 +4,7 @@ export interface LoaderSchema {
   path: string;
   nameAndDirectoryFormat?: NameAndDirectoryFormat;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/action/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "action",
   "type": "object",
   "description": "Generate an action for a given route.",
@@ -22,7 +22,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     }
   },
   "required": ["path"]

package/src/generators/application/application.impl.d.ts

@@ -1,3 +1,5 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { NxRemixGeneratorSchema } from './schema';
-export default function (tree: Tree, _options: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export declare function remixApplicationGenerator(tree: Tree, options: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export declare function remixApplicationGeneratorInternal(tree: Tree, _options: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export default remixApplicationGenerator;

package/src/generators/application/application.impl.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.remixApplicationGeneratorInternal = exports.remixApplicationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const create_ts_config_1 = require("@nx/js/src/utils/typescript/create-ts-config");
 const versions_1 = require("../../utils/versions");
@@ -8,10 +9,22 @@ const update_dependencies_1 = require("../utils/update-dependencies");
 const init_1 = require("../init/init");
 const js_1 = require("@nx/js");
 const add_build_target_defaults_1 = require("@nx/devkit/src/generators/add-build-target-defaults");
-async function default_1(tree, _options) {
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+function remixApplicationGenerator(tree, options) {
+    return remixApplicationGeneratorInternal(tree, {
+        addPlugin: false,
+        ...options,
+    });
+}
+exports.remixApplicationGenerator = remixApplicationGenerator;
+// TODO(@columferry): update this to use crystal?
+async function remixApplicationGeneratorInternal(tree, _options) {
     const options = await (0, lib_1.normalizeOptions)(tree, _options);
     const tasks = [
-        await (0, init_1.default)(tree, { skipFormat: true }),
+        await (0, init_1.default)(tree, {
+            skipFormat: true,
+            addPlugin: options.addPlugin,
+        }),
         await (0, js_1.initGenerator)(tree, { skipFormat: true }),
     ];
     (0, add_build_target_defaults_1.addBuildTargetDefaults)(tree, '@nx/remix:build');
@@ -85,6 +98,7 @@ async function default_1(tree, _options) {
                 skipFormat: true,
                 testEnvironment: 'jsdom',
                 skipViteConfig: true,
+                addPlugin: options.addPlugin,
             });
             createOrEditViteConfig(tree, {
                 project: options.projectName,
@@ -105,10 +119,13 @@ async function default_1(tree, _options) {
                 skipSerializers: false,
                 skipPackageJson: false,
                 skipFormat: true,
+                addPlugin: options.addPlugin,
             });
             const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
-            projectConfig.targets['test'].options.passWithNoTests = true;
-            (0, devkit_1.updateProjectConfiguration)(tree, options.projectName, projectConfig);
+            if (projectConfig.targets['test']?.options) {
+                projectConfig.targets['test'].options.passWithNoTests = true;
+                (0, devkit_1.updateProjectConfiguration)(tree, options.projectName, projectConfig);
+            }
             tasks.push(jestTask);
         }
         const pkgInstallTask = (0, lib_1.updateUnitTestConfig)(tree, options.projectRoot, options.unitTestRunner);
@@ -128,6 +145,7 @@ async function default_1(tree, _options) {
             unitTestRunner: options.unitTestRunner,
             skipFormat: true,
             rootProject: options.rootProject,
+            addPlugin: options.addPlugin,
         });
         tasks.push(eslintTask);
     }
@@ -164,6 +182,7 @@ async function default_1(tree, _options) {
         // Otherwise, extract the tsconfig.base.json from tsconfig.json so we can share settings.
         (0, create_ts_config_1.extractTsConfigBase)(tree);
     }
+    // TODO(@columferry): add support for playwright?
     if (options.e2eTestRunner === 'cypress') {
         const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', (0, versions_1.getPackageVersion)(tree, 'nx'));
         addFileServerTarget(tree, options, 'serve-static');
@@ -181,14 +200,18 @@ async function default_1(tree, _options) {
             skipFormat: true,
             devServerTarget: `${options.projectName}:serve:development`,
             baseUrl: 'http://localhost:4200',
+            addPlugin: options.addPlugin,
         }));
     }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
+    });
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.default = default_1;
+exports.remixApplicationGeneratorInternal = remixApplicationGeneratorInternal;
 function addFileServerTarget(tree, options, targetName) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
     projectConfig.targets[targetName] = {
@@ -200,3 +223,4 @@ function addFileServerTarget(tree, options, targetName) {
     };
     (0, devkit_1.updateProjectConfiguration)(tree, options.projectName, projectConfig);
 }
+exports.default = remixApplicationGenerator;

package/src/generators/application/files/common/app/nx-welcome.tsx__tmpl__

@@ -795,6 +795,25 @@ export function NxWelcome({ title }: { title: string }) {
                 nx g @nx/react:component ui/src/lib/button
               </pre>
             </details>
+            <details>
+              <summary>
+                <svg
+                  fill="none"
+                  stroke="currentColor"
+                  viewBox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth="2"
+                    d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+                  />
+                </svg>
+                View project details
+              </summary>
+              <pre>nx show project { title } --web</pre>
+            </details>
             <details>
               <summary>
                 <svg

package/src/generators/application/lib/normalize-options.js

@@ -14,6 +14,7 @@ async function normalizeOptions(tree, options) {
     });
     options.rootProject = projectRoot === '.';
     options.projectNameAndRootFormat = projectNameAndRootFormat;
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const e2eProjectName = options.rootProject ? 'e2e' : `${projectName}-e2e`;
     const e2eProjectRoot = options.rootProject ? 'e2e' : `${projectRoot}-e2e`;
     const parsedTags = options.tags

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

@@ -12,4 +12,5 @@ export interface NxRemixGeneratorSchema {
   e2eTestRunner?: 'cypress' | 'none';
   skipFormat?: boolean;
   rootProject?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/application/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixApplication",
   "title": "Create an Application",
   "description": "Generate a new Remix application.",

package/src/generators/cypress/cypress.impl.d.ts

@@ -1,3 +1,5 @@
 import { GeneratorCallback, Tree } from '@nx/devkit';
 import { CypressGeneratorSchema } from './schema';
-export default function (tree: Tree, options: CypressGeneratorSchema): Promise<GeneratorCallback>;
+export declare function cypressGenerator(tree: Tree, options: CypressGeneratorSchema): Promise<GeneratorCallback>;
+export declare function cypressGeneratorInternal(tree: Tree, options: CypressGeneratorSchema): Promise<GeneratorCallback>;
+export default cypressGenerator;

package/src/generators/cypress/cypress.impl.js

@@ -1,10 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.cypressGeneratorInternal = exports.cypressGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const cypress_1 = require("@nx/cypress");
 const project_name_and_root_utils_1 = require("@nx/devkit/src/generators/project-name-and-root-utils");
 const versions_1 = require("../../utils/versions");
-async function default_1(tree, options) {
+// TODO(@columferry): Does anything use this?
+function cypressGenerator(tree, options) {
+    return cypressGeneratorInternal(tree, { addPlugin: false, ...options });
+}
+exports.cypressGenerator = cypressGenerator;
+async function cypressGeneratorInternal(tree, options) {
     const { projectName: e2eProjectName, projectRoot: e2eProjectRoot } = await (0, project_name_and_root_utils_1.determineProjectNameAndRootOptions)(tree, {
         name: options.name,
         projectType: 'application',
@@ -12,6 +18,7 @@ async function default_1(tree, options) {
         projectNameAndRootFormat: options.projectNameAndRootFormat,
         callingGenerator: '@nx/remix:cypress',
     });
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const rootProject = e2eProjectRoot === '.';
     let projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     options.baseUrl ??= `http://localhost:${projectConfig.targets['serve'].options.port}`;
@@ -33,6 +40,7 @@ async function default_1(tree, options) {
         devServerTarget: `${options.project}:serve:development`,
         baseUrl: options.baseUrl,
         rootProject,
+        addPlugin: options.addPlugin,
     });
     projectConfig = (0, devkit_1.readProjectConfiguration)(tree, e2eProjectName);
     tree.delete((0, devkit_1.joinPathFragments)(projectConfig.sourceRoot, 'support', 'app.po.ts'));
@@ -62,7 +70,7 @@ Cypress.on("uncaught:exception", (err) => {
 });`);
     return (0, devkit_1.runTasksInSerial)(installTask);
 }
-exports.default = default_1;
+exports.cypressGeneratorInternal = cypressGeneratorInternal;
 function addFileServerTarget(tree, options, targetName) {
     (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@nx/web': versions_1.nxVersion });
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
@@ -75,3 +83,4 @@ function addFileServerTarget(tree, options, targetName) {
     };
     (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
 }
+exports.default = cypressGenerator;

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

@@ -11,4 +11,5 @@ export interface CypressGeneratorSchema {
   js?: boolean;
   skipFormat?: boolean;
   setParserOptionsProject?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/cypress/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixCypress",
   "title": "",
   "type": "object",

package/src/generators/cypress-component-configuration/cypress-component-configuration.impl.d.ts

@@ -1,3 +1,5 @@
 import { type Tree } from '@nx/devkit';
 import { type CypressComponentConfigurationSchema } from './schema';
-export default function cypressComponentConfigurationGenerator(tree: Tree, options: CypressComponentConfigurationSchema): Promise<void>;
+export declare function cypressComponentConfigurationGenerator(tree: Tree, options: CypressComponentConfigurationSchema): Promise<void>;
+export declare function cypressComponentConfigurationGeneratorInternal(tree: Tree, options: CypressComponentConfigurationSchema): Promise<void>;
+export default cypressComponentConfigurationGenerator;

package/src/generators/cypress-component-configuration/cypress-component-configuration.impl.js

@@ -1,15 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.cypressComponentConfigurationGeneratorInternal = exports.cypressComponentConfigurationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const react_1 = require("@nx/react");
-async function cypressComponentConfigurationGenerator(tree, options) {
+function cypressComponentConfigurationGenerator(tree, options) {
+    return cypressComponentConfigurationGeneratorInternal(tree, {
+        addPlugin: false,
+        ...options,
+    });
+}
+exports.cypressComponentConfigurationGenerator = cypressComponentConfigurationGenerator;
+async function cypressComponentConfigurationGeneratorInternal(tree, options) {
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     await (0, react_1.cypressComponentConfigGenerator)(tree, {
         project: options.project,
         generateTests: options.generateTests,
         skipFormat: true,
         bundler: 'vite',
         buildTarget: '',
+        addPlugin: options.addPlugin,
     });
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, './files'), project.root, { tmpl: '' });
@@ -17,4 +27,5 @@ async function cypressComponentConfigurationGenerator(tree, options) {
         await (0, devkit_1.formatFiles)(tree);
     }
 }
+exports.cypressComponentConfigurationGeneratorInternal = cypressComponentConfigurationGeneratorInternal;
 exports.default = cypressComponentConfigurationGenerator;

package/src/generators/cypress-component-configuration/schema.d.ts

@@ -2,4 +2,5 @@ export interface CypressComponentConfigurationSchema {
   project: string;
   generateTests?: boolean;
   skipFormat?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/error-boundary/schema.d.ts

@@ -5,7 +5,7 @@ export interface ErrorBoundarySchema {
   skipFormat?: false;
   nameAndDirectoryFormat?: NameAndDirectoryFormat;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/error-boundary/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixErrorBoundary",
   "title": "Create an ErrorBoundary for a Route",
   "description": "Generate an ErrorBoundary for a given route.",
@@ -24,7 +24,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     },
     "skipFormat": {
       "type": "boolean",

package/src/generators/init/init.d.ts

@@ -1,4 +1,5 @@
 import { type Tree, GeneratorCallback } from '@nx/devkit';
 import { type Schema } from './schema';
 export declare function remixInitGenerator(tree: Tree, options: Schema): Promise<GeneratorCallback>;
+export declare function remixInitGeneratorInternal(tree: Tree, options: Schema): Promise<GeneratorCallback>;
 export default remixInitGenerator;

package/src/generators/init/init.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.remixInitGenerator = void 0;
+exports.remixInitGeneratorInternal = exports.remixInitGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const update_package_scripts_1 = require("@nx/devkit/src/utils/update-package-scripts");
 const plugin_1 = require("../../plugins/plugin");
@@ -26,7 +26,11 @@ function addPlugin(tree) {
     });
     (0, devkit_1.updateNxJson)(tree, nxJson);
 }
-async function remixInitGenerator(tree, options) {
+function remixInitGenerator(tree, options) {
+    return remixInitGeneratorInternal(tree, { addPlugin: false, ...options });
+}
+exports.remixInitGenerator = remixInitGenerator;
+async function remixInitGeneratorInternal(tree, options) {
     const tasks = [];
     if (!options.skipPackageJson) {
         const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {
@@ -37,7 +41,7 @@ async function remixInitGenerator(tree, options) {
         }, undefined, options.keepExistingVersions);
         tasks.push(installTask);
     }
-    if (process.env.NX_PCV3 === 'true') {
+    if (options.addPlugin) {
         addPlugin(tree);
     }
     if (options.updatePackageScripts) {
@@ -48,5 +52,5 @@ async function remixInitGenerator(tree, options) {
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.remixInitGenerator = remixInitGenerator;
+exports.remixInitGeneratorInternal = remixInitGeneratorInternal;
 exports.default = remixInitGenerator;

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

@@ -3,4 +3,5 @@ export interface Schema {
   skipPackageJson?: boolean;
   keepExistingVersions?: boolean;
   updatePackageScripts?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/init/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixInit",
   "title": "Init Remix Plugin",
   "description": "Initialize the Remix Plugin.",

package/src/generators/library/lib/normalize-options.js

@@ -11,6 +11,7 @@ async function normalizeOptions(tree, options) {
         projectNameAndRootFormat: options.projectNameAndRootFormat,
         callingGenerator: '@nx/remix:library',
     });
+    options.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const importPath = options.importPath ?? (0, get_import_path_1.getImportPath)(tree, projectRoot);
     return {
         ...options,

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

@@ -1,4 +1,6 @@
 import type { Tree } from '@nx/devkit';
 import { GeneratorCallback } from '@nx/devkit';
 import type { NxRemixGeneratorSchema } from './schema';
-export default function (tree: Tree, schema: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export declare function remixLibraryGenerator(tree: Tree, schema: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export declare function remixLibraryGeneratorInternal(tree: Tree, schema: NxRemixGeneratorSchema): Promise<GeneratorCallback>;
+export default remixLibraryGenerator;

package/src/generators/library/library.impl.js

@@ -1,10 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.remixLibraryGeneratorInternal = exports.remixLibraryGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
 const eslint_1 = require("@nx/eslint");
 const react_1 = require("@nx/react");
 const lib_1 = require("./lib");
-async function default_1(tree, schema) {
+async function remixLibraryGenerator(tree, schema) {
+    return remixLibraryGeneratorInternal(tree, { addPlugin: false, ...schema });
+}
+exports.remixLibraryGenerator = remixLibraryGenerator;
+async function remixLibraryGeneratorInternal(tree, schema) {
     const tasks = [];
     const options = await (0, lib_1.normalizeOptions)(tree, schema);
     const libGenTask = await (0, react_1.libraryGenerator)(tree, {
@@ -20,6 +25,7 @@ async function default_1(tree, schema) {
         linter: eslint_1.Linter.EsLint,
         component: true,
         buildable: options.buildable,
+        addPlugin: options.addPlugin,
     });
     tasks.push(libGenTask);
     if (options.unitTestRunner && options.unitTestRunner !== 'none') {
@@ -35,4 +41,5 @@ async function default_1(tree, schema) {
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
-exports.default = default_1;
+exports.remixLibraryGeneratorInternal = remixLibraryGeneratorInternal;
+exports.default = remixLibraryGenerator;

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

@@ -12,4 +12,5 @@ export interface NxRemixGeneratorSchema {
   unitTestRunner?: 'jest' | 'vitest' | 'none';
   js?: boolean;
   skipFormat?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/library/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixLibrary",
   "title": "Create a Library",
   "description": "Generate a Remix library to help structure workspace and application.",

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

@@ -4,7 +4,7 @@ export interface LoaderSchema {
   path: string;
   nameAndDirectoryFormat?: NameAndDirectoryFormat;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/loader/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "data-loader",
   "type": "object",
   "description": "Generate an loader for a given route.",
@@ -22,7 +22,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     }
   },
   "required": ["path"]

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

@@ -4,7 +4,7 @@ export interface MetaSchema {
   path: string;
   nameAndDirectoryFormat?: NameAndDirectoryFormat;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/meta/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "meta",
   "type": "object",
   "description": "Generate a meta function for a given route.",
@@ -22,7 +22,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     }
   },
   "required": ["path"]

package/src/generators/preset/preset.impl.js

@@ -18,6 +18,7 @@ async function default_1(tree, _options) {
         unitTestRunner: options.unitTestRunner ?? 'vitest',
         e2eTestRunner: options.e2eTestRunner ?? 'cypress',
         js: options.js ?? false,
+        addPlugin: process.env.NX_ADD_PLUGINS !== 'false',
     });
     tasks.push(appGenTask);
     tree.delete('apps');

package/src/generators/preset/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "Remix",
   "title": "",
   "type": "object",

package/src/generators/resource-route/schema.d.ts

@@ -7,7 +7,7 @@ export interface RemixRouteSchema {
   loader: boolean;
   skipChecks: boolean;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/resource-route/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixResourceRoute",
   "title": "Create a Resource Route",
   "type": "object",
@@ -29,7 +29,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     },
     "action": {
       "type": "boolean",

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

@@ -9,7 +9,7 @@ export interface RemixRouteSchema {
   loader: boolean;
   skipChecks: boolean;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/route/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixRoute",
   "title": "Create a Route",
   "description": "Generate a route.",
@@ -29,7 +29,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     },
     "style": {
       "type": "string",

package/src/generators/setup/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixSetup",
   "title": "",
   "type": "object",

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

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixTailwind",
   "title": "Add TailwindCSS to a Remix App",
   "description": "Setup tailwindcss for a given project.",

package/src/generators/storybook-configuration/__snapshots__/storybook-configuration.impl.spec.ts.snap

@@ -10,7 +10,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {
       builder: {
-        viteConfigPath: 'libs/storybook-test/vite.config.ts',
+        viteConfigPath: 'vite.config.ts',
       },
     },
   },
@@ -34,7 +34,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {
       builder: {
-        viteConfigPath: 'libs/storybook-test/vite.config.ts',
+        viteConfigPath: 'vite.config.ts',
       },
     },
   },
@@ -58,7 +58,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {
       builder: {
-        viteConfigPath: 'libs/storybook-test/vite.config.ts',
+        viteConfigPath: 'vite.config.ts',
       },
     },
   },

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

@@ -12,4 +12,5 @@ export interface StorybookConfigurationSchema {
   ignorePaths?: string[];
   configureTestRunner?: boolean;
   configureStaticServe?: boolean;
+  addPlugin?: boolean;
 }

package/src/generators/storybook-configuration/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "cli": "nx",
   "$id": "NxRemixStorybookConfigure",
   "title": "Remix Storybook Configuration",

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

@@ -1,3 +1,4 @@
 import { type Tree } from '@nx/devkit';
 import type { StorybookConfigurationSchema } from './schema';
-export default function remixStorybookConfiguration(tree: Tree, schema: StorybookConfigurationSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function remixStorybookConfiguration(tree: Tree, schema: StorybookConfigurationSchema): Promise<import("@nx/devkit").GeneratorCallback>;
+export default function remixStorybookConfigurationInternal(tree: Tree, schema: StorybookConfigurationSchema): Promise<import("@nx/devkit").GeneratorCallback>;

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

@@ -1,9 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.remixStorybookConfiguration = void 0;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
 const react_1 = require("@nx/react");
-async function remixStorybookConfiguration(tree, schema) {
+function remixStorybookConfiguration(tree, schema) {
+    return remixStorybookConfigurationInternal(tree, {
+        addPlugin: false,
+        ...schema,
+    });
+}
+exports.remixStorybookConfiguration = remixStorybookConfiguration;
+async function remixStorybookConfigurationInternal(tree, schema) {
+    schema.addPlugin ??= process.env.NX_ADD_PLUGINS !== 'false';
     const { root } = (0, devkit_1.readProjectConfiguration)(tree, schema.project);
     if (!tree.exists((0, devkit_1.joinPathFragments)(root, 'vite.config.ts'))) {
         (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, 'files'), root, { tpl: '' });
@@ -11,4 +20,4 @@ async function remixStorybookConfiguration(tree, schema) {
     const task = await (0, react_1.storybookConfigurationGenerator)(tree, schema);
     return task;
 }
-exports.default = remixStorybookConfiguration;
+exports.default = remixStorybookConfigurationInternal;

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

@@ -4,7 +4,7 @@ export interface RemixStyleSchema {
   path: string;
   nameAndDirectoryFormat?: NameAndDirectoryFormat;
   /**
-   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v18.
+   * @deprecated Provide the `path` option instead. The project will be determined from the path provided. It will be removed in Nx v19.
    */
   project?: string;
 }

package/src/generators/style/schema.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxRemixRouteStyle",
   "title": "Add style import to a route",
   "description": "Generate a style import and file for a given route.",
@@ -29,7 +29,7 @@
       "type": "string",
       "description": "The name of the project.",
       "pattern": "^[a-zA-Z].*$",
-      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v18."
+      "x-deprecated": "Provide the `path` option instead and use the `as-provided` format. The project will be determined from the path provided. It will be removed in Nx v19."
     }
   },
   "required": ["path"]

package/src/plugins/plugin.js

@@ -8,6 +8,7 @@ const get_named_inputs_1 = require("@nx/devkit/src/utils/get-named-inputs");
 const js_1 = require("@nx/js");
 const path_1 = require("path");
 const fs_1 = require("fs");
+const config_utils_1 = require("@nx/devkit/src/utils/config-utils");
 const cachePath = (0, path_1.join)(cache_directory_1.projectGraphCacheDirectory, 'remix.hash');
 const targetsCache = (0, fs_1.existsSync)(cachePath) ? readTargetsCache() : {};
 const calculatedTargets = {};
@@ -110,20 +111,7 @@ function typecheckTarget(projectRoot, namedInputs) {
 }
 async function getServerBuildPath(configFilePath, workspaceRoot) {
     const configPath = (0, path_1.join)(workspaceRoot, configFilePath);
-    let appConfig = {};
-    try {
-        let appConfigModule;
-        try {
-            appConfigModule = await Function(`return import("${configPath}?t=${Date.now()}")`)();
-        }
-        catch {
-            appConfigModule = require(configPath);
-        }
-        appConfig = appConfigModule?.default || appConfigModule;
-    }
-    catch (error) {
-        throw new Error(`Error loading Remix config at ${configFilePath}\n${String(error)}`);
-    }
+    let appConfig = await (0, config_utils_1.loadConfigFile)(configPath);
     return appConfig.serverBuildPath ?? 'build/index.js';
 }
 function normalizeOptions(options) {