JSFiddle - React, Tailwind, and code Playground

by ksoncan34

JavaScript

const edits = {
  "freeObject": [
    {
      "order": 0,
      "x": 2030,
      "y": 3020,
      "width": 4060,
      "height": 6040,
      "rotation": 0,
      "alpha": 1,
      "frameWindowX": 0,
      "frameWindowY": 0,
      "frameWindowWidth": 4060,
      "frameWindowHeight": 6040,
      "urlPrefix": null,
      "pathPrefix": null,
      "fullFrameFilename": null,
      "fullFrameWidth": null,
      "fullFrameHeight": null,
      "largeFrameFilename": null,
      "largeFrameWidth": null,
      "largeFrameHeight": null,
      "mediumFrameFilename": null,
      "mediumFrameWidth": null,
      "mediumFrameHeight": null,
      "smallFrameFilename": null,
      "smallFrameWidth": null,
      "smallFrameHeight": null,
      "canEdit": true,
      "locked": true,
      "fixed": true,
      "isLetterBoxed": null,
      "textEdits": null,
      "imageEdits": {
        "urlPrefix": "https://static.storefront.com/fujinano/content/templates/53948df78b793a61/b3009056b4a4acd1/a7680ec525a790de/bf7d132e7c2044a0/",
        "pathPrefix": "//storefront.local/storage/shared_images/fujinano/content/templates/53948df78b793a61/b3009056b4a4acd1/a7680ec525a790de/bf7d132e7c2044a0/",
        "smallImageFilename": "background5adf8d5acbc026.02051227_thumb.png",
        "smallImageWidth": 120,
        "smallImageHeight": 180,
        "mediumImageFilename": "background5adf8d5acbc026.02051227_medium.png",
        "mediumImageWidth": 320,
        "mediumImageHeight": 480,
        "largeImageFilename": "background5adf8d5acbc026.02051227_large.png",
        "largeImageWidth": 666,
        "largeImageHeight": 1000,
        "xlargeImageFilename": null,
        "xlargeImageWidth": null,
        "xlargeImageHeight": null,
        "fullImageFilename": "background5adf8d5acbc026.02051227.png",
        "fullImageWidth": 3000,
        "fullImageHeight": 4500,
        "pictureBackColor": 16777215,
        "red": null,
        "green": null,
        "blue": null,
        "brightness": null,
       ...