@postxl/generators 0.2.2

package/dist/frontend-admin/generators/data-management-page.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-management-page.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/data-management-page.generator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,gEAguBC;AAtuBD,6DAA8C;AAG9C;;GAEG;AACH,SAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAA8B;IAC3F,MAAM,OAAO,GAAG,SAAS,CAAC,eAAe;QACvC,EAAE;SACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC;SACvD,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO;;;EAGP,OAAO,CAAC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAutBnB,CAAA;AACD,CAAC"}

package/dist/frontend-admin/generators/model-admin-page.generator.d.ts

@@ -0,0 +1,8 @@
+import { ContextResult, ModelContextResult } from '../admin.generator';
+/**
+ * Generator function that generates the Admin page for a model
+ */
+export declare function generateModelAdminPage({ model, context, }: {
+    model: ModelContextResult;
+    context: ContextResult;
+}): string;

package/dist/frontend-admin/generators/model-admin-page.generator.js

@@ -0,0 +1,231 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateModelAdminPage = generateModelAdminPage;
+const Generator = __importStar(require("@postxl/generator"));
+/**
+ * Generator function that generates the Admin page for a model
+ */
+function generateModelAdminPage({ model, context, }) {
+    const imports = Generator.ImportGenerator
+        //
+        .from(model.admin.page.pageComponent.location)
+        .add(model.table.component)
+        .add(context.admin.components.sidebar)
+        .add(context.admin.components.auditLogSidebar)
+        .add(model.itemsHook)
+        .addImport({
+        from: Generator.toPackageName('react'),
+        items: [
+            Generator.toFunctionName('useState'),
+            Generator.toFunctionName('useCallback'),
+            Generator.toFunctionName('useMemo'),
+        ],
+    });
+    const relatedModels = [];
+    for (const relatedModelName of model.relatedModelNames) {
+        const relatedModel = context.models.get(relatedModelName);
+        imports.add(relatedModel.itemsHook);
+        relatedModels.push({
+            model: relatedModel,
+            mapName: relatedModel.internalPluralName,
+            mapDefinition: `const {${relatedModel.itemsHook.map.name}: ${relatedModel.internalPluralName}} = ${relatedModel.itemsHook.name}()`,
+        });
+    }
+    let createModalHook = '';
+    let createModal = '';
+    if (!model.isReadonly) {
+        imports
+            //
+            .addType(model.types)
+            .addType(model.types.id)
+            .addImport({ from: Generator.toPackageName('sonner'), items: [Generator.toFunctionName('toast')] })
+            .addImport({ from: model.forms.createModal.location, items: [model.forms.createModal.name] });
+        // In case the the model does not provide any explicit label field, we generally use the id field as fallback.
+        // However, in case of creating a new item, we do not have an Id yet and hence cannot show it in success and error messages.
+        const hasLabelField = model.labelField.name !== model.idField.name;
+        const variableName = hasLabelField ? `created${model.name}` : '_';
+        const label = hasLabelField ? ` "\${${variableName}.${model.labelField.name}}"` : '';
+        createModalHook = ` const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)`;
+        createModal = `
+    <${model.forms.createModal.name}
+        open={isCreateModalOpen}
+        onClose={() => setIsCreateModalOpen(false)}
+        onSuccess={(${variableName}) => {
+          toast.success(\`${model.userFriendlyName}${label} created successfully!\`)
+          setIsCreateModalOpen(false)
+        }}
+        onError={(${variableName}, error) => {
+          toast.error(\`Error creating ${model.userFriendlyName}${label}: \${String(error)}\`)
+        }}
+      />`;
+    }
+    return `
+${imports.generate()}
+
+type CellSelection = {
+  rowIndex: number
+  columnId: string
+}
+
+export default function ${model.admin.page.pageComponent.name}() {
+  ${createModalHook}
+
+  // Track the currently focused cell for audit log filtering
+  const [focusedCell, setFocusedCell] = useState<CellSelection | null>(null)
+
+  // Track selected row IDs from checkbox selection
+  const [selectedRowIds, setSelectedRowIds] = useState<string[]>([])
+
+  const { ${model.itemsHook.map.name}: data } = ${model.itemsHook.name}()
+
+  // Queries for related models' maps used by the table (passed as separate props)
+  ${relatedModels.map((rm) => rm.mapDefinition).join('\n  ')}
+
+  // Convert data map to sorted array for consistent ordering
+  const sortedData = useMemo(() =>
+    Array.from(data)
+      .sort(([id1], [id2]) => id1.localeCompare(id2))
+      .map(([, item]) => item),
+    [data]
+  )
+
+  // Get the selected entity ID based on focused cell
+  const selectedEntityId = useMemo(() => {
+    if (!focusedCell || focusedCell.rowIndex < 0 || focusedCell.rowIndex >= sortedData.length) {
+      return null
+    }
+    const row = sortedData[focusedCell.rowIndex]
+    return row?.id ?? null
+  }, [focusedCell, sortedData])
+
+  // Get the selected field name based on focused cell
+  const selectedField = useMemo(() => {
+    if (!focusedCell || focusedCell.columnId === 'select' || focusedCell.columnId === 'actions') {
+      return null
+    }
+    return focusedCell.columnId
+  }, [focusedCell])
+
+  // Callback when cell focus changes in the table
+  const handleCellChange = useCallback((args: { rowIndex: number; columnId: string }) => {
+    setFocusedCell({ rowIndex: args.rowIndex, columnId: args.columnId })
+    // Clear checkbox selection when focusing a cell
+    setSelectedRowIds([])
+  }, [])
+
+  // Callback when row selection changes (checkbox)
+  const handleRowSelectionChange = useCallback((rowIds: string[]) => {
+    setSelectedRowIds(rowIds)
+    // Clear cell selection when using checkbox selection
+    if (rowIds.length > 0) {
+      setFocusedCell(null)
+    }
+  }, [])
+
+  // Clear field filter (go up to entity level)
+  const handleClearField = useCallback(() => {
+    if (focusedCell) {
+      // Keep the entity selected but clear the field
+      setFocusedCell({ rowIndex: focusedCell.rowIndex, columnId: '' })
+    }
+  }, [focusedCell])
+
+  // Clear entity filter (go back to model overview)
+  const handleClearEntity = useCallback(() => {
+    setFocusedCell(null)
+    setSelectedRowIds([])
+  }, [])
+
+  ${model.isReadonly
+        ? ''
+        : `const {${model.itemsHook.updateField.name}: updateFieldMutation, ${model.itemsHook.deleteMany.name}: deleteManyMutation} = ${model.itemsHook.name}()
+
+  function handleDataEdit(editedData: ${model.types.name}[]) {
+    editedData.forEach((row) => {
+      const oldRow = data?.get(row.id)
+      if (!oldRow) return
+
+      // Find which fields changed and update each one individually
+      for (const key of Object.keys(row) as Array<keyof ${model.types.name}>) {
+        if (key === 'id') continue
+        if (oldRow[key] !== row[key]) {
+          data?.set(row.id, { ...oldRow, [key]: row[key] })
+          void updateFieldMutation({ id: row.id, field: key, value: row[key] } as Parameters<typeof updateFieldMutation>[0])
+        }
+      }
+    })
+  }
+
+  function handleRemoveRows(rows: ${model.types.id.name}[]) {
+    void deleteManyMutation(rows)
+  }
+  `}
+
+  return (
+    <div className="flex min-h-screen">
+      <AdminSidebar />
+
+      <div className="flex flex-col min-h-full w-full max-h-screen overflow-hidden p-4 pr-8">
+          <h3 className="font-bold text-[1.75rem]">${model.userFriendlyName}</h3>
+          <${model.table.component.name}
+            data={sortedData}
+            ${model.isReadonly
+        ? ''
+        : `onDataEdit={handleDataEdit}
+              handleAddRow={() => setIsCreateModalOpen(true)}
+              handleRemoveRows={handleRemoveRows}`}
+            onCellChange={handleCellChange}
+            onRowSelectionChange={handleRowSelectionChange}
+            ${relatedModels.map((rm) => `${rm.model.table.propName}={${rm.mapName}}`).join('\n                ')}
+          />
+      </div>
+      ${createModal}
+      <AuditLogSidebar
+        model="${model.name}"
+        entityId={selectedEntityId}
+        entityIds={selectedRowIds}
+        field={selectedField}
+        labelField="${model.labelField.name}"
+        onClearField={handleClearField}
+        onClearEntity={handleClearEntity}
+      />
+    </div>
+  )
+
+}
+`;
+}
+//# sourceMappingURL=model-admin-page.generator.js.map

