canicode 0.3.2 → 0.4.0

package/dist/index.d.ts

@@ -125,6 +125,16 @@ declare const BaseAnalysisNodeSchema: z.ZodObject<{
         AUTO: "AUTO";
         ABSOLUTE: "ABSOLUTE";
     }>>;
+    layoutSizingHorizontal: z.ZodOptional<z.ZodEnum<{
+        FIXED: "FIXED";
+        HUG: "HUG";
+        FILL: "FILL";
+    }>>;
+    layoutSizingVertical: z.ZodOptional<z.ZodEnum<{
+        FIXED: "FIXED";
+        HUG: "HUG";
+        FILL: "FILL";
+    }>>;
     primaryAxisAlignItems: z.ZodOptional<z.ZodString>;
     counterAxisAlignItems: z.ZodOptional<z.ZodString>;
     itemSpacing: z.ZodOptional<z.ZodNumber>;

package/dist/index.js

@@ -79,6 +79,8 @@ var BaseAnalysisNodeSchema = z.object({
   layoutMode: LayoutModeSchema.optional(),
   layoutAlign: LayoutAlignSchema.optional(),
   layoutPositioning: LayoutPositioningSchema.optional(),
+  layoutSizingHorizontal: z.enum(["FIXED", "HUG", "FILL"]).optional(),
+  layoutSizingVertical: z.enum(["FIXED", "HUG", "FILL"]).optional(),
   primaryAxisAlignItems: z.string().optional(),
   counterAxisAlignItems: z.string().optional(),
   itemSpacing: z.number().optional(),
@@ -284,7 +286,7 @@ var RULE_CONFIGS = {
     score: -2,
     enabled: true,
     options: {
-      gridBase: 8
+      gridBase: 4
     }
   },
   "magic-number-spacing": {
@@ -292,7 +294,7 @@ var RULE_CONFIGS = {
     score: -4,
     enabled: true,
     options: {
-      gridBase: 8
+      gridBase: 4
     }
   },
   "raw-shadow": {
@@ -913,6 +915,12 @@ function getSeverityLabel(severity) {
   return labels[severity];
 }
 
+// src/rules/excluded-names.ts
+var EXCLUDED_NAME_PATTERN = /(badge|close|dismiss|overlay|float|fab|dot|indicator|corner|decoration|tag|status|notification|icon|ico|image|asset|filter|dim|dimmed|bg|background|logo|avatar|divider|separator|nav|navigation|gnb|header|footer|sidebar|toolbar|modal|dialog|popup|toast|tooltip|dropdown|menu|sticky|spinner|loader|cursor|cta|chatbot|thumb|thumbnail|tabbar|tab-bar|statusbar|status-bar)/i;
+function isExcludedName(name) {
+  return EXCLUDED_NAME_PATTERN.test(name);
+}
+
 // src/rules/layout/index.ts
 function isContainerNode(node) {
   return node.type === "FRAME" || node.type === "GROUP" || node.type === "COMPONENT";
@@ -954,7 +962,6 @@ var absolutePositionInAutoLayoutDef = {
   impact: "Element will not respond to sibling changes, may overlap unexpectedly",
   fix: "Remove absolute positioning or use proper Auto Layout alignment"
 };
-var INTENTIONAL_ABSOLUTE_PATTERNS = /^(badge|close|dismiss|overlay|float|fab|dot|indicator|corner|decoration|tag|status|notification|x|icon[-_ ]?(close|dismiss|x)|btn[-_ ]?(close|dismiss))/i;
 function isSmallRelativeToParent(node, parent) {
   const nodeBB = node.absoluteBoundingBox;
   const parentBB = parent.absoluteBoundingBox;
@@ -968,7 +975,8 @@ var absolutePositionInAutoLayoutCheck = (node, context) => {
   if (!context.parent) return null;
   if (!hasAutoLayout(context.parent)) return null;
   if (node.layoutPositioning !== "ABSOLUTE") return null;
-  if (INTENTIONAL_ABSOLUTE_PATTERNS.test(node.name)) return null;
+  if (node.type === "VECTOR" || node.type === "BOOLEAN_OPERATION" || node.type === "LINE" || node.type === "ELLIPSE" || node.type === "STAR" || node.type === "REGULAR_POLYGON") return null;
+  if (isExcludedName(node.name)) return null;
   if (isSmallRelativeToParent(node, context.parent)) return null;
   if (context.parent.type === "COMPONENT") return null;
   return {
@@ -994,10 +1002,14 @@ var fixedWidthInResponsiveContextCheck = (node, context) => {
   if (!context.parent) return null;
   if (!hasAutoLayout(context.parent)) return null;
   if (!isContainerNode(node)) return null;
-  if (node.layoutAlign === "STRETCH") return null;
-  const bbox = node.absoluteBoundingBox;
-  if (!bbox) return null;
-  if (node.layoutAlign !== "INHERIT") return null;
+  if (node.layoutSizingHorizontal) {
+    if (node.layoutSizingHorizontal !== "FIXED") return null;
+  } else {
+    if (node.layoutAlign === "STRETCH") return null;
+    if (!node.absoluteBoundingBox) return null;
+    if (node.layoutAlign !== "INHERIT") return null;
+  }
+  if (isExcludedName(node.name)) return null;
   return {
     ruleId: fixedWidthInResponsiveContextDef.id,
     nodeId: node.id,
@@ -1270,7 +1282,7 @@ var inconsistentSpacingDef = {
   fix: "Use spacing values from the design system grid (e.g., 8pt increments)"
 };
 var inconsistentSpacingCheck = (node, context, options) => {
-  const gridBase = options?.["gridBase"] ?? getRuleOption("inconsistent-spacing", "gridBase", 8);
+  const gridBase = options?.["gridBase"] ?? getRuleOption("inconsistent-spacing", "gridBase", 4);
   const paddings = [
     node.paddingLeft,
     node.paddingRight,
@@ -1312,7 +1324,7 @@ var magicNumberSpacingDef = {
   fix: "Round spacing to the nearest grid value or use spacing tokens"
 };
 var magicNumberSpacingCheck = (node, context, options) => {
-  const gridBase = options?.["gridBase"] ?? getRuleOption("magic-number-spacing", "gridBase", 8);
+  const gridBase = options?.["gridBase"] ?? getRuleOption("magic-number-spacing", "gridBase", 4);
   const allSpacings = [
     node.paddingLeft,
     node.paddingRight,
@@ -1629,6 +1641,7 @@ var defaultNameDef = {
 };
 var defaultNameCheck = (node, context) => {
   if (!node.name) return null;
+  if (isExcludedName(node.name)) return null;
   if (!isDefaultName(node.name)) return null;
   return {
     ruleId: defaultNameDef.id,
@@ -1651,6 +1664,7 @@ var nonSemanticNameDef = {
 };
 var nonSemanticNameCheck = (node, context) => {
   if (!node.name) return null;
+  if (isExcludedName(node.name)) return null;
   if (!isNonSemanticName(node.name)) return null;
   if (!node.children || node.children.length === 0) {
     const shapeTypes = ["RECTANGLE", "ELLIPSE", "VECTOR", "LINE", "STAR", "REGULAR_POLYGON"];
@@ -1719,6 +1733,7 @@ var numericSuffixNameDef = {
 };
 var numericSuffixNameCheck = (node, context) => {
   if (!node.name) return null;
+  if (isExcludedName(node.name)) return null;
   if (isDefaultName(node.name)) return null;
   if (!hasNumericSuffix(node.name)) return null;
   return {
@@ -2249,6 +2264,12 @@ function transformNode(node) {
   if ("layoutPositioning" in node && node.layoutPositioning) {
     base.layoutPositioning = node.layoutPositioning;
   }
+  if ("layoutSizingHorizontal" in node && node.layoutSizingHorizontal) {
+    base.layoutSizingHorizontal = node.layoutSizingHorizontal;
+  }
+  if ("layoutSizingVertical" in node && node.layoutSizingVertical) {
+    base.layoutSizingVertical = node.layoutSizingVertical;
+  }
   if ("primaryAxisAlignItems" in node) {
     base.primaryAxisAlignItems = node.primaryAxisAlignItems;
   }
@@ -3277,14 +3298,13 @@ var ELIGIBLE_NODE_TYPES = /* @__PURE__ */ new Set([
   "COMPONENT",
   "INSTANCE"
 ]);
-var EXCLUDED_NAME_PATTERN = /\b(icon|ico|badge|indicator|image|asset|chatbot|cta|gnb|navigation|nav|fab|modal|dialog|popup|overlay|toast|snackbar|tooltip|dropdown|menu|sticky|bg|background|divider|separator|logo|avatar|thumbnail|thumb|header|footer|sidebar|toolbar|tabbar|tab-bar|statusbar|status-bar|spinner|loader|cursor|dot|dim|dimmed|filter)\b/i;
 function filterConversionCandidates(summaries, documentRoot) {
   return summaries.filter((summary) => {
     const node = findNode(documentRoot, summary.nodeId);
     if (!node) return false;
     if (EXCLUDED_NODE_TYPES.has(node.type)) return false;
     if (!ELIGIBLE_NODE_TYPES.has(node.type)) return false;
-    if (EXCLUDED_NAME_PATTERN.test(node.name)) return false;
+    if (isExcludedName(node.name)) return false;
     const bbox = node.absoluteBoundingBox;
     if (bbox && (bbox.width < MIN_WIDTH || bbox.height < MIN_HEIGHT)) return false;
     if (!node.children || node.children.length < 3) return false;