@swc/plugin-formatjs 3.2.1 → 3.2.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @swc/plugin-formatjs
 
+## 3.2.3
+
+### Patch Changes
+
+- f226c4b: Generate the same ID after React Compiler
+
+## 3.2.2
+
+### Patch Changes
+
+- 5ddbaeb: Update swc_core to v23
+
 ## 3.2.1
 
 ### Patch Changes

package/README.md

@@ -4,6 +4,18 @@ FormatJS SWC plugin, maintained by SWC team.
 
 # @swc/plugin-formatjs
 
+## 3.2.2
+
+### Patch Changes
+
+- 5ddbaeb: Update swc_core to v23
+
+## 3.2.1
+
+### Patch Changes
+
+- 1abaa28: fix(formatjs): Sort description objects before serialization
+
 ## 3.2.0
 
 ### Minor Changes

package/package.json

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

package/src/lib.rs

@@ -16,7 +16,7 @@ pub fn process(mut program: Program, metadata: TransformPluginProgramMetadata) -
     let plugin_options: FormatJSPluginOptions = if let Some(plugin_config) = plugin_config {
         serde_json::from_str(&plugin_config).unwrap_or_else(|f| {
             println!("Could not deserialize instrumentation option");
-            println!("{:#?}", f);
+            println!("{f:#?}");
             Default::default()
         })
     } else {

package/Cargo.toml

@@ -1,24 +0,0 @@
-[package]
-authors = [
-  "OJ Kwon <kwon.ohjoong@gmail.com>",
-  "DongYoon Kang <kdy1997.dev@gmail.com>",
-]
-description = "formatjs plugin for SWC"
-edition = { workspace = true }
-license = { workspace = true }
-name = "swc_plugin_formatjs"
-publish = false
-repository = { workspace = true }
-version = "1.0.0"
-
-[lib]
-crate-type = ["cdylib"]
-
-[dependencies]
-serde = { workspace = true }
-serde_json = { workspace = true }
-swc_core = { workspace = true, features = [
-  "ecma_plugin_transform",
-  "ecma_ast_serde",
-] }
-swc_formatjs_transform = { path = "./transform", version = "4.0.0" }

package/__tests__/wasm.test.ts

@@ -1,286 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { transform } from "@swc/core";
-import path from "node:path";
-import url from "node:url";
-
-const transformCode = async (code: string, options = {}) => {
-  const result = await transform(code, {
-    jsc: {
-      parser: {
-        syntax: "typescript",
-        tsx: true,
-      },
-      experimental: {
-        plugins: [
-          [
-            path.join(
-              path.dirname(url.fileURLToPath(import.meta.url)),
-              "..",
-              "swc_plugin_formatjs.wasm",
-            ),
-            options,
-          ],
-        ],
-      },
-    },
-  });
-  return result.code;
-};
-
-describe("formatjs swc plugin", () => {
-  it("should transform FormattedMessage component", async () => {
-    const input = `
-      import React from 'react';
-      import { FormattedMessage } from 'react-intl';
-
-      export function Greeting() {
-        return (
-          <FormattedMessage
-            defaultMessage="Hello, {name}!"
-            description="Greeting message"
-          />
-        );
-      }
-    `;
-
-    const output = await transformCode(input);
-
-    expect(output).toMatch(/id: \".+\"/);
-    expect(output).toMatch(/defaultMessage: "Hello, \{name\}!"/);
-    expect(output).not.toMatch(/description/);
-  });
-
-  it("should transform defineMessage function", async () => {
-    const input = `
-      import { defineMessage } from 'react-intl';
-
-      const message = defineMessage({
-        defaultMessage: "Welcome to {site}",
-        description: "Welcome message"
-      });
-    `;
-
-    const output = await transformCode(input);
-
-    expect(output).toMatch(/id: "[^"]+"/);
-    expect(output).toMatch(/defaultMessage: "Welcome to \{site\}"/);
-    expect(output).not.toMatch(/description/);
-  });
-
-  it("should transform multiple messages in defineMessages", async () => {
-    const input = `
-      import { defineMessages } from 'react-intl';
-
-      const messages = defineMessages({
-        greeting: {
-          defaultMessage: "Hello",
-          description: "Greeting"
-        },
-        farewell: {
-          defaultMessage: "Goodbye",
-          description: "Farewell"
-        }
-      });
-    `;
-
-    const output = await transformCode(input);
-
-    const idMatches = output.match(/id:/g);
-    expect(idMatches).toHaveLength(2);
-
-    expect(output).toMatch(/defaultMessage: "Hello"/);
-    expect(output).toMatch(/defaultMessage: "Goodbye"/);
-
-    expect(output).not.toMatch(/description/);
-  });
-
-  it("should handle formatMessage calls", async () => {
-    const input = `
-      import { useIntl } from 'react-intl';
-
-      function MyComponent() {
-        const intl = useIntl();
-        return intl.formatMessage({
-          defaultMessage: "Click here",
-          description: "Button text"
-        });
-      }
-    `;
-
-    const output = await transformCode(input);
-
-    expect(output).toMatch(/id: "[^"]+"/);
-    expect(output).toMatch(/defaultMessage: "Click here"/);
-    expect(output).not.toMatch(/description/);
-  });
-
-  it("should preserve whitespace when option is enabled", async () => {
-    const input = `
-      import { FormattedMessage } from 'react-intl';
-
-      export function Greeting() {
-        return (
-          <FormattedMessage
-            defaultMessage="Hello,    {name}!"
-            description="Greeting message"
-          />
-        );
-      }
-    `;
-
-    const output = await transformCode(input, {
-      preserve_whitespace: true,
-    });
-
-    expect(output).toMatch(/defaultMessage: "Hello, {4}\{name\}!"/);
-  });
-
-  it("should use custom id interpolation pattern", async () => {
-    const input = `
-      import { FormattedMessage } from 'react-intl';
-
-      export function Greeting() {
-        return (
-          <FormattedMessage
-            defaultMessage="Hello, {name}!"
-            description="Greeting message"
-          />
-        );
-      }
-    `;
-
-    const output = await transformCode(input, {
-      idInterpolationPattern: "[name]_[hash:base64:5]",
-    });
-
-    expect(output).toMatch(/id: "file_[a-zA-Z0-9]{5}"/);
-  });
-
-  it("should handle additional component names", async () => {
-    const input = `
-      import { CustomMessage } from './custom-intl';
-
-      export function Greeting() {
-        return (
-          <CustomMessage
-            defaultMessage="Hello, {name}!"
-            description="Greeting message"
-          />
-        );
-      }
-    `;
-
-    const output = await transformCode(input, {
-      additionalComponentNames: ["CustomMessage"],
-    });
-
-    expect(output).toMatch(/id: "[^"]+"/);
-    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);
-  });
-
-  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}"/);
-  });
-});