diff options
Diffstat (limited to 'lib/admin/src/content/useContent.ts')
-rw-r--r-- | lib/admin/src/content/useContent.ts | 149 |
1 files changed, 149 insertions, 0 deletions
diff --git a/lib/admin/src/content/useContent.ts b/lib/admin/src/content/useContent.ts new file mode 100644 index 0000000..1493565 --- /dev/null +++ b/lib/admin/src/content/useContent.ts @@ -0,0 +1,149 @@ +// 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 { includes, isEmpty } from "lodash"; +import { WebMessage, useAxios } from "@vnuge/vnlib.browser" +import { PostMeta, ContentMeta, ContentApi, BlogEntity, BlogAdminContext } from "../types.js"; + + +/** + * Configures a content api for a given content endpoint and channel + * @param contentUrl The content endpoint url + * @param channel The channel to get the content for + * @returns A content api object + */ +export const useContent = (context : BlogAdminContext): ContentApi => { + const axios = useAxios(null); + + const { channel } = context.getQuery(); + + const getUrl = (): string => { + const url = context.getContentUrl(); + //Return the url with the channel id query + return `${url}?channel=${channel.value}`; + } + + const getContentType = (file: File): string => { + if (isEmpty(file.type)) { + return 'application/octet-stream' + } + if (includes(file.type, 'javascript')) { + return 'application/javascript' + } + if (includes(file.type, 'json')) { + return 'application/json' + } + if (includes(file.type, 'xml')) { + return 'application/xml' + } + return file.type; + } + + /** + * Gets the raw content item from the server and returns a string of the content + * @param cotentId The id of the content to get the raw value of + * @returns A promise that resolves to the raw content string + */ + const getContent = async (cotentId: string): Promise<string> => { + const url = getUrl(); + const response = await axios.get(`${url}&id=${cotentId}`); + return await response.data; + } + + const getPostContent = async (post: BlogEntity): Promise<string> => { + return await getContent(post.id); + } + + const getAllContent = async (): Promise<ContentMeta[]> => { + const url = getUrl(); + const response = await axios.get<ContentMeta[]>(url); + return response.data; + } + + const deleteContent = async (content: ContentMeta): Promise<void> => { + const url = getUrl(); + await axios.delete(`${url}&id=${content.id}`); + } + + const uploadContent = async (file: File, name: string): Promise<ContentMeta> => { + const url = getUrl(); + //Endpoint returns the new content meta for the uploaded content + const { data } = await axios.put<WebMessage<ContentMeta>>(url, file, { + headers: { + 'Content-Type': getContentType(file), + //Set the content name header as the supplied content name + 'X-Content-Name': name + } + }); + return data.getResultOrThrow(); + } + + const updatePostContent = async (post: PostMeta, content: string): Promise<ContentMeta> => { + const url = getUrl(); + + const { data } = await axios.put<WebMessage<ContentMeta>>(`${url}&id=${post.id}`, content, { + headers: { + 'Content-Type': 'text/html', + //Set the content name header as the post id + 'X-Content-Name': `Content for post ${post.id}` + } + }); + return data.getResultOrThrow(); + } + + const updateContent = async (content: ContentMeta, data: File): Promise<ContentMeta> => { + const url = getUrl(); + + const response = await axios.put<ContentMeta>(`${url}&id=${content.id}`, data, { + headers: { + 'Content-Type': getContentType(data), + //Set the content name header as the supplied content name + 'X-Content-Name': content.name + } + }); + return response.data; + } + + const updateContentName = async (content: ContentMeta, name: string): Promise<ContentMeta> => { + const url = getUrl(); + + //Create a new object with the same properties as the content meta, but with the new name + const ct = { ...content, name: name } + const { data } = await axios.patch<WebMessage<ContentMeta>>(url, ct); + return data.getResultOrThrow(); + } + + const getPublicUrl = async (content: ContentMeta): Promise<string> => { + //Get the public url from the server + const response = await axios.get(`${getUrl()}&id=${content.id}&getlink=true`); + + //Response is a web-message + if (response.data?.success !== true) { + throw { response } + } + return response.data.result; + } + + return { + getPostContent, + getAllContent, + deleteContent, + uploadContent, + updateContentName, + updatePostContent, + updateContent, + getPublicUrl + }; +} |