@tager/admin-blog 0.3.23 → 0.3.29

package/dist/locales/en.d.ts

@@ -31,7 +31,7 @@ declare const EN: {
     actions: string;
     updatePost: string;
     title: string;
-    URLAlias: string;
+    link: string;
     excerpt: string;
     body: string;
     defaultCategory: string;
@@ -62,5 +62,14 @@ declare const EN: {
     blogCategoryWasSuccessfullyUpdated: string;
     blogCategoryCreationWasFailed: string;
     blogCategoryUpdateWasFailed: string;
+    clone: string;
+    cloneConfirm: string;
+    cloneSuccess: string;
+    cloneFailure: string;
+    tabs: {
+        common: string;
+        seo: string;
+    };
+    parentCategory: string;
 };
 export default EN;

package/dist/router/index.d.ts

@@ -0,0 +1,4 @@
+import { CustomRouteConfig } from '@tager/admin-layout';
+export declare const HOME_ROUTE: CustomRouteConfig;
+declare const router: import("vue-router").default;
+export default router;

package/dist/services/requests.d.ts

@@ -1,16 +1,18 @@
 import { Nullable, ResponseBody } from '@tager/admin-services';
 import { FieldShortType, OutgoingValueUnion } from '@tager/admin-dynamic-field';
-import { Category, ModuleConfig, PostShort, PostFull } from '../typings/model';
+import { Category, ModuleConfig, PostShort, PostFull, UserModel, CategoryPayload } from '@/typings/model';
+export declare function getUserProfile(): Promise<ResponseBody<UserModel>>;
 /** Blog Posts */
-export declare function getBlogPostList(params?: {
+export declare function getPosts(params?: {
     query?: string;
     pageNumber?: number;
     pageSize?: number;
 }): Promise<ResponseBody<PostShort[]>>;
-export declare function getBlogPostCount(): Promise<ResponseBody<{
+export declare function getPostsCount(): Promise<ResponseBody<{
     count: number;
 }>>;
-export declare function getBlogPost(postId: number | string): Promise<ResponseBody<PostFull>>;
+export declare function getPost(postId: number | string): Promise<ResponseBody<PostFull>>;
+export declare function clonePost(postId: number | string): Promise<ResponseBody<PostFull>>;
 export interface PostCreationPayload {
     title: string;
     urlAlias: string;
@@ -39,29 +41,18 @@ export declare function deleteBlogPost(postId: number | string): Promise<{
     success: boolean;
 }>;
 /** Blog Categories */
-export declare function getBlogCategoryList(params?: {
+export declare function getCategories(params?: {
     query?: string;
     pageNumber?: number;
     pageSize?: number;
 }): Promise<ResponseBody<Category[]>>;
-export declare function getBlogCategory(categoryId: number | string): Promise<ResponseBody<Category>>;
-export interface BlogCategoryCreationPayload {
-    name: string;
-    isDefault: boolean;
-    pageTitle: Nullable<string>;
-    language: Nullable<string>;
-    pageDescription: Nullable<string>;
-    openGraphImage: Nullable<string>;
-}
-export declare function createBlogCategory(payload: BlogCategoryCreationPayload): Promise<ResponseBody<Category>>;
-export declare type BlogCategoryUpdatePayload = BlogCategoryCreationPayload & {
-    urlAlias: string;
-};
-export declare function updateBlogCategory(categoryId: number | string, payload: BlogCategoryUpdatePayload): Promise<ResponseBody<Category>>;
-export declare function deleteBlogCategory(categoryId: number | string): Promise<{
+export declare function getCategory(categoryId: number | string): Promise<ResponseBody<Category>>;
+export declare function createCategory(payload: CategoryPayload): Promise<ResponseBody<Category>>;
+export declare function updateCategory(categoryId: number | string, payload: CategoryPayload): Promise<ResponseBody<Category>>;
+export declare function deleteCategory(categoryId: number | string): Promise<{
     success: boolean;
 }>;
-export declare function moveBlogCategory(categoryId: number | string, direction: 'up' | 'down'): Promise<{
+export declare function moveCategory(categoryId: number | string, direction: 'up' | 'down'): Promise<{
     success: boolean;
 }>;
-export declare function getBlogModuleConfig(): Promise<ResponseBody<ModuleConfig>>;
+export declare function getModuleConfig(): Promise<ResponseBody<ModuleConfig>>;

package/dist/store/index.d.ts

@@ -0,0 +1,6 @@
+import { UserModuleStateModel } from '@/store/user';
+export interface RootState {
+    user: UserModuleStateModel;
+}
+declare const store: import("vuex").Store<RootState>;
+export default store;

package/dist/store/user.d.ts

@@ -0,0 +1,14 @@
+import { Module } from 'vuex';
+import { FetchStatus } from '@tager/admin-services';
+import { UserModel } from '@/typings/model';
+import { RootState } from '@/store';
+export interface UserModuleStateModel {
+    profile: UserModel | null;
+    status: FetchStatus;
+}
+export declare const USER_MODULE_NAMESPACE = "user";
+export declare const USER_ACTION_TYPES: {
+    readonly FETCH_USER_PROFILE: "fetchUserProfile";
+};
+declare const userModule: Module<UserModuleStateModel, RootState>;
+export default userModule;

package/dist/typings/common.d.ts

@@ -0,0 +1 @@
+export declare type Values<T> = T[keyof T];

package/dist/typings/model.d.ts

@@ -1,9 +1,26 @@
 import { Nullable, FileType } from '@tager/admin-services';
 import { FieldConfigUnion, FieldShortType, IncomingValueUnion } from '@tager/admin-dynamic-field';
-import { ShortCodeItemType } from '@tager/admin-ui';
+import { OptionType, ShortCodeItemType, SingleFileInputValueType } from '@tager/admin-ui';
+import { Values } from '@/typings/common';
+import { Scope } from '@/constants/scopes';
+export declare type ScopeType = Values<typeof Scope>;
+export interface RoleModel {
+    readonly id: number;
+    readonly name: string;
+    readonly scopes: Array<ScopeType>;
+}
+export interface UserModel {
+    readonly id: number;
+    readonly name: string;
+    readonly email: string;
+    readonly roles: Array<RoleModel>;
+}
 export interface SeoInfo {
     readonly pageTitle: Nullable<string>;
     readonly pageDescription: Nullable<string>;
+    readonly pageKeywords: Nullable<string>;
+    readonly openGraphTitle: Nullable<string>;
+    readonly openGraphDescription: Nullable<string>;
     readonly openGraphImage: Nullable<FileType>;
 }
 export interface Category extends SeoInfo {
@@ -15,6 +32,11 @@ export interface Category extends SeoInfo {
     readonly urlTemplate: string;
     readonly urlAlias: string;
     readonly postsCount: string;
+    readonly parent: Nullable<{
+        id: number;
+        name: string;
+    }>;
+    readonly depth: number;
 }
 export interface PostShort {
     readonly id: number;
@@ -71,3 +93,25 @@ export interface ModuleConfig {
     readonly shortcodes: ShortCodeItemType[];
     readonly fileScenarios: FileScenarios;
 }
+export interface CategoryFormValues {
+    language: Nullable<OptionType>;
+    name: string;
+    parent: Nullable<OptionType<number>>;
+    urlAlias: string;
+    pageTitle: Nullable<string>;
+    pageDescription: Nullable<string>;
+    pageKeywords: Nullable<string>;
+    openGraphTitle: Nullable<string>;
+    openGraphDescription: Nullable<string>;
+    openGraphImage: Nullable<SingleFileInputValueType>;
+}
+export interface CategoryPayload {
+    language: Nullable<string>;
+    name: string;
+    parent: Nullable<number>;
+    urlAlias: Nullable<string>;
+    isDefault: boolean;
+    pageTitle: Nullable<string>;
+    pageDescription: Nullable<string>;
+    openGraphImage: Nullable<string>;
+}

package/dist/utils/common.d.ts

@@ -0,0 +1,4 @@
+export declare function namespace(namespace: string, name: string): string;
+export declare function userNamespace(name: string): string;
+export declare function generateNumberArray(length: number): Array<number>;
+export declare function getNameWithDepth(name: string, depth: number): string;

package/dist/views/Categories/CategoryForm/CategoryForm.helpers.d.ts

@@ -1,16 +1,5 @@
 import { Nullable } from '@tager/admin-services';
-import { OptionType, SingleFileInputValueType } from '@tager/admin-ui';
-import { Category } from '../../../typings/model';
-import { BlogCategoryCreationPayload, BlogCategoryUpdatePayload } from '../../../services/requests';
-export declare type CategoryFormValues = {
-    name: string;
-    isDefault: boolean;
-    pageTitle: string;
-    pageDescription: string;
-    openGraphImage: Nullable<SingleFileInputValueType>;
-    urlAlias: string;
-    language: Nullable<OptionType>;
-};
+import { OptionType } from '@tager/admin-ui';
+import { Category, CategoryFormValues, CategoryPayload } from '@/typings/model';
 export declare function convertCategoryToFormValues(category: Nullable<Category>, languageOptionList: OptionType[]): CategoryFormValues;
-export declare function convertCategoryFormValuesToCreationPayload(values: CategoryFormValues): BlogCategoryCreationPayload;
-export declare function convertCategoryFormValuesToUpdatePayload(values: CategoryFormValues): BlogCategoryUpdatePayload;
+export declare function convertCategoryFormValuesToPayload(values: CategoryFormValues): CategoryPayload;

package/dist/views/Categories/CategoryForm/CategoryForm.vue.d.ts

@@ -1,13 +1,25 @@
-import { Nullable } from '@tager/admin-services';
-import { OptionType, TagerFormSubmitEvent } from '@tager/admin-ui';
+import { OptionType, TagerFormSubmitEvent, SeoChangeEvent, TabType } from '@tager/admin-ui';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     isCreation: import("@vue/composition-api").ComputedRef<boolean>;
     isContentLoading: import("@vue/composition-api").ComputedRef<boolean>;
     values: import("@vue/composition-api").Ref<{
+        language: {
+            value: string;
+            label: string;
+            disabled?: boolean | undefined;
+        } | null;
         name: string;
-        isDefault: boolean;
-        pageTitle: string;
-        pageDescription: string;
+        parent: {
+            value: number;
+            label: string;
+            disabled?: boolean | undefined;
+        } | null;
+        urlAlias: string;
+        pageTitle: import("@tager/admin-services").Nullable<string>;
+        pageDescription: import("@tager/admin-services").Nullable<string>;
+        pageKeywords: import("@tager/admin-services").Nullable<string>;
+        openGraphTitle: import("@tager/admin-services").Nullable<string>;
+        openGraphDescription: import("@tager/admin-services").Nullable<string>;
         openGraphImage: {
             id: string;
             file: {
@@ -19,12 +31,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             };
             caption?: string | null | undefined;
         } | null;
-        urlAlias: string;
-        language: {
-            value: string;
-            label: string;
-            disabled?: boolean | undefined;
-        } | null;
     }>;
     errors: import("@vue/composition-api").Ref<{
         [x: string]: string;
@@ -35,7 +41,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     categoryListUrl: "/blog/categories";
     submitForm: (event: TagerFormSubmitEvent) => void;
     isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    moduleConfig: import("@vue/composition-api").Ref<Nullable<import("../../../typings/model").ModuleConfig>>;
+    moduleConfig: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<import("../../../typings/model").ModuleConfig>>;
+    categoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<number>[]>;
+    imageScenario: import("@vue/composition-api").ComputedRef<import("@tager/admin-services").Nullable<string>>;
+    handleSeoFieldGroupChange: ({ title, description, keywords, image, }: SeoChangeEvent) => void;
+    tabList: import("@vue/composition-api").ComputedRef<TabType[]>;
+    selectedTabId: import("@vue/composition-api").Ref<string>;
 }> & {
     [key: string]: unknown;
 }, {}, {}, unknown, {
@@ -46,10 +57,23 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isCreation: import("@vue/composition-api").ComputedRef<boolean>;
     isContentLoading: import("@vue/composition-api").ComputedRef<boolean>;
     values: import("@vue/composition-api").Ref<{
+        language: {
+            value: string;
+            label: string;
+            disabled?: boolean | undefined;
+        } | null;
         name: string;
-        isDefault: boolean;
-        pageTitle: string;
-        pageDescription: string;
+        parent: {
+            value: number;
+            label: string;
+            disabled?: boolean | undefined;
+        } | null;
+        urlAlias: string;
+        pageTitle: import("@tager/admin-services").Nullable<string>;
+        pageDescription: import("@tager/admin-services").Nullable<string>;
+        pageKeywords: import("@tager/admin-services").Nullable<string>;
+        openGraphTitle: import("@tager/admin-services").Nullable<string>;
+        openGraphDescription: import("@tager/admin-services").Nullable<string>;
         openGraphImage: {
             id: string;
             file: {
@@ -61,12 +85,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
             };
             caption?: string | null | undefined;
         } | null;
-        urlAlias: string;
-        language: {
-            value: string;
-            label: string;
-            disabled?: boolean | undefined;
-        } | null;
     }>;
     errors: import("@vue/composition-api").Ref<{
         [x: string]: string;
@@ -77,7 +95,12 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     categoryListUrl: "/blog/categories";
     submitForm: (event: TagerFormSubmitEvent) => void;
     isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    moduleConfig: import("@vue/composition-api").Ref<Nullable<import("../../../typings/model").ModuleConfig>>;
+    moduleConfig: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<import("../../../typings/model").ModuleConfig>>;
+    categoryOptionList: import("@vue/composition-api").ComputedRef<OptionType<number>[]>;
+    imageScenario: import("@vue/composition-api").ComputedRef<import("@tager/admin-services").Nullable<string>>;
+    handleSeoFieldGroupChange: ({ title, description, keywords, image, }: SeoChangeEvent) => void;
+    tabList: import("@vue/composition-api").ComputedRef<TabType[]>;
+    selectedTabId: import("@vue/composition-api").Ref<string>;
 }>, {
     [x: string]: any;
 }, {}, {}, {

package/dist/views/Categories/CategoryList/CategoryList.helpers.d.ts

@@ -1,7 +1,7 @@
 import { TFunction } from 'i18next';
 import { Nullable } from '@tager/admin-services';
 import { ColumnDefinition } from '@tager/admin-ui';
-import { Category, Language, ModuleConfig } from '../../../typings/model';
+import { Category, Language, ModuleConfig } from '@/typings/model';
 export declare function convertCategoryList(categoryList: Category[], languages: Language[]): Category[];
-export declare function getCategoryTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction): ColumnDefinition<Category>[];
+export declare function getCategoryTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction, canViewAdministrators: boolean): ColumnDefinition<Category>[];
 export declare function getLinkToPostsByCategory(categoryId: number): string;

package/dist/views/Categories/CategoryList/CategoryList.vue.d.ts

@@ -1,5 +1,5 @@
-import { Category } from '../../../typings/model';
-import { getBlogCategoryFormUrl } from '../../../constants/paths';
+import { Category } from '@/typings/model';
+import { getBlogCategoryFormUrl } from '@/constants/paths';
 import { getLinkToPostsByCategory } from './CategoryList.helpers';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     columnDefs: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").ColumnDefinition<Category>[]>;
@@ -11,7 +11,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDeleting: (entityId: string | number) => boolean;
     getBlogCategoryFormUrl: typeof getBlogCategoryFormUrl;
     getLinkToPostsByCategory: typeof getLinkToPostsByCategory;
-    moveCategory: (categoryId: number, direction: 'up' | 'down') => void;
+    startMoveCategory: (categoryId: number, direction: 'up' | 'down') => void;
     isCategoryMoving: import("@vue/composition-api").Ref<boolean>;
     searchQuery: import("@vue/composition-api").Ref<string>;
     handleChange: (event: import("@tager/admin-ui").TableChangeEvent) => void;
@@ -22,6 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     languageOptionList: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").OptionType<string>[]>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
+    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
 }> & {
     [key: string]: unknown;
 }, {}, {}, unknown, {
@@ -38,7 +39,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     isDeleting: (entityId: string | number) => boolean;
     getBlogCategoryFormUrl: typeof getBlogCategoryFormUrl;
     getLinkToPostsByCategory: typeof getLinkToPostsByCategory;
-    moveCategory: (categoryId: number, direction: 'up' | 'down') => void;
+    startMoveCategory: (categoryId: number, direction: 'up' | 'down') => void;
     isCategoryMoving: import("@vue/composition-api").Ref<boolean>;
     searchQuery: import("@vue/composition-api").Ref<string>;
     handleChange: (event: import("@tager/admin-ui").TableChangeEvent) => void;
@@ -49,6 +50,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     languageOptionList: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").OptionType<string>[]>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
+    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
 }>, {
     [x: string]: any;
 }, {}, {}, {

package/dist/views/Categories/CategoryList/hooks/useAdvancedSearch.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref, SetupContext } from '@vue/composition-api';
 import { FilterTagType, OptionType } from '@tager/admin-ui';
-import { Language } from '../../../../typings/model';
+import { Language } from '@/typings/model';
 interface Params {
     context: SetupContext;
     languageList: ComputedRef<Language[]>;

package/dist/views/Posts/PostForm/PostForm.helpers.d.ts

@@ -1,8 +1,8 @@
 import { Nullable } from '@tager/admin-services';
 import { OptionType, SingleFileInputValueType } from '@tager/admin-ui';
 import { FieldConfigUnion, FieldUnion } from '@tager/admin-dynamic-field';
-import { Category, PostFull } from '../../../typings/model';
-import { PostCreationPayload, PostUpdatePayload } from '../../../services/requests';
+import { Category, PostFull } from '@/typings/model';
+import { PostCreationPayload, PostUpdatePayload } from '@/services/requests';
 export interface FormValues {
     title: string;
     excerpt: string;

package/dist/views/Posts/PostForm/PostForm.vue.d.ts

@@ -4683,6 +4683,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleTitleChange: (value: string) => void;
     handleAliasChange: () => void;
     urlAliasTemplate: import("@vue/composition-api").ComputedRef<string>;
+    handleCategoriesChange: (selectedOptions: OptionType<number>[]) => void;
 }> & {
     [key: string]: unknown;
 }, {}, {}, unknown, {
@@ -9372,6 +9373,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     handleTitleChange: (value: string) => void;
     handleAliasChange: () => void;
     urlAliasTemplate: import("@vue/composition-api").ComputedRef<string>;
+    handleCategoriesChange: (selectedOptions: OptionType<number>[]) => void;
 }>, {
     [x: string]: any;
 }, {}, {}, {

package/dist/views/Posts/PostList/PostList.helpers.d.ts

@@ -1,6 +1,6 @@
 import { TFunction } from 'i18next';
 import { Nullable } from '@tager/admin-services';
 import { ColumnDefinition } from '@tager/admin-ui';
-import { Category, ModuleConfig, Language, PostShort } from '../../../typings/model';
+import { Category, ModuleConfig, Language, PostShort } from '@/typings/model';
 export declare function convertPostList(postList: PostShort[], selectedCategory: Nullable<Category>, languages: Language[]): PostShort[];
-export declare function getPostTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction): ColumnDefinition<PostShort>[];
+export declare function getPostTableColumnDefs(moduleConfig: Nullable<ModuleConfig>, t: TFunction, canViewAdministrators: boolean): ColumnDefinition<PostShort>[];

package/dist/views/Posts/PostList/PostList.vue.d.ts

@@ -1,6 +1,6 @@
 import { ColumnDefinition } from '@tager/admin-ui';
-import { Category, PostShort } from '../../../typings/model';
-import { getBlogPostFormUrl } from '../../../constants/paths';
+import { Category, PostShort } from '@/typings/model';
+import { getBlogPostFormUrl } from '@/constants/paths';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     columnDefs: import("@vue/composition-api").ComputedRef<ColumnDefinition<PostShort>[]>;
     rowData: import("@vue/composition-api").ComputedRef<PostShort[]>;
@@ -25,6 +25,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toDateFilter: import("@vue/composition-api").Ref<string>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
+    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
+    handleResourceClone: (entityId: string | number) => void;
+    isBusy: (postId: number) => boolean;
 }> & {
     [key: string]: unknown;
 }, {}, {}, unknown, {
@@ -55,6 +58,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     toDateFilter: import("@vue/composition-api").Ref<string>;
     tags: import("@vue/composition-api").ComputedRef<import("@tager/admin-ui").FilterTagType[]>;
     tagRemovalHandler: (event: import("@tager/admin-ui").FilterTagType) => void;
+    canViewAdministrators: import("@vue/composition-api").ComputedRef<boolean>;
+    handleResourceClone: (entityId: string | number) => void;
+    isBusy: (postId: number) => boolean;
 }>, {
     [x: string]: any;
 }, {}, {}, {

package/dist/views/Posts/PostList/hooks/useAdvancedSearch.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref, SetupContext } from '@vue/composition-api';
 import { FilterTagType, OptionType } from '@tager/admin-ui';
-import { Category, Language } from '../../../../typings/model';
+import { Category, Language } from '@/typings/model';
 interface Params {
     context: SetupContext;
     categoryList: ComputedRef<Category[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-blog",
-  "version": "0.3.23",
+  "version": "0.3.29",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -20,16 +20,19 @@
   },
   "dependencies": {
     "lodash.isequal": "^4.5.0",
-    "path-to-regexp": "^6.1.0"
+    "lodash.pick": "^4.4.0",
+    "path-to-regexp": "^6.1.0",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^15.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
     "@tager/admin-dynamic-field": "^0.1.18",
     "@tager/admin-layout": "^0.5.3",
-    "@tager/admin-services": "^0.2.24",
-    "@tager/admin-ui": "^0.8.84",
+    "@tager/admin-services": "^0.2.26",
+    "@tager/admin-ui": "^0.8.85",
     "@types/lodash.isequal": "^4.5.5",
+    "@types/lodash.pick": "^4.4.6",
     "@types/node": "12.x",
     "@typescript-eslint/eslint-plugin": "^2.26.0",
     "@typescript-eslint/parser": "^2.26.0",
@@ -37,6 +40,7 @@
     "@vue/cli-plugin-eslint": "~4.5.6",
     "@vue/cli-plugin-router": "~4.5.6",
     "@vue/cli-plugin-typescript": "~4.5.6",
+    "@vue/cli-plugin-vuex": "^4.5.14",
     "@vue/cli-service": "~4.5.6",
     "@vue/composition-api": "^1.0.0-beta.14",
     "@vue/eslint-config-prettier": "^6.0.0",
@@ -52,7 +56,7 @@
     "rollup-plugin-typescript2": "^0.27.2",
     "rollup-plugin-vue": "^5.1.9",
     "sass-loader": "^10.0.2",
-    "typescript": "~3.9.6",
+    "typescript": "~3.9.10",
     "vue": "2.6.x",
     "vue-router": "^3.5.1",
     "vue-template-compiler": "^2.6.11"

package/src/constants/scopes.ts

@@ -0,0 +1,11 @@
+export const Scope = {
+  All: '*',
+  OrdersCreate: 'orders.create',
+  OrdersView: 'orders.view',
+  OrdersDelete: 'orders.delete',
+  RbacViewRoles: 'rbac.view-roles',
+  RbacEditRoles: 'rbac.edit-roles',
+  AdministratorsView: 'administrators.view',
+  AdministratorsEdit: 'administrators.edit',
+  AdministratorsDelete: 'administrators.delete',
+} as const;

package/src/dev.ts

@@ -1,67 +1,36 @@
 import Vue, { CreateElement } from 'vue';
 import VueCompositionApi, { createApp } from '@vue/composition-api';
+import Vuex from 'vuex';
 
 import { configStore, i18n } from '@tager/admin-services';
 import { AdminUiPlugin } from '@tager/admin-ui';
-import {
-  AdminLayoutPlugin,
-  createRouter,
-  CustomRoute,
-  CustomRouteConfig,
-} from '@tager/admin-layout';
+import { AdminLayoutPlugin } from '@tager/admin-layout';
 
 import '@tager/admin-ui/dist/admin-ui.css';
 
-import {
-  BLOG_CATEGORY_FORM_ROUTE,
-  BLOG_CATEGORY_LIST_ROUTE,
-  BLOG_POST_FORM_ROUTE,
-  BLOG_POST_LIST_ROUTE,
-} from './constants/routes';
-import config from './config/config.json';
-import App from './views/App.vue';
-import Home from './views/Home.vue';
-import EN from './locales/en';
-import RU from './locales/ru';
+import config from '@/config/config.json';
+import App from '@/views/App.vue';
+import EN from '@/locales/en';
+import RU from '@/locales/ru';
+import router from '@/router';
+import store from '@/store';
 
 configStore.setConfig(config);
 
-export const HOME_ROUTE: CustomRouteConfig = {
-  path: '/',
-  component: Home,
-  name: 'Home',
-  meta: {
-    getBreadcrumbs: (route: CustomRoute) => [
-      { url: '/', text: route.name ?? '' },
-    ],
-  },
-};
-
-const router = createRouter(
-  {
-    routes: [
-      HOME_ROUTE,
-      BLOG_POST_LIST_ROUTE,
-      BLOG_POST_FORM_ROUTE,
-      BLOG_CATEGORY_LIST_ROUTE,
-      BLOG_CATEGORY_FORM_ROUTE,
-    ],
-  },
-  { useTitleSync: false }
-);
+Vue.use(VueCompositionApi);
 
 i18n.addTranslations('en', 'blog', EN);
 i18n.addTranslations('ru', 'blog', RU);
 
 i18n.init({ debug: false }).then(() => {
-  Vue.use(VueCompositionApi);
-
   const app = createApp({
     router,
     render: (h: CreateElement) => h(App),
+    store,
   });
 
   app.use(i18n.getPlugin());
+  app.use(Vuex);
   app.use(AdminUiPlugin);
   app.use(AdminLayoutPlugin);
 

package/src/hooks/index.ts

@@ -1,3 +1,7 @@
-export { useModuleConfig } from './useModuleConfig';
-export { useBlogPostList } from './useBlogPostList';
-export { useBlogCategoryList } from './useBlogCategoryList';
+export { useFetchPosts } from './useFetchPosts';
+export { useFetchCategory } from './useFetchCategory';
+export { useFetchCategories } from './useFetchCategories';
+export { useFetchModuleConfig } from './useFetchModuleConfig';
+export { useStore } from './useStore';
+export { useUserProfile } from './useUserProfile';
+export { useUserPermission } from './useUserPermission';

package/src/hooks/useFetchCategories.ts

@@ -0,0 +1,25 @@
+import { onMounted, SetupContext } from '@vue/composition-api';
+
+import { ResourceRef, useResource } from '@tager/admin-services';
+
+import { Category } from '@/typings/model';
+import { getCategories } from '@/services/requests';
+
+export function useFetchCategories({
+  context,
+}: {
+  context: SetupContext;
+}): ResourceRef<Category[]> {
+  const [fetchCategories, resource] = useResource<Category[]>({
+    fetchResource: getCategories,
+    initialValue: [],
+    context,
+    resourceName: 'Blog categories',
+  });
+
+  onMounted(() => {
+    fetchCategories();
+  });
+
+  return resource;
+}