npm - @nordcraft/search - Versions diffs - 1.0.86 → 1.0.87 - Mend

@nordcraft/search 1.0.86 → 1.0.87

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 (15) hide show

package/dist/rules/issues/miscellaneous/createStaticSizeConstraintRule.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { Level, Rule } from '../../../types';
+export declare function createStaticSizeConstraintRule(tag: string, maxSize: number, level?: Level): Rule<{
+    tag: string;
+    size: number;
+}>;

package/dist/rules/issues/miscellaneous/createStaticSizeConstraintRule.js ADDED Viewed

@@ -0,0 +1,74 @@
+import { isDefined } from '@nordcraft/core/dist/utils/util';
+import { VOID_HTML_ELEMENTS } from '@nordcraft/ssr/dist/const';
+export function createStaticSizeConstraintRule(tag, maxSize, level = 'info') {
+    return {
+        code: 'size constraint',
+        category: 'Performance',
+        level: level,
+        visit: (report, args) => {
+            if (args.nodeType === 'component-node' &&
+                args.value.type === 'element' &&
+                args.value.tag === tag) {
+                let size = 0;
+                const component = args.component;
+                const evaluateElement = (element) => {
+                    if (!element ||
+                        ['element', 'text', 'slot', 'component'].includes(element.type) ===
+                            false) {
+                        return '';
+                    }
+                    const children = (element.children ?? []).map((child) => evaluateElement(component.nodes?.[child]));
+                    const tag = element.type === 'element' ? element.tag : 'span';
+                    const attributes = {};
+                    if (element.type === 'element' || element.type === 'component') {
+                        Object.entries(element.attrs ?? {}).forEach(([key, value]) => {
+                            if (value?.type === 'value' && isDefined(value.value)) {
+                                attributes[key] = String(value.value);
+                            }
+                        });
+                    }
+                    const attributeString = Object.entries(attributes)
+                        .map(([key, value]) => `${key}="${value}"`)
+                        .join(' ');
+                    if (VOID_HTML_ELEMENTS.includes(tag)) {
+                        return attributeString
+                            ? `<${tag} ${attributeString} />`
+                            : `<${tag} />`;
+                    }
+                    else {
+                        const openingTag = attributeString
+                            ? `<${tag} ${attributeString}>`
+                            : `<${tag}>`;
+                        return `${openingTag}${children.join('')}</${tag}>`;
+                    }
+                };
+                const staticElement = evaluateElement(args.value);
+                size = new Blob([staticElement]).size;
+                if (size > maxSize) {
+                    report({
+                        path: args.path,
+                        info: {
+                            title: `Element size exceeds the suggested maximum allowed size of ${sizeFormatter(maxSize)}`,
+                            description: `The <${tag}> element has a size of ${sizeFormatter(size)}, which exceeds the suggested limit of ${sizeFormatter(maxSize)}. Consider simplifying the content or structure of this element to reduce its size and improve performance.`,
+                        },
+                        details: { tag, size },
+                    });
+                }
+            }
+        },
+    };
+}
+const sizeFormatter = (sizeInBytes) => {
+    const units = ['byte', 'KB', 'MB', 'GB', 'TB'];
+    let unitIndex = 0;
+    let size = sizeInBytes;
+    while (size >= 1024 && unitIndex < units.length - 1) {
+        size /= 1024;
+        unitIndex++;
+    }
+    const unit = unitIndex === 0 && size !== 1 ? 'bytes' : units[unitIndex];
+    return `${new Intl.NumberFormat(undefined, {
+        maximumFractionDigits: unitIndex === 0 ? 0 : 2,
+    }).format(size)} ${unit}`;
+};
+//# sourceMappingURL=createStaticSizeConstraintRule.js.map

package/dist/rules/issues/miscellaneous/createStaticSizeConstraintRule.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createStaticSizeConstraintRule.js","sourceRoot":"","sources":["../../../../src/rules/issues/miscellaneous/createStaticSizeConstraintRule.ts"],"names":[],"mappings":"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"}

package/dist/rules/issues/miscellaneous/miscRules.index.d.ts CHANGED Viewed

@@ -1,5 +1,8 @@
 declare const _default: (import("../../../types").Rule<{
     node: string;
+}, import("../../../types").NodeType, import("../../../types").NodeType> | import("../../../types").Rule<{
+    tag: string;
+    size: number;
 }, import("../../../types").NodeType, import("../../../types").NodeType> | import("../../../types").Rule<{
     name: string;
 }, import("../../../types").NodeType, import("../../../types").NodeType>)[];

