From 7039489a4098b81f2d9768b18d872e467b88c778 Mon Sep 17 00:00:00 2001
From: Jack Hsu <jack.hsu@gmail.com>
Date: Tue, 18 Oct 2022 10:48:52 -0700
Subject: [PATCH] feat(nextjs): add pascal case options for Next.js component
 generators

---
 docs/generated/packages/next.json                   | 12 ++++++++++++
 packages/next/src/generators/component/component.ts |  3 ++-
 packages/next/src/generators/component/schema.json  | 12 ++++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/docs/generated/packages/next.json b/docs/generated/packages/next.json
index 79eebd4347f33..0c08973b428f6 100644
--- a/docs/generated/packages/next.json
+++ b/docs/generated/packages/next.json
@@ -376,6 +376,18 @@
             "type": "boolean",
             "description": "Create component at the source root rather than its own directory.",
             "default": false
+          },
+          "pascalCaseFiles": {
+            "type": "boolean",
+            "description": "Use pascal case component file name (e.g. `App.tsx`).",
+            "alias": "P",
+            "default": false
+          },
+          "pascalCaseDirectory": {
+            "type": "boolean",
+            "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
+            "alias": "R",
+            "default": false
           }
         },
         "required": ["name", "project"],
diff --git a/packages/next/src/generators/component/component.ts b/packages/next/src/generators/component/component.ts
index e0e613abcd7da..ec33bf2b4fbe1 100644
--- a/packages/next/src/generators/component/component.ts
+++ b/packages/next/src/generators/component/component.ts
@@ -10,6 +10,8 @@ interface Schema {
   style: SupportedStyles;
   directory?: string;
   flat?: boolean;
+  pascalCaseFiles?: boolean;
+  pascalCaseDirectory?: boolean;
 }
 
 function getDirectory(host: Tree, options: Schema) {
@@ -31,7 +33,6 @@ export async function componentGenerator(host: Tree, options: Schema) {
   const componentInstall = await reactComponentGenerator(host, {
     ...options,
     directory: getDirectory(host, options),
-    pascalCaseFiles: false,
     classComponent: false,
     routing: false,
   });
diff --git a/packages/next/src/generators/component/schema.json b/packages/next/src/generators/component/schema.json
index 2ade71406f2ab..62ceaf9ff6d16 100644
--- a/packages/next/src/generators/component/schema.json
+++ b/packages/next/src/generators/component/schema.json
@@ -86,6 +86,18 @@
       "type": "boolean",
       "description": "Create component at the source root rather than its own directory.",
       "default": false
+    },
+    "pascalCaseFiles": {
+      "type": "boolean",
+      "description": "Use pascal case component file name (e.g. `App.tsx`).",
+      "alias": "P",
+      "default": false
+    },
+    "pascalCaseDirectory": {
+      "type": "boolean",
+      "description": "Use pascal case directory name (e.g. `App/App.tsx`).",
+      "alias": "R",
+      "default": false
     }
   },
   "required": ["name", "project"],