@elice/material-exercise 1.230111.0-mobexercise.1 → 1.230117.0

package/cjs/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -4,6 +4,7 @@ var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var types = require('@elice/types');
+var utils = require('@elice/utils');
 var recoil = require('recoil');
 var ExerciseFileShimmer = require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
 require('../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js');
@@ -251,7 +252,7 @@ const ExerciseFileEditor = () => {
 
 
   React__default["default"].useEffect(() => {
-    var _a;
+    var _a, _b;
 
     const _editorApis = editorApis.current;
 
@@ -262,10 +263,21 @@ const ExerciseFileEditor = () => {
     _editorApis.setValue(wsUsercode.doc);
 
     pushEditorDocHistories();
-    const subscription = (_a = _editorApis.editor) === null || _a === void 0 ? void 0 : _a.onDidChangeModelContent(e => {
-      pushEditorDocHistories();
-      handleChange(e);
-    });
+    let subscription = undefined;
+
+    if (utils.FlutterApp.checkWebview()) {
+      subscription = (_a = _editorApis.editor) === null || _a === void 0 ? void 0 : _a.onDidChangeModelContent(e => {
+        pushEditorDocHistories();
+        handleChange(e);
+        utils.FlutterApp.onDidChangeContent();
+      });
+    } else {
+      subscription = (_b = _editorApis.editor) === null || _b === void 0 ? void 0 : _b.onDidChangeModelContent(e => {
+        pushEditorDocHistories();
+        handleChange(e);
+      });
+    }
+
     return () => {
       if (subscription) {
         subscription.dispose();

package/cjs/components/shared/monaco-editor/MonacoEditorMobile.js

@@ -2,7 +2,6 @@
 
 var React = require('react');
 var reactUse = require('react-use');
-var utils = require('@elice/utils');
 var monaco = require('monaco-editor/esm/vs/editor/editor.api');
 var MonacoEditor = require('./MonacoEditor.js');
 
@@ -150,9 +149,6 @@ const MonacoEditorMobile = React.forwardRef((props, ref) => {
 
     addKeyboardButtonOverlayWidget(editor);
     exposeWindowGlobalEvents(editor);
-    editor.onDidChangeModelContent(() => {
-      utils.FlutterApp.onDidChangeContent();
-    });
   }; //
   //
   //

package/es/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { getOrgMaterialExerciseExerciseImageExerciseFileGet } from '@elice/api-client';
 import { Flex } from '@elice/blocks';
 import { enums } from '@elice/types';
+import { FlutterApp } from '@elice/utils';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
 import ExerciseFileShimmer from '../../shared/exercise-shimmer/ExerciseFileShimmer.js';
 import '../../shared/exercise-shimmer/ExerciseFileTabsShimmer.js';
@@ -245,7 +246,7 @@ const ExerciseFileEditor = () => {
 
 
   React.useEffect(() => {
-    var _a;
+    var _a, _b;
 
     const _editorApis = editorApis.current;
 
@@ -256,10 +257,21 @@ const ExerciseFileEditor = () => {
     _editorApis.setValue(wsUsercode.doc);
 
     pushEditorDocHistories();
-    const subscription = (_a = _editorApis.editor) === null || _a === void 0 ? void 0 : _a.onDidChangeModelContent(e => {
-      pushEditorDocHistories();
-      handleChange(e);
-    });
+    let subscription = undefined;
+
+    if (FlutterApp.checkWebview()) {
+      subscription = (_a = _editorApis.editor) === null || _a === void 0 ? void 0 : _a.onDidChangeModelContent(e => {
+        pushEditorDocHistories();
+        handleChange(e);
+        FlutterApp.onDidChangeContent();
+      });
+    } else {
+      subscription = (_b = _editorApis.editor) === null || _b === void 0 ? void 0 : _b.onDidChangeModelContent(e => {
+        pushEditorDocHistories();
+        handleChange(e);
+      });
+    }
+
     return () => {
       if (subscription) {
         subscription.dispose();

package/es/components/shared/monaco-editor/MonacoEditorMobile.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { useEnsuredForwardedRef } from 'react-use';
-import { FlutterApp } from '@elice/utils';
 import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
 import MonacoEditor from './MonacoEditor.js';
 
@@ -125,9 +124,6 @@ const MonacoEditorMobile = forwardRef((props, ref) => {
 
     addKeyboardButtonOverlayWidget(editor);
     exposeWindowGlobalEvents(editor);
-    editor.onDidChangeModelContent(() => {
-      FlutterApp.onDidChangeContent();
-    });
   }; //
   //
   //

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.230111.0-mobexercise.1",
+  "version": "1.230117.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -79,8 +79,8 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.230111.0-mobexercise.1",
-    "@elice/material-shared-utils": "1.230111.0-mobexercise.1",
+    "@elice/material-shared-types": "1.230117.0",
+    "@elice/material-shared-utils": "1.230117.0",
     "@elice/types": "1.221217.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
@@ -102,5 +102,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "8d7bcbe80aecd631228336b1ab73bfc4d2c751cb"
+  "gitHead": "6cde68fb6f8e5860924c43a0e3d0c80e4a589326"
 }