ikramhussainsiyam-create-my-project 1.0.0 → 1.2.1

package/cli.js

@@ -1,4 +1,6 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
+
+// TODO (for later): update in `package.json` deps from `react-toastify` to `sonner`.
 
 import { execSync } from "child_process";
 import fs from "fs-extra";
@@ -10,7 +12,11 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 async function main() {
-  const { framework, language, projectName } = await inquirer.prompt([
+  const {
+    framework,
+    language,
+    projectName: rawProjectName,
+  } = await inquirer.prompt([
     { type: "input", name: "projectName", message: "Enter project name:" },
     {
       type: "list",
@@ -26,18 +32,31 @@ async function main() {
     },
   ]);
 
+  // Determine the actual project name
+  const projectName =
+    rawProjectName === "." ? path.basename(process.cwd()) : rawProjectName;
+
   const templatePath = path.join(
     __dirname,
     "templates",
     `${framework}JS`,
     language
   );
-  const targetPath = path.join(process.cwd(), projectName);
+  const targetPath = path.join(
+    process.cwd(),
+    rawProjectName === "." ? "" : projectName
+  );
 
   try {
     // Copy template files to the new project directory
     await fs.copy(templatePath, targetPath);
 
+    // Rename gitignore-template to .gitignore in the target directory
+    await fs.rename(
+      path.join(targetPath, "gitignore-template"),
+      path.join(targetPath, ".gitignore")
+    );
+
     // Update package.json with the project name
     const packageJsonPath = path.join(targetPath, "package.json");
     const packageJson = await fs.readJson(packageJsonPath);

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "ikramhussainsiyam-create-my-project",
-  "version": "1.0.0",
+  "version": "1.2.1",
   "description": "Most used React/Next JS/TS settings and configs as a template.",
   "main": "cli.js",
   "bin": {

package/templates/ViteJS/JavaScript/gitignore-template

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/ViteJS/JavaScript/package.json

@@ -10,9 +10,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.9",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.5.4",
+    "react-hook-form": "^7.53.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "use-immer": "^0.10.0"
+    "use-immer": "^0.10.0",
+    "react-toastify": "^10.0.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.11.1",
@@ -24,7 +30,6 @@
     "eslint-plugin-react": "^7.37.0",
     "eslint-plugin-react-hooks": "^5.1.0-rc.0",
     "eslint-plugin-react-refresh": "^0.4.12",
-    
     "globals": "^15.9.0",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.14",

package/templates/ViteJS/JavaScript/src/index.css

@@ -1,10 +1,11 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @layer base {
   body {
-    @apply font-recursive_sans bg-white h-[200vh];
+    @apply font-inter bg-white;
   }
 
   /* scroll bar styling */

package/templates/ViteJS/JavaScript/src/lib/utils.js

@@ -0,0 +1,10 @@
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...classes) {
+  return twMerge(clsx(classes));
+}
+
+export function getRandomID() {
+  return Math.random().toString(36).substring(2, 9);
+}

package/templates/ViteJS/JavaScript/tailwind.config.js

@@ -1,13 +1,18 @@
 /** @type {import('tailwindcss').Config} */
+import aspectRatio from "@tailwindcss/aspect-ratio";
+import forms from "@tailwindcss/forms";
+
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
       fontFamily: {
-        inter: ["Inter", "Sans serif"],
-        recursive_sans: ["Recursive Sans Casual", "Monospace"],
+        inter: ["Inter", "sans-serif"],
+      },
+      container: {
+        center: true,
       },
     },
   },
-  plugins: [],
+  plugins: [forms, aspectRatio],
 };

package/templates/ViteJS/JavaScript/src/components/Button.jsx

@@ -1,5 +0,0 @@
-export default function Button() {
-  return (
-    <div>Button</div>
-  )
-}

package/templates/ViteJS/TypeScript/README.md

@@ -1,50 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```

package/templates/ViteJS/TypeScript/eslint.config.js

@@ -1,35 +0,0 @@
-import js from "@eslint/js";
-import reactHooks from "eslint-plugin-react-hooks";
-import reactRefresh from "eslint-plugin-react-refresh";
-import globals from "globals";
-import tseslint from "typescript-eslint";
-
-export default tseslint.config(
-  { ignores: ["dist"] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ["**/*.{ts,tsx}"],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-    plugins: {
-      "react-hooks": reactHooks,
-      "react-refresh": reactRefresh,
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      "react/jsx-no-target-blank": "off",
-      "no-unused-vars": [
-        "error",
-        { vars: "all", args: "after-used", ignoreRestSiblings: true },
-      ],
-      "react/prop-types": "off",
-      "react/no-unescaped-entities": "off",
-      "react-refresh/only-export-components": [
-        "warn",
-        { allowConstantExport: true },
-      ],
-    },
-  }
-);

package/templates/ViteJS/TypeScript/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Your Project Title | Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>