adminforth 1.5.8 → 1.5.9-next.0

package/dist/spa/src/adminforth.ts

@@ -0,0 +1,3 @@
+import type { FrontendAPIInterface } from "./types/FrontendAPI";
+
+export default window.adminforth as FrontendAPIInterface;

package/dist/spa/src/afcl/Dropzone.vue

@@ -48,9 +48,10 @@
 
 <script setup lang="ts">
 import { humanifySize } from '@/utils';
-import { ref } from 'vue';
+import { ref, type Ref } from 'vue';
 import { IconFileSolid } from '@iconify-prerendered/vue-flowbite';
 import { watch } from 'vue';
+import adminforth from '@/adminforth';
 
 const props = defineProps<{
   extensions: string[],
@@ -93,14 +94,14 @@ function doEmit(filesIn: FileList) {
     const size = file.size;
 
     if (!allowedExtensions.includes(`.${extension}`)) {
-      window.adminforth.alert({
+      adminforth.alert({
         message: `Sorry, the file type .${extension} is not allowed. Please upload a file with one of the following extensions: ${allowedExtensions.join(', ')}`,
         variant: 'danger',
       });
       return;
     }
     if (size > maxSizeBytes) {
-      window.adminforth.alert({
+      adminforth.alert({
         message: `Sorry, the file size ${humanifySize(size)} exceeds the maximum allowed size of ${humanifySize(maxSizeBytes)}.`,
         variant: 'danger',
       });

package/dist/spa/src/renderers/CompactField.vue

@@ -10,11 +10,12 @@
   
 </template>
 
-<script setup>  
+<script setup lang="ts">
+
 import { computed, ref, onMounted, nextTick } from 'vue';
 import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
 import Tooltip from '@/afcl/Tooltip.vue';
-
+import adminforth from '@/adminforth';
 
 const visualValue = computed(() => {
   // if lenght is more then 8, show only first 4 and last 4 characters, ... in the middle
@@ -31,7 +32,7 @@ const id = ref();
 
 function copyToCB() {
   navigator.clipboard.writeText(props.record[props.column.name]);
-  window.adminforth.alert({
+  adminforth.alert({
     message: 'ID copied to clipboard',
     variant: 'success',
   })

package/dist/spa/src/renderers/CompactUUID.vue

@@ -10,11 +10,12 @@
   
 </template>
 
-<script setup>  
+<script setup lang="ts">
+
 import { computed, ref, onMounted, nextTick } from 'vue';
 import { IconFileCopyAltSolid } from '@iconify-prerendered/vue-flowbite';
 import Tooltip from '@/afcl/Tooltip.vue';
-
+import adminforth from '@/adminforth';
 
 const visualValue = computed(() => {
   // if lenght is more then 8, show only first 4 and last 4 characters, ... in the middle
@@ -31,7 +32,7 @@ const id = ref();
 
 function copyToCB() {
   navigator.clipboard.writeText(props.record[props.column.name]);
-  window.adminforth.alert({
+  adminforth.alert({
     message: 'ID copied to clipboard',
     variant: 'success',
   })

package/dist/spa/src/renderers/CountryFlag.vue

@@ -57,7 +57,9 @@ const countryName = computed(() => {
 
   // border radius  for background
   border-radius: 2px;
-  box-shadow: inset -0.3px -0.3px 0.3px 0px rgba(0 0 0 / 0.2), inset 0.3px 0.3px 0.3px 0px rgba(255 255 255 / 0.2);
+  box-shadow: inset -0.3px -0.3px 0.3px 0px rgba(0 0 0 / 0.2), 
+    inset 0.3px 0.3px 0.3px 0px rgba(255 255 255 / 0.2),
+    0px 0px 3px #00000030;
 }
 
 </style>

package/dist/spa/src/utils.ts

@@ -5,7 +5,7 @@ import router from "./router";
 import { useCoreStore } from './stores/core';
 import { useUserStore } from './stores/user';
 import { Dropdown } from 'flowbite';
-
+import adminforth from './adminforth';
 
 const LS_LANG_KEY = `afLanguage`;
 
@@ -31,7 +31,7 @@ export async function callApi({path, method, body=undefined}: {
     } 
     return await r.json();
   } catch(e){
-    window.adminforth.alert({variant:'danger', message:window.i18n?.global?.t('Something went wrong, please try again later'),})
+    adminforth.alert({variant:'danger', message: window.i18n?.global?.t('Something went wrong, please try again later'),})
     console.error(`error in callApi ${path}`,e);
   }
 }

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

@@ -72,7 +72,7 @@
 </template>
 
 
-<script setup>
+<script setup lang="ts">
 
 import BreadcrumbsWithButtons from '@/components/BreadcrumbsWithButtons.vue';
 import ResourceForm from '@/components/ResourceForm.vue';
@@ -85,6 +85,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { computed } from 'vue';
 import { showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
+import adminforth from '@/adminforth';
 
 
 const isValid = ref(false);
@@ -155,7 +156,7 @@ async function saveRecord() {
         primaryKey: response.newRecordId
       } 
     });
-    window.adminforth.alert({
+    adminforth.alert({
       message: 'Record created successfully',
       variant: 'success'
     });

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

@@ -68,7 +68,7 @@
 </template>
 
 
-<script setup>
+<script setup lang="ts">
 
 import BreadcrumbsWithButtons from '@/components/BreadcrumbsWithButtons.vue';
 import ResourceForm from '@/components/ResourceForm.vue';
@@ -80,7 +80,7 @@ import { computed, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
-
+import adminforth from '@/adminforth';
 
 const coreStore = useCoreStore();
 
@@ -158,7 +158,7 @@ async function saveRecord() {
   if (resp.error) {
     showErrorTost(resp.error);
   } else {
-    window.adminforth.alert({
+    adminforth.alert({
       message: 'Record updated successfully',
       variant: 'success',
       timeout: 400000

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

@@ -106,7 +106,7 @@
 </template>
 
 
-<script setup>
+<script setup lang="ts">
 
 import BreadcrumbsWithButtons from '@/components/BreadcrumbsWithButtons.vue';
 
@@ -119,6 +119,7 @@ import {callAdminForthApi} from '@/utils';
 import { showSuccesTost, showErrorTost } from '@/composables/useFrontendApi';
 import ThreeDotsMenu from '@/components/ThreeDotsMenu.vue';
 import ShowTable from '@/components/ShowTable.vue';
+import adminforth from "@/adminforth";
 
 
 const route = useRoute();
@@ -177,7 +178,7 @@ const otherColumns = computed(() => {
 });
 
 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/tsconfig.json

@@ -7,5 +7,5 @@
     {
       "path": "./tsconfig.app.json"
     }
-  ]
+  ],
 }

package/package.json

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