updates feed

replacements.dev.json

@@ -4,5 +4,6 @@
   "REPL_DEVHUB_CONTRACT": "bodevhub.testnet",
   "REPL_NEAR": "discom.testnet",
   "REPL_MOB": "eugenethedream",
-  "REPL_EFIZ": "efiz.testnet"
+  "REPL_EFIZ": "efiz.testnet",
+  "REPL_DEVS": "nearbuilders.testnet"
 }

replacements.mainnet.json

@@ -4,5 +4,6 @@
   "REPL_DEVHUB_CONTRACT": "devgovgigs.near",
   "REPL_NEAR": "near",
   "REPL_MOB": "mob.near",
-  "REPL_EFIZ": "efiz.near"
+  "REPL_EFIZ": "efiz.near",
+  "REPL_DEVS": "devs.near"
 }

replacements.testnet.json

@@ -4,5 +4,6 @@
   "REPL_DEVHUB_CONTRACT": "thomaselliot.testnet",
   "REPL_NEAR": "discom.testnet",
   "REPL_MOB": "eugenethedream",
-  "REPL_EFIZ": "efiz.testnet"
+  "REPL_EFIZ": "efiz.testnet",
+  "REPL_DEVS": "nearbuilders.testnet"
 }

src/devhub/components/organism/Feed.jsx

@@ -0,0 +1,116 @@
+const { Feed } = VM.require("${REPL_DEVS}/widget/Module.Feed");
+Feed = Feed || (() => <></>);
+
+const GRAPHQL_ENDPOINT =
+  props.GRAPHQL_ENDPOINT ?? "https://near-queryapi.api.pagoda.co";
+
+let lastPostSocialApi = Social.index("post", "main", {
+  limit: 1,
+  order: "desc",
+});
+
+if (lastPostSocialApi == null) {
+  return "Loading...";
+}
+
+State.init({
+  // If QueryAPI Feed is lagging behind Social API, fallback to old widget.
+  shouldFallback: false,
+});
+
+function fetchGraphQL(operationsDoc, operationName, variables) {
+  return asyncFetch(`${GRAPHQL_ENDPOINT}/v1/graphql`, {
+    method: "POST",
+    headers: { "x-hasura-role": "dataplatform_near" },
+    body: JSON.stringify({
+      query: operationsDoc,
+      variables: variables,
+      operationName: operationName,
+    }),
+  });
+}
+
+const lastPostQuery = `
+query IndexerQuery {
+  dataplatform_near_social_feed_posts( limit: 1, order_by: { block_height: desc }) {
+      block_height
+  }
+}
+`;
+
+fetchGraphQL(lastPostQuery, "IndexerQuery", {})
+  .then((feedIndexerResponse) => {
+    if (
+      feedIndexerResponse &&
+      feedIndexerResponse.body.data.dataplatform_near_social_feed_posts.length >
+        0
+    ) {
+      const nearSocialBlockHeight = lastPostSocialApi[0].blockHeight;
+      const feedIndexerBlockHeight =
+        feedIndexerResponse.body.data.dataplatform_near_social_feed_posts[0]
+          .block_height;
+
+      const lag = nearSocialBlockHeight - feedIndexerBlockHeight;
+      let shouldFallback = lag > 2 || !feedIndexerBlockHeight;
+      if (shouldFallback === true) {
+        console.log(
+          "Falling back to Social index feed. Block difference is: ",
+          nearSocialBlockHeight - feedIndexerBlockHeight
+        );
+        State.update({ shouldFallback });
+      }
+    } else {
+      console.log(
+        "Falling back to Social index feed. No QueryApi data received."
+      );
+      State.update({ shouldFallback: true });
+    }
+  })
+  .catch((error) => {
+    console.log(
+      "Error while fetching QueryApi feed (falling back to index feed): ",
+      error
+    );
+    State.update({ shouldFallback: true });
+  });
+
+return (
+  <>
+    {state.shouldFallback ? (
+      <Feed
+        index={[
+          {
+            action: "post",
+            key: "main",
+            options: {
+              limit: 10,
+              order: "desc",
+              accountId: [`${handle}.community.${REPL_DEVHUB_CONTRACT}`],
+            },
+            cacheOptions: {
+              ignoreCache: true,
+            },
+          },
+        ]}
+        Item={(item) => (
+          <Widget
+            src="${REPL_NEAR}/widget/v1.Posts.Post"
+            props={{
+              accountId: item.accountId,
+              blockHeight: item.blockHeight,
+            }}
+          />
+        )}
+      />
+    ) : (
+      <Widget
+        src={`${REPL_DEVHUB}/widget/devhub.components.organism.Feed.NearQueryApi`}
+        props={{
+          GRAPHQL_ENDPOINT,
+          showFlagAccountFeature: true,
+          ...props,
+        }}
+      />
+    )}
+  </>
+);