canvasframework 0.3.13 → 0.3.15
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.
- package/README.md +721 -2
- package/components/CircularProgress.js +213 -29
- package/core/CanvasFramework.js +1 -0
- package/core/Component.js +90 -0
- package/index.js +1 -0
- package/package.json +1 -1
- package/utils/CryptoManager.js +303 -0
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Gestionnaire de cryptographie pour le Canvas Framework
|
|
3
|
+
* Utilise l'API Web Crypto (SubtleCrypto) pour un chiffrement sécurisé
|
|
4
|
+
* @class
|
|
5
|
+
*/
|
|
6
|
+
class CryptoManager {
|
|
7
|
+
constructor() {
|
|
8
|
+
// Vérifier la disponibilité de l'API Crypto
|
|
9
|
+
if (!window.crypto || !window.crypto.subtle) {
|
|
10
|
+
throw new Error('Web Crypto API is not available in this browser');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
this.crypto = window.crypto.subtle;
|
|
14
|
+
|
|
15
|
+
// Algorithme par défaut
|
|
16
|
+
this.algorithm = {
|
|
17
|
+
name: 'AES-GCM',
|
|
18
|
+
length: 256
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
// Stockage des clés en mémoire (pas dans localStorage !)
|
|
22
|
+
this._keys = new Map();
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* Génère une clé de chiffrement aléatoire
|
|
27
|
+
* @param {string} keyName - Nom de la clé pour référence ultérieure
|
|
28
|
+
* @returns {Promise<CryptoKey>}
|
|
29
|
+
*/
|
|
30
|
+
async generateKey(keyName = 'default') {
|
|
31
|
+
const key = await this.crypto.generateKey(
|
|
32
|
+
{
|
|
33
|
+
name: this.algorithm.name,
|
|
34
|
+
length: this.algorithm.length
|
|
35
|
+
},
|
|
36
|
+
true, // extractable
|
|
37
|
+
['encrypt', 'decrypt']
|
|
38
|
+
);
|
|
39
|
+
|
|
40
|
+
this._keys.set(keyName, key);
|
|
41
|
+
return key;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Importe une clé depuis une chaîne (base64)
|
|
46
|
+
* @param {string} keyString - Clé au format base64
|
|
47
|
+
* @param {string} keyName - Nom de la clé
|
|
48
|
+
* @returns {Promise<CryptoKey>}
|
|
49
|
+
*/
|
|
50
|
+
async importKey(keyString, keyName = 'default') {
|
|
51
|
+
const keyBuffer = this._base64ToBuffer(keyString);
|
|
52
|
+
|
|
53
|
+
const key = await this.crypto.importKey(
|
|
54
|
+
'raw',
|
|
55
|
+
keyBuffer,
|
|
56
|
+
{ name: this.algorithm.name },
|
|
57
|
+
true,
|
|
58
|
+
['encrypt', 'decrypt']
|
|
59
|
+
);
|
|
60
|
+
|
|
61
|
+
this._keys.set(keyName, key);
|
|
62
|
+
return key;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* Exporte une clé au format base64
|
|
67
|
+
* @param {string} keyName - Nom de la clé
|
|
68
|
+
* @returns {Promise<string>}
|
|
69
|
+
*/
|
|
70
|
+
async exportKey(keyName = 'default') {
|
|
71
|
+
const key = this._keys.get(keyName);
|
|
72
|
+
if (!key) {
|
|
73
|
+
throw new Error(`Key "${keyName}" not found`);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
const exported = await this.crypto.exportKey('raw', key);
|
|
77
|
+
return this._bufferToBase64(exported);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Dérive une clé depuis un mot de passe
|
|
82
|
+
* @param {string} password - Mot de passe
|
|
83
|
+
* @param {string} keyName - Nom de la clé
|
|
84
|
+
* @param {string} salt - Salt (optionnel, généré automatiquement)
|
|
85
|
+
* @returns {Promise<{key: CryptoKey, salt: string}>}
|
|
86
|
+
*/
|
|
87
|
+
async deriveKeyFromPassword(password, keyName = 'default', salt = null) {
|
|
88
|
+
// Générer ou utiliser le salt fourni
|
|
89
|
+
const saltBuffer = salt
|
|
90
|
+
? this._base64ToBuffer(salt)
|
|
91
|
+
: window.crypto.getRandomValues(new Uint8Array(16));
|
|
92
|
+
|
|
93
|
+
// Encoder le mot de passe
|
|
94
|
+
const encoder = new TextEncoder();
|
|
95
|
+
const passwordBuffer = encoder.encode(password);
|
|
96
|
+
|
|
97
|
+
// Importer le mot de passe comme clé
|
|
98
|
+
const keyMaterial = await this.crypto.importKey(
|
|
99
|
+
'raw',
|
|
100
|
+
passwordBuffer,
|
|
101
|
+
{ name: 'PBKDF2' },
|
|
102
|
+
false,
|
|
103
|
+
['deriveBits', 'deriveKey']
|
|
104
|
+
);
|
|
105
|
+
|
|
106
|
+
// Dériver la clé
|
|
107
|
+
const key = await this.crypto.deriveKey(
|
|
108
|
+
{
|
|
109
|
+
name: 'PBKDF2',
|
|
110
|
+
salt: saltBuffer,
|
|
111
|
+
iterations: 100000,
|
|
112
|
+
hash: 'SHA-256'
|
|
113
|
+
},
|
|
114
|
+
keyMaterial,
|
|
115
|
+
{ name: this.algorithm.name, length: this.algorithm.length },
|
|
116
|
+
true,
|
|
117
|
+
['encrypt', 'decrypt']
|
|
118
|
+
);
|
|
119
|
+
|
|
120
|
+
this._keys.set(keyName, key);
|
|
121
|
+
|
|
122
|
+
return {
|
|
123
|
+
key,
|
|
124
|
+
salt: this._bufferToBase64(saltBuffer)
|
|
125
|
+
};
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/**
|
|
129
|
+
* Chiffre des données
|
|
130
|
+
* @param {any} data - Données à chiffrer (sera converti en JSON)
|
|
131
|
+
* @param {string} keyName - Nom de la clé à utiliser
|
|
132
|
+
* @returns {Promise<{encrypted: string, iv: string}>}
|
|
133
|
+
*/
|
|
134
|
+
async encrypt(data, keyName = 'default') {
|
|
135
|
+
const key = this._keys.get(keyName);
|
|
136
|
+
if (!key) {
|
|
137
|
+
throw new Error(`Key "${keyName}" not found. Generate or import a key first.`);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
// Convertir les données en JSON puis en buffer
|
|
141
|
+
const dataString = typeof data === 'string' ? data : JSON.stringify(data);
|
|
142
|
+
const encoder = new TextEncoder();
|
|
143
|
+
const dataBuffer = encoder.encode(dataString);
|
|
144
|
+
|
|
145
|
+
// Générer un IV (Initialization Vector) aléatoire
|
|
146
|
+
const iv = window.crypto.getRandomValues(new Uint8Array(12));
|
|
147
|
+
|
|
148
|
+
// Chiffrer
|
|
149
|
+
const encryptedBuffer = await this.crypto.encrypt(
|
|
150
|
+
{
|
|
151
|
+
name: this.algorithm.name,
|
|
152
|
+
iv: iv
|
|
153
|
+
},
|
|
154
|
+
key,
|
|
155
|
+
dataBuffer
|
|
156
|
+
);
|
|
157
|
+
|
|
158
|
+
return {
|
|
159
|
+
encrypted: this._bufferToBase64(encryptedBuffer),
|
|
160
|
+
iv: this._bufferToBase64(iv)
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* Déchiffre des données
|
|
166
|
+
* @param {string} encryptedData - Données chiffrées (base64)
|
|
167
|
+
* @param {string} iv - IV utilisé lors du chiffrement (base64)
|
|
168
|
+
* @param {string} keyName - Nom de la clé à utiliser
|
|
169
|
+
* @param {boolean} parseJson - Parser le résultat en JSON (true par défaut)
|
|
170
|
+
* @returns {Promise<any>}
|
|
171
|
+
*/
|
|
172
|
+
async decrypt(encryptedData, iv, keyName = 'default', parseJson = true) {
|
|
173
|
+
const key = this._keys.get(keyName);
|
|
174
|
+
if (!key) {
|
|
175
|
+
throw new Error(`Key "${keyName}" not found. Generate or import a key first.`);
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
// Convertir les chaînes base64 en buffers
|
|
179
|
+
const encryptedBuffer = this._base64ToBuffer(encryptedData);
|
|
180
|
+
const ivBuffer = this._base64ToBuffer(iv);
|
|
181
|
+
|
|
182
|
+
// Déchiffrer
|
|
183
|
+
const decryptedBuffer = await this.crypto.decrypt(
|
|
184
|
+
{
|
|
185
|
+
name: this.algorithm.name,
|
|
186
|
+
iv: ivBuffer
|
|
187
|
+
},
|
|
188
|
+
key,
|
|
189
|
+
encryptedBuffer
|
|
190
|
+
);
|
|
191
|
+
|
|
192
|
+
// Convertir le buffer en string
|
|
193
|
+
const decoder = new TextDecoder();
|
|
194
|
+
const decryptedString = decoder.decode(decryptedBuffer);
|
|
195
|
+
|
|
196
|
+
// Parser en JSON si demandé
|
|
197
|
+
if (parseJson) {
|
|
198
|
+
try {
|
|
199
|
+
return JSON.parse(decryptedString);
|
|
200
|
+
} catch (e) {
|
|
201
|
+
// Si le parsing échoue, retourner la chaîne brute
|
|
202
|
+
return decryptedString;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
return decryptedString;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Chiffre et encode en une seule chaîne (pratique pour stockage)
|
|
211
|
+
* @param {any} data - Données à chiffrer
|
|
212
|
+
* @param {string} keyName - Nom de la clé
|
|
213
|
+
* @returns {Promise<string>} - Chaîne contenant données chiffrées + IV
|
|
214
|
+
*/
|
|
215
|
+
async encryptToString(data, keyName = 'default') {
|
|
216
|
+
const { encrypted, iv } = await this.encrypt(data, keyName);
|
|
217
|
+
return `${encrypted}.${iv}`;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* Déchiffre depuis une chaîne créée par encryptToString
|
|
222
|
+
* @param {string} encryptedString - Chaîne chiffrée
|
|
223
|
+
* @param {string} keyName - Nom de la clé
|
|
224
|
+
* @param {boolean} parseJson - Parser en JSON
|
|
225
|
+
* @returns {Promise<any>}
|
|
226
|
+
*/
|
|
227
|
+
async decryptFromString(encryptedString, keyName = 'default', parseJson = true) {
|
|
228
|
+
const [encrypted, iv] = encryptedString.split('.');
|
|
229
|
+
if (!encrypted || !iv) {
|
|
230
|
+
throw new Error('Invalid encrypted string format');
|
|
231
|
+
}
|
|
232
|
+
return this.decrypt(encrypted, iv, keyName, parseJson);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
/**
|
|
236
|
+
* Hash une chaîne (non réversible)
|
|
237
|
+
* @param {string} data - Données à hasher
|
|
238
|
+
* @param {string} algorithm - Algorithme (SHA-256, SHA-384, SHA-512)
|
|
239
|
+
* @returns {Promise<string>} - Hash en base64
|
|
240
|
+
*/
|
|
241
|
+
async hash(data, algorithm = 'SHA-256') {
|
|
242
|
+
const encoder = new TextEncoder();
|
|
243
|
+
const dataBuffer = encoder.encode(data);
|
|
244
|
+
|
|
245
|
+
const hashBuffer = await this.crypto.digest(algorithm, dataBuffer);
|
|
246
|
+
return this._bufferToBase64(hashBuffer);
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* Génère un token aléatoire sécurisé
|
|
251
|
+
* @param {number} length - Longueur en octets (32 par défaut)
|
|
252
|
+
* @returns {string} - Token en base64
|
|
253
|
+
*/
|
|
254
|
+
generateToken(length = 32) {
|
|
255
|
+
const buffer = window.crypto.getRandomValues(new Uint8Array(length));
|
|
256
|
+
return this._bufferToBase64(buffer);
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
/**
|
|
260
|
+
* Supprime une clé de la mémoire
|
|
261
|
+
* @param {string} keyName - Nom de la clé
|
|
262
|
+
*/
|
|
263
|
+
deleteKey(keyName) {
|
|
264
|
+
this._keys.delete(keyName);
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Supprime toutes les clés
|
|
269
|
+
*/
|
|
270
|
+
deleteAllKeys() {
|
|
271
|
+
this._keys.clear();
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
/**
|
|
275
|
+
* Liste les clés disponibles
|
|
276
|
+
* @returns {string[]}
|
|
277
|
+
*/
|
|
278
|
+
listKeys() {
|
|
279
|
+
return Array.from(this._keys.keys());
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
// ===== Méthodes utilitaires =====
|
|
283
|
+
|
|
284
|
+
_bufferToBase64(buffer) {
|
|
285
|
+
const bytes = new Uint8Array(buffer);
|
|
286
|
+
let binary = '';
|
|
287
|
+
for (let i = 0; i < bytes.length; i++) {
|
|
288
|
+
binary += String.fromCharCode(bytes[i]);
|
|
289
|
+
}
|
|
290
|
+
return btoa(binary);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
_base64ToBuffer(base64) {
|
|
294
|
+
const binary = atob(base64);
|
|
295
|
+
const bytes = new Uint8Array(binary.length);
|
|
296
|
+
for (let i = 0; i < binary.length; i++) {
|
|
297
|
+
bytes[i] = binary.charCodeAt(i);
|
|
298
|
+
}
|
|
299
|
+
return bytes.buffer;
|
|
300
|
+
}
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
export default CryptoManager;
|