package/dist/frontend-admin/generators/model-admin-page.generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-admin-page.generator.js","sourceRoot":"","sources":["../../../src/frontend-admin/generators/model-admin-page.generator.ts"],"names":[],"mappings":"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"}

package/dist/frontend-admin/index.d.ts

@@ -0,0 +1,5 @@
+import * as Generator from './admin.generator';
+export type WithAdmin<Context> = Generator.WithAdmin<Context>;
+export type ModelWithAdmin = Generator.ModelContextResult;
+export declare const frontendAdminGenerator: import("@postxl/generator").GeneratorInterface;
+export declare const frontendAdminGeneratorId: string & import("zod").BRAND<"PXL.GeneratorInterfaceId">;

package/dist/frontend-admin/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.frontendAdminGeneratorId = exports.frontendAdminGenerator = void 0;
+const Generator = __importStar(require("./admin.generator"));
+exports.frontendAdminGenerator = Generator.generator;
+exports.frontendAdminGeneratorId = Generator.generatorId;
+//# sourceMappingURL=index.js.map

package/dist/frontend-admin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/frontend-admin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAA8C;AAIjC,QAAA,sBAAsB,GAAG,SAAS,CAAC,SAAS,CAAA;AAC5C,QAAA,wBAAwB,GAAG,SAAS,CAAC,WAAW,CAAA"}

