Change message and translation to record types

Author: cknitt

CHANGELOG.md

@@ -11,6 +11,8 @@
   - Removed `Intl.now`
   - `FormattedRelative` has been renamed to `FormattedRelativeTime` and its API has been changed as well
   - `Intl.formatRelative` has been renamed to `Intl.formatRelativeTime` and its API has been changed as well
+* **[ BREAKING ]** Changed `ReactIntl.message` to record type.
+* **[ BREAKING ]** Removed `ReactIntl.translation`.
 * **[ BREAKING ]** Removed `ReactIntlCompat`.
 
 # 1.1.0

examples/Locale.re

@@ -1,7 +1,7 @@
 [@bs.module "./translations/en.json"]
-external en: array(ReactIntl.translation) = "default";
+external en: array(Util.translation) = "default";
 [@bs.module "./translations/ru.json"]
-external ru: array(ReactIntl.translation) = "default";
+external ru: array(Util.translation) = "default";
 
 type locale =
   | En

examples/Page.re

@@ -1,5 +1,4 @@
 open ReactIntl;
-open PageLocale;
 
 [@react.component]
 let make = (~locale, ~setLocale) => {
@@ -23,12 +22,12 @@ let make = (~locale, ~setLocale) => {
       <FormattedMessage id="page.world" defaultMessage="World" />
     </div>
     <div>
-      {intl->Intl.formatMessage(pageLocale##today)->React.string}
+      {intl->Intl.formatMessage(PageLocale.today)->React.string}
       " "->React.string
       {intl->Intl.formatDate(Js.Date.make())->React.string}
       " (intl.formatDate)"->React.string
       <br />
-      {intl->Intl.formatMessage(pageLocale##today)->React.string}
+      {intl->Intl.formatMessage(PageLocale.today)->React.string}
       " "->React.string
       <FormattedDate value={Js.Date.make()} />
       " (FormattedDate)"->React.string

examples/PageLocale.re

@@ -1,16 +1,6 @@
-let pageLocale =
-  [@intl.messages]
-  {
-    "hello": {
-      "id": "page.hello",
-      "defaultMessage": "Hello",
-    },
-    "world": {
-      "id": "page.world",
-      "defaultMessage": "World",
-    },
-    "today": {
-      "id": "page.today",
-      "defaultMessage": "Today is",
-    },
-  };
+open ReactIntl;
+[@intl.messages];
+
+let hello = {id: "page.hello", defaultMessage: "Hello"};
+let world = {id: "page.world", defaultMessage: "World"};
+let today = {id: "page.today", defaultMessage: "Today is"};

examples/Util.re

@@ -1,12 +1,18 @@
-let translationsToDict = (translations: array(ReactIntl.translation)) => {
+type translation = {
+  id: string,
+  defaultMessage: string,
+  message: Js.nullable(string),
+};
+
+let translationsToDict = (translations: array(translation)) => {
   translations->Belt.Array.reduce(
     Js.Dict.empty(),
     (dict, entry) => {
       dict->Js.Dict.set(
-        entry##id,
-        switch (entry##message->Js.Nullable.toOption) {
+        entry.id,
+        switch (entry.message->Js.Nullable.toOption) {
         | None
-        | Some("") => entry##defaultMessage
+        | Some("") => entry.defaultMessage
         | Some(message) => message
         },
       );

src/ReactIntl.re

@@ -90,16 +90,8 @@ external displayNameFormatOptions:
   displayNameFormatOptions;
 
 type message = {
-  .
-  "id": string,
-  "defaultMessage": string,
-};
-
-type translation = {
-  .
-  "id": string,
-  "defaultMessage": string,
-  "message": Js.nullable(string),
+  id: string,
+  defaultMessage: string,
 };
 
 type part = {