feat: allowing widget and block plugins to resize when they are expandable

[issmail-basel]

Overview

Plugin developers want to be able to stretch 100% vertically or horizontally, and resize in the opposite direction. related issue

What I've done

• Auto resize now differentiate between two modes autoResizeHorizontally and autoResizeVertically.

What I haven't done

How I tested

• Added multiple widgets which supports horizontal and vertical extending.

Screenshot

Before:

After:

[netlify]

✔️ Deploy Preview for reearth-web ready!

🔨 Explore the source changes: 2d17c4f

🔍 Inspect the deploy log: https://app.netlify.com/sites/reearth-web/deploys/6203925bceac5e000841a0e6

😎 Browse the preview: https://deploy-preview-170--reearth-web.netlify.app

[codecov]

Codecov Report

Merging #170 (2d17c4f) into main (4e5b61e) will decrease coverage by 0.17%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##             main     #170      +/-   ##
==========================================
- Coverage   45.39%   45.21%   -0.18%     
==========================================
  Files          60       60              
  Lines        1302     1307       +5     
  Branches      207      212       +5     
==========================================
  Hits          591      591              
- Misses        652      657       +5     
  Partials       59       59              

Impacted Files	Coverage Δ
src/components/atoms/Plugin/IFrame/hooks.ts	49.18% <0.00%> (-1.67%)	⬇️
src/components/atoms/Plugin/IFrame/index.tsx	75.00% <0.00%> (ø)
src/components/atoms/Plugin/index.tsx	25.00% <ø> (ø)
...rc/components/molecules/Visualizer/Plugin/hooks.ts	0.00% <0.00%> (ø)
...c/components/molecules/Visualizer/Plugin/index.tsx	0.00% <0.00%> (ø)

[rot1024]

Add autoResize prop to this also: https://github.com/reearth/reearth-web/blob/main/src/components/molecules/Visualizer/Block/index.tsx#L46

[rot1024]

I think it's good, but I have more in-depth advice.