create-next-mui 0.0.1 → 0.0.3

package/next-mui-template-ts/src/theme/core/typography.ts

@@ -1,51 +1,51 @@
-// ---------------------------------------------------------------
-
-export const typography = {
-  h1: {
-    fontSize: "56px",
-    lineHeight: "64px",
-    fontWeight: 700,
-  },
-  h2: {
-    fontSize: "44px",
-    lineHeight: "56px",
-    fontWeight: 700,
-  },
-  h3: {
-    fontSize: "36px",
-    lineHeight: "44px",
-    fontWeight: 700,
-  },
-  h4: {
-    fontSize: "32px",
-    lineHeight: "40px",
-    fontWeight: 600,
-  },
-  h5: {
-    fontSize: "20px",
-    lineHeight: "28px",
-    fontWeight: 600,
-  },
-  h6: {
-    fontSize: "16px",
-    lineHeight: "20px",
-    fontWeight: 600,
-  },
-  body1: {
-    fontSize: "16px",
-    lineHeight: "20px",
-  },
-  body2: {
-    fontSize: "14px",
-    lineHeight: "18px",
-  },
-  caption: {
-    fontSize: "12px",
-    lineHeight: "16px",
-    fontWeight: 500,
-  },
-  button: {
-    fontWeight: 500,
-    lineHeight: "16px",
-  },
-};
+// ---------------------------------------------------------------
+
+export const typography = {
+  h1: {
+    fontSize: "56px",
+    lineHeight: "64px",
+    fontWeight: 700,
+  },
+  h2: {
+    fontSize: "44px",
+    lineHeight: "56px",
+    fontWeight: 700,
+  },
+  h3: {
+    fontSize: "36px",
+    lineHeight: "44px",
+    fontWeight: 700,
+  },
+  h4: {
+    fontSize: "32px",
+    lineHeight: "40px",
+    fontWeight: 600,
+  },
+  h5: {
+    fontSize: "20px",
+    lineHeight: "28px",
+    fontWeight: 600,
+  },
+  h6: {
+    fontSize: "16px",
+    lineHeight: "20px",
+    fontWeight: 600,
+  },
+  body1: {
+    fontSize: "16px",
+    lineHeight: "20px",
+  },
+  body2: {
+    fontSize: "14px",
+    lineHeight: "18px",
+  },
+  caption: {
+    fontSize: "12px",
+    lineHeight: "16px",
+    fontWeight: 500,
+  },
+  button: {
+    fontWeight: 500,
+    lineHeight: "16px",
+  },
+};

package/next-mui-template-ts/src/theme/create-theme.ts

@@ -1,24 +1,24 @@
-import { createTheme } from "@mui/material";
-
-import { palette } from "./core/palette";
-import { typography } from "./core/typography";
-import { components } from "./core/components";
-
-// ---------------------------------------------------------------
-
-const defaultFont = "var(--font-geist-sans), Arial, sans-serif";
-
-export const theme = createTheme({
-  cssVariables: true,
-
-  palette: { mode: "light", ...palette },
-
-  typography: {
-    fontFamily: defaultFont,
-    ...typography,
-  },
-
-  spacing: "8px",
-
-  components,
-});
+import { createTheme } from "@mui/material";
+
+import { palette } from "./core/palette";
+import { typography } from "./core/typography";
+import { components } from "./core/components";
+
+// ---------------------------------------------------------------
+
+const defaultFont = "var(--font-geist-sans), Arial, sans-serif";
+
+export const theme = createTheme({
+  cssVariables: true,
+
+  palette: { mode: "light", ...palette },
+
+  typography: {
+    fontFamily: defaultFont,
+    ...typography,
+  },
+
+  spacing: "8px",
+
+  components,
+});

package/next-mui-template-ts/src/theme/theme-provider.tsx

@@ -1,19 +1,19 @@
-"use client";
-
-import { AppRouterCacheProvider } from "@mui/material-nextjs/v16-appRouter";
-import { CssBaseline, ThemeProvider as MuiThemeProvider } from "@mui/material";
-
-import { theme } from "./create-theme";
-
-// ---------------------------------------------------------------
-
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  return (
-    <AppRouterCacheProvider>
-      <MuiThemeProvider theme={theme}>
-        <CssBaseline />
-        {children}
-      </MuiThemeProvider>
-    </AppRouterCacheProvider>
-  );
-}
+"use client";
+
+import { AppRouterCacheProvider } from "@mui/material-nextjs/v16-appRouter";
+import { CssBaseline, ThemeProvider as MuiThemeProvider } from "@mui/material";
+
+import { theme } from "./create-theme";
+
+// ---------------------------------------------------------------
+
+export function ThemeProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <AppRouterCacheProvider>
+      <MuiThemeProvider theme={theme}>
+        <CssBaseline />
+        {children}
+      </MuiThemeProvider>
+    </AppRouterCacheProvider>
+  );
+}

package/next-mui-template-ts/tsconfig.json

