evmux-app-framework 0.0.96 → 0.0.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.test_holder_root[data-v-
|
|
1
|
+
:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.test_holder_root[data-v-f0a7a08c]{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.test_holder_main[data-v-f0a7a08c]{display:flex;gap:0;align-items:stretch}.video_editor_wr[data-v-f0a7a08c]{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#dcdce5;border-radius:15px;padding:40px 30px;position:relative;overflow:hidden;min-height:500px}.scene_canvas[data-v-f0a7a08c]{width:100%;max-width:720px;aspect-ratio:16 / 9;background-color:#1e222b;border-radius:4px;overflow:hidden;position:relative;box-shadow:0 4px 24px #00000026}.scene_iframe[data-v-f0a7a08c]{width:100%;height:100%;border:none;display:block}.settings_sidebar[data-v-f0a7a08c]{flex:0 0 330px;width:330px;background-color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:0 15px 15px 0;border-left:1px solid #e6e6ef}.settings_iframe[data-v-f0a7a08c]{width:100%;height:100%;border:none;flex:1}.apps_fast_access_wr{display:flex;padding:6px 0}.apps_fast_access_btn{flex:0 0 30px;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;position:relative;cursor:pointer;padding-bottom:1px;background-color:#fff;color:#676777;border:1px solid #e6e6ef}.apps_fast_access_btn svg{width:22px;height:22px}.apps_fast_access_btn svg polygon,.apps_fast_access_btn svg path,.apps_fast_access_btn svg circle{fill:#676777}.apps_fast_access_btn.uiColor{color:#fff!important;border-color:transparent}.apps_fast_access_btn.uiColor svg polygon,.apps_fast_access_btn.uiColor svg path,.apps_fast_access_btn.uiColor svg circle{fill:#fff!important}.apps_fast_access_btn+.apps_fast_access_btn{margin-left:10px}.apps_fast_access_btn:hover{background-color:#f0f0f7;color:#676777}.apps_fast_access_btn.uiColor:hover{filter:brightness(.9)}.apps_fast_access_btn:hover .apps_fast_access_btn_drop{display:block}.apps_fast_access_btn_drop{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);display:none;z-index:50;border-radius:12px;padding:6px;border:1px solid #e6e6ef;background-color:#fff;box-shadow:0 20px 18px #00000012}.apps_fast_access_btn_drop:before{content:"";display:block;position:absolute;top:-11px;left:0;height:12px;width:100%}.apps_fast_access_btn_drop_btn{min-width:120px;display:flex;align-items:center;height:32px;font-weight:400;font-size:13px;line-height:18px;padding:0 10px;white-space:nowrap;cursor:pointer;border-radius:8px;color:#676778;margin-bottom:2px}.apps_fast_access_btn_drop_btn:last-child{margin-bottom:0}.apps_fast_access_btn_drop_btn:hover{background-color:#f5f5fa}.apps_fast_access_btn_drop_btn.uiColor{color:#fff}.apps_fast_access_btn_drop_btn.uiColor:hover{filter:brightness(.9)}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* pinia v2.1.6
|
|
3
3
|
* (c) 2023 Eduardo San Martin Morote
|
|
4
4
|
* @license MIT
|
|
5
|
-
*/const nc=Symbol();var rr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(rr||(rr={}));function sc(){const e=zi(!0),t=e.run(()=>Nt({}));let n=[],s=[];const r=hs({install(i){r._a=i,i.provide(nc,r),i.config.globalProperties.$pinia=r,s.forEach(o=>n.push(o)),s=[]},use(i){return!this._a&&!tc?s.push(i):n.push(i),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}function rc(){let e=null,t=null;return[new Promise((s,r)=>{e=s,t=r}),e,t]}function ir(){var e,t,n;for(e="",n=0;n<32;n++)(n==8||n==12||n==16||n==20)&&(e=e+"-"),t=Math.floor(Math.random()*16).toString(16).toUpperCase(),e=e+t;return e.toLowerCase()}class Zn{constructor(){this.subscribers={}}init(){}publish(t,n){Array.isArray(this.subscribers[t])&&this.subscribers[t].forEach(s=>{try{s(t,n)}catch(r){console.error(r)}})}subscribe(t,n){return Array.isArray(this.subscribers[t])||(this.subscribers[t]=[]),this.subscribers[t].indexOf(n)>=0?()=>this.unsubscribe(t,n):(this.subscribers[t].push(n),()=>this.unsubscribe(t,n))}unsubscribe(t,n){if(!Array.isArray(this.subscribers[t])||this.subscribers[t].indexOf(n)<0)return!1;this.subscribers[t]=this.subscribers[t].filter(s=>s!==n)}}class ic{constructor(){this._requests={},this._messagesEventHandlers=new Zn,window.onmessage=this.onPostMessage.bind(this)}static respondForPromiseBasedRequest(t,n,s="*",r){if(s=="null"&&(s="*"),t.promisedBased){let i={requestGuid:t.requestGuid,response:r};n.postMessage(JSON.stringify(i),"*")}}async sendRequestAsync(t,n=null){let s=ir(),[r,i,o]=rc();return this._requests[s]={prom:r,resolve:i,reject:o},t.requestGuid=s,t.promisedBased=!0,n=n||window.parent,n.postMessage(JSON.stringify(t),"*"),r}sendRequest(t,n=null){let s=ir();t.requestGuid=s,n=n||window.parent,n.postMessage(JSON.stringify(t),"*")}onPostMessage(t){try{let n=t&&JSON.parse(t.data);if(n.requestName=="EvEvent")this._messagesEventHandlers.publish(n.eventName,n.data);else if(n.requestGuid&&this._requests[n.requestGuid]){let s=this._requests[n.requestGuid];return delete this._requests[n.requestGuid],s.resolve(n)}}catch{}}unregisterFromEvents(){}}class oc{constructor(){this._userApps={},this._userAppInstances={}}updateUserAppData(t,n,s=!1){!s||!this._userApps[t]?this._userApps[t]=n:this._userApps[t]={...this._userApps[t],...n}}updateUserAppInstance(t,n,s=!1){!s||!this._userAppInstances[t]?this._userAppInstances[t]=n:this._userAppInstances[t]={...this._userAppInstances[t],...n}}updateUserAppInstanceSettings(t,n){this._userAppInstances[t]||(this._userAppInstances[t]={},console.warn("app not exist when update")),this._userAppInstances[t].settings=n}getUserAppDataByAppId(t){return this._userApps[t]}getUserAppInstanceById(t,n=!1){let s=this._userAppInstances[t];return s&&n&&(s.appData=this.getUserAppDataByAppId(s.userAppId)),s}}let dn=new oc;class $e{constructor(){}canHandleRequest(t){return!1}async handleRequest(t){return this[t.request](t)}}class lc extends $e{constructor(){super()}canHandleRequest(t){return["getComments"].includes(t.request)}async handleRequest(t){return window.mockComments||[{id:"1fsdf",title:"Sample comment",text:"Comments will appear here once the broadcast starts.",pic:"https://evmuxstatic.s3-eu-west-1.amazonaws.com/AVATAR_EXAMPLE_FREE.jpg",style:"comment",enabled:!0,created_time:new Date(Date.now()-1e3*60),sn:"fb",flags:{sample:!0,star:!1,shown:!1}}]}}class cc extends $e{constructor(){super()}canHandleRequest(t){return[U.createNewLayer,U.removeSizeCatcher,U.listScenes,U.switchScene,U.updateLayer,U.getLayerDisplayableName].includes(t.request)}async createNewLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async removeSizeCatcher(t){return!0}async updateLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async getLayerDisplayableName(t){return window.mockLayerName||"A Mock Layer Name"}async listScenes(t){return window.mockScenes||[{id:497,idx:497,order:0,name:"New Scene",stingerData:{idx:null,time:null,muted:!1,speed:1,volume:100,transitionName:null,transitionDuration:0},backgroundColor:null,overWriteBackgroundColor:!1,layers:[{idx:"e9fe6623-4332-447c-bb1a-ccfe9f794bb3",type:"userapp",name:"TESTAPP",opacity:100,bounds:{x:1280,y:720},pos:{rot:0,top:8.397612310554674,left:13.50375337545383,right:19.829579957879496,bottom:24.93572102277865},crop:{top:0,left:0,right:0,bottom:0},data:{adaptive:!1,aspect:!0,borderRadius:0,userAppInstanceId:"4d532c22-363e-4028-824d-7b029f100916",userAppId:"ce5d32b3-7d6c-4e43-be02-4903d6b49acd",fixedSize:!0,fixedSizeWidth:1280,fixedSizeHeight:720,verticalStreaming:{pos:{rot:0,top:35.052083333333336,left:2.7777777777777777,right:2.7777777777777857,bottom:35.05208333333333},crop:{top:0,left:0,right:0,bottom:0},borderRadius:0,aspect:!0,bounds:{x:1020,y:574},customBounds:{x:1020,y:574},locked:!1,hidden:!1,fixedSizeWidth:1020,fixedSizeHeight:574}},order:0}],thumbnail:{landscape:"https://files.evmux.com/6/scenes/sc_tmb_4971715842178.jpg?Expires=1715885379&Signature=ORHKomQH7iaugP~fHJFYBgZfwoG2lyQOMORSbRld378vCvudJ5gFapWdQNfE~j97UOKuon0uwZ1F741k2YU3qWIFNklDdqU6zuJgxaDTHPM~~TvG9p-Nl0g4BBzGvlyR-JZbUCbpWtg9DczFnQbeFbWynHFdIOGwwh2OQYXuAHlW0v1UDuOnjGRU87XvZ~ReSCW844TuhaPCBPXoMiSt0MHDC-zk~ggmpb7~eQMPjTF5znOdcDB0DdRJ8j~7EYNCFGYGesErpPqH5kOMRLCwmjmvQ4gFJMkNEfPBGdQclanYiSw5iL7KsOErCUtS447euT7wDnRT1N1wgL0LYgJDdQ__&Key-Pair-Id=APKAJQZJ2AA6OYF4WJHA",portrait:null}}]}async switchScene(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}}const Ne={settingsUpdated:"settingsUpdated",viewerCountChanged:"viewerCountChanged",keystroke:"keystroke",comments:"comments",appMessaging:"appMessaging",externalAppMessaging:"externalAppMessaging",fastActionButton:"fastActionButton",doubleClickOnWidget:"doubleClickOnWidget",widgetOnFocus:"widgetGotFocus",widgetOnBlur:"widgetOnBlur",studioParamsUpdated:"studioParamsUpdated",signalingEvent:"signalingEvent"};class uc extends $e{constructor(){super()}canHandleRequest(t){return[U.raiseExternalAppMessagingEvent,U.setFastActionButtons,U.openSideBarSettings,U.isSudioMode].includes(t.request)}async raiseExternalAppMessagingEvent(t){return _t._raiseEventForSpecificUserAppInstance(t.data.targetUserAppInstanceId,Ne.externalAppMessaging,t.data.data),null}async setFastActionButtons(t){return _t._eventHandler.publish("fastActionButtonsUpdated",t),!0}async openSideBarSettings(){return!0}async isSudioMode(){return!0}async handleRequest(t){return this[t.request](t)}}function ge(e=0,t=100){return e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e}class ac extends $e{constructor(){super()}canHandleRequest(t){return["getStatistics"].includes(t.request)}async getStatistics(t){return window.mockStatistics||[{viewers:null,type:"linkedinProfile"},{viewers:ge(),type:"twitterProfile",statistics:null,last_subscribers:null},{viewers:ge(),type:"twitchProfile",statistics:{channel:{subscribers:ge()}},last_subscribers:null},{viewers:ge(),type:"evmuxPlayer",statistics:null,last_subscribers:null},{viewers:ge(),type:"youtubeChannel",statistics:{viewCount:ge(),likeCount:ge(),dislikeCount:ge(),favoriteCount:ge(),commentCount:ge()},lastSubscribers:[{name:"Eran Eluz",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s800-c-k-c0x00ffffff-no-rj"}}},{name:"Roman Arinenko",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s800-c-k-c0x00ffffff-no-rj"}}}]},{viewers:ge(),type:"facebookProfile",statistics:{total_reactions:ge()}}]}}class fc extends $e{constructor(){super()}canHandleRequest(t){return[U.displayDateTimePicker,U.displayScenePicker,U.displayRichTextEditor,U.displayToast,U.displayLayerSelector,U.displayGalleryPicker,U.displayInputs].includes(t.request)}async displayDateTimePicker(t){return{value:window.mockDateTime||new Date().getTime(),dateTimeKey:"result"}}async displayLayerSelector(t){return window.mockLayer}async displayGalleryPicker(t){return window.mockGalleryResult}async displayInputs(t){return window.mockInputs||{type:"string",min:0,max:256,value:"Input Text Here",myId:"example"}}async displayScenePicker(t){return{value:window.mockScene||"simple"}}async displayRichTextEditor(t){return{value:window.mockRichText||"<b>This is a test</b> "+new Date().getTime()}}async displayToast(t){return{value:window.mockToast||{text:"This is a toast",type:"info",uniqCode:"123"}}}}class dc extends $e{constructor(){super()}canHandleRequest(t){return[U.getStudioParams,U.getSoundRtc,U.signal].includes(t.request)}async getStudioParams(t){return window.mockStudioParams||{antiScaleValue:1,antiScaleValue2:1}}async signal(t){return null}async getSoundRtc(t){return"webrtc-mock-channel"}}class pc extends $e{constructor(){super()}canHandleRequest(t){return[U.logError,U.logInfo,U.logWarning].includes(t.request)}async handleRequest(t){return this[t.request.toLowerCase().replace("log","")](t)}async error(t){return console.error(t.data),!0}async info(t){return console.info(t.data),!0}async warning(t){return console.warn(t.data),!0}}class hc extends $e{constructor(){super()}canHandleRequest(t){return[U.listAssets].includes(t.request)}async listAssets(t){return{value:window.mockAssets||[]}}}class gc extends $e{constructor(){super()}canHandleRequest(t){return[U.createStream,U.accountPlanCapabilities,U.upgradePopup].includes(t.request)}async createStream(t){return{value:window.mockStream||{}}}async accountPlanCapabilities(t){return{value:window.mockAccountPlanCapabilities||{}}}async upgradePopup(t){return{value:null}}}const U={updateSettings:"updateSettings",getSettings:"getSettings",startLoad:"startLoad",loaded:"loaded",registerEvent:"registerEvent",unregisterEvent:"unregisterEvent",EvEvent:"EvEvent",raiseAppMessagingEvent:"raiseAppMessagingEvent",raiseExternalAppMessagingEvent:"raiseExternalAppMessagingEvent",raiseFastAccessButtonEvent:"raiseFastAccessButtonEvent",setFastActionButtons:"setFastActionButtons",createNewLayer:"createNewLayer",listScenes:"listScenes",updateLayer:"updateLayer",switchScene:"switchScene",removeSizeCatcher:"removeSizeCatcher",openSideBarSettings:"openSideBarSettings",displayDateTimePicker:"displayDateTimePicker",displayScenePicker:"displayScenePicker",displayRichTextEditor:"displayRichTextEditor",displayToast:"displayToast",displayLayerSelector:"displayLayerSelector",displayGalleryPicker:"displayGalleryPicker",isSudioMode:"isSudioMode",getStudioParams:"getStudioParams",getSoundRtc:"getSoundRtc",signal:"signal",logError:"logError",logWarning:"logWarning",logInfo:"logInfo",getLayerDisplayableName:"getLayerDisplayableName",listAssets:"listAssets",createStream:"createStream",displayInputs:"displayInputs",accountPlanCapabilities:"accountPlanCapabilities",upgradePopup:"upgradePopup"};let kt=(e,t,n)=>({requestName:e,eventName:t,data:n});class mc{constructor(){this._userAppInstances={},this._messagesEventHandlers=new Zn,this._eventHandler=new Zn,this._requestHandlers=[]}init(t){window.onmessage=this.onPostMessage.bind(this),this.initRequestHandlerProjectSpecific(t)}initRequestHandlerProjectSpecific(t){this._requestHandlers.push(new lc(t)),this._requestHandlers.push(new cc(t)),this._requestHandlers.push(new uc(t)),this._requestHandlers.push(new ac(t)),this._requestHandlers.push(new fc(t)),this._requestHandlers.push(new dc(t)),this._requestHandlers.push(new pc(t)),this._requestHandlers.push(new hc(t)),this._requestHandlers.push(new gc(t))}_sendPostMessageToUsrAppInstancesComponents(t,n,s=null){let r=JSON.stringify(n);for(const[i,o]of Object.entries(this._userAppInstances[t].instances))s!=i&&o.window.postMessage(r,"*")}_raiseEventForSpecificUserAppInstance(t,n,s,r=null){let i=this._userAppInstances[t];if(i&&i.events&&i.events[n]){let o=kt("EvEvent",n,s);this._sendPostMessageToUsrAppInstancesComponents(t,o,r)}}raiseEvent(t,n){for(const[s,r]of Object.entries(this._userAppInstances))this._raiseEventForSpecificUserAppInstance(s,t,n)}getAppSettingsForAppInstanceId(t){return dn.getUserAppInstanceById(t)}_makeSureAppInstanceExist(t){this._userAppInstances[t]=this._userAppInstances[t]||{},this._userAppInstances[t].instances=this._userAppInstances[t].instances||{},this._userAppInstances[t].events=this._userAppInstances[t].events||{}}updateAndNotifyAppInstancesOnSettingsUpdate(t,n,s){if(dn.updateUserAppInstanceSettings(t,n),this._userAppInstances[t]&&this._userAppInstances[t].events[Ne.settingsUpdated]){let r=kt("EvEvent",Ne.settingsUpdated,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,s)}}updateAppsAboutStudioParams(t){let n=kt("EvEvent",Ne.studioParamsUpdated,t);Object.keys(this._userAppInstances).forEach(s=>{this._userAppInstances[s].events[Ne.studioParamsUpdated]&&this._sendPostMessageToUsrAppInstancesComponents(s,n,null)})}signalApp(t,n){let s=this._userAppInstances[t];if(s&&s.events[Ne.signalingEvent]){let r=kt("EvEvent",Ne.signalingEvent,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,null)}}async onPostMessage(t){let n={};try{typeof t.data=="string"||t.data instanceof String?n=JSON.parse(t.data):n=t.data}catch{}let s=null;if(n.request==U.updateSettings)this._userAppInstances[n.userAppInstanceId]&&this.updateSettingsAndPublish(n);else if(n.request==U.raiseAppMessagingEvent)this._userAppInstances[n.userAppInstanceId]&&(this._raiseEventForSpecificUserAppInstance(n.userAppInstanceId,Ne.appMessaging,n.data,n.componentId),this._eventHandler.publish("updateEverywhere",n));else if(n.request==U.getSettings)this._userAppInstances[n.userAppInstanceId]&&(kt("EvMessage","settings",n.data),s=(await dn.getUserAppInstanceById(n.userAppInstanceId,!1)).settings);else if(n.request==U.startLoad)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source};else if(n.request==U.loaded)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source},this._eventHandler.publish("appComponentLoaded",n),s=this.getAppSettingsForAppInstanceId(n.userAppInstanceId);else if(n.request==U.registerEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].events[n.data.eventName]=!0;else if(n.request==U.unregisterEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),delete this._userAppInstances[n.userAppInstanceId].events[n.data.eventName];else for(let r=0;r<this._requestHandlers.length;r++)if(this._requestHandlers[r].canHandleRequest(n)){s=await this._requestHandlers[r].handleRequest(n);break}n.promisedBased&&ic.respondForPromiseBasedRequest(n,t.source,t.origin,s)}updateSettingsAndPublish(t){this._eventHandler.publish("updateSettings",t),this._eventHandler.publish("updateEverywhere",t),this.updateAndNotifyAppInstancesOnSettingsUpdate(t.userAppInstanceId,t.data,t.componentId)}onUserAppComponentUnload(t,n){this._userAppInstances[t]&&this._userAppInstances[t].instances[n]&&(delete this._userAppInstances[t].instances[n],Object.keys(this._userAppInstances[t].instances).length==0&&delete this._userAppInstances[t])}}const _t=new mc;const _c=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},yc={class:"test_holder_root"},bc={class:"test_holder_main"},vc={class:"settings_sidebar light"},wc={class:"widget_area"},Ac={key:0,class:"apps_fast_access_wr"},Ec=["title","innerHTML"],xc=["title"],Pc=["innerHTML"],Ic={class:"apps_fast_access_btn_drop"},Rc=["onClick"],Sc={class:"widget_container grayone"},Cc={__name:"TestHolder",setup(e){_t.init();let t=window.userAppInstanceId||"914155de-633a-476b-957a-6a7a9e01d6e9",n=window.componentId||"b893da10-5cec-4f11-876c-716addbad4ae",s=window.baseAppSettings||{};dn.updateUserAppInstance(t,{id:t,settings:s});const r=Nt(null),i=Nt(null),o=Nt(null);_t._eventHandler.subscribe("fastActionButtonsUpdated",(l,f)=>{var b;const d=f.data.buttonsArray||[];if(!d.length){o.value=null;return}const g=d.length===1&&((b=d[0])==null?void 0:b.uiColor)||null;o.value={componentId:f.componentId,userAppInstanceId:f.userAppInstanceId,buttons:d,group:f.data.parameters||{},uiColor:g}});function c(l,f){let d={fastAccessButton:f,userAppInstanceId:l.userAppInstanceId,componentId:l.componentId};_t._raiseEventForSpecificUserAppInstance(l.userAppInstanceId,Ne.fastActionButton,d),_t._eventHandler.publish("updateEverywhere",{request:U.raiseFastAccessButtonEvent,data:d})}return ii(()=>{r.value.src=`widget.html?appInstanceId=${t}&compId=${n}`,i.value.src=`settings.html?appInstanceId=${t}&compId=settings_${n}&styleVersion=light`}),(l,f)=>{var d,h;return nt(),pt("div",yc,[Oe("div",bc,[Oe("div",vc,[Oe("iframe",{ref_key:"settingsIframe",ref:i,allow:"clipboard-write",class:"settings_iframe"},null,512)]),Oe("div",wc,[o.value?(nt(),pt("div",Ac,[o.value.buttons.length===1?(nt(),pt("div",{key:0,class:Wt(["apps_fast_access_btn",[o.value.uiColor?"uiColor":""]]),style:zt({backgroundColor:o.value.uiColor||""}),title:o.value.buttons[0].buttonText,onClick:f[0]||(f[0]=g=>c(o.value,o.value.buttons[0])),innerHTML:o.value.buttons[0].icon||((d=o.value.group.groupName)==null?void 0:d.slice(0,1))||"?"},null,14,Ec)):(nt(),pt("div",{key:1,class:"apps_fast_access_btn",title:o.value.group.groupName||"Actions"},[Oe("div",{innerHTML:o.value.group.groupIcon||((h=o.value.group.groupName)==null?void 0:h.slice(0,1))||"?",style:{display:"flex","align-items":"center","justify-content":"center"}},null,8,Pc),Oe("div",Ic,[(nt(!0),pt(Te,null,Xo(o.value.buttons,g=>(nt(),pt("div",{class:Wt(["apps_fast_access_btn_drop_btn",[g.uiColor?"uiColor":""]]),key:g.buttonId,style:zt({backgroundColor:g.uiColor||""}),onClick:b=>c(o.value,g)},Ki(g.buttonText.length>19?g.buttonText.slice(0,19)+"...":g.buttonText),15,Rc))),128))])],8,xc))])):wl("",!0),Oe("div",Sc,[Oe("iframe",{ref_key:"wudgetIframe",ref:r,width:"100%",height:"100%"},null,512)])])])])}}},Oc=_c(Cc,[["__scopeId","data-v-25fa6654"]]);/*!
|
|
5
|
+
*/const nc=Symbol();var rr;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(rr||(rr={}));function sc(){const e=zi(!0),t=e.run(()=>Nt({}));let n=[],s=[];const r=hs({install(i){r._a=i,i.provide(nc,r),i.config.globalProperties.$pinia=r,s.forEach(o=>n.push(o)),s=[]},use(i){return!this._a&&!tc?s.push(i):n.push(i),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return r}function rc(){let e=null,t=null;return[new Promise((s,r)=>{e=s,t=r}),e,t]}function ir(){var e,t,n;for(e="",n=0;n<32;n++)(n==8||n==12||n==16||n==20)&&(e=e+"-"),t=Math.floor(Math.random()*16).toString(16).toUpperCase(),e=e+t;return e.toLowerCase()}class Zn{constructor(){this.subscribers={}}init(){}publish(t,n){Array.isArray(this.subscribers[t])&&this.subscribers[t].forEach(s=>{try{s(t,n)}catch(r){console.error(r)}})}subscribe(t,n){return Array.isArray(this.subscribers[t])||(this.subscribers[t]=[]),this.subscribers[t].indexOf(n)>=0?()=>this.unsubscribe(t,n):(this.subscribers[t].push(n),()=>this.unsubscribe(t,n))}unsubscribe(t,n){if(!Array.isArray(this.subscribers[t])||this.subscribers[t].indexOf(n)<0)return!1;this.subscribers[t]=this.subscribers[t].filter(s=>s!==n)}}class ic{constructor(){this._requests={},this._messagesEventHandlers=new Zn,window.onmessage=this.onPostMessage.bind(this)}static respondForPromiseBasedRequest(t,n,s="*",r){if(s=="null"&&(s="*"),t.promisedBased){let i={requestGuid:t.requestGuid,response:r};n.postMessage(JSON.stringify(i),"*")}}async sendRequestAsync(t,n=null){let s=ir(),[r,i,o]=rc();return this._requests[s]={prom:r,resolve:i,reject:o},t.requestGuid=s,t.promisedBased=!0,n=n||window.parent,n.postMessage(JSON.stringify(t),"*"),r}sendRequest(t,n=null){let s=ir();t.requestGuid=s,n=n||window.parent,n.postMessage(JSON.stringify(t),"*")}onPostMessage(t){try{let n=t&&JSON.parse(t.data);if(n.requestName=="EvEvent")this._messagesEventHandlers.publish(n.eventName,n.data);else if(n.requestGuid&&this._requests[n.requestGuid]){let s=this._requests[n.requestGuid];return delete this._requests[n.requestGuid],s.resolve(n)}}catch{}}unregisterFromEvents(){}}class oc{constructor(){this._userApps={},this._userAppInstances={}}updateUserAppData(t,n,s=!1){!s||!this._userApps[t]?this._userApps[t]=n:this._userApps[t]={...this._userApps[t],...n}}updateUserAppInstance(t,n,s=!1){!s||!this._userAppInstances[t]?this._userAppInstances[t]=n:this._userAppInstances[t]={...this._userAppInstances[t],...n}}updateUserAppInstanceSettings(t,n){this._userAppInstances[t]||(this._userAppInstances[t]={},console.warn("app not exist when update")),this._userAppInstances[t].settings=n}getUserAppDataByAppId(t){return this._userApps[t]}getUserAppInstanceById(t,n=!1){let s=this._userAppInstances[t];return s&&n&&(s.appData=this.getUserAppDataByAppId(s.userAppId)),s}}let dn=new oc;class $e{constructor(){}canHandleRequest(t){return!1}async handleRequest(t){return this[t.request](t)}}class lc extends $e{constructor(){super()}canHandleRequest(t){return["getComments"].includes(t.request)}async handleRequest(t){return window.mockComments||[{id:"1fsdf",title:"Sample comment",text:"Comments will appear here once the broadcast starts.",pic:"https://evmuxstatic.s3-eu-west-1.amazonaws.com/AVATAR_EXAMPLE_FREE.jpg",style:"comment",enabled:!0,created_time:new Date(Date.now()-1e3*60),sn:"fb",flags:{sample:!0,star:!1,shown:!1}}]}}class cc extends $e{constructor(){super()}canHandleRequest(t){return[U.createNewLayer,U.removeSizeCatcher,U.listScenes,U.switchScene,U.updateLayer,U.getLayerDisplayableName].includes(t.request)}async createNewLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async removeSizeCatcher(t){return!0}async updateLayer(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}async getLayerDisplayableName(t){return window.mockLayerName||"A Mock Layer Name"}async listScenes(t){return window.mockScenes||[{id:497,idx:497,order:0,name:"New Scene",stingerData:{idx:null,time:null,muted:!1,speed:1,volume:100,transitionName:null,transitionDuration:0},backgroundColor:null,overWriteBackgroundColor:!1,layers:[{idx:"e9fe6623-4332-447c-bb1a-ccfe9f794bb3",type:"userapp",name:"TESTAPP",opacity:100,bounds:{x:1280,y:720},pos:{rot:0,top:8.397612310554674,left:13.50375337545383,right:19.829579957879496,bottom:24.93572102277865},crop:{top:0,left:0,right:0,bottom:0},data:{adaptive:!1,aspect:!0,borderRadius:0,userAppInstanceId:"4d532c22-363e-4028-824d-7b029f100916",userAppId:"ce5d32b3-7d6c-4e43-be02-4903d6b49acd",fixedSize:!0,fixedSizeWidth:1280,fixedSizeHeight:720,verticalStreaming:{pos:{rot:0,top:35.052083333333336,left:2.7777777777777777,right:2.7777777777777857,bottom:35.05208333333333},crop:{top:0,left:0,right:0,bottom:0},borderRadius:0,aspect:!0,bounds:{x:1020,y:574},customBounds:{x:1020,y:574},locked:!1,hidden:!1,fixedSizeWidth:1020,fixedSizeHeight:574}},order:0}],thumbnail:{landscape:"https://files.evmux.com/6/scenes/sc_tmb_4971715842178.jpg?Expires=1715885379&Signature=ORHKomQH7iaugP~fHJFYBgZfwoG2lyQOMORSbRld378vCvudJ5gFapWdQNfE~j97UOKuon0uwZ1F741k2YU3qWIFNklDdqU6zuJgxaDTHPM~~TvG9p-Nl0g4BBzGvlyR-JZbUCbpWtg9DczFnQbeFbWynHFdIOGwwh2OQYXuAHlW0v1UDuOnjGRU87XvZ~ReSCW844TuhaPCBPXoMiSt0MHDC-zk~ggmpb7~eQMPjTF5znOdcDB0DdRJ8j~7EYNCFGYGesErpPqH5kOMRLCwmjmvQ4gFJMkNEfPBGdQclanYiSw5iL7KsOErCUtS447euT7wDnRT1N1wgL0LYgJDdQ__&Key-Pair-Id=APKAJQZJ2AA6OYF4WJHA",portrait:null}}]}async switchScene(t){return{userAppInstanceId:"26c6f221-b278-46c8-a69c-ce8379766e24"}}}const Ne={settingsUpdated:"settingsUpdated",viewerCountChanged:"viewerCountChanged",keystroke:"keystroke",comments:"comments",appMessaging:"appMessaging",externalAppMessaging:"externalAppMessaging",fastActionButton:"fastActionButton",doubleClickOnWidget:"doubleClickOnWidget",widgetOnFocus:"widgetGotFocus",widgetOnBlur:"widgetOnBlur",studioParamsUpdated:"studioParamsUpdated",signalingEvent:"signalingEvent"};class uc extends $e{constructor(){super()}canHandleRequest(t){return[U.raiseExternalAppMessagingEvent,U.setFastActionButtons,U.openSideBarSettings,U.isSudioMode].includes(t.request)}async raiseExternalAppMessagingEvent(t){return _t._raiseEventForSpecificUserAppInstance(t.data.targetUserAppInstanceId,Ne.externalAppMessaging,t.data.data),null}async setFastActionButtons(t){return _t._eventHandler.publish("fastActionButtonsUpdated",t),!0}async openSideBarSettings(){return!0}async isSudioMode(){return!0}async handleRequest(t){return this[t.request](t)}}function ge(e=0,t=100){return e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e}class ac extends $e{constructor(){super()}canHandleRequest(t){return["getStatistics"].includes(t.request)}async getStatistics(t){return window.mockStatistics||[{viewers:null,type:"linkedinProfile"},{viewers:ge(),type:"twitterProfile",statistics:null,last_subscribers:null},{viewers:ge(),type:"twitchProfile",statistics:{channel:{subscribers:ge()}},last_subscribers:null},{viewers:ge(),type:"evmuxPlayer",statistics:null,last_subscribers:null},{viewers:ge(),type:"youtubeChannel",statistics:{viewCount:ge(),likeCount:ge(),dislikeCount:ge(),favoriteCount:ge(),commentCount:ge()},lastSubscribers:[{name:"Eran Eluz",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaSdQs59DTIyTrfPz8ePDpCAQ-0dJuwmvK8W-NpM9As=s800-c-k-c0x00ffffff-no-rj"}}},{name:"Roman Arinenko",thumbs:{default:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s88-c-k-c0x00ffffff-no-rj"},medium:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s240-c-k-c0x00ffffff-no-rj"},high:{url:"https://yt3.ggpht.com/ytc/AOPolaQrO9YkhtcAmG1jvfwX_0xuew_Lh5dcIpb0=s800-c-k-c0x00ffffff-no-rj"}}}]},{viewers:ge(),type:"facebookProfile",statistics:{total_reactions:ge()}}]}}class fc extends $e{constructor(){super()}canHandleRequest(t){return[U.displayDateTimePicker,U.displayScenePicker,U.displayRichTextEditor,U.displayToast,U.displayLayerSelector,U.displayGalleryPicker,U.displayInputs].includes(t.request)}async displayDateTimePicker(t){return{value:window.mockDateTime||new Date().getTime(),dateTimeKey:"result"}}async displayLayerSelector(t){return window.mockLayer}async displayGalleryPicker(t){return window.mockGalleryResult}async displayInputs(t){return window.mockInputs||{type:"string",min:0,max:256,value:"Input Text Here",myId:"example"}}async displayScenePicker(t){return{value:window.mockScene||"simple"}}async displayRichTextEditor(t){return{value:window.mockRichText||"<b>This is a test</b> "+new Date().getTime()}}async displayToast(t){return{value:window.mockToast||{text:"This is a toast",type:"info",uniqCode:"123"}}}}class dc extends $e{constructor(){super()}canHandleRequest(t){return[U.getStudioParams,U.getSoundRtc,U.signal].includes(t.request)}async getStudioParams(t){return window.mockStudioParams||{antiScaleValue:1,antiScaleValue2:1}}async signal(t){return null}async getSoundRtc(t){return"webrtc-mock-channel"}}class pc extends $e{constructor(){super()}canHandleRequest(t){return[U.logError,U.logInfo,U.logWarning].includes(t.request)}async handleRequest(t){return this[t.request.toLowerCase().replace("log","")](t)}async error(t){return console.error(t.data),!0}async info(t){return console.info(t.data),!0}async warning(t){return console.warn(t.data),!0}}class hc extends $e{constructor(){super()}canHandleRequest(t){return[U.listAssets].includes(t.request)}async listAssets(t){return{value:window.mockAssets||[]}}}class gc extends $e{constructor(){super()}canHandleRequest(t){return[U.createStream,U.accountPlanCapabilities,U.upgradePopup].includes(t.request)}async createStream(t){return{value:window.mockStream||{}}}async accountPlanCapabilities(t){return{value:window.mockAccountPlanCapabilities||{}}}async upgradePopup(t){return{value:null}}}const U={updateSettings:"updateSettings",getSettings:"getSettings",startLoad:"startLoad",loaded:"loaded",registerEvent:"registerEvent",unregisterEvent:"unregisterEvent",EvEvent:"EvEvent",raiseAppMessagingEvent:"raiseAppMessagingEvent",raiseExternalAppMessagingEvent:"raiseExternalAppMessagingEvent",raiseFastAccessButtonEvent:"raiseFastAccessButtonEvent",setFastActionButtons:"setFastActionButtons",createNewLayer:"createNewLayer",listScenes:"listScenes",updateLayer:"updateLayer",switchScene:"switchScene",removeSizeCatcher:"removeSizeCatcher",openSideBarSettings:"openSideBarSettings",displayDateTimePicker:"displayDateTimePicker",displayScenePicker:"displayScenePicker",displayRichTextEditor:"displayRichTextEditor",displayToast:"displayToast",displayLayerSelector:"displayLayerSelector",displayGalleryPicker:"displayGalleryPicker",isSudioMode:"isSudioMode",getStudioParams:"getStudioParams",getSoundRtc:"getSoundRtc",signal:"signal",logError:"logError",logWarning:"logWarning",logInfo:"logInfo",getLayerDisplayableName:"getLayerDisplayableName",listAssets:"listAssets",createStream:"createStream",displayInputs:"displayInputs",accountPlanCapabilities:"accountPlanCapabilities",upgradePopup:"upgradePopup"};let kt=(e,t,n)=>({requestName:e,eventName:t,data:n});class mc{constructor(){this._userAppInstances={},this._messagesEventHandlers=new Zn,this._eventHandler=new Zn,this._requestHandlers=[]}init(t){window.onmessage=this.onPostMessage.bind(this),this.initRequestHandlerProjectSpecific(t)}initRequestHandlerProjectSpecific(t){this._requestHandlers.push(new lc(t)),this._requestHandlers.push(new cc(t)),this._requestHandlers.push(new uc(t)),this._requestHandlers.push(new ac(t)),this._requestHandlers.push(new fc(t)),this._requestHandlers.push(new dc(t)),this._requestHandlers.push(new pc(t)),this._requestHandlers.push(new hc(t)),this._requestHandlers.push(new gc(t))}_sendPostMessageToUsrAppInstancesComponents(t,n,s=null){let r=JSON.stringify(n);for(const[i,o]of Object.entries(this._userAppInstances[t].instances))s!=i&&o.window.postMessage(r,"*")}_raiseEventForSpecificUserAppInstance(t,n,s,r=null){let i=this._userAppInstances[t];if(i&&i.events&&i.events[n]){let o=kt("EvEvent",n,s);this._sendPostMessageToUsrAppInstancesComponents(t,o,r)}}raiseEvent(t,n){for(const[s,r]of Object.entries(this._userAppInstances))this._raiseEventForSpecificUserAppInstance(s,t,n)}getAppSettingsForAppInstanceId(t){return dn.getUserAppInstanceById(t)}_makeSureAppInstanceExist(t){this._userAppInstances[t]=this._userAppInstances[t]||{},this._userAppInstances[t].instances=this._userAppInstances[t].instances||{},this._userAppInstances[t].events=this._userAppInstances[t].events||{}}updateAndNotifyAppInstancesOnSettingsUpdate(t,n,s){if(dn.updateUserAppInstanceSettings(t,n),this._userAppInstances[t]&&this._userAppInstances[t].events[Ne.settingsUpdated]){let r=kt("EvEvent",Ne.settingsUpdated,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,s)}}updateAppsAboutStudioParams(t){let n=kt("EvEvent",Ne.studioParamsUpdated,t);Object.keys(this._userAppInstances).forEach(s=>{this._userAppInstances[s].events[Ne.studioParamsUpdated]&&this._sendPostMessageToUsrAppInstancesComponents(s,n,null)})}signalApp(t,n){let s=this._userAppInstances[t];if(s&&s.events[Ne.signalingEvent]){let r=kt("EvEvent",Ne.signalingEvent,n);this._sendPostMessageToUsrAppInstancesComponents(t,r,null)}}async onPostMessage(t){let n={};try{typeof t.data=="string"||t.data instanceof String?n=JSON.parse(t.data):n=t.data}catch{}let s=null;if(n.request==U.updateSettings)this._userAppInstances[n.userAppInstanceId]&&this.updateSettingsAndPublish(n);else if(n.request==U.raiseAppMessagingEvent)this._userAppInstances[n.userAppInstanceId]&&(this._raiseEventForSpecificUserAppInstance(n.userAppInstanceId,Ne.appMessaging,n.data,n.componentId),this._eventHandler.publish("updateEverywhere",n));else if(n.request==U.getSettings)this._userAppInstances[n.userAppInstanceId]&&(kt("EvMessage","settings",n.data),s=(await dn.getUserAppInstanceById(n.userAppInstanceId,!1)).settings);else if(n.request==U.startLoad)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source};else if(n.request==U.loaded)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].instances[n.componentId]={window:t.source},this._eventHandler.publish("appComponentLoaded",n),s=this.getAppSettingsForAppInstanceId(n.userAppInstanceId);else if(n.request==U.registerEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),this._userAppInstances[n.userAppInstanceId].events[n.data.eventName]=!0;else if(n.request==U.unregisterEvent)this._makeSureAppInstanceExist(n.userAppInstanceId),delete this._userAppInstances[n.userAppInstanceId].events[n.data.eventName];else for(let r=0;r<this._requestHandlers.length;r++)if(this._requestHandlers[r].canHandleRequest(n)){s=await this._requestHandlers[r].handleRequest(n);break}n.promisedBased&&ic.respondForPromiseBasedRequest(n,t.source,t.origin,s)}updateSettingsAndPublish(t){this._eventHandler.publish("updateSettings",t),this._eventHandler.publish("updateEverywhere",t),this.updateAndNotifyAppInstancesOnSettingsUpdate(t.userAppInstanceId,t.data,t.componentId)}onUserAppComponentUnload(t,n){this._userAppInstances[t]&&this._userAppInstances[t].instances[n]&&(delete this._userAppInstances[t].instances[n],Object.keys(this._userAppInstances[t].instances).length==0&&delete this._userAppInstances[t])}}const _t=new mc;const _c=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},yc={class:"test_holder_root"},bc={class:"test_holder_main"},vc={class:"settings_sidebar light"},wc={class:"video_editor_wr"},Ac={key:0,class:"apps_fast_access_wr"},Ec=["title","innerHTML"],xc=["title"],Pc=["innerHTML"],Ic={class:"apps_fast_access_btn_drop"},Rc=["onClick"],Sc={class:"scene_canvas"},Cc={__name:"TestHolder",setup(e){_t.init();let t=window.userAppInstanceId||"914155de-633a-476b-957a-6a7a9e01d6e9",n=window.componentId||"b893da10-5cec-4f11-876c-716addbad4ae",s=window.baseAppSettings||{};dn.updateUserAppInstance(t,{id:t,settings:s});const r=Nt(null),i=Nt(null),o=Nt(null);_t._eventHandler.subscribe("fastActionButtonsUpdated",(l,f)=>{var b;const d=f.data.buttonsArray||[];if(!d.length){o.value=null;return}const g=d.length===1&&((b=d[0])==null?void 0:b.uiColor)||null;o.value={componentId:f.componentId,userAppInstanceId:f.userAppInstanceId,buttons:d,group:f.data.parameters||{},uiColor:g}});function c(l,f){let d={fastAccessButton:f,userAppInstanceId:l.userAppInstanceId,componentId:l.componentId};_t._raiseEventForSpecificUserAppInstance(l.userAppInstanceId,Ne.fastActionButton,d),_t._eventHandler.publish("updateEverywhere",{request:U.raiseFastAccessButtonEvent,data:d})}return ii(()=>{r.value.src=`widget.html?appInstanceId=${t}&compId=${n}`,i.value.src=`settings.html?appInstanceId=${t}&compId=settings_${n}&styleVersion=light`}),(l,f)=>{var d,h;return nt(),pt("div",yc,[Oe("div",bc,[Oe("div",vc,[Oe("iframe",{ref_key:"settingsIframe",ref:i,allow:"clipboard-write",class:"settings_iframe"},null,512)]),Oe("div",wc,[o.value?(nt(),pt("div",Ac,[o.value.buttons.length===1?(nt(),pt("div",{key:0,class:Wt(["apps_fast_access_btn",[o.value.uiColor?"uiColor":""]]),style:zt({backgroundColor:o.value.uiColor||""}),title:o.value.buttons[0].buttonText,onClick:f[0]||(f[0]=g=>c(o.value,o.value.buttons[0])),innerHTML:o.value.buttons[0].icon||((d=o.value.group.groupName)==null?void 0:d.slice(0,1))||"?"},null,14,Ec)):(nt(),pt("div",{key:1,class:"apps_fast_access_btn",title:o.value.group.groupName||"Actions"},[Oe("div",{innerHTML:o.value.group.groupIcon||((h=o.value.group.groupName)==null?void 0:h.slice(0,1))||"?",style:{display:"flex","align-items":"center","justify-content":"center"}},null,8,Pc),Oe("div",Ic,[(nt(!0),pt(Te,null,Xo(o.value.buttons,g=>(nt(),pt("div",{class:Wt(["apps_fast_access_btn_drop_btn",[g.uiColor?"uiColor":""]]),key:g.buttonId,style:zt({backgroundColor:g.uiColor||""}),onClick:b=>c(o.value,g)},Ki(g.buttonText.length>19?g.buttonText.slice(0,19)+"...":g.buttonText),15,Rc))),128))])],8,xc))])):wl("",!0),Oe("div",Sc,[Oe("iframe",{ref_key:"wudgetIframe",ref:r,class:"scene_iframe"},null,512)])])])])}}},Oc=_c(Cc,[["__scopeId","data-v-f0a7a08c"]]);/*!
|
|
6
6
|
* vue-router v4.2.5
|
|
7
7
|
* (c) 2023 Eduardo San Martin Morote
|
|
8
8
|
* @license MIT
|
|
@@ -73,8 +73,8 @@ function raiseCommentsEvent(event) {
|
|
|
73
73
|
class="settings_iframe"></iframe>
|
|
74
74
|
</div>
|
|
75
75
|
|
|
76
|
-
<!-- Widget area -->
|
|
77
|
-
<div class="
|
|
76
|
+
<!-- Widget area (scene-like) -->
|
|
77
|
+
<div class="video_editor_wr">
|
|
78
78
|
<div v-if="fastActionButtonGroup" class="apps_fast_access_wr">
|
|
79
79
|
<!-- Single button: click directly -->
|
|
80
80
|
<div v-if="fastActionButtonGroup.buttons.length === 1"
|
|
@@ -104,8 +104,8 @@ function raiseCommentsEvent(event) {
|
|
|
104
104
|
</div>
|
|
105
105
|
</div>
|
|
106
106
|
|
|
107
|
-
<div class="
|
|
108
|
-
<iframe ref="wudgetIframe"
|
|
107
|
+
<div class="scene_canvas">
|
|
108
|
+
<iframe ref="wudgetIframe" class="scene_iframe"></iframe>
|
|
109
109
|
</div>
|
|
110
110
|
</div>
|
|
111
111
|
</div>
|
|
@@ -119,42 +119,52 @@ function raiseCommentsEvent(event) {
|
|
|
119
119
|
}
|
|
120
120
|
.test_holder_main {
|
|
121
121
|
display: flex;
|
|
122
|
-
gap:
|
|
122
|
+
gap: 0;
|
|
123
|
+
align-items: stretch;
|
|
123
124
|
}
|
|
124
|
-
|
|
125
|
+
|
|
126
|
+
/* Scene area - editor style */
|
|
127
|
+
.video_editor_wr {
|
|
125
128
|
flex: 1 1 auto;
|
|
126
|
-
}
|
|
127
|
-
.widget_container {
|
|
128
|
-
width: 500px;
|
|
129
|
-
height: 500px;
|
|
130
|
-
resize: both;
|
|
131
|
-
overflow: hidden;
|
|
132
129
|
display: flex;
|
|
133
|
-
|
|
134
|
-
|
|
130
|
+
flex-direction: column;
|
|
131
|
+
align-items: center;
|
|
132
|
+
justify-content: center;
|
|
133
|
+
background-color: #DCDCE5;
|
|
134
|
+
border-radius: 15px;
|
|
135
|
+
padding: 40px 30px;
|
|
136
|
+
position: relative;
|
|
137
|
+
overflow: hidden;
|
|
138
|
+
min-height: 500px;
|
|
135
139
|
}
|
|
136
|
-
.
|
|
137
|
-
|
|
138
|
-
|
|
140
|
+
.scene_canvas {
|
|
141
|
+
width: 100%;
|
|
142
|
+
max-width: 720px;
|
|
143
|
+
aspect-ratio: 16 / 9;
|
|
144
|
+
background-color: #1E222B;
|
|
145
|
+
border-radius: 4px;
|
|
146
|
+
overflow: hidden;
|
|
147
|
+
position: relative;
|
|
148
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
|
|
139
149
|
}
|
|
140
|
-
.
|
|
141
|
-
|
|
142
|
-
|
|
150
|
+
.scene_iframe {
|
|
151
|
+
width: 100%;
|
|
152
|
+
height: 100%;
|
|
153
|
+
border: none;
|
|
154
|
+
display: block;
|
|
143
155
|
}
|
|
144
156
|
|
|
145
157
|
/* Settings sidebar - studio style */
|
|
146
158
|
.settings_sidebar {
|
|
147
159
|
flex: 0 0 330px;
|
|
148
160
|
width: 330px;
|
|
149
|
-
height: 560px;
|
|
150
161
|
background-color: #fff;
|
|
151
162
|
display: flex;
|
|
152
163
|
flex-direction: column;
|
|
153
164
|
position: relative;
|
|
154
165
|
overflow: hidden;
|
|
155
|
-
border-radius:
|
|
156
|
-
|
|
157
|
-
border: 1px solid #e6e6ef;
|
|
166
|
+
border-radius: 0 15px 15px 0;
|
|
167
|
+
border-left: 1px solid #e6e6ef;
|
|
158
168
|
}
|
|
159
169
|
.settings_iframe {
|
|
160
170
|
width: 100%;
|