Optimize

Author: owjs3901

src/code-impl.ts

@@ -4,6 +4,7 @@ import {
   resetMainComponentCache,
 } from './codegen/Codegen'
 import { resetGetPropsCache } from './codegen/props'
+import { resetChildAnimationCache } from './codegen/props/reaction'
 import { resetSelectorPropsCache } from './codegen/props/selector'
 import { ResponsiveCodegen } from './codegen/responsive/ResponsiveCodegen'
 import { nodeProxyTracker } from './codegen/utils/node-proxy'
@@ -139,6 +140,7 @@ export function registerCodegen(ctx: typeof figma) {
           perfReset()
           resetGetPropsCache()
           resetSelectorPropsCache()
+          resetChildAnimationCache()
           resetVariableCache()
           resetTextStyleCache()
           resetMainComponentCache()

src/codegen/Codegen.ts

@@ -100,20 +100,23 @@ function getBooleanConditionName(
 }
 
 /**
- * Clone a NodeTree — shallow-clone props at every level so mutations
- * to one clone's props don't affect the cached original or other clones.
+ * Shallow-clone a NodeTree — only the root-level props object is cloned
+ * (downstream code mutates tree.props via Object.assign).
+ * Children and textChildren are shared by reference because they are
+ * never mutated (verified: no push/pop/splice/sort on children arrays,
+ * no child.props mutations in ResponsiveCodegen).
  */
 function cloneTree(tree: NodeTree): NodeTree {
   return {
     component: tree.component,
     props: { ...tree.props },
-    children: tree.children.map(cloneTree),
+    children: tree.children,
     nodeType: tree.nodeType,
     nodeName: tree.nodeName,
     isComponent: tree.isComponent,
     isSlot: tree.isSlot,
     condition: tree.condition,
-    textChildren: tree.textChildren ? [...tree.textChildren] : undefined,
+    textChildren: tree.textChildren,
   }
 }
 

src/codegen/props/background.ts

@@ -1,5 +1,5 @@
 import { BLEND_MODE_MAP } from '../utils/blend-mode-map'
-import { paintToCSS } from '../utils/paint-to-css'
+import { paintToCSS, paintToCSSSyncIfPossible } from '../utils/paint-to-css'
 
 export async function getBackgroundProps(
   node: SceneNode,
@@ -21,7 +21,9 @@ export async function getBackgroundProps(
     for (let i = 0; i < node.fills.length; i++) {
       const fill = node.fills[node.fills.length - 1 - i]
       if (fill.opacity === 0 || !fill.visible) continue
-      const cssFill = await paintToCSS(fill, node, i === node.fills.length - 1)
+      const cssFill =
+        paintToCSSSyncIfPossible(fill, node, i === node.fills.length - 1) ??
+        (await paintToCSS(fill, node, i === node.fills.length - 1))
       if (
         fill.type === 'SOLID' &&
         fill.blendMode &&

src/codegen/props/border.ts

@@ -1,6 +1,6 @@
 import { addPx } from '../utils/add-px'
 import { fourValueShortcut } from '../utils/four-value-shortcut'
-import { paintToCSS } from '../utils/paint-to-css'
+import { paintToCSS, paintToCSSSyncIfPossible } from '../utils/paint-to-css'
 
 export function getBorderRadiusProps(
   node: SceneNode,
@@ -45,7 +45,8 @@ export async function getBorderProps(
     const paint = node.strokes[node.strokes.length - 1 - i]
     if (paint.visible && paint.opacity !== 0) {
       paintCssList.push(
-        await paintToCSS(paint, node, i === node.strokes.length - 1),
+        paintToCSSSyncIfPossible(paint, node, i === node.strokes.length - 1) ??
+          (await paintToCSS(paint, node, i === node.strokes.length - 1)),
       )
     }
   }