@nrwl/remix 13.7.1 → 14.1.7

package/src/generators/loader/schema.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "data-loader",
+  "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/meta/meta.impl.d.ts

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

package/src/generators/meta/meta.impl.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const insert_import_1 = require("../../utils/insert-import");
+const insert_statement_after_imports_1 = require("../../utils/insert-statement-after-imports");
+const get_default_export_name_1 = require("../../utils/get-default-export-name");
+const remix_route_utils_1 = require("../../utils/remix-route-utils");
+function default_1(tree, schema) {
+    return (0, 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, 'MetaFunction', '@remix-run/node', {
+            typeOnly: true,
+        });
+        const defaultExportName = (0, get_default_export_name_1.getDefaultExportName)(tree, routeFilePath);
+        (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, routeFilePath, `   
+    export const meta: MetaFunction = () =>{
+      return { title: '${defaultExportName} Route' };
+    };
+    
+    `);
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=meta.impl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/meta/meta.impl.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAEjD,6DAAyD;AACzD,+FAAyF;AACzF,iFAA2E;AAC3E,qEAAsE;AAEtE,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,cAAc,EAAE,iBAAiB,EAAE;YACnE,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,IAAA,8CAAoB,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC;QACpE,IAAA,4DAA2B,EACzB,IAAI,EACJ,aAAa,EACb;;yBAEqB,iBAAiB;;;KAGrC,CACF,CAAC;QACF,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AA7BD,4BA6BC"}

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

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

package/src/generators/meta/schema.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "cli": "nx",
+  "$id": "meta",
+  "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/resource-route/resource-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/resource-route/resource-route.impl.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const loader_impl_1 = require("../loader/loader.impl");
+const action_impl_1 = require("../action/action.impl");
+const remix_route_utils_1 = require("../../utils/remix-route-utils");
+function default_1(tree, options) {
+    return (0, tslib_1.__awaiter)(this, void 0, void 0, function* () {
+        const routeFilePath = (0, remix_route_utils_1.resolveRemixRouteFile)(tree, options.path, options.project, '.ts');
+        if (tree.exists(routeFilePath))
+            throw new Error(`Path already exists: ${options.path}`);
+        if (!options.loader && !options.action)
+            throw new Error('The resource route generator requires either `loader` or `action` to be true');
+        tree.write(routeFilePath, '');
+        if (options.loader) {
+            yield (0, loader_impl_1.default)(tree, {
+                project: options.project,
+                path: routeFilePath,
+            });
+        }
+        if (options.action) {
+            yield (0, action_impl_1.default)(tree, {
+                path: routeFilePath,
+                project: options.project,
+            });
+        }
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=resource-route.impl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resource-route.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/resource-route/resource-route.impl.ts"],"names":[],"mappings":";;;AAAA,yCAAiD;AAEjD,uDAAoD;AACpD,uDAAoD;AACpD,qEAAsE;AAEtE,mBAA+B,IAAU,EAAE,OAAyB;;QAClE,MAAM,aAAa,GAAG,IAAA,yCAAqB,EACzC,IAAI,EACJ,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,EACf,KAAK,CACN,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;YAC5B,MAAM,IAAI,KAAK,CAAC,wBAAwB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAE1D,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM;YACpC,MAAM,IAAI,KAAK,CACb,8EAA8E,CAC/E,CAAC;QAEJ,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QAE9B,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,MAAM,IAAA,qBAAe,EAAC,IAAI,EAAE;gBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,IAAI,EAAE,aAAa;aACpB,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,MAAM,IAAA,qBAAe,EAAC,IAAI,EAAE;gBAC1B,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,OAAO,CAAC,OAAO;aACzB,CAAC,CAAC;SACJ;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAjCD,4BAiCC"}

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

@@ -0,0 +1,6 @@
+export interface RemixRouteSchema {
+  project: string;
+  path: string;
+  action: boolean;
+  loader: boolean;
+}

package/src/generators/resource-route/schema.json

@@ -0,0 +1,44 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxRemixResourceRoute",
+  "cli": "nx",
+  "title": "Create a Resource Route",
+  "type": "object",
+  "examples": [
+    {
+      "command": "g resource-route 'path/to/page'",
+      "description": "Generate resource route at /path/to/page"
+    }
+  ],
+  "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].*$"
+    },
+    "action": {
+      "type": "boolean",
+      "description": "Generate an action function",
+      "default": false
+    },
+    "loader": {
+      "type": "boolean",
+      "description": "Generate a loader function",
+      "default": true
+    }
+  },
+  "required": ["project", "path"]
+}

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

@@ -2,85 +2,61 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nrwl/devkit");
+const loader_impl_1 = require("../loader/loader.impl");
+const meta_impl_1 = require("../meta/meta.impl");
+const action_impl_1 = require("../action/action.impl");
+const style_impl_1 = require("../style/style.impl");
+const remix_route_utils_1 = require("../../utils/remix-route-utils");
 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);
