adminforth 2.4.0-next.44 → 2.4.0-next.46

package/commands/createApp/templates/index.ts.hbs

@@ -3,7 +3,10 @@ import AdminForth from 'adminforth';
 import usersResource from "./resources/adminuser.js";
 import { fileURLToPath } from 'url';
 import path from 'path';
-
+import dotenv from "dotenv";
+dotenv.config({ path: '.env.local', override: true });
+dotenv.config({ path: '.env', override: true });
+ 
 const ADMIN_BASE_URL = '';
 
 export const admin = new AdminForth({

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

@@ -5,15 +5,21 @@
     :expandDepth="expandDepth"
     copyable
     sort
+    :theme="currentTheme"
   />
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import { JsonViewer } from 'vue3-json-viewer'
+import { useCoreStore } from '@/stores/core'
 
 defineProps<{
   value: any
   expandDepth?: number
 }>()
 
+const coreStore = useCoreStore()
+
+const currentTheme = computed(() => (coreStore.theme === 'dark' ? 'dark' : 'light'))
 </script>

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="overflow-x-auto rounded-default shadow-resourseFormShadow dark:shadow-darkResourseFormShadow">
+      <div :class="`overflow-x-auto ${isRounded ? 'rounded-default' : ''} shadow-resourseFormShadow dark:shadow-darkResourseFormShadow`">
         <div v-if="groupName && !noTitle"  class="text-md font-semibold px-6 py-3 flex flex-1 items-center dark:border-gray-600 text-gray-700 bg-lightFormHeading dark:bg-gray-700 dark:text-gray-400 rounded-t-lg">
         {{ groupName }}
         </div>
@@ -60,7 +60,7 @@
   import { getCustomComponent } from '@/utils';
   import { useCoreStore } from '@/stores/core';
   import { computed } from 'vue';
-  const props = defineProps<{ 
+  const props = withDefaults(defineProps<{ 
     columns: Array<{
         name: string;
         label: string;
@@ -80,8 +80,11 @@
     noTitle?: boolean;
     resource: Record<string, any>;
     record: Record<string, any>;
-  }>();
-
+    isRounded?: boolean;
+  }>(), {
+    isRounded: true
+  });
+  
   const coreStore = useCoreStore();
   const allColumnsHaveCustomComponent = computed(() => {
     return props.columns.every(column => {

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

@@ -92,16 +92,16 @@ export interface IExpressHttpServer extends IHttpServer {
    * Adds adminUser to request object if user is authorized. Drops request with 401 status if user is not authorized.
    * @param callable : Function which will be called if user is authorized.
    * 
-   * Example:
    * 
+   * @example
    * ```ts
-   * expressApp.get('/myApi', authorize((req, res) => \{
+   * expressApp.get('/myApi', authorize((req, res) => {
    *  console.log('User is authorized', req.adminUser);
-   *  res.json(\{ message: 'Hello World' \});
-   * \}));
+   *  res.json({ message: 'Hello World' });
+   * }));
    * ```
    * 
-   */
+   */  
   authorize(callable: Function): void;
 }
 

package/dist/types/Back.d.ts

@@ -62,13 +62,13 @@ export interface IExpressHttpServer extends IHttpServer {
      * Adds adminUser to request object if user is authorized. Drops request with 401 status if user is not authorized.
      * @param callable : Function which will be called if user is authorized.
      *
-     * Example:
      *
+     * @example
      * ```ts
-     * expressApp.get('/myApi', authorize((req, res) => \{
+     * expressApp.get('/myApi', authorize((req, res) => {
      *  console.log('User is authorized', req.adminUser);
-     *  res.json(\{ message: 'Hello World' \});
-     * \}));
+     *  res.json({ message: 'Hello World' });
+     * }));
      * ```
      *
      */

package/package.json

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