create-crm-tmp 1.0.0

package/bin/create-crm-tmp.js

@@ -0,0 +1,93 @@
+#!/usr/bin/env node
+
+const fs = require("fs-extra");
+const path = require("path");
+const chalk = require("chalk");
+const prompts = require("prompts");
+
+async function main() {
+  const args = process.argv.slice(2);
+  const projectName = args[0];
+
+  if (!projectName) {
+    console.error(chalk.red("❌ Veuillez spécifier un nom de projet"));
+    console.log(chalk.yellow("\nUsage: pnpm create crm-tmp@latest mon-crm\n"));
+    process.exit(1);
+  }
+
+  const targetDir = path.resolve(process.cwd(), projectName);
+
+  // Vérifier si le dossier existe déjà
+  if (fs.existsSync(targetDir)) {
+    const { overwrite } = await prompts({
+      type: "confirm",
+      name: "overwrite",
+      message: `Le dossier "${projectName}" existe déjà. Voulez-vous le remplacer ?`,
+      initial: false,
+    });
+
+    if (!overwrite) {
+      console.log(chalk.yellow("❌ Opération annulée"));
+      process.exit(1);
+    }
+
+    fs.removeSync(targetDir);
+  }
+
+  console.log(chalk.blue(`\n🚀 Création du projet CRM "${projectName}"...\n`));
+
+  // Copier le template
+  const templateDir = path.join(__dirname, "..", "template");
+  fs.copySync(templateDir, targetDir);
+
+  // Lire le package.json du template
+  const packageJsonPath = path.join(targetDir, "package.json");
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+
+  // Mettre à jour le nom du projet
+  packageJson.name = projectName;
+  packageJson.version = "0.1.0";
+
+  // Écrire le package.json modifié
+  fs.writeFileSync(
+    packageJsonPath,
+    JSON.stringify(packageJson, null, 2) + "\n"
+  );
+
+  // Créer un fichier .env
+  const envExamplePath = path.join(targetDir, ".env");
+  if (!fs.existsSync(envExamplePath)) {
+    const envExample = `# Database
+DATABASE_URL="" # Supabase Prod
+DIRECT_URL="" # Supabase Migration
+
+BETTER_AUTH_SECRET=""
+BETTER_AUTH_URL="http://localhost:3000"
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+
+APP_NAME="${projectName}"
+
+ENCRYPTION_KEY="" #openssl rand -base64 32
+
+GOOGLE_CLIENT_ID=""
+GOOGLE_CLIENT_SECRET=""
+GOOGLE_REDIRECT_URI=""
+
+CRON_SECRET="" #openssl rand -base64 32
+`;
+    fs.writeFileSync(envExamplePath, envExample);
+  }
+
+  console.log(chalk.green("✅ Projet créé avec succès !\n"));
+  console.log(chalk.yellow("📝 Prochaines étapes :\n"));
+  console.log(chalk.white(`  cd ${projectName}`));
+  console.log(chalk.white("  pnpm install"));
+  console.log(chalk.white("  # Configurez votre fichier .env"));
+  console.log(chalk.white("  # Migrer la base de données et générer le schéma Prisma"));
+  console.log(chalk.white("  pnpm dev\n"));
+}
+
+main().catch((error) => {
+  console.error(chalk.red("❌ Erreur :"), error);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "create-crm-tmp",
+  "version": "1.0.0",
+  "description": "Créer un nouveau projet CRM basé sur le template",
+  "bin": {
+    "create-crm-tmp": "./bin/create-crm-tmp.js"
+  },
+  "files": [
+    "bin",
+    "template"
+  ],
+  "keywords": [
+    "crm",
+    "template",
+    "nextjs",
+    "prisma"
+  ],
+  "author": "Younes – HALL-IA",
+  "license": "MIT",
+  "dependencies": {
+    "fs-extra": "^11.2.0",
+    "chalk": "^4.1.2",
+    "prompts": "^2.4.2"
+  }
+}

package/template/.prettierignore

@@ -0,0 +1,33 @@
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+
+# Production
+build
+dist
+.next
+out
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Local env files
+.env*.local
+.env
+
+# Vercel
+.vercel
+
+# Lock files
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+

package/template/.prettierrc.json

@@ -0,0 +1,25 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "endOfLine": "lf",
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "ignore",
+  "embeddedLanguageFormatting": "auto",
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": ["*.md", "*.mdx"],
+      "options": {
+        "printWidth": 80,
+        "proseWrap": "always"
+      }
+    }
+  ]
+}

