adminforth 2.4.0-next.27 → 2.4.0-next.271

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/commands/callTsProxy.js +14 -4
  2. package/commands/cli.js +2 -1
  3. package/commands/createApp/templates/api.ts.hbs +10 -0
  4. package/commands/createApp/templates/custom/tsconfig.json.hbs +2 -3
  5. package/commands/createApp/templates/index.ts.hbs +12 -1
  6. package/commands/createApp/utils.js +6 -1
  7. package/commands/createCustomComponent/configLoader.js +17 -4
  8. package/commands/createCustomComponent/main.js +1 -0
  9. package/commands/createCustomComponent/templates/customCrud/beforeActionButtons.vue.hbs +38 -0
  10. package/commands/createPlugin/templates/custom/tsconfig.json.hbs +2 -5
  11. package/commands/createPlugin/templates/package.json.hbs +1 -1
  12. package/commands/generateModels.js +30 -22
  13. package/dist/auth.d.ts +9 -1
  14. package/dist/auth.d.ts.map +1 -1
  15. package/dist/auth.js +21 -2
  16. package/dist/auth.js.map +1 -1
  17. package/dist/dataConnectors/baseConnector.d.ts.map +1 -1
  18. package/dist/dataConnectors/baseConnector.js +46 -15
  19. package/dist/dataConnectors/baseConnector.js.map +1 -1
  20. package/dist/dataConnectors/clickhouse.d.ts.map +1 -1
  21. package/dist/dataConnectors/clickhouse.js +15 -0
  22. package/dist/dataConnectors/clickhouse.js.map +1 -1
  23. package/dist/dataConnectors/mongo.d.ts.map +1 -1
  24. package/dist/dataConnectors/mongo.js +50 -15
  25. package/dist/dataConnectors/mongo.js.map +1 -1
  26. package/dist/dataConnectors/mysql.d.ts.map +1 -1
  27. package/dist/dataConnectors/mysql.js +11 -0
  28. package/dist/dataConnectors/mysql.js.map +1 -1
  29. package/dist/dataConnectors/postgres.d.ts.map +1 -1
  30. package/dist/dataConnectors/postgres.js +43 -14
  31. package/dist/dataConnectors/postgres.js.map +1 -1
  32. package/dist/dataConnectors/sqlite.d.ts.map +1 -1
  33. package/dist/dataConnectors/sqlite.js +11 -0
  34. package/dist/dataConnectors/sqlite.js.map +1 -1
  35. package/dist/index.d.ts +12 -2
  36. package/dist/index.d.ts.map +1 -1
  37. package/dist/index.js +38 -20
  38. package/dist/index.js.map +1 -1
  39. package/dist/modules/codeInjector.d.ts +2 -0
  40. package/dist/modules/codeInjector.d.ts.map +1 -1
  41. package/dist/modules/codeInjector.js +50 -6
  42. package/dist/modules/codeInjector.js.map +1 -1
  43. package/dist/modules/configValidator.d.ts +6 -0
  44. package/dist/modules/configValidator.d.ts.map +1 -1
  45. package/dist/modules/configValidator.js +184 -19
  46. package/dist/modules/configValidator.js.map +1 -1
  47. package/dist/modules/restApi.d.ts +1 -1
  48. package/dist/modules/restApi.d.ts.map +1 -1
  49. package/dist/modules/restApi.js +170 -29
  50. package/dist/modules/restApi.js.map +1 -1
  51. package/dist/modules/styles.d.ts +499 -13
  52. package/dist/modules/styles.d.ts.map +1 -1
  53. package/dist/modules/styles.js +555 -31
  54. package/dist/modules/styles.js.map +1 -1
  55. package/dist/modules/utils.d.ts +7 -15
  56. package/dist/modules/utils.d.ts.map +1 -1
  57. package/dist/modules/utils.js +45 -68
  58. package/dist/modules/utils.js.map +1 -1
  59. package/dist/servers/express.d.ts +5 -0
  60. package/dist/servers/express.d.ts.map +1 -1
  61. package/dist/servers/express.js +40 -1
  62. package/dist/servers/express.js.map +1 -1
  63. package/dist/spa/index.html +1 -1
  64. package/dist/spa/package-lock.json +5 -4
  65. package/dist/spa/package.json +1 -1
  66. package/dist/spa/src/App.vue +58 -173
  67. package/dist/spa/src/adminforth.ts +42 -18
  68. package/dist/spa/src/afcl/BarChart.vue +2 -2
  69. package/dist/spa/src/afcl/Button.vue +6 -6
  70. package/dist/spa/src/afcl/ButtonGroup.vue +91 -0
  71. package/dist/spa/src/afcl/Card.vue +25 -0
  72. package/dist/spa/src/afcl/Checkbox.vue +21 -13
  73. package/dist/spa/src/afcl/CountryFlag.vue +4 -1
  74. package/dist/spa/src/{components/CustomDatePicker.vue → afcl/DatePicker.vue} +95 -9
  75. package/dist/spa/src/afcl/Dialog.vue +47 -27
  76. package/dist/spa/src/afcl/Dropzone.vue +12 -12
  77. package/dist/spa/src/afcl/Input.vue +5 -5
  78. package/dist/spa/src/afcl/JsonViewer.vue +25 -0
  79. package/dist/spa/src/afcl/LinkButton.vue +3 -3
  80. package/dist/spa/src/afcl/PieChart.vue +5 -5
  81. package/dist/spa/src/afcl/ProgressBar.vue +7 -7
  82. package/dist/spa/src/afcl/Select.vue +68 -34
  83. package/dist/spa/src/afcl/Skeleton.vue +6 -6
  84. package/dist/spa/src/afcl/Table.vue +213 -74
  85. package/dist/spa/src/afcl/Textarea.vue +31 -0
  86. package/dist/spa/src/afcl/Toggle.vue +32 -0
  87. package/dist/spa/src/afcl/Tooltip.vue +28 -18
  88. package/dist/spa/src/afcl/VerticalTabs.vue +16 -7
  89. package/dist/spa/src/afcl/index.ts +6 -3
  90. package/dist/spa/src/components/AcceptModal.vue +48 -14
  91. package/dist/spa/src/components/Breadcrumbs.vue +5 -5
  92. package/dist/spa/src/components/ColumnValueInput.vue +38 -18
  93. package/dist/spa/src/components/ColumnValueInputWrapper.vue +4 -3
  94. package/dist/spa/src/components/CustomDateRangePicker.vue +9 -8
  95. package/dist/spa/src/components/CustomRangePicker.vue +37 -8
  96. package/dist/spa/src/components/ErrorMessage.vue +21 -0
  97. package/dist/spa/src/components/Filters.vue +85 -39
  98. package/dist/spa/src/components/GroupsTable.vue +9 -8
  99. package/dist/spa/src/components/MenuLink.vue +90 -23
  100. package/dist/spa/src/components/ResourceForm.vue +94 -51
  101. package/dist/spa/src/components/ResourceListTable.vue +90 -80
  102. package/dist/spa/src/components/ResourceListTableVirtual.vue +86 -76
  103. package/dist/spa/src/components/ShowTable.vue +21 -15
  104. package/dist/spa/src/components/Sidebar.vue +470 -0
  105. package/dist/spa/src/components/SingleSkeletLoader.vue +6 -6
  106. package/dist/spa/src/components/SkeleteLoader.vue +3 -3
  107. package/dist/spa/src/components/ThreeDotsMenu.vue +73 -14
  108. package/dist/spa/src/components/Toast.vue +37 -26
  109. package/dist/spa/src/components/UserMenuSettingsButton.vue +69 -0
  110. package/dist/spa/src/components/ValueRenderer.vue +43 -16
  111. package/dist/spa/src/controls/BoolToggle.vue +34 -0
  112. package/dist/spa/src/i18n.ts +1 -1
  113. package/dist/spa/src/renderers/CompactField.vue +1 -1
  114. package/dist/spa/src/renderers/CompactUUID.vue +1 -1
  115. package/dist/spa/src/router/index.ts +8 -0
  116. package/dist/spa/src/shims-vue.d.ts +5 -0
  117. package/dist/spa/src/spa_types/core.ts +13 -1
  118. package/dist/spa/src/stores/core.ts +13 -1
  119. package/dist/spa/src/stores/filters.ts +29 -2
  120. package/dist/spa/src/stores/modal.ts +6 -1
  121. package/dist/spa/src/stores/toast.ts +22 -3
  122. package/dist/spa/src/types/Back.ts +161 -23
  123. package/dist/spa/src/types/Common.ts +81 -32
  124. package/dist/spa/src/types/FrontendAPI.ts +31 -5
  125. package/dist/spa/src/types/adapters/CaptchaAdapter.ts +34 -0
  126. package/dist/spa/src/types/adapters/EmailAdapter.ts +2 -2
  127. package/dist/spa/src/types/adapters/ImageVisionAdapter.ts +30 -0
  128. package/dist/spa/src/types/adapters/KeyValueAdapter.ts +16 -0
  129. package/dist/spa/src/types/adapters/index.ts +8 -0
  130. package/dist/spa/src/utils.ts +279 -9
  131. package/dist/spa/src/views/CreateView.vue +18 -19
  132. package/dist/spa/src/views/EditView.vue +25 -19
  133. package/dist/spa/src/views/ListView.vue +144 -87
  134. package/dist/spa/src/views/LoginView.vue +26 -35
  135. package/dist/spa/src/views/ResourceParent.vue +2 -2
  136. package/dist/spa/src/views/SettingsView.vue +121 -0
  137. package/dist/spa/src/views/ShowView.vue +59 -39
  138. package/dist/spa/src/websocket.ts +6 -1
  139. package/dist/spa/tsconfig.app.json +1 -1
  140. package/dist/spa/vite.config.ts +45 -2
  141. package/dist/types/Back.d.ts +144 -14
  142. package/dist/types/Back.d.ts.map +1 -1
  143. package/dist/types/Back.js +15 -0
  144. package/dist/types/Back.js.map +1 -1
  145. package/dist/types/Common.d.ts +96 -29
  146. package/dist/types/Common.d.ts.map +1 -1
  147. package/dist/types/Common.js.map +1 -1
  148. package/dist/types/FrontendAPI.d.ts +31 -3
  149. package/dist/types/FrontendAPI.d.ts.map +1 -1
  150. package/dist/types/FrontendAPI.js.map +1 -1
  151. package/dist/types/adapters/CaptchaAdapter.d.ts +30 -0
  152. package/dist/types/adapters/CaptchaAdapter.d.ts.map +1 -0
  153. package/dist/types/adapters/CaptchaAdapter.js +5 -0
  154. package/dist/types/adapters/CaptchaAdapter.js.map +1 -0
  155. package/dist/types/adapters/EmailAdapter.d.ts +1 -1
  156. package/dist/types/adapters/ImageVisionAdapter.d.ts +25 -0
  157. package/dist/types/adapters/ImageVisionAdapter.d.ts.map +1 -0
  158. package/dist/types/adapters/ImageVisionAdapter.js +2 -0
  159. package/dist/types/adapters/ImageVisionAdapter.js.map +1 -0
  160. package/dist/types/adapters/KeyValueAdapter.d.ts +10 -0
  161. package/dist/types/adapters/KeyValueAdapter.d.ts.map +1 -0
  162. package/dist/types/adapters/KeyValueAdapter.js +2 -0
  163. package/dist/types/adapters/KeyValueAdapter.js.map +1 -0
  164. package/dist/types/adapters/index.d.ts +9 -0
  165. package/dist/types/adapters/index.d.ts.map +1 -0
  166. package/dist/types/adapters/index.js +2 -0
  167. package/dist/types/adapters/index.js.map +1 -0
  168. package/package.json +4 -2
  169. package/dist/spa/src/types/adapters/index.js +0 -5
