From 9a42f22acff5c0ccf6293307b636d3a06edc623b Mon Sep 17 00:00:00 2001 From: Bozhidar Slaveykov Date: Tue, 21 Mar 2023 16:52:21 +0200 Subject: [PATCH] update --- .../modules/microweber/api/live-edit-app/app.tsx | 15 ++++----------- .../live-edit-app/components/LiveEditorFrame.tsx | 13 +++---------- .../api/live-edit-app/components/Test.tsx | 10 ++++++---- .../components/contexts/live-edit-context.tsx | 5 +++++ 4 files changed, 18 insertions(+), 25 deletions(-) create mode 100644 userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx diff --git a/userfiles/modules/microweber/api/live-edit-app/app.tsx b/userfiles/modules/microweber/api/live-edit-app/app.tsx index c9a29d50773..02719d93ef8 100644 --- a/userfiles/modules/microweber/api/live-edit-app/app.tsx +++ b/userfiles/modules/microweber/api/live-edit-app/app.tsx @@ -1,22 +1,15 @@ - -import React, { useEffect, useRef , useContext} from 'react'; +import React, { useEffect, useRef , useContext, createContext} from 'react'; import { createRoot } from 'react-dom/client' -import Game from './test' -import ServiceContainer from './components/ServiceContainer' -import LiveEditorFrame from './components/LiveEditorFrame' import Test from './components/Test' - -import './style.css' -import LiveEditor from "./components/LiveEditorFrame"; +import './style.css' export default function LiveEditApp(){ return( <> - - - + + ); } diff --git a/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx b/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx index 4be1c4adc81..026692c74c6 100644 --- a/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx +++ b/userfiles/modules/microweber/api/live-edit-app/components/LiveEditorFrame.tsx @@ -1,9 +1,8 @@ import React, { useEffect, useRef,useState,createContext,useContext} from 'react'; -import LiveEdit from '../../liveedit2/@live.js' +import LiveEdit from '../../liveedit2/@live.js' - -function LiveEditor() { +function LiveEditorFrame() { const frameRef = useRef(null); const frameUrl = useRef(null); const frameHolderRef = useRef(null); @@ -37,17 +36,11 @@ function LiveEditor() { liveEdit.moduleHandle.on('targetChange', function (target) { }); - const LiveEditContext = createContext(liveEdit); - - - // const theme = useContext(LiveEditContext); - liveEdit.name = 'liveEdit'; mw.spinner({ element: frameHolder }).remove(); - //window.liveEditApp.register(liveEdit); mw.trigger('LiveEdit::ready', liveEdit); }); @@ -66,4 +59,4 @@ function LiveEditor() { ); } -export default LiveEditor; +export default LiveEditorFrame; diff --git a/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx b/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx index 685267ef878..55312fbf9de 100644 --- a/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx +++ b/userfiles/modules/microweber/api/live-edit-app/components/Test.tsx @@ -1,20 +1,22 @@ import React, { useEffect, useRef,useState,createContext,useContext} from 'react'; - -const LiveEditContext = createContext(); +import {LiveEditContext} from "./contexts/live-edit-context"; function Test() { const frameRef = useRef(null); const frameUrl = useRef(null); const frameHolderRef = useRef(null); const [frameSrc, setFrameSrc] = useState(null); - const theme = useContext(LiveEditContext); + const ebasi = LiveEditContext; + useEffect(() => { + mw.log(ebasi); + },[]); return (
- aaaa + wow!
); } diff --git a/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx b/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx new file mode 100644 index 00000000000..72c762673a0 --- /dev/null +++ b/userfiles/modules/microweber/api/live-edit-app/components/contexts/live-edit-context.tsx @@ -0,0 +1,5 @@ +import React, { createContext} from 'react'; + +export const LiveEditContext = { + bojkata:123, +};