package/template/README.md

@@ -0,0 +1,173 @@
+# 📊 CRM Template
+
+Un CRM moderne, orienté **prospection & suivi commercial**, construit avec **Next.js 16**,  
+**Better Auth**, **Prisma**, **PostgreSQL** et une UI inspirée d’un template CRM pro.
+
+## ✨ Fonctionnalités
+
+- 🔐 **Authentification sécurisée** avec Better Auth
+  - Connexion par email / mot de passe
+  - Sessions sécurisées côté serveur
+  - Protection des routes via proxy Next.js
+- 👥 **Rôles & permissions**
+  - Rôles natifs : USER, ADMIN, MANAGER, COMMERCIAL, TELEPRO, COMPTABLE
+  - Rôles personnalisés avec permissions granulaires
+  - Gestion des utilisateurs (activation / désactivation, invitation par email)
+- 📊 **Tableau de bord**
+  - Vue synthétique de l’activité (contacts, tâches, rendez-vous, etc.)
+- 📇 **Contacts**
+  - Vue tableau et cartes façon CRM moderne
+  - Recherche, filtres (statut, origine, commercial, télépro…)
+  - Tri (statut, commerciaux, dates de création / mise à jour)
+  - Import CSV / Excel avec mapping intelligent
+  - Export CSV / Excel (contacts + notes + fichiers liés, réservé aux admins)
+  - Gestion des statuts & motifs de fermeture
+- 📆 **Agenda**
+  - Vues **Mois / Semaine / Jour**
+  - Barre temporelle en temps réel
+  - Différenciation visuelle des types (tâches, rendez-vous, visio)
+  - Filtres par type et priorité
+- ⚙️ **Paramètres**
+  - Paramètres généraux (profil, sécurité, informations d’entreprise)
+  - Configuration SMTP + signature email
+  - Gestion des statuts & motifs de fermeture
+  - Intégrations (Google Calendar & Drive, Google Sheets, Meta Lead Ads, Google Ads…)
+- 🤖 **Automatisations (Workflows)**
+  - Workflows avec actions chaînées
+  - Exécution planifiée via **Vercel Cron**
+- 🎨 **UI moderne**
+  - Design type CRM (fond `bg-crms-bg`, cartes blanches, headers structurés)
+  - Tailwind CSS v4
+  - 📱 Design entièrement responsive
+
+## 🛠️ Stack technique
+
+- **Framework**: Next.js 16 (App Router)
+- **React**: React 19
+- **Base de données**: PostgreSQL avec Prisma ORM
+- **Authentification**: Better Auth
+- **Styling**: Tailwind CSS v4
+- **Langage**: TypeScript
+- **Gestionnaire de paquets**: pnpm
+
+## 🚀 Installation
+
+1. **Cloner le projet**
+
+```bash
+git clone <votre-repo>
+cd crm-template
+```
+
+2. **Installer les dépendances**
+
+```bash
+pnpm install
+```
+
+3. **Configurer les variables d'environnement**
+
+Créez un fichier `.env` à la racine du projet :
+
+```env
+# Database
+DATABASE_URL="postgresql://postgres:password@localhost:5432/crm_db"
+
+# Better Auth (générer avec: openssl rand -base64 32)
+BETTER_AUTH_SECRET="votre-clé-secrète-minimum-32-caractères"
+BETTER_AUTH_URL="http://localhost:3000"
+
+# Application
+NEXT_PUBLIC_APP_URL="http://localhost:3000"
+NODE_ENV="development"
+```
+
+4. **Créer la base de données**
+
+```bash
+createdb crm_db
+# Ou: psql -U postgres -c "CREATE DATABASE crm_db;"
+```
+
+5. **Appliquer les migrations**
+
+```bash
+pnpm prisma migrate deploy
+```
+
+6. **Lancer le serveur de développement**
+
+```bash
+pnpm dev
+```
+
+Ouvrez [http://localhost:3000](http://localhost:3000) pour voir l'application.
+
+7. **Créer votre premier admin**
+
+```bash
+# Ouvrir Prisma Studio
+pnpm prisma studio
+
+# Modifier le champ "role" de votre utilisateur en "ADMIN"
+```
+
+## 📁 Structure du projet
+
+```
+src/
+├── app/
+│   ├── (auth)/                  # Groupe de routes d'authentification
+│   ├── (dashboard)/             # Espace connecté (protégé)
+│   │   ├── dashboard/           # Tableau de bord
+│   │   ├── contacts/            # Gestion des contacts
+│   │   ├── agenda/              # Agenda (mois / semaine / jour)
+│   │   ├── automatisation/      # Workflows / automatisations
+│   │   ├── templates/           # Templates d’emails
+│   │   ├── settings/            # Paramètres (profil, entreprise, intégrations…)
+│   │   ├── users/               # Gestion des utilisateurs & rôles (admin)
+│   │   └── layout.tsx           # Layout avec sidebar
+│   ├── api/                     # API (contacts, workflows, intégrations, users, etc.)
+│   └── page.tsx                 # Page d'accueil (redirection)
+├── components/                  # Composants UI (sidebar, headers, skeletons…)
+├── lib/                         # Auth, Prisma, rôles, intégrations Google, workflows…
+└── proxy.ts                     # Protection des routes (proxy)
+```
+
+## 🔒 Protection & rôles
+
+- **Proxy Next.js** (`src/proxy.ts`) pour protéger les routes côté serveur :
+  - Pages dans `(dashboard)/` automatiquement protégées
+  - Redirection vers `/signin` si non authentifié
+  - Redirection vers le dashboard si déjà connecté sur les pages d’auth
+- **Rôles & permissions** :
+  - Rôles techniques + rôles personnalisés configurables via l’interface
+  - Vérification des permissions côté API (ex : `users.view`, `users.manage_roles`, intégrations…)
+  - Certaines sections (informations d’entreprise, paramètres d’application / système, intégrations, export contacts) sont réservées aux administrateurs
+
+## 🎨 Personnalisation
+
+### Ajouter une nouvelle page protégée
+
+1. Créez votre page dans `src/app/(dashboard)/ma-page/page.tsx`
+2. Ajoutez-la dans la navigation (`src/components/sidebar.tsx`)
+3. (Optionnel) Protégez-la par rôle dans `src/proxy.ts`
+
+### Modifier le thème
+
+Les couleurs principales sont configurées avec Tailwind. Modifiez les classes
+dans les composants pour personnaliser le thème.
+
+## 📝 Scripts disponibles
+
+```bash
+pnpm dev          # Lancer le serveur de développement
+pnpm build        # Build de production
+pnpm start        # Lancer le serveur de production
+pnpm lint         # Linter le code
+pnpm format       # Formater le code avec Prettier
+```
+
+## 📄 Licence
+
+MIT

package/template/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;

package/template/exemple-contacts.csv

@@ -0,0 +1,11 @@
+Civilité,Prénom,Nom,Téléphone,Téléphone secondaire,Email,Adresse,Ville,Code postal,Origine
+M,Jean,Dupont,0612345678,0698765432,jean.dupont@example.com,123 Rue de la République,Paris,75001,Google Ads
+MME,Marie,Martin,0623456789,,marie.martin@example.com,45 Avenue des Champs,Paris,75008,Facebook
+M,Pierre,Bernard,0634567890,0645678901,pierre.bernard@example.com,78 Boulevard Saint-Germain,Lyon,69001,LinkedIn
+MME,Sophie,Dubois,0645678901,,sophie.dubois@example.com,12 Place Bellecour,Lyon,69002,Recommandation
+M,Thomas,Moreau,0656789012,0667890123,thomas.moreau@example.com,56 Rue de la Paix,Marseille,13001,Google Ads
+MME,Julie,Lefebvre,0667890123,,julie.lefebvre@example.com,89 Cours Mirabeau,Marseille,13002,Facebook
+M,Michel,Petit,0678901234,,michel.petit@example.com,34 Rue du Commerce,Toulouse,31000,LinkedIn
+MME,Isabelle,Roux,0689012345,0690123456,isabelle.roux@example.com,67 Avenue Jean Jaurès,Toulouse,31001,Recommandation
+M,David,Simon,0690123456,,david.simon@example.com,23 Place du Capitole,Bordeaux,33000,Google Ads
+MME,Claire,Laurent,0612345679,,claire.laurent@example.com,45 Rue Sainte-Catherine,Bordeaux,33001,Facebook

package/template/next.config.ts

@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  reactCompiler: true,
+};
+
+export default nextConfig;

