feed poc

apps/bos-blocks/widget/Compose.jsx

@@ -0,0 +1,29 @@
+const Create = () => {
+  return (
+    <div className="row">
+      <div className="col-md-3">
+        <div className="d-flex flex-column gap-4">
+          <select className="form-select p-2 border rounded">
+            <option>Type 1</option>
+            <option>Type 2</option>
+            <option>Type 3</option>
+          </select>
+          <select className="form-select p-2 border rounded">
+            <option>Adapter A</option>
+            <option>Adapter B</option>
+            <option>Adapter C</option>
+          </select>
+          <select className="form-select p-2 border rounded">
+            <option>Template X</option>
+            <option>Template Y</option>
+            <option>Template Z</option>
+          </select>
+          <button className="btn btn-primary p-2 rounded">Submit</button>
+        </div>
+      </div>
+      <div className="col-md-9 p-4 border"></div>
+    </div>
+  );
+};
+
+return { Create };

apps/bos-blocks/widget/Create.jsx

@@ -1,7 +1,6 @@
-const Create = ({ toggleShowCreate }) => {
+const Create = () => {
   return (
     <div className="row">
-      <button onClick={toggleShowCreate}>back</button>
       <div className="col-md-3">
         <div className="d-flex flex-column gap-4">
           <select className="form-select p-2 border rounded">

apps/bos-blocks/widget/Dashboard.jsx

@@ -1,13 +1,47 @@
+/**
+ * TODO
+ *
+ * - [ ] add compose for feed, it shares the same "item", but uses a different "set" adapter (Social.index vs Social.set)
+ * - [ ]
+ *
+ */
+
 const { Feed } = VM.require("devs.near/widget/Feed") || (() => {});
 const { Create } = VM.require("devs.near/widget/Create") || (() => {});
 
+const accountId = context.accountId;
 
+const myFeeds = JSON.parse(
+  Social.get(`${context.accountId}/settings/every/feed`, "final") || "null"
+);
+
+function getPersonalizedIndex() {
+  if (myFeeds) {
+    return myFeeds.map((feed) => {
+      return {
+        action: feed.action,
+        key: feed.key,
+        options: {
+          limit: 10,
+          order: "desc",
+          accountId: undefined,
+        },
+        cacheOptions: {
+          ignoreCache: true,
+        },
+      };
+    });
+  } else {
+    return [];
+  }
+}
 
 const availableFeeds = [
   {
     name: "main",
     description: "Main feed",
     type: "social",
+    postTemplate: "devs.near/widget/Post",
     props: {
       index: [
         {
@@ -41,6 +75,7 @@ const availableFeeds = [
     name: "#dev",
     description: "hashtag feed",
     type: "social",
+    postTemplate: "devs.near/widget/Post",
     props: {
       index: {
         action: "hashtag",
@@ -56,6 +91,32 @@ const availableFeeds = [
       },
     },
   },
+  {
+    name: "embeds",
+    description: "embeds feed",
+    type: "social",
+    postTemplate: "embeds.near/widget/Post.Index",
+    props: {
+      index: {
+        action: "post",
+        key: "main",
+        options: {
+          limit: 10,
+          order: "desc",
+          accountId: ["efiz.near"],
+        },
+      },
+    },
+  },
+  {
+    name: "personalized",
+    description: "personalized feed",
+    type: "social",
+    postTemplate: "mob.near/widget/N.Post",
+    props: {
+      index: getPersonalizedIndex(),
+    },
+  },
 ];
 
 const defaultFeed = availableFeeds[0];
@@ -67,21 +128,18 @@ const toggleShowCreate = () => {
 };
 
 function Content({ data }) {
-  const { props } = data;
+  const { props, postTemplate } = data;
   return (
     <div key={data.name} className="border p-4 rounded">
       {showCreate ? (
-        <div>
-          <button onClick={toggleShowCreate}>back</button>
-          <Create />
-        </div>
+        <Create />
       ) : (
         <Feed
           index={props.index}
           Item={({ accountId, path, blockHeight, type }) => {
             return (
               <Widget
-                src={"mob.near/widget/N.Post"}
+                src={postTemplate}
                 props={{
                   accountId,
                   path,

apps/bos-blocks/widget/Feed.jsx

@@ -1,3 +1,10 @@
+/**
+ * TODO
+ * 
+ * - [ ] allow a different source, like widget for an ItemFeed
+ * - [ ] 
+ * 
+ */
 const Feed = ({ index, typeWhitelist, Item, Layout }) => {
   Item = Item || ((props) => <div>{JSON.stringify(props)}</div>);
   Layout = Layout || (({ children }) => children);