-        const normalizedRoutePath = normalizeRoutePath(routePath, project.root);
+        const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
         if (!project)
             throw new Error(`Project does not exist: ${options.project}`);
-        const componentPath = (0, devkit_1.joinPathFragments)(project.root, 'app/routes', `${normalizedRoutePath}.tsx`);
-        if (tree.exists(componentPath))
-            throw new Error(`Path already exists: ${options.path}`);
-        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';
+        const routeFilePath = (0, remix_route_utils_1.resolveRemixRouteFile)(tree, options.path, options.project, '.tsx');
+        const { className: componentName } = (0, devkit_1.names)(options.path.replace(/^\//, '').replace(/\/$/, '').replace('.tsx', ''));
+        if (tree.exists(routeFilePath))
+            throw new Error(`Path already exists: ${routeFilePath}`);
+        tree.write(routeFilePath, (0, devkit_1.stripIndents) `
 
-    ${options.style === 'css'
-            ? `import stylesUrl from '~/styles/${normalizedRoutePath}.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();
+    ${options.loader
+            ? `
       return (
         <p>
           Message: {data.message}
         </p>
       );
+    `
+            : `return (<p>${componentName} works!</p>)`}
     }
   `);
+        if (options.loader) {
+            yield (0, loader_impl_1.default)(tree, {
+                project: options.project,
+                path: routeFilePath,
+            });
+        }
+        if (options.meta) {
+            yield (0, meta_impl_1.default)(tree, {
+                path: routeFilePath,
+                project: options.project,
+            });
+        }
+        if (options.action) {
+            yield (0, action_impl_1.default)(tree, {
+                path: routeFilePath,
+                project: options.project,
+            });
+        }
         if (options.style === 'css') {
-            const stylesheetPath = (0, devkit_1.joinPathFragments)(project.root, 'app/styles', `${normalizedRoutePath}.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;
-      }
-    `);
+            yield (0, style_impl_1.default)(tree, {
+                project: options.project,
+                path: options.path,
+            });
         }
         yield (0, devkit_1.formatFiles)(tree);
     });
 }
 exports.default = default_1;
-function normalizeRoutePath(path, projectRoot) {
-    if (path.indexOf(projectRoot) === -1)
-        return path;
-    if (path.indexOf('/routes/') > -1)
-        return path.substring(path.indexOf('/routes/') + 8);
-    return path.substring(projectRoot.length + 1);
-}
 //# sourceMappingURL=route.impl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"route.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/route/route.impl.ts"],"names":[],"mappings":";;;AAAA,yCAOsB;AAGtB,mBAA+B,IAAU,EAAE,OAAyB;;QAClE,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAC,GAAG,IAAA,cAAK,EAC3D,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACnD,CAAC;QAGF,MAAM,QAAQ,GAAG,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;QACnC,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE9C,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;QAEvE,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,mBAAmB,MAAM,CAC7B,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;YAC5B,MAAM,IAAI,KAAK,CAAC,wBAAwB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QAE1D,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,mBAAmB,QAAQ;YAChE,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,mBAAmB,MAAM,CAC7B,CAAC;YACF,IAAI,CAAC,KAAK,CACR,cAAc,EACd,IAAA,qBAAY,EAAA;;;;;;;;;KASb,CACA,CAAC;SACH;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AApGD,4BAoGC;AAED,SAAS,kBAAkB,CAAC,IAAY,EAAE,WAAmB;IAC3D,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAAE,OAAO,IAAI,CAAA;IACjD,IAAI,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;QAAE,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;IACtF,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AAC/C,CAAC"}
+{"version":3,"file":"route.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/route/route.impl.ts"],"names":[],"mappings":";;;AAAA,yCAOsB;AAEtB,uDAAoD;AACpD,iDAA8C;AAC9C,uDAAoD;AACpD,oDAAiD;AACjD,qEAAsE;AAEtE,mBAA+B,IAAU,EAAE,OAAyB;;QAClE,MAAM,OAAO,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAChE,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAE5E,MAAM,aAAa,GAAG,IAAA,yCAAqB,EACzC,IAAI,EACJ,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,EACf,MAAM,CACP,CAAC;QAEF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAA,cAAK,EACxC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CACvE,CAAC;QAEF,IAAI,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC;YAC5B,MAAM,IAAI,KAAK,CAAC,wBAAwB,aAAa,EAAE,CAAC,CAAC;QAE3D,IAAI,CAAC,KAAK,CACR,aAAa,EACb,IAAA,qBAAY,EAAA;;;8BAGc,aAAa;MAErC,OAAO,CAAC,MAAM;YACZ,CAAC,CAAC;;;;;;KAML;YACG,CAAC,CAAC,cAAc,aAAa,cACjC;;GAED,CACA,CAAC;QAEF,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,MAAM,IAAA,qBAAe,EAAC,IAAI,EAAE;gBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,IAAI,EAAE,aAAa;aACpB,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,MAAM,IAAA,mBAAa,EAAC,IAAI,EAAE;gBACxB,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,OAAO,CAAC,OAAO;aACzB,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,MAAM,IAAA,qBAAe,EAAC,IAAI,EAAE;gBAC1B,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,OAAO,CAAC,OAAO;aACzB,CAAC,CAAC;SACJ;QAED,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;YAC3B,MAAM,IAAA,oBAAc,EAAC,IAAI,EAAE;gBACzB,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,IAAI,EAAE,OAAO,CAAC,IAAI;aACnB,CAAC,CAAC;SACJ;QAED,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AApED,4BAoEC"}

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

@@ -2,4 +2,7 @@ export interface RemixRouteSchema {
   project: string;
   path: string;
   style: 'css' | 'none';
+  action: boolean;
+  meta: boolean;
+  loader: boolean;
 }

package/src/generators/route/schema.json

@@ -11,6 +11,15 @@
     }
   ],
   "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.",
@@ -20,20 +29,26 @@
       "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? (e.g. 'foo/bar')"
-    },
     "style": {
       "type": "string",
       "description": "Generate a stylesheet",
       "enum": ["none", "css"],
       "default": "css"
+    },
+    "meta": {
+      "type": "boolean",
+      "description": "Generate a meta function",
+      "default": false
+    },
+    "action": {
+      "type": "boolean",
+      "description": "Generate an action function",
+      "default": false
+    },
+    "loader": {
+      "type": "boolean",
+      "description": "Generate a loader function",
+      "default": false
     }
   },
   "required": ["project", "path"]

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

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

package/src/generators/style/schema.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxRemixRouteStyle",
+  "cli": "nx",
+  "title": "Add style import to a route",
+  "type": "object",
+  "examples": [
+    {
+      "command": "g style --project=webapp --path='path/to/page'",
+      "description": "Generate route at /path/to/page"
+    }
+  ],
+  "properties": {
+    "path": {
+      "type": "string",
+      "description": "Route path",
+      "$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 in?",
+      "pattern": "^[a-zA-Z].*$"
+    }
+  },
+  "required": ["project", "path"]
+}

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

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

package/src/generators/style/style.impl.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nrwl/devkit");
+const insert_import_1 = require("../../utils/insert-import");
+const insert_statement_after_imports_1 = require("../../utils/insert-statement-after-imports");
+const remix_route_utils_1 = require("../../utils/remix-route-utils");
+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(/\/$/, '').replace('.tsx', ''));
+        const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+        if (!project)
+            throw new Error(`Project does not exist: ${options.project}`);
+        const normalizedRoutePath = (0, remix_route_utils_1.normalizeRoutePath)(routePath, project.root);
+        const stylesheetPath = (0, devkit_1.joinPathFragments)(project.root, 'app/styles', `${normalizedRoutePath}.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;
+      }
+    `);
+        const routeFilePath = (0, remix_route_utils_1.resolveRemixRouteFile)(tree, options.path, options.project, '.tsx');
+        (0, insert_import_1.insertImport)(tree, routeFilePath, 'LinksFunction', '@remix-run/node', {
+            typeOnly: true,
+        });
+        (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, routeFilePath, `
+    import stylesUrl from '~/styles/${normalizedRoutePath}.css'
+    
+    export const links: LinksFunction = () => {
+      return [{ rel: 'stylesheet', href: stylesUrl }];
+    };
+  `);
+        yield (0, devkit_1.formatFiles)(tree);
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=style.impl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.impl.js","sourceRoot":"","sources":["../../../../../../packages/remix/src/generators/style/style.impl.ts"],"names":[],"mappings":";;;AAAA,yCAOsB;AAGtB,6DAAyD;AACzD,+FAAyF;AACzF,qEAGuC;AAEvC,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,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CACvE,CAAC;QAEF,MAAM,OAAO,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAChE,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,2BAA2B,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAE5E,MAAM,mBAAmB,GAAG,IAAA,sCAAkB,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QAExE,MAAM,cAAc,GAAG,IAAA,0BAAiB,EACtC,OAAO,CAAC,IAAI,EACZ,YAAY,EACZ,GAAG,mBAAmB,MAAM,CAC7B,CAAC;QAEF,IAAI,CAAC,KAAK,CACR,cAAc,EACd,IAAA,qBAAY,EAAA;;;;;;;;;KASX,CACF,CAAC;QAEF,MAAM,aAAa,GAAG,IAAA,yCAAqB,EACzC,IAAI,EACJ,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,EACf,MAAM,CACP,CAAC;QAEF,IAAA,4BAAY,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE;YACpE,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QAEH,IAAA,4DAA2B,EACzB,IAAI,EACJ,aAAa,EACb;sCACkC,mBAAmB;;;;;GAKtD,CACA,CAAC;QAEF,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;CAAA;AAtDD,4BAsDC"}

package/src/utils/get-default-export-name.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nrwl/devkit';
+export declare function getDefaultExportName(tree: Tree, path: string): string;

package/src/utils/get-default-export-name.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultExportName = void 0;
+const get_default_export_1 = require("./get-default-export");
+function getDefaultExportName(tree, path) {
+    var _a, _b;
+    return (_b = (_a = (0, get_default_export_1.getDefaultExport)(tree, path)) === null || _a === void 0 ? void 0 : _a.name.text) !== null && _b !== void 0 ? _b : 'Unknown';
+}
+exports.getDefaultExportName = getDefaultExportName;
+//# sourceMappingURL=get-default-export-name.js.map

package/src/utils/get-default-export-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-export-name.js","sourceRoot":"","sources":["../../../../../packages/remix/src/utils/get-default-export-name.ts"],"names":[],"mappings":";;;AACA,6DAAwD;AAExD,SAAgB,oBAAoB,CAAC,IAAU,EAAE,IAAY;;IAC3D,OAAO,MAAA,MAAA,IAAA,qCAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,0CAAE,IAAI,CAAC,IAAI,mCAAI,SAAS,CAAC;AAC9D,CAAC;AAFD,oDAEC"}

package/src/utils/get-default-export.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nrwl/devkit';
+export declare function getDefaultExport(tree: Tree, path: string): import("typescript").FunctionDeclaration;

package/src/utils/get-default-export.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultExport = void 0;
+const typescript_1 = require("typescript");
+function getDefaultExport(tree, path) {
+    const contents = tree.read(path, 'utf-8');
+    const sourceFile = (0, typescript_1.createSourceFile)(path, contents, typescript_1.ScriptTarget.ESNext);
+    const functionDeclarations = sourceFile.statements.filter(typescript_1.isFunctionDeclaration);
+    return functionDeclarations.find((functionDeclaration) => {
+        const isDefault = functionDeclaration.modifiers.find((mod) => mod.kind === typescript_1.SyntaxKind.DefaultKeyword);
+        const isExport = functionDeclaration.modifiers.find((mod) => mod.kind === typescript_1.SyntaxKind.ExportKeyword);
+        return isDefault && isExport;
+    });
+}
+exports.getDefaultExport = getDefaultExport;
+//# sourceMappingURL=get-default-export.js.map

package/src/utils/get-default-export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-export.js","sourceRoot":"","sources":["../../../../../packages/remix/src/utils/get-default-export.ts"],"names":[],"mappings":";;;AACA,2CAKoB;AAEpB,SAAgB,gBAAgB,CAAC,IAAU,EAAE,IAAY;IACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,IAAA,6BAAgB,EAAC,IAAI,EAAE,QAAQ,EAAE,yBAAY,CAAC,MAAM,CAAC,CAAC;IAEzE,MAAM,oBAAoB,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CACvD,kCAAqB,CACtB,CAAC;IAEF,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,EAAE;QACvD,MAAM,SAAS,GAAG,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAClD,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,uBAAU,CAAC,cAAc,CAChD,CAAC;QAEF,MAAM,QAAQ,GAAG,mBAAmB,CAAC,SAAS,CAAC,IAAI,CACjD,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,uBAAU,CAAC,aAAa,CAC/C,CAAC;QAEF,OAAO,SAAS,IAAI,QAAQ,CAAC;IAC/B,CAAC,CAAC,CAAC;AACL,CAAC;AApBD,4CAoBC"}

package/src/utils/insert-import.d.ts

@@ -0,0 +1,4 @@
+import { Tree } from '@nrwl/devkit';
+export declare function insertImport(tree: Tree, path: string, name: string, modulePath: string, options?: {
+    typeOnly: boolean;
+}): void;

package/src/utils/insert-import.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertImport = void 0;
+const insert_statement_after_imports_1 = require("./insert-statement-after-imports");
+const devkit_1 = require("@nrwl/devkit");
+const typescript_1 = require("typescript");
+function insertImport(tree, path, name, modulePath, options = { typeOnly: false }) {
+    if (!tree.exists(path))
+        throw Error(`Could not insert import ${name} from ${modulePath} in ${path}: path not found`);
+    const contents = tree.read(path, 'utf-8');
+    const sourceFile = (0, typescript_1.createSourceFile)(path, contents, typescript_1.ScriptTarget.ESNext);
+    let importStatements = sourceFile.statements.filter(typescript_1.isImportDeclaration);
+    if (options.typeOnly) {
+        importStatements = importStatements.filter((node) => node.importClause.isTypeOnly);
+    }
+    else {
+        importStatements = importStatements.filter((node) => !node.importClause.isTypeOnly);
+    }
+    const existingImport = importStatements.find((statement) => (0, typescript_1.isStringLiteral)(statement.moduleSpecifier) &&
+        statement.moduleSpecifier
+            .getText(sourceFile)
+            .replace(/['"`]/g, '')
+            .trim() === modulePath &&
+        statement.importClause.namedBindings &&
+        (0, typescript_1.isNamedImports)(statement.importClause.namedBindings));
+    if (!existingImport) {
+        (0, insert_statement_after_imports_1.insertStatementAfterImports)(tree, path, options.typeOnly
+            ? `import type { ${name} } from '${modulePath}';`
+            : `import { ${name} } from '${modulePath}';`);
+        return;
+    }
+    const namedImports = existingImport.importClause
+        .namedBindings;
+    const alreadyImported = namedImports.elements.find((element) => element.name.escapedText === name) !== undefined;
+    if (!alreadyImported) {
+        const index = namedImports.getEnd() - 1;
+        let text;
+        if (namedImports.elements.hasTrailingComma) {
+            text = `${name},`;
+        }
+        else {
+            text = `,${name}`;
+        }
+        const newContents = (0, devkit_1.applyChangesToString)(contents, [
+            {
+                type: devkit_1.ChangeType.Insert,
+                index,
+                text,
+            },
+        ]);
+        tree.write(path, newContents);
+    }
+}
+exports.insertImport = insertImport;
+//# sourceMappingURL=insert-import.js.map