package/dist/rules/issues/miscellaneous/miscRules.index.js CHANGED Viewed

@@ -1,5 +1,14 @@
+import { createStaticSizeConstraintRule } from './createStaticSizeConstraintRule';
 import { noReferenceNodeRule } from './noReferenceNodeRule';
 import { requireExtensionRule } from './requireExtensionRule';
 import { unknownCookieRule } from './unknownCookieRule';
-export default [noReferenceNodeRule, requireExtensionRule, unknownCookieRule];
+export default [
+    noReferenceNodeRule,
+    requireExtensionRule,
+    unknownCookieRule,
+    // 100 KB is a large SVG
+    createStaticSizeConstraintRule('svg', 100 * 1024),
+    // 50 KB is a large img element (with potential base64 encoded image)
+    createStaticSizeConstraintRule('img', 50 * 1024),
+];
 //# sourceMappingURL=miscRules.index.js.map

package/dist/rules/issues/miscellaneous/miscRules.index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"miscRules.index.js","sourceRoot":"","sources":["../../../../src/rules/issues/miscellaneous/miscRules.index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAe,CAAC,~~mBAAmB~~,EAAE,~~oBAAoB~~,EAAE,~~iBAAiB~~,CAAC,CAAA"}
1	+ {"version":3,"file":"miscRules.index.js","sourceRoot":"","sources":["../../../../src/rules/issues/miscellaneous/miscRules.index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAA;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,eAAe;IACb,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,wBAAwB;IACxB,8BAA8B,CAAC,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;IACjD,qEAAqE;IACrE,8BAA8B,CAAC,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC;CACjD,CAAA"}

package/dist/rules/issues/slots/unknownComponentSlotRule.js CHANGED Viewed

@@ -8,7 +8,7 @@ export const unknownComponentSlotRule = {
             return;
         }
         // We only want to check the immediate children of a "sub component"
-        if (value.type !== 'component' || value.children.length === 0) {
+        if (value.type !== 'component' || (value?.children ?? []).length === 0) {
             return;
         }
         const [, currentComponentName, ,] = path;

package/dist/rules/issues/slots/unknownComponentSlotRule.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"unknownComponentSlotRule.js","sourceRoot":"","sources":["../../../../src/rules/issues/slots/unknownComponentSlotRule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAIhF,MAAM,CAAC,MAAM,wBAAwB,GAA+B;IAClE,IAAI,EAAE,wBAAwB;IAC9B,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,mBAAmB;IAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,IAAI,QAAQ,KAAK,gBAAgB,EAAE,CAAC;YAClC,OAAM;QACR,CAAC;QAED,oEAAoE;QACpE,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,~~CAAC~~,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;~~YAC9D~~,OAAM;QACR,CAAC;QAED,MAAM,CAAC,EAAE,oBAAoB,EAAE,AAAD,EAAG,GAAG,IAAI,CAAA;QAExC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAM;QACR,CAAC;QACD,sCAAsC;QACtC,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC;YACvC,SAAS;YACT,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;YAC9C,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE;gBACd,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB;SACF,CAAC,CAAA;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC;aACxD,MAAM,CAAC,CAAC,IAAI,EAAyB,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;aAC7D,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAAA;QAExC,0EAA0E;QAC1E,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;YAChC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;YACxE,MAAM,QAAQ,GAAG,SAAS,EAAE,IAAI,IAAI,SAAS,CAAA;YAE7C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpC,MAAM,CAAC;oBACL,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;oBACxC,IAAI,EAAE;wBACJ,KAAK,EAAE,wBAAwB;wBAC/B,WAAW,EAAE,KAAK,QAAQ,gEAAgE;qBAC3F;oBACD,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;iBAChC,CAAC,CAAA;YACJ,CAAC;QAAA,CACF,CAAC,CAAA;IAAA,CACH;CACF,CAAA"}
1	+ {"version":3,"file":"unknownComponentSlotRule.js","sourceRoot":"","sources":["../../../../src/rules/issues/slots/unknownComponentSlotRule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAIhF,MAAM,CAAC,MAAM,wBAAwB,GAA+B;IAClE,IAAI,EAAE,wBAAwB;IAC9B,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,mBAAmB;IAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACnD,IAAI,QAAQ,KAAK,gBAAgB,EAAE,CAAC;YAClC,OAAM;QACR,CAAC;QAED,oEAAoE;QACpE,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvE,OAAM;QACR,CAAC;QAED,MAAM,CAAC,EAAE,oBAAoB,EAAE,AAAD,EAAG,GAAG,IAAI,CAAA;QAExC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAM;QACR,CAAC;QACD,sCAAsC;QACtC,MAAM,YAAY,GAAG,IAAI,eAAe,CAAC;YACvC,SAAS;YACT,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;YAC9C,WAAW,EAAE,SAAS;YACtB,cAAc,EAAE;gBACd,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;aACzB;SACF,CAAC,CAAA;QAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC;aACxD,MAAM,CAAC,CAAC,IAAI,EAAyB,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;aAC7D,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAAA;QAExC,0EAA0E;QAC1E,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;YAChC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;YACxE,MAAM,QAAQ,GAAG,SAAS,EAAE,IAAI,IAAI,SAAS,CAAA;YAE7C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpC,MAAM,CAAC;oBACL,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;oBACxC,IAAI,EAAE;wBACJ,KAAK,EAAE,wBAAwB;wBAC/B,WAAW,EAAE,KAAK,QAAQ,gEAAgE;qBAC3F;oBACD,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;iBAChC,CAAC,CAAA;YACJ,CAAC;QAAA,CACF,CAAC,CAAA;IAAA,CACH;CACF,CAAA"}

package/dist/types.d.ts CHANGED Viewed

@@ -31,7 +31,7 @@ import type { InvalidStyleSyntaxRuleFix } from './rules/issues/style/invalidStyl
 import type { LegacyStyleVariableRuleFix } from './rules/issues/style/legacyStyleVariableRule';
 import type { NoReferenceVariableRuleFix } from './rules/issues/variables/noReferenceVariableRule';
 import type { NoPostNavigateActionRuleFix } from './rules/issues/workflows/noPostNavigateAction';
-export type Code = 'duplicate action argument name' | 'duplicate event trigger' | 'duplicate formula argument name' | 'duplicate url parameter' | 'duplicate workflow parameter' | 'duplicate route' | 'invalid api parser mode' | 'invalid api proxy body setting' | 'invalid api proxy cookie setting' | 'invalid element child' | 'invalid style syntax' | 'invalid component structure' | 'legacy action' | 'legacy api' | 'legacy formula' | 'legacy style variable' | 'legacy theme' | 'no context consumers' | 'no post navigate action' | 'no-console' | 'no-reference api input' | 'no-reference api' | 'no-reference api service' | 'no-reference attribute' | 'no-reference attribute in instance' | 'no-reference component formula' | 'no-reference component workflow' | 'no-reference component' | 'no-reference event' | 'no-reference global css variable' | 'no-reference node' | 'no-reference project action' | 'no-reference project formula' | 'no-reference variable' | 'no-static-node-condition' | 'no-unnecessary-condition-falsy' | 'no-unnecessary-condition-truthy' | 'non-empty void element' | 'required api autofetch' | 'required direct child' | 'required direct parent' | 'required element attribute' | 'required extension' | 'required meta tag' | 'image without dimension' | 'unknown action argument' | 'unknown action event' | 'unknown api input' | 'unknown api' | 'unknown api service' | 'unknown attribute' | 'unknown classname' | 'unknown component attribute' | 'unknown component formula input' | 'unknown component slot' | 'unknown context formula' | 'unknown context provider formula' | 'unknown context provider workflow' | 'unknown context provider' | 'unknown context workflow' | 'unknown cookie' | 'unknown component' | 'unknown event' | 'unknown fetch input' | 'unknown formula' | 'unknown project action' | 'unknown project formula input' | 'unknown project formula' | 'unknown repeat index formula' | 'unknown repeat item formula' | 'unknown set url parameter' | 'unknown set url parameters' | 'unknown trigger event' | 'unknown trigger workflow' | 'unknown url parameter' | 'unknown variable setter' | 'unknown variable' | 'unknown css variable' | 'unknown trigger workflow parameter' | 'unknown workflow parameter';
+export type Code = 'duplicate action argument name' | 'duplicate event trigger' | 'duplicate formula argument name' | 'duplicate route' | 'duplicate url parameter' | 'duplicate workflow parameter' | 'image without dimension' | 'invalid api parser mode' | 'invalid api proxy body setting' | 'invalid api proxy cookie setting' | 'invalid component structure' | 'invalid element child' | 'invalid style syntax' | 'legacy action' | 'legacy api' | 'legacy formula' | 'legacy style variable' | 'legacy theme' | 'no context consumers' | 'no post navigate action' | 'no-console' | 'no-reference api input' | 'no-reference api service' | 'no-reference api' | 'no-reference attribute in instance' | 'no-reference attribute' | 'no-reference component formula' | 'no-reference component workflow' | 'no-reference component' | 'no-reference event' | 'no-reference global css variable' | 'no-reference node' | 'no-reference project action' | 'no-reference project formula' | 'no-reference variable' | 'no-static-node-condition' | 'no-unnecessary-condition-falsy' | 'no-unnecessary-condition-truthy' | 'non-empty void element' | 'required api autofetch' | 'required direct child' | 'required direct parent' | 'required element attribute' | 'required extension' | 'required meta tag' | 'size constraint' | 'unknown action argument' | 'unknown action event' | 'unknown api input' | 'unknown api service' | 'unknown api' | 'unknown attribute' | 'unknown classname' | 'unknown component attribute' | 'unknown component formula input' | 'unknown component slot' | 'unknown component' | 'unknown context formula' | 'unknown context provider formula' | 'unknown context provider workflow' | 'unknown context provider' | 'unknown context workflow' | 'unknown cookie' | 'unknown css variable' | 'unknown event' | 'unknown fetch input' | 'unknown formula' | 'unknown project action' | 'unknown project formula input' | 'unknown project formula' | 'unknown repeat index formula' | 'unknown repeat item formula' | 'unknown set url parameter' | 'unknown set url parameters' | 'unknown trigger event' | 'unknown trigger workflow parameter' | 'unknown trigger workflow' | 'unknown url parameter' | 'unknown variable setter' | 'unknown variable' | 'unknown workflow parameter';
 export type Category = 'Unknown Reference' | 'No References' | 'SEO' | 'Accessibility' | 'Deprecation' | 'Performance' | 'Security' | 'Quality' | 'Other';
 export type Level = 'error' | 'warning' | 'info';
 export type Result = {

package/package.json CHANGED Viewed

@@ -10,8 +10,8 @@
 "directory": "packages/search"
 },
 "dependencies": {
-"@nordcraft/ssr": "1.0.86",
-"@nordcraft/core": "1.0.86",
+"@nordcraft/ssr": "1.0.87",
+"@nordcraft/core": "1.0.87",
 "jsondiffpatch": "0.7.3",
 "postcss": "8.5.6",
 "zod": "4.2.1"
@@ -26,5 +26,5 @@
 "test:watch:only": "bun test --watch --only"
 },
 "files": ["dist", "src"],
-"version": "1.0.86"
+"version": "1.0.87"
 }

package/src/rules/issues/miscellaneous/createStaticSizeConstraintRule.test.ts ADDED Viewed

@@ -0,0 +1,153 @@
+import { valueFormula } from '@nordcraft/core/dist/formula/formulaUtils'
+import { describe, expect, test } from 'bun:test'
+import { searchProject } from '../../../searchProject'
+import { createStaticSizeConstraintRule } from './createStaticSizeConstraintRule'
+describe('createStaticSizeConstraintRule', () => {
+  test('should calculate element size correctly for SVGs', () => {
+    const problems = Array.from(
+      searchProject({
+        files: {
+          formulas: {},
+          components: {
+            test: {
+              name: 'test',
+              nodes: {
+                root: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'img',
+                  children: ['svg'],
+                  style: {},
+                },
+                svg: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'svg',
+                  children: ['path'],
+                  style: {},
+                },
+                path: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'path',
+                  children: [],
+                  style: {},
+                },
+              },
+              formulas: {},
+              apis: {},
+              attributes: {},
+              variables: {},
+            },
+          },
+        },
+        rules: [createStaticSizeConstraintRule('svg', 1)],
+      }),
+    )
+    expect(problems).toHaveLength(1)
+    expect(problems[0].code).toBe('size constraint')
+    expect(problems[0].path).toEqual(['components', 'test', 'nodes', 'svg'])
+    const expectedSize = new Blob(['<svg><path></path></svg>']).size
+    expect(problems[0].details.size).toEqual(expectedSize)
+  })
+  test('should calculate element size correctly for imgs', () => {
+    const problems = Array.from(
+      searchProject({
+        files: {
+          formulas: {},
+          components: {
+            test: {
+              name: 'test',
+              nodes: {
+                root: {
+                  type: 'element',
+                  attrs: {
+                    src: valueFormula(
+                      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAIAAADTED8xAAADMElEQVR4nOzVwQnAIBQFQYXff81RUkQCOyDj1YOPnbXWPmeTRef+/3O/OyBjzh3CD95BfqICMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMO0TAAD//2Anhf4QtqobAAAAAElFTkSuQmCC',
+                    ),
+                  },
+                  classes: {},
+                  events: {},
+                  tag: 'img',
+                  children: [],
+                  style: {},
+                },
+              },
+              formulas: {},
+              apis: {},
+              attributes: {},
+              variables: {},
+            },
+          },
+        },
+        rules: [createStaticSizeConstraintRule('img', 1)],
+      }),
+    )
+    expect(problems).toHaveLength(1)
+    expect(problems[0].code).toBe('size constraint')
+    expect(problems[0].path).toEqual(['components', 'test', 'nodes', 'root'])
+    const expectedSize = new Blob([
+      '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAIAAADTED8xAAADMElEQVR4nOzVwQnAIBQFQYXff81RUkQCOyDj1YOPnbXWPmeTRef+/3O/OyBjzh3CD95BfqICMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMK0CMO0TAAD//2Anhf4QtqobAAAAAElFTkSuQmCC" />',
+    ]).size
+    expect(problems[0].details.size).toEqual(expectedSize)
+  })
+  test('should ignore elements that are not too large', () => {
+    const problems = Array.from(
+      searchProject({
+        files: {
+          formulas: {},
+          components: {
+            test: {
+              name: 'test',
+              nodes: {
+                root: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'img',
+                  children: ['svg'],
+                  style: {},
+                },
+                svg: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'svg',
+                  children: ['path'],
+                  style: {},
+                },
+                path: {
+                  type: 'element',
+                  attrs: {},
+                  classes: {},
+                  events: {},
+                  tag: 'path',
+                  children: [],
+                  style: {},
+                },
+              },
+              formulas: {},
+              apis: {},
+              attributes: {},
+              variables: {},
+            },
+          },
+        },
+        rules: [createStaticSizeConstraintRule('svg', 100)],
+      }),
+    )
+    expect(problems).toHaveLength(0)
+  })
+})

