gradio/js/imageeditor/CHANGELOG.md

@gradio/imageeditor

0.5.0

Features

• #8042 92139f3 - refresh the ImageEditor UI. Thanks @pngwn!
• #8059 074ce38 - ensure the ImageEditor works correctly with layers and change events. Thanks @pngwn!
• #7845 dbb7373 - ensure ImageEditor events work as expected. Thanks @pngwn!

Fixes

• #8046 d6c289b - round [x, y, w, h] before cropping to avoid unexpected interpolation on pixel values. Thanks @ernestchu!
• #7959 2a5cb97 - ensure ImageEditor always draws at the correct position. Thanks @hrrbay!

Dependency updates

• @gradio/utils@0.3.2
• @gradio/statustracker@0.4.12
• @gradio/client@0.16.0
• @gradio/upload@0.8.5
• @gradio/atoms@0.7.0
• @gradio/icons@0.4.0
• @gradio/image@0.9.12

0.4.11

Fixes

• #7817 867ff16 - Trigger the "clear" event of Image Editor. Thanks @uebian!

Dependency updates

• @gradio/utils@0.3.1
• @gradio/atoms@0.6.2
• @gradio/statustracker@0.4.11
• @gradio/upload@0.8.4
• @gradio/image@0.9.11
• @gradio/client@0.15.1

0.4.10

Dependency updates

• @gradio/upload@0.8.3
• @gradio/client@0.15.0
• @gradio/image@0.9.10

0.4.9

Dependency updates

• @gradio/atoms@0.6.1
• @gradio/statustracker@0.4.10
• @gradio/icons@0.3.4
• @gradio/upload@0.8.2
• @gradio/image@0.9.9

0.4.8

Dependency updates

• @gradio/upload@0.8.1
• @gradio/statustracker@0.4.9
• @gradio/wasm@0.10.0
• @gradio/atoms@0.6.0
• @gradio/image@0.9.8

0.4.7

Dependency updates

• @gradio/client@0.14.0
• @gradio/upload@0.8.0
• @gradio/wasm@0.9.0
• @gradio/image@0.9.7

0.4.6

Dependency updates

• @gradio/upload@0.7.7
• @gradio/client@0.13.0
• @gradio/wasm@0.8.0
• @gradio/image@0.9.6

0.4.5

Patch Changes

• Updated dependencies [8181695]:
  • @gradio/upload@0.7.6
  • @gradio/image@0.9.5

0.4.4

Features

• #7528 eda33b3 - Refactors get_fetchable_url_or_file() to remove it from the frontend. Thanks @abidlabs!

0.4.3

Patch Changes

• Updated dependencies [98a2719]:
  • @gradio/statustracker@0.4.8
  • @gradio/image@0.9.3

0.4.2

Patch Changes

• Updated dependencies [f191786]:
  • @gradio/icons@0.3.3
  • @gradio/atoms@0.5.3
  • @gradio/image@0.9.2
  • @gradio/statustracker@0.4.7
  • @gradio/upload@0.7.4

0.4.1

Patch Changes

• Updated dependencies [065c5b1, 32b317f]:
  • @gradio/utils@0.3.0
  • @gradio/client@0.12.1
  • @gradio/atoms@0.5.2
  • @gradio/image@0.9.1
  • @gradio/statustracker@0.4.6
  • @gradio/upload@0.7.3

0.4.0

Features

• #7183 49d9c48 - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks @abidlabs!

0.3.2

Fixes

• #7219 faead14 - Show label in interactive image editor. Thanks @hannahblair!

0.3.1

Patch Changes

• Updated dependencies [5727b92, bc2cdc1, c60ad4d, be56c76, 8c355a4]:
  • @gradio/utils@0.2.1
  • @gradio/upload@0.7.0
  • @gradio/atoms@0.5.0
  • @gradio/wasm@0.5.1
  • @gradio/image@0.7.1
  • @gradio/statustracker@0.4.4

0.3.0

Fixes

• #6933 9cefd2e - Refactor examples so they accept data in the same format as is returned by function, rename .as_example() to .process_example(). Thanks @abidlabs!

0.2.3

Fixes

• #6885 640b7fe - Fix issue with Webcam Recording. Thanks @dawoodkhan82!

0.2.2

Patch Changes

• Updated dependencies [b1b78c2, f742d0e, 6c863af, fb9c6ca, 459c5dc, 649cd4d, 8333db8]:
  • @gradio/image@0.6.0
  • @gradio/client@0.10.0
  • @gradio/upload@0.5.8
  • @gradio/wasm@0.4.1

0.2.1

Patch Changes

• Updated dependencies [d406855, 15c97c6]:
  • @gradio/client@0.9.4
  • @gradio/image@0.5.4
  • @gradio/upload@0.5.7

0.2.0

Features

• #6809 1401d99 - Fix ImageEditor interaction story. Thanks @hannahblair!

0.1.5

Fixes

• #6799 c352811 - Adds docstrings for gr.WaveformOptions, gr.Brush, and gr.Eraser, fixes examples for ImageEditor, and allows individual images to be used as the initial value for ImageEditor. Thanks @abidlabs!

0.1.4

Patch Changes

• Updated dependencies [5d51fbc, 34f9431]:
  • @gradio/upload@0.5.4
  • @gradio/client@0.9.1
  • @gradio/image@0.5.1

0.1.3

Patch Changes

• Updated dependencies [6a9151d, 21cfb0a, d76bcaa, 67ddd40, 053bec9, bdf81fe, 4d1cbbc, 5177132]:
  • @gradio/image@0.5.0
  • @gradio/upload@0.5.3
  • @gradio/client@0.9.0
  • @gradio/wasm@0.4.0
  • @gradio/icons@0.3.2
  • @gradio/atoms@0.4.0
  • @gradio/statustracker@0.4.2

0.1.2

Patch Changes

• Updated dependencies [b639e04, 206af31]:
  • @gradio/image@0.4.2
  • @gradio/icons@0.3.1
  • @gradio/atoms@0.3.1
  • @gradio/statustracker@0.4.1
  • @gradio/upload@0.5.2

0.1.1

Patch Changes

• Updated dependencies [71f1a1f99]:
  • @gradio/client@0.8.2
  • @gradio/image@0.4.1
  • @gradio/upload@0.5.1

0.1.0

Highlights

New ImageEditor component (#6169 9caddc17b)

A brand new component, completely separate from Image that provides simple editing capabilities.

• Set background images from file uploads, webcam, or just paste!
• Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (1:1, etc)
• Paint on top of any image (or no image) and erase any mistakes!
• The ImageEditor supports layers, confining draw and erase actions to that layer.
• More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
• Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.

def fn(im):
    im["composite"] # the full canvas
    im["background"] # the background image
    im["layers"] # a list of individual layers


im = gr.ImageEditor(
    # decide which sources you'd like to accept
    sources=["upload", "webcam", "clipboard"],
    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
    crop_size="1:1",
    # enable crop (or disable it)
    transforms=["crop"],
    # customise the brush
    brush=Brush(
      default_size="25", # or leave it as 'auto'
      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
      default_color="hotpink", # html names are supported
      colors=[
        "rgba(0, 150, 150, 1)", # rgb(a)
        "#fff", # hex rgb
        "hsl(360, 120, 120)" # in fact any valid colorstring
      ]
    ),
    brush=Eraser(default_size="25")
)

Thanks @pngwn!

Fixes

• #6502 070f71c93 - Ensure image editor crop and draw cursor works as expected when the scroll position changes. Thanks @pngwn!

@gradio/image