add pen drawing and erasing

Author: Mikahil Ilin

app.js

@@ -8,7 +8,7 @@ Vue.createApp({
       screenElements: [],
       currentLayer: null,
 
-      activeTool: "frame",
+      activeTool: "pen",
       activeTab: "code",
 
       isInverted: false,
@@ -165,10 +165,10 @@ Vue.createApp({
       }
     },
     saveLayers() {
-      localStorage.setItem(
-        "lopaka_layers",
-        JSON.stringify(this.screenElements)
-      );
+      // localStorage.setItem(
+      //   "lopaka_layers",
+      //   JSON.stringify(this.screenElements)
+      // );
     },
     addImageToCanvas(name) {
       this.$refs.fuiCanvas.addImageToCanvas(name);

js/components.js

@@ -151,7 +151,7 @@ const fuiToolsComponent = {
   },
   data() {
     return {
-      toolsList: ["frame", "box", "line", "dot", "circle", "disc"],
+      toolsList: ["pen", "frame", "box", "line", "dot", "circle", "disc"],
     };
   },
 };

js/const.js

@@ -61,6 +61,7 @@ const codeGenerators = {
 
 const codeDeclarators = {
   u8g2: getU8g2Declarations,
+  flipper: getFlipperDeclarations,
 };
 
 const invertedHeaders = {