package/dist/frontend-admin/utils.d.ts

@@ -0,0 +1,24 @@
+import * as Generator from '@postxl/generator';
+import { ContextResult, Page, PagePaths } from './admin.generator';
+export type ModelInfo = {
+    name: string;
+    route: string;
+    userFriendlyName: string;
+};
+export type ModelsBySchema = {
+    schemas: string[];
+    modelsBySchema: Map<string, ModelInfo[]>;
+};
+/**
+ * Groups models by their database schema and sorts both schemas and models alphabetically.
+ *
+ * @param context - The context containing all models
+ * @returns An object containing sorted schemas and a map of models grouped by schema
+ */
+export declare function groupAndSortModelsBySchema(context: ContextResult): ModelsBySchema;
+export declare function generatePage({ page, paths, vfs, content, }: {
+    page: Page;
+    paths: PagePaths;
+    vfs: Generator.VirtualFileSystem;
+    content: string;
+}): void;

package/dist/frontend-admin/utils.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.groupAndSortModelsBySchema = groupAndSortModelsBySchema;
+exports.generatePage = generatePage;
+const node_path_1 = require("node:path");
+const Generator = __importStar(require("@postxl/generator"));
+/**
+ * Groups models by their database schema and sorts both schemas and models alphabetically.
+ *
+ * @param context - The context containing all models
+ * @returns An object containing sorted schemas and a map of models grouped by schema
+ */
+function groupAndSortModelsBySchema(context) {
+    // Group models by schema
+    const modelsBySchema = new Map();
+    for (const model of context.models.values()) {
+        const schema = model.databaseSchema;
+        if (!modelsBySchema.has(schema)) {
+            modelsBySchema.set(schema, []);
+        }
+        modelsBySchema.get(schema).push({
+            name: model.name,
+            route: model.admin.page.route,
+            userFriendlyName: model.userFriendlyName,
+        });
+    }
+    // Sort schemas alphabetically
+    const sortedSchemas = Array.from(modelsBySchema.keys()).sort((a, b) => a.localeCompare(b));
+    // Sort models within each schema alphabetically by userFriendlyName
+    for (const schema of sortedSchemas) {
+        const models = modelsBySchema.get(schema);
+        models.sort((a, b) => a.userFriendlyName.localeCompare(b.userFriendlyName));
+    }
+    return {
+        schemas: sortedSchemas,
+        modelsBySchema,
+    };
+}
+function generatePage({ page, paths, vfs, content, }) {
+    const componentFilePath = (0, node_path_1.join)(paths.pages, Generator.toLocalReactComponent(page.pageComponent));
+    vfs.write(componentFilePath, content);
+    if (page.isOutlet) {
+        vfs.write((0, node_path_1.join)(paths.routes, `${page.route}/index.lazy.tsx`), generateRoute(page));
+        vfs.write((0, node_path_1.join)(paths.routes, `${page.route}.lazy.tsx`), generateOutlet(page));
+        return;
+    }
+    vfs.write((0, node_path_1.join)(paths.routes, `${page.route}.lazy.tsx`), generateRoute(page));
+    for (const alias of page.aliases ?? []) {
+        vfs.write((0, node_path_1.join)(paths.routes, `${alias}.tsx`), generateAliasRoute({ alias, page }));
+    }
+}
+function joinRoutes(...parts) {
+    return ['/', ...parts].join('/').replaceAll(/\/+/g, '/');
+}
+function generateOutlet({ pageComponent, route }) {
+    if (!route.startsWith('/')) {
+        throw new Error(`Route for page ${pageComponent.name} must start with '/': ${route}!`);
+    }
+    return `import { Outlet } from '@tanstack/react-router'
+import { createLazyFileRoute } from '@tanstack/react-router'
+
+/**
+ * Outlet Route for ${pageComponent.name}
+ */
+export const Route = createLazyFileRoute('${joinRoutes('_auth-routes', route)}')({
+  component: () => <Outlet />,
+})`;
+}
+function generateRoute({ pageComponent, route }) {
+    if (!route.startsWith('/')) {
+        throw new Error(`Route for page ${pageComponent.name} must start with '/': ${route}!`);
+    }
+    return `import ${pageComponent.name} from '${pageComponent.location}'
+import { createLazyFileRoute } from '@tanstack/react-router'
+
+export const Route = createLazyFileRoute('${joinRoutes('_auth-routes', route)}')({
+  component: ${pageComponent.name},
+})`;
+}
+function generateAliasRoute({ alias, page }) {
+    return `import { redirect, createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('${joinRoutes('_auth-routes', alias)}')({
+  beforeLoad: () => {
+    throw redirect({ to: '${joinRoutes(page.route)}' })
+  },
+})`;
+}
+//# sourceMappingURL=utils.js.map

