@nx/remix 17.0.0 → 17.0.4

package/LICENSE

@@ -1,6 +1,6 @@
 (The MIT License)
 
-Copyright (c) 2017-2023 Narwhal Technologies Inc.
+Copyright (c) 2017-2024 Narwhal Technologies Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

package/README.md

@@ -1,120 +1,63 @@
-<p style="text-align: center;"><img src="https://github.com/nrwl/nx-labs/raw/main/packages/remix/nx-remix.png" width="600" alt="Nx - Smart, Fast and Extensible Build System"></p>
+<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>
 
-Next generation full stack framework and build system together. Build better websites with [Remix](https://remix.run/) and [Nx](https://nx.dev).
+<div style="text-align: center;">
 
-Nx makes supercharges your builds, and the optional [Nx Cloud](https://nx.app) provide out-of-the-box distributed caching, distributed task execution, and valuable workspace insights.
+[![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)
 
-## Creating new Remix workspace
+</div>
 
-Use `--preset=@nx/remix` when creating new workspace.
 
-e.g.
+<hr>
 
-```bash
-npx create-nx-workspace@latest acme \
---preset=@nx/remix \
---project=demo
-```
-
-Now, you can go into the `acme` folder and start development.
-
-```bash
-cd acme
-npx nx dev demo
-```
-
-**Note:** This command runs the `dev` script in `apps/demo/package.json`.
-
-Start the production server with one command.
+# Nx: Smart Monorepos · Fast CI
 
-```bash
-npx nx start demo
-```
+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.
 
-**Note:** This will run the build before starting (as defined in `nx.json`).
+This package is a [Remix plugin for Nx](https://nx.dev/packages/remix).
 
-## Existing workspaces
+## Getting Started
 
-You can add Remix to any existing Nx workspace.
+### Creating an Nx Workspace
 
-First, install the plugin:
+**Using `npx`**
 
 ```bash
-npm install --save-dev @nx/remix
-
-# Or with yarn
-yarn add -D @nx/remix
+npx create-nx-workspace
 ```
 
-Then, run the setup generator:
+**Using `npm init`**
 
 ```bash
-npx nx g @nx/remix:setup
+npm init nx-workspace
 ```
 
-You can then add your first app and run it:
+**Using `yarn create`**
 
 ```bash
-npx nx g @nx/remix:app demo
+yarn create nx-workspace
 ```
 
-## Adding new routes
+### Adding Nx to an Existing Repository
 
-Add a new route with one command.
+Run:
 
 ```bash
-npx nx g route
-
-# e.g.
-npx nx g route foo/bar --project=demo
+npx nx@latest init
 ```
 
-Browse to `http://localhost:3000/foo/bar` to see the new route.
+## Documentation & Resources
 
-## Workspace libraries
-
-The Remix setup leverages npm/yarn/pnpm workspaces and Nx buildable libraries.
-
-```bash
-npx nx g @nx/remix:lib mylib
-```
+- [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)
 
-Import the new library in your app.
+<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>
 
-```typescript jsx
-// apps/demo/app/root.tsx
-import { Mylib } from '@acme/mylib';
-
-// ...
-
-export default function App() {
-  return (
-    <Document>
-      <Layout>
-        <Mylib />
-        <Outlet />
-      </Layout>
-    </Document>
-  );
-}
-```
-
-Now, run the dev server again to see the new library in action.
-
-```bash
-npx nx dev demo
-```
-
-**Note:** You must restart the server if you make any changes to your library. Luckily, with Nx cache this operation should be super fast.
-
-## Contributing
-
-### Running unit tests
-
-Run `nx test demo` to execute the unit tests via [Jest](https://jestjs.io).
-
-### Publishing
-
-```bash
-nx publish demo --ver=[version]
-```

package/executors.json

@@ -10,17 +10,5 @@
       "schema": "./src/executors/build/schema.json",
       "description": "Build a Remix application."
     }
-  },
-  "builders": {
-    "serve": {
-      "implementation": "./src/executors/serve/compat",
-      "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

@@ -1,10 +1,8 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "name": "NxRemix",
   "version": "0.0.1",
-  "extends": [
-    "@nx/react"
-  ],
+  "extends": ["@nx/react"],
   "generators": {
     "preset": {
       "implementation": "./src/generators/preset/preset.impl",
@@ -19,28 +17,30 @@
       "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"
-      ],
+      "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"
-      ],
+      "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",
@@ -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"
     },
@@ -85,11 +85,6 @@
       "implementation": "./src/generators/error-boundary/error-boundary.impl",
       "schema": "./src/generators/error-boundary/schema.json",
       "description": "Add an ErrorBoundary to an existing route"
-    },
-    "cypress": {
-      "implementation": "./src/generators/cypress/cypress.impl",
-      "schema": "./src/generators/cypress/schema.json",
-      "description": "Generate a project for testing Remix apps using Cypress"
     }
   }
 }

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

@@ -1,151 +1,133 @@
 {
-  "generators": {
-    "update-tsconfig-and-remix-config-for-1-6-8": {
-      "version": "14.5.4",
-      "cli": "nx",
-      "description": "Update tsconfig.json and tsconfig.json to enable import of workspace libs",
-      "factory": "./src/migrations/update-14-5-4/update-tsconfig-and-remix-config-for-1-6-8"
-    },
-    "update-remix-env-config": {
-      "version": "15.8.6",
-      "cli": "nx",
-      "description": "Update remix.env.d.ts for node types import",
-      "factory": "./src/migrations/update-15-8-6/update-remix-env-d"
-    },
-    "update-16-0-0-add-nx-packages": {
-      "cli": "nx",
-      "version": "16.0.0-beta.1",
-      "description": "Replace @nrwl/remix with @nx/remix",
-      "implementation": "./src/migrations/update-16-0-0-add-nx-packages/update-16-0-0-add-nx-packages"
-    }
-  },
-  "schematics": {},
+  "generators": {},
   "packageJsonUpdates": {
-    "14.5.4": {
-      "version": "14.5.4",
+    "17.2.1": {
+      "version": "17.2.1-beta.0",
       "packages": {
-        "@remix-run/react": {
-          "version": "^1.6.8",
+        "@remix-run/node": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/node": {
-          "version": "^1.6.8",
+        "@remix-run/react": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/serve": {
-          "version": "^1.6.8",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/dev": {
-          "version": "^1.6.8",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/eslint-config": {
-          "version": "^1.6.8",
+        "@remix-run/css-bundle": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "react": {
-          "version": "^18.2.0",
+        "@remix-run/eslint-config": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "react-dom": {
-          "version": "^18.2.0",
+        "isbot": {
+          "version": "^3.6.8",
           "alwaysAddToPackageJson": true
         },
-        "@types/react-dom": {
-          "version": "^18.0.6",
+        "eslint": {
+          "version": "^8.38.0",
           "alwaysAddToPackageJson": true
         },
-        "@types/react": {
-          "version": "^18.0.15",
-          "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
         }
       }
     },
-    "15.8.6": {
-      "version": "15.8.6",
+    "18.1.0": {
+      "version": "18.1.0-beta.1",
       "packages": {
         "@remix-run/node": {
-          "version": "^1.14.0",
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/react": {
-          "version": "^1.14.0",
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/serve": {
-          "version": "^1.14.0",
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/dev": {
-          "version": "^1.14.0",
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/eslint-config": {
-          "version": "^1.14.0",
+        "@remix-run/css-bundle": {
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
-        "@types/react-dom": {
-          "version": "^18.0.8",
+        "@remix-run/eslint-config": {
+          "version": "^2.6.0",
           "alwaysAddToPackageJson": true
         },
-        "@types/react": {
-          "version": "^18.0.25",
+        "isbot": {
+          "version": "^4.4.0",
           "alwaysAddToPackageJson": true
         },
-        "isbot": {
-          "version": "^3.6.5",
+        "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
         }
       }
     },
-    "15.9.6": {
-      "@remix-run/node": {
-        "version": "^1.15.0",
-        "alwaysAddToPackageJson": true
-      },
-      "@remix-run/react": {
-        "version": "^1.15.0",
-        "alwaysAddToPackageJson": true
-      },
-      "@remix-run/serve": {
-        "version": "^1.15.0",
-        "alwaysAddToPackageJson": true
-      },
-      "@remix-run/dev": {
-        "version": "^1.15.0",
-        "alwaysAddToPackageJson": true
-      },
-      "@remix-run/eslint-config": {
-        "version": "^1.15.0",
-        "alwaysAddToPackageJson": true
-      }
-    },
-    "16.3.0": {
-      "version": "16.3.0",
+    "18.1.1": {
+      "version": "18.1.1-beta.0",
       "packages": {
         "@remix-run/node": {
-          "version": "^1.16.1",
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/react": {
-          "version": "^1.16.1",
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/serve": {
-          "version": "^1.16.1",
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/dev": {
-          "version": "^1.16.1",
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/eslint-config": {
-          "version": "^1.16.1",
+        "@remix-run/css-bundle": {
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         },
-        "isbot": {
-          "version": "^3.6.8",
+        "@remix-run/eslint-config": {
+          "version": "^2.8.0",
           "alwaysAddToPackageJson": true
         }
       }

package/package.json

@@ -1,22 +1,53 @@
 {
   "name": "@nx/remix",
-  "version": "17.0.0",
-  "main": "./src/index.js",
+  "version": "17.0.4",
+  "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": "^17.0.1",
-    "@nx/js": "^17.0.1",
-    "@nx/react": "^17.0.1",
-    "@nx/web": "17.0.1",
-    "@phenomnomnominal/tsquery": "^5.0.1",
+    "@nx/devkit": "17.0.4",
+    "@nx/js": "17.0.4",
+    "@nx/react": "17.0.4",
     "tslib": "^2.3.1",
-    "vite": "4.3.9",
-    "@nrwl/remix": "17.0.0"
+    "@phenomnomnominal/tsquery": "~5.0.1",
+    "@nrwl/remix": "17.0.4"
   },
-  "ng-update": {
-    "requirements": {},
-    "migrations": "./migrations.json"
+  "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; } });