Community Announcements

replacements.dev.json

@@ -1,8 +1,9 @@
 {
   "REPL_DEVHUB": "devhub-dev.testnet",
   "REPL_DEVHUB_LEGACY": "devhub-dev.testnet",
-  "REPL_DEVHUB_CONTRACT": "thomaspreview.testnet",
+  "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/core/adapter/devhub-contract.jsx

@@ -14,7 +14,13 @@ function hasModerator({ account_id }) {
 }
 
 function createCommunity({ inputs }) {
-  return Near.call("${REPL_DEVHUB_CONTRACT}", "create_community", { inputs });
+  return Near.call(
+    "${REPL_DEVHUB_CONTRACT}",
+    "create_community",
+    { inputs },
+    Big(10).pow(14), // gas
+    Big(2) * Big(10).pow(24) // deposit (2N)
+  );
 }
 
 function getCommunity({ handle }) {
@@ -112,52 +118,6 @@ function getAllCommunitiesMetadata() {
   );
 }
 
-function getAvailableAddons() {
-  return [
-    {
-      id: "wiki",
-      title: "Wiki",
-      description: "Create a wiki for your community",
-      view_widget: "${REPL_DEVHUB}/widget/devhub.entity.addon.wiki.Viewer",
-      configurator_widget:
-        "${REPL_DEVHUB}/widget/devhub.entity.addon.wiki.Configurator",
-    },
-    {
-      id: "telegram",
-      title: "Telegram",
-      description: "Connect your telegram",
-      view_widget: "${REPL_DEVHUB}/widget/devhub.entity.addon.telegram.Viewer",
-      configurator_widget:
-        "${REPL_DEVHUB}/widget/devhub.entity.addon.telegram.Configurator",
-    },
-    {
-      id: "github",
-      title: "Github",
-      description: "Connect your github",
-      view_widget: "${REPL_DEVHUB}/widget/devhub.entity.addon.github.Viewer",
-      configurator_widget:
-        "${REPL_DEVHUB}/widget/devhub.entity.addon.github.Configurator",
-    },
-    {
-      id: "kanban",
-      title: "Kanban",
-      description: "Connect your github kanban board",
-      view_widget: "${REPL_DEVHUB}/widget/devhub.entity.addon.kanban.Viewer",
-      configurator_widget:
-        "${REPL_DEVHUB}/widget/devhub.entity.addon.kanban.Configurator",
-    },
-    {
-      id: "blog",
-      title: "Blog",
-      description: "Create a blog for your community",
-      view_widget: "${REPL_DEVHUB}/widget/devhub.entity.addon.blog.Viewer",
-      configurator_widget:
-        "${REPL_DEVHUB}/widget/devhub.entity.addon.blog.Configurator",
-    },
-  ];
-  // return Near.view("${REPL_DEVHUB_CONTRACT}", "get_available_addons") ?? null;
-}
-
 function getCommunityAddons({ handle }) {
   return Near.view("${REPL_DEVHUB_CONTRACT}", "get_community_addons", {
     handle,
@@ -193,6 +153,15 @@ function getPostsByLabel({ label }) {
   );
 }
 
+function setCommunitySocialDB({ handle, data }) {
+  return (
+    Near.call("${REPL_DEVHUB_CONTRACT}", "set_community_socialdb", {
+      handle,
+      data,
+    }) ?? null
+  );
+}
+
 function useQuery(name, params) {
   const initialState = { data: null, error: null, isLoading: true };
 
@@ -246,5 +215,6 @@ return {
   getPost,
   getPostsByAuthor,
   getPostsByLabel,
+  setCommunitySocialDB,
   useQuery,
 };

src/devhub/components/layout/LikeButton/Faces.jsx

@@ -61,16 +61,16 @@ return (
       {renderFaces.map((accountId, i) => (
         <a
           key={i}
-          href={`#/mob.near/widget/ProfilePage?accountId=${accountId}`}
+          href={`#/${REPL_MOB}/widget/ProfilePage?accountId=${accountId}`}
           className="text-decoration-none d-inline-block"
         >
           <Widget
-            src="mob.near/widget/Profile.OverlayTrigger"
+            src="${REPL_MOB}/widget/Profile.OverlayTrigger"
             props={{
               accountId,
               children: (
                 <Widget
-                  src="mob.near/widget/ProfileImage"
+                  src="${REPL_MOB}/widget/ProfileImage"
                   props={{
                     metadata,
                     accountId,
@@ -100,7 +100,7 @@ return (
               {faces.slice(0, 10).map((accountId, i) => (
                 <Fragment key={i}>
                   <Widget
-                    src="mob.near/widget/ProfileLine"
+                    src="${REPL_MOB}/widget/ProfileLine"
                     props={{ accountId, link: false }}
                   />
                   <br />

src/devhub/components/molecule/ProfileCard.jsx

@@ -41,7 +41,7 @@ const ProfileCard = (props) => {
       {!hideImage && (
         <Widget
           key="image"
-          src="mob.near/widget/ProfileImage"
+          src="${REPL_MOB}/widget/ProfileImage"
           props={{
             style: { width: "2.5em", height: "2.5em", marginRight: "0.3em" },
             profile,
@@ -80,7 +80,7 @@ const ProfileCard = (props) => {
   if (props.tooltip === true) {
     return (
       <Widget
-        src="mob.near/widget/Profile.OverlayTrigger"
+        src="${REPL_MOB}/widget/Profile.OverlayTrigger"
         props={{ accountId, children: inner }}
       />
     );

src/devhub/components/organism/Feed.jsx

@@ -0,0 +1,119 @@
+const { Feed } = VM.require("${REPL_DEVS}/widget/Feed");
+Feed = Feed || (() => <></>);
+
+const filteredAccountIds = props.filteredAccountIds ?? [];
+
+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: filteredAccountIds,
+            },
+            cacheOptions: {
+              ignoreCache: true,
+            },
+          },
+        ]}
+        Item={(item) => (
+          <Widget
+            src="${REPL_NEAR}/widget/v1.Posts.Post"
+            loading={<div className="w-100" style={{ height: "200px" }} />}
+            props={{
+              accountId: item.accountId,
+              blockHeight: item.blockHeight,
+            }}
+          />
+        )}
+      />
+    ) : (
+      <Widget
+        src={`${REPL_DEVHUB}/widget/devhub.components.organism.Feed.NearQueryApi`}
+        props={{
+          GRAPHQL_ENDPOINT,
+          showFlagAccountFeature: true,
+          filteredAccountIds: filteredAccountIds,
+        }}
+      />
+    )}
+  </>
+);