react-native-ui-lib icon indicating copy to clipboard operation
react-native-ui-lib copied to clipboard

Infra/live code playground device wrapper

Open adids1221 opened this issue 1 year ago • 4 comments

Description

Docs playground (live-code) device wrapper to simulate Mobile or Tablet device. In the buildDocs script wrapping the component snippet with the MobileDeviceWrapper that changes the size of the View container according to the selected mode.

Note: in buildDocs script there is a new function processSnippet that process the component snippet, since now we have cases that the live-code playground render a function or plain JSX that should be wrapped with the MobileDeviceWrapper.

Based on #3272

Changelog

Docs playground (live-code) device wrapper to simulate Mobile or Tablet device.

Additional info

MADS-4507

adids1221 avatar Oct 07 '24 16:10 adids1221

@M-i-k-e-l I mentioned in the description that Assets and Incubator export throw an error in this branch. If it's working on your PR I should fix that here.

adids1221 avatar Oct 08 '24 07:10 adids1221

@adids1221 please merge the conflicts

M-i-k-e-l avatar Oct 08 '24 08:10 M-i-k-e-l

@adids1221 please merge the conflicts

Iv'e merged the conflicts, Assets and Incubator throw an error.

Module not found: Error: Can't resolve 'react-native-ui-lib/assets' in '/Users/danielsar/Documents/workspace/react-native-ui-lib/docuilib/src/theme/ReactLiveScope'

--------------------------

Module not found: Error: Can't resolve 'react-native-ui-lib/incubator' in '/Users/danielsar/Documents/workspace/react-native-ui-lib/docuilib/src/theme/ReactLiveScope'

adids1221 avatar Oct 08 '24 11:10 adids1221

@M-i-k-e-l Alexey made some changes in the Design. Also I want to check the option of rendering an Iframe so we can use Picker and other components that extends Modal as in the mobile.

adids1221 avatar Oct 20 '24 13:10 adids1221

Closing this PR, #3351 has new approach with iframe.

adids1221 avatar Nov 03 '24 10:11 adids1221