Prettier (#140)

* Added a note about debug mode

* Update README.md

Added image of debug mode

* Ran prettier on the files

Author: mimshwright

__tests__/altNodes/altConversions.test.ts

@@ -16,7 +16,7 @@ describe("AltConversions", () => {
     rectangle.resize(20, 20);
 
     expect(tailwindMain(convertIntoAltNodes([rectangle]))).toEqual(
-      '<div class="w-5 h-5"></div>'
+      '<div class="w-5 h-5"></div>',
     );
   });
 
@@ -42,7 +42,7 @@ describe("AltConversions", () => {
     expect(htmlMain(convertIntoAltNodes([frame]))).toEqual(
       `<div style="width: 20px; height: 20px;">
     <div style="width: 20px; height: 20px;"></div>
-</div>`
+</div>`,
     );
   });
 
@@ -100,7 +100,7 @@ describe("AltConversions", () => {
     node.characters = "";
 
     expect(
-      tailwindMain(convertIntoAltNodes([node], new AltFrameNode()))
+      tailwindMain(convertIntoAltNodes([node], new AltFrameNode())),
     ).toEqual(`<p></p>`);
   });
 
@@ -125,7 +125,7 @@ describe("AltConversions", () => {
     Object.defineProperty(node, "height", { value: 20 });
 
     expect(
-      tailwindMain(convertIntoAltNodes([node], new AltFrameNode()))
+      tailwindMain(convertIntoAltNodes([node], new AltFrameNode())),
     ).toEqual(`<div class="w-5 h-5 rounded-full"></div>`);
   });
 
@@ -145,7 +145,7 @@ describe("AltConversions", () => {
     Object.defineProperty(node, "width", { value: 20 });
 
     expect(
-      tailwindMain(convertIntoAltNodes([node], new AltFrameNode()))
+      tailwindMain(convertIntoAltNodes([node], new AltFrameNode())),
     ).toEqual(`<div class="w-5 h-0.5"></div>`);
   });
 
@@ -172,9 +172,7 @@ describe("AltConversions", () => {
     Object.defineProperty(node, "height", { value: 20 });
 
     expect(
-      tailwindMain(convertIntoAltNodes([node], new AltFrameNode()))
-    ).toEqual(
-      `<div class="w-5 h-5 bg-pink-900/50 rounded-lg"></div>`
-    );
+      tailwindMain(convertIntoAltNodes([node], new AltFrameNode())),
+    ).toEqual(`<div class="w-5 h-5 bg-pink-900/50 rounded-lg"></div>`);
   });
 });

__tests__/altNodes/convertNodesOnRectangle.test.ts

@@ -47,7 +47,7 @@ describe("convert node if child is big rect", () => {
     expect(tailwindMain([converted])).toEqual(
       `<div class="w-24 h-24">
     <div class="w-full h-full bg-black"></div>
-</div>`
+</div>`,
     );
   });
 
@@ -105,7 +105,7 @@ describe("convert node if child is big rect", () => {
     <div class="inline-flex items-start justify-start w-full h-full pr-12 pb-12">
         <div class="flex-1 h-full bg-white"></div>
     </div>
-</div>`
+</div>`,
     );
   });
 
@@ -163,7 +163,7 @@ describe("convert node if child is big rect", () => {
     <div class="inline-flex items-center justify-center w-full h-full p-1 bg-black">
         <div class="flex-1 h-full bg-white"></div>
     </div>
-</div>`
+</div>`,
     );
   });
 
