fix: remove condition form iframe window

gulpfile.js

@@ -78,7 +78,7 @@ task('styles-global', () => {
 });
 
 task('styles-components', () => {
-    return src([`src/**/*.scss`, `!src/**/__stories__/**/*.scss`])
+    return src([`src/**/*.scss`, `!src/**/__stories__/**/*.scss`, '!src/widget/**/*.scss'])
         .pipe(sass().on('error', sass.logError))
         .pipe(dest(path.resolve(BUILD_CLIENT_DIR, ESM_DIR)))
         .pipe(dest(path.resolve(BUILD_CLIENT_DIR, CJS_DIR)));

src/editor/widget/index.ts

@@ -23,11 +23,9 @@ export class DeviceIframe {
         parentElement.appendChild(iframe);
 
         if (iframe.contentWindow) {
-            iframe.className = className;
-            iframe.contentWindow.__isEditorDeviceFrame = true;
-
             const frameDoc = iframe.contentWindow.document;
 
+            iframe.className = className;
             frameDoc.body.classList.add(...document.body.classList, ...className.split(' '));
             iframe.style.visibility = 'hidden';
 

src/internal-typings/global.d.ts

@@ -65,6 +65,4 @@ interface Window {
         };
     };
     ymaps: Ymaps;
-
-    __isEditorDeviceFrame?: boolean;
 }

src/widget/index.tsx

@@ -7,26 +7,24 @@ import {DeviceFrameMessageType} from '../editor/widget/constants';
 
 import './styles.scss';
 
-if (window.self !== window.top && window.__isEditorDeviceFrame) {
-    const root = document.createElement('div');
-    document.body.appendChild(root);
-
-    window.addEventListener('message', function (event) {
-        if (event.data?.type === DeviceFrameMessageType.Update) {
-            const {
-                data: {constructorProps, providerProps},
-            } = event.data;
-
-            ReactDOM.render(
-                <PageConstructorProvider {...providerProps}>
-                    <PageConstructor {...constructorProps} />
-                </PageConstructorProvider>,
-                root,
-            );
-        }
-    });
-
-    window.parent?.postMessage({type: DeviceFrameMessageType.Ready}, window.parent.origin);
-}
+const root = document.createElement('div');
+document.body.appendChild(root);
+
+window.addEventListener('message', function (event) {
+    if (event.data?.type === DeviceFrameMessageType.Update) {
+        const {
+            data: {constructorProps, providerProps},
+        } = event.data;
+
+        ReactDOM.render(
+            <PageConstructorProvider {...providerProps}>
+                <PageConstructor {...constructorProps} />
+            </PageConstructorProvider>,
+            root,
+        );
+    }
+});
+
+window.parent?.postMessage({type: DeviceFrameMessageType.Ready}, window.parent.origin);
 
 export default {};