@nx/remix 16.0.0-beta.0

package/README.md

@@ -0,0 +1,120 @@
+<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>
+
+Next generation full stack framework and build system together. Build better websites with [Remix](https://remix.run/) and [Nx](https://nx.dev).
+
+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.
+
+## Creating new Remix workspace
+
+Use `--preset=@nrwl/remix` when creating new workspace.
+
+e.g.
+
+```bash
+npx create-nx-workspace@latest acme \
+--preset=@nrwl/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.
+
+```bash
+npx nx start demo
+```
+
+**Note:** This will run the build before starting (as defined in `nx.json`).
+
+## Existing workspaces
+
+You can add Remix to any existing Nx workspace.
+
+First, install the plugin:
+
+```bash
+npm install --save-dev @nrwl/remix
+
+# Or with yarn
+yarn add -D @nrwl/remix
+```
+
+Then, run the setup generator:
+
+```bash
+npx nx g @nrwl/remix:setup
+```
+
+You can then add your first app and run it:
+
+```bash
+npx nx g @nrwl/remix:app demo
+```
+
+## Adding new routes
+
+Add a new route with one command.
+
+```bash
+npx nx g route
+
+# e.g.
+npx nx g route foo/bar --project=demo
+```
+
+Browse to `http://localhost:3000/foo/bar` to see the new route.
+
+## Workspace libraries
+
+The Remix setup leverages npm/yarn/pnpm workspaces and Nx buildable libraries.
+
+```bash
+npx nx g @nrwl/remix:lib mylib
+```
+
+Import the new library in your app.
+
+```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/generators.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "http://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",
+      "schema": "./src/generators/application/schema.json",
+      "description": "Generate a new Remix application",
+      "aliases": ["app"],
+      "x-type": "application"
+    },
+    "library": {
+      "implementation": "./src/generators/library/library.impl",
+      "schema": "./src/generators/library/schema.json",
+      "description": "Generate a new library",
+      "aliases": ["lib"],
+      "x-type": "library"
+    },
+    "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"
+    },
+    "meta": {
+      "implementation": "./src/generators/meta/meta.impl",
+      "schema": "./src/generators/meta/schema.json",
+      "description": "Add a meta function 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/migrations.json

@@ -0,0 +1,119 @@
+{
+  "schematics": {},
+  "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",
+      "packages": {
+        "@remix-run/node": {
+          "version": "^1.14.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/react": {
+          "version": "^1.14.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/serve": {
+          "version": "^1.14.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/dev": {
+          "version": "^1.14.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@remix-run/eslint-config": {
+          "version": "^1.14.0",
+          "alwaysAddToPackageJson": true
+        },
+        "@types/react-dom": {
+          "version": "^18.0.8",
+          "alwaysAddToPackageJson": true
+        },
+        "@types/react": {
+          "version": "^18.0.25",
+          "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
+      }
+    }
+  },
+  "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"
+    }
+  }
+}

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@nx/remix",
+  "version": "16.0.0-beta.0",
+  "main": "src/index.js",
+  "generators": "./generators.json",
+  "dependencies": {
+    "@nx/devkit": "^16.0.0",
+    "@nx/js": "^16.0.0",
+    "@nx/react": "^16.0.0",
+    "tslib": "^2.3.1"
+  },
+  "ng-update": {
+    "requirements": {},
+    "migrations": "./migrations.json"
+  },
+  "types": "./src/index.d.ts"
+}

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

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+import { LoaderSchema } from './schema';
+export default function (tree: Tree, schema: LoaderSchema): Promise<void>;

package/src/generators/action/action.impl.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const insert_import_1 = require("../../utils/insert-import");
+const insert_statement_after_imports_1 = require("../../utils/insert-statement-after-imports");
+const insert_statement_in_default_function_1 = require("../../utils/insert-statement-in-default-function");
+const remix_route_utils_1 = require("../../utils/remix-route-utils");
+function default_1(tree, schema) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const routeFilePath = (0, remix_route_utils_1.resolveRemixRouteFile)(tree, schema.path, schema.project);
+        if (!tree.exists(routeFilePath)) {
+            throw new Error(`Route path does not exist: ${routeFilePath}. Please generate a Remix route first.`);
+        }
+        (0, insert_import_1.insertImport)(tree, routeFilePath, 'ActionArgs', '@remix-run/node', {
+            typeOnly: true,
+        });
+        (0, insert_import_1.insertImport)(tree, routeFilePath, 'json', '@remix-run/node');
+        (0, insert_import_1.insertImport)(tree, routeFilePath, 'useActionData', '@remix-run/react');
+        (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, routeFilePath, `
+    export const action = async ({ request }: ActionArgs) => {
+      let formData = await request.formData();
+
+      return json({message: formData.toString()}, { status: 200 });
+    };
+
+    `);
+        const statement = `\nconst actionMessage = useActionData<typeof action>();`;
+        try {
+            (0, insert_statement_in_default_function_1.insertStatementInDefaultFunction)(tree, routeFilePath, statement);
+        }
+        catch (err) {
+            // eslint-disable-next-line no-empty
+        }
+        finally {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=action.impl.js.map

package/src/generators/action/action.impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/action/action.impl.ts"],"names":[],"mappings":";;;AAAA,uCAA+C;AAC/C,6DAAyD;AACzD,+FAAyF;AACzF,2GAAoG;AACpG,qEAAsE;AAGtE,mBAA+B,IAAU,EAAE,MAAoB;;QAC7D,MAAM,aAAa,GAAG,IAAA,yCAAqB,EACzC,IAAI,EACJ,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,OAAO,CACf,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE;YAC/B,MAAM,IAAI,KAAK,CACb,8BAA8B,aAAa,wCAAwC,CACpF,CAAC;SACH;QAED,IAAA,4BAAY,EAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE;YACjE,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,IAAA,4BAAY,EAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAC;QAC7D,IAAA,4BAAY,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAAC;QAEvE,IAAA,4DAA2B,EACzB,IAAI,EACJ,aAAa,EACb;;;;;;;KAOC,CACF,CAAC;QAEF,MAAM,SAAS,GAAG,yDAAyD,CAAC;QAE5E,IAAI;YACF,IAAA,uEAAgC,EAAC,IAAI,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;SAClE;QAAC,OAAO,GAAG,EAAE;YACZ,oCAAoC;SACrC;gBAAS;YACR,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;SACzB;IACH,CAAC;CAAA;AAzCD,4BAyCC"}

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

@@ -0,0 +1,4 @@
+export interface LoaderSchema {
+  path: string;
+  project: string;
+}

package/src/generators/action/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "action",
+  "type": "object",
+  "properties": {
+    "path": {
+      "type": "string",
+      "description": "The route path or path to the filename of the route.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What is the path of the route? (e.g. 'foo/bar')"
+    },
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-prompt": "What project is this route for?",
+      "pattern": "^[a-zA-Z].*$"
+    }
+  },
+  "required": ["path", "project"]
+}

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

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

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+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");
+const normalize_options_1 = require("./lib/normalize-options");
+function default_1(tree, _options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const options = (0, normalize_options_1.normalizeOptions)(tree, _options);
+        const tasks = [];
+        (0, devkit_1.addProjectConfiguration)(tree, options.projectName, {
+            root: options.projectRoot,
+            sourceRoot: `${options.projectRoot}`,
+            projectType: 'application',
+            tags: options.parsedTags,
+        });
+        const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {
+            '@remix-run/node': versions_1.remixVersion,
+            '@remix-run/react': versions_1.remixVersion,
+            '@remix-run/serve': versions_1.remixVersion,
+            isbot: versions_1.isbotVersion,
+            react: versions_1.reactVersion,
+            'react-dom': versions_1.reactDomVersion,
+        }, {
+            '@remix-run/dev': versions_1.remixVersion,
+            '@remix-run/eslint-config': versions_1.remixVersion,
+            '@types/react': versions_1.typesReactVersion,
+            '@types/react-dom': versions_1.typesReactDomVersion,
+            eslint: versions_1.eslintVersion,
+            typescript: versions_1.typescriptVersion,
+        });
+        tasks.push(installTask);
+        const vars = Object.assign(Object.assign({}, options), { tmpl: '', offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.projectRoot), remixVersion: versions_1.remixVersion,
+            isbotVersion: versions_1.isbotVersion,
+            reactVersion: versions_1.reactVersion,
+            reactDomVersion: versions_1.reactDomVersion,
+            typesReactVersion: versions_1.typesReactVersion,
+            typesReactDomVersion: versions_1.typesReactDomVersion,
+            eslintVersion: versions_1.eslintVersion,
+            typescriptVersion: versions_1.typescriptVersion });
+        (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files/common'), options.projectRoot, vars);
+        if (options.rootProject) {
+            (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+                json['scripts'] = {
+                    build: 'nx exec -- remix build',
+                    dev: 'nx exec -- remix dev',
+                    start: 'nx exec -- remix-serve build',
+                    typecheck: 'nx exec -- tsc',
+                };
+                return json;
+            });
+            const gitignore = tree.read('.gitignore', 'utf-8');
+            tree.write('.gitignore', `${gitignore}\n.cache\nbuild\npublic/build\n.env\n`);
+        }
+        else {
+            (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, 'files/integrated'), options.projectRoot, vars);
+        }
+        if (options.rootProject && tree.exists('tsconfig.base.json')) {
+            // If this is a standalone project, merge tsconfig.json and tsconfig.base.json.
+            const tsConfigBaseJson = (0, devkit_1.readJson)(tree, 'tsconfig.base.json');
+            (0, devkit_1.updateJson)(tree, 'tsconfig.json', (json) => {
+                var _a, _b, _c, _d;
+                delete json.extends;
+                json.compilerOptions = Object.assign(Object.assign(Object.assign({}, tsConfigBaseJson.compilerOptions), json.compilerOptions), { 
+                    // Taken from remix default setup
+                    // https://github.com/remix-run/remix/blob/68c8982/templates/remix/tsconfig.json#L15-L17
+                    paths: {
+                        '~/*': ['./app/*'],
+                    } });
+                json.include = [
+                    ...((_a = tsConfigBaseJson.include) !== null && _a !== void 0 ? _a : []),
+                    ...((_b = json.include) !== null && _b !== void 0 ? _b : []),
+                ];
+                json.exclude = [
+                    ...((_c = tsConfigBaseJson.exclude) !== null && _c !== void 0 ? _c : []),
+                    ...((_d = json.exclude) !== null && _d !== void 0 ? _d : []),
+                ];
+                return json;
+            });
+            tree.delete('tsconfig.base.json');
+        }
+        else {
+            // Otherwise, extract the tsconfig.base.json from tsconfig.json so we can share settings.
+            (0, create_ts_config_1.extractTsConfigBase)(tree);
+        }
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return (0, devkit_1.runTasksInSerial)(...tasks);
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=application.impl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"application.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/application/application.impl.ts"],"names":[],"mappings":"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"}

package/src/generators/application/files/common/README.md__tmpl__

@@ -0,0 +1,54 @@
+# Welcome to Nx + Remix!
+
+- [Remix Docs](https://remix.run/docs)
+- [Nx Docs](https://nx.dev)
+
+## Development
+
+From your terminal:
+
+```sh
+npx nx dev <%= projectName %>
+```
+
+This starts your app in development mode, rebuilding assets on file changes.
+
+## Deployment
+
+First, build your app for production:
+
+```sh
+npx nx build <%= projectName %>
+```
+
+Then run the app in production mode:
+
+```sh
+npx nx start <%= projectName %>
+```
+
+Now you'll need to pick a host to deploy it to.
+
+### DIY
+
+If you're familiar with deploying node applications, the built-in Remix app server is production-ready.
+
+Make sure to deploy the output of `remix build`
+
+- `packages/<%= projectName %>/build/`
+- `packages/<%= projectName %>/public/build/`
+
+### Using a Template
+
+When you ran `npx create-remix@latest` there were a few choices for hosting. You can run that again to create a new project, then copy over your `app/` folder to the new project that's pre-configured for your target server.
+
+```sh
+cd ..
+# create a new project, and pick a pre-configured host
+npx create-remix@latest
+cd my-new-remix-app
+# remove the new project's app (not the old one!)
+rm -rf app
+# copy your app over
+cp -R ../my-old-remix-app/app app
+```

package/src/generators/application/files/common/app/root.tsx__tmpl__

@@ -0,0 +1,32 @@
+import type { MetaFunction } from "@remix-run/node";
+import {
+  Links,
+  LiveReload,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+} from "@remix-run/react";
+
+export const meta: MetaFunction = () => ({
+  charset: "utf-8",
+  title: "New Remix App",
+  viewport: "width=device-width,initial-scale=1",
+});
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+        <LiveReload />
+      </body>
+    </html>
+  );
+}

package/src/generators/application/files/common/app/routes/index.tsx__tmpl__

@@ -0,0 +1,32 @@
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
+      <h1>Welcome to Remix</h1>
+      <ul>
+        <li>
+          <a
+            target="_blank"
+            href="https://remix.run/tutorials/blog"
+            rel="noreferrer"
+          >
+            15m Quickstart Blog Tutorial
+          </a>
+        </li>
+        <li>
+          <a
+            target="_blank"
+            href="https://remix.run/tutorials/jokes"
+            rel="noreferrer"
+          >
+            Deep Dive Jokes App Tutorial
+          </a>
+        </li>
+        <li>
+          <a target="_blank" href="https://remix.run/docs" rel="noreferrer">
+            Remix Docs
+          </a>
+        </li>
+      </ul>
+    </div>
+  );
+}

package/src/generators/application/files/common/remix.config.js__tmpl__

@@ -0,0 +1,11 @@
+/**
+ * @type {import('@remix-run/dev').AppConfig}
+ */
+module.exports = {
+  ignoredRouteFiles: ["**/.*"],
+  // appDirectory: "app",
+  // assetsBuildDirectory: "public/build",
+  // serverBuildPath: "build/index.js",
+  // publicPath: "/build/",
+  watchPaths: ["<%= offsetFromRoot %>libs"]
+};

package/src/generators/application/files/common/remix.env.d.ts__tmpl__

@@ -0,0 +1,2 @@
+/// <reference types="@remix-run/dev" />
+/// <reference types="@remix-run/node" />