@swc/plugin-formatjs 3.1.2 → 3.2.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @swc/plugin-formatjs
 
+## 3.2.1
+
+### Patch Changes
+
+- 1abaa28: fix(formatjs): Sort description objects before serialization
+
+## 3.2.0
+
+### Minor Changes
+
+- 648faf7: add support for hex and base64url digest encodings in idInterpolationPattern placeholders
+
 ## 3.1.2
 
 ### Patch Changes

package/README.md

@@ -4,6 +4,12 @@ FormatJS SWC plugin, maintained by SWC team.
 
 # @swc/plugin-formatjs
 
+## 3.2.0
+
+### Minor Changes
+
+- 648faf7: add support for hex and base64url digest encodings in idInterpolationPattern placeholders
+
 ## 3.1.2
 
 ### Patch Changes

package/__tests__/wasm.test.ts

@@ -204,4 +204,83 @@ describe("formatjs swc plugin", () => {
     expect(sha512output).toMatch(/id: "[a-zA-Z0-9]{6}"/);
     expect(sha1output).not.toMatch(sha512output);
   });
+
+  it("should be able to use object description", async () => {
+    const input = `
+      import { FormattedMessage } from 'react-intl';
+
+      export function Greeting() {
+        return (
+          <FormattedMessage
+            defaultMessage="Hello!"
+            description={{ text: "Greeting message" }}
+          />
+        );
+      }
+    `;
+
+    console.log(input);
+    const output = await transformCode(input);
+
+    expect(output).toMatch(/id: "zL\/jyT\"/);
+  });
+
+  it("should generate same id even if order of keys is different in two description objects with same keys", async () => {
+    const input = `
+      import { FormattedMessage } from 'react-intl';
+
+      export function Greeting() {
+        return (
+          <FormattedMessage
+            defaultMessage="Hello!"
+            description={{ text: "Greeting message", image: "https://example.com/image.png" }}
+          />
+        );
+      }
+    `;
+
+    const input2 = `
+      import { FormattedMessage } from 'react-intl';
+
+      export function Greeting() {
+        return (
+          <FormattedMessage
+            defaultMessage="Hello!"
+            description={{ image: "https://example.com/image.png", text: "Greeting message" }}
+          />
+        );
+      }
+    `;
+
+    const output = await transformCode(input);
+    const output2 = await transformCode(input2);
+
+    expect(output).toMatch(output2);
+  });
+
+  it("should be able to use different encodings in interpolation", async () => {
+    const input = `
+      import { FormattedMessage } from 'react-intl';
+
+      export function Greeting() {
+        return (
+          <FormattedMessage
+            defaultMessage="Hello, World!"
+            description="Greeting message"
+          />
+        );
+      }
+    `;
+
+    const hexOutput = await transformCode(input, {
+      idInterpolationPattern: "[sha512:contenthash:hex:9]",
+    });
+
+    const base64UrlOutput = await transformCode(input, {
+      idInterpolationPattern: "[sha512:contenthash:base64url:12]",
+    });
+
+    expect(hexOutput).toMatch(/id: "[0-9a-f]{9}"/);
+    expect(base64UrlOutput).toMatch(/id: "[a-zA-Z0-9-_]{12}"/);
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swc/plugin-formatjs",
-  "version": "3.1.2",
+  "version": "3.2.1",
   "description": "FormatJS SWC plugin",
   "main": "swc_plugin_formatjs.wasm",
   "homepage": "https://swc.rs",