@@ -1,34 +1,34 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-    ".next/dev/types/**/*.ts",
-    "**/*.mts"
-  ],
-  "exclude": ["node_modules"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-next-mui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "spin up your nextjs project with mui setup",
   "keywords": [
     "nextjs",

package/src/index.js

@@ -1,88 +1,88 @@
-#!/usr/bin/env node
-
-import * as p from "@clack/prompts";
-import color from "picocolors";
-import fs from "node:fs/promises";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-// Resolve the directory where this CLI package actually lives on the user's system
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-async function main() {
-  console.clear();
-  p.intro(color.bgBlue(color.white("  create-next-mui  ")));
-
-  const project = await p.group(
-    {
-      name: () =>
-        p.text({
-          message: "What is your project name?",
-          placeholder: "my-next-mui-app",
-          validate(value) {
-            if (value.length === 0) return "Project name is required!";
-            if (value.match(/[^a-zA-Z0-9-_]/g))
-              return "Keep it URL safe (no spaces or special chars)";
-          },
-        }),
-      language: () =>
-        p.select({
-          message: "Choose your language flavor:",
-          options: [
-            {
-              value: "ts",
-              label: "TypeScript (Recommended)",
-              hint: "Strict typings, clean architecture",
-            },
-            {
-              value: "js",
-              label: "JavaScript",
-              hint: "Vanilla JS configuration",
-            },
-          ],
-        }),
-    },
-    {
-      onCancel: () => {
-        p.cancel("Scaffolding cancelled. See you next time!");
-        process.exit(0);
-      },
-    },
-  );
-
-  // Define local source paths (inside this CLI package folder)
-  const templateFolderName =
-    project.language === "ts" ? "next-mui-template-ts" : "next-mui-template-js";
-  const sourceTemplateDir = path.resolve(__dirname, "..", templateFolderName);
-
-  // Define destination paths (where the user is running the command)
-  const targetProjectDir = path.resolve(process.cwd(), project.name);
-
-  const s = p.spinner();
-  s.start("Unboxing your Next.js + MUI foundation locally...");
-
-  try {
-    // Native high-speed recursive copy
-    await fs.cp(sourceTemplateDir, targetProjectDir, {
-      recursive: true,
-      filter: (src) => !src.includes("node_modules") && !src.includes(".next"),
-    });
-
-    s.stop(color.green("Workspace scaffolded successfully!"));
-  } catch (error) {
-    s.stop(color.red("Failed to build workspace structure."));
-    p.note(color.yellow(`Error details: ${error.message}`), "Troubleshooting:");
-    process.exit(1);
-  }
-
-  // Clear instructions for the developer
-  p.note(
-    `${color.cyan(`cd ${project.name}`)}\n${color.cyan("npm install")}\n${color.cyan("npm run dev")}`,
-    "Next Steps to Get Started:",
-  );
-
-  p.outro(`✨ Code cleanly, sort perfectly. Built with create-next-mui!`);
-}
-
-main().catch(console.error);
+#!/usr/bin/env node
+
+import * as p from "@clack/prompts";
+import color from "picocolors";
+import fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+// Resolve the directory where this CLI package actually lives on the user's system
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+async function main() {
+  console.clear();
+  p.intro(color.bgBlue(color.white("  create-next-mui  ")));
+
+  const project = await p.group(
+    {
+      name: () =>
+        p.text({
+          message: "What is your project name?",
+          placeholder: "my-next-mui-app",
+          validate(value) {
+            if (value.length === 0) return "Project name is required!";
+            if (value.match(/[^a-zA-Z0-9-_]/g))
+              return "Keep it URL safe (no spaces or special chars)";
+          },
+        }),
+      language: () =>
+        p.select({
+          message: "Choose your language flavor:",
+          options: [
+            {
+              value: "ts",
+              label: "TypeScript (Recommended)",
+              hint: "Strict typings, clean architecture",
+            },
+            {
+              value: "js",
+              label: "JavaScript",
+              hint: "Vanilla JS configuration",
+            },
+          ],
+        }),
+    },
+    {
+      onCancel: () => {
+        p.cancel("Scaffolding cancelled. See you next time!");
+        process.exit(0);
+      },
+    },
+  );
+
+  // Define local source paths (inside this CLI package folder)
+  const templateFolderName =
+    project.language === "ts" ? "next-mui-template-ts" : "next-mui-template-js";
+  const sourceTemplateDir = path.resolve(__dirname, "..", templateFolderName);
+
+  // Define destination paths (where the user is running the command)
+  const targetProjectDir = path.resolve(process.cwd(), project.name);
+
+  const s = p.spinner();
+  s.start("Unboxing your Next.js + MUI foundation locally...");
+
+  try {
+    // Native high-speed recursive copy
+    await fs.cp(sourceTemplateDir, targetProjectDir, {
+      recursive: true,
+      filter: (src) => !src.includes("node_modules") && !src.includes(".next"),
+    });
+
+    s.stop(color.green("Workspace scaffolded successfully!"));
+  } catch (error) {
+    s.stop(color.red("Failed to build workspace structure."));
+    p.note(color.yellow(`Error details: ${error.message}`), "Troubleshooting:");
+    process.exit(1);
+  }
+
+  // Clear instructions for the developer
+  p.note(
+    `${color.cyan(`cd ${project.name}`)}\n${color.cyan("npm install")}\n${color.cyan("npm run dev")}`,
+    "Next Steps to Get Started:",
+  );
+
+  p.outro(`✨ Code cleanly, sort perfectly. Built with create-next-mui!`);
+}
+
+main().catch(console.error);