@nrwl/remix 1.0.0-alpha.18 → 1.0.0-alpha.21

package/README.md

@@ -52,6 +52,10 @@ You can then add your first app and run it:
 npx nx g @nrwl/remix:app demo
 ```
 
+
+## Adding new routes
+
+
 ## Workspace libraries
 
 The Remix setup leverages npm/yarn/pnpm workspaces and Nx buildable libraries.

package/generators.json

@@ -27,6 +27,11 @@
       "description": "Generate a new library",
       "aliases": ["lib"],
       "x-type": "library"
+    },
+    "route": {
+      "factory": "./src/generators/route/route.impl",
+      "schema": "./src/generators/route/schema.json",
+      "description": "Generate a new route"
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nrwl/remix",
-  "version": "1.0.0-alpha.18",
+  "version": "1.0.0-alpha.21",
   "main": "src/index.js",
   "generators": "./generators.json",
   "dependencies": {

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

@@ -6,6 +6,7 @@ const normalize_options_1 = require("./lib/normalize-options");
 const application_impl_1 = require("../application/application.impl");
 const setup_impl_1 = require("../setup/setup.impl");
 const run_tasks_in_serial_1 = require("@nrwl/workspace/src/utilities/run-tasks-in-serial");
+const set_default_collection_1 = require("@nrwl/workspace/src/utilities/set-default-collection");
 function default_1(tree, _options) {
     return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
         const options = (0, normalize_options_1.normalizeOptions)(tree, _options);
@@ -20,6 +21,7 @@ function default_1(tree, _options) {
         tasks.push(setupGenTask);
         // No need for workspace.json in latest Nx
         tree.delete('workspace.json');
+        (0, set_default_collection_1.setDefaultCollection)(tree, '@nrwl/remix');
         yield (0, devkit_1.formatFiles)(tree);
         return (0, run_tasks_in_serial_1.runTasksInSerial)(...tasks);
     });

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

@@ -1 +1 @@
-{"version":3,"file":"preset.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/preset/preset.impl.ts"],"names":[],"mappings":";;;AAAA,yCAAoE;AAGpE,+DAA2D;AAC3D,sEAAmE;AACnE,oDAAiD;AACjD,2FAAqF;AAErF,mBAA+B,IAAU,EAAE,QAAgC;;QACzE,MAAM,OAAO,GAAG,IAAA,oCAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,MAAM,IAAA,0BAAoB,EAAC,IAAI,EAAE;YAClD,IAAI,EAAE,OAAO,CAAC,WAAW;YACzB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEvB,MAAM,YAAY,GAAG,MAAM,IAAA,oBAAc,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEzB,0CAA0C;QAC1C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE9B,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AApBD,4BAoBC"}
+{"version":3,"file":"preset.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/preset/preset.impl.ts"],"names":[],"mappings":";;;AAAA,yCAAoE;AAGpE,+DAA2D;AAC3D,sEAAmE;AACnE,oDAAiD;AACjD,2FAAqF;AACrF,iGAA4F;AAE5F,mBAA+B,IAAU,EAAE,QAAgC;;QACzE,MAAM,OAAO,GAAG,IAAA,oCAAgB,EAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,MAAM,UAAU,GAAG,MAAM,IAAA,0BAAoB,EAAC,IAAI,EAAE;YAClD,IAAI,EAAE,OAAO,CAAC,WAAW;YACzB,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEvB,MAAM,YAAY,GAAG,MAAM,IAAA,oBAAc,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACpD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAEzB,0CAA0C;QAC1C,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE9B,IAAA,6CAAoB,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QAE1C,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QAExB,OAAO,IAAA,sCAAgB,EAAC,GAAG,KAAK,CAAC,CAAC;IACpC,CAAC;CAAA;AAtBD,4BAsBC"}

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

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

package/src/generators/route/route.impl.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+function default_1(tree, options) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
+        const { fileName: routePath, className: componentName } = (0, devkit_1.names)(options.path.replace(/^\//, '').replace(/\/$/, ''));
+        const projects = (0, devkit_1.getProjects)(tree);
+        const project = projects.get(options.project);
+        if (!project)
+            throw new Error(`Project does not exist: ${options.project}`);
+        const componentPath = (0, devkit_1.joinPathFragments)(project.root, 'app/routes', `${routePath}.tsx`);
+        tree.write(componentPath, (0, devkit_1.stripIndents) `
+    import { useEffect, useRef } from 'react';
+    ${options.style === 'css'
+            ? `import type { LinksFunction, LoaderFunction, MetaFunction } from 'remix';
+      `
+            : `import type { LoaderFunction, MetaFunction } from 'remix';`}
+    import { useActionData, useLoaderData, redirect } from 'remix';
+
+    ${options.style === 'css'
+            ? `import stylesUrl from '~/styles/${routePath}.css';`
+            : ''}
+
+
+    // Provide meta tags for this page.
+    // - https://remix.run/api/conventions#meta
+    export const meta: MetaFunction = () =>{
+      return { title: '${componentName}' };
+    }
+
+    ${options.style === 'css'
+            ? (0, devkit_1.stripIndents) `
+          // Provide stylesheet for this page.
+          // - https://remix.run/api/conventions#links
+          export const links: LinksFunction = () => {
+            return [{ rel: 'stylesheet', href: stylesUrl }];
+          };
+        `
+            : ''}
+
+    // Use this function to provide data for the route.
+    // - https://remix.run/api/conventions#loader
+    export const loader: LoaderFunction = async () => {
+      return {
+        message: 'Hello, world!',
+      }
+    }
+
+    export default function ${componentName}() {
+      const data = useLoaderData();
+      return (
+        <p>
+          Message: {data.message}
+        </p>
+      );
+    }
+  `);
+        if (options.style === 'css') {
+            const stylesheetPath = (0, devkit_1.joinPathFragments)(project.root, 'app/styles', `${routePath}.css`);
+            tree.write(stylesheetPath, (0, devkit_1.stripIndents) `
+      :root {
+        --color-foreground: #fff;
+        --color-background: #143157;
+        --color-links: hsl(214, 73%, 69%);
+        --color-border: #275da8;
+        --font-body: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+          Liberation Mono, Courier New, monospace;
+      }
+    `);
+        }
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=route.impl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"route.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/route/route.impl.ts"],"names":[],"mappings":";;;AAAA,yCAMsB;AAGtB,mBAA+B,IAAU,EAAE,OAAyB;;QAClE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAA,cAAK,EAC7D,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,CAAC;QACF,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QACnC,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE9C,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAE5E,MAAM,aAAa,GAAG,IAAA,0BAAiB,EACrC,OAAO,CAAC,IAAI,EACZ,YAAY,EACZ,GAAG,SAAS,MAAM,CACnB,CAAC;QACF,IAAI,CAAC,KAAK,CACR,aAAa,EACb,IAAA,qBAAY,EAAA;;MAGV,OAAO,CAAC,KAAK,KAAK,KAAK;YACrB,CAAC,CAAC;OACH;YACC,CAAC,CAAC,4DACN;;;MAIE,OAAO,CAAC,KAAK,KAAK,KAAK;YACrB,CAAC,CAAC,mCAAmC,SAAS,QAAQ;YACtD,CAAC,CAAC,EACN;;;;;;yBAMqB,aAAa;;;MAIhC,OAAO,CAAC,KAAK,KAAK,KAAK;YACrB,CAAC,CAAC,IAAA,qBAAY,EAAA;;;;;;SAMb;YACD,CAAC,CAAC,EACN;;;;;;;;;;8BAU0B,aAAa;;;;;;;;GAQxC,CACA,CAAC;QAEF,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;YAC3B,MAAM,cAAc,GAAG,IAAA,0BAAiB,EACtC,OAAO,CAAC,IAAI,EACZ,YAAY,EACZ,GAAG,SAAS,MAAM,CACnB,CAAC;YACF,IAAI,CAAC,KAAK,CACR,cAAc,EACd,IAAA,qBAAY,EAAA;;;;;;;;;KASb,CACA,CAAC;SACH;IACH,CAAC;CAAA;AA1FD,4BA0FC"}

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

@@ -0,0 +1,5 @@
+export interface RemixRouteSchema {
+  project: string;
+  path: string;
+  style: 'css' | 'none';
+}

package/src/generators/route/schema.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxRemixRoute",
+  "cli": "nx",
+  "title": "Create a Route",
+  "type": "object",
+  "examples": [
+    {
+      "command": "g route 'path/to/page'",
+      "description": "Generate route at /path/to/page"
+    }
+  ],
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      },
+      "x-prompt": "What project is this route for?",
+      "pattern": "^[a-zA-Z].*$"
+    },
+    "path": {
+      "type": "string",
+      "description": "Route path",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What is the path of the route?"
+    },
+    "style": {
+      "type": "string",
+      "description": "Generate a stylesheet",
+      "enum": ["none", "css"],
+      "default": "css"
+    }
+  },
+  "required": ["project", "path"]
+}