package/src/rules/issues/miscellaneous/createStaticSizeConstraintRule.ts ADDED Viewed

@@ -0,0 +1,90 @@
+import type { NodeModel } from '@nordcraft/core/dist/component/component.types'
+import { isDefined } from '@nordcraft/core/dist/utils/util'
+import { VOID_HTML_ELEMENTS } from '@nordcraft/ssr/dist/const'
+import type { Level, Rule } from '../../../types'
+export function createStaticSizeConstraintRule(
+  tag: string,
+  maxSize: number,
+  level: Level = 'info',
+): Rule<{
+  tag: string
+  size: number
+}> {
+  return {
+    code: 'size constraint',
+    category: 'Performance',
+    level: level,
+    visit: (report, args) => {
+      if (
+        args.nodeType === 'component-node' &&
+        args.value.type === 'element' &&
+        args.value.tag === tag
+      ) {
+        let size = 0
+        const component = args.component
+        const evaluateElement = (element?: NodeModel): string => {
+          if (
+            !element ||
+            ['element', 'text', 'slot', 'component'].includes(element.type) ===
+              false
+          ) {
+            return ''
+          }
+          const children = (element.children ?? []).map((child) =>
+            evaluateElement(component.nodes?.[child]),
+          )
+          const tag = element.type === 'element' ? element.tag : 'span'
+          const attributes: Record<string, string> = {}
+          if (element.type === 'element' || element.type === 'component') {
+            Object.entries(element.attrs ?? {}).forEach(([key, value]) => {
+              if (value?.type === 'value' && isDefined(value.value)) {
+                attributes[key] = String(value.value)
+              }
+            })
+          }
+          const attributeString = Object.entries(attributes)
+            .map(([key, value]) => `${key}="${value}"`)
+            .join(' ')
+          if (VOID_HTML_ELEMENTS.includes(tag)) {
+            return attributeString
+              ? `<${tag} ${attributeString} />`
+              : `<${tag} />`
+          } else {
+            const openingTag = attributeString
+              ? `<${tag} ${attributeString}>`
+              : `<${tag}>`
+            return `${openingTag}${children.join('')}</${tag}>`
+          }
+        }
+        const staticElement = evaluateElement(args.value)
+        size = new Blob([staticElement]).size
+        if (size > maxSize) {
+          report({
+            path: args.path,
+            info: {
+              title: `Element size exceeds the suggested maximum allowed size of ${sizeFormatter(maxSize)}`,
+              description: `The <${tag}> element has a size of ${sizeFormatter(size)}, which exceeds the suggested limit of ${sizeFormatter(maxSize)}. Consider simplifying the content or structure of this element to reduce its size and improve performance.`,
+            },
+            details: { tag, size },
+          })
+        }
+      }
+    },
+  }
+}
+const sizeFormatter = (sizeInBytes: number) => {
+  const units = ['byte', 'KB', 'MB', 'GB', 'TB']
+  let unitIndex = 0
+  let size = sizeInBytes
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024
+    unitIndex++
+  }
+  const unit = unitIndex === 0 && size !== 1 ? 'bytes' : units[unitIndex]
+  return `${new Intl.NumberFormat(undefined, {
+    maximumFractionDigits: unitIndex === 0 ? 0 : 2,
+  }).format(size)} ${unit}`
+}

