Feat: Added Next.js Configuration

.gitmodules

@@ -4,3 +4,6 @@
 [submodule "templates/vite-js"]
 	path = templates/vite-js
 	url = https://github.com/amoskyalo/vite-template
+[submodule "templates/mui-next-template"]
+	path = templates/mui-next-template
+	url = https://github.com/amoskyalo/mui-next-template

commands/projectInit.js

@@ -8,8 +8,9 @@ async function projectInit(projectName, installAll, architecture, tool, monorepo
     function getTemplateUrl() {
         switch (tool) {
             case 'cra': return "https://github.com/amoskyalo/mui-cra-template";
-            case 'vite': return "https://github.com/amoskyalo/vite-template"
-            default: return null;
+            case 'vite': return "https://github.com/amoskyalo/vite-template";
+            case 'next': return "https://github.com/amoskyalo/mui-next-template";
+            default:  throw new Error("Unknown tool:" + tool);
         }
     }
 

commands/themeInit.js

@@ -1,5 +1,5 @@
 const path = require("path");
-const createTheme = require("../components/theme");
+const createTheme = require("../components/Theme/theme");
 const fs = require('fs');
 const { logger } = require('../utils/logger')
 const { defaultColors } = require('../utils/constants');

components/Theme/nextThemeConfig.js

@@ -0,0 +1,33 @@
+function getNextThemeConfigFile(){
+    return `
+'use client';
+
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { createContext, useState } from 'react';
+import { CssBaseline } from '@mui/material';
+import themeConfig from '.';
+
+export const ThemeContext = createContext();
+
+export const LayoutThemeConfig = ({ children }) => {
+    const [mode, setMode] = useState('dark');
+
+    const toggleColorMode = () => {
+        setMode((prevMode) => prevMode === 'dark' ? 'light' : 'dark');
+    };
+
+    const theme = createTheme(themeConfig(mode));
+
+    return (
+        <ThemeProvider theme={theme}>
+            <ThemeContext.Provider value={{ toggleColorMode, mode }}>
+                <CssBaseline />
+                {children}
+            </ThemeContext.Provider>
+        </ThemeProvider>
+    )
+}
+`
+}
+
+module.exports = getNextThemeConfigFile;

index.js

@@ -59,7 +59,7 @@ program.command('project-init')
             choices: [
                 { name: "CRA", value: "cra" },
                 { name: "Vite", value: "vite" },
-                { name: "Next.js", value: "next.js" }
+                { name: "Next.js", value: "next" }
             ]
         }); 
 

package.json

@@ -1,13 +1,13 @@
 {
-  "name": "mui-cli",
-  "version": "1.0.0",
-  "description": "CLI for material UI",
+  "name": "material-ui-cli",
+  "version": "0.0.2",
+  "description": "Build Material UI apps 10x faster with material-ui-cli ⚡",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "bin": {
-    "mui": "./index.js"
+    "material-ui": "index.js"
   },
   "keywords": [
     "materialUI",
@@ -26,5 +26,14 @@
     "ejs": "^3.1.9",
     "fs-extra": "^11.2.0",
     "joi": "^17.12.1"
-  }
+  },
+  "devDependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/amoskyalo/material-UI-CLI.git"
+  },
+  "bugs": {
+    "url": "https://github.com/amoskyalo/material-UI-CLI/issues"
+  },
+  "homepage": "https://github.com/amoskyalo/material-UI-CLI#readme"
 }

utils/getComponentTemplate.js

@@ -2,6 +2,7 @@ const { mkdir, writeFile, readFile, rename } = require('fs').promises;
 const { componentsCategories } = require('../utils/constants');
 const { logger } = require('../utils/logger');
 const { exec } = require('child_process');
+const getNextThemeConfigFile = require('../components/Theme/nextThemeConfig');
 const CLI = require('clui');
 const path = require('path');
 const ejs = require('ejs');
@@ -104,9 +105,12 @@ class ComponentGenerator {
             return Promise.all([...categoriesPromises, ...componentsPromises])
         }
 
-        async function createTheme() {
+        const createTheme = async () => {
             try {
                 await mkdir(themePath);
+                this.tool === "next" ?
+                    await writeFile(path.join(themePath, "config.js"), getNextThemeConfigFile())
+                    : null;
                 themeInit({}, false);
             } catch (error) {
                 throw error