package/template/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "crm-template",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "postinstall": "prisma generate",
+    "lint": "eslint",
+    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,md}\"",
+    "format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,md}\""
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^5.2.2",
+    "@lexical/html": "^0.38.2",
+    "@lexical/list": "^0.38.2",
+    "@lexical/markdown": "^0.38.2",
+    "@lexical/react": "^0.38.2",
+    "@lexical/rich-text": "^0.38.2",
+    "@lexical/selection": "^0.38.2",
+    "@lexical/utils": "^0.38.2",
+    "@lexkit/editor": "^0.0.38",
+    "@prisma/adapter-pg": "^7.1.0",
+    "@prisma/client": "^7.1.0",
+    "@react-email/render": "^2.0.0",
+    "bcryptjs": "^3.0.3",
+    "better-auth": "^1.4.6",
+    "clsx": "^2.1.1",
+    "dotenv": "^17.2.3",
+    "iron-session": "^8.0.4",
+    "lexical": "^0.38.2",
+    "lucide-react": "^0.555.0",
+    "next": "16.0.10",
+    "nodemailer": "^7.0.11",
+    "papaparse": "^5.5.3",
+    "pg": "^8.16.3",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-hook-form": "^7.68.0",
+    "recharts": "^2.15.4",
+    "tailwind-merge": "^3.4.0",
+    "xlsx": "^0.18.5",
+    "zod": "^4.1.13"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^20.19.26",
+    "@types/nodemailer": "^7.0.4",
+    "@types/papaparse": "^5.5.1",
+    "@types/pg": "^8.16.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9.39.1",
+    "eslint-config-next": "16.0.7",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "prisma": "^7.1.0",
+    "tailwindcss": "^4.1.18",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  }
+}

