Merge pull request #27 from borealisgroup/ignore-svgs-starting-with-dot

Ignore private components

Author: jacobtyq

src/index.js

@@ -29,7 +29,7 @@ const svgExporter = async () => {
       process.env.FIGMA_PROJECT_NODE_ID
     ].document.children;
 
-    const svgs = Utils.findAllByValue(children, "COMPONENT");
+    const svgs = Utils.filterPrivateComponents(Utils.findAllByValue(children, "COMPONENT"));
     const numOfSvgs = svgs.length;
 
     console.log("Number of SVGs", numOfSvgs);

src/util/utils.js

@@ -44,8 +44,11 @@ const createFolder = async (path) => {
   }
 };
 
+const filterPrivateComponents = svgs => svgs.filter(({ name }) => !name.startsWith('.') && !name.startsWith('_'))
+
 exports.writeToFile = writeToFile;
 exports.camelCaseToDash = camelCaseToDash;
 exports.flattenArray = flattenArray;
 exports.findAllByValue = findAllByValue;
 exports.createFolder = createFolder;
+exports.filterPrivateComponents = filterPrivateComponents;

src/util/utils.test.js

@@ -19,3 +19,18 @@ describe("Flatten Array", () => {
     expect(Utils.flattenArray(array, 2)).toEqual(result);
   });
 });
+
+describe('Filter Private Components ', () => {
+  it('should remove components out of the list that start with a dot or underscore', () => {
+    expect(Utils.filterPrivateComponents([
+      { id: '798:3673', name: '_circle' },
+      { id: '798:3672', name: '.downhill_skiing' },
+      { id: '798:3671', name: 'edit_notifications' },
+      { id: '798:3663', name: '.elderly' },
+      { id: '798:3673', name: 'emoji_emotions' },
+    ])).toEqual([
+      { id: '798:3671', name: 'edit_notifications' },
+      { id: '798:3673', name: 'emoji_emotions' },
+    ])
+  })
+})