@nx/remix 0.0.0-pr-22179-271588f

package/LICENSE

@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2017-2023 Narwhal Technologies Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,63 @@
+<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>
+
+<div style="text-align: center;">
+
+[![CircleCI](https://circleci.com/gh/nrwl/nx.svg?style=svg)](https://circleci.com/gh/nrwl/nx)
+[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
+[![NPM Version](https://badge.fury.io/js/%40nrwl%2Fworkspace.svg)](https://www.npmjs.com/@nx/workspace)
+[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
+[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
+[![Join the chat at https://gitter.im/nrwl-nx/community](https://badges.gitter.im/nrwl-nx/community.svg)](https://gitter.im/nrwl-nx/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
+
+</div>
+
+
+<hr>
+
+# Nx: Smart Monorepos · Fast CI
+
+Nx is a build system with built-in tooling and advanced CI capabilities. It helps you maintain and scale monorepos, both locally and on CI.
+
+This package is a [Remix plugin for Nx](https://nx.dev/packages/remix).
+
+## Getting Started
+
+### Creating an Nx Workspace
+
+**Using `npx`**
+
+```bash
+npx create-nx-workspace
+```
+
+**Using `npm init`**
+
+```bash
+npm init nx-workspace
+```
+
+**Using `yarn create`**
+
+```bash
+yarn create nx-workspace
+```
+
+### Adding Nx to an Existing Repository
+
+Run:
+
+```bash
+npx nx@latest init
+```
+
+## Documentation & Resources
+
+- [Nx.Dev: Documentation, Guides, Tutorials](https://nx.dev)
+- [Intro to Nx](https://nx.dev/getting-started/intro)
+- [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
+- [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
+
+<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>
+

package/executors.json

@@ -0,0 +1,14 @@
+{
+  "executors": {
+    "serve": {
+      "implementation": "./src/executors/serve/serve.impl",
+      "schema": "./src/executors/serve/schema.json",
+      "description": "Serve a Remix application."
+    },
+    "build": {
+      "implementation": "./src/executors/build/build.impl",
+      "schema": "./src/executors/build/schema.json",
+      "description": "Build a Remix application."
+    }
+  }
+}

package/generators.d.ts

@@ -0,0 +1,14 @@
+export { default as actionGenerator } from './src/generators/action/action.impl';
+export { default as applicationGenerator } from './src/generators/application/application.impl';
+export { default as cypressComponentConfigurationGenerator } from './src/generators/cypress-component-configuration/cypress-component-configuration.impl';
+export { default as errorBoundaryGenerator } from './src/generators/error-boundary/error-boundary.impl';
+export { default as libraryGenerator } from './src/generators/library/library.impl';
+export { default as loaderGenerator } from './src/generators/loader/loader.impl';
+export { default as metaGenerator } from './src/generators/meta/meta.impl';
+export { default as presetGenerator } from './src/generators/preset/preset.impl';
+export { default as resourceRouteGenerator } from './src/generators/resource-route/resource-route.impl';
+export { default as routeGenerator } from './src/generators/route/route.impl';
+export { default as setupTailwindGenerator } from './src/generators/setup-tailwind/setup-tailwind.impl';
+export { default as storybookConfigurationGenerator } from './src/generators/storybook-configuration/storybook-configuration.impl';
+export { default as styleGenerator } from './src/generators/style/style.impl';
+export { default as initGenerator } from './src/generators/init/init';

package/generators.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initGenerator = exports.styleGenerator = exports.storybookConfigurationGenerator = exports.setupTailwindGenerator = exports.routeGenerator = exports.resourceRouteGenerator = exports.presetGenerator = exports.metaGenerator = exports.loaderGenerator = exports.libraryGenerator = exports.errorBoundaryGenerator = exports.cypressComponentConfigurationGenerator = exports.applicationGenerator = exports.actionGenerator = void 0;
+var action_impl_1 = require("./src/generators/action/action.impl");
+Object.defineProperty(exports, "actionGenerator", { enumerable: true, get: function () { return action_impl_1.default; } });
+var application_impl_1 = require("./src/generators/application/application.impl");
+Object.defineProperty(exports, "applicationGenerator", { enumerable: true, get: function () { return application_impl_1.default; } });
+var cypress_component_configuration_impl_1 = require("./src/generators/cypress-component-configuration/cypress-component-configuration.impl");
+Object.defineProperty(exports, "cypressComponentConfigurationGenerator", { enumerable: true, get: function () { return cypress_component_configuration_impl_1.default; } });
+var error_boundary_impl_1 = require("./src/generators/error-boundary/error-boundary.impl");
+Object.defineProperty(exports, "errorBoundaryGenerator", { enumerable: true, get: function () { return error_boundary_impl_1.default; } });
+var library_impl_1 = require("./src/generators/library/library.impl");
+Object.defineProperty(exports, "libraryGenerator", { enumerable: true, get: function () { return library_impl_1.default; } });
+var loader_impl_1 = require("./src/generators/loader/loader.impl");
+Object.defineProperty(exports, "loaderGenerator", { enumerable: true, get: function () { return loader_impl_1.default; } });
+var meta_impl_1 = require("./src/generators/meta/meta.impl");
+Object.defineProperty(exports, "metaGenerator", { enumerable: true, get: function () { return meta_impl_1.default; } });
+var preset_impl_1 = require("./src/generators/preset/preset.impl");
+Object.defineProperty(exports, "presetGenerator", { enumerable: true, get: function () { return preset_impl_1.default; } });
+var resource_route_impl_1 = require("./src/generators/resource-route/resource-route.impl");
+Object.defineProperty(exports, "resourceRouteGenerator", { enumerable: true, get: function () { return resource_route_impl_1.default; } });
+var route_impl_1 = require("./src/generators/route/route.impl");
+Object.defineProperty(exports, "routeGenerator", { enumerable: true, get: function () { return route_impl_1.default; } });
+var setup_tailwind_impl_1 = require("./src/generators/setup-tailwind/setup-tailwind.impl");
+Object.defineProperty(exports, "setupTailwindGenerator", { enumerable: true, get: function () { return setup_tailwind_impl_1.default; } });
+var storybook_configuration_impl_1 = require("./src/generators/storybook-configuration/storybook-configuration.impl");
+Object.defineProperty(exports, "storybookConfigurationGenerator", { enumerable: true, get: function () { return storybook_configuration_impl_1.default; } });
+var style_impl_1 = require("./src/generators/style/style.impl");
+Object.defineProperty(exports, "styleGenerator", { enumerable: true, get: function () { return style_impl_1.default; } });
+var init_1 = require("./src/generators/init/init");
+Object.defineProperty(exports, "initGenerator", { enumerable: true, get: function () { return init_1.default; } });

package/generators.json

@@ -0,0 +1,90 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "name": "NxRemix",
+  "version": "0.0.1",
+  "extends": ["@nx/react"],
+  "generators": {
+    "preset": {
+      "implementation": "./src/generators/preset/preset.impl",
+      "schema": "./src/generators/preset/schema.json",
+      "description": "Generate a new Remix workspace",
+      "hidden": true
+    },
+    "setup": {
+      "implementation": "./src/generators/setup/setup.impl",
+      "schema": "./src/generators/setup/schema.json",
+      "description": "Setup a Remix in an existing workspace",
+      "hidden": true
+    },
+    "application": {
+      "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#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#remixLibraryGeneratorInternal",
+      "schema": "./src/generators/library/schema.json",
+      "description": "Generate a new library",
+      "aliases": ["lib"],
+      "x-type": "library"
+    },
+    "init": {
+      "implementation": "./src/generators/init/init#remixInitGeneratorInternal",
+      "schema": "./src/generators/init/schema.json",
+      "description": "Initialize the `@nx/remix` plugin.",
+      "hidden": true
+    },
+    "route": {
+      "implementation": "./src/generators/route/route.impl",
+      "schema": "./src/generators/route/schema.json",
+      "description": "Generate a new route"
+    },
+    "resource-route": {
+      "implementation": "./src/generators/resource-route/resource-route.impl",
+      "schema": "./src/generators/resource-route/schema.json",
+      "description": "Generate a new resource route"
+    },
+    "action": {
+      "implementation": "./src/generators/action/action.impl",
+      "schema": "./src/generators/action/schema.json",
+      "description": "Add an action function to an existing route"
+    },
+    "loader": {
+      "implementation": "./src/generators/loader/loader.impl",
+      "schema": "./src/generators/loader/schema.json",
+      "description": "Add a loader function to an existing route"
+    },
+    "style": {
+      "implementation": "./src/generators/style/style.impl",
+      "schema": "./src/generators/style/schema.json",
+      "description": "Generates a new stylesheet and adds it to an existing route"
+    },
+    "setup-tailwind": {
+      "implementation": "./src/generators/setup-tailwind/setup-tailwind.impl",
+      "schema": "./src/generators/setup-tailwind/schema.json",
+      "description": "Generates a TailwindCSS configuration for the Remix application"
+    },
+    "storybook-configuration": {
+      "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"
+    },
+    "meta": {
+      "implementation": "./src/generators/meta/meta.impl",
+      "schema": "./src/generators/meta/schema.json",
+      "description": "Add a meta function to an existing route"
+    },
+    "error-boundary": {
+      "implementation": "./src/generators/error-boundary/error-boundary.impl",
+      "schema": "./src/generators/error-boundary/schema.json",
+      "description": "Add an ErrorBoundary to an existing route"
+    }
+  }
+}

package/index.d.ts

@@ -0,0 +1 @@
+export { createWatchPaths } from './src/utils/create-watch-paths';

package/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWatchPaths = void 0;
+var create_watch_paths_1 = require("./src/utils/create-watch-paths");
+Object.defineProperty(exports, "createWatchPaths", { enumerable: true, get: function () { return create_watch_paths_1.createWatchPaths; } });

package/migrations.json

@@ -0,0 +1,107 @@
+{
+  "generators": {},
+  "packageJsonUpdates": {
+    "17.2.1": {
+      "version": "17.2.1-beta.0",
+      "packages": {
+        "@remix-run/node": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/react": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/serve": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/dev": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/css-bundle": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/eslint-config": {
+          "version": "^2.3.0",
+          "alwaysAddToPackageJson": true
+        },
+        "isbot": {
+          "version": "^3.6.8",
+          "alwaysAddToPackageJson": true
+        },
+        "eslint": {
+          "version": "^8.38.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@testing-library/react": {
+          "version": "^14.1.2",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/jest-dom": {
+          "version": "^6.1.4",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/user-event": {
+          "version": "^14.5.1",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    },
+    "18.1.0": {
+      "version": "18.1.0-beta.1",
+      "packages": {
+        "@remix-run/node": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/react": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/serve": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/dev": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/css-bundle": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/eslint-config": {
+          "version": "^2.6.0",
+          "alwaysAddToPackageJson": true
+        },
+        "isbot": {
+          "version": "^4.4.0",
+          "alwaysAddToPackageJson": true
+        },
+        "eslint": {
+          "version": "^8.56.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@testing-library/react": {
+          "version": "^14.1.2",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/jest-dom": {
+          "version": "^6.2.0",
+          "alwaysAddToPackageJson": false
+        },
+        "@testing-library/user-event": {
+          "version": "^14.5.2",
+          "alwaysAddToPackageJson": false
+        },
+        "typescript": {
+          "version": "^5.3.3",
+          "alwaysAddToPackageJson": false
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@nx/remix",
+  "version": "0.0.0-pr-22179-271588f",
+  "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",
+    "url": "https://github.com/nrwl/nx.git",
+    "directory": "packages/remix"
+  },
+  "keywords": [
+    "Monorepo",
+    "Remix",
+    "React",
+    "Web",
+    "CLI"
+  ],
+  "author": "Victor Savkin",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/nrwl/nx/issues"
+  },
+  "homepage": "https://nx.dev",
+  "main": "./index.js",
+  "typings": "./index.d.ts",
+  "generators": "./generators.json",
+  "executors": "./executors.json",
+  "nx-migrations": {
+    "migrations": "./migrations.json"
+  },
+  "dependencies": {
+    "@nx/devkit": "0.0.0-pr-22179-271588f",
+    "@nx/js": "0.0.0-pr-22179-271588f",
+    "@nx/react": "0.0.0-pr-22179-271588f",
+    "tslib": "^2.3.1",
+    "@phenomnomnominal/tsquery": "~5.0.1",
+    "@nrwl/remix": "0.0.0-pr-22179-271588f"
+  },
+  "peerDependencies": {},
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": "./index.js",
+    "./plugin": "./plugin.js",
+    "./plugins/component-testing": "./plugins/component-testing/index.js",
+    "./package.json": "./package.json",
+    "./executors.json": "./executors.json",
+    "./generators.json": "./generators.json",
+    "./migrations.json": "./migrations.json",
+    "./generators": "./generators.js"
+  },
+  "type": "commonjs"
+}

package/plugin.d.ts

@@ -0,0 +1 @@
+export { createNodes, createDependencies, RemixPluginOptions, } from './src/plugins/plugin';

package/plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDependencies = exports.createNodes = void 0;
+var plugin_1 = require("./src/plugins/plugin");
+Object.defineProperty(exports, "createNodes", { enumerable: true, get: function () { return plugin_1.createNodes; } });
+Object.defineProperty(exports, "createDependencies", { enumerable: true, get: function () { return plugin_1.createDependencies; } });

package/plugins/component-testing/index.d.ts

@@ -0,0 +1,30 @@
+type ViteDevServer = {
+    framework: 'react';
+    bundler: 'vite';
+    viteConfig?: any;
+};
+/**
+ * Remix nx preset for Cypress Component Testing
+ *
+ * This preset contains the base configuration
+ * for your component tests that nx recommends.
+ * including a devServer that supports nx workspaces.
+ * you can easily extend this within your cypress config via spreading the preset
+ * @example
+ * export default defineConfig({
+ *   component: {
+ *     ...nxComponentTestingPreset(__dirname)
+ *     // add your own config here
+ *   }
+ * })
+ *
+ * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
+ */
+export declare function nxComponentTestingPreset(pathToConfig: string): {
+    specPattern: string;
+    devServer: ViteDevServer;
+    videosFolder: string;
+    screenshotsFolder: string;
+    chromeWebSecurity: boolean;
+};
+export {};

package/plugins/component-testing/index.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nxComponentTestingPreset = void 0;
+const cypress_preset_1 = require("@nx/cypress/plugins/cypress-preset");
+const devkit_1 = require("@nx/devkit");
+const fs_1 = require("fs");
+const path_1 = require("path");
+/**
+ * Remix nx preset for Cypress Component Testing
+ *
+ * This preset contains the base configuration
+ * for your component tests that nx recommends.
+ * including a devServer that supports nx workspaces.
+ * you can easily extend this within your cypress config via spreading the preset
+ * @example
+ * export default defineConfig({
+ *   component: {
+ *     ...nxComponentTestingPreset(__dirname)
+ *     // add your own config here
+ *   }
+ * })
+ *
+ * @param pathToConfig will be used for loading project options and to construct the output paths for videos and screenshots
+ */
+function nxComponentTestingPreset(pathToConfig) {
+    const normalizedProjectRootPath = ['.ts', '.js'].some((ext) => pathToConfig.endsWith(ext))
+        ? pathToConfig
+        : (0, path_1.dirname)(pathToConfig);
+    return {
+        ...(0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig),
+        specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}',
+        devServer: {
+            ...{ framework: 'react', bundler: 'vite' },
+            viteConfig: async () => {
+                const viteConfigPath = findViteConfig(normalizedProjectRootPath);
+                const { mergeConfig, loadConfigFromFile, searchForWorkspaceRoot } = await Promise.resolve().then(() => require('vite'));
+                const resolved = await loadConfigFromFile({
+                    mode: 'watch',
+                    command: 'serve',
+                }, viteConfigPath);
+                return mergeConfig(resolved.config, {
+                    server: {
+                        fs: {
+                            allow: [
+                                searchForWorkspaceRoot(normalizedProjectRootPath),
+                                devkit_1.workspaceRoot,
+                                (0, devkit_1.joinPathFragments)(devkit_1.workspaceRoot, 'node_modules/vite'),
+                            ],
+                        },
+                    },
+                });
+            },
+        },
+    };
+}
+exports.nxComponentTestingPreset = nxComponentTestingPreset;
+function findViteConfig(projectRootFullPath) {
+    const allowsExt = ['js', 'mjs', 'ts', 'cjs', 'mts', 'cts'];
+    for (const ext of allowsExt) {
+        if ((0, fs_1.existsSync)((0, path_1.join)(projectRootFullPath, `vite.config.${ext}`))) {
+            return (0, path_1.join)(projectRootFullPath, `vite.config.${ext}`);
+        }
+    }
+}

package/src/executors/build/build.impl.d.ts

@@ -0,0 +1,5 @@
+import { type ExecutorContext } from '@nx/devkit';
+import { type RemixBuildSchema } from './schema';
+export default function buildExecutor(options: RemixBuildSchema, context: ExecutorContext): Promise<{
+    success: boolean;
+}>;

package/src/executors/build/build.impl.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const fileutils_1 = require("@nx/workspace/src/utilities/fileutils");
+const child_process_1 = require("child_process");
+const fs_extra_1 = require("fs-extra");
+const path_1 = require("path");
+function buildRemixBuildArgs(options) {
+    const args = ['build'];
+    if (options.sourcemap) {
+        args.push(`--sourcemap`);
+    }
+    return args;
+}
+async function runBuild(options, context) {
+    const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
+    return new Promise((resolve, reject) => {
+        const remixBin = require.resolve('@remix-run/dev/dist/cli');
+        const args = buildRemixBuildArgs(options);
+        const p = (0, child_process_1.fork)(remixBin, args, {
+            cwd: (0, path_1.join)(context.root, projectRoot),
+            stdio: 'inherit',
+        });
+        p.on('exit', (code) => {
+            if (code === 0)
+                resolve();
+            else
+                reject();
+        });
+    });
+}
+async function buildExecutor(options, context) {
+    const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
+    try {
+        await runBuild(options, context);
+    }
+    catch (error) {
+        devkit_1.logger.error(`Error occurred while trying to build application. See above for more details.`);
+        return { success: false };
+    }
+    if (!(0, fileutils_1.directoryExists)(options.outputPath)) {
+        (0, fs_extra_1.mkdir)(options.outputPath);
+    }
+    let packageJson;
+    if (options.generatePackageJson) {
+        packageJson = (0, js_1.createPackageJson)(context.projectName, context.projectGraph, {
+            target: context.targetName,
+            root: context.root,
+            isProduction: !options.includeDevDependenciesInPackageJson, // By default we remove devDependencies since this is a production build.
+        });
+        // Update `package.json` to reflect how users should run the build artifacts
+        packageJson.scripts ??= {};
+        // Don't override existing custom script since project may have its own server.
+        if (!packageJson.scripts.start) {
+            packageJson.scripts['start'] = 'remix-serve ./build/index.js';
+        }
+        updatePackageJson(packageJson, context);
+        (0, devkit_1.writeJsonFile)(`${options.outputPath}/package.json`, packageJson);
+    }
+    else {
+        packageJson = (0, devkit_1.readJsonFile)((0, path_1.join)(projectRoot, 'package.json'));
+    }
+    if (options.generateLockfile) {
+        const packageManager = (0, devkit_1.detectPackageManager)(context.root);
+        const lockFile = (0, js_1.createLockFile)(packageJson, context.projectGraph, packageManager);
+        (0, fs_extra_1.writeFileSync)(`${options.outputPath}/${(0, js_1.getLockFileName)(packageManager)}`, lockFile, {
+            encoding: 'utf-8',
+        });
+    }
+    // If output path is different from source path, then copy over the config and public files.
+    // This is the default behavior when running `nx build <app>`.
+    if (options.outputPath.replace(/\/$/, '') !== projectRoot) {
+        (0, fs_extra_1.copySync)((0, path_1.join)(projectRoot, 'public'), (0, path_1.join)(options.outputPath, 'public'), {
+            dereference: true,
+        });
+        (0, fs_extra_1.copySync)((0, path_1.join)(projectRoot, 'build'), (0, path_1.join)(options.outputPath, 'build'), {
+            dereference: true,
+        });
+    }
+    return { success: true };
+}
+exports.default = buildExecutor;
+function updatePackageJson(packageJson, context) {
+    if (!packageJson.scripts) {
+        packageJson.scripts = {};
+    }
+    if (!packageJson.scripts.start) {
+        packageJson.scripts.start = 'remix-serve build';
+    }
+    packageJson.dependencies ??= {};
+    // These are always required for a production Remix app to run.
+    const requiredPackages = [
+        'react',
+        'react-dom',
+        'isbot',
+        '@remix-run/css-bundle',
+        '@remix-run/node',
+        '@remix-run/react',
+        '@remix-run/serve',
+        '@remix-run/dev',
+    ];
+    for (const pkg of requiredPackages) {
+        const externalNode = context.projectGraph.externalNodes[`npm:${pkg}`];
+        if (externalNode) {
+            packageJson.dependencies[pkg] ??= externalNode.data.version;
+        }
+    }
+}

package/src/executors/build/schema.d.ts

@@ -0,0 +1,7 @@
+export interface RemixBuildSchema {
+  outputPath: string;
+  includeDevDependenciesInPackageJson?: boolean;
+  generatePackageJson?: boolean;
+  generateLockfile?: boolean;
+  sourcemap?: boolean;
+}