datakeen-session-react 1.0.15 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
# Intégration du SDK dans un projet Vite + React + TypeScript
|
|
2
|
+
|
|
3
|
+
Ce guide explique comment intégrer manuellement le SDK dans un projet React TypeScript basé sur Vite.
|
|
4
|
+
|
|
5
|
+
## Étapes à suivre
|
|
6
|
+
|
|
7
|
+
### 1. Créer un nouveau projet Vite avec React et TypeScript
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm create vite@latest my-app -- --template react-ts
|
|
11
|
+
cd my-app
|
|
12
|
+
npm install
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### 2. Nettoyer le projet
|
|
16
|
+
|
|
17
|
+
Supprimez tous les fichiers dans `src/` sauf :
|
|
18
|
+
|
|
19
|
+
- `main.tsx`
|
|
20
|
+
- `App.tsx`
|
|
21
|
+
|
|
22
|
+
Vous pouvez les modifier ensuite pour les adapter au SDK.
|
|
23
|
+
|
|
24
|
+
### 3. Copier le contenu du `src/` du SDK
|
|
25
|
+
|
|
26
|
+
Copiez **tout le contenu du dossier `src/`** du SDK dans le `src/` de ce nouveau projet **Vite**.
|
|
27
|
+
|
|
28
|
+
> ⚠️ N'incluez **pas** le fichier `index.ts` du SDK, il peut entrer en conflit avec l’entrée du projet Vite.
|
|
29
|
+
|
|
30
|
+
### 4. Mettre à jour les dépendances
|
|
31
|
+
|
|
32
|
+
Ouvrez le `package.json` du SDK et copiez toutes les dépendances (`dependencies` et éventuellement `devDependencies`) dans celui du projet Vite.
|
|
33
|
+
|
|
34
|
+
Ensuite, installez les nouvelles dépendances :
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
npm install
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
> ✅ Assurez-vous de ne pas écraser les dépendances existantes (comme `react`, `vite`, etc.). Fusionnez intelligemment les deux blocs.
|
|
41
|
+
|
|
42
|
+
### 5. Lancer le projet
|
|
43
|
+
|
|
44
|
+
Une fois tout copié et installé :
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm run dev
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
Votre projet est maintenant prêt avec le SDK intégré.
|
|
51
|
+
|
|
52
|
+
---
|
|
53
|
+
|
|
54
|
+
## Notes
|
|
55
|
+
|
|
56
|
+
- Si le SDK utilise des variables d’environnement, pensez à les définir dans un fichier `.env`.
|
|
57
|
+
- Vérifiez les éventuels alias dans `tsconfig.json` et `vite.config.ts` si le SDK en dépend.
|
|
58
|
+
- Si le SDK a des styles globaux, importez-les dans `main.tsx` ou `App.tsx`.
|