@seed-design/figma 1.3.3 → 1.3.5

package/lib/codegen/index.cjs

@@ -448,11 +448,20 @@ function applyInferredLayout(parentNode, result) {
     };
 }
 
-function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout }) {
+function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout, skipComponentKeys }) {
+    function isSkippedInstance(node) {
+        if (!skipComponentKeys || skipComponentKeys.size === 0) return false;
+        if (node.type !== "INSTANCE") return false;
+        const { componentKey, componentSetKey } = node;
+        return skipComponentKeys.has(componentKey) || !!componentSetKey && skipComponentKeys.has(componentSetKey);
+    }
     function traverse(node) {
         if ("visible" in node && !node.visible) {
             return;
         }
+        if (isSkippedInstance(node)) {
+            return;
+        }
         const result = tsPattern.match(node).with({
             type: "FRAME"
         }, (node)=>shouldInferAutoLayout ? frameTransformer(applyInferredLayout(node, inferLayout(node)), traverse) : frameTransformer(node, traverse)).with({
@@ -470,7 +479,7 @@ function createCodeGenerator({ frameTransformer, textTransformer, rectangleTrans
             type: "BOOLEAN_OPERATION"
         }, (node)=>booleanOperationTransformer(node, traverse)).with({
             type: "UNHANDLED"
-        }, ()=>createElement("UnhandledFigmaNode")).exhaustive();
+        }, (node)=>createElement(`Unhandled${changeCase.pascalCase(node.original.type)}Node`)).exhaustive();
         if (result) {
             return appendSource(result, node.id);
         }
@@ -480,6 +489,12 @@ function createCodeGenerator({ frameTransformer, textTransformer, rectangleTrans
         return traverse(node);
     }
     function generateCode(node, options) {
+        if (isSkippedInstance(node)) {
+            return {
+                imports: "",
+                jsx: "// This component is intentionally excluded from codegen"
+            };
+        }
         const jsxTree = generateJsxTree(node);
         if (!jsxTree) {
             return undefined;
@@ -11517,6 +11532,7 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:576:22878",
             "VariableID:59176:2",
             "VariableID:59176:3",
+            "VariableID:61337:3",
             "VariableID:654:20851",
             "VariableID:670:2700",
             "VariableID:6782:76317",
@@ -18350,6 +18366,30 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
+    "VariableID:61337:3": {
+        "name": "stroke/focus-ring",
+        "id": "VariableID:61337:3",
+        "remote": false,
+        "key": "ca937a0bb83fda59d06959cfb5d960f00b5e9add",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92938"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:1883:92938"
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
     "VariableID:41338:806": {
         "name": "stroke/informative-solid",
         "id": "VariableID:41338:806",
@@ -18651,8 +18691,8 @@ const FIGMA_VARIABLES = {
     }
 };
 
-const privateTemplateAttechmentField = {
-    "name": "privateTemplateAttechmentField",
+const privateTemplateAttachmentField = {
+    "name": "privateTemplateAttachmentField",
     "key": "5ba20e248e9cd0292fc285488b2ed3b3145d37b0",
     "componentPropertyDefinitions": {
         "Show Header#40606:8": {
@@ -18865,6 +18905,19 @@ const privateComponentFieldHeaderSuffix = {
         }
     }
 };
+const privateComponentIdentityPlaceholder = {
+    "name": "privateComponentIdentityPlaceholder",
+    "key": "7d7ae18cabac6ebad19934516de8e7e256854eba",
+    "componentPropertyDefinitions": {
+        "Identity": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Person",
+                "Business"
+            ]
+        }
+    }
+};
 const privateComponentInputButtonPrefix = {
     "name": "privateComponentInputButtonPrefix",
     "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -20657,11 +20710,11 @@ const componentBottomSheet = {
         "Header Layout": {
             "type": "VARIANT",
             "variantOptions": [
+                "Top Left",
+                "Top Center",
                 "Bottom Left",
-                "None",
                 "Bottom Center",
-                "Top Center",
-                "Top Left"
+                "None"
             ]
         }
     }
@@ -21209,7 +21262,7 @@ const componentImageFrame = {
                 "80",
                 "96",
                 "120",
-                "\bFree"
+                "Free"
             ]
         },
         "Rounded": {
@@ -22068,8 +22121,7 @@ const componentSwitch = {
             "type": "VARIANT",
             "variantOptions": [
                 "Label Last",
-                "Label First",
-                "🚫[Switch Mark 사용] Switch Only"
+                "Label First"
             ]
         }
     }
@@ -22838,6 +22890,7 @@ var FIGMA_COMPONENTS = {
   privateComponentFieldFooterCharacterCount: privateComponentFieldFooterCharacterCount,
   privateComponentFieldHeaderIndicator: privateComponentFieldHeaderIndicator,
   privateComponentFieldHeaderSuffix: privateComponentFieldHeaderSuffix,
+  privateComponentIdentityPlaceholder: privateComponentIdentityPlaceholder,
   privateComponentInputButtonPrefix: privateComponentInputButtonPrefix,
   privateComponentInputButtonSuffix: privateComponentInputButtonSuffix,
   privateComponentInputButtonValue: privateComponentInputButtonValue,
@@ -22882,7 +22935,7 @@ var FIGMA_COMPONENTS = {
   privateComponentUnderlineTextInputInputReadOnly: privateComponentUnderlineTextInputInputReadOnly,
   privateComponentUnderlineTextInputPrefix: privateComponentUnderlineTextInputPrefix,
   privateComponentUnderlineTextInputSuffix: privateComponentUnderlineTextInputSuffix,
-  privateTemplateAttechmentField: privateTemplateAttechmentField,
+  privateTemplateAttachmentField: privateTemplateAttachmentField,
   privateTemplateChipGroup: privateTemplateChipGroup,
   privateTemplateChipGroupField: privateTemplateChipGroupField,
   privateTemplatePhoneNumberField: privateTemplatePhoneNumberField,
@@ -23059,6 +23112,12 @@ const variableService = createVariableService({
     }
 });
 
+const SKIP_COMPONENT_KEYS = new Set([
+    componentOsBottomIndicatorFigmaOnly.key,
+    componentOsKeyboardFigmaOnly.key,
+    componentOsStatusBarFigmaOnly.key
+]);
+
 function createFrameTransformer({ propsConverters }) {
     return defineElementTransformer((node, traverse)=>{
         const children = node.children;
@@ -23381,7 +23440,8 @@ function createPipeline(options = {}) {
         instanceTransformer,
         vectorTransformer,
         booleanOperationTransformer,
-        shouldInferAutoLayout
+        shouldInferAutoLayout,
+        skipComponentKeys: SKIP_COMPONENT_KEYS
     });
     return codegenTransformer;
 }

package/lib/codegen/index.d.ts

@@ -122,6 +122,7 @@ interface CodeGeneratorDeps {
     vectorTransformer: ElementTransformer<NormalizedVectorNode>;
     booleanOperationTransformer: ElementTransformer<NormalizedBooleanOperationNode>;
     shouldInferAutoLayout: boolean;
+    skipComponentKeys?: Set<string>;
 }
 interface CodeGenerator {
     generateJsxTree: (node: NormalizedSceneNode) => ElementNode | undefined;
@@ -132,7 +133,7 @@ interface CodeGenerator {
         jsx: string;
     } | undefined;
 }
-declare function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout, }: CodeGeneratorDeps): CodeGenerator;
+declare function createCodeGenerator({ frameTransformer, textTransformer, rectangleTransformer, instanceTransformer, vectorTransformer, booleanOperationTransformer, shouldInferAutoLayout, skipComponentKeys, }: CodeGeneratorDeps): CodeGenerator;
 
 interface ComponentHandler<T extends NormalizedInstanceNode["componentProperties"] = NormalizedInstanceNode["componentProperties"]> {
     key: string;