@tager/admin-blog 1.0.3 → 2.0.0

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

@@ -1,8 +1,8 @@
-import { ComputedRef, Ref } from 'vue';
-import { TFunction } from 'i18next';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
-import { FilterTagType, OptionType } from '@tager/admin-ui';
-import { Category, Language } from '../../../../typings/model';
+import { type ComputedRef, type Ref } from 'vue';
+import { type TFunction } from 'i18next';
+import { type RouteLocationNormalizedLoaded } from 'vue-router';
+import { type FilterTagType, type OptionType } from '@tager/admin-ui';
+import { type Category, type Language } from '../../../../typings/model';
 interface Params {
     categoryList: Ref<Category[]>;
     languageList: ComputedRef<Language[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-blog",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -16,11 +16,13 @@
   },
   "scripts": {
     "build:js": "vite build",
-    "build:package": "concurrently --success first \"yarn build:js\" \"yarn emit-declarations\"",
+    "build:package": "yarn build:js && yarn emit-declarations",
     "emit-declarations": "vue-tsc --project tsconfig.json --emitDeclarationOnly",
-    "start": "vue-cli-service serve",
+    "start": "vite",
     "prepare": "yarn build:package",
-    "tager:update": "yarn upgrade --latest --scope @tager"
+    "tager:update": "yarn upgrade --latest --scope @tager",
+    "lint": "eslint .",
+    "format": "prettier --write src"
   },
   "dependencies": {
     "filesize": "^9.0.11",
@@ -30,46 +32,40 @@
     "path-to-regexp": "^6.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/eslint-parser": "^7.17.0",
-    "@rushstack/eslint-patch": "^1.1.2",
-    "@tager/admin-dynamic-field": "^1.0.2",
-    "@tager/admin-layout": "^1.0.11",
-    "@tager/admin-services": "^1.1.11",
-    "@tager/admin-ui": "^1.0.54",
+    "@eslint/js": "^9.39.5",
+    "@tager/admin-dynamic-field": "^2.0.0",
+    "@tager/admin-layout": "^2.0.0",
+    "@tager/admin-services": "^2.0.1",
+    "@tager/admin-ui": "^2.0.8",
     "@types/filesize": "^5.0.0",
     "@types/lodash.isequal": "^4.5.6",
     "@types/lodash.pick": "^4.4.7",
     "@types/node": "16.x",
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
-    "@typescript-eslint/parser": "^5.21.0",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vue/cli-plugin-babel": "^5.0.4",
-    "@vue/cli-plugin-typescript": "^5.0.4",
-    "@vue/cli-service": "~5.0.0",
-    "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^10.0.0",
-    "concurrently": "^7.1.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/eslint-config-typescript": "^14.9.0",
     "core-js": "^3.22.3",
-    "eslint": "^8.14.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint": "^9.39.5",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.5",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-vue": "^10.12.0",
+    "globals": "^16.5.0",
     "pinia": "^2.0.21",
+    "prettier": "^3.9.10",
     "sass": "^1.51.0",
     "sass-loader": "^12.6.0",
-    "typescript": "^4.6.3",
-    "vite": "^2.9.6",
-    "vue": "^3.2.31",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.5",
+    "vue": "^3.5.0",
+    "vue-eslint-parser": "^10.4.1",
     "vue-router": "^4.0.14",
-    "vue-tsc": "^0.34.10"
+    "vue-tsc": "^3.3.14"
   },
   "peerDependencies": {
-    "@tager/admin-layout": "^1.0.0",
-    "@tager/admin-services": "^1.0.0",
-    "@tager/admin-ui": "^1.0.1",
-    "vue": "^3.2.31",
+    "@tager/admin-layout": "^2.0.0",
+    "@tager/admin-services": "^2.0.0",
+    "@tager/admin-ui": "^2.0.0",
+    "vue": "^3.4.0",
     "vue-router": "^4.0.14"
   },
   "publishConfig": {

package/src/dev/App.vue

@@ -7,7 +7,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 
-import { MenuItemType, PageLayout } from '@tager/admin-layout';
+import { type MenuItemType, PageLayout } from '@tager/admin-layout';
 import { ViewListIcon } from '@tager/admin-ui';
 import { useI18n } from '@tager/admin-services';
 

package/src/dev/config.ts

@@ -16,7 +16,6 @@ export const OZITAG_CONFIG: AppConfigType = {
     subtitle: '',
   },
   SPLASH_SCREEN: {
-    enabled: true,
     logo: 'logo-white.svg',
     background: '#1e1e1e',
   },

package/src/dev/env.ts

@@ -2,16 +2,16 @@ import { initializeEnvironment } from '@tager/admin-services';
 
 export function populateEnvironment() {
   initializeEnvironment({
-    publicPath: process.env.VUE_APP_PUBLIC_PATH,
-    appEnv: process.env.VUE_APP_ENV,
-    apiUrl: process.env.VUE_APP_API_URL,
-    accessToken: process.env.VUE_APP_ACCESS_TOKEN,
-    websiteUrl: process.env.VUE_APP_WEBSITE_URL,
-    websiteButtonUrl: process.env.VUE_APP_WEBSITE_BUTTON_URL,
-    sentryDsn: process.env.VUE_APP_SENTRY_DSN,
-    sentryEnv: process.env.VUE_APP_SENTRY_ENVIRONMENT,
-    baseUrl: process.env.BASE_URL,
-    nodeEnv: process.env.NODE_ENV,
-    version: process.env.VUE_APP_VERSION,
+    publicPath: import.meta.env.VUE_APP_PUBLIC_PATH,
+    appEnv: import.meta.env.VUE_APP_ENV,
+    apiUrl: import.meta.env.VUE_APP_API_URL,
+    accessToken: import.meta.env.VUE_APP_ACCESS_TOKEN,
+    websiteUrl: import.meta.env.VUE_APP_WEBSITE_URL,
+    websiteButtonUrl: import.meta.env.VUE_APP_WEBSITE_BUTTON_URL,
+    sentryDsn: import.meta.env.VUE_APP_SENTRY_DSN,
+    sentryEnv: import.meta.env.VUE_APP_SENTRY_ENVIRONMENT,
+    baseUrl: import.meta.env.BASE_URL,
+    nodeEnv: import.meta.env.MODE,
+    version: import.meta.env.VUE_APP_VERSION,
   });
 }

package/src/hooks/useFetchCategories.ts

@@ -1,8 +1,8 @@
 import { onMounted } from 'vue';
 
-import { ResourceRef, useResource } from '@tager/admin-services';
+import { type ResourceRef, useResource } from '@tager/admin-services';
 
-import { Category } from '../typings/model';
+import { type Category } from '../typings/model';
 import { getCategories } from '../services/requests';
 
 export function useFetchCategories(): ResourceRef<Category[]> {

package/src/hooks/useFetchCategory.ts

@@ -1,8 +1,8 @@
-import { onMounted, Ref, watch } from 'vue';
+import { onMounted, type Ref, watch } from 'vue';
 
-import { Nullable, ResourceRef, useResource } from '@tager/admin-services';
+import { type Nullable, type ResourceRef, useResource } from '@tager/admin-services';
 
-import { Category } from '../typings/model';
+import { type Category } from '../typings/model';
 import { getCategory } from '../services/requests';
 
 export function useFetchCategory({

package/src/hooks/useFetchModuleConfig.ts

@@ -1,8 +1,8 @@
 import { onMounted } from 'vue';
 
-import { Nullable, ResourceRef, useResource } from '@tager/admin-services';
+import { type Nullable, type ResourceRef, useResource } from '@tager/admin-services';
 
-import { ModuleConfig } from '../typings/model';
+import { type ModuleConfig } from '../typings/model';
 import { getModuleConfig } from '../services/requests';
 
 export function useFetchModuleConfig(): ResourceRef<Nullable<ModuleConfig>> {

package/src/hooks/useFetchPosts.ts

@@ -1,8 +1,8 @@
 import { onMounted } from 'vue';
 
-import { ResourceRef, useResource } from '@tager/admin-services';
+import { type ResourceRef, useResource } from '@tager/admin-services';
 
-import { PostShort } from '../typings/model';
+import { type PostShort } from '../typings/model';
 import { getPosts } from '../services/requests';
 
 export function useFetchPosts(): ResourceRef<PostShort[]> {

package/src/services/requests.ts

@@ -1,12 +1,12 @@
-import { request, Nullable, ResponseBody } from '@tager/admin-services';
-import { FieldShortType, OutgoingValueUnion } from '@tager/admin-dynamic-field';
+import { request, type Nullable, type ResponseBody } from '@tager/admin-services';
+import { type FieldShortType, type OutgoingValueUnion } from '@tager/admin-dynamic-field';
 
 import {
-  Category,
-  ModuleConfig,
-  PostShort,
-  PostFull,
-  CategoryPayload,
+  type Category,
+  type ModuleConfig,
+  type PostShort,
+  type PostFull,
+  type CategoryPayload,
 } from '../typings/model';
 
 /** Blog Posts */

package/src/typings/model.ts

@@ -1,16 +1,16 @@
-import { Nullable, FileType } from '@tager/admin-services';
+import { type Nullable, type FileType } from '@tager/admin-services';
 import {
-  FieldConfigUnion,
-  FieldShortType,
-  IncomingValueUnion,
+  type FieldConfigUnion,
+  type FieldShortType,
+  type IncomingValueUnion,
 } from '@tager/admin-dynamic-field';
 import {
-  OptionType,
-  ShortCodeItemType,
-  SingleFileInputValueType,
+  type OptionType,
+  type ShortCodeItemType,
+  type SingleFileInputValueType,
 } from '@tager/admin-ui';
 
-export interface SeoInfo {
+export type SeoInfo = {
   readonly pageTitle: Nullable<string>;
   readonly pageDescription: Nullable<string>;
   readonly pageKeywords: Nullable<string>;
@@ -19,7 +19,7 @@ export interface SeoInfo {
   readonly openGraphImage: Nullable<FileType>;
 }
 
-export interface Category extends SeoInfo {
+export type Category = SeoInfo & {
   readonly id: number;
   readonly name: string;
   readonly isDefault: boolean;
@@ -32,7 +32,7 @@ export interface Category extends SeoInfo {
   readonly depth: number;
 }
 
-export interface PostShort {
+export type PostShort = {
   readonly id: number;
   readonly title: string;
   readonly url: string;

package/src/views/Categories/CategoryForm/CategoryForm.helpers.ts

@@ -1,12 +1,12 @@
-import { TFunction } from 'i18next';
+import { type TFunction } from 'i18next';
 
-import { createId, Nullable } from '@tager/admin-services';
-import { OptionType } from '@tager/admin-ui';
+import { createId, type Nullable } from '@tager/admin-services';
+import { type OptionType } from '@tager/admin-ui';
 
 import {
-  Category,
-  CategoryFormValues,
-  CategoryPayload,
+  type Category,
+  type CategoryFormValues,
+  type CategoryPayload,
 } from '../../../typings/model';
 import { getNameWithDepth } from '../../../utils/common';
 

package/src/views/Categories/CategoryForm/CategoryForm.vue

@@ -8,7 +8,7 @@
     :is-content-loading="isContentLoading"
   >
     <template #content>
-      <form novalidate @submit.prevent="submitForm">
+      <form novalidate @submit.prevent>
         <template v-if="isCreation">
           <FormFieldSelect
             v-if="isLangSpecific"
@@ -95,15 +95,15 @@
 
           <template v-if="selectedTabId === 'seo'">
             <SeoFieldGroup
-              :title="values.pageTitle"
+              :title="values.pageTitle ?? ''"
               :title-error-message="errors.pageTitle"
-              :description="values.pageDescription"
+              :description="values.pageDescription ?? ''"
               :description-error-message="errors.pageDescription"
               :should-display-keywords="false"
-              :keywords="values.pageKeywords"
+              :keywords="values.pageKeywords ?? ''"
               :keywords-error-message="errors.pageKeywords"
               :image="values.openGraphImage"
-              :image-scenario="imageScenario"
+              :image-scenario="imageScenario ?? undefined"
               :image-error-message="errors.openGraphImage"
               @change="handleSeoFieldGroupChange"
             />
@@ -132,17 +132,17 @@ import {
   convertRequestErrorToMap,
   getWebsiteOrigin,
   navigateBack,
-  Nullable,
+  type Nullable,
   urlTranslit,
   useI18n,
   useToast,
 } from '@tager/admin-services';
 import {
-  OptionType,
+  type OptionType,
   FormFooter,
-  TagerFormSubmitEvent,
-  SeoChangeEvent,
-  TabType,
+  type TagerFormSubmitEvent,
+  type SeoChangeEvent,
+  type TabType,
   FormFieldSelect,
   FormField,
   FormFieldUrlAliasInput,
@@ -161,7 +161,7 @@ import {
   getBlogCategoryFormUrl,
   getBlogCategoryListUrl,
 } from '../../../utils/paths';
-import { CategoryFormValues, Language } from '../../../typings/model';
+import { type CategoryFormValues, type Language } from '../../../typings/model';
 import { createCategory, updateCategory } from '../../../services/requests';
 
 import {

package/src/views/Categories/CategoryList/CategoryList.helpers.ts

@@ -1,9 +1,9 @@
-import { TFunction } from 'i18next';
+import { type TFunction } from 'i18next';
 
-import { getWebsiteOrigin, notEmpty, Nullable } from '@tager/admin-services';
-import { ColumnDefinition } from '@tager/admin-ui';
+import { getWebsiteOrigin, notEmpty, type Nullable } from '@tager/admin-services';
+import { type ColumnDefinition } from '@tager/admin-ui';
 
-import { Category, Language, ModuleConfig } from '../../../typings/model';
+import { type Category, type Language, type ModuleConfig } from '../../../typings/model';
 import {
   getBlogCategoryFormUrl,
   getBlogPostListUrl,

package/src/views/Categories/CategoryList/CategoryList.vue

@@ -118,7 +118,7 @@ import {
   getCategories,
   moveCategory,
 } from '../../../services/requests';
-import { Category, Language } from '../../../typings/model';
+import { type Category, type Language } from '../../../typings/model';
 import { BLOG_ROUTE_PATHS } from '../../../constants/paths';
 
 import {

package/src/views/Categories/CategoryList/hooks/useAdvancedSearch.ts

@@ -1,15 +1,15 @@
-import { computed, ComputedRef, Ref, ref, SetupContext, watch } from 'vue';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
-import { TFunction } from 'i18next';
+import { computed, type ComputedRef, type Ref, ref, watch } from 'vue';
+import { type RouteLocationNormalizedLoaded } from 'vue-router';
+import { type TFunction } from 'i18next';
 
 import {
-  FilterTagType,
+  type FilterTagType,
   getFilterParamAsStringArray,
   getFilterParams,
-  OptionType,
+  type OptionType,
 } from '@tager/admin-ui';
 
-import { Language } from '../../../../typings/model';
+import { type Language } from '../../../../typings/model';
 
 interface Params {
   t: TFunction;

package/src/views/Posts/PostForm/PostForm.helpers.ts

@@ -1,19 +1,19 @@
-import { TFunction } from 'i18next';
+import { type TFunction } from 'i18next';
 
-import { createId, Nullable } from '@tager/admin-services';
-import { OptionType, SingleFileInputValueType } from '@tager/admin-ui';
+import { createId, type Nullable } from '@tager/admin-services';
+import { type OptionType, type SingleFileInputValueType } from '@tager/admin-ui';
 import {
-  FieldConfigUnion,
-  FieldUnion,
+  type FieldConfigUnion,
+  type FieldUnion,
   universalFieldUtils
 } from '@tager/admin-dynamic-field';
 
 import {
-  PostCreationPayload,
-  PostUpdatePayload
+  type PostCreationPayload,
+  type PostUpdatePayload
 } from '../../../services/requests';
 import { getNameWithDepth } from '../../../utils/common';
-import { Category, PostFull } from '../../../typings/model';
+import { type Category, type PostFull } from '../../../typings/model';
 
 export const getStatusOptions = (t: TFunction): OptionType[] => [
   { label: t('blog:statusPublished'), value: 'PUBLISHED' },

package/src/views/Posts/PostForm/PostForm.vue

@@ -1,5 +1,6 @@
 <template>
   <Page
+    v-model:tab-id="selectedTabId"
     :title="
       isCreation ? $i18n.t('blog:createPost') : $i18n.t('blog:updatePost')
     "
@@ -9,11 +10,10 @@
       backHref: postListUrl,
       onSubmit: submitForm,
       isSubmitting: isSubmitting,
-    }"
-    v-model:tab-id="selectedTabId" :tabs="tabList"
+    }" :tabs="tabList"
   >
     <template #content>
-      <form novalidate @submit.prevent="submitForm">
+      <form novalidate @submit.prevent>
 
         <template v-if="selectedTabId === 'common'">
           <FormFieldSelect
@@ -187,7 +187,7 @@
         <template v-if="selectedTabId === 'additional'">
           <DynamicField
             v-for="field of values.additionalFields"
-            :key="field.name"
+            :key="field.id"
             :field="field"
           />
         </template>
@@ -204,7 +204,7 @@
             :image-error-message="errors.openGraphImage"
             :image-label="$i18n.t('blog:openGraphImage')"
             :image-scenario="
-              moduleConfig ? moduleConfig.fileScenarios.openGraph : null
+              moduleConfig ? (moduleConfig.fileScenarios.openGraph ?? undefined) : undefined
             "
             @change="handleSeoFieldGroupChange"
           />
@@ -231,7 +231,7 @@ import { useRoute, useRouter } from 'vue-router';
 import {
   convertRequestErrorToMap,
   isNotNullish,
-  Nullable,
+  type Nullable,
   useResource,
   urlTranslit,
   useI18n,
@@ -240,12 +240,12 @@ import {
 } from '@tager/admin-services';
 import {
   createTabErrorFinder,
-  OptionType,
-  TabType,
+  type OptionType,
+  type TabType,
   ShortCodeConstructor,
-  SeoChangeEvent,
+  type SeoChangeEvent,
   FormFooter,
-  TagerFormSubmitEvent,
+  type TagerFormSubmitEvent,
   FormFieldSelect,
   FormField,
   FormFieldUrlAliasInput,
@@ -254,7 +254,7 @@ import {
   FormFieldFileInput,
   FormFieldMultiSelect,
   SeoFieldGroup,
-  formatDateTime, formatDate,
+  formatDate,
 } from '@tager/admin-ui';
 import { DynamicField } from '@tager/admin-dynamic-field';
 import { Page } from '@tager/admin-layout';
@@ -265,7 +265,7 @@ import {
   getPost,
   updateBlogPost,
 } from '../../../services/requests';
-import { Language, PostFull } from '../../../typings/model';
+import { type Language, type PostFull } from '../../../typings/model';
 import {
   useFetchModuleConfig,
   useFetchCategories,
@@ -277,7 +277,7 @@ import {
   convertFormValuesToCreationPayload,
   convertFormValuesToUpdatePayload,
   convertPostToFormValues,
-  FormValues,
+  type FormValues,
   getStatusOptions,
 } from './PostForm.helpers';
 

package/src/views/Posts/PostList/PostList.helpers.ts

@@ -1,13 +1,13 @@
-import { TFunction } from 'i18next';
+import { type TFunction } from 'i18next';
 
-import { notEmpty, Nullable } from '@tager/admin-services';
-import { ColumnDefinition, OptionType } from '@tager/admin-ui';
+import { notEmpty, type Nullable } from '@tager/admin-services';
+import { type ColumnDefinition, type OptionType } from '@tager/admin-ui';
 
 import {
-  Category,
-  ModuleConfig,
-  Language,
-  PostShort,
+  type Category,
+  type ModuleConfig,
+  type Language,
+  type PostShort,
 } from '../../../typings/model';
 import { getBlogPostFormUrl } from '../../../utils/paths';
 

package/src/views/Posts/PostList/PostList.vue

@@ -132,8 +132,8 @@ import pick from 'lodash.pick';
 import {useRoute, useRouter} from 'vue-router';
 
 import {
-  ColumnDefinition,
-  OptionType,
+  type ColumnDefinition,
+  type OptionType,
   useDataTable,
   formatDateTime,
   AdvancedSearch,
@@ -146,7 +146,7 @@ import {
   DataTable,
 } from '@tager/admin-ui';
 import {
-  Nullable,
+  type Nullable,
   useI18n,
   useResourceClone,
   useResourceDelete,
@@ -161,10 +161,10 @@ import {
 } from '../../../services/requests';
 import {getBlogPostFormUrl} from '../../../utils/paths';
 import {
-  Category,
-  Language,
-  PostFull,
-  PostShort,
+  type Category,
+  type Language,
+  type PostFull,
+  type PostShort,
 } from '../../../typings/model';
 import {getStatusOptions} from '../PostForm/PostForm.helpers';
 

package/src/views/Posts/PostList/hooks/useAdvancedSearch.ts

@@ -1,17 +1,17 @@
-import { computed, ComputedRef, Ref, ref, watch } from 'vue';
-import { TFunction } from 'i18next';
-import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { computed, type ComputedRef, type Ref, ref, watch } from 'vue';
+import { type TFunction } from 'i18next';
+import { type RouteLocationNormalizedLoaded } from 'vue-router';
 
 import {
-  FilterTagType,
+  type FilterTagType,
   getFilterParamAsString,
   getFilterParamAsStringArray,
   getFilterParams,
-  OptionType,
+  type OptionType,
 } from '@tager/admin-ui';
 import { isNotNullish } from '@tager/admin-services';
 
-import { Category, Language } from '../../../../typings/model';
+import { type Category, type Language } from '../../../../typings/model';
 import { getNameWithDepth } from '../../../../utils/common';
 
 interface Params {