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

package/package.json

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

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,41 @@
+{
+  "$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": "Route path",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What project is this route for?",
+      "pattern": "^[a-zA-Z].*$"
+    },
+    "path": {
+      "type": "string",
+      "description": "Route path",
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      },
+      "x-prompt": "What is the path of the route?"
+    },
+    "style": {
+      "type": "string",
+      "description": "Generate a stylesheet",
+      "enum": ["none", "css"],
+      "default": "css"
+    }
+  },
+  "required": ["project", "path"]
+}