HomeAssistant
/
PlexMeetsHomeAssistant
mirror of https://github.com/JurajNyiri/PlexMeetsHomeAssistant.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Add: Ability to use deck as a library

Browse Source
pull/16/head
Juraj Nyíri 4 years ago
parent f590b02845
commit 87130c0c6e
5 changed files with 164 additions and 23 deletions
Show Stats Download Patch File Download Diff File

74
dist/plex-meets-homeassistant.js vendored
Unescape View File

@ -18672,6 +18672,7 @@ class Plex {
this.serverInfo = {}; this.serverInfo = {};
this.clients = []; this.clients = [];
this.requestTimeout = 5000; this.requestTimeout = 5000;
this.sections = [];
this.init = async () => { this.init = async () => {
await this.getClients(); await this.getClients();
/* /*
@ -18707,10 +18708,14 @@ class Plex {
return this.serverInfo; return this.serverInfo;
}; };
this.getSections = async () => { this.getSections = async () => {
if (lodash.isEmpty(this.sections)) {
const url = this.authorizeURL(`${this.getBasicURL()}/library/sections`); const url = this.authorizeURL(`${this.getBasicURL()}/library/sections`);
return (await axios.get(url, { const sectionsData = await axios.get(url, {
timeout: this.requestTimeout timeout: this.requestTimeout
})).data.MediaContainer.Directory; });
this.sections = sectionsData.data.MediaContainer.Directory;
}
return this.sections;
}; };
this.getSectionsData = async () => { this.getSectionsData = async () => {
const sections = await this.getSections(); const sections = await this.getSections();
@ -18724,6 +18729,13 @@ class Plex {
}); });
return this.exportSectionsData(await Promise.all(sectionsRequests)); return this.exportSectionsData(await Promise.all(sectionsRequests));
}; };
this.getContinueWatching = async (sections) => {
const cleanedUpSections = sections.replace(' ', '');
const url = this.authorizeURL(`${this.getBasicURL()}/hubs/continueWatching/items?contentDirectoryID=${cleanedUpSections}`);
return (await axios.get(url, {
timeout: this.requestTimeout
})).data;
};
this.getBasicURL = () => { this.getBasicURL = () => {
return `${this.protocol}://${this.ip}:${this.port}`; return `${this.protocol}://${this.ip}:${this.port}`;
}; };
@ -19053,6 +19065,17 @@ const getOffset = (el) => {
} }
return { top: y, left: x }; return { top: y, left: x };
}; };
const hasEpisodes = (media) => {
let result = false;
// eslint-disable-next-line consistent-return
lodash.forEach(media, data => {
if (lodash.isEqual(data.type, 'episode')) {
result = true;
return false;
}
});
return result;
};
const isVideoFullScreen = (_this) => { const isVideoFullScreen = (_this) => {
const videoPlayer = _this.getElementsByClassName('videoPlayer')[0]; const videoPlayer = _this.getElementsByClassName('videoPlayer')[0];
const video = videoPlayer.children[0]; const video = videoPlayer.children[0];
@ -19423,6 +19446,13 @@ style.textContent = css `
padding: 16px; padding: 16px;
display: none; display: none;
} }
.additionalElem {
color: hsla(0, 0%, 100%, 0.45);
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ratingDetail { .ratingDetail {
background: #ffffff24; background: #ffffff24;
padding: 5px 10px; padding: 5px 10px;
@ -19560,6 +19590,9 @@ style.textContent = css `
.yearElem { .yearElem {
color: hsla(0, 0%, 100%, 0.45); color: hsla(0, 0%, 100%, 0.45);
position: relative; position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.toViewEpisode { .toViewEpisode {
position: relative; position: relative;
@ -19824,12 +19857,14 @@ class PlexMeetsHomeAssistant extends HTMLElement {
try { try {
if (this.plex) { if (this.plex) {
await this.plex.init(); await this.plex.init();
const continueWatching = await this.plex.getContinueWatching('3,5,6');
const [serverID, plexSections] = await Promise.all([this.plex.getServerID(), this.plex.getSectionsData()]); const [serverID, plexSections] = await Promise.all([this.plex.getServerID(), this.plex.getSectionsData()]);
// eslint-disable-next-line @typescript-eslint/camelcase // eslint-disable-next-line @typescript-eslint/camelcase
this.data.serverID = serverID; this.data.serverID = serverID;
lodash.forEach(plexSections, section => { lodash.forEach(plexSections, section => {
this.data[section.title1] = section.Metadata; this.data[section.title1] = section.Metadata;
}); });
this.data.deck = continueWatching.MediaContainer.Metadata;
if (this.data[this.config.libraryName] === undefined) { if (this.data[this.config.libraryName] === undefined) {
this.error = `Library name ${this.config.libraryName} does not exist.`; this.error = `Library name ${this.config.libraryName} does not exist.`;
} }
@ -19906,11 +19941,12 @@ class PlexMeetsHomeAssistant extends HTMLElement {
// eslint-disable-next-line consistent-return // eslint-disable-next-line consistent-return
let lastRowTop = 0; let lastRowTop = 0;
const loadAdditionalRowsCount = 2; // todo: make this configurable const loadAdditionalRowsCount = 2; // todo: make this configurable
const hasEpisodesResult = hasEpisodes(this.data[this.config.libraryName]);
// eslint-disable-next-line consistent-return // eslint-disable-next-line consistent-return
lodash.forEach(this.data[this.config.libraryName], (movieData) => { lodash.forEach(this.data[this.config.libraryName], (movieData) => {
if ((!this.maxCount || this.renderedItems < this.maxCount) && if ((!this.maxCount || this.renderedItems < this.maxCount) &&
(!this.maxRenderCount || this.renderedItems < this.maxRenderCount)) { (!this.maxRenderCount || this.renderedItems < this.maxRenderCount)) {
const movieElem = this.getMovieElement(movieData); const movieElem = this.getMovieElement(movieData, hasEpisodesResult);
let shouldRender = false; let shouldRender = false;
if (this.looseSearch) { if (this.looseSearch) {
let found = false; let found = false;
@ -20695,12 +20731,24 @@ class PlexMeetsHomeAssistant extends HTMLElement {
} }
return 0; return 0;
}; };
this.getMovieElement = (data) => { this.getMovieElement = (data, hasAdditionalData = false) => {
const thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.thumb}&X-Plex-Token=${this.config.token}`; console.log(data);
let thumbURL = '';
if (lodash.isEqual(data.type, 'episode')) {
thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.grandparentThumb}&X-Plex-Token=${this.config.token}`;
}
else {
thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.thumb}&X-Plex-Token=${this.config.token}`;
}
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'container'; container.className = 'container';
container.style.width = `${CSS_STYLE.width}px`; container.style.width = `${CSS_STYLE.width}px`;
if (hasAdditionalData) {
container.style.height = `${CSS_STYLE.height + 50}px`;
}
else {
container.style.height = `${CSS_STYLE.height + 30}px`; container.style.height = `${CSS_STYLE.height + 30}px`;
}
const movieElem = document.createElement('div'); const movieElem = document.createElement('div');
movieElem.className = 'movieElem'; movieElem.className = 'movieElem';
movieElem.style.width = `${CSS_STYLE.width}px`; movieElem.style.width = `${CSS_STYLE.width}px`;
@ -20738,15 +20786,31 @@ class PlexMeetsHomeAssistant extends HTMLElement {
} }
}); });
const titleElem = document.createElement('div'); const titleElem = document.createElement('div');
if (lodash.isEqual(data.type, 'episode')) {
titleElem.innerHTML = escapeHtml(data.grandparentTitle);
}
else {
titleElem.innerHTML = escapeHtml(data.title); titleElem.innerHTML = escapeHtml(data.title);
}
titleElem.className = 'titleElem'; titleElem.className = 'titleElem';
titleElem.style.marginTop = `${CSS_STYLE.height}px`; titleElem.style.marginTop = `${CSS_STYLE.height}px`;
const yearElem = document.createElement('div'); const yearElem = document.createElement('div');
if (lodash.isEqual(data.type, 'episode')) {
yearElem.innerHTML = escapeHtml(data.title);
}
else {
yearElem.innerHTML = escapeHtml(data.year); yearElem.innerHTML = escapeHtml(data.year);
}
yearElem.className = 'yearElem'; yearElem.className = 'yearElem';
const additionalElem = document.createElement('div');
if (lodash.isEqual(data.type, 'episode')) {
additionalElem.innerHTML = escapeHtml(`S${data.parentIndex} E${data.index}`);
additionalElem.className = 'additionalElem';
}
container.appendChild(movieElem); container.appendChild(movieElem);
container.appendChild(titleElem); container.appendChild(titleElem);
container.appendChild(yearElem); container.appendChild(yearElem);
container.appendChild(additionalElem);
return container; return container;
}; };
this.loadCustomStyles = () => { this.loadCustomStyles = () => {

24
src/modules/Plex.ts
Unescape View File

@ -19,6 +19,8 @@ class Plex {
sort: string; sort: string;
sections: Array<Record<string, any>> = [];
constructor(ip: string, port = 32400, token: string, protocol: 'http' | 'https' = 'http', sort = 'titleSort:asc') { constructor(ip: string, port = 32400, token: string, protocol: 'http' | 'https' = 'http', sort = 'titleSort:asc') {
this.ip = ip; this.ip = ip;
this.port = port; this.port = port;
@ -67,12 +69,14 @@ class Plex {
}; };
getSections = async (): Promise<any> => { getSections = async (): Promise<any> => {
if (_.isEmpty(this.sections)) {
const url = this.authorizeURL(`${this.getBasicURL()}/library/sections`); const url = this.authorizeURL(`${this.getBasicURL()}/library/sections`);
return ( const sectionsData = await axios.get(url, {
await axios.get(url, {
timeout: this.requestTimeout timeout: this.requestTimeout
}) });
).data.MediaContainer.Directory; this.sections = sectionsData.data.MediaContainer.Directory;
}
return this.sections;
}; };
getSectionsData = async (): Promise<any> => { getSectionsData = async (): Promise<any> => {
@ -90,6 +94,18 @@ class Plex {
return this.exportSectionsData(await Promise.all(sectionsRequests)); return this.exportSectionsData(await Promise.all(sectionsRequests));
}; };
getContinueWatching = async (sections: string): Promise<any> => {
const cleanedUpSections = sections.replace(' ', '');
const url = this.authorizeURL(
`${this.getBasicURL()}/hubs/continueWatching/items?contentDirectoryID=${cleanedUpSections}`
);
return (
await axios.get(url, {
timeout: this.requestTimeout
})
).data;
};
getBasicURL = (): string => { getBasicURL = (): string => {
return `${this.protocol}://${this.ip}:${this.port}`; return `${this.protocol}://${this.ip}:${this.port}`;
}; };

10
src/modules/style.ts
Unescape View File

@ -40,6 +40,13 @@ style.textContent = css`
padding: 16px; padding: 16px;
display: none; display: none;
} }
.additionalElem {
color: hsla(0, 0%, 100%, 0.45);
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ratingDetail { .ratingDetail {
background: #ffffff24; background: #ffffff24;
padding: 5px 10px; padding: 5px 10px;
@ -177,6 +184,9 @@ style.textContent = css`
.yearElem { .yearElem {
color: hsla(0, 0%, 100%, 0.45); color: hsla(0, 0%, 100%, 0.45);
position: relative; position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.toViewEpisode { .toViewEpisode {
position: relative; position: relative;

23
src/modules/utils.ts
Unescape View File

@ -43,6 +43,18 @@ const getOffset = (el: Element): Record<string, any> => {
return { top: y, left: x }; return { top: y, left: x };
}; };
const hasEpisodes = (media: Array<Record<string, any>>): boolean => {
let result = false;
// eslint-disable-next-line consistent-return
_.forEach(media, data => {
if (_.isEqual(data.type, 'episode')) {
result = true;
return false;
}
});
return result;
};
const isVideoFullScreen = (_this: any): boolean => { const isVideoFullScreen = (_this: any): boolean => {
const videoPlayer = _this.getElementsByClassName('videoPlayer')[0] as HTMLElement; const videoPlayer = _this.getElementsByClassName('videoPlayer')[0] as HTMLElement;
const video = videoPlayer.children[0] as any; const video = videoPlayer.children[0] as any;
@ -160,4 +172,13 @@ const isScrolledIntoView = (elem: HTMLElement): boolean => {
}; };
// eslint-disable-next-line import/prefer-default-export // eslint-disable-next-line import/prefer-default-export
export { escapeHtml, getOffset, isScrolledIntoView, getHeight, createEpisodesView, findTrailerURL, isVideoFullScreen }; export {
escapeHtml,
getOffset,
isScrolledIntoView,
getHeight,
createEpisodesView,
findTrailerURL,
isVideoFullScreen,
hasEpisodes
};

38
src/plex-meets-homeassistant.ts
Unescape View File

@ -12,7 +12,8 @@ import {
getHeight, getHeight,
createEpisodesView, createEpisodesView,
findTrailerURL, findTrailerURL,
isVideoFullScreen isVideoFullScreen,
hasEpisodes
} from './modules/utils'; } from './modules/utils';
import style from './modules/style'; import style from './modules/style';
@ -142,6 +143,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
try { try {
if (this.plex) { if (this.plex) {
await this.plex.init(); await this.plex.init();
const continueWatching = await this.plex.getContinueWatching('3,5,6');
const [serverID, plexSections] = await Promise.all([this.plex.getServerID(), this.plex.getSectionsData()]); const [serverID, plexSections] = await Promise.all([this.plex.getServerID(), this.plex.getSectionsData()]);
// eslint-disable-next-line @typescript-eslint/camelcase // eslint-disable-next-line @typescript-eslint/camelcase
this.data.serverID = serverID; this.data.serverID = serverID;
@ -149,6 +151,8 @@ class PlexMeetsHomeAssistant extends HTMLElement {
this.data[section.title1] = section.Metadata; this.data[section.title1] = section.Metadata;
}); });
this.data.deck = continueWatching.MediaContainer.Metadata;
if (this.data[this.config.libraryName] === undefined) { if (this.data[this.config.libraryName] === undefined) {
this.error = `Library name ${this.config.libraryName} does not exist.`; this.error = `Library name ${this.config.libraryName} does not exist.`;
} }
@ -236,13 +240,14 @@ class PlexMeetsHomeAssistant extends HTMLElement {
let lastRowTop = 0; let lastRowTop = 0;
const loadAdditionalRowsCount = 2; // todo: make this configurable const loadAdditionalRowsCount = 2; // todo: make this configurable
const hasEpisodesResult = hasEpisodes(this.data[this.config.libraryName]);
// eslint-disable-next-line consistent-return // eslint-disable-next-line consistent-return
_.forEach(this.data[this.config.libraryName], (movieData: Record<string, any>) => { _.forEach(this.data[this.config.libraryName], (movieData: Record<string, any>) => {
if ( if (
(!this.maxCount || this.renderedItems < this.maxCount) && (!this.maxCount || this.renderedItems < this.maxCount) &&
(!this.maxRenderCount || this.renderedItems < this.maxRenderCount) (!this.maxRenderCount || this.renderedItems < this.maxRenderCount)
) { ) {
const movieElem = this.getMovieElement(movieData); const movieElem = this.getMovieElement(movieData, hasEpisodesResult);
let shouldRender = false; let shouldRender = false;
if (this.looseSearch) { if (this.looseSearch) {
let found = false; let found = false;
@ -1117,13 +1122,23 @@ class PlexMeetsHomeAssistant extends HTMLElement {
return 0; return 0;
}; };
getMovieElement = (data: any): HTMLDivElement => { getMovieElement = (data: any, hasAdditionalData = false): HTMLDivElement => {
const thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.thumb}&X-Plex-Token=${this.config.token}`; console.log(data);
let thumbURL = '';
if (_.isEqual(data.type, 'episode')) {
thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.grandparentThumb}&X-Plex-Token=${this.config.token}`;
} else {
thumbURL = `${this.plexProtocol}://${this.config.ip}:${this.config.port}/photo/:/transcode?width=${CSS_STYLE.expandedWidth}&height=${CSS_STYLE.expandedHeight}&minSize=1&upscale=1&url=${data.thumb}&X-Plex-Token=${this.config.token}`;
}
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'container'; container.className = 'container';
container.style.width = `${CSS_STYLE.width}px`; container.style.width = `${CSS_STYLE.width}px`;
if (hasAdditionalData) {
container.style.height = `${CSS_STYLE.height + 50}px`;
} else {
container.style.height = `${CSS_STYLE.height + 30}px`; container.style.height = `${CSS_STYLE.height + 30}px`;
}
const movieElem = document.createElement('div'); const movieElem = document.createElement('div');
movieElem.className = 'movieElem'; movieElem.className = 'movieElem';
@ -1172,17 +1187,32 @@ class PlexMeetsHomeAssistant extends HTMLElement {
}); });
const titleElem = document.createElement('div'); const titleElem = document.createElement('div');
if (_.isEqual(data.type, 'episode')) {
titleElem.innerHTML = escapeHtml(data.grandparentTitle);
} else {
titleElem.innerHTML = escapeHtml(data.title); titleElem.innerHTML = escapeHtml(data.title);
}
titleElem.className = 'titleElem'; titleElem.className = 'titleElem';
titleElem.style.marginTop = `${CSS_STYLE.height}px`; titleElem.style.marginTop = `${CSS_STYLE.height}px`;
const yearElem = document.createElement('div'); const yearElem = document.createElement('div');
if (_.isEqual(data.type, 'episode')) {
yearElem.innerHTML = escapeHtml(data.title);
} else {
yearElem.innerHTML = escapeHtml(data.year); yearElem.innerHTML = escapeHtml(data.year);
}
yearElem.className = 'yearElem'; yearElem.className = 'yearElem';
const additionalElem = document.createElement('div');
if (_.isEqual(data.type, 'episode')) {
additionalElem.innerHTML = escapeHtml(`S${data.parentIndex} E${data.index}`);
additionalElem.className = 'additionalElem';
}
container.appendChild(movieElem); container.appendChild(movieElem);
container.appendChild(titleElem); container.appendChild(titleElem);
container.appendChild(yearElem); container.appendChild(yearElem);
container.appendChild(additionalElem);
return container; return container;
}; };

Write Preview
Loading…
Cancel
Save