@creopse/vue 0.0.50 → 0.0.52

package/dist/style.css

@@ -1 +1 @@
-.reset-styles[data-v-6a5688e5]{all:revert!important}.fade-enter-active[data-v-30b5e62e],.fade-leave-active[data-v-30b5e62e]{transition:opacity .5s ease}.fade-enter-from[data-v-30b5e62e],.fade-leave-to[data-v-30b5e62e]{opacity:0}.slide-fade-enter-active[data-v-30b5e62e]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-30b5e62e]{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-30b5e62e],.slide-fade-leave-to[data-v-30b5e62e]{transform:translate(20px);opacity:0}.bounce-enter-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s}.bounce-leave-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s reverse}@keyframes bounce-in-30b5e62e{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}
+.reset-styles[data-v-ecceed8b]{all:revert!important}.fade-enter-active[data-v-30b5e62e],.fade-leave-active[data-v-30b5e62e]{transition:opacity .5s ease}.fade-enter-from[data-v-30b5e62e],.fade-leave-to[data-v-30b5e62e]{opacity:0}.slide-fade-enter-active[data-v-30b5e62e]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-30b5e62e]{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-30b5e62e],.slide-fade-leave-to[data-v-30b5e62e]{transform:translate(20px);opacity:0}.bounce-enter-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s}.bounce-leave-active[data-v-30b5e62e]{animation:bounce-in-30b5e62e .5s reverse}@keyframes bounce-in-30b5e62e{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/vue",
   "description": "Creopse Vue Toolkit",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",

package/types/composables/content.d.ts

@@ -1,3 +1,4 @@
+import type { Response } from '@/types/api';
 import type { AppInformationKey, ContentModelItemModel, ContentModelModel, MenuItemGroupModel, MenuItemModel, MenuModel, NewsArticleModel, NewsCategoryModel, NewsTagModel, PageModel, SettingType, SharedProps } from '@creopse/utils';
 /**
  * A composable that provides a set of functions and properties for
@@ -41,6 +42,7 @@ export declare const useContent: () => {
         currentPage: number;
     }>;
     getAppInformationValue: (key: AppInformationKey, type?: SettingType) => any;
+    submitUserContentModelItem: (title: string, contentModelId: string, singletonsData?: any, collectionsData?: any, successCallback?: (() => void) | undefined, errorCallback?: ((errorData: any) => void) | undefined) => Promise<Response<any>>;
     appAccentColor: globalThis.ComputedRef<string>;
     appPrimaryColor: globalThis.ComputedRef<string>;
     appSecondaryColor: globalThis.ComputedRef<string>;

package/types/composables/news.d.ts

@@ -0,0 +1,32 @@
+import type { Response } from '@/types/api';
+import type { ArticlesQueryParams, CommentsQueryParams, PaginatedArticles, PaginatedComments } from '@/types/news';
+import type { NewsArticleStatus, NewsCategoryModel, NewsCommentModel, NewsTagModel } from '@creopse/utils';
+/**
+ * A composable that provides a set of functions and properties for
+ * easily accessing and manipulating page data, content models, menus,
+ * menu items, and more.
+ *
+ * @returns {Object}
+ * @property {Ref<boolean>} isLoading - A boolean that indicates whether a request is being processed.
+ * @property {function} loadTags - A function that loads news tags from the server.
+ * @property {function} loadComments - A function that loads news comments from the server based on the given CommentsQueryParams.
+ * @property {function} loadArticles - A function that loads news articles from the server based on the given ArticlesQueryParams.
+ * @property {function} loadCategories - A function that loads news categories from the server.
+ * @property {function} loadArticlesCount - A function that loads the total count of news articles from the server.
+ * @property {function} loadArticlesMonths - A function that loads a list of months from the server that have at least one news article.
+ * @property {function} loadArticlesCountByStatus - A function that loads the total count of news articles from the server based on the given status.
+ * @property {function} loadArticlesCountByAuthor - A function that loads the total count of news articles from the server based on the given author ID.
+ * @property {function} addComment - A function that adds a new news comment to the server.
+ */
+export declare const useNews: () => {
+    isLoading: globalThis.Ref<boolean, boolean>;
+    loadTags: (filterByIsVisible?: boolean) => Promise<NewsTagModel[]>;
+    loadComments: (params: CommentsQueryParams) => Promise<PaginatedComments>;
+    loadArticles: (params: ArticlesQueryParams) => Promise<PaginatedArticles>;
+    loadCategories: (filterByIsVisible?: boolean) => Promise<NewsCategoryModel[]>;
+    loadArticlesCount: () => Promise<number>;
+    loadArticlesMonths: () => Promise<string[]>;
+    loadArticlesCountByStatus: (status: NewsArticleStatus) => Promise<number>;
+    loadArticlesCountByAuthor: (id: number) => Promise<number>;
+    addComment: (comment: NewsCommentModel, successCallback?: (() => void) | undefined, errorCallback?: ((errorData: any) => void) | undefined) => Promise<Response<any>>;
+};

package/types/composables/video.d.ts

@@ -0,0 +1,17 @@
+import type { PaginatedVideoItems, VideoItemsQueryParams } from '@/types/video';
+import type { VideoCategoryModel } from '@creopse/utils';
+/**
+ * A composable that provides a set of functions and properties for
+ * easily accessing and manipulating page data, video models, menus,
+ * menu items, and more.
+ *
+ * @returns {Object}
+ * @property {Ref<boolean>} isLoading - A boolean that indicates whether a request is being processed.
+ * @property {function} loadCategories - A function that loads video categories from the server based on the given params.
+ * @property {function} loadVideoItems - A function that loads video items from the server based on the given VideoItemsQueryParams.
+ */
+export declare const useVideo: () => {
+    isLoading: globalThis.Ref<boolean, boolean>;
+    loadCategories: (filterByIsVisible?: boolean) => Promise<VideoCategoryModel[]>;
+    loadVideoItems: (params: VideoItemsQueryParams) => Promise<PaginatedVideoItems>;
+};

package/types/index.d.ts

@@ -11,7 +11,9 @@ import PropsManager from './core/props-manager';
 import type { PluginOptions } from './types/plugin';
 declare const plugin: Plugin;
 export { useApi } from './composables/api';
+export { useNews } from './composables/news';
 export { useProps } from './composables/props';
+export { useVideo } from './composables/video';
 export { useConfig } from './composables/config';
 export { useHelper } from './composables/helper';
 export { useContent } from './composables/content';

package/types/types/news.d.ts

@@ -0,0 +1,35 @@
+import type { NewsArticleModel, NewsCommentModel } from '@creopse/utils';
+export interface PaginatedResponseMeta {
+    links?: {
+        first: string;
+        last: string;
+        prev: string;
+        next: string;
+    };
+    currentPage: number;
+    perPage: number;
+    total: number;
+    lastPage: number;
+}
+export interface ArticlesQueryParams {
+    pageSize: number;
+    query?: string;
+    page?: number;
+    status?: number;
+    categories?: number[];
+    tags?: number[];
+    months?: string[];
+}
+export interface PaginatedArticles {
+    articles: NewsArticleModel[];
+    meta: PaginatedResponseMeta;
+}
+export interface CommentsQueryParams {
+    pageSize: number;
+    query?: string;
+    page?: number;
+}
+export interface PaginatedComments {
+    comments: NewsCommentModel[];
+    meta: PaginatedResponseMeta;
+}

package/types/types/video.d.ts

@@ -0,0 +1,25 @@
+import type { VideoItemModel } from '@creopse/utils';
+export interface VideoItemsQueryParams {
+    pageSize: number;
+    source?: string;
+    query?: string;
+    page?: number;
+    visible?: boolean;
+    orderByPublishedAt?: boolean;
+    categories?: (string | number)[];
+}
+export interface PaginatedVideoItems {
+    videoItems: VideoItemModel[];
+    meta: {
+        links?: {
+            first: string;
+            last: string;
+            prev: string;
+            next: string;
+        };
+        currentPage: number;
+        perPage: number;
+        total: number;
+        lastPage: number;
+    };
+}