@nx/remix 17.0.0 → 17.2.5

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 * from './src/generators/action/action.impl';
+export * from './src/generators/application/application.impl';
+export * from './src/generators/cypress-component-configuration/cypress-component-configuration.impl';
+export * from './src/generators/cypress/cypress.impl';
+export * from './src/generators/error-boundary/error-boundary.impl';
+export * from './src/generators/library/library.impl';
+export * from './src/generators/loader/loader.impl';
+export * from './src/generators/meta/meta.impl';
+export * from './src/generators/preset/preset.impl';
+export * from './src/generators/resource-route/resource-route.impl';
+export * from './src/generators/route/route.impl';
+export * from './src/generators/setup-tailwind/setup-tailwind.impl';
+export * from './src/generators/storybook-configuration/storybook-configuration.impl';
+export * from './src/generators/style/style.impl';

package/generators.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./src/generators/action/action.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/application/application.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/cypress-component-configuration/cypress-component-configuration.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/cypress/cypress.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/error-boundary/error-boundary.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/library/library.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/loader/loader.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/meta/meta.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/preset/preset.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/resource-route/resource-route.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/route/route.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/setup-tailwind/setup-tailwind.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/storybook-configuration/storybook-configuration.impl"), exports);
+tslib_1.__exportStar(require("./src/generators/style/style.impl"), exports);

package/generators.json

@@ -2,9 +2,7 @@
   "$schema": "http://json-schema.org/schema",
   "name": "NxRemix",
   "version": "0.0.1",
