feat: add regex in all nextjs plugin to add providers in layout file

Author: ashishkk22

src/index.ts

@@ -89,12 +89,12 @@ async function main() {
     //antD or material ui
     await uiLibraryAdder(selectedLibrary);
 
-    //adds Provider in layout or index files
-    await pluginEntryAdder();
-
     //i18
     await i18nAdder(addI18n);
 
+    //adds Provider in layout or index files
+    await pluginEntryAdder();
+
     //install dependencies of the plugins
     await pluginDependencyAdder();
 

src/operation/i18n/i18n.ts

@@ -0,0 +1,67 @@
+import path from "path";
+import getCurrentProject from "@/operation/getProjectType";
+import {
+  isFileExists,
+  moveAllFilesToSubDir,
+  writeFileFromConfig,
+} from "@/utils/file";
+import fs from "fs";
+import i18NReactPlugin from "@/plugins/react/i18n";
+import i18nNextPlugin from "@/plugins/nextjs/i18n";
+
+export default async function i18nAdder(addI18n: boolean) {
+  addI18n && (await addI18nInProject());
+}
+
+async function addI18nInProject() {
+  const projectType = getCurrentProject();
+
+  //based on the project type run the configuration
+  switch (projectType) {
+    case "next":
+      await addI18nInNext();
+      break;
+    case "react":
+      await addI18nInReact();
+      break;
+    default:
+      break;
+  }
+}
+
+async function addI18nInNext() {
+  await writeFileFromConfig(i18nNextPlugin);
+
+  const isTsProject = isFileExists(process.cwd(), "tsconfig.json");
+
+  const rootLayoutName = `${isTsProject ? "layout.tsx" : "layout.js"}`;
+
+  const file = fs
+    .readFileSync(path.join(process.cwd(), "src", "app", rootLayoutName))
+    .toString();
+
+  const rootLayoutParams = `RootLayout({
+  children,
+  params,
+}${
+    isTsProject
+      ? `: {
+  children: React.ReactNode;
+  params: { lang: Locale };
+}`
+      : ""
+  })`;
+
+  const newFileContent = file.replace(/RootLayout\([^)]*\)/, rootLayoutParams);
+
+  fs.writeFileSync(
+    path.join(process.cwd(), "src", "app", rootLayoutName),
+    newFileContent
+  );
+
+  moveAllFilesToSubDir(path.join(process.cwd(), "src", "app"), "[lang]");
+}
+
+async function addI18nInReact() {
+  await writeFileFromConfig(i18NReactPlugin);
+}

src/operation/i18n/index.ts

@@ -1,67 +1 @@
-import path from "path";
-import getCurrentProject from "@/operation/getProjectType";
-import {
-  isFileExists,
-  moveAllFilesToSubDir,
-  writeFileFromConfig,
-} from "@/utils/file";
-import fs from "fs";
-import i18NReactPlugin from "@/plugins/react/i18n";
-import i18nNextPlugin from "@/plugins/nextjs/i18n";
-
-export default async function i18nAdder(addI18n: boolean) {
-  addI18n && (await addI18nInProject());
-}
-
-async function addI18nInProject() {
-  const projectType = getCurrentProject();
-
-  //based on the project type run the configuration
-  switch (projectType) {
-    case "next":
-      await addI18nInNext();
-      break;
-    case "react":
-      await addI18nInReact();
-      break;
-    default:
-      break;
-  }
-}
-
-async function addI18nInNext() {
-  await writeFileFromConfig(i18nNextPlugin);
-
-  const isTsProject = isFileExists(process.cwd(), "tsconfig.json");
-
-  const rootLayoutName = `${isTsProject ? "layout.tsx" : "layout.js"}`;
-
-  const file = fs
-    .readFileSync(path.join(process.cwd(), "src", "app", rootLayoutName))
-    .toString();
-
-  const rootLayoutParams = `RootLayout({
-  children,
-  params,
-}${
-    isTsProject
-      ? `: {
-  children: React.ReactNode;
-  params: { lang: Locale };
-}`
-      : ""
-  })`;
-
-  const newFileContent = file.replace(/RootLayout\([^)]*\)/, rootLayoutParams);
-
-  fs.writeFileSync(
-    path.join(process.cwd(), "src", "app", rootLayoutName),
-    newFileContent
-  );
-
-  moveAllFilesToSubDir(path.join(process.cwd(), "src", "app"), "[lang]");
-}
-
-async function addI18nInReact() {
-  await writeFileFromConfig(i18NReactPlugin);
-}
+export { default } from "./i18n";

src/plugins/common/prettier/config.ts

