adminforth 1.1.58 → 1.1.60

package/dist/index.js

@@ -23,7 +23,7 @@ import ExpressServer from './servers/express.js';
 import { v1 as uuid } from 'uuid';
 import fs from 'fs';
 import { ADMINFORTH_VERSION, listify } from './modules/utils.js';
-import { AdminForthFilterOperators, AdminForthDataTypes, AdminForthResourcePages, AllowedActionsEnum, ActionCheckSource } from './types/AdminForthConfig.js';
+import { AdminForthFilterOperators, AdminForthDataTypes, AdminForthResourcePages, AllowedActionsEnum, ActionCheckSource, } from './types/AdminForthConfig.js';
 import path from 'path';
 //get array from enum AdminForthResourcePages
 class AdminForth {
@@ -473,6 +473,63 @@ class AdminForth {
             return users.data[0] || null;
         });
     }
+    createResourceRecord(_b) {
+        return __awaiter(this, arguments, void 0, function* ({ resource, record, adminUser }) {
+            var _c, _d, _e, _f, _g;
+            for (const column of resource.columns) {
+                if (column.fillOnCreate) {
+                    if (record[column.name] === undefined) {
+                        record[column.name] = column.fillOnCreate({
+                            initialRecord: record, adminUser
+                        });
+                    }
+                }
+                if (((_c = column.required) === null || _c === void 0 ? void 0 : _c.create) && record[column.name] === undefined) {
+                    return { error: `Column '${column.name}' is required` };
+                }
+                if (column.isUnique) {
+                    const existingRecord = yield this.connectors[resource.dataSource].getData({
+                        resource,
+                        filters: [{ field: column.name, operator: AdminForthFilterOperators.EQ, value: record[column.name] }],
+                        limit: 1,
+                        sort: [],
+                        offset: 0
+                    });
+                    if (existingRecord.data.length > 0) {
+                        return { error: `Record with ${column.name} ${record[column.name]} already exists` };
+                    }
+                }
+            }
+            // execute hook if needed
+            for (const hook of listify((_e = (_d = resource.hooks) === null || _d === void 0 ? void 0 : _d.create) === null || _e === void 0 ? void 0 : _e.beforeSave)) {
+                const resp = yield hook({ resource, record, adminUser });
+                if (!resp || (!resp.ok && !resp.error)) {
+                    throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
+                }
+                if (resp.error) {
+                    return { error: resp.error };
+                }
+            }
+            // remove virtual columns from record
+            for (const column of resource.columns.filter((col) => col.virtual)) {
+                if (record[column.name]) {
+                    delete record[column.name];
+                }
+            }
+            const connector = this.connectors[resource.dataSource];
+            yield connector.createRecord({ resource, record });
+            // execute hook if needed
+            for (const hook of listify((_g = (_f = resource.hooks) === null || _f === void 0 ? void 0 : _f.create) === null || _g === void 0 ? void 0 : _g.afterSave)) {
+                const resp = yield hook({ resource, record, adminUser });
+                if (!resp || (!resp.ok && !resp.error)) {
+                    throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
+                }
+                if (resp.error) {
+                    return { error: resp.error };
+                }
+            }
+        });
+    }
     setupEndpoints(server) {
         server.endpoint({
             noAuth: true,
@@ -904,7 +961,6 @@ class AdminForth {
             method: 'POST',
             path: '/create_record',
             handler: (_y) => __awaiter(this, [_y], void 0, function* ({ body, adminUser }) {
-                var _z, _0, _1, _2, _3;
                 const resource = this.config.resources.find((res) => res.resourceId == body['resourceId']);
                 if (!resource) {
                     return { error: `Resource '${body['resourceId']}' not found` };
@@ -914,59 +970,8 @@ class AdminForth {
                 if (!allowed) {
                     return { error };
                 }
-                const record = body['record'];
-                // execute hook if needed
-                for (const hook of listify((_0 = (_z = resource.hooks) === null || _z === void 0 ? void 0 : _z.create) === null || _0 === void 0 ? void 0 : _0.beforeSave)) {
-                    const resp = yield hook({ resource, record, adminUser });
-                    if (!resp || (!resp.ok && !resp.error)) {
-                        throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
-                    }
-                    if (resp.error) {
-                        return { error: resp.error };
-                    }
-                }
-                for (const column of resource.columns) {
-                    if (column.fillOnCreate) {
-                        if (body['record'][column.name] === undefined) {
-                            body['record'][column.name] = column.fillOnCreate({
-                                initialRecord: body['record'], adminUser
-                            });
-                        }
-                    }
-                    if (((_1 = column.required) === null || _1 === void 0 ? void 0 : _1.create) && body['record'][column.name] === undefined) {
-                        return { error: `Column '${column.name}' is required` };
-                    }
-                    if (column.isUnique) {
-                        const existingRecord = yield this.connectors[resource.dataSource].getData({
-                            resource,
-                            filters: [{ field: column.name, operator: AdminForthFilterOperators.EQ, value: body['record'][column.name] }],
-                            limit: 1,
-                            sort: [],
-                            offset: 0
-                        });
-                        if (existingRecord.data.length > 0) {
-                            return { error: `Record with ${column.name} ${body['record'][column.name]} already exists` };
-                        }
-                    }
-                }
-                // remove virtual columns from record
-                for (const column of resource.columns.filter((col) => col.virtual)) {
-                    if (record[column.name]) {
-                        delete record[column.name];
-                    }
-                }
+                yield this.createResourceRecord({ resource, record: body['record'], adminUser });
                 const connector = this.connectors[resource.dataSource];
-                yield connector.createRecord({ resource, record });
-                // execute hook if needed
-                for (const hook of listify((_3 = (_2 = resource.hooks) === null || _2 === void 0 ? void 0 : _2.create) === null || _3 === void 0 ? void 0 : _3.afterSave)) {
-                    const resp = yield hook({ resource, record, adminUser });
-                    if (!resp || (!resp.ok && !resp.error)) {
-                        throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
-                    }
-                    if (resp.error) {
-                        return { error: resp.error };
-                    }
-                }
                 return {
                     newRecordId: body['record'][connector.getPrimaryKey(resource)]
                 };
@@ -975,8 +980,8 @@ class AdminForth {
         server.endpoint({
             method: 'POST',
             path: '/update_record',
-            handler: (_4) => __awaiter(this, [_4], void 0, function* ({ body, adminUser }) {
-                var _5, _6, _7, _8;
+            handler: (_z) => __awaiter(this, [_z], void 0, function* ({ body, adminUser }) {
+                var _0, _1, _2, _3;
                 const resource = this.config.resources.find((res) => res.resourceId == body['resourceId']);
                 if (!resource) {
                     return { error: `Resource '${body['resourceId']}' not found` };
@@ -995,7 +1000,7 @@ class AdminForth {
                     return { error };
                 }
                 // execute hook if needed
-                for (const hook of listify((_6 = (_5 = resource.hooks) === null || _5 === void 0 ? void 0 : _5.edit) === null || _6 === void 0 ? void 0 : _6.beforeSave)) {
+                for (const hook of listify((_1 = (_0 = resource.hooks) === null || _0 === void 0 ? void 0 : _0.edit) === null || _1 === void 0 ? void 0 : _1.beforeSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
@@ -1022,7 +1027,7 @@ class AdminForth {
                     yield connector.updateRecord({ resource, recordId, record, newValues });
                 }
                 // execute hook if needed
-                for (const hook of listify((_8 = (_7 = resource.hooks) === null || _7 === void 0 ? void 0 : _7.edit) === null || _8 === void 0 ? void 0 : _8.afterSave)) {
+                for (const hook of listify((_3 = (_2 = resource.hooks) === null || _2 === void 0 ? void 0 : _2.edit) === null || _3 === void 0 ? void 0 : _3.afterSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
@@ -1039,8 +1044,8 @@ class AdminForth {
         server.endpoint({
             method: 'POST',
             path: '/delete_record',
-            handler: (_9) => __awaiter(this, [_9], void 0, function* ({ body, adminUser }) {
-                var _10, _11, _12, _13;
+            handler: (_4) => __awaiter(this, [_4], void 0, function* ({ body, adminUser }) {
+                var _5, _6, _7, _8;
                 const resource = this.config.resources.find((res) => res.resourceId == body['resourceId']);
                 const record = yield this.connectors[resource.dataSource].getRecordByPrimaryKey(resource, body['primaryKey']);
                 if (!resource) {
@@ -1058,7 +1063,7 @@ class AdminForth {
                     return { error };
                 }
                 // execute hook if needed
-                for (const hook of listify((_11 = (_10 = resource.hooks) === null || _10 === void 0 ? void 0 : _10.delete) === null || _11 === void 0 ? void 0 : _11.beforeSave)) {
+                for (const hook of listify((_6 = (_5 = resource.hooks) === null || _5 === void 0 ? void 0 : _5.delete) === null || _6 === void 0 ? void 0 : _6.beforeSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook beforeSave must return object with {ok: true} or { error: 'Error' } `);
@@ -1070,7 +1075,7 @@ class AdminForth {
                 const connector = this.connectors[resource.dataSource];
                 yield connector.deleteRecord({ resource, recordId: body['primaryKey'] });
                 // execute hook if needed
-                for (const hook of listify((_13 = (_12 = resource.hooks) === null || _12 === void 0 ? void 0 : _12.delete) === null || _13 === void 0 ? void 0 : _13.afterSave)) {
+                for (const hook of listify((_8 = (_7 = resource.hooks) === null || _7 === void 0 ? void 0 : _7.delete) === null || _8 === void 0 ? void 0 : _8.afterSave)) {
                     const resp = yield hook({ resource, record, adminUser });
                     if (!resp || (!resp.ok && !resp.error)) {
                         throw new Error(`Hook afterSave must return object with {ok: true} or { error: 'Error' } `);
@@ -1087,7 +1092,7 @@ class AdminForth {
         server.endpoint({
             method: 'POST',
             path: '/start_bulk_action',
-            handler: (_14) => __awaiter(this, [_14], void 0, function* ({ body }) {
+            handler: (_9) => __awaiter(this, [_9], void 0, function* ({ body }) {
                 const { resourceId, actionId, recordIds } = body;
                 const resource = this.config.resources.find((res) => res.resourceId == resourceId);
                 if (!resource) {

package/dist/modules/styleGenerator.js

@@ -1,11 +1,7 @@
-import { transformObject, deepMerge } from "./utils.js";
+import { transformObject, deepMerge, createRGBA, parseColorForAliases, darkenRGBA, lightenRGBA } from "./utils.js";
 import { styles } from "./styles.js";
-const aliasObject = { lightSidebarText: 'lightSidebarIcons', darkSidebarText: 'darkSidebarIcons', lightSidebarTextHover: 'lightSidebarIconsHover', darkSidebarTextHover: 'darkSidebarIconsHover' };
 export class StylesGenerator {
     constructor(styleConfig) {
-        if (!styleConfig) {
-            console.log("No styles provided using default styles.");
-        }
         this.styleConfig = styleConfig;
         this.defaultStyles = styles();
     }
@@ -18,22 +14,30 @@ export class StylesGenerator {
         }
         return plainCustomStyles;
     }
-    changeAliases(plateStyles) {
-        if (!plateStyles || !plateStyles.colors) {
-            return plateStyles;
+    changeAlias(str, mergedStyles) {
+        const { aliasMatch, opacityMatch, darkenMatch, lightenMatch } = parseColorForAliases(str);
+        if (!aliasMatch) {
+            return str;
+        }
+        else {
+            const alias = aliasMatch[1];
+            let opacity = opacityMatch ? parseFloat(opacityMatch[1]) : 1;
+            const color = mergedStyles[alias];
+            if (darkenMatch) {
+                return darkenRGBA(createRGBA(color, opacity));
+            }
+            if (lightenMatch) {
+                return lightenRGBA(createRGBA(color, opacity));
+            }
+            return createRGBA(color, opacity);
         }
-        let colors = plateStyles.colors;
-        Object.keys(aliasObject).forEach((aliasName) => {
-            if (colors[aliasObject[aliasName]])
-                return;
-            if (!colors[aliasName])
-                return;
-            colors[aliasObject[aliasName]] = colors[aliasName];
-        });
-        return plateStyles;
     }
     mergeStyles() {
-        let mergedStyles = deepMerge(this.defaultStyles, this.changeAliases(this.generatePlainStyles(this.styleConfig)));
+        let mergedStyles = deepMerge(this.defaultStyles, this.generatePlainStyles(this.styleConfig));
+        let colors = mergedStyles.colors;
+        Object.entries(colors).forEach(([key, value]) => {
+            colors[key] = this.changeAlias(value, colors);
+        });
         return mergedStyles;
     }
 }

package/dist/modules/styles.js

@@ -2,26 +2,22 @@ export const styles = () => ({
     colors: {
         lightHtml: "#FFFFFF", // main background
         lightNavbar: "#FFFFFF", // navbar background
-        lightNavbarHover: "#D3D3D3", // in development
-        lightNavbarText: "#333333", // in development
-        lightNavbarTextHover: "#333333", // in development
-        lightNavbarIcons: "#333333", // in development
-        lightNavbarIconsHover: "#333333", // in development
-        lightNavbarLogo: "#333333", // in development
         lightNavbarBorder: "rgb(229 231 235)", // border
+        lightNavbarText: "#111827", // navbar text
+        lightNavbarTextHover: "alias:lightNavbarText darken", // navbar text hover
+        lightNavbarTextActive: "alias:lightNavbarText darken", // navbar text active
+        lightNavbarIcons: "alias:lightNavbarText opacity:0.7", // navbar icons
         lightSidebar: "#ffffff", // sidebar background
-        lightSidebarBorder: "rgb(229 231 235)", // sidebar right border
-        lightSidebarHover: "rgb(243 244 246)", // in development
-        lightSidebarActive: "rgb(233, 234, 236)", // in development
-        lightSidebarItemHover: "#f3f4f6", // sidebar list item hover
-        lightSidebarItemActive: "rgb(233, 234, 236)", // sidebar list item active
-        lightSidebarText: "#4b5563", // sidebar list item text
-        lightSidebarTextHover: "#333333", // sidebar list item text hover
-        lightSidebarTextActive: "#333333", // sidebar list item text active
-        lightSidebarDevider: "#E0E0E0", // sidebar devider
-        lightSidebarIcons: "#6b7280", // sidebar list item icons
-        lightSidebarIconsHover: "#333333", // sidebar list item icons hover
-        lightSidebarHeading: "#333333", // sidebar heading
+        lightSidebarBorder: "alias:lightSidebarText opacity:0.3", // sidebar right border
+        lightSidebarItemHover: "alias:lightSidebarText opacity:0.1", // sidebar list item hover
+        lightSidebarItemActive: "alias:lightSidebarText opacity:0.4", // sidebar list item active
+        lightSidebarText: "#1f2937", // sidebar list item text
+        lightSidebarTextHover: "alias:lightSidebarText darken", // sidebar list item text hover
+        lightSidebarTextActive: "alias:lightSidebarText darken", // sidebar list item text active
+        lightSidebarDevider: "alias:lightSidebarText opacity:0.3", // sidebar devider
+        lightSidebarIcons: "alias:lightSidebarText opacity:0.7", // sidebar list item icons
+        lightSidebarIconsHover: "alias:lightSidebarText", // sidebar list item icons hover
+        lightSidebarHeading: "alias:lightSidebarText opacity:0.3", // sidebar heading
         lightList: "#FFFFFF", // list view background
         lightListTable: "#FFFFFF", // list view table background
         lightListTableHeading: "rgb(249 250 251)", // list view table heading
@@ -30,33 +26,45 @@ export const styles = () => ({
         lightListTableRowHover: "rgb(249 250 251)", // list view row hover
         lightListBreadcrumbsText: "#666666", // list view breadcrumbs text
         lightListBorder: "#DDDDDD", // list view  rows border
+        // lightListButton: "#FFFFFF", // list view button
+        // lightListButtonBorder: "#d1d5db", // list view button border
+        // lightListButtonHover: "#f3f4f6", // list view button hover
+        // lightListButtonBorderHover: "#f3f4f6", // list view button border hover
+        // lightListButtonActive: "#f3f4f6", // list view button active
+        // lightListButtonDisabled: "#f3f4f6", // list view button disabled
+        // lightListButtonDisabledText: "#f3f4f6", // list view button disabled text
+        // lightListButtonIcon: "#333333", // list view button icon
         lightForm: "#FFFFFF", // show view background
         lightFormBorder: "#F5F5F5", // show view rows border
         lightFormHeading: "rgb(249 250 251)", // show view heading
+        lightButtons: "#FFFFFF", // button background
+        lightButtonsBorder: "#DDDDDD", // button border
+        lightButtonsText: "#111827", // button text
+        lightButtonsHover: "#f3f4f6", // button hover
+        lightButtonsBorderHover: "#f3f4f6", // button border hover  
+        lightButtonsActive: "#f3f4f6", // button active
+        lightButtonsDisabled: "#f3f4f6", // button disabled
+        lightButtonsDisabledText: "#f3f4f6", // button disabled text
+        lightButtonsIcon: "#333333", // button icon
         // colors for dark theme
         darkHtml: "#111827",
         darkNavbar: "#111827",
-        darkNavbarHover: "#444444",
-        darkNavbarText: "#FFFFFF",
-        darkNavbarTextHover: "#FFFFFF",
-        darkNavbarIcons: "#FFFFFF",
-        darkNavbarIconsHover: "#FFFFFF",
-        darkNavbarLogo: "#FFFFFF",
         darkNavbarBorder: "#e5e7eb",
+        darkNavbarText: "#9ca3af",
+        darkNavbarTextHover: "alias:darkNavbarText lighten",
+        darkNavbarTextActive: "alias:darkNavbarText lighten",
+        darkNavbarIcons: "alias:darkNavbarText opacity:0.7",
         darkSidebar: "#1f2937",
-        darkSidebarBorder: "#374151",
-        darkSidebarHover: "#374151",
-        darkSidebarActive: "#444444",
-        darkSidebarItemHover: "#374151",
-        darkSidebarItemActive: "#52525b",
-        darkSidebarItemActiveText: "#FFFFFF",
+        darkSidebarBorder: "alias:darkSidebarText opacity:0.3",
+        darkSidebarItemHover: "alias:darkSidebarText opacity:0.1",
+        darkSidebarItemActive: "alias:darkSidebarText opacity:0.4",
         darkSidebarText: "#9ca3af",
-        darkSidebarTextHover: "#FFFFFF",
-        darkSidebarTextActive: "#FFFFFF",
-        darkSidebarDevider: "#374151",
-        darkSidebarIcons: "#9ca3af",
-        darkSidebarIconsHover: "#FFFFFF",
-        darkSidebarHeading: "#FFFFFF",
+        darkSidebarTextHover: "alias:darkSidebarText lighten",
+        darkSidebarTextActive: "alias:darkSidebarText lighten",
+        darkSidebarDevider: "alias:darkSidebarText opacity:0.3",
+        darkSidebarIcons: "alias:darkSidebarText opacity:0.7",
+        darkSidebarIconsHover: "alias:darkSidebarText",
+        darkSidebarHeading: "alias:darkSidebarText opacity:0.3",
         darkList: "#111111",
         darkListTable: "#1f2937",
         darkListTableHeading: "#334155",

package/dist/modules/utils.js

@@ -1,6 +1,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 import fs from 'fs';
+var csscolors = require('css-color-names');
 export function guessLabelFromName(name) {
     if (name.includes('_')) {
         return name.split('_').map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(' ');
@@ -75,3 +76,76 @@ export function transformObject(obj, parentKey = '', result = {}) {
     }
     return result;
 }
+function hexToRGBA(hex, opacity) {
+    var c;
+    if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+        c = hex.substring(1).split('');
+        if (c.length == 3) {
+            c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+        }
+        c = '0x' + c.join('');
+        return 'rgba(' + [(c >> 16) & 255, (c >> 8) & 255, c & 255].join(',') + ',' + opacity + ')';
+    }
+    throw new Error('Bad Hex');
+}
+export function createRGBA(color, opacity) {
+    if (!color)
+        return;
+    else if (color.startsWith("rgba")) {
+        //add opacity to existing rgba color
+        const rgb = color.match(/[\d.]+/g);
+        console.log('rgb', rgb);
+        return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${Number(rgb[3]) * opacity})`;
+    }
+    else if (color.startsWith("rgb")) {
+        const rgb = color.match(/\d+/g);
+        return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${opacity})`;
+    }
+    else if (color.startsWith("#")) {
+        return hexToRGBA(color, opacity);
+    }
+    else if (csscolors[color]) {
+        return hexToRGBA(csscolors[color], opacity);
+    }
+    else {
+        return color;
+    }
+}
+export function parseColorForAliases(str) {
+    const aliasRegex = /alias:([^ ]+)/;
+    const opacityRegex = /opacity:([0-9.]+)/;
+    const darkenRegex = /darken/;
+    const lightenRegex = /lighten/;
+    // Extract alias and properties
+    const aliasMatch = str.match(aliasRegex);
+    const opacityMatch = str.match(opacityRegex);
+    const darkenMatch = str.match(darkenRegex);
+    const lightenMatch = str.match(lightenRegex);
+    return { aliasMatch, opacityMatch, darkenMatch, lightenMatch };
+}
+export function darkenRGBA(rgba) {
+    let amount = 0.2;
+    // Extract the RGBA components
+    let [r, g, b, a] = rgba.match(/\d+/g).map(Number);
+    // Ensure amount is between 0 and 1
+    amount = Math.max(0, Math.min(1, amount));
+    // Calculate the new RGB values
+    r = Math.max(0, r * (1 - amount));
+    g = Math.max(0, g * (1 - amount));
+    b = Math.max(0, b * (1 - amount));
+    // Return the new RGBA color
+    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${a})`;
+}
+export function lightenRGBA(rgba) {
+    let amount = 0.2;
+    // Extract the RGBA components
+    let [r, g, b, a] = rgba.match(/\d+/g).map(Number);
+    // Ensure amount is between 0 and 1
+    amount = Math.max(0, Math.min(1, amount));
+    // Calculate the new RGB values
+    r = Math.min(255, r * (1 + amount));
+    g = Math.min(255, g * (1 + amount));
+    b = Math.min(255, b * (1 + amount));
+    // Return the new RGBA color
+    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${a})`;
+}

package/dist/plugins/AccessControl/index.js

@@ -0,0 +1,66 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { AllowedActionsEnum } from "../../types/AdminForthConfig.js";
+import AdminForthPlugin from "../base.js";
+class AccessControlPlugin extends AdminForthPlugin {
+    constructor(options) {
+        super(options, import.meta.url);
+        this.options = options;
+    }
+    modifyResourceConfig(adminforth, resourceConfig) {
+        super.modifyResourceConfig(adminforth, resourceConfig);
+        this.adminforth = adminforth;
+        if (!resourceConfig.hooks) {
+            resourceConfig.hooks = {};
+        }
+        const checkAccess = (adminUser, action, meta) => __awaiter(this, void 0, void 0, function* () {
+            const hasAccessOrError = yield this.options.hasAccess(adminUser, action, meta);
+            if (hasAccessOrError === true) {
+                return { ok: true };
+            }
+            else {
+                return { ok: false, error: hasAccessOrError || AccessControlPlugin.defaultError };
+            }
+        });
+        const bindHookCheck = (action, hookName) => {
+            if (!resourceConfig.hooks[action]) {
+                resourceConfig.hooks[action] = {};
+            }
+            if (!resourceConfig.hooks[action][hookName]) {
+                resourceConfig.hooks[action][hookName] = [];
+            }
+            if (hookName === 'beforeDatasourceRequest') {
+                resourceConfig.hooks[action][hookName].unshift((_a) => __awaiter(this, [_a], void 0, function* ({ adminUser, query }) {
+                    return checkAccess(adminUser, action, { query });
+                }));
+            }
+            else {
+                resourceConfig.hooks[action][hookName].unshift((_b) => __awaiter(this, [_b], void 0, function* ({ adminUser, record }) {
+                    return checkAccess(adminUser, action, { record });
+                }));
+            }
+        };
+        // List check
+        bindHookCheck(AllowedActionsEnum.list, 'beforeDatasourceRequest');
+        // Show check
+        bindHookCheck(AllowedActionsEnum.show, 'beforeDatasourceRequest');
+        // Edit check
+        bindHookCheck(AllowedActionsEnum.edit, 'beforeDatasourceRequest');
+        // create check
+        bindHookCheck(AllowedActionsEnum.create, 'beforeSave');
+        // edit check
+        bindHookCheck(AllowedActionsEnum.edit, 'beforeSave');
+        // delete check
+        bindHookCheck(AllowedActionsEnum.delete, 'beforeSave');
+        console.log('resourceConfig', resourceConfig);
+    }
+}
+AccessControlPlugin.defaultError = 'Sorry, you do not have access to this resource.';
+export default AccessControlPlugin;

package/dist/plugins/AccessControl/types.js

@@ -0,0 +1 @@
+export {};

package/dist/plugins/AuditLogPlugin/custom/AuditLogView.vue

@@ -0,0 +1,20 @@
+<script setup>
+import VueDiff from 'vue-diff';
+import { ref } from 'vue';
+import 'vue-diff/dist/index.css';
+
+const props = defineProps(['prev', 'current', 'meta']);
+
+app.use(VueDiff);
+</script>
+
+<template>
+    <Diff
+      :mode="'split'"
+      :theme="'light'"
+      :language="'plaintext'"
+      :prev="props.prev"
+      :current="props.current"
+    />
+  </template>
+  

package/dist/plugins/AuditLogPlugin/index.js

@@ -0,0 +1,83 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import AdminForthPlugin from "../base.js";
+class AuditLogPlugin extends AdminForthPlugin {
+    constructor(options) {
+        super(options, import.meta.url);
+        this.createLogRecord = (resource, action, data, user) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const recordIdFieldName = (_a = resource.columns.find((c) => c.primaryKey === true)) === null || _a === void 0 ? void 0 : _a.name;
+            const recordId = data[recordIdFieldName];
+            const record = {
+                [this.options.resourceColumns.resourceIdColumnName]: resource.resourceId,
+                [this.options.resourceColumns.resourceActionColumnName]: action,
+                [this.options.resourceColumns.resourceDataColumnName]: data,
+                [this.options.resourceColumns.resourceUserIdColumnName]: user.pk,
+                [this.options.resourceColumns.resourceRecordIdColumnName]: recordId,
+                [this.options.resourceColumns.resourceCreatedColumnName]: new Date()
+            };
+            const auditLogResource = this.adminforth.config.resources.find((r) => r.resourceId === this.auditLogResource);
+            console.log('rec', record);
+            yield this.adminforth.createResourceRecord({ resource: auditLogResource, record, adminUser: user });
+            return { ok: true };
+        });
+        this.options = options;
+    }
+    modifyResourceConfig(adminforth, resourceConfig) {
+        super.modifyResourceConfig(adminforth, resourceConfig);
+        this.adminforth = adminforth;
+        this.auditLogResource = resourceConfig.resourceId;
+        this.adminforth.config.resources.forEach((resource) => {
+            var _a;
+            if ((_a = this.options.excludeResourceIds) === null || _a === void 0 ? void 0 : _a.includes(resource.resourceId)) {
+                return;
+            }
+            if (this.auditLogResource === resource.resourceId) {
+                let diffColumn = resource.columns.find((c) => c.name === this.options.resourceColumns.resourceDataColumnName);
+                if (!diffColumn) {
+                    diffColumn = {
+                        name: this.options.resourceColumns.resourceDataColumnName,
+                        components: {},
+                        // type: AdminForthDataTypes.STRING
+                    };
+                }
+                diffColumn.components = {
+                    showRow: {
+                        file: this.componentPath('AuditLogView.vue'),
+                        meta: Object.assign(Object.assign({}, this.options), { pluginInstanceId: this.pluginInstanceId })
+                    }
+                };
+                resource.columns.push(diffColumn);
+                return;
+            }
+            const defaultHooks = {
+                create: { beforeSave: [] },
+                edit: { beforeSave: [] },
+                delete: { beforeSave: [] }
+            };
+            if (!resource.hooks) {
+                resource.hooks = defaultHooks;
+            }
+            else {
+                resource.hooks = Object.assign(Object.assign({}, defaultHooks), resource.hooks);
+            }
+            Object.keys(resource.hooks).forEach((hook) => {
+                if (!Array.isArray(resource.hooks[hook].beforeSave)) {
+                    resource.hooks[hook].beforeSave = [resource.hooks[hook].beforeSave];
+                }
+                resource.hooks[hook].beforeSave.push((_a) => __awaiter(this, [_a], void 0, function* ({ resource, record, adminUser }) {
+                    return yield this.createLogRecord(resource, hook, record, adminUser);
+                }));
+            });
+        });
+    }
+}
+AuditLogPlugin.defaultError = 'Sorry, you do not have access to this resource.';
+export default AuditLogPlugin;

package/dist/plugins/AuditLogPlugin/types.js

@@ -0,0 +1 @@
+export {};

package/dist/spa/index.html

@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/* IMPORTANT:ADMINFORTH FAVICON */">
+    <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>/* IMPORTANT:ADMINFORTH TITLE */</title>
+    <title>Vite App</title>
 <!--     
     <script>
       // On page load or when changing themes, best to add inline in `head` to avoid FOUC