Merge pull request #1 from tonik/feat/find-by-name

tonik · Jun 1, 2021 · 2146782 · 2146782
2 parents acd82cd + e7ed02f
commit 2146782
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 25 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/p1/code.js b/p1/code.js
@@ -14,12 +14,12 @@ function traverse(node) {
                 for (const child of node.children) {
                     traverse(child);
                 }
-                // TODO: Customizable node name
             }
             else if (node.name === '_Specification') {
-                const spaceComp = node.children.find(element => element.name === 'Line' || element.name === 'Space');
+                const spaceComp = node.children.find(element => /^(size|space)\/(width|height)/.test(element.name));
                 const textNode = node.children.find(element => element.type === "TEXT");
-                const textToDisplay = String(`${Math.max(spaceComp.width, spaceComp.height)}px`);
+                const valueToDisplay = /^(size|space)\/(width)/.test(spaceComp.name) ? spaceComp === null || spaceComp === void 0 ? void 0 : spaceComp.width : spaceComp === null || spaceComp === void 0 ? void 0 : spaceComp.height;
+                const textToDisplay = String(`${valueToDisplay}px`);
                 let len = textNode.characters.length;
                 yield figma.loadFontAsync(textNode.getRangeFontName(0, 1));
                 textNode.deleteCharacters(0, len);

diff --git a/p1/code.ts b/p1/code.ts
@@ -4,18 +4,17 @@ async function traverse(node) {
       for (const child of node.children) {
         traverse(child)
       }
-    // TODO: Customizable node name
-    } else if (node.name === '_Specification'){
-      const spaceComp = node.children.find(element => element.name === 'Line' || element.name === 'Space')
+    } else if (node.name === '_Specification') {
+      const spaceComp = node.children.find(element => /^(size|space)\/(width|height)/.test(element.name))
       const textNode = node.children.find(element => element.type === "TEXT")
-      const textToDisplay = String(`${Math.max(spaceComp.width, spaceComp.height)}px`)
+      const valueToDisplay = /^(size|space)\/(width)/.test(spaceComp.name) ? spaceComp?.width : spaceComp?.height
+      const textToDisplay = String(`${valueToDisplay}px`)
 
       let len = textNode.characters.length
       await figma.loadFontAsync(textNode.getRangeFontName(0, 1))
 
       textNode.deleteCharacters(0, len)
       textNode.insertCharacters(0, textToDisplay)
-
     }
   }
 }

diff --git a/p1/manifest.json b/p1/manifest.json
@@ -1,6 +1,6 @@
 {
-  "name": "Tonik-P1",
-  "id": "980857664278952801",
+  "name": "p1",
+  "id": "981247913119685663",
   "api": "1.0.0",
   "main": "code.js"
 }
diff --git a/p1/package-lock.json b/p1/package-lock.json
diff --git a/p1/package.json b/p1/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "Tonik-P1",
+  "name": "p1",
   "version": "1.0.0",
   "description": "Your Figma plugin",
   "main": "code.js",

diff --git a/p1/yarn.lock b/p1/yarn.lock
@@ -0,0 +1,8 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@figma/plugin-typings@^1.23.0":
+  version "1.23.0"
+  resolved "https://registry.yarnpkg.com/@figma/plugin-typings/-/plugin-typings-1.23.0.tgz#e82774264d2f72604856562cd7b021bd32e60852"
+  integrity sha512-hKSQSyE4Lwb9GI0sL92YX8QvBAwsCkKGSIxLkEn3CDLSTtOjtTs/GKsQ8zUAFtcrr0KQLEYW0rBkGU3UVpPq/Q==