package/src/rules/issues/miscellaneous/miscRules.index.ts CHANGED Viewed

@@ -1,5 +1,14 @@
+import { createStaticSizeConstraintRule } from './createStaticSizeConstraintRule'
 import { noReferenceNodeRule } from './noReferenceNodeRule'
 import { requireExtensionRule } from './requireExtensionRule'
 import { unknownCookieRule } from './unknownCookieRule'
-export default [noReferenceNodeRule, requireExtensionRule, unknownCookieRule]
+export default [
+  noReferenceNodeRule,
+  requireExtensionRule,
+  unknownCookieRule,
+  // 100 KB is a large SVG
+  createStaticSizeConstraintRule('svg', 100 * 1024),
+  // 50 KB is a large img element (with potential base64 encoded image)
+  createStaticSizeConstraintRule('img', 50 * 1024),
+]

package/src/rules/issues/slots/unknownComponentSlotRule.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export const unknownComponentSlotRule: Rule<{ slotName: string }> = {
     }
     // We only want to check the immediate children of a "sub component"
-    if (value.type !== 'component' || value.children.length === 0) {
+    if (value.type !== 'component' || (value?.children ?? []).length === 0) {
       return
     }

package/src/types.ts CHANGED Viewed

@@ -59,15 +59,16 @@ export type Code =
   | 'duplicate action argument name'
   | 'duplicate event trigger'
   | 'duplicate formula argument name'
+  | 'duplicate route'
   | 'duplicate url parameter'
   | 'duplicate workflow parameter'
-  | 'duplicate route'
+  | 'image without dimension'
   | 'invalid api parser mode'
   | 'invalid api proxy body setting'
   | 'invalid api proxy cookie setting'
+  | 'invalid component structure'
   | 'invalid element child'
   | 'invalid style syntax'
-  | 'invalid component structure'
   | 'legacy action'
   | 'legacy api'
   | 'legacy formula'
@@ -77,10 +78,10 @@ export type Code =
   | 'no post navigate action'
   | 'no-console'
   | 'no-reference api input'
-  | 'no-reference api'
   | 'no-reference api service'
-  | 'no-reference attribute'
+  | 'no-reference api'
   | 'no-reference attribute in instance'
+  | 'no-reference attribute'
   | 'no-reference component formula'
   | 'no-reference component workflow'
   | 'no-reference component'
@@ -100,24 +101,25 @@ export type Code =
   | 'required element attribute'
   | 'required extension'
   | 'required meta tag'
-  | 'image without dimension'
+  | 'size constraint'
   | 'unknown action argument'
   | 'unknown action event'
   | 'unknown api input'
-  | 'unknown api'
   | 'unknown api service'
+  | 'unknown api'
   | 'unknown attribute'
   | 'unknown classname'
   | 'unknown component attribute'
   | 'unknown component formula input'
   | 'unknown component slot'
+  | 'unknown component'
   | 'unknown context formula'
   | 'unknown context provider formula'
   | 'unknown context provider workflow'
   | 'unknown context provider'
   | 'unknown context workflow'
   | 'unknown cookie'
-  | 'unknown component'
+  | 'unknown css variable'
   | 'unknown event'
   | 'unknown fetch input'
   | 'unknown formula'
@@ -129,12 +131,11 @@ export type Code =
   | 'unknown set url parameter'
   | 'unknown set url parameters'
   | 'unknown trigger event'
+  | 'unknown trigger workflow parameter'
   | 'unknown trigger workflow'
   | 'unknown url parameter'
   | 'unknown variable setter'
   | 'unknown variable'
-  | 'unknown css variable'
-  | 'unknown trigger workflow parameter'
   | 'unknown workflow parameter'
 export type Category =