package/dist/frontend-admin/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/frontend-admin/utils.ts"],"names":[],"mappings":"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"}

package/dist/frontend-core/frontend.generator.d.ts

@@ -0,0 +1,87 @@
+import * as Generator from '@postxl/generator';
+import { ConfigBuilder } from '@postxl/generator';
+import { Component, FrontendContextEntry } from './types';
+export declare const base: FrontendContextEntry;
+/**
+ * Can be used to augment the base config with our form input components.
+ */
+export declare const forms: {
+    components: "select"[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+/**
+ * TODO backport chats from portfolex (when ready)
+ */
+export declare const charts: {
+    components: "chart"[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+/**
+ * Glide Data Grid exposed as data-table.
+ * TODO new Data-Grid https://tablecn.com/data-grid
+ */
+export declare const dataTable: {
+    components: ("data-grid" | "data-table" | "pagination")[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+export declare const sections: {
+    components: ("accordion" | "breadcrumb" | "carousel" | "collapse" | "pagination" | "resizable" | "scroll-area" | "separator")[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+/**
+ *
+ */
+export declare const dialogs: {
+    components: ("alert" | "alert-dialog" | "card-hover" | "command" | "command-palette" | "drawer" | "popover" | "sheet" | "tooltip")[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+/**
+ *
+ */
+export declare const menus: {
+    components: ("context-menu" | "dropdown-menu" | "input" | "menubar" | "navigation-menu")[];
+    packageJson: {
+        dependencies: {
+            packageName: string;
+            version: string;
+        }[];
+    };
+};
+export declare const spreadsheet: {
+    components: "spreadsheet"[];
+    packageJson: {
+        dependencies: never[];
+    };
+};
+/**
+ *
+ */
+export declare const all: (config: ConfigBuilder<FrontendContextEntry>) => ConfigBuilder<FrontendContextEntry>;
+export declare const toComponentImport: (name: Component, exposing: string[]) => string;
+export declare const frontendGeneratorId: string & import("zod").BRAND<"PXL.GeneratorInterfaceId">;
+export declare const configureFrontendGenerator: (into?: (config: ConfigBuilder<FrontendContextEntry>) => ConfigBuilder<FrontendContextEntry>) => Generator.GeneratorInterface;