adminforth 1.5.9-next.0 → 1.5.9-next.1

package/dist/spa/src/App.vue

@@ -250,17 +250,18 @@ import { createHead } from 'unhead'
 import { loadFile } from '@/utils';
 import Toast from './components/Toast.vue';
 import {useToastStore} from '@/stores/toast';
-import { FrontendAPI } from '@/composables/useStores';
 import { getCustomComponent } from '@/utils';
 import type { AdminForthConfigMenuItem, AnnouncementBadgeResponse } from './types/Common';
 import { Tooltip } from '@/afcl';
+import { initFrontedAPI } from '@/adminforth';
+import adminforth from '@/adminforth';
 
 
 const coreStore = useCoreStore();
 const toastStore = useToastStore();
 const userStore = useUserStore();
-const frontendApi = new FrontendAPI();
-frontendApi.init();
+
+initFrontedAPI()
 
 createHead()
 const sideBarOpen = ref(false);
@@ -371,7 +372,7 @@ watch(dropdownUserButton, (dropdownUserButton) => {
       document.querySelector('#dropdown-user') as HTMLElement,
       document.querySelector('[data-dropdown-toggle="dropdown-user"]') as HTMLElement,
     );
-    window.adminforth.closeUserMenuDropdown = () => {
+    adminforth.closeUserMenuDropdown = () => {
       dd.hide();
     }
   }
@@ -396,7 +397,7 @@ onMounted(async () => {
   await initRouter();
   handleCustomLayout();
 
-  window.adminforth.menu.refreshMenuBadges = async () => {
+  adminforth.menu.refreshMenuBadges = async () => {
     await coreStore.fetchMenuBadges();
   }
 })

package/dist/spa/src/adminforth.ts

@@ -1,3 +1,160 @@
-import type { FrontendAPIInterface } from "./types/FrontendAPI";
+import type { FilterParams, FrontendAPIInterface } from "./types/FrontendAPI";
+import type { FrontendAPIInterface, ConfirmParams, AlertParams, } from '@/types/FrontendAPI';
+import type { AdminForthFilterOperators, AdminForthResourceColumn } from '@/types/Common';
+import { useToastStore } from '@/stores/toast';
+import { useModalStore } from '@/stores/modal';
+import { useCoreStore } from '@/stores/core';
+import { useFiltersStore } from '@/stores/filters';
+import router from '@/router'
 
-export default window.adminforth as FrontendAPIInterface;
+
+
+declare global {
+  interface Window {
+    adminforth: FrontendAPIInterface;
+  }
+}
+
+class FrontendAPI implements FrontendAPIInterface {
+  public toastStore:any
+  public modalStore:any
+  public filtersStore:any  
+  public coreStore:any
+
+  public list: {
+    refresh(): Promise<{ error? : string }>;
+    silentRefresh(): Promise<{ error? : string }>;
+    silentRefreshRow(): Promise<{ error? : string }>;
+    closeThreeDotsDropdown(): Promise<{ error? : string }>;
+    closeUserMenuDropdown: () => void;
+    setFilter: (filter: FilterParams) => void;
+    updateFilter: (filter: FilterParams) => void;
+    clearFilters: () => void;
+  }
+
+  public menu: {
+    refreshMenuBadges: () => void;
+  }
+
+  closeUserMenuDropdown(): void {
+    console.log('closeUserMenuDropdown')
+  }
+
+
+  constructor() {
+
+    this.menu = {
+      refreshMenuBadges: () => {
+        console.log('refreshMenuBadges')
+      }
+    }
+
+    this.list = {
+      refresh: async () => {
+        console.log('refresh');
+        return { error: 'Not implemented' }
+      },
+      silentRefresh: async () => {
+        console.log('silentRefresh')
+        return { error: 'Not implemented' }
+      },
+      silentRefreshRow: async () => {
+        console.log('silentRefreshRow')
+        return { error: 'Not implemented' }
+      },
+      closeThreeDotsDropdown: async () => {
+        console.log('closeThreeDotsDropdown')
+        return { error: 'Not implemented' }
+      },
+      closeUserMenuDropdown: () => {
+        console.log('closeUserMenuDropdown')
+      },
+      setFilter: this.setListFilter.bind(this),
+      updateFilter: this.updateListFilter.bind(this),
+      clearFilters: this.clearListFilters.bind(this),
+    }
+  }
+
+  confirm(params: ConfirmParams): Promise<void> {
+    return new Promise((resolve, reject) => {
+      this.modalStore.setModalContent({ 
+        content: params.message, 
+        acceptText: params.yes || 'Yes',
+        cancelText: params.no || 'Cancel' 
+      })
+      this.modalStore.onAcceptFunction = resolve
+      this.modalStore.onCancelFunction = reject
+      this.modalStore.togleModal()
+    })
+  }
+
+  alert(params: AlertParams): void {
+    this.toastStore.addToast({
+      message: params.message,
+      messageHtml: params.messageHtml,
+      variant: params.variant,
+      timeout: params.timeout  
+    })
+  }
+
+  listFilterValidation(filter: FilterParams): boolean {
+    if(router.currentRoute.value.meta.type !== 'list'){
+      throw new Error(`Cannot use ${this.setListFilter.name} filter on a list page`)
+    } else {
+      console.log(this.coreStore.resourceColumnsWithFilters,'core store')
+      const filterField = this.coreStore.resourceColumnsWithFilters.find((col: AdminForthResourceColumn) => col.name === filter.field)
+      if(!filterField){
+          throw new Error(`Field ${filter.field} is not available for filtering`)
+      }
+      
+    }
+    return true
+  }
+
+  setListFilter(filter: FilterParams): void {
+    if(this.listFilterValidation(filter)){
+      if(this.filtersStore.filters.some((f) => {return f.field === filter.field && f.operator === filter.operator})){
+        throw new Error(`Filter ${filter.field} with operator ${filter.operator} already exists`)
+      } else {
+      this.filtersStore.setFilter(filter)
+      }
+    }
+  }
+
+  clearListFilters(): void {
+    this.filtersStore.clearFilters()
+  }
+
+  updateListFilter(filter: FilterParams): void {
+    if(this.listFilterValidation(filter)){
+      const index = this.filtersStore.filters.findIndex((f: FilterParams) => f.field === filter.field)
+      if(index === -1) {
+        this.filtersStore.setFilter(filter)
+      } else {
+        const filters = [...this.filtersStore.filters];
+        if (filter.value === undefined) {
+          filters.splice(index, 1);
+        } else {
+          filters[index] = filter;
+        }
+        this.filtersStore.setFilters(filters);
+      }
+    }
+  }
+
+}
+
+const frontendAPI: FrontendAPIInterface = new FrontendAPI();
+window.adminforth = frontendAPI;
+
+export function initFrontedAPI() {
+  // force init
+  const api: FrontendAPI = frontendAPI as FrontendAPI;
+  api.toastStore = useToastStore();
+  api.modalStore = useModalStore();
+  api.coreStore = useCoreStore();
+  api.filtersStore = useFiltersStore();
+}
+
+
+export default frontendAPI;

package/dist/spa/src/components/ResourceListTable.vue

@@ -290,6 +290,7 @@ import {
 import router from '@/router';
 import { Tooltip } from '@/afcl';
 import type { AdminForthResourceCommon } from '@/types/Common';
+import adminforth from '@/adminforth';
 
 const coreStore = useCoreStore();
 
@@ -458,7 +459,7 @@ async function onClick(e,row) {
 }
 
 async function deleteRecord(row) {
-  const data = await window.adminforth.confirm({
+  const data = await adminforth.confirm({
     message: 'Are you sure you want to delete this item?',
     yes: 'Delete',
     no: 'Cancel',

package/dist/spa/src/composables/useFrontendApi.ts

@@ -1,15 +1,17 @@
+import adminforth from '@/adminforth';
+
 export function showSuccesTost(message: string) {
-  window.adminforth.alert({ message, variant: 'success' });  
+  adminforth.alert({ message, variant: 'success' });  
   return message;
 }
 
 export function showWarningTost(message: string) {
-  window.adminforth.alert({ message, variant: 'warning' });  
+  adminforth.alert({ message, variant: 'warning' });  
   return message;
 }
 
 export function showErrorTost(message: string, timeout?: number) {
-  window.adminforth.alert({ message, variant: 'danger', timeout: timeout || 30});  
+  adminforth.alert({ message, variant: 'danger', timeout: timeout || 30});  
   return message;
 }
 

package/dist/spa/src/stores/core.ts

@@ -2,6 +2,7 @@ import { ref, computed } from 'vue'
 import { defineStore } from 'pinia'
 import { callAdminForthApi } from '@/utils';
 import websocket from '@/websocket';
+import adminforth from '@/adminforth';
 
 import type { AdminForthResourceCommon, AdminForthResourceColumnCommon, GetBaseConfigResponse, ResourceVeryShort, AdminUser, UserData, AdminForthConfigMenuItem, AdminForthConfigForFrontend } from '@/types/Common';
 import type { Ref } from 'vue'
@@ -151,7 +152,7 @@ export const useCoreStore = defineStore('core', () => {
     });
 
     if (respData.error) {
-      window.adminforth.alert({
+      adminforth.alert({
         message: respData.error,
         variant: 'danger',
         timeout: 30,

package/dist/spa/src/types/FrontendAPI.ts

@@ -1,4 +1,22 @@
+import type { AdminForthFilterOperators } from "./Common.js";
+
  
+
+export type FilterParams = {
+    /**
+     * Field of resource to filter
+     */
+    field: string;
+    /**
+     * Operator of filter
+     */
+    operator: AdminForthFilterOperators;
+    /**
+     * Value of filter
+     */
+    value: string | number | boolean ;
+} 
+
 export interface FrontendAPIInterface {
 
     /**
@@ -9,7 +27,9 @@ export interface FrontendAPIInterface {
      * Example: 
      * 
      * ```ts
-     * const isConfirmed = await window.adminforth.confirm({message: 'Are you sure?', yes: 'Yes', no: 'No'})
+     * import adminforth from '@/adminforth'
+     * 
+     * const isConfirmed = await adminforth.confirm({message: 'Are you sure?', yes: 'Yes', no: 'No'})
      * if (isConfirmed) {
      *  your code...
      * }
@@ -28,7 +48,9 @@ export interface FrontendAPIInterface {
      * Example:
      * 
      * ```ts
-     *  window.adminforth.alert({message: 'Hello', variant: 'success'})
+     * import adminforth from '@/adminforth'
+     * 
+     * adminforth.alert({message: 'Hello', variant: 'success'})
      * ```
      * 
      * @param params - The parameters of the alert
@@ -69,12 +91,14 @@ export interface FrontendAPIInterface {
          * Example:
          * 
          * ```ts
-         * window.adminforth.list.setFilter({field: 'name', operator: 'ilike', value: 'john'})
+         * import adminforth from '@/adminforth'
+         * 
+         * adminforth.list.setFilter({field: 'name', operator: 'ilike', value: 'john'})
          * ```
          * 
          * @param filter - The filter to set
          */
-        setFilter(filter: any): void;
+        setFilter(filter: FilterParams): void;
 
         /**
          * Update a filter in the list
@@ -82,12 +106,14 @@ export interface FrontendAPIInterface {
          * Example:
          * 
          * ```ts
-         * window.adminforth.list.updateFilter({field: 'name', operator: 'ilike', value: 'john'})
+         * import adminforth from '@/adminforth';
+         * 
+         * adminforth.list.updateFilter({field: 'name', operator: 'ilike', value: 'john'})
          * ```
          * 
          * @param filter - The filter to update
          */
-        updateFilter(filter: any): void;
+        updateFilter(filter: FilterParams): void;
 
         /**
          * Clear all filters from the list

package/dist/spa/src/utils.ts

@@ -118,7 +118,7 @@ export function initThreeDotsDropdown() {
       threeDotsDropdown, 
       document.querySelector('[data-dropdown-toggle="listThreeDotsDropdown"]') as HTMLElement, 
     );
-    window.adminforth.list.closeThreeDotsDropdown = () => {
+    adminforth.list.closeThreeDotsDropdown = () => {
       dd.hide();
     }
   }

package/dist/spa/src/views/ListView.vue

@@ -147,6 +147,7 @@ import {
 } from '@iconify-prerendered/vue-flowbite';
 
 import Filters from '@/components/Filters.vue';
+import adminforth from '@/adminforth';
 
 const filtersShow = ref(false);
 
@@ -262,7 +263,7 @@ async function refreshExistingList(pk?: any) {
 async function startBulkAction(actionId) {
   const action = coreStore.resource.options.bulkActions.find(a => a.id === actionId);
   if (action.confirm) {
-    const confirmed = await window.adminforth.confirm({
+    const confirmed = await adminforth.confirm({
       message: action.confirm,
     });
     if (!confirmed) {
@@ -287,7 +288,7 @@ async function startBulkAction(actionId) {
     await getList();
 
     if (data.successMessage) {
-      window.adminforth.alert({
+      adminforth.alert({
         message: data.successMessage,
         variant: 'success'
       });
@@ -367,7 +368,7 @@ async function init() {
   }
   if (coreStore.resource!.options?.listRowsAutoRefreshSeconds) {
     listAutorefresher = setInterval(async () => {
-      await window.adminforth.list.silentRefresh();
+      await adminforth.list.silentRefresh();
     }, coreStore.resource!.options.listRowsAutoRefreshSeconds * 1000);
   }
 }
@@ -377,15 +378,15 @@ watch([page, sort, () => filtersStore.filters], async () => {
   await getList();
 }, { deep: true });
 
-window.adminforth.list.refresh = async () => {
+adminforth.list.refresh = async () => {
   return await getList();
 }
 
-window.adminforth.list.silentRefresh = async () => {
+adminforth.list.silentRefresh = async () => {
   return await refreshExistingList();
 }
 
-window.adminforth.list.silentRefreshRow = async (pk: any) => {
+adminforth.list.silentRefreshRow = async (pk: any) => {
   return await refreshExistingList(pk);
 }
 

package/dist/types/FrontendAPI.d.ts

@@ -1,3 +1,18 @@
+import type { AdminForthFilterOperators } from "./Common.js";
+export type FilterParams = {
+    /**
+     * Field of resource to filter
+     */
+    field: string;
+    /**
+     * Operator of filter
+     */
+    operator: AdminForthFilterOperators;
+    /**
+     * Value of filter
+     */
+    value: string | number | boolean;
+};
 export interface FrontendAPIInterface {
     /**
      * Show a confirmation dialog
@@ -7,7 +22,9 @@ export interface FrontendAPIInterface {
      * Example:
      *
      * ```ts
-     * const isConfirmed = await window.adminforth.confirm({message: 'Are you sure?', yes: 'Yes', no: 'No'})
+     * import adminforth from '@/adminforth'
+     *
+     * const isConfirmed = await adminforth.confirm({message: 'Are you sure?', yes: 'Yes', no: 'No'})
      * if (isConfirmed) {
      *  your code...
      * }
@@ -25,7 +42,9 @@ export interface FrontendAPIInterface {
      * Example:
      *
      * ```ts
-     *  window.adminforth.alert({message: 'Hello', variant: 'success'})
+     * import adminforth from '@/adminforth'
+     *
+     * adminforth.alert({message: 'Hello', variant: 'success'})
      * ```
      *
      * @param params - The parameters of the alert
@@ -64,24 +83,28 @@ export interface FrontendAPIInterface {
          * Example:
          *
          * ```ts
-         * window.adminforth.list.setFilter({field: 'name', operator: 'ilike', value: 'john'})
+         * import adminforth from '@/adminforth'
+         *
+         * adminforth.list.setFilter({field: 'name', operator: 'ilike', value: 'john'})
          * ```
          *
          * @param filter - The filter to set
          */
-        setFilter(filter: any): void;
+        setFilter(filter: FilterParams): void;
         /**
          * Update a filter in the list
          *
          * Example:
          *
          * ```ts
-         * window.adminforth.list.updateFilter({field: 'name', operator: 'ilike', value: 'john'})
+         * import adminforth from '@/adminforth';
+         *
+         * adminforth.list.updateFilter({field: 'name', operator: 'ilike', value: 'john'})
          * ```
          *
          * @param filter - The filter to update
          */
-        updateFilter(filter: any): void;
+        updateFilter(filter: FilterParams): void;
         /**
          * Clear all filters from the list
          */

package/dist/types/FrontendAPI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrontendAPI.d.ts","sourceRoot":"","sources":["../../types/FrontendAPI.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,oBAAoB;IAEjC;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,MAAM,EAAC,aAAa,GAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,MAAM,EAAC,WAAW,GAAG,IAAI,CAAC;IAGhC,IAAI,EAAE;QAEF;;WAEG;QACH,OAAO,IAAI,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAExC;;;;WAIG;QACH,aAAa,IAAI,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAE9C;;WAEG;QACH,gBAAgB,CAAE,EAAE,EAAE,GAAG,GAAG,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAEzD;;WAEG;QACH,sBAAsB,IAAI,IAAI,CAAC;QAG/B;;;;;;;;;;;;WAYG;QACH,SAAS,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;QAE7B;;;;;;;;;;WAUG;QACH,YAAY,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;QAEhC;;WAEG;QACH,YAAY,IAAI,IAAI,CAAC;KACxB,CAAA;IAED,IAAI,EAAE;QACF;;WAEG;QACH,iBAAiB,IAAI,IAAI,CAAC;KAC7B,CAAA;IAED;;OAEG;IACH,qBAAqB,IAAI,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,aAAa,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAEf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;IAEnD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAElC,CAAA;AAID,oBAAY,YAAY;IACpB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,SAAS;CACd"}
+{"version":3,"file":"FrontendAPI.d.ts","sourceRoot":"","sources":["../../types/FrontendAPI.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,YAAY,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,yBAAyB,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAE;CACrC,CAAA;AAED,MAAM,WAAW,oBAAoB;IAEjC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,MAAM,EAAC,aAAa,GAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9C;;;;;;;;;;;;;;OAcG;IACH,KAAK,CAAC,MAAM,EAAC,WAAW,GAAG,IAAI,CAAC;IAGhC,IAAI,EAAE;QAEF;;WAEG;QACH,OAAO,IAAI,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAExC;;;;WAIG;QACH,aAAa,IAAI,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAE9C;;WAEG;QACH,gBAAgB,CAAE,EAAE,EAAE,GAAG,GAAG,OAAO,CAAC;YAAE,KAAK,CAAC,EAAG,MAAM,CAAA;SAAE,CAAC,CAAC;QAEzD;;WAEG;QACH,sBAAsB,IAAI,IAAI,CAAC;QAG/B;;;;;;;;;;;;;;WAcG;QACH,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;QAEtC;;;;;;;;;;;;WAYG;QACH,YAAY,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;QAEzC;;WAEG;QACH,YAAY,IAAI,IAAI,CAAC;KACxB,CAAA;IAED,IAAI,EAAE;QACF;;WAEG;QACH,iBAAiB,IAAI,IAAI,CAAC;KAC7B,CAAA;IAED;;OAEG;IACH,qBAAqB,IAAI,IAAI,CAAC;CACjC;AAED,MAAM,MAAM,aAAa,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAEf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;IAEnD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAElC,CAAA;AAID,oBAAY,YAAY;IACpB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,IAAI,SAAS;CACd"}

package/dist/types/FrontendAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrontendAPI.js","sourceRoot":"","sources":["../../types/FrontendAPI.ts"],"names":[],"mappings":"AAwJA,MAAM,CAAN,IAAY,YAKT;AALH,WAAY,YAAY;IACpB,iCAAiB,CAAA;IACjB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;AACf,CAAC,EALS,YAAY,KAAZ,YAAY,QAKrB"}
+{"version":3,"file":"FrontendAPI.js","sourceRoot":"","sources":["../../types/FrontendAPI.ts"],"names":[],"mappings":"AAkLA,MAAM,CAAN,IAAY,YAKT;AALH,WAAY,YAAY;IACpB,iCAAiB,CAAA;IACjB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,6BAAa,CAAA;AACf,CAAC,EALS,YAAY,KAAZ,YAAY,QAKrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "1.5.9-next.0",
+  "version": "1.5.9-next.1",
   "description": "OpenSource Vue3 powered forth-generation admin panel",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/spa/src/composables/useStores.ts

@@ -1,133 +0,0 @@
-import type { FrontendAPIInterface, ConfirmParams, AlertParams, } from '@/types/FrontendAPI';
-import type { AdminForthFilterOperators, AdminForthResourceColumn } from '@/types/Common';
-import { useToastStore } from '../stores/toast';
-import { useModalStore } from '../stores/modal';
-import { useCoreStore } from '@/stores/core';
-import { useFiltersStore } from '@/stores/filters';
-import router from '@/router'
-
-type FilterParams = {
-  /**
-   * Field of resource to filter
-   */
-  field: string;
-  /**
-   * Operator of filter
-   */
-  operator: AdminForthFilterOperators;
-  /**
-   * Value of filter
-   */
-  value: string | number | boolean ;
-}
-
-declare global {
-  interface Window {
-    adminforth: FrontendAPIInterface;
-  }
-}
-
-export class FrontendAPI {
-  private toastStore:any
-  private modalStore:any
-  private filtersStore:any  
-  private coreStore:any
-  init() {
-    if (window.adminforth) {
-      throw new Error('adminforth already initialized');
-    }
-    this.toastStore = useToastStore();
-    this.modalStore = useModalStore();
-    
-    window.adminforth = {
-      confirm: this.confirm.bind(this),
-      alert: this.alert.bind(this),
-
-      list: {
-        refresh: () => {/* will be redefined in list*/},
-        closeThreeDotsDropdown: () => {/* will be redefined in list*/},
-        closeUserMenuDropdown: () => {/* will be redefined in list*/},
-        setFilter: () => this.setListFilter.bind(this),
-        updateFilter: () => this.updateListFilter.bind(this),
-        clearFilters: () => this.clearListFilters.bind(this),
-      },
-      menu: {
-        refreshMenuBadges: () => {/* will be redefined */}
-      },
-    };
-  }
-
-  confirm(params: ConfirmParams): Promise<void> {
-    return new Promise((resolve, reject) => {
-      this.modalStore.setModalContent({ 
-        content: params.message, 
-        acceptText: params.yes || 'Yes',
-        cancelText: params.no || 'Cancel' 
-      })
-      this.modalStore.onAcceptFunction = resolve
-      this.modalStore.onCancelFunction = reject
-      this.modalStore.togleModal()
-    })
-  }
-
-  alert(params: AlertParams): void {
-    this.toastStore.addToast({
-      message: params.message,
-      messageHtml: params.messageHtml,
-      variant: params.variant,
-      timeout: params.timeout  
-    })
-  }
-
-  listFilterValidation(filter: FilterParams): boolean {
-    if(router.currentRoute.value.meta.type !== 'list'){
-      throw new Error(`Cannot use ${this.setListFilter.name} filter on a list page`)
-    } else {
-      if(!this.coreStore) this.coreStore = useCoreStore()
-      console.log(this.coreStore.resourceColumnsWithFilters,'core store')
-      const filterField = this.coreStore.resourceColumnsWithFilters.find((col: AdminForthResourceColumn) => col.name === filter.field)
-      if(!filterField){
-          throw new Error(`Field ${filter.field} is not available for filtering`)
-      }
-      
-    }
-    return true
-  }
-
-  setListFilter(filter: FilterParams): void {
-    if(this.listFilterValidation(filter)){
-      this.filtersStore = useFiltersStore()
-      if(this.filtersStore.filters.some((f) => {return f.field === filter.field && f.operator === filter.operator})){
-        throw new Error(`Filter ${filter.field} with operator ${filter.operator} already exists`)
-      } else {
-      this.filtersStore.setFilter(filter)
-      }
-    }
-  }
-
-  clearListFilters(): void {
-    this.filtersStore = useFiltersStore()
-    this.filtersStore.clearFilters()
-  }
-
-  updateListFilter(filter: FilterParams): void {
-    if(this.listFilterValidation(filter)){
-      this.filtersStore = useFiltersStore()
-      const index = this.filtersStore.filters.findIndex((f: FilterParams) => f.field === filter.field)
-      if(index === -1) {
-        this.filtersStore.setFilter(filter)
-      } else {
-        const filters = [...this.filtersStore.filters];
-        if (filter.value === undefined) {
-          filters.splice(index, 1);
-        } else {
-          filters[index] = filter;
-        }
-        this.filtersStore.setFilters(filters);
-      }
-    }
-  }
-
-
-
-}