@@ -256,7 +256,7 @@ describe("convert node if child is big rect", () => {
     expect(tailwindMain([conv])).toEqual(
       `<div class="inline-flex items-start justify-start w-5 h-5 pr-3 pb-3 bg-black">
     <div class="flex-1 h-full bg-white"></div>
-</div>`
+</div>`,
     );
   });
 

__tests__/altNodes/convertToAutoLayout.test.ts

@@ -60,7 +60,7 @@ describe("Convert to AutoLayout", () => {
       `<div class="inline-flex items-start justify-end w-12 h-12 pr-2.5 pb-8">
     <div class="w-1/2 h-full bg-white"></div>
     <div class="w-1/2 h-full bg-black"></div>
-</div>`
+</div>`,
     );
 
     // output should be VERTICAL
@@ -73,7 +73,7 @@ describe("Convert to AutoLayout", () => {
       `<div class="inline-flex flex-col items-start justify-end w-12 h-12 pr-8 pb-2.5">
     <div class="w-full h-1/2 bg-white"></div>
     <div class="w-full h-1/2 bg-black"></div>
-</div>`
+</div>`,
     );
 
     // horizontally align while vertical
@@ -88,7 +88,7 @@ describe("Convert to AutoLayout", () => {
       `<div class="inline-flex flex-col space-y-1 items-end justify-end w-12 h-12 pb-1">
     <div class="w-full h-5 bg-white"></div>
     <div class="w-5 h-5 bg-black"></div>
-</div>`
+</div>`,
     );
 
     // vertically align while horizontal
@@ -104,7 +104,7 @@ describe("Convert to AutoLayout", () => {
       `<div class="inline-flex items-end justify-end w-12 h-12 pr-2.5">
     <div class="w-1/2 h-full bg-white"></div>
     <div class="w-1/2 h-5 bg-black"></div>
-</div>`
+</div>`,
     );
 
     node1.height = 20;
@@ -119,7 +119,7 @@ describe("Convert to AutoLayout", () => {
       `<div class="relative" style="width: 50px; height: 50px;">
     <div class="w-5 h-5 absolute bg-black" style="left: 10px; top: 10px;"></div>
     <div class="w-5 h-5 absolute left-0 top-0 bg-white"></div>
-</div>`
+</div>`,
     );
   });
 

__tests__/flutter/builderImpl/flutterBlend.test.ts

@@ -17,7 +17,7 @@ describe("Flutter Blend", () => {
       `Opacity(
     opacity: 0.50,
     child: test
-),`
+),`,
     );
 
     node.opacity = 1.0;
@@ -33,7 +33,7 @@ describe("Flutter Blend", () => {
       `Visibility(
     visible: false,
     child: test
-),`
+),`,
     );
 
     node.visible = true;
@@ -53,23 +53,23 @@ describe("Flutter Blend", () => {
       `Transform.rotate(
     angle: -0.79,
     child: test
-),`
+),`,
     );
 
     node.rotation = -45;
     expect(flutterRotation(node, "test")).toEqual(
       `Transform.rotate(
     angle: 0.79,
     child: test
-),`
+),`,
     );
 
     node.rotation = 90;
     expect(flutterRotation(node, "test")).toEqual(
       `Transform.rotate(
     angle: -1.57,
     child: test
-),`
+),`,
     );
   });
 });

__tests__/flutter/builderImpl/flutterBorder.test.ts

@@ -21,7 +21,7 @@ describe("Flutter Border", () => {
 
     node.cornerRadius = 2;
     expect(flutterBorderRadius(node)).toEqual(
-      "\nborderRadius: BorderRadius.circular(2),"
+      "\nborderRadius: BorderRadius.circular(2),",
     );
 
     node.cornerRadius = figma.mixed;
@@ -30,7 +30,7 @@ describe("Flutter Border", () => {
     node.bottomLeftRadius = 0;
     node.bottomRightRadius = 0;
     expect(flutterBorderRadius(node)).toEqual(
-      "\nborderRadius: BorderRadius.only(topLeft: Radius.circular(2), topRight: Radius.circular(0), bottomLeft: Radius.circular(0), bottomRight: Radius.circular(0), ),"
+      "\nborderRadius: BorderRadius.only(topLeft: Radius.circular(2), topRight: Radius.circular(0), bottomLeft: Radius.circular(0), bottomRight: Radius.circular(0), ),",
     );
 
     const ellipseNode = new AltEllipseNode();
@@ -47,7 +47,7 @@ describe("Flutter Border", () => {
       },
     ];
     expect(flutterBorder(node)).toEqual(
-      "\nborder: Border.all(color: Colors.black, width: 2, ),"
+      "\nborder: Border.all(color: Colors.black, width: 2, ),",
     );
 
     node.strokeWeight = 0;
@@ -67,7 +67,7 @@ describe("Flutter Border", () => {
     expect(flutterShape(node)).toEqual(
       `\nshape: RoundedRectangleBorder(
     borderRadius: BorderRadius.only(topLeft: Radius.circular(4), topRight: Radius.circular(0), bottomLeft: Radius.circular(0), bottomRight: Radius.circular(0), ),
-),`
+),`,
     );
 
     const ellipseNode = new AltEllipseNode();
@@ -81,7 +81,7 @@ describe("Flutter Border", () => {
     expect(flutterShape(ellipseNode)).toEqual(
       `\nshape: CircleBorder(
     side: BorderSide(width: 4, color: Color(0xff3f3f3f), ),
-),`
+),`,
     );
   });
 });

__tests__/flutter/builderImpl/flutterColor.test.ts

@@ -25,7 +25,7 @@ describe("Flutter Color", () => {
     ];
 
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ncolor: Color(0xffef5138),"
+      "\ncolor: Color(0xffef5138),",
     );
   });
 
@@ -107,7 +107,7 @@ describe("Flutter Color", () => {
       },
     ];
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ncolor: Color(0x00000000),"
+      "\ncolor: Color(0x00000000),",
     );
   });
 
@@ -135,7 +135,7 @@ describe("Flutter Color", () => {
     node.fills = [gradientFill];
 
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [Colors.black], ),",
     );
 
     // topLeft to bottomRight (135)
@@ -144,7 +144,7 @@ describe("Flutter Color", () => {
       [1.3402682542800903, -1.4652644395828247, 0.5407097935676575],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.black], ),",
     );
 
     // bottom to top (-90)
@@ -153,7 +153,7 @@ describe("Flutter Color", () => {
       [-2.3507132530212402, -1.0997783306265774e-7, 1.6796307563781738],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.bottomCenter, end: Alignment.topCenter, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.bottomCenter, end: Alignment.topCenter, colors: [Colors.black], ),",
     );
 
     // top to bottom (90)
@@ -162,7 +162,7 @@ describe("Flutter Color", () => {
       [3.9725232124328613, -1.4210854715202004e-14, -0.8289895057678223],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Colors.black], ),",
     );
 
     // left to right (0)
@@ -171,7 +171,7 @@ describe("Flutter Color", () => {
       [6.030897026221282e-8, -3.364259719848633, 2.188383102416992],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [Colors.black], ),",
     );
 
     // right to left (180)
@@ -180,7 +180,7 @@ describe("Flutter Color", () => {
       [0.07747448235750198, 4.357592582702637, -1.0299113988876343],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.centerRight, end: Alignment.centerLeft, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.centerRight, end: Alignment.centerLeft, colors: [Colors.black], ),",
     );
 
     // bottom left to top right (-135)
@@ -189,7 +189,7 @@ describe("Flutter Color", () => {
       [-3.7344324588775635, 2.3110527992248535, 0.4661891460418701],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.bottomRight, end: Alignment.topLeft, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.bottomRight, end: Alignment.topLeft, colors: [Colors.black], ),",
     );
 
     // bottom left to top right (-45)
@@ -198,7 +198,7 @@ describe("Flutter Color", () => {
       [-1.3051068782806396, -1.3525396585464478, 1.8345310688018799],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.bottomLeft, end: Alignment.topRight, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.bottomLeft, end: Alignment.topRight, colors: [Colors.black], ),",
     );
 
     // top right to bottom left (-45)
@@ -207,7 +207,7 @@ describe("Flutter Color", () => {
       [1.5028705596923828, 1.2872726917266846, -1.0877336263656616],
     ]);
     expect(flutterBoxDecorationColor(node.fills)).toEqual(
-      "\ngradient: LinearGradient(begin: Alignment.topRight, end: Alignment.bottomLeft, colors: [Colors.black], ),"
+      "\ngradient: LinearGradient(begin: Alignment.topRight, end: Alignment.bottomLeft, colors: [Colors.black], ),",
     );
   });
 
@@ -264,7 +264,7 @@ describe("Flutter Color", () => {
         border: Border.all(color: Color(0xff3f3f3f), width: 4, ),
         gradient: LinearGradient(begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [Colors.black, Color(0xffff0000)], ),
     ),
-)`
+)`,
     );
   });
 

__tests__/flutter/builderImpl/flutterPadding.test.ts

@@ -19,39 +19,39 @@ describe("Flutter Padding", () => {
     frameNode.paddingTop = 2;
     frameNode.paddingBottom = 2;
     expect(flutterPadding(frameNode)).toEqual(
-      "\npadding: const EdgeInsets.all(2),"
+      "\npadding: const EdgeInsets.all(2),",
     );
 
     frameNode.paddingLeft = 1;
     frameNode.paddingRight = 2;
     frameNode.paddingTop = 3;
     frameNode.paddingBottom = 4;
     expect(flutterPadding(frameNode)).toEqual(
-      "\npadding: const EdgeInsets.only(left: 1, right: 2, top: 3, bottom: 4, ),"
+      "\npadding: const EdgeInsets.only(left: 1, right: 2, top: 3, bottom: 4, ),",
     );
 
     frameNode.paddingLeft = 2;
     frameNode.paddingRight = 2;
     frameNode.paddingTop = 4;
     frameNode.paddingBottom = 4;
     expect(flutterPadding(frameNode)).toEqual(
-      "\npadding: const EdgeInsets.symmetric(horizontal: 2, vertical: 4, ),"
+      "\npadding: const EdgeInsets.symmetric(horizontal: 2, vertical: 4, ),",
     );
 
     frameNode.paddingLeft = 2;
     frameNode.paddingRight = 2;
     frameNode.paddingTop = 0;
     frameNode.paddingBottom = 0;
     expect(flutterPadding(frameNode)).toEqual(
-      "\npadding: const EdgeInsets.symmetric(horizontal: 2, ),"
+      "\npadding: const EdgeInsets.symmetric(horizontal: 2, ),",
     );
 
     frameNode.paddingLeft = 0;
     frameNode.paddingRight = 0;
     frameNode.paddingTop = 2;
     frameNode.paddingBottom = 2;
     expect(flutterPadding(frameNode)).toEqual(
-      "\npadding: const EdgeInsets.symmetric(vertical: 2, ),"
+      "\npadding: const EdgeInsets.symmetric(vertical: 2, ),",
     );
 
     frameNode.paddingLeft = 0;