-  "extends": [
-    "@nx/react"
-  ],
+  "extends": ["@nx/react"],
   "generators": {
     "preset": {
       "implementation": "./src/generators/preset/preset.impl",
@@ -22,9 +20,7 @@
       "implementation": "./src/generators/application/application.impl",
       "schema": "./src/generators/application/schema.json",
       "description": "Generate a new Remix application",
-      "aliases": [
-        "app"
-      ],
+      "aliases": ["app"],
       "x-type": "application"
     },
     "cypress-component-configuration": {
@@ -36,9 +32,7 @@
       "implementation": "./src/generators/library/library.impl",
       "schema": "./src/generators/library/schema.json",
       "description": "Generate a new library",
-      "aliases": [
-        "lib"
-      ],
+      "aliases": ["lib"],
       "x-type": "library"
     },
     "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

@@ -1,152 +1,52 @@
 {
-  "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",
-      "packages": {
-        "@remix-run/react": {
-          "version": "^1.6.8",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/node": {
-          "version": "^1.6.8",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/serve": {
-          "version": "^1.6.8",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/dev": {
-          "version": "^1.6.8",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/eslint-config": {
-          "version": "^1.6.8",
-          "alwaysAddToPackageJson": true
-        },
-        "react": {
-          "version": "^18.2.0",
-          "alwaysAddToPackageJson": true
-        },
-        "react-dom": {
-          "version": "^18.2.0",
-          "alwaysAddToPackageJson": true
-        },
-        "@types/react-dom": {
-          "version": "^18.0.6",
-          "alwaysAddToPackageJson": true
-        },
-        "@types/react": {
-          "version": "^18.0.15",
-          "alwaysAddToPackageJson": true
-        }
-      }
-    },
-    "15.8.6": {
-      "version": "15.8.6",
+    "17.2.1": {
+      "version": "17.2.1-beta.0",
       "packages": {
         "@remix-run/node": {
-          "version": "^1.14.0",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/react": {
-          "version": "^1.14.0",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/serve": {
-          "version": "^1.14.0",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "@remix-run/dev": {
-          "version": "^1.14.0",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/eslint-config": {
-          "version": "^1.14.0",
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "@types/react-dom": {
-          "version": "^18.0.8",
+        "@remix-run/css-bundle": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
-        "@types/react": {
-          "version": "^18.0.25",
+        "@remix-run/eslint-config": {
+          "version": "^2.3.0",
           "alwaysAddToPackageJson": true
         },
         "isbot": {
-          "version": "^3.6.5",
-          "alwaysAddToPackageJson": true
-        }
-      }
-    },
-    "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",
-      "packages": {
-        "@remix-run/node": {
-          "version": "^1.16.1",
-          "alwaysAddToPackageJson": true
-        },
-        "@remix-run/react": {
-          "version": "^1.16.1",
+          "version": "^3.6.8",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/serve": {
-          "version": "^1.16.1",
+        "eslint": {
+          "version": "^8.38.0",
           "alwaysAddToPackageJson": true
         },
-        "@remix-run/dev": {
-          "version": "^1.16.1",
-          "alwaysAddToPackageJson": true
+        "@testing-library/react": {
+          "version": "^14.1.2",
+          "alwaysAddToPackageJson": false
         },
-        "@remix-run/eslint-config": {
-          "version": "^1.16.1",
-          "alwaysAddToPackageJson": true
+        "@testing-library/jest-dom": {
+          "version": "^6.1.4",
+          "alwaysAddToPackageJson": false
         },
-        "isbot": {
-          "version": "^3.6.8",
-          "alwaysAddToPackageJson": true
+        "@testing-library/user-event": {
+          "version": "^14.5.1",
+          "alwaysAddToPackageJson": false
         }
       }
     }

package/package.json

@@ -1,22 +1,51 @@
 {
   "name": "@nx/remix",
-  "version": "17.0.0",
-  "main": "./src/index.js",
+  "version": "v17.2.5",
+  "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": "v17.2.5",
+    "@nx/js": "v17.2.5",
+    "@nx/react": "v17.2.5",
     "tslib": "^2.3.1",
-    "vite": "4.3.9",
-    "@nrwl/remix": "17.0.0"
+    "@phenomnomnominal/tsquery": "~5.0.1",
+    "@nrwl/remix": "v17.2.5"
   },
-  "ng-update": {
-    "requirements": {},
-    "migrations": "./migrations.json"
+  "peerDependencies": {},
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": "./index.js",
+    "./executors.json": "./executors.json",
+    "./generators.json": "./generators.json",
+    "./migrations.json": "./migrations.json",
+    "./generators": "./generators.js"
   },
   "type": "commonjs"
-}
+}

package/plugins/component-testing/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nxComponentTestingPreset = void 0;
-const tslib_1 = require("tslib");
 const cypress_preset_1 = require("@nx/cypress/plugins/cypress-preset");
 const devkit_1 = require("@nx/devkit");
 const fs_1 = require("fs");
@@ -27,10 +26,15 @@ function nxComponentTestingPreset(pathToConfig) {
     const normalizedProjectRootPath = ['.ts', '.js'].some((ext) => pathToConfig.endsWith(ext))
         ? pathToConfig
         : (0, path_1.dirname)(pathToConfig);
-    return Object.assign(Object.assign({}, (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig)), { specPattern: 'src/**/*.cy.{js,jsx,ts,tsx}', devServer: Object.assign(Object.assign({}, { framework: 'react', bundler: 'vite' }), { viteConfig: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+    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 } = yield Promise.resolve().then(() => require('vite'));
-                const resolved = yield loadConfigFromFile({
+                const { mergeConfig, loadConfigFromFile, searchForWorkspaceRoot } = await Promise.resolve().then(() => require('vite'));
+                const resolved = await loadConfigFromFile({
                     mode: 'watch',
                     command: 'serve',
                 }, viteConfigPath);
@@ -45,7 +49,9 @@ function nxComponentTestingPreset(pathToConfig) {
                         },
                     },
                 });
-            }) }) });
+            },
+        },
+    };
 }
 exports.nxComponentTestingPreset = nxComponentTestingPreset;
 function findViteConfig(projectRootFullPath) {
@@ -56,4 +62,3 @@ function findViteConfig(projectRootFullPath) {
         }
     }
 }
-//# sourceMappingURL=index.js.map