feat(formatjs): Support sha1 hashing option (#431)

Author: giles-v

.changeset/legal-breads-sink.md

@@ -0,0 +1,5 @@
+---
+"@swc/plugin-formatjs": minor
+---
+
+Add support for sha1 hash_type in idInterpolationPattern

Cargo.lock

@@ -24,6 +24,7 @@ cipher                      = "0.4.4"
 clap                        = "4.5.4"
 convert_case                = "0.6.0"
 default-from-serde          = "0.1"
+digest                      = "0.10"
 handlebars                  = "5.1.2"
 hex                         = "0.4.3"
 langtag                     = "0.3.2"
@@ -39,6 +40,7 @@ regex                       = { version = "1.10.4", default-features = false }
 serde                       = "1.0.203"
 serde_json                  = "1.0.117"
 serde_repr                  = "0.1"
+sha1                        = "0.10"
 sha2                        = "0.10"
 similar-asserts             = "1.4.2"
 sourcemap                   = "9.0.0"

Cargo.toml

@@ -178,4 +178,30 @@ describe("formatjs swc plugin", () => {
     expect(output).toMatch(/defaultMessage: "Hello, \{name\}!"/);
     expect(output).not.toMatch(/description/);
   });
+
+  it("should be able to use sha1 and sha512 hashing in interpolation", async () => {
+    const input = `
+      import { FormattedMessage } from 'react-intl';
+
+      export function Greeting() {
+        return (
+          <FormattedMessage
+            defaultMessage="Hello!"
+            description="Greeting message"
+          />
+        );
+      }
+    `;
+
+    const sha1output = await transformCode(input, {
+      idInterpolationPattern: "[sha1:contenthash:base64:6]",
+    });
+    const sha512output = await transformCode(input, {
+      idInterpolationPattern: "[sha512:contenthash:base64:6]",
+    });
+
+    expect(sha1output).toMatch(/id: "[a-zA-Z0-9]{6}"/);
+    expect(sha512output).toMatch(/id: "[a-zA-Z0-9]{6}"/);
+    expect(sha1output).not.toMatch(sha512output);
+  });
 });

packages/formatjs/__tests__/wasm.test.ts

@@ -15,10 +15,12 @@ custom_transform = []
 
 [dependencies]
 base64ct   = { workspace = true, features = ["alloc"] }
+digest     = { workspace = true }
 once_cell  = { workspace = true }
 regex      = { workspace = true }
 serde      = { workspace = true, features = ["derive"] }
 serde_json = { workspace = true }
+sha1       = { workspace = true }
 sha2       = { workspace = true }
 swc_core   = { workspace = true, features = ["common", "ecma_visit", "ecma_ast"] }
 

packages/formatjs/transform/Cargo.toml

@@ -5,9 +5,11 @@ use std::{
 };
 
 use base64ct::{Base64, Encoding};
+use digest::DynDigest;
 use once_cell::sync::Lazy;
 use regex::{Captures, Regex as Regexp};
 use serde::{ser::SerializeMap, Deserialize, Serialize};
+use sha1::Sha1;
 use sha2::{Digest, Sha512};
 use swc_core::{
     common::{
@@ -494,12 +496,15 @@ fn interpolate_name(filename: &str, interpolate_pattern: &str, content: &str) ->
 
     url = r
         .replace(url.as_str(), |cap: &Captures| {
-            // let hash_type = cap.get(1);
+            let hash_type = cap.get(1);
             // let digest_type = cap.get(2);
             let max_length = cap.get(3);
 
-            // TODO: support hashtype
-            let mut hasher = Sha512::new();
+            // TODO: support more hash_types than sha1 and sha512
+            let mut hasher: Box<dyn DynDigest> = match hash_type {
+                Some(hash_type) if hash_type.as_str() == "sha1" => Box::new(Sha1::new()),
+                _ => Box::new(Sha512::new()),
+            };
             hasher.update(content.as_bytes());
             let hash = hasher.finalize();
             let base64_hash = Base64::encode_string(&hash);