149 lines
23 KiB
JavaScript
149 lines
23 KiB
JavaScript
|
!function(e){var t={};function o(s){if(t[s])return t[s].exports;var i=t[s]={i:s,l:!1,exports:{}};return e[s].call(i.exports,i,i.exports,o),i.l=!0,i.exports}o.m=e,o.c=t,o.d=function(e,t,s){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(s,i,function(t){return e[t]}.bind(null,i));return s},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=1)}([function(e){e.exports=JSON.parse('{"name":"browser_mod","private":true,"version":"1.2.3","description":"","scripts":{"build":"webpack","watch":"webpack --watch --mode=development","update-card-tools":"npm uninstall card-tools && npm install thomasloven/lovelace-card-tools"},"keywords":[],"author":"Thomas Lovén","license":"MIT","devDependencies":{"webpack":"^4.44.2","webpack-cli":"^3.3.12"},"dependencies":{"card-tools":"github:thomasloven/lovelace-card-tools"}}')},function(e,t,o){"use strict";o.r(t);const s="lovelace-player-device-id";function i(){if(!localStorage[s]){const e=()=>Math.floor(1e5*(1+Math.random())).toString(16).substring(1);window.fully&&"function"==typeof fully.getDeviceId?localStorage[s]=fully.getDeviceId():localStorage[s]=`${e()}${e()}-${e()}${e()}`}return localStorage[s]}let a=i();const n=e=>{null!==e&&("clear"===e?localStorage.removeItem(s):localStorage[s]=e,a=i())},r=new URLSearchParams(window.location.search);function l(){return document.querySelector("hc-main")?document.querySelector("hc-main").hass:document.querySelector("home-assistant")?document.querySelector("home-assistant").hass:void 0}function c(e){return document.querySelector("hc-main")?document.querySelector("hc-main").provideHass(e):document.querySelector("home-assistant")?document.querySelector("home-assistant").provideHass(e):void 0}function d(){var e,t=document.querySelector("hc-main");return t?((e=t._lovelaceConfig).current_view=t._lovelacePath,e):(t=(t=(t=(t=(t=(t=(t=(t=(t=document.querySelector("home-assistant"))&&t.shadowRoot)&&t.querySelector("home-assistant-main"))&&t.shadowRoot)&&t.querySelector("app-drawer-layout partial-panel-resolver"))&&t.shadowRoot||t)&&t.querySelector("ha-panel-lovelace"))&&t.shadowRoot)&&t.querySelector("hui-root"))?((e=t.lovelace).current_view=t.___curView,e):null}function u(){var e=document.querySelector("hc-main");return e=e?(e=(e=(e=e&&e.shadowRoot)&&e.querySelector("hc-lovelace"))&&e.shadowRoot)&&e.querySelector("hui-view")||e.querySelector("hui-panel-view"):(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=document.querySelector("home-assistant"))&&e.shadowRoot)&&e.querySelector("home-assistant-main"))&&e.shadowRoot)&&e.querySelector("app-drawer-layout partial-panel-resolver"))&&e.shadowRoot||e)&&e.querySelector("ha-panel-lovelace"))&&e.shadowRoot)&&e.querySelector("hui-root"))&&e.shadowRoot)&&e.querySelector("ha-app-layout"))&&e.querySelector("#view"))&&e.firstElementChild}async function h(){if(customElements.get("hui-view"))return!0;await customElements.whenDefined("partial-panel-resolver");const e=document.createElement("partial-panel-resolver");if(e.hass={panels:[{url_path:"tmp",component_name:"lovelace"}]},e._updateRoutes(),await e.routerOptions.routes.tmp.load(),!customElements.get("ha-panel-lovelace"))return!1;const t=document.createElement("ha-panel-lovelace");return t.hass=l(),void 0===t.hass&&(await new Promise(e=>{window.addEventListener("connection-status",t=>{console.log(t),e()},{once:!0})}),t.hass=l()),t.panel={config:{mode:null}},t._fetchConfig(),!0}async function p(e,t,o=!1){let s=e;"string"==typeof t&&(t=t.split(/(\$| )/)),""===t[t.length-1]&&t.pop();for(const[e,i]of t.entries())if(i.trim().length){i
|
||
|
|
<ha-dialog
|
||
|
|
open
|
||
|
|
@closed=${this.closeDialog}
|
||
|
|
.heading=${!0}
|
||
|
|
hideActions
|
||
|
|
@ll-rebuild=${this._makeCard}
|
||
|
|
>
|
||
|
|
${this.fullscreen?t`<div slot="heading"></div>`:t`
|
||
|
|
<app-toolbar slot="heading">
|
||
|
|
<mwc-icon-button
|
||
|
|
.label=${"dismiss"}
|
||
|
|
dialogAction="cancel"
|
||
|
|
>
|
||
|
|
<ha-icon
|
||
|
|
.icon=${"mdi:close"}
|
||
|
|
></ha-icon>
|
||
|
|
</mwc-icon-button>
|
||
|
|
<div class="main-title" @click=${this._enlarge}>
|
||
|
|
${this.title}
|
||
|
|
</div>
|
||
|
|
</app-toolbar>
|
||
|
|
`}
|
||
|
|
<div class="content">
|
||
|
|
${this.card}
|
||
|
|
</div>
|
||
|
|
</ha-dialog>
|
||
|
|
`:t``}static get styles(){return o`
|
||
|
|
ha-dialog {
|
||
|
|
--mdc-dialog-min-width: 400px;
|
||
|
|
--mdc-dialog-max-width: 600px;
|
||
|
|
--mdc-dialog-heading-ink-color: var(--primary-text-color);
|
||
|
|
--mdc-dialog-content-ink-color: var(--primary-text-color);
|
||
|
|
--justify-action-buttons: space-between;
|
||
|
|
}
|
||
|
|
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||
|
|
ha-dialog {
|
||
|
|
--mdc-dialog-min-width: 100vw;
|
||
|
|
--mdc-dialog-max-width: 100vw;
|
||
|
|
--mdc-dialog-min-height: 100%;
|
||
|
|
--mdc-dialog-max-height: 100%;
|
||
|
|
--mdc-shape-medium: 0px;
|
||
|
|
--vertial-align-dialog: flex-end;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
app-toolbar {
|
||
|
|
flex-shrink: 0;
|
||
|
|
color: var(--primary-text-color);
|
||
|
|
background-color: var(--secondary-background-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.main-title {
|
||
|
|
margin-left: 16px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
max-height: 2.6em;
|
||
|
|
overflow: hidden;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
margin: -20px -24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||
|
|
app-toolbar {
|
||
|
|
background-color: var(--app-header-background-color);
|
||
|
|
color: var(--app-header-text-color, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media all and (min-width: 451px) and (min-height: 501px) {
|
||
|
|
ha-dialog {
|
||
|
|
--mdc-dialog-max-width: 90vw;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
width: 400px;
|
||
|
|
}
|
||
|
|
:host([large]) .content {
|
||
|
|
width: calc(90vw - 48px);
|
||
|
|
}
|
||
|
|
|
||
|
|
:host([large]) app-toolbar {
|
||
|
|
max-width: calc(90vw - 32px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
`}}customElements.define("card-tools-popup",s)}const a=document.querySelector("home-assistant")||document.querySelector("hc-root");if(!a)return;let n=await m(a,"$ card-tools-popup");if(!n){n=document.createElement("card-tools-popup");const e=a.shadowRoot.querySelector("ha-more-info-dialog");e?a.shadowRoot.insertBefore(n,e):a.shadowRoot.appendChild(n),c(n)}if(!window._moreInfoDialogListener){const e=async e=>{if(e.state&&"cardToolsPopup"in e.state)if(e.state.cardToolsPopup){const{title:t,card:o,large:s,style:i,fullscreen:a}=e.state.params;v(t,o,s,i,a)}else n.closeDialog()};window.addEventListener("popstate",e),window._moreInfoDialogListener=!0}history.replaceState({cardToolsPopup:!1},""),history.pushState({cardToolsPopup:!0,params:{title:e,card:t,large:o,style:s,fullscreen:i}},""),n.showDialog(e,t,o,s,i)}async function g(e,t=!1){const o=document.querySelector("hc-main")||document.querySelector("home-assistant");w("hass-more-info",{entityId:e},o);const s=await m(o,"$ ha-more-info-dialog");return s&&(s.large=t),s}const f=[customElements.whenDefined("home-assistant-main"),customElements.whenDefined("hui-view")];Promise.race(f).then(()=>{const e=customElements.get("home-assistant-main")?Object.getPrototypeOf(customElements.get("home-assistant-main")):Object.getPrototypeOf(customElements.get("hui-view")),t=e.prototype.html;e.prototype.css;class o extends e{setConfig(e){}render(){return t`
|
||
|
|
<div>
|
||
|
|
Nothing to configure.
|
||
|
|
</div>
|
||
|
|
`}}customElements.get("browser-player-editor")||(customElements.define("browser-player-editor",o),window.customCards=window.customCards||[],window.customCards.push({type:"browser-player",name:"Browser Player",preview:!0}))});const b=[customElements.whenDefined("home-assistant-main"),customElements.whenDefined("hui-view")];Promise.race(b).then(()=>{const e=customElements.get("home-assistant-main")?Object.getPrototypeOf(customElements.get("home-assistant-main")):Object.getPrototypeOf(customElements.get("hui-view")),t=e.prototype.html,o=e.prototype.css;customElements.get("browser-player")||customElements.define("browser-player",class extends e{static get properties(){return{hass:{}}}static getConfigElement(){return document.createElement("browser-player-editor")}static getStubConfig(){return{}}setConfig(e){this._config=e;for(const e of["play","pause","ended","volumechange","canplay","loadeddata"])window.browser_mod.player.addEventListener(e,()=>this.requestUpdate())}handleMute(e){window.browser_mod.player_mute()}handleVolumeChange(e){const t=parseFloat(e.target.value);window.browser_mod.player_set_volume(t)}handleMoreInfo(e){g("media_player."+window.browser_mod.entity_id)}handlePlayPause(e){window.browser_mod.player.paused?window.browser_mod.player_play():window.browser_mod.player_pause()}setDeviceID(){const e=prompt("Set deviceID",a);e!==a&&(n(e),this.requestUpdate())}render(){if(!window.browser_mod)return window.setTimeout(()=>this.requestUpdate(),100),t``;const e=window.browser_mod.player;return t`
|
||
|
|
<ha-card>
|
||
|
|
<div class="card-content">
|
||
|
|
<ha-icon-button
|
||
|
|
.icon=${e.muted?"mdi:volume-off":"mdi:volume-high"}
|
||
|
|
@click=${this.handleMute}
|
||
|
|
></ha-icon-button>
|
||
|
|
<ha-slider
|
||
|
|
min=0
|
||
|
|
max=1
|
||
|
|
step=0.01
|
||
|
|
?disabled=${e.muted}
|
||
|
|
value=${e.volume}
|
||
|
|
@change=${this.handleVolumeChange}
|
||
|
|
></ha-slider>
|
||
|
|
|
||
|
|
${"stopped"===window.browser_mod.player_state?t`<div class="placeholder"></div>`:t`
|
||
|
|
<ha-icon-button
|
||
|
|
.icon=${e.paused?"mdi:play":"mdi:pause"}
|
||
|
|
@click=${this.handlePlayPause}
|
||
|
|
highlight
|
||
|
|
></ha-icon-button>
|
||
|
|
`}
|
||
|
|
<ha-icon-button
|
||
|
|
.icon=${"mdi:cog"}
|
||
|
|
@click=${this.handleMoreInfo}
|
||
|
|
></ha-icon-button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="device-id" @click=${this.setDeviceID}>
|
||
|
|
${a}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</ha-card>
|
||
|
|
`}static get styles(){return o`
|
||
|
|
paper-icon-button[highlight] {
|
||
|
|
color: var(--accent-color);
|
||
|
|
}
|
||
|
|
.card-content {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.placeholder {
|
||
|
|
width: 24px;
|
||
|
|
padding: 8px;
|
||
|
|
}
|
||
|
|
.device-id {
|
||
|
|
opacity: 0.7;
|
||
|
|
font-size: xx-small;
|
||
|
|
margin-top: -10px;
|
||
|
|
user-select: all;
|
||
|
|
-webkit-user-select: all;
|
||
|
|
-moz-user-select: all;
|
||
|
|
-ms-user-select: all;
|
||
|
|
}
|
||
|
|
`}})});class S{async connect(){if(null!==document.querySelector("hc-main"))this._connection=l().connection;else{if(!window.hassConnection)return void window.setTimeout(()=>this._do_connect(),100);this._connection=(await window.hassConnection).conn}this._connection.subscribeMessage(e=>this.msg_callback(e),{type:"browser_mod/connect",deviceID:a}),this._hass_patched=!1,c(this)}set hass(e){if(this._hass=e,!e||this._hass_patched)return;this._hass_patched=!0;const t=e.callService;e.callService=(e,o,s)=>{if(s&&s.deviceID){s=JSON.parse(JSON.stringify(s));const e=JSON.stringify(s.deviceID).replace('"this"',`"${a}"`);s.deviceID=JSON.parse(e)}return t(e,o,s)},document.querySelector("hc-main")?document.querySelector("hc-main").hassChanged(e,e):document.querySelector("home-assistant").hassChanged(e,e)}get connected(){return void 0!==this._connection}msg_callback(e){console.log(e)}sendUpdate(e){this.connected&&this._connection.sendMessage({type:"browser_mod/update",deviceID:a,data:e})}}const k=e=>class extends e{constructor(){super(),this.player=new Audio;for(const e of["play","pause","ended","volumechange"])this.player.addEventListener(e,()=>this.player_update());window.addEventListener("click",()=>this.player.play(),{once:!0})}player_update(e){this.sendUpdate({player:{volume:this.player.volume,muted:this.player.muted,src:this.player.src,state:this.player_state}})}get player_state(){return this.player.src?this.player.ended?"stopped":this.player.paused?"paused":"playing":"stopped"}player_play(e){e&&(this.player.src=e),this.player.play()}player_pause(){this.player.pause()}player_stop(){this.player.pause(),this.player.src=null}player_set_volume(e){void 0!==e&&(this.player.volume=e)}player_mute(e){void 0===e&&(e=!this.player.muted),this.player.muted=Boolean(e)}},x=e=>class extends e{get isFully(){return void 0!==window.fully}constructor(){if(super(),this.isFully){this._fullyMotion=!1,this._motionTimeout=void 0;for(const e of["screenOn","screenOff","pluggedAC","pluggedUSB","onBatteryLevelChanged","unplugged","networkReconnect","onMotion"])window.fully.bind(e,`window.browser_mod.fully_update("${e}");`);this._keepingAlive=!1}}fully_update(e){this.isFully&&("screenOn"===e?(window.clearTimeout(this._keepAliveTimer),this._keepingAlive||this.screen_update()):"screenOff"===e?(this.screen_update(),this._keepingAlive=!1,this.config.force_stay_awake&&(this._keepAliveTimer=window.setTimeout(()=>{this._keepingAlive=!0,window.fully.turnScreenOn(),window.fully.turnScreenOff()},27e4))):"onMotion"===e&&this.fullyMotionTriggered(),this.sendUpdate({fully:{battery:window.fully.getBatteryLevel(),charging:window.fully.isPlugged(),motion:this._fullyMotion,ip:window.fully.getIp4Address()}}))}fullyMotionTriggered(){this._keepingAlive||(this._fullyMotion=!0,clearTimeout(this._motionTimeout),this._motionTimeout=setTimeout(()=>{this._fullyMotion=!1,this.fully_update()},5e3),this.fully_update())}},E=e=>class extends e{setup_camera(){console.log("Starting camera"),this._video||(this._video=document.createElement("video"),this._video.autoplay=!0,this._video.playsInline=!0,this._video.style.display="none",this._canvas=document.createElement("canvas"),this._canvas.style.display="none",document.body.appendChild(this._video),document.body.appendChild(this._canvas),navigator.mediaDevices&&(console.log("Starting devices"),navigator.mediaDevices.getUserMedia({video:!0,audio:!1}).then(e=>{this._video.srcObject=e,this._video.play(),this.update_camera()}),this._camera_framerate=2,window.addEventListener("click",()=>this._video.play(),{once:!0})))}update_camera(){this._canvas.width=this._video.videoWidth,this._canvas.height=this._video.videoHeight;this._canvas.getContext("2d").drawImage(this._video,0,0,this._video.videoWidth,this._video.videoHeight),this.sendUpdate({camera:this._canvas.toDataURL("image/jpeg")}),setTimeout(()=>this.update_camera(),Math.round(1e3/this._camera_framerate))}},q=e=>class extends e{constructor(){super(),this._blackout_panel=document.createElement("div"),this._screenSaver=void 0,this._screenSaverTimer=void 0,this._screenSaverTimeOut=0,this._screenS
|