package/template/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/template/prisma/migrations/20251126144728_init/migration.sql

@@ -0,0 +1,78 @@
+-- CreateTable
+CREATE TABLE "user" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "emailVerified" BOOLEAN NOT NULL DEFAULT false,
+    "image" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "user_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "session" (
+    "id" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "token" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "ipAddress" TEXT,
+    "userAgent" TEXT,
+    "userId" TEXT NOT NULL,
+
+    CONSTRAINT "session_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "account" (
+    "id" TEXT NOT NULL,
+    "accountId" TEXT NOT NULL,
+    "providerId" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "accessToken" TEXT,
+    "refreshToken" TEXT,
+    "idToken" TEXT,
+    "accessTokenExpiresAt" TIMESTAMP(3),
+    "refreshTokenExpiresAt" TIMESTAMP(3),
+    "scope" TEXT,
+    "password" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "account_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "verification" (
+    "id" TEXT NOT NULL,
+    "identifier" TEXT NOT NULL,
+    "value" TEXT NOT NULL,
+    "expiresAt" TIMESTAMP(3) NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "verification_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "user_email_key" ON "user"("email");
+
+-- CreateIndex
+CREATE INDEX "session_userId_idx" ON "session"("userId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "session_token_key" ON "session"("token");
+
+-- CreateIndex
+CREATE INDEX "account_userId_idx" ON "account"("userId");
+
+-- CreateIndex
+CREATE INDEX "verification_identifier_idx" ON "verification"("identifier");
+
+-- AddForeignKey
+ALTER TABLE "session" ADD CONSTRAINT "session_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "account" ADD CONSTRAINT "account_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE CASCADE ON UPDATE CASCADE;

package/template/prisma/migrations/20251126155204_add_user_roles/migration.sql

@@ -0,0 +1,5 @@
+-- CreateEnum
+CREATE TYPE "Role" AS ENUM ('USER', 'ADMIN');
+
+-- AlterTable
+ALTER TABLE "user" ADD COLUMN "role" "Role" NOT NULL DEFAULT 'USER';

package/template/prisma/migrations/20251128095126_add_company_info/migration.sql

@@ -0,0 +1,19 @@
+-- CreateTable
+CREATE TABLE "company" (
+    "id" TEXT NOT NULL DEFAULT 'company',
+    "name" TEXT,
+    "address" TEXT,
+    "city" TEXT,
+    "postalCode" TEXT,
+    "country" TEXT,
+    "phone" TEXT,
+    "email" TEXT,
+    "website" TEXT,
+    "siret" TEXT,
+    "vatNumber" TEXT,
+    "logo" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "company_pkey" PRIMARY KEY ("id")
+);

package/template/prisma/migrations/20251128123321_add_smtp_config/migration.sql

@@ -0,0 +1,22 @@
+-- CreateTable
+CREATE TABLE "smtp_config" (
+    "id" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "host" TEXT NOT NULL,
+    "port" INTEGER NOT NULL,
+    "secure" BOOLEAN NOT NULL DEFAULT false,
+    "username" TEXT NOT NULL,
+    "password" TEXT NOT NULL,
+    "fromEmail" TEXT NOT NULL,
+    "fromName" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "smtp_config_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "smtp_config_userId_key" ON "smtp_config"("userId");
+
+-- AddForeignKey
+ALTER TABLE "smtp_config" ADD CONSTRAINT "smtp_config_userId_fkey" FOREIGN KEY ("userId") REFERENCES "user"("id") ON DELETE CASCADE ON UPDATE CASCADE;

package/template/prisma/migrations/20251128132303_add_status/migration.sql

@@ -0,0 +1,23 @@
+-- CreateTable
+CREATE TABLE "status" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "color" TEXT NOT NULL,
+    "order" INTEGER NOT NULL DEFAULT 0,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "status_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "status_name_key" ON "status"("name");
+
+-- Insert default statuses (ignore if already exist)
+INSERT INTO "status" ("id", "name", "color", "order", "createdAt", "updatedAt") VALUES
+    (gen_random_uuid()::text, 'Nouveau', '#3B82F6', 1, NOW(), NOW()),
+    (gen_random_uuid()::text, 'À rappeler', '#F59E0B', 2, NOW(), NOW()),
+    (gen_random_uuid()::text, 'RDV pris', '#8B5CF6', 3, NOW(), NOW()),
+    (gen_random_uuid()::text, 'Converti (contrat signé)', '#10B981', 4, NOW(), NOW()),
+    (gen_random_uuid()::text, 'Perdu', '#EF4444', 5, NOW(), NOW())
+ON CONFLICT ("name") DO NOTHING;