@lowdefy/build 4.7.2 → 5.0.0

package/dist/build/addDefaultPages/404.js

@@ -16,14 +16,20 @@
     id: '404',
     type: 'Result',
     style: {
-        minHeight: '100vh'
+        minHeight: '100vh',
+        background: 'var(--ant-color-bg-layout)'
     },
     properties: {
         status: 'info',
+        icon: {
+            name: 'AiOutlineFileSearch',
+            size: 80,
+            color: 'var(--ant-color-primary)'
+        },
         title: '404',
         subTitle: 'Sorry, the page you are visiting does not exist.'
     },
-    areas: {
+    slots: {
         extra: {
             blocks: [
                 {

package/dist/build/buildApi/buildRoutine/validateStep.js

@@ -14,6 +14,7 @@
   limitations under the License.
 */ import { type } from '@lowdefy/helpers';
 import { ConfigError } from '@lowdefy/errors';
+import validateId from '../../../utils/validateId.js';
 function validateStep(step, { endpointId }) {
     const configKey = step['~k'];
     if (Object.keys(step).length === 0) {
@@ -32,11 +33,12 @@ function validateStep(step, { endpointId }) {
             configKey
         });
     }
-    if (step.id.includes('.')) {
-        throw new ConfigError(`Step id "${step.id}" at endpoint "${endpointId}" should not include a period (".").`, {
-            configKey
-        });
-    }
+    validateId({
+        id: step.id,
+        field: 'Step id',
+        location: `endpoint "${endpointId}"`,
+        configKey
+    });
     if (type.isNone(step.type)) {
         throw new ConfigError(`Step type is not defined at "${step.id}" on endpoint "${endpointId}".`, {
             configKey

package/dist/build/buildApi/validateEndpoint.js

@@ -14,6 +14,7 @@
   limitations under the License.
 */ import { type } from '@lowdefy/helpers';
 import { ConfigError } from '@lowdefy/errors';
+import validateId from '../../utils/validateId.js';
 function validateEndpoint({ endpoint, index, checkDuplicateEndpointId }) {
     const configKey = endpoint['~k'];
     if (type.isUndefined(endpoint.id)) {
@@ -27,11 +28,11 @@ function validateEndpoint({ endpoint, index, checkDuplicateEndpointId }) {
             configKey
         });
     }
-    if (endpoint.id.includes('.')) {
-        throw new ConfigError(`Endpoint id "${endpoint.id}" should not include a period (".").`, {
-            configKey
-        });
-    }
+    validateId({
+        id: endpoint.id,
+        field: 'Endpoint id',
+        configKey
+    });
     if (type.isUndefined(endpoint.type)) {
         throw new ConfigError(`Endpoint type is not defined at "${endpoint.id}".`, {
             configKey

package/dist/build/buildConnections.js

@@ -14,6 +14,7 @@
   limitations under the License.
 */ import countOperators from '../utils/countOperators.js';
 import createCheckDuplicateId from '../utils/createCheckDuplicateId.js';
+import validateId from '../utils/validateId.js';
 function buildConnections({ components, context }) {
     // Store connection IDs for validation in buildRequests
     context.connectionIds = new Set();
@@ -29,6 +30,11 @@ function buildConnections({ components, context }) {
             id: connection.id,
             configKey
         });
+        validateId({
+            id: connection.id,
+            field: 'Connection id',
+            configKey
+        });
         // Track type usage for buildTypes validation
         context.typeCounters.connections.increment(connection.type, configKey);
         // Store connectionId for request validation and rename id

package/dist/build/buildImports/buildIconImports.js

@@ -13,6 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import iconPackages from './iconPackages.js';
+import validateIconImports from './validateIconImports.js';
 function getConfigIcons({ components, icons, regex }) {
     [
         ...JSON.stringify(components.global || {}).matchAll(regex)
@@ -55,6 +56,9 @@ function buildIconImports({ blocks, components, context, defaults = {} }) {
             package: iconPackage
         });
     });
-    return iconImports;
+    return validateIconImports({
+        iconImports,
+        context
+    });
 }
 export default buildIconImports;

package/dist/build/buildImports/buildImportsDev.js

@@ -13,7 +13,6 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import buildIconImports from './buildIconImports.js';
-import buildStyleImports from './buildStyleImports.js';
 import defaultIconsDev from './defaultIconsDev.js';
 function getPluginPackages({ components }) {
     const pluginPackages = new Set();
@@ -96,11 +95,7 @@ function buildImportsDev({ components, context }) {
                 pluginPackages,
                 map: context.typesMap.operators.server
             })
-        },
-        styles: buildStyleImports({
-            blocks,
-            context
-        })
+        }
     };
 }
 export default buildImportsDev;

package/dist/build/buildImports/buildImportsProd.js

@@ -13,7 +13,6 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import buildIconImports from './buildIconImports.js';
-import buildStyleImports from './buildStyleImports.js';
 import defaultIconsProd from './defaultIconsProd.js';
 function buildImportClassProd(types) {
     return Object.entries(types).map(([typeName, type])=>({
@@ -44,11 +43,7 @@ function buildImportsProd({ components, context }) {
         operators: {
             client: buildImportClassProd(components.types.operators.client),
             server: buildImportClassProd(components.types.operators.server)
-        },
-        styles: buildStyleImports({
-            blocks,
-            context
-        })
+        }
     };
 }
 export default buildImportsProd;

package/dist/build/buildImports/validateIconImports.js

@@ -0,0 +1,65 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { createRequire } from 'module';
+import path from 'path';
+import { ConfigWarning } from '@lowdefy/errors';
+import findSimilarString from '../../utils/findSimilarString.js';
+function validateIconImports({ iconImports, context }) {
+    const serverRequire = createRequire(path.join(context.directories.server, 'package.json'));
+    const moduleCache = {};
+    return iconImports.map(({ icons, package: pkg })=>{
+        if (icons.length === 0) {
+            return {
+                icons,
+                package: pkg
+            };
+        }
+        if (!moduleCache[pkg]) {
+            try {
+                moduleCache[pkg] = serverRequire(pkg);
+            } catch  {
+                return {
+                    icons,
+                    package: pkg
+                };
+            }
+        }
+        const exports = Object.keys(moduleCache[pkg]);
+        const validIcons = [];
+        for (const icon of icons){
+            if (moduleCache[pkg][icon]) {
+                validIcons.push(icon);
+            } else {
+                let message = `Icon "${icon}" not found in "${pkg}".`;
+                const suggestion = findSimilarString({
+                    input: icon,
+                    candidates: exports,
+                    maxDistance: Math.max(3, Math.ceil(icon.length * 0.4))
+                });
+                if (suggestion) {
+                    message += ` Did you mean "${suggestion}"?`;
+                }
+                context.handleWarning(new ConfigWarning(message, {
+                    checkSlug: 'icons'
+                }));
+            }
+        }
+        return {
+            icons: validIcons,
+            package: pkg
+        };
+    });
+}
+export default validateIconImports;

package/dist/build/buildJs/jsMapParser.js

@@ -12,7 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { serializer, type } from '@lowdefy/helpers';
+*/ import { ConfigError } from '@lowdefy/errors';
+import { serializer, type } from '@lowdefy/helpers';
 import crypto from 'crypto';
 function makeHash({ jsMap, env, value }) {
     const hash = crypto.createHash('sha1').update(value).digest('base64');
@@ -31,7 +32,9 @@ function JsMapParser({ input, jsMap, env }) {
         const key = Object.keys(value)[0];
         if (key !== '_js') return value;
         if (!type.isString(value[key])) {
-            throw new Error('_js operator expects the JavaScript definition as a string.');
+            throw new ConfigError(`_js operator expects the JavaScript definition as a string. Received ${JSON.stringify(value[key])}.`, {
+                configKey: value['~k']
+            });
         }
         return makeHash({
             jsMap,

package/dist/build/buildPages/buildBlock/buildBlock.js

@@ -17,18 +17,26 @@ import buildRequests from './buildRequests.js';
 import buildSubBlocks from './buildSubBlocks.js';
 import countBlockOperators from './countBlockOperators.js';
 import countBlockTypes from './countBlockTypes.js';
-import moveSubBlocksToArea from './moveSubBlocksToArea.js';
-import moveSkeletonBlocksToArea from './moveSkeletonBlocksToArea.js';
+import moveAreasToSlots from './moveAreasToSlots.js';
+import moveSubBlocksToSlot from './moveSubBlocksToSlot.js';
+import moveSkeletonBlocksToSlot from './moveSkeletonBlocksToSlot.js';
+import normalizeClassAndStyles from './normalizeClassAndStyles.js';
+import normalizeLayout from './normalizeLayout.js';
 import setBlockId from './setBlockId.js';
 import validateBlock from './validateBlock.js';
+import validateSlots from './validateSlots.js';
 function buildBlock(block, pageContext) {
     validateBlock(block, pageContext);
     setBlockId(block, pageContext);
+    normalizeLayout(block, pageContext);
+    moveAreasToSlots(block, pageContext);
     countBlockOperators(block, pageContext);
     buildEvents(block, pageContext);
     buildRequests(block, pageContext);
-    moveSubBlocksToArea(block, pageContext);
-    moveSkeletonBlocksToArea(block, pageContext);
+    normalizeClassAndStyles(block, pageContext);
+    moveSubBlocksToSlot(block, pageContext);
+    moveSkeletonBlocksToSlot(block, pageContext);
+    validateSlots(block, pageContext);
     countBlockTypes(block, pageContext);
     buildSubBlocks(block, pageContext);
 }

package/dist/build/buildPages/buildBlock/buildEvents.js

@@ -13,8 +13,16 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import { type } from '@lowdefy/helpers';
-import { ConfigError } from '@lowdefy/errors';
+import { ConfigError, ConfigWarning } from '@lowdefy/errors';
 import createCheckDuplicateId from '../../../utils/createCheckDuplicateId.js';
+const BROWSER_DEFAULT_SHORTCUTS = new Set([
+    'mod+n',
+    'mod+t',
+    'mod+w',
+    'mod+r',
+    'mod+q',
+    'mod+l'
+]);
 function checkAction(action, { blockId, checkDuplicateActionId, eventId, linkActionRefs, pageId, requestActionRefs, typeCounters }) {
     const configKey = action['~k'];
     if (type.isUndefined(action.id)) {
@@ -140,6 +148,31 @@ function buildEvents(block, pageContext) {
                     requestActionRefs: pageContext.requestActionRefs,
                     checkDuplicateActionId
                 }));
+            // Validate shortcut strings and collect refs for duplicate detection
+            if (type.isObject(block.events[key]) && !type.isNone(block.events[key].shortcut)) {
+                const shortcuts = type.isArray(block.events[key].shortcut) ? block.events[key].shortcut : [
+                    block.events[key].shortcut
+                ];
+                shortcuts.forEach((shortcut)=>{
+                    if (!type.isString(shortcut) || shortcut === '') {
+                        throw new ConfigError(`Event shortcut is not a valid string on event "${key}" on block "${block.blockId}" on page "${pageContext.pageId}".`, {
+                            received: shortcut,
+                            configKey: eventConfigKey
+                        });
+                    }
+                    if (BROWSER_DEFAULT_SHORTCUTS.has(shortcut.toLowerCase())) {
+                        pageContext.context.handleWarning(new ConfigWarning(`Shortcut "${shortcut}" on event "${key}" on block "${block.blockId}" on page "${pageContext.pageId}" conflicts with a browser default.`, {
+                            configKey: eventConfigKey
+                        }));
+                    }
+                    pageContext.shortcutRefs.push({
+                        shortcut,
+                        blockId: block.blockId,
+                        eventId: key,
+                        configKey: eventConfigKey
+                    });
+                });
+            }
         });
     }
 }

package/dist/build/buildPages/buildBlock/buildRequests.js

@@ -14,6 +14,7 @@
   limitations under the License.
 */ import { type } from '@lowdefy/helpers';
 import { ConfigError } from '@lowdefy/errors';
+import validateId from '../../../utils/validateId.js';
 function buildRequest(request, pageContext) {
     const { auth, checkDuplicateRequestId, context, pageId, typeCounters } = pageContext;
     const configKey = request['~k'];
@@ -33,11 +34,12 @@ function buildRequest(request, pageContext) {
         configKey,
         pageId
     });
-    if (request.id.includes('.')) {
-        throw new ConfigError(`Request id "${request.id}" at page "${pageId}" should not include a period (".").`, {
-            configKey
-        });
-    }
+    validateId({
+        id: request.id,
+        field: 'Request id',
+        location: `page "${pageId}"`,
+        configKey
+    });
     if (!type.isString(request.type)) {
         throw new ConfigError(`Request type is not a string at request "${request.id}" at page "${pageId}".`, {
             received: request.type,

package/dist/build/buildPages/buildBlock/buildSubBlocks.js

@@ -16,18 +16,18 @@
 import { ConfigError } from '@lowdefy/errors';
 import buildBlock from './buildBlock.js';
 function buildSubBlocks(block, pageContext) {
-    if (type.isObject(block.areas)) {
-        Object.keys(block.areas).forEach((key)=>{
-            if (type.isNone(block.areas[key].blocks)) {
-                block.areas[key].blocks = [];
+    if (type.isObject(block.slots)) {
+        Object.keys(block.slots).forEach((key)=>{
+            if (type.isNone(block.slots[key].blocks)) {
+                block.slots[key].blocks = [];
             }
-            if (!type.isArray(block.areas[key].blocks)) {
-                throw new ConfigError(`Expected blocks to be an array at ${block.blockId} in area ${key} on page ${pageContext.pageId}.`, {
-                    received: block.areas[key].blocks,
-                    configKey: block.areas[key]['~k'] ?? block['~k']
+            if (!type.isArray(block.slots[key].blocks)) {
+                throw new ConfigError(`Expected blocks to be an array at ${block.blockId} in slot ${key} on page ${pageContext.pageId}.`, {
+                    received: block.slots[key].blocks,
+                    configKey: block.slots[key]['~k'] ?? block['~k']
                 });
             }
-            block.areas[key].blocks.map((blk)=>buildBlock(blk, pageContext));
+            block.slots[key].blocks.map((blk)=>buildBlock(blk, pageContext));
         });
     }
 }

package/dist/build/buildPages/buildBlock/countBlockOperators.js

@@ -15,7 +15,7 @@
 */ import countOperators from '../../../utils/countOperators.js';
 function countBlockOperators(block, { typeCounters }) {
     // eslint-disable-next-line no-unused-vars
-    const { requests, areas, blocks, ...webBlock } = block;
+    const { requests, slots, blocks, ...webBlock } = block;
     countOperators(webBlock, {
         counter: typeCounters.operators.client
     });

package/dist/build/buildPages/buildBlock/moveAreasToSlots.js

@@ -0,0 +1,31 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { type } from '@lowdefy/helpers';
+import { ConfigError, ConfigWarning } from '@lowdefy/errors';
+function moveAreasToSlots(block, pageContext) {
+    if (!type.isNone(block.areas)) {
+        if (!type.isNone(block.slots)) {
+            throw new ConfigError(`Block "${block.blockId}" on page "${pageContext.pageId}" cannot have both "areas" and "slots". Use "slots".`, {
+                configKey: block['~k']
+            });
+        }
+        pageContext.context.handleWarning(new ConfigWarning(`Block "${block.blockId}" on page "${pageContext.pageId}": "areas" is deprecated, use "slots".`, {
+            configKey: block['~k']
+        }));
+        block.slots = block.areas;
+        delete block.areas;
+    }
+}
+export default moveAreasToSlots;

package/dist/build/buildPages/buildBlock/{moveSkeletonBlocksToArea.js → moveSkeletonBlocksToSlot.js}

@@ -14,7 +14,7 @@
   limitations under the License.
 */ import { set, type } from '@lowdefy/helpers';
 import { ConfigError } from '@lowdefy/errors';
-function recMoveSkeletonBlocksToArea(block, blockId, pageId) {
+function recMoveSkeletonBlocksToSlot(block, blockId, pageId) {
     if (!type.isNone(block.blocks)) {
         if (!type.isArray(block.blocks)) {
             throw new ConfigError(`Skeleton blocks at ${blockId} on page ${pageId} is not an array.`, {
@@ -22,18 +22,18 @@ function recMoveSkeletonBlocksToArea(block, blockId, pageId) {
                 configKey: block['~k']
             });
         }
-        set(block, 'areas.content.blocks', block.blocks);
+        set(block, 'slots.content.blocks', block.blocks);
         delete block.blocks;
     }
-    Object.keys(block.areas || {}).forEach((area)=>{
-        block.areas[area].blocks.forEach((block, i)=>{
-            recMoveSkeletonBlocksToArea(block, `${blockId}.areas.${area}.${i}.blocks`, pageId);
+    Object.keys(block.slots || {}).forEach((slot)=>{
+        block.slots[slot].blocks.forEach((block, i)=>{
+            recMoveSkeletonBlocksToSlot(block, `${blockId}.slots.${slot}.${i}.blocks`, pageId);
         });
     });
 }
-function moveSkeletonBlocksToArea(block, pageContext) {
+function moveSkeletonBlocksToSlot(block, pageContext) {
     if (type.isObject(block.skeleton)) {
-        recMoveSkeletonBlocksToArea(block.skeleton, `${block.blockId}.skeleton`, pageContext.pageId);
+        recMoveSkeletonBlocksToSlot(block.skeleton, `${block.blockId}.skeleton`, pageContext.pageId);
     }
 }
-export default moveSkeletonBlocksToArea;
+export default moveSkeletonBlocksToSlot;

package/dist/build/buildPages/buildBlock/{moveSubBlocksToArea.js → moveSubBlocksToSlot.js}

@@ -14,7 +14,7 @@
   limitations under the License.
 */ import { set, type } from '@lowdefy/helpers';
 import { ConfigError } from '@lowdefy/errors';
-function moveSubBlocksToArea(block, pageContext) {
+function moveSubBlocksToSlot(block, pageContext) {
     if (!type.isNone(block.blocks)) {
         if (!type.isArray(block.blocks)) {
             throw new ConfigError(`Blocks at ${block.blockId} on page ${pageContext.pageId} is not an array.`, {
@@ -22,8 +22,8 @@ function moveSubBlocksToArea(block, pageContext) {
                 configKey: block['~k']
             });
         }
-        set(block, 'areas.content.blocks', block.blocks);
+        set(block, 'slots.content.blocks', block.blocks);
         delete block.blocks;
     }
 }
-export default moveSubBlocksToArea;
+export default moveSubBlocksToSlot;

package/dist/build/buildPages/buildBlock/normalizeClassAndStyles.js

@@ -0,0 +1,124 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { type } from '@lowdefy/helpers';
+import { ConfigError } from '@lowdefy/errors';
+const breakpointKeys = new Set([
+    'xs',
+    'sm',
+    'md',
+    'lg',
+    'xl',
+    '2xl'
+]);
+// Keys that look like operators (single key starting with _) but are not.
+const KNOWN_NON_OPERATORS = new Set([
+    '_id'
+]);
+function isOperator(value) {
+    const nonTildeKeys = Object.keys(value).filter((k)=>!k.startsWith('~'));
+    if (nonTildeKeys.length !== 1) return false;
+    const key = nonTildeKeys[0];
+    const [op] = key.split('.');
+    const operator = op.replace(/^(_+)/gm, '_');
+    return operator.length > 1 && operator[0] === '_' && !KNOWN_NON_OPERATORS.has(operator);
+}
+function stripDotPrefix(key) {
+    return key.startsWith('.') ? key.slice(1) : key;
+}
+function getCssKeyNames(block, pageContext) {
+    const blockMeta = pageContext?.context?.blockMetas?.[block.type];
+    if (!blockMeta?.cssKeys) return new Set();
+    return new Set(Object.keys(blockMeta.cssKeys));
+}
+function normalizeStyle(block, pageContext) {
+    // properties.style → element slot (deprecation: component's own style maps to .element)
+    if (!type.isNone(block.properties?.style)) {
+        if (!block.style) block.style = {};
+        const existing = block.style['.element'];
+        block.style['.element'] = existing ? {
+            ...block.properties.style,
+            ...existing
+        } : block.properties.style;
+        delete block.properties.style;
+    }
+    // Partition plain CSS → block slot, . keys → strip prefix (single pass)
+    if (type.isObject(block.style)) {
+        const invalidKeys = Object.keys(block.style).filter((k)=>!k.startsWith('.') && breakpointKeys.has(k));
+        if (invalidKeys.length > 0) {
+            throw new ConfigError(`Block "${block.blockId}": Responsive breakpoint keys (${invalidKeys.join(', ')}) in "style" are no longer supported. Use CSS classes instead:\n  class: "p-16 sm:p-8"`, {
+                configKey: block['~k']
+            });
+        }
+        const result = {};
+        const plainCSS = {};
+        for (const [key, value] of Object.entries(block.style)){
+            if (key.startsWith('.')) {
+                result[stripDotPrefix(key)] = value;
+            } else {
+                plainCSS[key] = value;
+            }
+        }
+        if (Object.keys(plainCSS).length > 0) {
+            result.block = result.block ? {
+                ...plainCSS,
+                ...result.block
+            } : plainCSS;
+        }
+        block.style = result;
+        // Validate no nested objects in style slot values (except operators)
+        const validCssKeys = getCssKeyNames(block, pageContext);
+        for (const [slotKey, slotStyle] of Object.entries(block.style)){
+            if (!type.isObject(slotStyle) || isOperator(slotStyle)) continue;
+            for (const [cssKey, cssValue] of Object.entries(slotStyle)){
+                if (cssKey.startsWith('~')) continue;
+                if (type.isObject(cssValue) && !isOperator(cssValue)) {
+                    const hint = validCssKeys.has(cssKey) ? ` Did you mean ".${cssKey}"? Use a dot prefix to target CSS slot keys.` : '';
+                    throw new ConfigError(`Block "${block.blockId}": Style property "${cssKey}" has a nested object value.${hint} CSS properties must be simple values (strings, numbers) or operators.`, {
+                        configKey: block['~k']
+                    });
+                }
+            }
+        }
+    }
+}
+function normalizeClass(block, pageContext) {
+    if (type.isString(block.class) || type.isArray(block.class)) {
+        block.class = {
+            block: block.class
+        };
+        return;
+    }
+    if (!type.isObject(block.class)) return;
+    // Validate: non-dot keys that match cssKeys are likely missing the dot prefix
+    const validCssKeys = getCssKeyNames(block, pageContext);
+    for (const key of Object.keys(block.class)){
+        if (!key.startsWith('.') && !key.startsWith('~') && validCssKeys.has(key)) {
+            throw new ConfigError(`Block "${block.blockId}": Class key "${key}" matches a CSS slot key but is missing the dot prefix. Did you mean ".${key}"?`, {
+                configKey: block['~k']
+            });
+        }
+    }
+    // Strip dot prefixes
+    const normalized = {};
+    for (const [key, value] of Object.entries(block.class)){
+        normalized[stripDotPrefix(key)] = value;
+    }
+    block.class = normalized;
+}
+function normalizeClassAndStyles(block, pageContext) {
+    normalizeStyle(block, pageContext);
+    normalizeClass(block, pageContext);
+}
+export default normalizeClassAndStyles;