@seed-design/figma 1.3.2 → 1.3.4

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({
@@ -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;
@@ -18651,8 +18666,8 @@ const FIGMA_VARIABLES = {
     }
 };
 
-const privateTemplateAttechmentField = {
-    "name": "privateTemplateAttechmentField",
+const privateTemplateAttachmentField = {
+    "name": "privateTemplateAttachmentField",
     "key": "5ba20e248e9cd0292fc285488b2ed3b3145d37b0",
     "componentPropertyDefinitions": {
         "Show Header#40606:8": {
@@ -20657,11 +20672,11 @@ const componentBottomSheet = {
         "Header Layout": {
             "type": "VARIANT",
             "variantOptions": [
+                "Top Left",
+                "Top Center",
                 "Bottom Left",
-                "None",
                 "Bottom Center",
-                "Top Center",
-                "Top Left"
+                "None"
             ]
         }
     }
@@ -21209,7 +21224,7 @@ const componentImageFrame = {
                 "80",
                 "96",
                 "120",
-                "\bFree"
+                "Free"
             ]
         },
         "Rounded": {
@@ -22068,8 +22083,7 @@ const componentSwitch = {
             "type": "VARIANT",
             "variantOptions": [
                 "Label Last",
-                "Label First",
-                "🚫[Switch Mark 사용] Switch Only"
+                "Label First"
             ]
         }
     }
@@ -22882,7 +22896,7 @@ var FIGMA_COMPONENTS = {
   privateComponentUnderlineTextInputInputReadOnly: privateComponentUnderlineTextInputInputReadOnly,
   privateComponentUnderlineTextInputPrefix: privateComponentUnderlineTextInputPrefix,
   privateComponentUnderlineTextInputSuffix: privateComponentUnderlineTextInputSuffix,
-  privateTemplateAttechmentField: privateTemplateAttechmentField,
+  privateTemplateAttachmentField: privateTemplateAttachmentField,
   privateTemplateChipGroup: privateTemplateChipGroup,
   privateTemplateChipGroupField: privateTemplateChipGroupField,
   privateTemplatePhoneNumberField: privateTemplatePhoneNumberField,
@@ -23059,6 +23073,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 +23401,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;