package/src/utils/insert-import.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"insert-import.js","sourceRoot":"","sources":["../../../../../packages/remix/src/utils/insert-import.ts"],"names":[],"mappings":";;;AAAA,qFAA+E;AAC/E,yCAAsE;AACtE,2CAOoB;AAEpB,SAAgB,YAAY,CAC1B,IAAU,EACV,IAAY,EACZ,IAAY,EACZ,UAAkB,EAClB,UAAiC,EAAE,QAAQ,EAAE,KAAK,EAAE;IAEpD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;QACpB,MAAM,KAAK,CACT,2BAA2B,IAAI,SAAS,UAAU,OAAO,IAAI,kBAAkB,CAChF,CAAC;IAEJ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,IAAA,6BAAgB,EAAC,IAAI,EAAE,QAAQ,EAAE,yBAAY,CAAC,MAAM,CAAC,CAAC;IAEzE,IAAI,gBAAgB,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,gCAAmB,CAAC,CAAC;IAEzE,IAAI,OAAO,CAAC,QAAQ,EAAE;QACpB,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CACxC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CACvC,CAAC;KACH;SAAM;QACL,gBAAgB,GAAG,gBAAgB,CAAC,MAAM,CACxC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CACxC,CAAC;KACH;IAED,MAAM,cAAc,GAAG,gBAAgB,CAAC,IAAI,CAC1C,CAAC,SAAS,EAAE,EAAE,CACZ,IAAA,4BAAe,EAAC,SAAS,CAAC,eAAe,CAAC;QAC1C,SAAS,CAAC,eAAe;aACtB,OAAO,CAAC,UAAU,CAAC;aACnB,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;aACrB,IAAI,EAAE,KAAK,UAAU;QACxB,SAAS,CAAC,YAAY,CAAC,aAAa;QACpC,IAAA,2BAAc,EAAC,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,CACvD,CAAC;IAEF,IAAI,CAAC,cAAc,EAAE;QACnB,IAAA,4DAA2B,EACzB,IAAI,EACJ,IAAI,EACJ,OAAO,CAAC,QAAQ;YACd,CAAC,CAAC,iBAAiB,IAAI,YAAY,UAAU,IAAI;YACjD,CAAC,CAAC,YAAY,IAAI,YAAY,UAAU,IAAI,CAC/C,CAAC;QACF,OAAO;KACR;IAED,MAAM,YAAY,GAAG,cAAc,CAAC,YAAY;SAC7C,aAA6B,CAAC;IAEjC,MAAM,eAAe,GACnB,YAAY,CAAC,QAAQ,CAAC,IAAI,CACxB,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,KAAK,IAAI,CAC/C,KAAK,SAAS,CAAC;IAElB,IAAI,CAAC,eAAe,EAAE;QACpB,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAExC,IAAI,IAAY,CAAC;QACjB,IAAI,YAAY,CAAC,QAAQ,CAAC,gBAAgB,EAAE;YAC1C,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC;SACnB;aAAM;YACL,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;SACnB;QAED,MAAM,WAAW,GAAG,IAAA,6BAAoB,EAAC,QAAQ,EAAE;YACjD;gBACE,IAAI,EAAE,mBAAU,CAAC,MAAM;gBACvB,KAAK;gBACL,IAAI;aACL;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;KAC/B;AACH,CAAC;AA9ED,oCA8EC"}

