create-modern-react 2.3.1 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-modern-react",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "Create production-ready React + TypeScript + Tailwind applications in seconds",
   "main": "bin/index.js",
   "bin": {

package/templates/base/.eslintrc.cjs

@@ -1,37 +1,59 @@
 module.exports = {
   root: true,
-  env: { browser: true, es2020: true },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
+    'eslint-config-prettier',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'node_modules'],
   parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh', 'unused-imports'],
+  plugins: ['@typescript-eslint', 'import'],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-    // Unused imports
-    'unused-imports/no-unused-imports': 'error',
-    'unused-imports/no-unused-vars': [
-      'warn',
-      {
-        vars: 'all',
-        varsIgnorePattern: '^_',
-        args: 'after-used',
-        argsIgnorePattern: '^_',
-      },
-    ],
     // TypeScript
-    '@typescript-eslint/no-unused-vars': 'off', // Handled by unused-imports
-    '@typescript-eslint/no-explicit-any': 'warn',
-    '@typescript-eslint/prefer-as-const': 'error',
-    // General
-    'no-console': ['warn', { allow: ['warn', 'error'] }],
-    'prefer-const': 'error',
-    'no-var': 'error',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['warn'],
+
+    // Import validation
+    'import/no-unresolved': 'error',
+    'import/named': 'error',
+
+    // Core JavaScript
+    'no-undef': ['error'],
+    'no-var': ['error'],
+    'no-await-in-loop': 'error',
+    'no-constant-binary-expression': 'error',
+    'no-duplicate-imports': 'error',
+    'no-new-native-nonconstructor': 'error',
+    'no-promise-executor-return': 'error',
+    'no-self-compare': 'error',
+    'no-template-curly-in-string': 'error',
+    'no-unmodified-loop-condition': 'error',
+    'no-unreachable-loop': 'error',
+    'no-unused-private-class-members': 'error',
+    'no-use-before-define': 'error',
+
+    // React
+    'react/prop-types': 'off',
+    'react/react-in-jsx-scope': 'off',
+
+    // Disabled
+    'no-extra-boolean-cast': 'off',
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+    'import/resolver': {
+      typescript: {},
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx'],
+        moduleDirectory: ['node_modules', 'src/'],
+      },
+    },
   },
 };

package/templates/base/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-react-app",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite --open --port 3000",
@@ -32,9 +32,10 @@
     "@vitejs/plugin-react-swc": "^3.7.0",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-unused-imports": "^3.2.0",
     "postcss": "^8.4.39",
     "prettier": "^3.3.0",
     "prettier-plugin-tailwindcss": "^0.6.5",

package/templates/base/src/services/alertify-services.ts

@@ -79,38 +79,6 @@ export const Alertify = {
     };
   },
 
-  /**
-   * Show a custom toast with action button
-   */
-  withAction(
-    message: string,
-    actionText: string,
-    onAction: () => void,
-    position: ToastPosition = 'bottom-right'
-  ) {
-    if (currentToastId) {
-      toast.dismiss(currentToastId);
-    }
-    currentToastId = toast(
-      (t) => (
-        <div className="flex items-center gap-2">
-          <span>{message}</span>
-          <button
-            onClick={() => {
-              onAction();
-              toast.dismiss(t.id);
-            }}
-            className="rounded bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90"
-          >
-            {actionText}
-          </button>
-        </div>
-      ),
-      { position, duration: 5000 }
-    );
-    return currentToastId;
-  },
-
   /**
    * Dismiss all toasts
    */

package/templates/base/tsconfig.node.json

@@ -10,7 +10,10 @@
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
-    "noEmit": true,
+    "emitDeclarationOnly": true,
+
+    /* Composite project (required for project references) */
+    "composite": true,
 
     /* Linting */
     "strict": true,