Merge pull request framer#454 from framer/design-pages-support

Support design pages in Tidy Up and Renamer

Author: madebyisaacr

.yarn/cache/framer-plugin-npm-3.7.0-749f40ad16-30b7231daa.zip

@@ -14,7 +14,7 @@
     },
     "dependencies": {
         "classnames": "^2.5.1",
-        "framer-plugin": "^3.6.0",
+        "framer-plugin": "^3.7.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
     },

plugins/renamer/package.json

@@ -1,4 +1,12 @@
-import { type CanvasRootNode, framer, isComponentNode, isFrameNode, isTextNode, isWebPageNode } from "framer-plugin"
+import {
+    type CanvasRootNode,
+    framer,
+    isComponentNode,
+    isDesignPageNode,
+    isFrameNode,
+    isTextNode,
+    isWebPageNode,
+} from "framer-plugin"
 import { isCanvasNode } from "./traits"
 import type { CanvasNode, IndexEntry } from "./types"
 
@@ -104,15 +112,16 @@ export class Indexer {
 
     private async getRootNodes(): Promise<CanvasRootNode[]> {
         if (this.scope === "project") {
-            const [webPages, componentNodes] = await Promise.all([
+            const [webPages, componentNodes, designPages] = await Promise.all([
                 framer.getNodesWithType("WebPageNode"),
                 framer.getNodesWithType("ComponentNode"),
+                framer.getNodesWithType("DesignPageNode"),
             ])
-            return [...webPages, ...componentNodes]
+            return [...webPages, ...componentNodes, ...designPages]
         }
 
         const root = await framer.getCanvasRoot()
-        if (!isWebPageNode(root) && !isComponentNode(root)) return []
+        if (!isWebPageNode(root) && !isComponentNode(root) && !isDesignPageNode(root)) return []
 
         return [root]
     }

plugins/renamer/src/search/indexer.ts

@@ -13,7 +13,7 @@
         "check-typescript": "run g:check-typescript"
     },
     "dependencies": {
-        "framer-plugin": "^3.6.0",
+        "framer-plugin": "^3.7.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "valibot": "^1.1.0"

plugins/tidyup/package.json

@@ -3,6 +3,7 @@ import {
     type CanvasRootNode,
     framer,
     isComponentNode,
+    isDesignPageNode,
     isVectorSetNode,
     isWebPageNode,
     supportsPins,
@@ -105,7 +106,12 @@ function useGroundNodeRects() {
                     const parent = await node.getParent()
                     if (!parent) continue
                     if (!active) return
-                    if (isWebPageNode(parent) || isComponentNode(parent) || isVectorSetNode(parent)) {
+                    if (
+                        isWebPageNode(parent) ||
+                        isComponentNode(parent) ||
+                        isVectorSetNode(parent) ||
+                        isDesignPageNode(parent)
+                    ) {
                         groundNodes.push(node)
                     }
                 }

plugins/tidyup/src/App.tsx

@@ -4604,6 +4604,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"framer-plugin@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "framer-plugin@npm:3.7.0"
+  peerDependencies:
+    react: ^18.2.0
+    react-dom: ^18.2.0
+  checksum: 10/30b7231daafc1142df63859a1eadcd193faa6a9c97dac254868ca1381cdb1d1b53841390ba14b596b7d75c7fdc4b3602a85b79a911b8528fbb206ded61a8ac0b
+  languageName: node
+  linkType: hard
+
 "fs-minipass@npm:^3.0.0":
   version: 3.0.3
   resolution: "fs-minipass@npm:3.0.3"
@@ -6393,7 +6403,7 @@ __metadata:
     "@types/react": "npm:^18.3.24"
     "@types/react-dom": "npm:^18.3.7"
     classnames: "npm:^2.5.1"
-    framer-plugin: "npm:^3.6.0"
+    framer-plugin: "npm:^3.7.0"
     framer-plugin-tools: "npm:^1.0.0"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
@@ -6807,7 +6817,7 @@ __metadata:
   dependencies:
     "@types/react": "npm:^18.3.24"
     "@types/react-dom": "npm:^18.3.7"
-    framer-plugin: "npm:^3.6.0"
+    framer-plugin: "npm:^3.7.0"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
     valibot: "npm:^1.1.0"