screenshot re-design.

[Isaak-Malers]

I want to re-work how screenshots are stored:

I want to store them in a base64 encoded strings, in a JSON. Originally I wanted them as PNG's so that they were easy to view, but viewing 10000 screenshots in a directory crashes my file explorer and isn't helpful. Additionally it is more difficult for the code to auto-organize.

I think that the best way to do this is to have a JSON for every unique item in the tree. This JSON will look like:

{
  "path" : "login.username",
  "referance-into": {
      "image": "BASE64",
      "time": "timestamp",
      "left": "left margin",
      "right": "right margin",
      "top": "top margin",
      "bottom": "bottom margin"
    },
  "referance-outof": {},
  "recent": []
}

• path is the path
• reference-into is a reference image of the element on the page.
• reference-outof is a referance image of the browser state AFTER the element is clicked/typed/whatever. this will match referance-into in structure.
• recent will be an array of the same structure as referance-into of the last 10 images recorded.