Restore editor wrap option

Author: ioedeveloper

libs/remix-ui/editor/src/lib/actions/editor.ts

@@ -1,4 +1,5 @@
 
+import { Registry } from '@remix-project/remix-lib';
 import { monacoTypes } from '@remix-ui/editor';
 import { commitChange } from '@remix-ui/git';
 export interface Action {
@@ -115,6 +116,16 @@ export const reducerActions = (models = initialState, action: Action) => {
 }
 
 export const reducerListener = (plugin, dispatch, monaco, editors: any[], events) => {
+  const config = Registry.getInstance().get('config').api
+  const wordWrap = config.get('settings/text-wrap')
+
+  dispatch({
+    type: 'SET_WORDWRAP',
+    payload: { wrap: wordWrap },
+    monaco,
+    editors
+  })
+
   plugin.on('editor', 'addModel', (value, language, uri, readOnly) => {
     dispatch({
       type: 'ADD_MODEL',
@@ -192,7 +203,7 @@ export const reducerListener = (plugin, dispatch, monaco, editors: any[], events
     })
   })
 
-  plugin.on('editor', 'setWordWrap', (wrap) => {
+  plugin.on('settings', 'textWrapChoiceUpdated', (wrap) => {
     dispatch({
       type: 'SET_WORDWRAP',
       payload: { wrap },

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -54,6 +54,10 @@ const settingsSections: SettingsSection[] = [
           name: 'display-errors',
           label: 'settings.displayErrorsText',
           type: 'toggle'
+        },{
+          name: 'text-wrap',
+          label: 'settings.wordWrapText',
+          type: 'toggle'
         }, {
           name: 'personal-mode',
           label: 'settings.enablePersonalModeText',

libs/remix-ui/settings/src/lib/settings-section.tsx

@@ -50,6 +50,7 @@ export const SettingsSectionUI: React.FC<SettingsSectionUIProps> = ({ plugin, se
         dispatch({ type: 'SET_TOAST_MESSAGE', payload: { value: 'Credentials removed' } })
       }
       if (name === 'copilot/suggest/activate') plugin.emit('copilotChoiceUpdated', newValue)
+      if (name === 'text-wrap') plugin.emit('textWrapChoiceUpdated', newValue)
     } else {
       console.error('Setting does not exist: ', name)
     }