package/src/utils/insert-statement-after-imports.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nrwl/devkit';
+/**
+ * Insert a statement after the last import statement in a file
+ */
+export declare function insertStatementAfterImports(tree: Tree, path: string, statement: string): void;

package/src/utils/insert-statement-after-imports.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertStatementAfterImports = void 0;
+const devkit_1 = require("@nrwl/devkit");
+const typescript_1 = require("typescript");
+/**
+ * Insert a statement after the last import statement in a file
+ */
+function insertStatementAfterImports(tree, path, statement) {
+    const contents = tree.read(path, 'utf-8');
+    const sourceFile = (0, typescript_1.createSourceFile)(path, contents, typescript_1.ScriptTarget.ESNext);
+    const importStatements = sourceFile.statements.filter(typescript_1.isImportDeclaration);
+    const index = importStatements.length > 0
+        ? importStatements[importStatements.length - 1].getEnd()
+        : 0;
+    if (importStatements.length > 0) {
+        statement = `\n${statement}`;
+    }
+    const newContents = (0, devkit_1.applyChangesToString)(contents, [
+        {
+            type: devkit_1.ChangeType.Insert,
+            index,
+            text: statement,
+        },
+    ]);
+    tree.write(path, newContents);
+}
+exports.insertStatementAfterImports = insertStatementAfterImports;
+//# sourceMappingURL=insert-statement-after-imports.js.map