@@ -25,7 +25,7 @@ const PrettierPlugin: PluginConfigType = {
     };
   },
   devDependencies: "prettier",
-  successMessage: "Prettier added successfully !",
+  successMessage: "Successfully added Prettier !",
 };
 
 export default PrettierPlugin;

src/plugins/nextjs/antd/config.ts

@@ -82,6 +82,7 @@ const AntDNextPlugin: PluginConfigType = {
       importStatements: `import StyledComponentsRegistry from "@/lib/AntdRegistry";`,
       addAfterMatch: `</StyledComponentsRegistry>`,
       addBeforeMatch: `<StyledComponentsRegistry>`,
+      regex: /{children}/,
     },
     Page: {},
   },

src/plugins/nextjs/graphql/config.ts

@@ -1,4 +1,5 @@
 import { PluginConfigType } from "@/types";
+import { getRegexForRootComponent } from "@/utils/fileManipulation";
 
 const envExFileContent = "NEXT_PUBLIC_BASE_URL";
 
@@ -135,9 +136,11 @@ const GraphQlNextPlugin: PluginConfigType = {
       importStatements: `import { ApolloWrapper } from "@/lib/ApolloWrapper";`,
       addAfterMatch: "</ApolloWrapper>",
       addBeforeMatch: "<ApolloWrapper>",
+      regex: getRegexForRootComponent("body"),
     },
     Page: {},
   },
+  successMessage: "Successfully added graphql with Apollo Wrapper !",
 };
 
 export default GraphQlNextPlugin;

src/plugins/nextjs/husky/config.ts

@@ -25,6 +25,7 @@ function getLintStatedRcContent(isTsProject: boolean) {
   );
 }
 const HuskyNextPlugin: PluginConfigType = {
+  initializingMessage: "Adding Husky ! Please wait.. ",
   files: [
     {
       content: getLintStatedRcContent,
@@ -33,6 +34,7 @@ const HuskyNextPlugin: PluginConfigType = {
       path: [],
     },
   ],
+  successMessage: "Successfully added Husky !",
 };
 
 export default HuskyNextPlugin;

src/plugins/nextjs/i18n/config.ts

@@ -248,7 +248,11 @@ export default async function About({
 
 const i18nNextPlugin: PluginConfigType = {
   initializingMessage: "Adding i18n, Please wait !",
-  dependencies: "negotiator @formatjs/intl-localematcher",
+  dependencies: function (isTsProject: boolean) {
+    return `negotiator @formatjs/intl-localematcher ${
+      isTsProject ? "@types/negotiator" : ""
+    }`;
+  },
   files: [
     {
       content: i18nDeDictionary,
@@ -319,10 +323,11 @@ const i18nNextPlugin: PluginConfigType = {
 import Header from "@/components/header";`,
       addAfterMatch: "",
       addBeforeMatch: "<Header lang={params.lang} />",
+      regex: /{children}/,
     },
     Page: {},
   },
-  successMessage: "Successfully added i18n in your NextJs application",
+  successMessage: "Successfully added i18n with language routes !",
 };
 
 export default i18nNextPlugin;

src/plugins/nextjs/mui/config.ts

@@ -1,4 +1,5 @@
 import { PluginConfigType } from "@/types";
+import { getRegexForRootComponent } from "@/utils/fileManipulation";
 
 const emotionCacheConfig = (isTsProject: boolean) =>
   `"use client";
@@ -138,9 +139,11 @@ const MuiNextPlugin: PluginConfigType = {
       importStatements: `import ThemeRegistry from "@/theme/ThemeRegistry";`,
       addAfterMatch: `</ThemeRegistry>`,
       addBeforeMatch: `<ThemeRegistry>`,
+      regex: getRegexForRootComponent("body"),
     },
     Page: {},
   },
+  successMessage: "Successfully added Material UI with theme config !",
 };
 
 export default MuiNextPlugin;

src/plugins/nextjs/reactQuery/config.ts

@@ -1,4 +1,5 @@
 import { PluginConfigType } from "@/types";
+import { getRegexForRootComponent } from "@/utils/fileManipulation";
 
 const envExFileContent = "NEXT_PUBLIC_BASE_URL";
 
@@ -329,9 +330,11 @@ const ReactQueryNextPlugin: PluginConfigType = {
       importStatements: `import { Providers } from "@/components/Providers/Providers.client";`,
       addAfterMatch: "</Providers>",
       addBeforeMatch: "<Providers>",
+      regex: getRegexForRootComponent("body"),
     },
     Page: {},
   },
+  successMessage: "Successfully added React Query with Provider config !",
 };
 
 export default ReactQueryNextPlugin;