@webtypen/webframez-core 0.3.69 → 0.3.71

package/README.md

@@ -370,6 +370,11 @@ Example: `GET /api/backoffice/current-user`.
 
 The scope middleware runs before the function. Its return value is passed to the function as `apiRequest.context`. Calling `abort(message, status)` stops execution and returns an error response with that status.
 
+For HTTP middleware that must also run on automatic `OPTIONS` responses, set
+`routeMiddleware = ["cors"]` on the scope. These names refer to middleware in the
+application kernel. They run before the route handler; scope `middleware()` still
+runs for function calls and provides their authorization/context (including MCP).
+
 ### Group ApiScopes
 
 Use `ApiScopesGroup` to share middleware across multiple scopes:
@@ -570,6 +575,25 @@ builder.registerType({
 });
 ```
 
+Forms may group their complete layout in tabs. Tab fields still address the same
+root data object; tabs only change presentation. `appearance: "plain"` avoids an
+additional card around a full-form tab layout.
+
+```ts
+forms: {
+  main: {
+    fields: [{
+      type: "tabs",
+      appearance: "plain",
+      tabs: [
+        { key: "general", title: "General", icon: "settings", fields: [{ field: "email" }] },
+        { key: "defaults", title: "Defaults", icon: "database", fields: [{ field: "default_values" }] }
+      ]
+    }]
+  }
+}
+```
+
 `option` fields can use static `options: [{ value, label }]` or a client-side
 `optionsMapping`. The mapping can be a single object or an array of objects with
 `{ from: string; value: string; label: string; valuePrefix?: string; labelPrefix?: string }`. Multiple

package/dist/Api/ApiScope.d.ts

@@ -5,6 +5,8 @@ export declare class ApiScope {
     key: string;
     apiBasePath: string | null;
     mcpEndpoint: string | null;
+    /** Kernel middleware for HTTP routes, including automatic OPTIONS responses. */
+    routeMiddleware: string[];
     functions: Array<ApiFunctionClass> | (() => Array<ApiFunctionClass>);
     middleware(_req: Request, _res: Response, _abort: ApiScopeMiddlewareAbort): Promise<{
         [key: string]: any;

package/dist/Api/ApiScope.js

@@ -15,6 +15,8 @@ class ApiScope {
         this.key = "unique_scope_key";
         this.apiBasePath = "/api";
         this.mcpEndpoint = null;
+        /** Kernel middleware for HTTP routes, including automatic OPTIONS responses. */
+        this.routeMiddleware = [];
         this.functions = [];
     }
     middleware(_req, _res, _abort) {

package/dist/Api/ApiScopeRegistry.js

@@ -71,10 +71,10 @@ class ApiScopeRegistryFacade {
             const handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
                 return yield this.handleHttpFunction(registration, FunctionClass, req, res);
             });
-            this.registerRouteMethod(func.requestMethod, path, handler);
+            this.registerRouteMethod(func.requestMethod, path, handler, scope.routeMiddleware);
         }
     }
-    registerRouteMethod(method, path, handler) {
+    registerRouteMethod(method, path, handler, middleware) {
         if (!method) {
             return;
         }
@@ -83,7 +83,7 @@ class ApiScopeRegistryFacade {
         if (!routeMethod || typeof routeMethod !== "function") {
             throw new Error(`ApiFunction request method "${method}" is not supported by Route`);
         }
-        routeMethod.bind(Route_1.Route)(path, handler);
+        routeMethod.bind(Route_1.Route)(path, handler, { middleware });
     }
     handleHttpFunction(registration, FunctionClass, req, res) {
         return __awaiter(this, void 0, void 0, function* () {

package/dist/DataBuilder/DataBuilder.d.ts

@@ -29,14 +29,52 @@ export type DataBuilderOptionMapping = {
     labelPrefix?: string;
 };
 export type DataBuilderOptionsMapping = DataBuilderOptionMapping | DataBuilderOptionMapping[];
+export type DataBuilderFormFieldDefinition = {
+    field: string;
+    width?: string | number;
+    placement?: "content" | "actions";
+    hidden?: string | boolean;
+    disabled?: string | boolean;
+    fields?: DataBuilderFormDefinition[];
+    [key: string]: any;
+};
+export type DataBuilderFormTabDefinition = {
+    key: string;
+    title: string;
+    icon?: string;
+    disabled?: boolean;
+    fields: DataBuilderFormDefinition[];
+};
+export type DataBuilderFormTabsDefinition = {
+    type: "tabs";
+    label?: string;
+    width?: string | number;
+    appearance?: "card" | "plain";
+    tabs: DataBuilderFormTabDefinition[];
+};
+export type DataBuilderFormLayoutDefinition = {
+    type: string;
+    width?: string | number;
+    children?: DataBuilderFormDefinition[];
+    [key: string]: any;
+};
+export type DataBuilderFormDefinition = DataBuilderFormFieldDefinition | DataBuilderFormTabsDefinition | DataBuilderFormLayoutDefinition;
+export type DataBuilderForm = {
+    fields: DataBuilderFormDefinition[] | ((req: Request) => DataBuilderFormDefinition[] | Promise<DataBuilderFormDefinition[]>);
+    [key: string]: any;
+};
 export type DataBuilderType = {
     key: string;
     singular: string;
     plural: string;
     schema: DataBuilderSchema;
     forms?: {
-        [key: string]: any;
-    };
+        [key: string]: DataBuilderForm;
+    } | ((req: Request) => {
+        [key: string]: DataBuilderForm;
+    } | Promise<{
+        [key: string]: DataBuilderForm;
+    }>);
     unmapped?: boolean;
 };
 export type DataBuilderFieldType = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@webtypen/webframez-core",
-    "version": "0.3.69",
+    "version": "0.3.71",
     "description": "The core package of the typescript based webframez (web-framework) by webtypen.de",
     "homepage": "https://webtypen.de/",
     "license": "MIT",
@@ -31,7 +31,8 @@
     "scripts": {
         "build": "tsc",
         "build:check": "tsc --noEmit",
-        "dev": "PORT=3210 ts-node ./dev/app.ts"
+        "dev": "PORT=3210 ts-node ./dev/app.ts",
+        "test": "node --test tests/*.test.cjs"
     },
     "devDependencies": {
         "@types/busboy": "^1.5.4",