@@ -1,4 +1,4 @@
1
- import type { Express } from 'express';
1
+ import type { Express, Request } from 'express';
2
2
  import type { Writable } from 'stream';
3
3
 
4
4
  import { ActionCheckSource, AdminForthFilterOperators, AdminForthSortDirections, AllowedActionsEnum,
@@ -8,12 +8,12 @@ import { ActionCheckSource, AdminForthFilterOperators, AdminForthSortDirections,
8
8
  type AdminForthBulkActionCommon,
9
9
  type AdminForthForeignResourceCommon,
10
10
  type AdminForthResourceColumnCommon,
11
- AdminForthResourceInputCommon,
12
- AdminForthComponentDeclarationFull,
13
- AdminForthConfigMenuItem,
14
- AnnouncementBadgeResponse,
11
+ type AdminForthResourceInputCommon,
12
+ type AdminForthComponentDeclarationFull,
13
+ type AdminForthConfigMenuItem,
14
+ type AnnouncementBadgeResponse,
15
15
  AdminForthResourcePages,
16
- AdminForthResourceColumnInputCommon,
16
+ type AdminForthResourceColumnInputCommon,
17
17
  } from './Common.js';
18
18
 
19
19
  export interface ICodeInjector {
@@ -22,12 +22,13 @@ export interface ICodeInjector {
22
22
  devServerPort: number;
23
23
 
24
24
  getServeDir(): string;
25
-
25
+ registerCustomComponent(filePath: string): void;
26
26
  spaTmpPath(): string;
27
27
  }
28
28
 
29
29
  export interface IConfigValidator {
30
30
  validateConfig(): void;
31
+ validateAfterPluginsActivation(): void;
31
32
  postProcessAfterDiscover(resource: AdminForthResource): void;
32
33
  }
33
34
 
@@ -92,19 +93,36 @@ export interface IExpressHttpServer extends IHttpServer {
92
93
  * Adds adminUser to request object if user is authorized. Drops request with 401 status if user is not authorized.
93
94
  * @param callable : Function which will be called if user is authorized.
94
95
  *
95
- * Example:
96
96
  *
97
+ * @example
97
98
  * ```ts
98
- * expressApp.get('/myApi', authorize((req, res) => \{
99
+ * expressApp.get('/myApi', authorize((req, res) => {
99
100
  * console.log('User is authorized', req.adminUser);
100
- * res.json(\{ message: 'Hello World' \});
101
- * \}));
102
- * ``
101
+ * res.json({ message: 'Hello World' });
102
+ * }));
103
+ * ```
103
104
  *
104
- */
105
+ */
105
106
  authorize(callable: Function): void;
106
107
  }
107
108
 
109
+ export interface ITranslateFunction {
110
+ (
111
+ msg: string,
112
+ category: string,
113
+ params: any,
114
+ pluralizationNumber?: number
115
+ ): Promise<string>;
116
+ }
117
+
118
+ // Omit <Request, 'param'> is used to remove 'param' method from Request type for correct docs generation
119
+ export interface IAdminUserExpressRequest extends Omit<Request, 'protocol' | 'param' | 'unshift'> {
120
+ adminUser: AdminUser;
121
+ }
122
+
123
+ export interface ITranslateExpressRequest extends Omit<Request, 'protocol' | 'param' | 'unshift'> {
124
+ tr: ITranslateFunction;
125
+ }
108
126
 
109
127
  export interface IAdminForthSingleFilter {
110
128
  field?: string;
@@ -113,7 +131,9 @@ export interface IAdminForthSingleFilter {
113
131
  | AdminForthFilterOperators.LTE | AdminForthFilterOperators.LIKE | AdminForthFilterOperators.ILIKE
114
132
  | AdminForthFilterOperators.IN | AdminForthFilterOperators.NIN;
115
133
  value?: any;
134
+ rightField?: string;
116
135
  insecureRawSQL?: string;
136
+ insecureRawNoSQL?: any;
117
137
  }
118
138
  export interface IAdminForthAndOrFilter {
119
139
  operator: AdminForthFilterOperators.AND | AdminForthFilterOperators.OR;
@@ -287,6 +307,10 @@ export interface IAdminForthAuth {
287
307
 
288
308
  removeCustomCookie({response, name}: {response: any, name: string}): void;
289
309
 
310
+ setCustomCookie({response, payload}: {response: any, payload: {name: string, value: string, expiry: number, expirySeconds: number, httpOnly: boolean}}): void;
311
+
312
+ getCustomCookie({cookies, name}: {cookies: {key: string, value: string}[], name: string}): string | null;
313
+
290
314
  setAuthCookie({expireInDays, response, username, pk,}: {expireInDays?: number, response: any, username: string, pk: string}): void;
291
315
 
292
316
  removeAuthCookie(response: any): void;
@@ -336,10 +360,11 @@ export interface IAdminForth {
336
360
 
337
361
  createResourceRecord(
338
362
  params: { resource: AdminForthResource, record: any, adminUser: AdminUser, extra?: HttpExtra }
339
- ): Promise<{ error?: string, createdRecord?: any }>;
363
+ ): Promise<{ error?: string, createdRecord?: any, newRecordId?: any }>;
340
364
 
341
365
  updateResourceRecord(
342
- params: { resource: AdminForthResource, recordId: any, record: any, oldRecord: any, adminUser: AdminUser, extra?: HttpExtra }
366
+ params: { resource: AdminForthResource, recordId: any, record: any, oldRecord: any, adminUser: AdminUser, extra?: HttpExtra, updates?: never }
367
+ | { resource: AdminForthResource, recordId: any, record?: never, oldRecord: any, adminUser: AdminUser, extra?: HttpExtra, updates: any }
343
368
  ): Promise<{ error?: string }>;
344
369
 
345
370
  deleteResourceRecord(
@@ -474,7 +499,7 @@ export type BeforeDataSourceRequestFunction = (params: {
474
499
  requestUrl: string,
475
500
  },
476
501
  adminforth: IAdminForth,
477
- }) => Promise<{ok: boolean, error?: string}>;
502
+ }) => Promise<{ok: boolean, error?: string, newRecordId?: string}>;
478
503
 
479
504
  /**
480
505
  * Modify response to change how data is returned after fetching from database.
@@ -525,7 +550,7 @@ export type BeforeEditSaveFunction = (params: {
525
550
  oldRecord: any,
526
551
  adminforth: IAdminForth,
527
552
  extra?: HttpExtra,
528
- }) => Promise<{ok: boolean, error?: string}>;
553
+ }) => Promise<{ok: boolean, error?: string | null}>;
529
554
 
530
555
 
531
556
 
@@ -535,7 +560,7 @@ export type BeforeCreateSaveFunction = (params: {
535
560
  record: any,
536
561
  adminforth: IAdminForth,
537
562
  extra?: HttpExtra,
538
- }) => Promise<{ok: boolean, error?: string}>;
563
+ }) => Promise<{ok: boolean, error?: string | null, newRecordId?: string}>;
539
564
 
540
565
  export type AfterCreateSaveFunction = (params: {
541
566
  resource: AdminForthResource,
@@ -579,6 +604,7 @@ export type BeforeLoginConfirmationFunction = (params?: {
579
604
  response: IAdminForthHttpResponse,
580
605
  adminforth: IAdminForth,
581
606
  extra?: HttpExtra,
607
+ rememberMeDays?: number,
582
608
  }) => Promise<{
583
609
  error?: string,
584
610
  body: {
@@ -587,6 +613,19 @@ export type BeforeLoginConfirmationFunction = (params?: {
587
613
  }
588
614
  }>;
589
615
 
616
+ /**
617
+ * Allow to make extra authorization
618
+ */
619
+ export type AdminUserAuthorizeFunction = ((params?: {
620
+ adminUser: AdminUser,
621
+ response: IAdminForthHttpResponse,
622
+ adminforth: IAdminForth,
623
+ extra?: HttpExtra,
624
+ }) => Promise<{
625
+ error?: string,
626
+ allowed?: boolean,
627
+ }>);
628
+
590
629
 
591
630
  /**
592
631
  * Data source describes database connection which will be used to fetch data for resources.
@@ -619,12 +658,23 @@ interface AdminForthInputConfigCustomization {
619
658
  */
620
659
  brandName?: string,
621
660
 
661
+ /**
662
+ * Whether to use single theme for the app
663
+ */
664
+ singleTheme?: 'light' | 'dark',
665
+
622
666
  /**
623
667
  * Whether to show brand name in sidebar
624
668
  * default is true
625
669
  */
626
670
  showBrandNameInSidebar?: boolean,
627
671
 
672
+ /**
673
+ * Whether to show brand logo in sidebar
674
+ * default is true
675
+ */
676
+ showBrandLogoInSidebar?: boolean,
677
+
628
678
  /**
629
679
  * Path to your app logo
630
680
  *
@@ -638,6 +688,19 @@ interface AdminForthInputConfigCustomization {
638
688
  */
639
689
  brandLogo?: string,
640
690
 
691
+
692
+ /**
693
+ * Path to your app logo for icon only sidebar
694
+ *
695
+ * Example:
696
+ * Place file `logo.svg` to `./custom` folder and set this option:
697
+ *
698
+ */
699
+ iconOnlySidebar?: {
700
+ logo?: string,
701
+ enabled?: boolean,
702
+ },
703
+
641
704
  /**
642
705
  * Path to your app favicon
643
706
  *
@@ -747,6 +810,7 @@ interface AdminForthInputConfigCustomization {
747
810
  */
748
811
  loginPageInjections?: {
749
812
  underInputs?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
813
+ underLoginButton?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
750
814
  panelHeader?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
751
815
  }
752
816
 
@@ -757,8 +821,20 @@ interface AdminForthInputConfigCustomization {
757
821
  userMenu?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
758
822
  header?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
759
823
  sidebar?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
824
+ sidebarTop?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
760
825
  everyPageBottom?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
761
826
  }
827
+
828
+ /**
829
+ * Allows adding custom elements (e.g., &lt;link&gt;, &lt;script&gt;, &lt;meta&gt;) to the &lt;head&gt; of the HTML document.
830
+ * Each item must include a tag name and a set of attributes.
831
+ */
832
+ customHeadItems?: {
833
+ tagName: string;
834
+ attributes: Record<string, string | boolean>;
835
+ innerCode?: string;
836
+ }[];
837
+
762
838
  }
763
839
 
764
840
  export interface AdminForthActionInput {
@@ -935,12 +1011,24 @@ export interface AdminForthInputConfig {
935
1011
  */
936
1012
  loginBackgroundPosition?: 'over' | '1/2' | '1/3' | '2/3' | '3/4' | '2/5' | '3/5',
937
1013
 
1014
+ /**
1015
+ * If true, background blend mode will be removed from login background image when position is 'over'
1016
+ *
1017
+ * Default: false
1018
+ */
1019
+ removeBackgroundBlendMode?: boolean,
1020
+
938
1021
  /**
939
1022
  * Function or functions which will be called before user try to login.
940
1023
  * Each function will resive User object as an argument
941
1024
  */
942
1025
  beforeLoginConfirmation?: BeforeLoginConfirmationFunction | Array<BeforeLoginConfirmationFunction>,
943
1026
 
1027
+ /**
1028
+ * Array of functions which will be called before any request to AdminForth API.
1029
+ */
1030
+ adminUserAuthorize?: AdminUserAuthorizeFunction | Array<AdminUserAuthorizeFunction>,
1031
+
944
1032
  /**
945
1033
  * Optionally if your users table has a field(column) with full name, you can set it here.
946
1034
  * This field will be used to display user name in the top right corner of the admin panel.
@@ -956,7 +1044,7 @@ export interface AdminForthInputConfig {
956
1044
  /**
957
1045
  * Any prompt to show users on login. Supports HTML.
958
1046
  */
959
- loginPromptHTML?: string,
1047
+ loginPromptHTML?: string | (() => string | void | undefined | Promise<string | void | undefined>) | undefined
960
1048
 
961
1049
  /**
962
1050
  * Remember me days for "Remember Me" checkbox on login page.
@@ -988,6 +1076,16 @@ export interface AdminForthInputConfig {
988
1076
  * If you are using Cloudflare, set this to 'CF-Connecting-IP'. Case-insensitive.
989
1077
  */
990
1078
  clientIpHeader?: string,
1079
+
1080
+ /**
1081
+ * Add custom page to the settings page
1082
+ */
1083
+ userMenuSettingsPages: {
1084
+ icon?: string,
1085
+ pageLabel: string,
1086
+ slug?: string,
1087
+ component: string
1088
+ }[],
991
1089
  },
992
1090
 
993
1091
  /**
@@ -1055,6 +1153,7 @@ export interface AdminForthConfigCustomization extends Omit<AdminForthInputConfi
1055
1153
 
1056
1154
  loginPageInjections: {
1057
1155
  underInputs: Array<AdminForthComponentDeclarationFull>,
1156
+ underLoginButton?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
1058
1157
  panelHeader: Array<AdminForthComponentDeclarationFull>,
1059
1158
  },
1060
1159
 
@@ -1062,8 +1161,16 @@ export interface AdminForthConfigCustomization extends Omit<AdminForthInputConfi
1062
1161
  userMenu: Array<AdminForthComponentDeclarationFull>,
1063
1162
  header: Array<AdminForthComponentDeclarationFull>,
1064
1163
  sidebar: Array<AdminForthComponentDeclarationFull>,
1164
+ sidebarTop: Array<AdminForthComponentDeclarationFull>,
1065
1165
  everyPageBottom: Array<AdminForthComponentDeclarationFull>,
1066
1166
  },
1167
+
1168
+ customHeadItems?: {
1169
+ tagName: string;
1170
+ attributes: Record<string, string | boolean>;
1171
+ innerCode?: string;
1172
+ }[];
1173
+
1067
1174
  }
1068
1175
 
1069
1176
  export interface AdminForthConfig extends Omit<AdminForthInputConfig, 'customization' | 'resources'> {
@@ -1111,6 +1218,21 @@ export class Filters {
1111
1218
  static LIKE(field: string, value: any): IAdminForthSingleFilter {
1112
1219
  return { field, operator: AdminForthFilterOperators.LIKE, value };
1113
1220
  }
1221
+ static ILIKE(field: string, value: any): IAdminForthSingleFilter {
1222
+ return { field, operator: AdminForthFilterOperators.ILIKE, value };
1223
+ }
1224
+ static GT_FIELD(leftField: string, rightField: string): IAdminForthSingleFilter {
1225
+ return { field: leftField, operator: AdminForthFilterOperators.GT, rightField };
1226
+ }
1227
+ static GTE_FIELD(leftField: string, rightField: string): IAdminForthSingleFilter {
1228
+ return { field: leftField, operator: AdminForthFilterOperators.GTE, rightField };
1229
+ }
1230
+ static LT_FIELD(leftField: string, rightField: string): IAdminForthSingleFilter {
1231
+ return { field: leftField, operator: AdminForthFilterOperators.LT, rightField };
1232
+ }
1233
+ static LTE_FIELD(leftField: string, rightField: string): IAdminForthSingleFilter {
1234
+ return { field: leftField, operator: AdminForthFilterOperators.LTE, rightField };
1235
+ }
1114
1236
  static AND(
1115
1237
  ...args: (IAdminForthSingleFilter | IAdminForthAndOrFilter | Array<IAdminForthSingleFilter | IAdminForthAndOrFilter>)[]
1116
1238
  ): IAdminForthAndOrFilter {
@@ -1318,9 +1440,13 @@ export interface AdminForthResource extends Omit<AdminForthResourceInput, 'optio
1318
1440
  },
1319
1441
  create?: {
1320
1442
  /**
1443
+ * Should return `ok: true` to continue saving pipeline and allow creating record in database, and `ok: false` to interrupt pipeline and prevent record creation.
1444
+ * If you need to show error on UI, set `error: \<error message\>` in response.
1445
+ *
1321
1446
  * Typical use-cases:
1322
- * - Validate record before saving to database and interrupt execution if validation failed (`allowedActions.create` should be preferred in most cases)
1323
- * - fill-in adminUser as creator of record
1447
+ * - Create record by custom code (return `{ ok: false, newRecordId: <id of created record from custom code> }`)
1448
+ * - Validate record before saving to database and interrupt execution if validation failed (return `{ ok: false, error: <validation error> }`), though `allowedActions.create` should be preferred in most cases
1449
+ * - fill-in adminUser as creator of record (set `record.<some field> = x; return \{ ok: true \}`)
1324
1450
  * - Attach additional data to record before saving to database (mostly fillOnCreate should be used instead)
1325
1451
  */
1326
1452
  beforeSave?: Array<BeforeCreateSaveFunction>,
@@ -1471,15 +1597,27 @@ export type ShowInInput = ShowInModernInput | ShowInLegacyInput;
1471
1597
  export type ShowIn = {
1472
1598
  [key in AdminForthResourcePages]: AllowedActionValue
1473
1599
  }
1600
+ export type BackendOnlyInput =
1601
+ | boolean
1602
+ | ((p: {
1603
+ adminUser: AdminUser;
1604
+ resource: AdminForthResource;
1605
+ meta: any;
1606
+ source: ActionCheckSource;
1607
+ adminforth: IAdminForth;
1608
+ }) => boolean | Promise<boolean>);
1609
+
1474
1610
 
1475
- export interface AdminForthResourceColumnInput extends Omit<AdminForthResourceColumnInputCommon, 'showIn'> {
1611
+ export interface AdminForthResourceColumnInput extends Omit<AdminForthResourceColumnInputCommon, 'showIn' | 'backendOnly'> {
1476
1612
  showIn?: ShowInInput,
1477
1613
  foreignResource?: AdminForthForeignResource,
1614
+ backendOnly?: BackendOnlyInput;
1478
1615
  }
1479
1616
 
1480
- export interface AdminForthResourceColumn extends Omit<AdminForthResourceColumnCommon, 'showIn'> {
1617
+ export interface AdminForthResourceColumn extends Omit<AdminForthResourceColumnCommon, 'showIn' | 'backendOnly'> {
1481
1618
  showIn?: ShowIn,
1482
1619
  foreignResource?: AdminForthForeignResource,
1620
+ backendOnly?: BackendOnlyInput;
1483
1621
  }
1484
1622
 
1485
1623
  export interface IWebSocketClient {
@@ -1,4 +1,3 @@
1
-
2
1
  /**
3
2
  * Types that are common for both frontend side (SPA) and backend side (server).
4
3
  */
@@ -68,6 +67,11 @@ export type AllowedActionsResolved = {
68
67
  [key in AllowedActionsEnum]: boolean
69
68
  }
70
69
 
70
+ // conditional operators for predicates
71
+ type Value = any;
72
+ type Operators = { $eq: Value } | { $not: Value } | { $gt: Value } | { $gte: Value } | { $lt: Value } | { $lte: Value } | { $in: Value[] } | { $nin: Value[] } | { $includes: Value } | { $nincludes: Value };
73
+ export type Predicate = { $and: Predicate[] } | { $or: Predicate[] } | { [key: string]: Operators | Value };
74
+
71
75
  export interface AdminUser {
72
76
  /**
73
77
  * primaryKey field value of user in table which is defined by {@link AdminForthConfig.auth.usersResourceId}
@@ -95,12 +99,9 @@ export interface AdminForthBulkActionCommon {
95
99
  label: string,
96
100
 
97
101
  /**
98
- * Bulk Action button state 'danger'|success|'active',
99
- * * 'danger' - red button
100
- * * 'success' - green button
101
- * * 'active' - blue button
102
+ * Add custom class
102
103
  **/
103
- state?: 'danger' | 'success' | 'active';
104
+ buttonCustomCssClass?: string;
104
105
 
105
106
  /**
106
107
  * Optional small badge for button which will be displayed in the list view
@@ -122,6 +123,10 @@ export interface AdminForthBulkActionCommon {
122
123
  */
123
124
  successMessage?: string,
124
125
 
126
+ /**
127
+ * Show in three dots dropdown menu in list view.
128
+ */
129
+ showInThreeDotsDropdown?: boolean,
125
130
  }
126
131
 
127
132
  export interface AdminForthFieldComponents {
@@ -261,11 +266,29 @@ export interface AdminForthComponentDeclarationFull {
261
266
  * </script>
262
267
  *
263
268
  */
264
- meta?: any,
269
+ meta?: {
270
+ /**
271
+ * Controls sidebar and header visibility for custom pages
272
+ * - 'default': Show both sidebar and header (default behavior)
273
+ * - 'none': Hide both sidebar and header (full custom layout)
274
+ * - 'preferIconOnly': Show header but prefer icon-only sidebar
275
+ */
276
+ sidebarAndHeader?: 'default' | 'none' | 'preferIconOnly',
277
+
278
+ [key: string]: any,
279
+ }
265
280
  }
281
+ import { type AdminForthActionInput } from './Back.js'
282
+ export { type AdminForthActionInput } from './Back.js'
266
283
 
267
284
  export type AdminForthComponentDeclaration = AdminForthComponentDeclarationFull | string;
268
285
 
286
+ export type FieldGroup = {
287
+ groupName: string;
288
+ columns: string[];
289
+ noTitle?: boolean;
290
+ };
291
+
269
292
  /**
270
293
  * Resource describes one table or collection in database.
271
294
  * AdminForth generates set of pages for 'list', 'show', 'edit', 'create', 'filter' operations for each resource.
@@ -347,6 +370,11 @@ export interface AdminForthResourceInputCommon {
347
370
  direction: AdminForthSortDirections | string,
348
371
  }
349
372
 
373
+ /*
374
+ * Custom actions list. Actions available in show, edit and create views.
375
+ */
376
+ actions?: AdminForthActionInput[],
377
+
350
378
  /**
351
379
  * Custom bulk actions list. Bulk actions available in list view when user selects multiple records by
352
380
  * using checkboxes.
@@ -374,26 +402,10 @@ export interface AdminForthResourceInputCommon {
374
402
  /**
375
403
  * Allows to make groups of columns in show, create and edit resource pages.
376
404
  */
377
- fieldGroups?: {
378
- groupName: string;
379
- columns: string[];
380
- noTitle?: boolean;
381
- }[];
382
- createFieldGroups?: {
383
- groupName: string;
384
- columns: string[];
385
- noTitle?: boolean;
386
- }[];
387
- editFieldGroups?: {
388
- groupName: string;
389
- columns: string[];
390
- noTitle?: boolean;
391
- }[];
392
- showFieldGroups?: {
393
- groupName: string;
394
- columns: string[];
395
- noTitle?: boolean;
396
- }[];
405
+ fieldGroups?: FieldGroup[];
406
+ createFieldGroups?: FieldGroup[];
407
+ editFieldGroups?: FieldGroup[];
408
+ showFieldGroups?: FieldGroup[];
397
409
 
398
410
  /**
399
411
  * Page size for list view
@@ -471,6 +483,7 @@ export interface AdminForthResourceInputCommon {
471
483
  list?: {
472
484
  beforeBreadcrumbs?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
473
485
  afterBreadcrumbs?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
486
+ beforeActionButtons?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
474
487
  bottom?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
475
488
  threeDotsDropdownItems?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
476
489
  customActionIcons?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
@@ -584,6 +597,8 @@ export interface AdminForthForeignResourceCommon {
584
597
  polymorphicResources?: Array<AdminForthPolymorphicForeignResource>,
585
598
  polymorphicOn?: string,
586
599
  unsetLabel?: string,
600
+ searchableFields?: string | string[],
601
+ searchIsCaseSensitive?: boolean,
587
602
  }
588
603
 
589
604
  export type FillOnCreateFunction = (params: {
@@ -810,9 +825,6 @@ export interface AdminForthResourceColumnInputCommon {
810
825
  */
811
826
  minLength?: number,
812
827
 
813
- min?: number,
814
- max?: number,
815
-
816
828
  /**
817
829
  * Minimum value that can be entered in this field.
818
830
  */
@@ -865,6 +877,15 @@ export interface AdminForthResourceColumnInputCommon {
865
877
  */
866
878
  masked?: boolean,
867
879
 
880
+ /**
881
+ * Sticky position for column
882
+ */
883
+ listSticky?: boolean;
884
+
885
+ /**
886
+ * Show field only if certain conditions are met.
887
+ */
888
+ showIf?: Predicate;
868
889
  }
869
890
 
870
891
  export interface AdminForthResourceColumnCommon extends AdminForthResourceColumnInputCommon {
@@ -878,6 +899,15 @@ export interface AdminForthResourceColumnCommon extends AdminForthResourceColumn
878
899
 
879
900
  editingNote?: { create?: string, edit?: string },
880
901
 
902
+ /**
903
+ * Minimal value stored in this field.
904
+ */
905
+ min?: number,
906
+
907
+ /**
908
+ * Maximum value stored in this field.
909
+ */
910
+ max?: number,
881
911
  }
882
912
 
883
913
  export enum AdminForthMenuTypes {
@@ -1055,16 +1085,23 @@ export interface AdminForthConfigForFrontend {
1055
1085
  usernameFieldName: string,
1056
1086
  loginBackgroundImage: string,
1057
1087
  loginBackgroundPosition: string,
1088
+ removeBackgroundBlendMode: boolean,
1058
1089
  title?: string,
1059
1090
  demoCredentials?: string,
1060
- loginPromptHTML?: string,
1091
+ loginPromptHTML?: string | (() => string | Promise<string> | void | Promise<void> | Promise<undefined>) | undefined
1061
1092
  loginPageInjections: {
1062
1093
  underInputs: Array<AdminForthComponentDeclaration>,
1063
1094
  panelHeader: Array<AdminForthComponentDeclaration>,
1064
1095
  },
1065
1096
  rememberMeDays: number,
1066
1097
  showBrandNameInSidebar: boolean,
1098
+ showBrandLogoInSidebar: boolean,
1067
1099
  brandLogo?: string,
1100
+ iconOnlySidebar?: {
1101
+ logo?: string,
1102
+ enabled?: boolean,
1103
+ },
1104
+ singleTheme?: 'light' | 'dark',
1068
1105
  datesFormat: string,
1069
1106
  timeFormat: string,
1070
1107
  auth: any,
@@ -1079,8 +1116,20 @@ export interface AdminForthConfigForFrontend {
1079
1116
  userMenu: Array<AdminForthComponentDeclarationFull>,
1080
1117
  header: Array<AdminForthComponentDeclarationFull>,
1081
1118
  sidebar: Array<AdminForthComponentDeclarationFull>,
1119
+ sidebarTop: Array<AdminForthComponentDeclarationFull>,
1082
1120
  everyPageBottom: Array<AdminForthComponentDeclarationFull>,
1083
- }
1121
+ },
1122
+ customHeadItems?: {
1123
+ tagName: string;
1124
+ attributes: Record<string, string | boolean>;
1125
+ innerCode?: string;
1126
+ }[],
1127
+ settingPages?:{
1128
+ icon?: string,
1129
+ pageLabel: string,
1130
+ slug?: string,
1131
+ component: string,
1132
+ }[],
1084
1133
  }
1085
1134
 
1086
1135
  export interface GetBaseConfigResponse {
@@ -55,7 +55,7 @@ export interface FrontendAPIInterface {
55
55
  *
56
56
  * @param params - The parameters of the alert
57
57
  */
58
- alert(params:AlertParams): void;
58
+ alert(params:AlertParams): void | Promise<string> | string;
59
59
 
60
60
 
61
61
  list: {
@@ -82,27 +82,40 @@ export interface FrontendAPIInterface {
82
82
  */
83
83
  closeThreeDotsDropdown(): void;
84
84
 
85
-
86
85
  /**
87
- * Set a filter in the list
88
- * Works only when user located on the list page.
86
+ * Set a filter in the list.
87
+ * Works only when user located on the list page. If filter already exists, it will be replaced with the new one.
89
88
  * Can be used to set filter from charts or other components in pageInjections.
90
89
  *
90
+ * Filters are automatically marked as hidden (won't count in badge) if:
91
+ * - Column has showIn.filter: false
92
+ *
91
93
  * Example:
92
94
  *
93
95
  * ```ts
94
96
  * import adminforth from '@/adminforth'
95
97
  *
98
+ * // Regular filter (will show in badge if column.showIn.filter !== false)
96
99
  * adminforth.list.setFilter({field: 'name', operator: 'ilike', value: 'john'})
100
+ *
101
+ * // Hidden filter (won't show in badge if column.showIn.filter === false)
102
+ * adminforth.list.setFilter({field: 'internal_status', operator: 'eq', value: 'active'})
97
103
  * ```
98
104
  *
105
+ * Please note that you can set/update filter even for fields which have showIn.filter=false in resource configuration.
106
+ * Also you can set filter for virtual columns. For example Universal search plugin calls updateFilter for virtual column which has showIn.filter=false (because we dont want to show this column in filter dropdown, plugin renders its own filter UI)
107
+ *
99
108
  * @param filter - The filter to set
100
109
  */
101
110
  setFilter(filter: FilterParams): void;
102
111
 
103
112
  /**
113
+ * DEPRECATED: does the same as setFilter, kept for backward compatibility
104
114
  * Update a filter in the list
105
115
  *
116
+ * Filters visibility in badge is automatically determined by column configuration:
117
+ * - Hidden if column has showIn.filter: false
118
+ *
106
119
  * Example:
107
120
  *
108
121
  * ```ts
@@ -121,6 +134,14 @@ export interface FrontendAPIInterface {
121
134
  clearFilters(): void;
122
135
  }
123
136
 
137
+ show: {
138
+ /**
139
+ * Full refresh the current record on the show page. Loader may be shown during fetching.
140
+ * Fire-and-forget; you don't need to await it.
141
+ */
142
+ refresh(): void;
143
+ }
144
+
124
145
  menu: {
125
146
  /**
126
147
  * Refreshes the badges in the menu, by recalling the badge function for each menu item
@@ -171,7 +192,12 @@ export type AlertParams = {
171
192
  * Default is 10 seconds;
172
193
  */
173
194
  timeout?: number | 'unlimited';
174
-
195
+
196
+ /**
197
+ * Optional buttons to display in the alert
198
+ */
199
+ buttons?: {value: any, label: string}[];
200
+
175
201
  }
176
202
 
177
203