Initial commit

1 files changed, 50 insertions, 0 deletions

diff --git a/lib/admin/src/posts/computedPosts.ts b/lib/admin/src/posts/computedPosts.ts
new file mode 100644
index 0000000..61be169
--- /dev/null
+++ b/lib/admin/src/posts/computedPosts.ts
@@ -0,0 +1,50 @@
+// Copyright (C) 2023 Vaughn Nugent
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+import { computed } from "vue";
+import { isEqual, find } from "lodash";
+import { apiCall } from "@vnuge/vnlib.browser";
+import { PostMeta, ComputedPosts, BlogAdminContext } from "../types";
+import { usePostApi } from "./usePost";
+import { watchAndCompute } from "../helpers";
+
+/**
+ * Creates a computed post api for reactive blog apis
+ * @param context The blog admin context
+ * @returns The computed post api 
+ */
+export const useComputedPosts = (context: BlogAdminContext): ComputedPosts => {
+    //Post api around the post url and channel
+    const postApi = usePostApi(context);
+
+    const { channel, post } = context.getQuery();
+    
+    //Get all posts
+    const items = watchAndCompute([channel, post], async () => {
+        return channel.value ? await apiCall(postApi.getPosts) ?? [] : [];
+    }, [])
+
+    const selectedItem = computed<PostMeta | undefined>(() => {
+        return find(items.value, p => isEqual(p.id, post.value));
+    })
+
+    return {
+        ...postApi,
+        items,
+        selectedItem,
+        selectedId:post,
+        getQuery: context.getQuery
+    };
+}
\ No newline at end of file