Merge branch 'Usageofmd4hashtypefailsinenvironmentsusingnode17'

Author: micantoine

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Svelte preprocess CSS Modules, changelog
 
+## 2.2.2 (June 21, 2022)
+
+### Fixes
+
+- Set default hash method to `md5` to support node17+ [issue 60](https://github.com/micantoine/svelte-preprocess-cssmodules/issues/60)
+
 ## 2.2.1 (May 26, 2022)
 
 ### Fixes

README.md

@@ -1006,9 +1006,9 @@ Inspired by [webpack interpolateName](https://github.com/webpack/loader-utils#in
 - `[name]` the basename of the resource
 - `[path]` the path of the resource
 - `[folder]` the folder the resource is in
-- `[contenthash]` or `[hash]` *(they are the same)* the hash of the resource content (by default it's the hex digest of the md4 hash)
+- `[contenthash]` or `[hash]` *(they are the same)* the hash of the resource content (by default it's the hex digest of the md5 hash)
 - `[<hashType>:contenthash:<digestType>:<length>]` optionally one can configure
-  - other hashTypes, i. e. `sha1`, `md4`, `md5`, `sha256`, `sha512`
+  - other hashTypes, i. e. `sha1`, `md5`, `sha256`, `sha512`
   - other digestTypes, i. e. `hex`, `base26`, `base32`, `base36`, `base49`, `base52`, `base58`, `base62`, `base64`
   - and `length` the length in chars
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-preprocess-cssmodules",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Svelte preprocessor to generate CSS Modules classname on Svelte components",
   "keywords": [
     "svelte",

src/lib/getHashDijest.ts

@@ -58,7 +58,7 @@ const getHashDigest = (
   digestType: string,
   maxLength = 9999
 ): string => {
-  const hash = createHash(hashType || 'md4');
+  const hash = createHash(hashType || 'md5');
 
   hash.update(buffer);
 

test/globalFixtures/options.test.js

@@ -59,7 +59,7 @@ test('Use the filepath only as hash seeder', async () => {
   });
 
   expect(output).toBe(
-    '<style module>:global(.red-027d15) { color: red; } :global(.bold-027d15) { color: bold; }</style><span class="red-027d15 bold-027d15">Red</span>'
+    '<style module>:global(.red-727f4c) { color: red; } :global(.bold-727f4c) { color: bold; }</style><span class="red-727f4c bold-727f4c">Red</span>'
   );
 });