update example to 0.10.0

zth · Jul 25, 2020 · 8ed636d · 8ed636d
1 parent c8750bf
commit 8ed636d
Show file tree

Hide file tree

Showing 22 changed files with 1,819 additions and 1,782 deletions.
diff --git a/example/package.json b/example/package.json
@@ -20,16 +20,16 @@
     "graphql": "^14.5.8",
     "react": "0.0.0-experimental-d28bd2994",
     "react-dom": "0.0.0-experimental-d28bd2994",
-    "react-relay": "0.0.0-experimental-8cc94ddc",
-    "reason-promise": "^1.0.2",
-    "reason-react": "^0.7.0",
-    "reason-relay": "0.9.0",
-    "relay-compiler": "9.0.0",
-    "relay-config": "9.0.0",
-    "relay-runtime": "9.0.0"
+    "react-relay": "0.0.0-experimental-8058ef82",
+    "reason-promise": "^1.1.1",
+    "reason-react": "^0.9.1",
+    "reason-relay": "0.10.0",
+    "relay-compiler": "10.0.1",
+    "relay-config": "10.0.1",
+    "relay-runtime": "10.0.1"
   },
   "devDependencies": {
-    "bs-platform": "7.2.2",
+    "bs-platform": "8.0.3",
     "html-webpack-plugin": "^3.2.0",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.3.9",

diff --git a/example/src/App.re b/example/src/App.re
@@ -7,10 +7,9 @@
 let make = () => {
   <div className="container-scroller">
     <div className="container-fluid page-body-wrapper">
-      <ReactExperimental.Suspense
-        fallback={<div> {React.string("Loading...")} </div>}>
+      <React.Suspense fallback={<div> {React.string("Loading...")} </div>}>
         <Main />
-      </ReactExperimental.Suspense>
+      </React.Suspense>
     </div>
   </div>;
 };
diff --git a/example/src/Main.re b/example/src/Main.re
@@ -50,17 +50,15 @@ let make = () => {
   <div className="main-panel">
     <div className="content-wrapper">
       <Header />
-      <TopCardsDisplayer
-        siteStatistics={query.siteStatistics.getFragmentRefs()}
-      />
+      <TopCardsDisplayer siteStatistics={query.siteStatistics.fragmentRefs} />
       <div className="row">
         <div className="col-8 grid-margin">
-          <RecentTickets query={query.getFragmentRefs()} />
+          <RecentTickets query={query.fragmentRefs} />
         </div>
         <div className="col-4 grid-margin">
-          <TodoList query={query.getFragmentRefs()} />
+          <TodoList query={query.fragmentRefs} />
         </div>
       </div>
     </div>
   </div>;
-};
+};
diff --git a/example/src/RecentTickets.re b/example/src/RecentTickets.re
@@ -47,10 +47,7 @@ let make = (~query as queryRef) => {
             {data.ticketsConnection
              ->Fragment.getConnectionNodes_ticketsConnection
              ->Belt.Array.map(ticket =>
-                 <SingleTicket
-                   key={ticket.id}
-                   ticket={ticket.getFragmentRefs()}
-                 />
+                 <SingleTicket key={ticket.id} ticket={ticket.fragmentRefs} />
                )
              ->React.array}
           </tbody>
@@ -67,4 +64,4 @@ let make = (~query as queryRef) => {
       </div>
     </div>
   </div>;
-};
+};
diff --git a/example/src/SingleTicket.re b/example/src/SingleTicket.re
@@ -30,11 +30,11 @@ let make = (~ticket as ticketRef) => {
       {switch (ticket.assignee) {
        | Some(assignee) =>
          switch (assignee) {
-         | `User(user) => <Avatar user={user.getFragmentRefs()} />
+         | `User(user) => <Avatar user={user.fragmentRefs} />
          | `WorkingGroup(workingGroup) =>
            <React.Suspense fallback={<Loading />}>
              <SingleTicketWorkingGroup
-               workingGroup={workingGroup.getFragmentRefs()}
+               workingGroup={workingGroup.fragmentRefs}
              />
            </React.Suspense>
          | `UnselectedUnionMember(_) => <span> {React.string("-")} </span>
@@ -43,10 +43,10 @@ let make = (~ticket as ticketRef) => {
        }}
     </td>
     <td> {React.string(ticket.subject)} </td>
-    <td> <TicketStatusBadge ticket={ticket.getFragmentRefs()} /> </td>
+    <td> <TicketStatusBadge ticket={ticket.fragmentRefs} /> </td>
     <td>
       {React.string(Belt.Option.getWithDefault(ticket.lastUpdated, "-"))}
     </td>
     <td> {React.string(ticket.trackingId)} </td>
   </tr>;
-};
+};
diff --git a/example/src/SingleTicketWorkingGroup.re b/example/src/SingleTicketWorkingGroup.re
@@ -23,7 +23,7 @@ module WorkingGroupFragment = [%relay.fragment
 let make = (~workingGroup as wgRef) => {
   let (workingGroup, refetch) = WorkingGroupFragment.useRefetchable(wgRef);
   let (startTransition, isPending) =
-    ReactExperimental.useTransition(~timeoutMs=5000, ());
+    React.useTransition(~config={timeoutMs: 5000}, ());
 
   <div>
     <strong> {React.string(workingGroup.name)} </strong>
@@ -67,4 +67,4 @@ let make = (~workingGroup as wgRef) => {
        }}
     </div>
   </div>;
-};
+};
diff --git a/example/src/TodoList.re b/example/src/TodoList.re
@@ -122,7 +122,7 @@ let make = (~query as queryRef) => {
            ->Belt.Array.map(todoItem =>
                <SingleTodo
                  key={todoItem.id}
-                 todoItem={todoItem.getFragmentRefs()}
+                 todoItem={todoItem.fragmentRefs}
                  checked=true
                />
              )
@@ -131,4 +131,4 @@ let make = (~query as queryRef) => {
       </div>
     </div>
   </div>;
-};
+};
diff --git a/example/src/__generated__/Avatar_user_graphql.re b/example/src/__generated__/Avatar_user_graphql.re