fixes

plugin-src/transformers/transformInstanceNode.ts

@@ -20,24 +20,7 @@ export const transformInstanceNode = async (
 ): Promise<ComponentInstance | undefined> => {
   const mainComponent = await node.getMainComponentAsync();
 
-  /**
-   * We do not want to process component instances in the following scenarios:
-   *
-   * 1. If the component does not have a main component.
-   * 2. If the component comes from an external design system.
-   * 3. If th component does not have a parent. (it's been removed)
-   */
-  if (!mainComponent || mainComponent.remote || mainComponent.parent === null) {
-    return;
-  }
-
-  /**
-   * Main component can be in a ComponentSet removed from the page or external design system.
-   */
-  if (
-    mainComponent.parent?.type === 'COMPONENT_SET' &&
-    (mainComponent.parent.parent === null || mainComponent.parent.remote)
-  ) {
+  if (!mainComponent || !isNodeProcessable(node, mainComponent)) {
     return;
   }
 
@@ -59,6 +42,24 @@ export const transformInstanceNode = async (
   };
 };
 
+const isNodeProcessable = (node: SceneNode, mainComponent: ComponentNode | undefined): boolean => {
+  /**
+   * We do not want to process component instances in the following scenarios:
+   *
+   * 1. If the component does not have a main component.
+   * 2. If the component comes from an external design system.
+   * 3. If th component does not have a parent. (it's been removed)
+   * 4. Main component can be in a ComponentSet removed from the page or external design system.
+   */
+  return !(
+    !mainComponent ||
+    mainComponent.remote ||
+    mainComponent.parent === null ||
+    (mainComponent.parent?.type === 'COMPONENT_SET' &&
+      (mainComponent.parent.parent === null || mainComponent.parent.remote))
+  );
+};
+
 const isComponentRoot = (node: InstanceNode): boolean => {
   let parent = node.parent;
   while (parent !== null) {