├── .gitignore ├── Images ├── preview-button-ink.svg ├── preview-button.svg └── preview.gif ├── InPlayerEpisodePreview.sln ├── LICENSE.md ├── Namo.Plugin.InPlayerEpisodePreview ├── Api │ ├── DTOs │ │ └── EpisodeDescriptionDto.cs │ └── InPlayerPreviewController.cs ├── BuildFiles │ └── 7za.exe ├── Configuration │ ├── PluginConfiguration.cs │ └── config.html ├── InPlayerEpisodePreviewPlugin.cs ├── Namo.Plugin.InPlayerEpisodePreview.csproj ├── Web │ ├── Components │ │ ├── BaseTemplate.ts │ │ ├── DialogBackdropContainerTemplate.ts │ │ ├── DialogContainerTemplate.ts │ │ ├── EpisodeDetails.ts │ │ ├── ListElementTemplate.ts │ │ ├── PopupContentContainerTemplate.ts │ │ ├── PopupFocusContainer.ts │ │ ├── PopupTitleTemplate.ts │ │ ├── PreviewButtonTemplate.ts │ │ ├── QuickActions │ │ │ ├── FavoriteIconTemplate.ts │ │ │ └── PlayStateIconTemplate.ts │ │ └── SeasonListElementTemplate.ts │ ├── Endpoints.ts │ ├── InPlayerPreview.ts │ ├── ListElementFactory.ts │ ├── Models │ │ ├── Episode.ts │ │ ├── ItemType.ts │ │ ├── Playbackinfo.ts │ │ ├── ProgramData.ts │ │ └── Season.ts │ └── Services │ │ ├── AuthService.ts │ │ ├── DataFetcher.ts │ │ ├── DataLoader.ts │ │ ├── Logger.ts │ │ ├── PlaybackHandler.ts │ │ └── ProgramDataStore.ts ├── build.bat ├── package-lock.json ├── package.json ├── tsconfig.json └── webpack.config.js ├── README.md ├── jellyfin.ruleset └── manifest.json /.gitignore: -------------------------------------------------------------------------------- 1 | .directory 2 | 3 | ################# 4 | ## Eclipse 5 | ################# 6 | 7 | *.pydevproject 8 | .project 9 | .metadata 10 | bin/ 11 | tmp/ 12 | *.tmp 13 | *.bak 14 | *.swp 15 | *~.nib 16 | project.fragment.lock.json 17 | project.lock.json 18 | local.properties 19 | .classpath 20 | .settings/ 21 | .loadpath 22 | 23 | # External tool builders 24 | .externalToolBuilders/ 25 | 26 | # Locally stored "Eclipse launch configurations" 27 | *.launch 28 | 29 | # CDT-specific 30 | .cproject 31 | 32 | # PDT-specific 33 | .buildpath 34 | 35 | ################# 36 | ## Media Browser 37 | ################# 38 | ProgramData*/ 39 | CorePlugins*/ 40 | ProgramData-Server*/ 41 | ProgramData-UI*/ 42 | 43 | ################# 44 | ## Visual Studio 45 | ################# 46 | 47 | ## Ignore Visual Studio temporary files, build results, and 48 | ## files generated by popular Visual Studio add-ons. 49 | 50 | .vs/ 51 | 52 | # User-specific files 53 | *.suo 54 | *.user 55 | *.sln.docstates 56 | 57 | # Build results 58 | 59 | [Dd]ebug/ 60 | [Rr]elease/ 61 | build/ 62 | [Bb]in/ 63 | [Oo]bj/ 64 | 65 | # MSTest test Results 66 | [Tt]est[Rr]esult*/ 67 | [Bb]uild[Ll]og.* 68 | 69 | *_i.c 70 | *_p.c 71 | *.ilk 72 | *.meta 73 | *.obj 74 | *.pch 75 | *.pdb 76 | *.pgc 77 | *.pgd 78 | *.rsp 79 | *.sbr 80 | *.tlb 81 | *.tli 82 | *.tlh 83 | *.tmp 84 | *.tmp_proj 85 | *.log 86 | *.vspscc 87 | *.vssscc 88 | .builds 89 | *.pidb 90 | *.log 91 | *.scc 92 | *.scc 93 | *.psess 94 | *.vsp 95 | *.vspx 96 | *.orig 97 | *.rej 98 | *.sdf 99 | *.opensdf 100 | *.ipch 101 | 102 | # Visual C++ cache files 103 | ipch/ 104 | *.aps 105 | *.ncb 106 | *.opensdf 107 | *.sdf 108 | *.cachefile 109 | 110 | # Visual Studio profiler 111 | *.psess 112 | *.vsp 113 | *.vspx 114 | 115 | # Guidance Automation Toolkit 116 | *.gpState 117 | 118 | # ReSharper is a .NET coding add-in 119 | _ReSharper*/ 120 | *.[Rr]e[Ss]harper 121 | 122 | # TeamCity is a build add-in 123 | _TeamCity* 124 | 125 | # DotCover is a Code Coverage Tool 126 | *.dotCover 127 | 128 | # NCrunch 129 | *.ncrunch* 130 | .*crunch*.local.xml 131 | 132 | # Installshield output folder 133 | [Ee]xpress/ 134 | 135 | # DocProject is a documentation generator add-in 136 | DocProject/buildhelp/ 137 | DocProject/Help/*.HxT 138 | DocProject/Help/*.HxC 139 | DocProject/Help/*.hhc 140 | DocProject/Help/*.hhk 141 | DocProject/Help/*.hhp 142 | DocProject/Help/Html2 143 | DocProject/Help/html 144 | 145 | # Click-Once directory 146 | publish/ 147 | 148 | # Publish Web Output 149 | *.Publish.xml 150 | *.pubxml 151 | 152 | # NuGet Packages Directory 153 | ## TODO: If you have NuGet Package Restore enabled, uncomment the next line 154 | # packages/ 155 | dlls/ 156 | dllssigned/ 157 | 158 | # Windows Azure Build Output 159 | csx 160 | *.build.csdef 161 | 162 | # Windows Store app package directory 163 | AppPackages/ 164 | 165 | # Others 166 | sql/ 167 | *.Cache 168 | ClientBin/ 169 | [Ss]tyle[Cc]op.* 170 | ~$* 171 | *~ 172 | *.dbmdl 173 | *.[Pp]ublish.xml 174 | *.publishsettings 175 | 176 | # RIA/Silverlight projects 177 | Generated_Code/ 178 | 179 | # Backup & report files from converting an old project file to a newer 180 | # Visual Studio version. Backup files are not needed, because we have git ;-) 181 | _UpgradeReport_Files/ 182 | Backup*/ 183 | UpgradeLog*.XML 184 | UpgradeLog*.htm 185 | 186 | # SQL Server files 187 | App_Data/*.mdf 188 | App_Data/*.ldf 189 | 190 | ############# 191 | ## Windows detritus 192 | ############# 193 | 194 | # Windows image file caches 195 | Thumbs.db 196 | ehthumbs.db 197 | 198 | # Folder config file 199 | Desktop.ini 200 | 201 | # Recycle Bin used on file shares 202 | $RECYCLE.BIN/ 203 | 204 | # Mac crap 205 | .DS_Store 206 | 207 | ############# 208 | ## Python 209 | ############# 210 | 211 | *.py[co] 212 | 213 | # Packages 214 | *.egg 215 | *.egg-info 216 | build/ 217 | eggs/ 218 | parts/ 219 | var/ 220 | sdist/ 221 | develop-eggs/ 222 | .installed.cfg 223 | 224 | # Installer logs 225 | pip-log.txt 226 | 227 | # Unit test / coverage reports 228 | .coverage 229 | .tox 230 | 231 | #Translations 232 | *.mo 233 | 234 | #Mr Developer 235 | .mr.developer.cfg 236 | 237 | ########## 238 | # Rider 239 | ########## 240 | .idea/ 241 | 242 | ######################### 243 | # Build artifacts 244 | ######################### 245 | 246 | # Artifacts for debian-x64 247 | debian/.debhelper/ 248 | debian/*.debhelper 249 | debian/debhelper-build-stamp 250 | debian/files 251 | debian/jellyfin.substvars 252 | debian/jellyfin/ 253 | # Don't ignore the debian/bin folder 254 | !debian/bin/ 255 | 256 | deployment/**/dist/ 257 | deployment/**/pkg-dist/ 258 | deployment/**/pkg-dist-tmp/ 259 | deployment/collect-dist/ 260 | 261 | jellyfin_version.ini 262 | 263 | Namo.Plugin.InPlayerEpisodePreview/.build/ 264 | 265 | ci/ 266 | 267 | # Doxygen 268 | doc/ 269 | 270 | # Deployment artifacts 271 | dist 272 | *.exe 273 | *.dll 274 | 275 | # BenchmarkDotNet artifacts 276 | BenchmarkDotNet.Artifacts 277 | 278 | # Ignore web artifacts from native builds 279 | node_modules/ 280 | 281 | # Ignore JetBrains Rider run configs 282 | .run/ 283 | 284 | # Omnisharp crash logs 285 | mono_crash.*.json -------------------------------------------------------------------------------- /Images/preview-button-ink.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 40 | 42 | 45 | 49 | 50 | 53 | 57 | 58 | 61 | 65 | 66 | 69 | 73 | 74 | 84 | 94 | 104 | 105 | 109 | 117 | 123 | 129 | 130 | 131 | -------------------------------------------------------------------------------- /Images/preview-button.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | 15 | 17 | 21 | 22 | 24 | 28 | 29 | 31 | 35 | 36 | 38 | 42 | 43 | 52 | 61 | 70 | 71 | 73 | 80 | 84 | 88 | 89 | 90 | -------------------------------------------------------------------------------- /Images/preview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Namo2/InPlayerEpisodePreview/e358db0200978c047cc2d63e8167424a63fc8e85/Images/preview.gif -------------------------------------------------------------------------------- /InPlayerEpisodePreview.sln: -------------------------------------------------------------------------------- 1 |  2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.2.32630.192 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Namo.Plugin.InPlayerEpisodePreview", "Namo.Plugin.InPlayerEpisodePreview\Namo.Plugin.InPlayerEpisodePreview.csproj", "{DF526B2C-5F30-40A0-ACDA-17D8933962B1}" 7 | EndProject 8 | Global 9 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 10 | Debug|Any CPU = Debug|Any CPU 11 | Debug|x64 = Debug|x64 12 | Release|Any CPU = Release|Any CPU 13 | Release|x64 = Release|x64 14 | EndGlobalSection 15 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 16 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 17 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Debug|Any CPU.Build.0 = Debug|Any CPU 18 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Debug|x64.ActiveCfg = Debug|Any CPU 19 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Debug|x64.Build.0 = Debug|Any CPU 20 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Release|Any CPU.ActiveCfg = Release|Any CPU 21 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Release|Any CPU.Build.0 = Release|Any CPU 22 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Release|x64.ActiveCfg = Release|Any CPU 23 | {DF526B2C-5F30-40A0-ACDA-17D8933962B1}.Release|x64.Build.0 = Release|Any CPU 24 | EndGlobalSection 25 | GlobalSection(SolutionProperties) = preSolution 26 | HideSolutionNode = FALSE 27 | EndGlobalSection 28 | GlobalSection(ExtensibilityGlobals) = postSolution 29 | SolutionGuid = {9BC84320-622C-488E-BD8F-A2A6E26799AA} 30 | EndGlobalSection 31 | EndGlobal 32 | -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | The MIT License 2 | 3 | Copyright (c) Media Browser http://mediabrowser.tv 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Api/DTOs/EpisodeDescriptionDto.cs: -------------------------------------------------------------------------------- 1 | namespace Namo.Plugin.InPlayerEpisodePreview.Api.DTOs; 2 | 3 | public record EpisodeDescriptionDto(string Description); -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Api/InPlayerPreviewController.cs: -------------------------------------------------------------------------------- 1 | using MediaBrowser.Common.Configuration; 2 | using MediaBrowser.Controller.Configuration; 3 | using MediaBrowser.Controller.Library; 4 | using MediaBrowser.Controller.MediaEncoding; 5 | using MediaBrowser.Model.IO; 6 | using Microsoft.AspNetCore.Http; 7 | using Microsoft.AspNetCore.Mvc; 8 | using Microsoft.Extensions.Logging; 9 | using System.Reflection; 10 | using MediaBrowser.Controller.Entities; 11 | using MediaBrowser.Controller.Persistence; 12 | using MediaBrowser.Controller.Session; 13 | using MediaBrowser.Model.Session; 14 | using Namo.Plugin.InPlayerEpisodePreview.Api.DTOs; 15 | using Namo.Plugin.InPlayerEpisodePreview.Configuration; 16 | 17 | namespace Namo.Plugin.InPlayerEpisodePreview.Api; 18 | 19 | /// 20 | /// Controller for accessing show data. 21 | /// 22 | [ApiController] 23 | [Route("InPlayerPreview")] 24 | public class InPlayerPreviewController : ControllerBase 25 | { 26 | private readonly Assembly _assembly; 27 | private readonly string _playerPreviewScriptPath; 28 | 29 | private readonly ILogger _logger; 30 | private readonly ILibraryManager _libraryManager; 31 | private readonly IItemRepository _itemRepository; 32 | private readonly IFileSystem _fileSystem; 33 | private readonly ILoggerFactory _loggerFactory; 34 | private readonly IApplicationPaths _appPaths; 35 | private readonly ILibraryMonitor _libraryMonitor; 36 | private readonly IMediaEncoder _mediaEncoder; 37 | private readonly IServerConfigurationManager _configurationManager; 38 | private readonly ISessionManager _sessionManager; 39 | private readonly EncodingHelper _encodingHelper; 40 | 41 | private readonly PluginConfiguration _config; 42 | 43 | /// 44 | /// Initializes a new instance of the class. 45 | /// 46 | public InPlayerPreviewController( 47 | ILibraryManager libraryManager, 48 | IItemRepository itemRepository, 49 | IFileSystem fileSystem, 50 | ILogger logger, 51 | ILoggerFactory loggerFactory, 52 | IApplicationPaths appPaths, 53 | ILibraryMonitor libraryMonitor, 54 | IMediaEncoder mediaEncoder, 55 | IServerConfigurationManager configurationManager, 56 | ISessionManager sessionManager, 57 | EncodingHelper encodingHelper) 58 | { 59 | _assembly = Assembly.GetExecutingAssembly(); 60 | _playerPreviewScriptPath = $"{InPlayerEpisodePreviewPlugin.Instance?.GetType().Namespace}.Web.InPlayerPreview.js"; 61 | 62 | _libraryManager = libraryManager; 63 | _itemRepository = itemRepository; 64 | _logger = logger; 65 | _fileSystem = fileSystem; 66 | _loggerFactory = loggerFactory; 67 | _appPaths = appPaths; 68 | _libraryMonitor = libraryMonitor; 69 | _mediaEncoder = mediaEncoder; 70 | _configurationManager = configurationManager; 71 | _sessionManager = sessionManager; 72 | _encodingHelper = encodingHelper; 73 | 74 | _config = InPlayerEpisodePreviewPlugin.Instance!.Configuration; 75 | } 76 | 77 | /// 78 | /// Get embedded javascript file for client-side code. 79 | /// 80 | /// Javascript file successfully returned. 81 | /// File not found. 82 | /// The "inPlayerPreview.js" embedded file. 83 | [HttpGet("ClientScript")] 84 | [ProducesResponseType(StatusCodes.Status200OK)] 85 | [ProducesResponseType(StatusCodes.Status404NotFound)] 86 | [Produces("application/javascript")] 87 | public ActionResult GetClientScript() 88 | { 89 | var scriptStream = _assembly.GetManifestResourceStream(_playerPreviewScriptPath); 90 | _logger.LogError("InPlayerEpisodePreviewPlugin: {0}", _playerPreviewScriptPath); 91 | if (scriptStream == null) 92 | return NotFound(); 93 | 94 | return File(scriptStream, "application/javascript"); 95 | } 96 | 97 | /// 98 | /// This controller starts a new episode. 99 | /// Could be replaced by /Sessions/{sessionId}/Playing, if frontend loads session itself 100 | /// 101 | /// 102 | /// 103 | /// 104 | /// 105 | [HttpGet("Users/{userId}/Items/{id}/Play/{ticks}")] 106 | [ProducesResponseType(StatusCodes.Status204NoContent)] 107 | [ProducesResponseType(StatusCodes.Status404NotFound)] 108 | public ActionResult StartMedia([FromRoute] Guid userId, [FromRoute] Guid id, [FromRoute] long ticks = 0) 109 | { 110 | SessionInfo? session = _sessionManager.Sessions.FirstOrDefault(session => session.UserId.Equals(userId)); 111 | if (session is null) 112 | { 113 | _logger.LogInformation("Couldn't find a valid session for this user"); 114 | return NotFound("Couldn't find a valid session for this user"); 115 | } 116 | 117 | BaseItem? item = _libraryManager.GetItemById(id); 118 | if (item is null) 119 | { 120 | const string message = "Couldn't find item to play"; 121 | _logger.LogInformation(message); 122 | return NotFound(message); 123 | } 124 | 125 | _sessionManager.SendPlayCommand(session.Id, session.Id, 126 | new PlayRequest 127 | { 128 | ItemIds = [item.Id], 129 | StartPositionTicks = ticks, 130 | PlayCommand = PlayCommand.PlayNow, 131 | }, CancellationToken.None); 132 | 133 | return NoContent(); 134 | } 135 | 136 | /// 137 | /// This controller returns the description of the given episode. 138 | /// Could be replaced by /Users/{userId}/Items/{episodeId}, if frontend loads whole data 139 | /// 140 | /// 141 | /// 142 | [HttpGet("Items/{id}")] 143 | [ProducesResponseType(StatusCodes.Status200OK)] 144 | [ProducesResponseType(StatusCodes.Status404NotFound)] 145 | public ActionResult GetMediaDescription([FromRoute] Guid id) 146 | { 147 | BaseItem? item = _libraryManager.GetItemById(id); 148 | if (item is not null) 149 | return new OkObjectResult(new EpisodeDescriptionDto(item.Overview)); 150 | 151 | // Error case 152 | const string message = "Couldn't find item to play"; 153 | _logger.LogInformation(message); 154 | return NotFound(message); 155 | } 156 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/BuildFiles/7za.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Namo2/InPlayerEpisodePreview/e358db0200978c047cc2d63e8167424a63fc8e85/Namo.Plugin.InPlayerEpisodePreview/BuildFiles/7za.exe -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Configuration/PluginConfiguration.cs: -------------------------------------------------------------------------------- 1 | using MediaBrowser.Model.Plugins; 2 | 3 | namespace Namo.Plugin.InPlayerEpisodePreview.Configuration; 4 | 5 | /// 6 | /// Class PluginConfiguration 7 | /// 8 | public class PluginConfiguration : BasePluginConfiguration 9 | { 10 | /// 11 | /// Initializes a new instance of the class. 12 | /// 13 | public PluginConfiguration() {} 14 | 15 | /// 16 | /// Whether or not the plugin should inject the client-side script tag into jellyfin-web. 17 | /// default = true 18 | /// 19 | public bool InjectClientScript { get; set; } = true; 20 | } 21 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Configuration/config.html: -------------------------------------------------------------------------------- 1 |  2 | 3 | 4 | 5 | InPlayerEpisodePreview 6 | 7 | 8 |
9 |
10 |
11 |
12 |
13 |
14 |

In Player Episode Preview

15 | ${Help} 17 |
18 |
19 |
20 |

There are no settings available yet.

21 |
22 |

If you have a question or a problem, please refer to the Github page under Help

23 |
24 |
25 |
26 |
27 |
28 | 29 | 31 |
32 | 33 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/InPlayerEpisodePreviewPlugin.cs: -------------------------------------------------------------------------------- 1 | using System.Text.RegularExpressions; 2 | using MediaBrowser.Common.Configuration; 3 | using MediaBrowser.Common.Plugins; 4 | using MediaBrowser.Controller.Configuration; 5 | using MediaBrowser.Controller.Session; 6 | using MediaBrowser.Model.Plugins; 7 | using MediaBrowser.Model.Serialization; 8 | using Microsoft.Extensions.Logging; 9 | using Namo.Plugin.InPlayerEpisodePreview.Configuration; 10 | 11 | namespace Namo.Plugin.InPlayerEpisodePreview; 12 | 13 | /// 14 | /// InPlayerEpisodePreview plugin. 15 | /// 16 | public class InPlayerEpisodePreviewPlugin : BasePlugin, IHasWebPages 17 | { 18 | /// 19 | public override string Name => "InPlayerEpisodePreview"; 20 | 21 | /// 22 | public override Guid Id => Guid.Parse("73833d5f-0bcb-45dc-ab8b-7ce668f4345d"); 23 | 24 | /// 25 | public override string Description => "Adds episode preview functionality to Jellyfin."; 26 | 27 | /// 28 | /// Initializes a new instance of the class. 29 | /// 30 | public InPlayerEpisodePreviewPlugin( 31 | IApplicationPaths applicationPaths, 32 | IXmlSerializer xmlSerializer, 33 | ILogger logger, 34 | IServerConfigurationManager configurationManager) 35 | : base(applicationPaths, xmlSerializer) 36 | { 37 | Instance = this; 38 | 39 | if (!Configuration.InjectClientScript) 40 | return; 41 | 42 | if (string.IsNullOrWhiteSpace(applicationPaths.WebPath)) 43 | return; 44 | 45 | var indexFile = Path.Combine(applicationPaths.WebPath, "index.html"); 46 | if (!File.Exists(indexFile)) 47 | return; 48 | 49 | string indexContents = File.ReadAllText(indexFile); 50 | string basePath = ""; 51 | 52 | // Get base path from network config 53 | try 54 | { 55 | var networkConfig = configurationManager.GetConfiguration("network"); 56 | var configType = networkConfig.GetType(); 57 | var basePathField = configType.GetProperty("BaseUrl"); 58 | var confBasePath = basePathField?.GetValue(networkConfig)?.ToString()?.Trim('/'); 59 | 60 | if (!string.IsNullOrEmpty(confBasePath)) 61 | basePath = $"/{confBasePath}"; 62 | } 63 | catch (Exception e) 64 | { 65 | logger.LogError("Unable to get base path from config, using '/': {0}", e); 66 | } 67 | 68 | // Don't run if script already exists 69 | string scriptReplace = ""; 70 | string scriptElement = 71 | string.Format( 72 | "", 73 | basePath); 74 | 75 | if (!indexContents.Contains(scriptElement)) 76 | { 77 | logger.LogInformation("Attempting to inject preview script code in {0}", indexFile); 78 | 79 | // Replace old Jellyscrub scrips 80 | indexContents = Regex.Replace(indexContents, scriptReplace, ""); 81 | 82 | // Insert script last in body 83 | int bodyClosing = indexContents.LastIndexOf("", StringComparison.Ordinal); 84 | if (bodyClosing != -1) 85 | { 86 | indexContents = indexContents.Insert(bodyClosing, scriptElement); 87 | 88 | try 89 | { 90 | File.WriteAllText(indexFile, indexContents); 91 | logger.LogInformation("Finished injecting preview script code in {0}", indexFile); 92 | } 93 | catch (Exception e) 94 | { 95 | logger.LogError("Encountered exception while writing to {0}: {1}", indexFile, e); 96 | } 97 | } 98 | else 99 | { 100 | logger.LogInformation("Could not find closing body tag in {0}", indexFile); 101 | } 102 | } 103 | else 104 | { 105 | logger.LogInformation("Found client script injected in {0}", indexFile); 106 | } 107 | } 108 | 109 | /// 110 | /// Gets the current plugin instance. 111 | /// 112 | public static InPlayerEpisodePreviewPlugin? Instance { get; private set; } 113 | 114 | /// 115 | public IEnumerable GetPages() 116 | { 117 | yield return new PluginPageInfo 118 | { 119 | Name = "InPlayerEpisodePreview", 120 | EmbeddedResourcePath = GetType().Namespace + ".Configuration.config.html" 121 | }; 122 | } 123 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Namo.Plugin.InPlayerEpisodePreview.csproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | net8.0 5 | enable 6 | enable 7 | 1.3.1.0 8 | 1.3.1.0 9 | 1.3.1.0 10 | 12 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/BaseTemplate.ts: -------------------------------------------------------------------------------- 1 | export abstract class BaseTemplate { 2 | /* 3 | * the HTML based ID of the new generated Element 4 | */ 5 | private elementId: string; 6 | 7 | protected constructor(private container: HTMLElement, private positionAfterIndex: number) { } 8 | 9 | public getContainer(): HTMLElement { 10 | return this.container; 11 | } 12 | 13 | public getPositionAfterIndex(): number { 14 | return this.positionAfterIndex; 15 | } 16 | 17 | protected setElementId(elementId: string): void { 18 | this.elementId = elementId; 19 | } 20 | 21 | public getElementId(): string { 22 | return this.elementId; 23 | } 24 | 25 | public getElement(): HTMLElement { 26 | return this.getContainer().querySelector(`#${this.getElementId()}`); 27 | } 28 | 29 | abstract getTemplate(...clickHandlers: Function[]): string; 30 | 31 | abstract render(...clickHandlers: Function[]): void; 32 | 33 | protected addElementToContainer(...clickHandlers: Function[]): HTMLElement { 34 | // Add Element as the first child if position is negative 35 | if (this.getPositionAfterIndex() < 0 && this.getContainer().hasChildNodes()) { 36 | this.getContainer().firstElementChild.before(this.stringToNode(this.getTemplate(...clickHandlers))); 37 | return this.getElement(); 38 | } 39 | 40 | // Add Element if container is empty 41 | if (!this.getContainer().hasChildNodes()) { 42 | this.getContainer().innerHTML = this.getTemplate(...clickHandlers); 43 | return this.getElement(); 44 | } 45 | 46 | let childBefore = this.getContainer().lastElementChild 47 | if (this.getContainer().children.length > this.getPositionAfterIndex() && this.getPositionAfterIndex() >= 0) 48 | childBefore = this.getContainer().children[this.getPositionAfterIndex()]; 49 | 50 | childBefore.after(this.stringToNode(this.getTemplate(...clickHandlers))); 51 | 52 | return this.getElement(); 53 | } 54 | 55 | private stringToNode(templateString: string): Node { 56 | let placeholder = document.createElement('div'); 57 | placeholder.innerHTML = templateString; 58 | return placeholder.firstElementChild; 59 | } 60 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/DialogBackdropContainerTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | 3 | export class DialogBackdropContainerTemplate extends BaseTemplate { 4 | constructor(container: HTMLElement, positionAfterIndex: number) { 5 | super(container, positionAfterIndex); 6 | this.setElementId('dialogBackdropContainer'); 7 | } 8 | 9 | getTemplate(): string { 10 | return ` 11 |
12 | `; 13 | } 14 | 15 | public render(): void { 16 | this.addElementToContainer(); 17 | } 18 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/DialogContainerTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {PopupFocusContainer} from "./PopupFocusContainer"; 3 | 4 | export class DialogContainerTemplate extends BaseTemplate { 5 | constructor(container: HTMLElement, positionAfterIndex: number) { 6 | super(container, positionAfterIndex); 7 | this.setElementId('dialogContainer'); 8 | } 9 | 10 | getTemplate(): string { 11 | let tempContainerDiv: HTMLDivElement = document.createElement('div'); 12 | let focusContainerDiv: PopupFocusContainer = new PopupFocusContainer(tempContainerDiv, -1); 13 | focusContainerDiv.render(); 14 | 15 | return ` 16 |
17 | ${tempContainerDiv.innerHTML} 18 |
19 | `; 20 | } 21 | 22 | public render(dialogContainerClickHandler: Function): void { 23 | let renderedElement: HTMLElement = this.addElementToContainer(); 24 | renderedElement.addEventListener('click', (e: MouseEvent): any => dialogContainerClickHandler(e)); 25 | } 26 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/EpisodeDetails.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {BaseItem} from "../Models/Episode"; 3 | 4 | export class EpisodeDetailsTemplate extends BaseTemplate { 5 | constructor(container: HTMLElement, positionAfterIndex: number, private episode: BaseItem) { 6 | super(container, positionAfterIndex); 7 | this.setElementId(`episode-${episode.IndexNumber}`); 8 | } 9 | 10 | getTemplate(): string { 11 | // language=HTML 12 | return ` 13 |
14 |
${(new Date(this.episode.PremiereDate)).toLocaleDateString(this.getLocale())}
15 |
${this.formatRunTime(this.episode.RunTimeTicks)}
16 | ${this.episode.CommunityRating ? `
17 | 18 | ${this.episode.CommunityRating.toFixed(1)} 19 |
` : ''} 20 | ${this.episode.CriticRating ? `
21 | ${this.episode.CriticRating} 22 |
` : ''} 23 |
${this.formatEndTime(this.episode.RunTimeTicks, this.episode.UserData.PlaybackPositionTicks)}
24 |
25 | `; 26 | } 27 | 28 | public render(): void { 29 | this.addElementToContainer(); 30 | } 31 | 32 | private getLocale(): string { 33 | return navigator.languages 34 | ? navigator.languages[0] // @ts-ignore for userLanguage (this adds support for IE) TODO: Move to interface 35 | : (navigator.language || navigator.userLanguage); 36 | } 37 | 38 | private formatRunTime(ticks: number): string { 39 | // format the ticks to a string with minutes and hours 40 | ticks /= 10000; // convert from microseconds to milliseconds 41 | let hours: number = Math.floor((ticks / 1000 / 3600) % 24); 42 | let minutes: number = Math.floor((ticks / 1000 / 60) % 60); 43 | let hoursString: string = hours > 0 ? `${hours}h ` : ''; 44 | return `${hoursString}${minutes}m`; 45 | } 46 | 47 | private formatEndTime(runtimeTicks: number, playbackPositionTicks: number): string { 48 | // convert from microseconds to milliseconds 49 | runtimeTicks /= 10000; 50 | playbackPositionTicks /= 10000; 51 | 52 | let ticks: number = Date.now() + (runtimeTicks); 53 | ticks -= (new Date()).getTimezoneOffset() * 60 * 1000; // adjust for timezone 54 | ticks -= playbackPositionTicks; // subtract the playback position 55 | 56 | let hours: string = this.zeroPad(Math.floor((ticks / 1000 / 3600) % 24)); 57 | let minutes: string = this.zeroPad(Math.floor((ticks / 1000 / 60) % 60)); 58 | 59 | return `Ends at ${hours}:${minutes}`; 60 | } 61 | 62 | private zeroPad(num: number, places: number = 2): string { 63 | return String(num).padStart(places, '0'); 64 | } 65 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/ListElementTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {FavoriteIconTemplate} from "./QuickActions/FavoriteIconTemplate"; 3 | import {PlayStateIconTemplate} from "./QuickActions/PlayStateIconTemplate"; 4 | import {PlaybackHandler} from "../Services/PlaybackHandler"; 5 | import {EpisodeDetailsTemplate} from "./EpisodeDetails"; 6 | import {ProgramDataStore} from "../Services/ProgramDataStore"; 7 | import {BaseItem} from "../Models/Episode"; 8 | import {ItemType} from "../Models/ItemType"; 9 | import {Season} from "../Models/Season"; 10 | 11 | export class ListElementTemplate extends BaseTemplate { 12 | private readonly quickActionContainer: HTMLElement; 13 | private playStateIcon: PlayStateIconTemplate; 14 | private favoriteIcon: FavoriteIconTemplate; 15 | 16 | constructor(container: HTMLElement, positionAfterIndex: number, private item: BaseItem, private playbackHandler: PlaybackHandler, private programDataStore: ProgramDataStore) { 17 | super(container, positionAfterIndex); 18 | this.setElementId(`episode-${item.IndexNumber}`); 19 | 20 | // create temp quick action container 21 | this.quickActionContainer = document.createElement('div'); 22 | 23 | // create quick actions 24 | this.playStateIcon = new PlayStateIconTemplate(this.quickActionContainer, -1, this.item, this.programDataStore); 25 | this.favoriteIcon = new FavoriteIconTemplate(this.quickActionContainer, 0, this.item, this.programDataStore); 26 | } 27 | 28 | getTemplate(): string { 29 | // add quick actions 30 | this.playStateIcon.render(); 31 | this.favoriteIcon.render(); 32 | 33 | // add episode details/info 34 | const detailsContainer: HTMLDivElement = document.createElement('div'); 35 | const details: EpisodeDetailsTemplate = new EpisodeDetailsTemplate(detailsContainer, -1, this.item); 36 | details.render(); 37 | 38 | const backgroundImageStyle: string = `background-image: url('../Items/${this.item.Id}/Images/Primary?tag=${this.item.ImageTags.Primary}')` 39 | 40 | // language=HTML 41 | return ` 42 |
46 |
47 | 53 |
54 | ${this.quickActionContainer.innerHTML} 55 |
56 |
57 | 58 |
59 | ${detailsContainer.innerHTML} 60 |
61 |
62 |
63 |
64 |
65 |
67 | 69 | 80 |
82 | 89 |
90 |
91 |
92 |
93 | ${this.item.Description} 94 |
95 |
96 |
97 | `; 98 | } 99 | 100 | public render(clickHandler: Function): void { 101 | let renderedElement: HTMLElement = this.addElementToContainer(); 102 | renderedElement.addEventListener('click', (e) => clickHandler(e)); 103 | 104 | // add event handler to start the playback of this episode 105 | let episodeImageCard: HTMLElement = document.getElementById(`start-episode-${this.item.IndexNumber}`); 106 | episodeImageCard.addEventListener('click', () => this.playbackHandler.play(this.item.Id, this.item.UserData.PlaybackPositionTicks)); 107 | } 108 | 109 | /** 110 | * Unused - Will maybe be used in further updates on this 111 | */ 112 | public update(): void { 113 | let newData: BaseItem; 114 | // get current episode data 115 | if (ItemType[this.item.Type] === ItemType.Series) { 116 | const season: Season = this.programDataStore.seasons.find((s: Season): boolean => s.episodes.some((e: BaseItem): boolean => e.Id === this.item.Id)); 117 | newData = season.episodes.find((e: BaseItem): boolean => e.Id === this.item.Id); 118 | } else if (ItemType[this.item.Type] === ItemType.Movie) { 119 | newData = this.programDataStore.movies.find((m: BaseItem): boolean => m.Id === this.item.Id); 120 | } 121 | 122 | // update playtime percentage 123 | const playtime: Element = this.getElement().querySelector('.itemProgressBarForeground'); 124 | playtime.setAttribute("style", `width:${newData.UserData.PlayedPercentage}%`); 125 | 126 | // update quick actions state 127 | this.playStateIcon.update(); 128 | this.favoriteIcon.update(); 129 | } 130 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/PopupContentContainerTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | 3 | export class PopupContentContainerTemplate extends BaseTemplate { 4 | constructor(container: HTMLElement, positionAfterIndex: number) { 5 | super(container, positionAfterIndex); 6 | this.setElementId('popupContentContainer'); 7 | } 8 | 9 | getTemplate(): string { 10 | return ` 11 |
12 | `; 13 | } 14 | 15 | public render(): void { 16 | this.addElementToContainer(); 17 | } 18 | 19 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/PopupFocusContainer.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {PopupContentContainerTemplate} from "./PopupContentContainerTemplate"; 3 | 4 | export class PopupFocusContainer extends BaseTemplate { 5 | constructor(container: HTMLElement, positionAfterIndex: number) { 6 | super(container, positionAfterIndex); 7 | this.setElementId('popupFocusContainer'); 8 | } 9 | 10 | getTemplate(): string { 11 | let tempContainerDiv: HTMLDivElement = document.createElement('div'); 12 | let popupContentContainer: PopupContentContainerTemplate = new PopupContentContainerTemplate(tempContainerDiv, -1); 13 | popupContentContainer.render(); 14 | 15 | return ` 16 |
17 | ${tempContainerDiv.innerHTML} 18 |
19 | `; 20 | } 21 | 22 | public render(): void { 23 | this.addElementToContainer(); 24 | } 25 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/PopupTitleTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {ProgramDataStore} from "../Services/ProgramDataStore"; 3 | 4 | export class PopupTitleTemplate extends BaseTemplate { 5 | constructor(container: HTMLElement, positionAfterIndex: number, private programDataStore: ProgramDataStore) { 6 | super(container, positionAfterIndex); 7 | this.setElementId('popupTitleContainer'); 8 | } 9 | 10 | getTemplate(): string { 11 | return ` 12 |
13 | ${ 14 | this.programDataStore.isSeries && this.programDataStore.seasons.length > 1 ? 15 | '' : 16 | '' 17 | } 18 |

19 |
20 | `; 21 | } 22 | 23 | public render(clickHandler: Function) { 24 | let renderedElement = this.addElementToContainer(); 25 | 26 | if (this.programDataStore.isSeries) 27 | renderedElement.addEventListener('click', (e) => clickHandler(e)); 28 | } 29 | 30 | public setText(text: string) { 31 | let renderedElement = this.getElement(); 32 | renderedElement.querySelector('h1').innerText = text; 33 | } 34 | 35 | public setVisible(isVisible: boolean) { 36 | let renderedElement = this.getElement(); 37 | if (isVisible) { 38 | renderedElement.classList.remove('hide'); 39 | return; 40 | } 41 | 42 | renderedElement.classList.add('hide'); 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/PreviewButtonTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | 3 | export class PreviewButtonTemplate extends BaseTemplate { 4 | constructor(container: HTMLElement, positionAfterIndex: number) { 5 | super(container, positionAfterIndex); 6 | this.setElementId('popupPreviewButton'); 7 | } 8 | 9 | getTemplate(): string { 10 | // language=HTML 11 | return ` 12 | 36 | `; 37 | } 38 | 39 | public render(clickHandler: Function): void { 40 | let renderedElement: HTMLElement = this.addElementToContainer(); 41 | renderedElement.addEventListener('click', (): any => clickHandler()); 42 | } 43 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/QuickActions/FavoriteIconTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "../BaseTemplate"; 2 | import {BaseItem} from "../../Models/Episode"; 3 | import {ProgramDataStore} from "../../Services/ProgramDataStore"; 4 | 5 | export class FavoriteIconTemplate extends BaseTemplate { 6 | constructor(container: HTMLElement, positionAfterIndex: number, private episode: BaseItem, private programDataStore: ProgramDataStore) { 7 | super(container, positionAfterIndex); 8 | this.setElementId('favoriteButton-' + episode.IndexNumber); 9 | } 10 | 11 | getTemplate(): string { 12 | // language=HTML 13 | return ` 14 | 27 | `; 28 | 29 | 30 | } 31 | 32 | public render(): void { 33 | this.addElementToContainer(); 34 | } 35 | 36 | /** 37 | * Unused - Will maybe be used in further updates on this 38 | */ 39 | public update(): void { 40 | // get current episode data 41 | const season = this.programDataStore.seasons.find(s => s.episodes.some(e => e.Id === this.episode.Id)); 42 | const newData = season.episodes.find(e => e.Id === this.episode.Id); 43 | 44 | const favoriteIcon = this.getElement(); 45 | favoriteIcon.setAttribute("data-isfavorite", newData.UserData.IsFavorite.toString()); 46 | } 47 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/QuickActions/PlayStateIconTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "../BaseTemplate"; 2 | import {BaseItem} from "../../Models/Episode"; 3 | import {ProgramDataStore} from "../../Services/ProgramDataStore"; 4 | 5 | export class PlayStateIconTemplate extends BaseTemplate { 6 | constructor(container: HTMLElement, positionAfterIndex: number, private episode: BaseItem, private programDataStore: ProgramDataStore) { 7 | super(container, positionAfterIndex); 8 | this.setElementId('playStateButton-' + this.episode.IndexNumber); 9 | } 10 | 11 | getTemplate(): string { 12 | // language=HTML 13 | return ` 14 | 27 | `; 28 | } 29 | 30 | public render(): void { 31 | this.addElementToContainer(); 32 | } 33 | 34 | /** 35 | * Unused - Will maybe be used in further updates on this 36 | */ 37 | public update(): void { 38 | // get current episode data 39 | const season = this.programDataStore.seasons.find(s => s.episodes.some(e => e.Id === this.episode.Id)); 40 | const newData = season.episodes.find(e => e.Id === this.episode.Id); 41 | 42 | const playStateIcon = this.getElement(); 43 | playStateIcon.setAttribute("data-played", newData.UserData.Played.toString()); 44 | } 45 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Components/SeasonListElementTemplate.ts: -------------------------------------------------------------------------------- 1 | import {BaseTemplate} from "./BaseTemplate"; 2 | import {Season} from "../Models/Season"; 3 | 4 | export class SeasonListElementTemplate extends BaseTemplate { 5 | constructor(container: HTMLElement, positionAfterIndex: number, private season: Season, private isCurrentSeason: boolean) { 6 | super(container, positionAfterIndex); 7 | this.setElementId(`episode-${season.seasonId}`); 8 | } 9 | 10 | getTemplate(): string { 11 | // language=HTML 12 | return ` 13 |
17 | 23 |
24 | `; 25 | } 26 | 27 | public render(clickHandler: Function): void { 28 | let renderedElement: HTMLElement = this.addElementToContainer(); 29 | renderedElement.addEventListener('click', (e: MouseEvent): void => clickHandler(e)); 30 | } 31 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Endpoints.ts: -------------------------------------------------------------------------------- 1 | export class Endpoints { 2 | public static readonly BASE: string = "InPlayerPreview"; 3 | public static readonly EPISODE_INFO: string = "/Users/{userId}/Items/{episodeId}"; 4 | public static readonly EPISODE_DESCRIPTION: string = "/Items/{episodeId}"; 5 | public static readonly PLAY_MEDIA: string = "/Users/{userId}/Items/{episodeId}/Play/{ticks}"; 6 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/InPlayerPreview.ts: -------------------------------------------------------------------------------- 1 | import {Logger} from "./Services/Logger"; 2 | import {AuthService} from "./Services/AuthService"; 3 | import {PreviewButtonTemplate} from "./Components/PreviewButtonTemplate"; 4 | import {ProgramDataStore} from "./Services/ProgramDataStore"; 5 | import {DataLoader} from "./Services/DataLoader"; 6 | import {DialogBackdropContainerTemplate} from "./Components/DialogBackdropContainerTemplate"; 7 | import {DialogContainerTemplate} from "./Components/DialogContainerTemplate"; 8 | import {PlaybackHandler} from "./Services/PlaybackHandler"; 9 | import {ListElementFactory} from "./ListElementFactory"; 10 | import {PopupTitleTemplate} from "./Components/PopupTitleTemplate"; 11 | import {DataFetcher} from "./Services/DataFetcher"; 12 | import {BaseItem} from "./Models/Episode"; 13 | import {Season} from "./Models/Season"; 14 | 15 | // load and inject inPlayerPreview.css into the page 16 | /* 17 | * Inject style to be used for the preview popup 18 | */ 19 | let inPlayerPreviewStyle: HTMLStyleElement = document.createElement('style'); 20 | inPlayerPreviewStyle.id = 'inPlayerPreviewStyle'; 21 | inPlayerPreviewStyle.textContent += '.selectedListItem {height: auto;}'; 22 | inPlayerPreviewStyle.textContent += '.previewListItem {flex-direction: column; align-items: flex-start;}'; 23 | inPlayerPreviewStyle.textContent += '.previewListItemContent {width: 100%; min-height: 15.5vh; position: relative; display: flex; flex-direction: column;}'; 24 | inPlayerPreviewStyle.textContent += '.previewPopup {animation: 140ms ease-out 0s 1 normal both running scaleup; position: fixed; margin: 0px; bottom: 1.5vh; left: 50vw; width: 48vw;}'; 25 | inPlayerPreviewStyle.textContent += '.previewPopupTitle {max-height: 4vh;}'; 26 | inPlayerPreviewStyle.textContent += '.previewPopupScroller {max-height: 60vh;}'; 27 | inPlayerPreviewStyle.textContent += '.previewQuickActionContainer {margin-left: auto; margin-right: 1em;}'; 28 | inPlayerPreviewStyle.textContent += '.previewEpisodeContainer {width: 100%;}'; 29 | inPlayerPreviewStyle.textContent += '.previewEpisodeTitle {pointer-events: none;}'; 30 | inPlayerPreviewStyle.textContent += '.previewEpisodeImageCard {max-width: 30%;}'; 31 | inPlayerPreviewStyle.textContent += '.previewEpisodeDescription {margin-left: 0.5em; margin-top: 0.5em; margin-right: 1.5em; display: block;}'; 32 | inPlayerPreviewStyle.textContent += '.previewEpisodeDetails {margin-left: 0.5em;}'; 33 | document?.head?.appendChild(inPlayerPreviewStyle); 34 | 35 | // init services and helpers 36 | const logger: Logger = new Logger(); 37 | const authService: AuthService = new AuthService(); 38 | const programDataStore: ProgramDataStore = new ProgramDataStore(); 39 | const dataLoader: DataLoader = new DataLoader(authService); 40 | new DataFetcher(programDataStore, authService, logger); 41 | const playbackHandler: PlaybackHandler = new PlaybackHandler(programDataStore, logger); 42 | const listElementFactory = new ListElementFactory(dataLoader, playbackHandler, programDataStore); 43 | 44 | const videoPaths: string[] = ['/video']; 45 | let previousRoutePath: string = null; 46 | document.addEventListener('viewshow', viewShowEventHandler); 47 | let previewContainerLoaded: boolean = false; 48 | 49 | function viewShowEventHandler(): void { 50 | let currentRoutePath: string = getLocationPath(); 51 | 52 | function getLocationPath(): string { 53 | const location: string = window.location.toString(); 54 | const currentRouteIndex: number = location.lastIndexOf('/'); 55 | 56 | return location.substring(currentRouteIndex); 57 | } 58 | 59 | // Initial attempt to load the video view or schedule retries. 60 | attemptLoadVideoView(); 61 | 62 | previousRoutePath = currentRoutePath; 63 | 64 | // This function attempts to load the video view, retrying up to 3 times if necessary. 65 | function attemptLoadVideoView(retryCount = 0): void { 66 | if (videoPaths.includes(currentRoutePath)) { 67 | if ((programDataStore.movies.length > 0 && programDataStore.boxSetName !== '') || (programDataStore.seasons.length > 0 && programDataStore.seasons[programDataStore.activeSeasonIndex].episodes.length > 1)) { 68 | // Check if the preview container is already loaded before loading 69 | if (!previewContainerLoaded && !isPreviewButtonCreated()) { 70 | loadVideoView(); 71 | previewContainerLoaded = true; // Set flag to true after loading 72 | } 73 | } else if (retryCount < 3) { // Retry up to 3 times 74 | setTimeout((): void => { 75 | logger.debug(`Retry #${retryCount + 1}`); 76 | attemptLoadVideoView(retryCount + 1); 77 | }, 10000); // Wait 10 seconds for each retry 78 | } 79 | } else if (videoPaths.includes(previousRoutePath)) { 80 | unloadVideoView(); 81 | } 82 | } 83 | 84 | function loadVideoView(): void { 85 | // add preview button to the page 86 | let parent: HTMLElement = document.querySelector('.buttons').lastElementChild.parentElement; // lastElementChild.parentElement is used for casting from Element to HTMLElement 87 | 88 | let index: number = Array.from(parent.children).findIndex((child: Element): boolean => child.classList.contains("btnUserRating")); 89 | // if index is invalid try to use the old position (used in Jellyfin 10.8.12) 90 | if (index === -1) 91 | index = Array.from(parent.children).findIndex((child: Element): boolean => child.classList.contains("osdTimeText")) 92 | 93 | const previewButton: PreviewButtonTemplate = new PreviewButtonTemplate(parent, index); 94 | previewButton.render(previewButtonClickHandler); 95 | 96 | function previewButtonClickHandler(): void { 97 | const isSeries: boolean = programDataStore.isSeries; 98 | 99 | if (isSeries) { 100 | // refresh active season 101 | programDataStore.activeSeasonIndex = programDataStore.seasons 102 | .findIndex((season: Season): boolean => season.episodes.some((episode: BaseItem): boolean => episode.Id === programDataStore.activeMediaSourceId)); 103 | } 104 | 105 | let dialogBackdrop: DialogBackdropContainerTemplate = new DialogBackdropContainerTemplate(document.body, document.body.children.length - 1); 106 | dialogBackdrop.render(); 107 | 108 | let dialogContainer: DialogContainerTemplate = new DialogContainerTemplate(document.body, document.body.children.length - 1); 109 | dialogContainer.render((): void => { 110 | document.body.removeChild(document.getElementById(dialogBackdrop.getElementId())); 111 | document.body.removeChild(document.getElementById(dialogContainer.getElementId())); 112 | }); 113 | 114 | let contentDiv: HTMLElement = document.getElementById('popupContentContainer'); 115 | contentDiv.innerHTML = ""; // remove old content 116 | 117 | let popupTitle: PopupTitleTemplate = new PopupTitleTemplate(document.getElementById('popupFocusContainer'), -1, programDataStore); 118 | popupTitle.render((e: MouseEvent) => { 119 | e.stopPropagation(); 120 | 121 | popupTitle.setVisible(false); 122 | let contentDiv: HTMLElement = document.getElementById('popupContentContainer'); 123 | 124 | // delete episode content for all existing episodes in the preview list; 125 | contentDiv.innerHTML = ""; 126 | 127 | listElementFactory.createSeasonElements(programDataStore.seasons, contentDiv, programDataStore.activeSeasonIndex, popupTitle); 128 | }); 129 | 130 | popupTitle.setText(isSeries ? programDataStore.seasons[programDataStore.activeSeasonIndex].seasonName : programDataStore.boxSetName); 131 | 132 | let itemsForCurrentList: BaseItem[] = isSeries ? programDataStore.seasons[programDataStore.activeSeasonIndex].episodes : programDataStore.movies; 133 | listElementFactory.createEpisodeElements(itemsForCurrentList, contentDiv); 134 | 135 | // scroll to the episode that is currently playing 136 | contentDiv.querySelector('.selectedListItem').parentElement.scrollIntoView(); 137 | } 138 | } 139 | function unloadVideoView(): void { 140 | // Clear old data and reset previewContainerLoaded flag 141 | authService.setAuthHeaderValue(""); 142 | programDataStore.clear(); 143 | 144 | if (document.getElementById("dialogBackdropContainer")) 145 | document.body.removeChild(document.getElementById("dialogBackdropContainer")); 146 | if (document.getElementById("dialogContainer")) 147 | document.body.removeChild(document.getElementById("dialogContainer")); 148 | 149 | previewContainerLoaded = false; // Reset flag when unloading 150 | } 151 | 152 | function isPreviewButtonCreated(): boolean { 153 | return document.querySelector('.buttons').querySelector('#popupPreviewButton') !== null; 154 | } 155 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/ListElementFactory.ts: -------------------------------------------------------------------------------- 1 | import {ListElementTemplate} from "./Components/ListElementTemplate"; 2 | import {BaseItem} from "./Models/Episode"; 3 | import {ProgramDataStore} from "./Services/ProgramDataStore"; 4 | import {Season} from "./Models/Season"; 5 | import {SeasonListElementTemplate} from "./Components/SeasonListElementTemplate"; 6 | import {PopupTitleTemplate} from "./Components/PopupTitleTemplate"; 7 | import {DataLoader} from "./Services/DataLoader"; 8 | import {PlaybackHandler} from "./Services/PlaybackHandler"; 9 | 10 | export class ListElementFactory { 11 | constructor(private dataLoader: DataLoader, private playbackHandler: PlaybackHandler, private programDataStore: ProgramDataStore) { 12 | } 13 | 14 | public createEpisodeElements(episodes: BaseItem[], parentDiv: HTMLElement): void { 15 | for (let i: number = 0; i < episodes.length; i++) { 16 | if (this.programDataStore.isMovie) { 17 | episodes[i].IndexNumber = i + 1 18 | this.programDataStore.updateItem(episodes[i]) 19 | } 20 | 21 | const episode = new ListElementTemplate(parentDiv, i, episodes[i], this.playbackHandler, this.programDataStore); 22 | episode.render((e: MouseEvent): void => { 23 | e.stopPropagation(); 24 | 25 | // hide episode content for all existing episodes in the preview list 26 | document.querySelectorAll(".previewListItemContent").forEach((element: Element): void => { 27 | element.classList.add('hide'); 28 | element.classList.remove('selectedListItem'); 29 | }); 30 | 31 | const episodeContainer: Element = document.querySelector(`[data-id="${episodes[i].IndexNumber}"]`).querySelector('.previewListItemContent'); 32 | 33 | // load episode description 34 | if (!episodes[i].Description) { 35 | const request: XMLHttpRequest = this.dataLoader.loadEpisodeDescription(episodes[i].Id, (): void => { 36 | episodes[i].Description = request.response?.Description; 37 | this.programDataStore.updateItem(episodes[i]); 38 | episodeContainer.querySelector('.previewEpisodeDescription').textContent = episodes[i].Description; 39 | }); 40 | } 41 | 42 | // show episode content for the selected episode 43 | episodeContainer.classList.remove('hide'); 44 | episodeContainer.classList.add('selectedListItem'); 45 | 46 | // scroll to the selected episode 47 | episodeContainer.parentElement.scrollIntoView({ block: "start" }); 48 | }); 49 | 50 | if (episodes[i].Id === this.programDataStore.activeMediaSourceId) { 51 | const episodeNode: Element = document.querySelector(`[data-id="${episodes[i].IndexNumber}"]`).querySelector('.previewListItemContent'); 52 | 53 | // preload episode description for the currently playing episode 54 | if (!episodes[i].Description) { 55 | const request: XMLHttpRequest = this.dataLoader.loadEpisodeDescription(episodes[i].Id, (): void => { 56 | episodes[i].Description = request.response?.Description; 57 | this.programDataStore.updateItem(episodes[i]); 58 | episodeNode.querySelector('.previewEpisodeDescription').textContent = episodes[i].Description; 59 | }); 60 | } 61 | 62 | episodeNode.classList.remove('hide'); 63 | episodeNode.classList.add('selectedListItem'); 64 | } 65 | } 66 | } 67 | 68 | public createSeasonElements(seasons: Season[], parentDiv: HTMLElement, currentSeasonIndex: number, titleContainer: PopupTitleTemplate): void { 69 | for (let i: number = 0; i < seasons.length; i++) { 70 | const season = new SeasonListElementTemplate(parentDiv, i, seasons[i], i === currentSeasonIndex); 71 | season.render((e: MouseEvent): void => { 72 | e.stopPropagation(); 73 | 74 | titleContainer.setText(seasons[i].seasonName); 75 | titleContainer.setVisible(true); 76 | 77 | parentDiv.innerHTML = ""; // remove old content 78 | this.createEpisodeElements(seasons[i].episodes, parentDiv); 79 | }); 80 | } 81 | } 82 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Models/Episode.ts: -------------------------------------------------------------------------------- 1 | export type ItemDto = { 2 | Items: BaseItem[]; 3 | TotalRecordCount: number; 4 | StartIndex: number; 5 | } 6 | 7 | export type BaseItem = { 8 | Name: string 9 | ServerId: string 10 | Id: string 11 | Container: string 12 | PremiereDate: string 13 | ChannelId: any 14 | CommunityRating: number 15 | RunTimeTicks: number 16 | ProductionYear: number 17 | IndexNumber: number 18 | ParentIndexNumber: number 19 | IsFolder: boolean 20 | Type: string 21 | ParentLogoItemId: string 22 | ParentBackdropItemId: string 23 | ParentBackdropImageTags: string[] 24 | UserData: UserData 25 | VideoType: string 26 | ImageTags: ImageTags 27 | BackdropImageTags: any[] 28 | ParentLogoImageTag: string 29 | ImageBlurHashes: ImageBlurHashes 30 | Chapters: Chapter[] 31 | LocationType: string 32 | MediaType: string 33 | OfficialRating?: string 34 | Description?: string 35 | CriticRating?: number 36 | SeriesName?: string 37 | SeriesId?: string 38 | SeasonId?: string 39 | SeriesPrimaryImageTag?: string 40 | SeasonName?: string 41 | } 42 | 43 | export type UserData = { 44 | PlayedPercentage?: number 45 | PlaybackPositionTicks: number 46 | PlayCount: number 47 | IsFavorite: boolean 48 | LastPlayedDate?: string 49 | Played: boolean 50 | Key: string 51 | } 52 | 53 | export type ImageTags = { 54 | Primary: string 55 | } 56 | 57 | export type ImageBlurHashes = { 58 | Primary: Primary 59 | Logo: Logo 60 | Backdrop: Backdrop 61 | } 62 | 63 | export type Primary = { 64 | "97dcc421e6d5277bd204d6a0c2e1d7e9"?: string 65 | e84f38054f15760a5baab510e39d419f: string 66 | d3fb4a8e790b3f88641c30a427512026?: string 67 | "480f3f1d94da35e99188605e5793d02f"?: string 68 | a346c24d1f0e720096ad0ca4366d7e88?: string 69 | a3f5c5f69efa788eaf978a0d1ecbd2d3?: string 70 | fad924584418e5717f56dd20d3558c41?: string 71 | "01e81b9d91c99096267e71105e3e039f"?: string 72 | b411f7661ded5f53f038bb7f0ae9b2df?: string 73 | d8dfd3c627c53eb9c30d4a35f2aeb015?: string 74 | "8050a05aab1fb105efaa1bbdf8747cd1"?: string 75 | e6566df4b3c66c1bb0543bb7bc1e8ff9?: string 76 | "022a9c9e41863e8912e43ea45fc78280"?: string 77 | "5845bb9186ac30c041e336cbbace481d"?: string 78 | d631dd7deca13ac2757f01a37e34df0d?: string 79 | e2ab9a38ff2b5784e1f12fc10556b21b?: string 80 | "208a3803c1e44feeb76d0889fcaefa18"?: string 81 | "3f1102eee927b1e28279538e6f37df53"?: string 82 | "54d67999796aaa7749ef1b02b4bf327a"?: string 83 | "27bfaced308e8da104386c55a62823b7"?: string 84 | c4d9bf936687fa5ec9c006e10b59dc16?: string 85 | } 86 | 87 | export type Logo = { 88 | feddf6f18ae97abc608fdc453b02012e: string 89 | } 90 | 91 | export type Backdrop = { 92 | ed95d46d15bb158fa9bb6e126111fbd4: string 93 | } 94 | 95 | export type Chapter = { 96 | StartPositionTicks: number 97 | Name: string 98 | ImageDateModified: string 99 | } 100 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Models/ItemType.ts: -------------------------------------------------------------------------------- 1 | export enum ItemType { 2 | AggregateFolder, 3 | Audio, 4 | AudioBook, 5 | BasePluginFolder, 6 | Book, 7 | BoxSet, 8 | Channel, 9 | ChannelFolderItem, 10 | CollectionFolder, 11 | Episode, 12 | Folder, 13 | Genre, 14 | ManualPlaylistsFolder, 15 | Movie, 16 | LiveTvChannel, 17 | LiveTvProgram, 18 | MusicAlbum, 19 | MusicArtist, 20 | MusicGenre, 21 | MusicVideo, 22 | Person, 23 | Photo, 24 | PhotoAlbum, 25 | Playlist, 26 | PlaylistsFolder, 27 | Program, 28 | Recording, 29 | Season, 30 | Series, 31 | Studio, 32 | Trailer, 33 | TvChannel, 34 | TvProgram, 35 | UserRootFolder, 36 | UserView, 37 | Video, 38 | Year 39 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Models/Playbackinfo.ts: -------------------------------------------------------------------------------- 1 | export interface PlayBackInfo { 2 | MediaSources: MediaSource[] 3 | PlaySessionId: string 4 | } 5 | 6 | export interface MediaSource { 7 | Protocol: string 8 | Id: string 9 | Path: string 10 | Type: string 11 | Container: string 12 | Size: number 13 | Name: string 14 | IsRemote: boolean 15 | ETag: string 16 | RunTimeTicks: number 17 | ReadAtNativeFramerate: boolean 18 | IgnoreDts: boolean 19 | IgnoreIndex: boolean 20 | GenPtsInput: boolean 21 | SupportsTranscoding: boolean 22 | SupportsDirectStream: boolean 23 | SupportsDirectPlay: boolean 24 | IsInfiniteStream: boolean 25 | RequiresOpening: boolean 26 | RequiresClosing: boolean 27 | RequiresLooping: boolean 28 | SupportsProbing: boolean 29 | VideoType: string 30 | MediaStreams: MediaStream[] 31 | MediaAttachments: any[] 32 | Formats: any[] 33 | Bitrate: number 34 | RequiredHttpHeaders: RequiredHttpHeaders 35 | TranscodingUrl: string 36 | TranscodingSubProtocol: string 37 | TranscodingContainer: string 38 | DefaultAudioStreamIndex: number 39 | DefaultSubtitleStreamIndex: number 40 | } 41 | 42 | export interface MediaStream { 43 | Codec: string 44 | ColorSpace?: string 45 | ColorTransfer?: string 46 | ColorPrimaries?: string 47 | TimeBase: string 48 | VideoRange?: string 49 | VideoRangeType?: string 50 | DisplayTitle: string 51 | NalLengthSize?: string 52 | IsInterlaced: boolean 53 | IsAVC?: boolean 54 | BitRate: number 55 | BitDepth?: number 56 | RefFrames?: number 57 | IsDefault: boolean 58 | IsForced: boolean 59 | Height?: number 60 | Width?: number 61 | AverageFrameRate?: number 62 | RealFrameRate?: number 63 | Profile?: string 64 | Type: string 65 | AspectRatio?: string 66 | Index: number 67 | IsExternal: boolean 68 | IsTextSubtitleStream: boolean 69 | SupportsExternalStream: boolean 70 | PixelFormat?: string 71 | Level: number 72 | Language?: string 73 | ChannelLayout?: string 74 | Channels?: number 75 | SampleRate?: number 76 | } 77 | 78 | export interface RequiredHttpHeaders {} 79 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Models/ProgramData.ts: -------------------------------------------------------------------------------- 1 | import {Season} from "./Season"; 2 | import {BaseItem} from "./Episode"; 3 | import {ItemType} from "./ItemType"; 4 | 5 | export type ProgramData = { 6 | userId: string; 7 | activeMediaSourceId: string; 8 | activeSeasonIndex: number; 9 | type: ItemType; 10 | boxSetName: string; 11 | movies?: BaseItem[]; 12 | seasons?: Season[]; 13 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Models/Season.ts: -------------------------------------------------------------------------------- 1 | import {BaseItem} from "./Episode"; 2 | 3 | export interface Season { 4 | seasonId: string; 5 | seasonName: string; 6 | episodes: BaseItem[]; 7 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/AuthService.ts: -------------------------------------------------------------------------------- 1 | export class AuthService { 2 | private readonly _authHeader: string = 'Authorization'; 3 | private _authHeaderValue: string = ''; 4 | 5 | constructor() { 6 | } 7 | 8 | public getAuthHeader(): string { 9 | return this._authHeader; 10 | } 11 | 12 | private getAuthHeaderValue(): string { 13 | return this._authHeaderValue; 14 | } 15 | 16 | public setAuthHeaderValue(value: string): void { 17 | this._authHeaderValue = value; 18 | } 19 | 20 | public addAuthHeaderIntoHttpRequest(request: XMLHttpRequest): void { 21 | request.setRequestHeader(this._authHeader, this.getAuthHeaderValue()); 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/DataFetcher.ts: -------------------------------------------------------------------------------- 1 | import {ProgramDataStore} from "./ProgramDataStore"; 2 | import {AuthService} from "./AuthService"; 3 | import {Logger} from "./Logger"; 4 | import {BaseItem, ItemDto} from "../Models/Episode"; 5 | import {Season} from "../Models/Season"; 6 | import {ItemType} from "../Models/ItemType"; 7 | 8 | /** 9 | * The classes which derives from this interface, will provide the functionality to handle the data input from the server if the PlaybackState is changed. 10 | */ 11 | export class DataFetcher { 12 | constructor(private programDataStore: ProgramDataStore, private authService: AuthService, private logger: Logger) { 13 | const {fetch: originalFetch} = window 14 | window.fetch = async (...args): Promise => { 15 | let resource: URL = args[0] as URL 16 | let config: RequestInit = args[1] 17 | 18 | if (config && config.headers) { 19 | let auth: string = config.headers[this.authService.getAuthHeader()] 20 | this.authService.setAuthHeaderValue(auth ? auth : '') 21 | } 22 | 23 | const response: Response = await originalFetch(resource, config) 24 | 25 | let url: URL = new URL(resource); 26 | let urlPathname: string = url.pathname; 27 | 28 | if (urlPathname.includes('Episodes')) { 29 | this.logger.debug('Received Episodes') 30 | 31 | this.programDataStore.userId = extractKeyFromString(url.search, 'UserId=', '&') 32 | response.clone().json().then((data: ItemDto): void => this.saveEpisodeData(data)) 33 | 34 | } else if (urlPathname.includes('Progress')) { 35 | // update the playback state of the currently played video 36 | const sliderCollection: HTMLCollectionOf = document.getElementsByClassName('osdPositionSlider') 37 | const slider: Element = sliderCollection[sliderCollection.length - 1] 38 | const currentPlaybackPercentage: number = parseFloat((slider as HTMLInputElement).value) 39 | const episode: BaseItem = this.programDataStore.getItemById(this.programDataStore.activeMediaSourceId) 40 | 41 | episode.UserData.PlaybackPositionTicks = episode.RunTimeTicks * currentPlaybackPercentage / 100 42 | episode.UserData.PlayedPercentage = currentPlaybackPercentage 43 | this.programDataStore.updateItem(episode) 44 | 45 | } else if (urlPathname.includes('PlayedItems')) { 46 | // update the played state of the episode 47 | this.logger.debug('Received PlayedItems') 48 | 49 | let itemId: string = extractKeyFromString(urlPathname, 'PlayedItems/') 50 | let changedItem: BaseItem = this.programDataStore.getItemById(itemId) 51 | 52 | response.clone().json().then((data) => changedItem.UserData.Played = data["Played"]) 53 | this.programDataStore.updateItem(changedItem) 54 | 55 | } else if (urlPathname.includes('FavoriteItems')) { 56 | // update the favourite state of the episode 57 | this.logger.debug('Received FavoriteItems') 58 | 59 | let itemId: string = extractKeyFromString(urlPathname, 'FavoriteItems/'); 60 | let changedItem: BaseItem = this.programDataStore.getItemById(itemId); 61 | 62 | response.clone().json().then((data) => changedItem.UserData.IsFavorite = data["IsFavorite"]); 63 | this.programDataStore.updateItem(changedItem) 64 | 65 | } else if (urlPathname.includes('Items') && url.search.includes('ParentId')) { 66 | this.logger.debug('Received Items with ParentId') 67 | 68 | this.programDataStore.userId = extractKeyFromString(urlPathname, 'Users/', '/') 69 | response.clone().json().then((data: ItemDto): void => this.saveItemData(data)) 70 | 71 | } else if (urlPathname.includes('Items')) { 72 | this.logger.debug('Received Items without ParentId') 73 | 74 | response.clone().json().then((data: BaseItem): void => { 75 | this.logger.debug('Received single item data -> Setting PlaybackInfo and BoxSet name'); 76 | 77 | // save the media id of the currently played video 78 | this.programDataStore.activeMediaSourceId = data.Id 79 | 80 | // set boxSetName for list title 81 | if (ItemType[data.Type] === ItemType.BoxSet) 82 | this.programDataStore.boxSetName = data.Name 83 | }); 84 | } 85 | 86 | return response; 87 | 88 | function extractKeyFromString(searchString: string, startString: string, endString: string = ''): string { 89 | const startIndex: number = searchString.indexOf(startString) + startString.length 90 | if (endString !== '') { 91 | const endIndex: number = searchString.indexOf(endString, startIndex) 92 | return searchString.substring(startIndex, endIndex) 93 | } 94 | 95 | return searchString.substring(startIndex) 96 | } 97 | }; 98 | } 99 | 100 | public saveItemData(itemDto: ItemDto): void { 101 | if (this.checkIfDataIsMovieData(itemDto) && itemDto.Items.length > 0) { 102 | this.saveMovieData(itemDto) 103 | return; 104 | } 105 | 106 | if (this.checkIfDataIsEpisodeData(itemDto)) { 107 | this.saveEpisodeData(itemDto) 108 | return 109 | } 110 | 111 | this.logger.error("Couldn't save items from response"); 112 | } 113 | 114 | public checkIfDataIsMovieData(itemDto: ItemDto): boolean { 115 | return itemDto 116 | && itemDto.Items 117 | && itemDto.Items.length > 0 118 | && ItemType[itemDto.Items[0].Type] === ItemType.Movie 119 | } 120 | 121 | public checkIfDataIsEpisodeData(itemDto: ItemDto): boolean { 122 | return itemDto 123 | && itemDto.Items 124 | && itemDto.Items.length > 0 125 | && ItemType[itemDto.Items[0].Type] === ItemType.Episode 126 | } 127 | 128 | public saveMovieData(itemDto: ItemDto): void { 129 | this.programDataStore.type = ItemType.Movie 130 | this.programDataStore.movies = itemDto.Items 131 | } 132 | 133 | public saveEpisodeData(itemDto: ItemDto): void { 134 | this.programDataStore.type = ItemType.Series 135 | const episodeData: BaseItem[] = itemDto.Items 136 | 137 | // get all different seasonIds 138 | let seasonIds: Set = new Set(episodeData.map((episode: BaseItem): string => episode.SeasonId)) 139 | 140 | // group the episodes by seasonId 141 | let group: Record = groupBy(episodeData, (episode: BaseItem): string => episode.SeasonId) 142 | 143 | let seasons: Season[] = [] 144 | let iterator: IterableIterator = seasonIds.values() 145 | let value: IteratorResult = iterator.next() 146 | while (!value.done) { 147 | let seasonId: string = value.value 148 | let season: Season = { 149 | seasonId: seasonId, 150 | seasonName: group[seasonId][0].SeasonName, 151 | episodes: group[seasonId] 152 | } 153 | 154 | season.episodes.sort((a: BaseItem, b: BaseItem): number => a.IndexNumber - b.IndexNumber) 155 | 156 | seasons.push(season) 157 | if (season.episodes.some((episode: BaseItem): boolean => episode.Id === this.programDataStore.activeMediaSourceId)) 158 | this.programDataStore.activeSeasonIndex = seasons.length - 1 159 | 160 | value = iterator.next() 161 | } 162 | 163 | this.programDataStore.seasons = seasons 164 | 165 | function groupBy(arr: T[], fn: (item: T) => any): Record { 166 | return arr.reduce>((prev: Record, curr: T): {} => { 167 | const groupKey = fn(curr) 168 | const group: T[] = prev[groupKey] || [] 169 | group.push(curr) 170 | return { ...prev, [groupKey]: group } 171 | }, {}) 172 | } 173 | } 174 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/DataLoader.ts: -------------------------------------------------------------------------------- 1 | import {AuthService} from "./AuthService"; 2 | import {Endpoints} from "../Endpoints"; 3 | 4 | export class DataLoader { 5 | constructor(protected authService: AuthService) { 6 | } 7 | 8 | public loadEpisodeDescription(episodeId: string, onloadend: (this: XMLHttpRequest, ev: ProgressEvent) => void): XMLHttpRequest { 9 | let requestUrl = `../${Endpoints.BASE}${Endpoints.EPISODE_DESCRIPTION}` 10 | .replace('{episodeId}', episodeId); 11 | 12 | let episodeDescriptionRequest = new XMLHttpRequest(); 13 | episodeDescriptionRequest.responseType = 'json'; 14 | 15 | episodeDescriptionRequest.open('GET', requestUrl); 16 | this.authService.addAuthHeaderIntoHttpRequest(episodeDescriptionRequest); 17 | episodeDescriptionRequest.send(); 18 | episodeDescriptionRequest.onloadend = onloadend; 19 | 20 | return episodeDescriptionRequest; 21 | } 22 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/Logger.ts: -------------------------------------------------------------------------------- 1 | export class Logger { 2 | constructor(private log_prefix: string = "[InPlayerEpisodePreview]") { 3 | } 4 | 5 | public debug(msg: string): void { 6 | console.debug(`${this.log_prefix} ${msg}`); 7 | } 8 | 9 | public error(msg: string): void { 10 | console.error(`${this.log_prefix} ${msg}`); 11 | } 12 | 13 | public info(msg: string): void { 14 | console.info(`${this.log_prefix} ${msg}`); 15 | } 16 | 17 | } 18 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/PlaybackHandler.ts: -------------------------------------------------------------------------------- 1 | import {ProgramDataStore} from "./ProgramDataStore"; 2 | import {Logger} from "./Logger"; 3 | import {Endpoints} from "../Endpoints"; 4 | 5 | export class PlaybackHandler { 6 | constructor(private programDataStore: ProgramDataStore, private logger: Logger) { 7 | } 8 | 9 | async play(episodeId: string, startPositionTicks: number): Promise { 10 | try { 11 | return await fetch(`../${Endpoints.BASE}${Endpoints.PLAY_MEDIA}` 12 | .replace('{userId}', this.programDataStore.userId) 13 | .replace('{episodeId}', episodeId) 14 | .replace('{ticks}', startPositionTicks.toString()) 15 | ); 16 | } catch (err) { 17 | // We Skip error messages, if it is a URL constructor argument. Because relative path can throw errors even if url is valid 18 | if (err instanceof TypeError) { 19 | return; 20 | } 21 | 22 | return this.logger.error(`Couldn't start the playback of an episode. Error: ${err}`); 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/Web/Services/ProgramDataStore.ts: -------------------------------------------------------------------------------- 1 | import {ProgramData} from "../Models/ProgramData"; 2 | import {Season} from "../Models/Season"; 3 | import {BaseItem} from "../Models/Episode"; 4 | import {ItemType} from "../Models/ItemType"; 5 | 6 | export class ProgramDataStore { 7 | private _programData: ProgramData; 8 | 9 | constructor() { 10 | // init the _programData field with empty values 11 | this.clear(); 12 | } 13 | 14 | public get userId(): string { 15 | return this._programData.userId; 16 | } 17 | 18 | public set userId(userId: string) { 19 | this._programData.userId = userId; 20 | } 21 | 22 | public get activeMediaSourceId(): string { 23 | return this._programData.activeMediaSourceId; 24 | } 25 | 26 | public set activeMediaSourceId(activeMediaSourceId: string) { 27 | this._programData.activeMediaSourceId = activeMediaSourceId; 28 | } 29 | 30 | public get activeSeasonIndex(): number { 31 | return this._programData.activeSeasonIndex; 32 | } 33 | 34 | public set activeSeasonIndex(activeSeasonIndex: number) { 35 | this._programData.activeSeasonIndex = activeSeasonIndex; 36 | } 37 | 38 | public get type(): ItemType { 39 | return this._programData.type; 40 | } 41 | 42 | public set type(type: ItemType) { 43 | this._programData.type = type; 44 | } 45 | 46 | public get boxSetName(): string { 47 | return this._programData.boxSetName; 48 | } 49 | 50 | public set boxSetName(boxSetName: string) { 51 | this._programData.boxSetName = boxSetName; 52 | } 53 | 54 | public get movies(): BaseItem[] { 55 | return this._programData.movies; 56 | } 57 | 58 | public set movies(movies: BaseItem[]) { 59 | this._programData.movies = movies; 60 | } 61 | 62 | public get seasons(): Season[] { 63 | return this._programData.seasons; 64 | } 65 | 66 | public set seasons(seasons: Season[]) { 67 | this._programData.seasons = seasons; 68 | } 69 | public get isMovie(): boolean { 70 | return this.type === ItemType.Movie; 71 | } 72 | 73 | public get isSeries(): boolean { 74 | return this.type === ItemType.Series; 75 | } 76 | 77 | public getItemById(itemId: string): BaseItem { 78 | let searchedItem: BaseItem; 79 | if (this.isSeries) { 80 | const season: Season = this.seasons.find((season: Season): boolean => season.episodes.some((item: BaseItem): boolean => item.Id === itemId)) 81 | searchedItem = season.episodes.find((item: BaseItem): boolean => item.Id === itemId); 82 | } else if (this.isMovie) { 83 | searchedItem = this.movies.find((item: BaseItem): boolean => item.Id === itemId); 84 | } 85 | 86 | return searchedItem; 87 | } 88 | 89 | public updateItem(item: BaseItem): void { 90 | if (this.isSeries) { 91 | this.updateEpisode(item) 92 | return 93 | } 94 | 95 | const movieIndex: number = this.movies.findIndex((s: BaseItem): boolean => s.Id === item.Id); 96 | if (movieIndex > -1) { 97 | this.movies[movieIndex] = item; 98 | } 99 | } 100 | 101 | public updateEpisode(episode: BaseItem): void { 102 | const season: Season = this.seasons.find((s: Season): boolean => s.seasonId === episode.SeasonId); 103 | if (season) { 104 | const episodeIndex: number = season.episodes.findIndex((e: BaseItem): boolean => e.Id === episode.Id); 105 | if (episodeIndex > -1) { 106 | season.episodes[episodeIndex] = episode; 107 | this.updateSeason(season); 108 | } 109 | } 110 | } 111 | 112 | public updateSeason(season: Season): void { 113 | const seasonIndex: number = this.seasons.findIndex((s: Season): boolean => s.seasonId === season.seasonId); 114 | if (seasonIndex > -1) { 115 | this.seasons[seasonIndex] = season; 116 | } 117 | } 118 | 119 | public clear(): void { 120 | this._programData = { 121 | userId: '', 122 | activeMediaSourceId: '', 123 | activeSeasonIndex: 0, 124 | boxSetName: '', 125 | type: undefined, 126 | movies: [], 127 | seasons: [] 128 | }; 129 | } 130 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/build.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | 3 | REM Hash tool: https://emn178.github.io/online-tools/md5_checksum.html 4 | 5 | REM Flags 6 | set version="1.3.1.0" 7 | 8 | REM Create build directory 9 | if not exist ".build" mkdir .build 10 | 11 | REM Compile Web code 12 | echo "Building Web Code" 13 | call npx webpack --config webpack.config.js 14 | 15 | echo "Copying Web file to .build" 16 | echo F|xcopy /Y /I Web\InPlayerPreview.js .build\web-client-script.js 17 | 18 | cd .build 19 | 20 | REM Packaging -- tar command needs Windows 10 or later 21 | echo "Packaging Web Client Script" 22 | "..\BuildFiles\7za.exe" a -tzip "InPlayerEpisodePreview-%version%-web-client-script.zip" "web-client-script.js" 23 | 24 | REM TODO Rebuild the DLL here 25 | echo "Packaging Server dll" 26 | "..\BuildFiles\7za.exe" a -tzip "InPlayerEpisodePreview-%version%-server.zip" "..\bin\Release\net8.0\Namo.Plugin.InPlayerEpisodePreview.dll" 27 | 28 | REM Cleanup -- Keep release zip files 29 | del /q /s web-client-script.js 30 | rmdir /q /s web-client 31 | 32 | cd .. -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Namo.Plugin.InPlayerEpisodePreview", 3 | "lockfileVersion": 3, 4 | "requires": true, 5 | "packages": { 6 | "": { 7 | "dependencies": { 8 | "ts-loader": "^9.5.0" 9 | }, 10 | "devDependencies": { 11 | "webpack": "^5.94.0", 12 | "webpack-cli": "^5.1.4" 13 | } 14 | }, 15 | "node_modules/@discoveryjs/json-ext": { 16 | "version": "0.5.7", 17 | "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", 18 | "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==", 19 | "dev": true, 20 | "engines": { 21 | "node": ">=10.0.0" 22 | } 23 | }, 24 | "node_modules/@jridgewell/gen-mapping": { 25 | "version": "0.3.5", 26 | "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", 27 | "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", 28 | "dependencies": { 29 | "@jridgewell/set-array": "^1.2.1", 30 | "@jridgewell/sourcemap-codec": "^1.4.10", 31 | "@jridgewell/trace-mapping": "^0.3.24" 32 | }, 33 | "engines": { 34 | "node": ">=6.0.0" 35 | } 36 | }, 37 | "node_modules/@jridgewell/resolve-uri": { 38 | "version": "3.1.2", 39 | "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", 40 | "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", 41 | "engines": { 42 | "node": ">=6.0.0" 43 | } 44 | }, 45 | "node_modules/@jridgewell/set-array": { 46 | "version": "1.2.1", 47 | "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", 48 | "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", 49 | "engines": { 50 | "node": ">=6.0.0" 51 | } 52 | }, 53 | "node_modules/@jridgewell/source-map": { 54 | "version": "0.3.6", 55 | "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz", 56 | "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==", 57 | "dependencies": { 58 | "@jridgewell/gen-mapping": "^0.3.5", 59 | "@jridgewell/trace-mapping": "^0.3.25" 60 | } 61 | }, 62 | "node_modules/@jridgewell/sourcemap-codec": { 63 | "version": "1.4.15", 64 | "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", 65 | "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==" 66 | }, 67 | "node_modules/@jridgewell/trace-mapping": { 68 | "version": "0.3.25", 69 | "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", 70 | "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", 71 | "dependencies": { 72 | "@jridgewell/resolve-uri": "^3.1.0", 73 | "@jridgewell/sourcemap-codec": "^1.4.14" 74 | } 75 | }, 76 | "node_modules/@types/estree": { 77 | "version": "1.0.5", 78 | "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", 79 | "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", 80 | "license": "MIT" 81 | }, 82 | "node_modules/@types/json-schema": { 83 | "version": "7.0.13", 84 | "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz", 85 | "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==" 86 | }, 87 | "node_modules/@types/node": { 88 | "version": "20.14.2", 89 | "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.2.tgz", 90 | "integrity": "sha512-xyu6WAMVwv6AKFLB+e/7ySZVr/0zLCzOa7rSpq6jNwpqOrUbcACDWC+53d4n2QHOnDou0fbIsg8wZu/sxrnI4Q==", 91 | "dependencies": { 92 | "undici-types": "~5.26.4" 93 | } 94 | }, 95 | "node_modules/@webassemblyjs/ast": { 96 | "version": "1.12.1", 97 | "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz", 98 | "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==", 99 | "dependencies": { 100 | "@webassemblyjs/helper-numbers": "1.11.6", 101 | "@webassemblyjs/helper-wasm-bytecode": "1.11.6" 102 | } 103 | }, 104 | "node_modules/@webassemblyjs/floating-point-hex-parser": { 105 | "version": "1.11.6", 106 | "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz", 107 | "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==" 108 | }, 109 | "node_modules/@webassemblyjs/helper-api-error": { 110 | "version": "1.11.6", 111 | "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz", 112 | "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==" 113 | }, 114 | "node_modules/@webassemblyjs/helper-buffer": { 115 | "version": "1.12.1", 116 | "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz", 117 | "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==" 118 | }, 119 | "node_modules/@webassemblyjs/helper-numbers": { 120 | "version": "1.11.6", 121 | "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz", 122 | "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==", 123 | "dependencies": { 124 | "@webassemblyjs/floating-point-hex-parser": "1.11.6", 125 | "@webassemblyjs/helper-api-error": "1.11.6", 126 | "@xtuc/long": "4.2.2" 127 | } 128 | }, 129 | "node_modules/@webassemblyjs/helper-wasm-bytecode": { 130 | "version": "1.11.6", 131 | "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz", 132 | "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==" 133 | }, 134 | "node_modules/@webassemblyjs/helper-wasm-section": { 135 | "version": "1.12.1", 136 | "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz", 137 | "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==", 138 | "dependencies": { 139 | "@webassemblyjs/ast": "1.12.1", 140 | "@webassemblyjs/helper-buffer": "1.12.1", 141 | "@webassemblyjs/helper-wasm-bytecode": "1.11.6", 142 | "@webassemblyjs/wasm-gen": "1.12.1" 143 | } 144 | }, 145 | "node_modules/@webassemblyjs/ieee754": { 146 | "version": "1.11.6", 147 | "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz", 148 | "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==", 149 | "dependencies": { 150 | "@xtuc/ieee754": "^1.2.0" 151 | } 152 | }, 153 | "node_modules/@webassemblyjs/leb128": { 154 | "version": "1.11.6", 155 | "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz", 156 | "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==", 157 | "dependencies": { 158 | "@xtuc/long": "4.2.2" 159 | } 160 | }, 161 | "node_modules/@webassemblyjs/utf8": { 162 | "version": "1.11.6", 163 | "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz", 164 | "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==" 165 | }, 166 | "node_modules/@webassemblyjs/wasm-edit": { 167 | "version": "1.12.1", 168 | "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz", 169 | "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==", 170 | "dependencies": { 171 | "@webassemblyjs/ast": "1.12.1", 172 | "@webassemblyjs/helper-buffer": "1.12.1", 173 | "@webassemblyjs/helper-wasm-bytecode": "1.11.6", 174 | "@webassemblyjs/helper-wasm-section": "1.12.1", 175 | "@webassemblyjs/wasm-gen": "1.12.1", 176 | "@webassemblyjs/wasm-opt": "1.12.1", 177 | "@webassemblyjs/wasm-parser": "1.12.1", 178 | "@webassemblyjs/wast-printer": "1.12.1" 179 | } 180 | }, 181 | "node_modules/@webassemblyjs/wasm-gen": { 182 | "version": "1.12.1", 183 | "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz", 184 | "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==", 185 | "dependencies": { 186 | "@webassemblyjs/ast": "1.12.1", 187 | "@webassemblyjs/helper-wasm-bytecode": "1.11.6", 188 | "@webassemblyjs/ieee754": "1.11.6", 189 | "@webassemblyjs/leb128": "1.11.6", 190 | "@webassemblyjs/utf8": "1.11.6" 191 | } 192 | }, 193 | "node_modules/@webassemblyjs/wasm-opt": { 194 | "version": "1.12.1", 195 | "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz", 196 | "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==", 197 | "dependencies": { 198 | "@webassemblyjs/ast": "1.12.1", 199 | "@webassemblyjs/helper-buffer": "1.12.1", 200 | "@webassemblyjs/wasm-gen": "1.12.1", 201 | "@webassemblyjs/wasm-parser": "1.12.1" 202 | } 203 | }, 204 | "node_modules/@webassemblyjs/wasm-parser": { 205 | "version": "1.12.1", 206 | "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz", 207 | "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==", 208 | "dependencies": { 209 | "@webassemblyjs/ast": "1.12.1", 210 | "@webassemblyjs/helper-api-error": "1.11.6", 211 | "@webassemblyjs/helper-wasm-bytecode": "1.11.6", 212 | "@webassemblyjs/ieee754": "1.11.6", 213 | "@webassemblyjs/leb128": "1.11.6", 214 | "@webassemblyjs/utf8": "1.11.6" 215 | } 216 | }, 217 | "node_modules/@webassemblyjs/wast-printer": { 218 | "version": "1.12.1", 219 | "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz", 220 | "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==", 221 | "dependencies": { 222 | "@webassemblyjs/ast": "1.12.1", 223 | "@xtuc/long": "4.2.2" 224 | } 225 | }, 226 | "node_modules/@webpack-cli/configtest": { 227 | "version": "2.1.1", 228 | "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz", 229 | "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==", 230 | "dev": true, 231 | "engines": { 232 | "node": ">=14.15.0" 233 | }, 234 | "peerDependencies": { 235 | "webpack": "5.x.x", 236 | "webpack-cli": "5.x.x" 237 | } 238 | }, 239 | "node_modules/@webpack-cli/info": { 240 | "version": "2.0.2", 241 | "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz", 242 | "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==", 243 | "dev": true, 244 | "engines": { 245 | "node": ">=14.15.0" 246 | }, 247 | "peerDependencies": { 248 | "webpack": "5.x.x", 249 | "webpack-cli": "5.x.x" 250 | } 251 | }, 252 | "node_modules/@webpack-cli/serve": { 253 | "version": "2.0.5", 254 | "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz", 255 | "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==", 256 | "dev": true, 257 | "engines": { 258 | "node": ">=14.15.0" 259 | }, 260 | "peerDependencies": { 261 | "webpack": "5.x.x", 262 | "webpack-cli": "5.x.x" 263 | }, 264 | "peerDependenciesMeta": { 265 | "webpack-dev-server": { 266 | "optional": true 267 | } 268 | } 269 | }, 270 | "node_modules/@xtuc/ieee754": { 271 | "version": "1.2.0", 272 | "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", 273 | "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==" 274 | }, 275 | "node_modules/@xtuc/long": { 276 | "version": "4.2.2", 277 | "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", 278 | "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==" 279 | }, 280 | "node_modules/acorn": { 281 | "version": "8.11.3", 282 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", 283 | "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", 284 | "bin": { 285 | "acorn": "bin/acorn" 286 | }, 287 | "engines": { 288 | "node": ">=0.4.0" 289 | } 290 | }, 291 | "node_modules/acorn-import-attributes": { 292 | "version": "1.9.5", 293 | "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz", 294 | "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==", 295 | "peerDependencies": { 296 | "acorn": "^8" 297 | } 298 | }, 299 | "node_modules/ajv": { 300 | "version": "6.12.6", 301 | "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", 302 | "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", 303 | "dependencies": { 304 | "fast-deep-equal": "^3.1.1", 305 | "fast-json-stable-stringify": "^2.0.0", 306 | "json-schema-traverse": "^0.4.1", 307 | "uri-js": "^4.2.2" 308 | }, 309 | "funding": { 310 | "type": "github", 311 | "url": "https://github.com/sponsors/epoberezkin" 312 | } 313 | }, 314 | "node_modules/ajv-keywords": { 315 | "version": "3.5.2", 316 | "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", 317 | "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", 318 | "peerDependencies": { 319 | "ajv": "^6.9.1" 320 | } 321 | }, 322 | "node_modules/ansi-styles": { 323 | "version": "4.3.0", 324 | "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", 325 | "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", 326 | "dependencies": { 327 | "color-convert": "^2.0.1" 328 | }, 329 | "engines": { 330 | "node": ">=8" 331 | }, 332 | "funding": { 333 | "url": "https://github.com/chalk/ansi-styles?sponsor=1" 334 | } 335 | }, 336 | "node_modules/braces": { 337 | "version": "3.0.3", 338 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", 339 | "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", 340 | "dependencies": { 341 | "fill-range": "^7.1.1" 342 | }, 343 | "engines": { 344 | "node": ">=8" 345 | } 346 | }, 347 | "node_modules/browserslist": { 348 | "version": "4.22.1", 349 | "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz", 350 | "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==", 351 | "funding": [ 352 | { 353 | "type": "opencollective", 354 | "url": "https://opencollective.com/browserslist" 355 | }, 356 | { 357 | "type": "tidelift", 358 | "url": "https://tidelift.com/funding/github/npm/browserslist" 359 | }, 360 | { 361 | "type": "github", 362 | "url": "https://github.com/sponsors/ai" 363 | } 364 | ], 365 | "dependencies": { 366 | "caniuse-lite": "^1.0.30001541", 367 | "electron-to-chromium": "^1.4.535", 368 | "node-releases": "^2.0.13", 369 | "update-browserslist-db": "^1.0.13" 370 | }, 371 | "bin": { 372 | "browserslist": "cli.js" 373 | }, 374 | "engines": { 375 | "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" 376 | } 377 | }, 378 | "node_modules/buffer-from": { 379 | "version": "1.1.2", 380 | "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", 381 | "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==" 382 | }, 383 | "node_modules/caniuse-lite": { 384 | "version": "1.0.30001547", 385 | "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz", 386 | "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==", 387 | "funding": [ 388 | { 389 | "type": "opencollective", 390 | "url": "https://opencollective.com/browserslist" 391 | }, 392 | { 393 | "type": "tidelift", 394 | "url": "https://tidelift.com/funding/github/npm/caniuse-lite" 395 | }, 396 | { 397 | "type": "github", 398 | "url": "https://github.com/sponsors/ai" 399 | } 400 | ] 401 | }, 402 | "node_modules/chalk": { 403 | "version": "4.1.2", 404 | "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", 405 | "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", 406 | "dependencies": { 407 | "ansi-styles": "^4.1.0", 408 | "supports-color": "^7.1.0" 409 | }, 410 | "engines": { 411 | "node": ">=10" 412 | }, 413 | "funding": { 414 | "url": "https://github.com/chalk/chalk?sponsor=1" 415 | } 416 | }, 417 | "node_modules/chalk/node_modules/supports-color": { 418 | "version": "7.2.0", 419 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", 420 | "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", 421 | "dependencies": { 422 | "has-flag": "^4.0.0" 423 | }, 424 | "engines": { 425 | "node": ">=8" 426 | } 427 | }, 428 | "node_modules/chrome-trace-event": { 429 | "version": "1.0.3", 430 | "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz", 431 | "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==", 432 | "engines": { 433 | "node": ">=6.0" 434 | } 435 | }, 436 | "node_modules/clone-deep": { 437 | "version": "4.0.1", 438 | "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz", 439 | "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==", 440 | "dev": true, 441 | "dependencies": { 442 | "is-plain-object": "^2.0.4", 443 | "kind-of": "^6.0.2", 444 | "shallow-clone": "^3.0.0" 445 | }, 446 | "engines": { 447 | "node": ">=6" 448 | } 449 | }, 450 | "node_modules/color-convert": { 451 | "version": "2.0.1", 452 | "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", 453 | "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", 454 | "dependencies": { 455 | "color-name": "~1.1.4" 456 | }, 457 | "engines": { 458 | "node": ">=7.0.0" 459 | } 460 | }, 461 | "node_modules/color-name": { 462 | "version": "1.1.4", 463 | "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", 464 | "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" 465 | }, 466 | "node_modules/colorette": { 467 | "version": "2.0.20", 468 | "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz", 469 | "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==", 470 | "dev": true 471 | }, 472 | "node_modules/commander": { 473 | "version": "2.20.3", 474 | "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", 475 | "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==" 476 | }, 477 | "node_modules/cross-spawn": { 478 | "version": "7.0.3", 479 | "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", 480 | "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", 481 | "dev": true, 482 | "dependencies": { 483 | "path-key": "^3.1.0", 484 | "shebang-command": "^2.0.0", 485 | "which": "^2.0.1" 486 | }, 487 | "engines": { 488 | "node": ">= 8" 489 | } 490 | }, 491 | "node_modules/electron-to-chromium": { 492 | "version": "1.4.551", 493 | "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.551.tgz", 494 | "integrity": "sha512-/Ng/W/kFv7wdEHYzxdK7Cv0BHEGSkSB3M0Ssl8Ndr1eMiYeas/+Mv4cNaDqamqWx6nd2uQZfPz6g25z25M/sdw==" 495 | }, 496 | "node_modules/enhanced-resolve": { 497 | "version": "5.17.1", 498 | "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz", 499 | "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==", 500 | "license": "MIT", 501 | "dependencies": { 502 | "graceful-fs": "^4.2.4", 503 | "tapable": "^2.2.0" 504 | }, 505 | "engines": { 506 | "node": ">=10.13.0" 507 | } 508 | }, 509 | "node_modules/envinfo": { 510 | "version": "7.10.0", 511 | "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.10.0.tgz", 512 | "integrity": "sha512-ZtUjZO6l5mwTHvc1L9+1q5p/R3wTopcfqMW8r5t8SJSKqeVI/LtajORwRFEKpEFuekjD0VBjwu1HMxL4UalIRw==", 513 | "dev": true, 514 | "bin": { 515 | "envinfo": "dist/cli.js" 516 | }, 517 | "engines": { 518 | "node": ">=4" 519 | } 520 | }, 521 | "node_modules/es-module-lexer": { 522 | "version": "1.3.1", 523 | "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz", 524 | "integrity": "sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==" 525 | }, 526 | "node_modules/escalade": { 527 | "version": "3.1.1", 528 | "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz", 529 | "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==", 530 | "engines": { 531 | "node": ">=6" 532 | } 533 | }, 534 | "node_modules/eslint-scope": { 535 | "version": "5.1.1", 536 | "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", 537 | "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", 538 | "dependencies": { 539 | "esrecurse": "^4.3.0", 540 | "estraverse": "^4.1.1" 541 | }, 542 | "engines": { 543 | "node": ">=8.0.0" 544 | } 545 | }, 546 | "node_modules/esrecurse": { 547 | "version": "4.3.0", 548 | "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", 549 | "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", 550 | "dependencies": { 551 | "estraverse": "^5.2.0" 552 | }, 553 | "engines": { 554 | "node": ">=4.0" 555 | } 556 | }, 557 | "node_modules/esrecurse/node_modules/estraverse": { 558 | "version": "5.3.0", 559 | "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", 560 | "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", 561 | "engines": { 562 | "node": ">=4.0" 563 | } 564 | }, 565 | "node_modules/estraverse": { 566 | "version": "4.3.0", 567 | "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", 568 | "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", 569 | "engines": { 570 | "node": ">=4.0" 571 | } 572 | }, 573 | "node_modules/events": { 574 | "version": "3.3.0", 575 | "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", 576 | "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", 577 | "engines": { 578 | "node": ">=0.8.x" 579 | } 580 | }, 581 | "node_modules/fast-deep-equal": { 582 | "version": "3.1.3", 583 | "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", 584 | "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" 585 | }, 586 | "node_modules/fast-json-stable-stringify": { 587 | "version": "2.1.0", 588 | "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", 589 | "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==" 590 | }, 591 | "node_modules/fastest-levenshtein": { 592 | "version": "1.0.16", 593 | "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz", 594 | "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==", 595 | "dev": true, 596 | "engines": { 597 | "node": ">= 4.9.1" 598 | } 599 | }, 600 | "node_modules/fill-range": { 601 | "version": "7.1.1", 602 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", 603 | "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", 604 | "dependencies": { 605 | "to-regex-range": "^5.0.1" 606 | }, 607 | "engines": { 608 | "node": ">=8" 609 | } 610 | }, 611 | "node_modules/find-up": { 612 | "version": "4.1.0", 613 | "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", 614 | "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", 615 | "dev": true, 616 | "dependencies": { 617 | "locate-path": "^5.0.0", 618 | "path-exists": "^4.0.0" 619 | }, 620 | "engines": { 621 | "node": ">=8" 622 | } 623 | }, 624 | "node_modules/glob-to-regexp": { 625 | "version": "0.4.1", 626 | "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", 627 | "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==" 628 | }, 629 | "node_modules/graceful-fs": { 630 | "version": "4.2.11", 631 | "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", 632 | "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" 633 | }, 634 | "node_modules/has": { 635 | "version": "1.0.4", 636 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz", 637 | "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==", 638 | "dev": true, 639 | "engines": { 640 | "node": ">= 0.4.0" 641 | } 642 | }, 643 | "node_modules/has-flag": { 644 | "version": "4.0.0", 645 | "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", 646 | "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", 647 | "engines": { 648 | "node": ">=8" 649 | } 650 | }, 651 | "node_modules/import-local": { 652 | "version": "3.1.0", 653 | "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", 654 | "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==", 655 | "dev": true, 656 | "dependencies": { 657 | "pkg-dir": "^4.2.0", 658 | "resolve-cwd": "^3.0.0" 659 | }, 660 | "bin": { 661 | "import-local-fixture": "fixtures/cli.js" 662 | }, 663 | "engines": { 664 | "node": ">=8" 665 | }, 666 | "funding": { 667 | "url": "https://github.com/sponsors/sindresorhus" 668 | } 669 | }, 670 | "node_modules/interpret": { 671 | "version": "3.1.1", 672 | "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz", 673 | "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==", 674 | "dev": true, 675 | "engines": { 676 | "node": ">=10.13.0" 677 | } 678 | }, 679 | "node_modules/is-core-module": { 680 | "version": "2.13.0", 681 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz", 682 | "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==", 683 | "dev": true, 684 | "dependencies": { 685 | "has": "^1.0.3" 686 | }, 687 | "funding": { 688 | "url": "https://github.com/sponsors/ljharb" 689 | } 690 | }, 691 | "node_modules/is-number": { 692 | "version": "7.0.0", 693 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", 694 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", 695 | "engines": { 696 | "node": ">=0.12.0" 697 | } 698 | }, 699 | "node_modules/is-plain-object": { 700 | "version": "2.0.4", 701 | "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", 702 | "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", 703 | "dev": true, 704 | "dependencies": { 705 | "isobject": "^3.0.1" 706 | }, 707 | "engines": { 708 | "node": ">=0.10.0" 709 | } 710 | }, 711 | "node_modules/isexe": { 712 | "version": "2.0.0", 713 | "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", 714 | "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", 715 | "dev": true 716 | }, 717 | "node_modules/isobject": { 718 | "version": "3.0.1", 719 | "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz", 720 | "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==", 721 | "dev": true, 722 | "engines": { 723 | "node": ">=0.10.0" 724 | } 725 | }, 726 | "node_modules/jest-worker": { 727 | "version": "27.5.1", 728 | "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", 729 | "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", 730 | "dependencies": { 731 | "@types/node": "*", 732 | "merge-stream": "^2.0.0", 733 | "supports-color": "^8.0.0" 734 | }, 735 | "engines": { 736 | "node": ">= 10.13.0" 737 | } 738 | }, 739 | "node_modules/json-parse-even-better-errors": { 740 | "version": "2.3.1", 741 | "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", 742 | "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" 743 | }, 744 | "node_modules/json-schema-traverse": { 745 | "version": "0.4.1", 746 | "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", 747 | "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==" 748 | }, 749 | "node_modules/kind-of": { 750 | "version": "6.0.3", 751 | "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", 752 | "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", 753 | "dev": true, 754 | "engines": { 755 | "node": ">=0.10.0" 756 | } 757 | }, 758 | "node_modules/loader-runner": { 759 | "version": "4.3.0", 760 | "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", 761 | "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", 762 | "engines": { 763 | "node": ">=6.11.5" 764 | } 765 | }, 766 | "node_modules/locate-path": { 767 | "version": "5.0.0", 768 | "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", 769 | "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", 770 | "dev": true, 771 | "dependencies": { 772 | "p-locate": "^4.1.0" 773 | }, 774 | "engines": { 775 | "node": ">=8" 776 | } 777 | }, 778 | "node_modules/lru-cache": { 779 | "version": "6.0.0", 780 | "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", 781 | "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", 782 | "dependencies": { 783 | "yallist": "^4.0.0" 784 | }, 785 | "engines": { 786 | "node": ">=10" 787 | } 788 | }, 789 | "node_modules/merge-stream": { 790 | "version": "2.0.0", 791 | "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz", 792 | "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==" 793 | }, 794 | "node_modules/micromatch": { 795 | "version": "4.0.8", 796 | "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", 797 | "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", 798 | "dependencies": { 799 | "braces": "^3.0.3", 800 | "picomatch": "^2.3.1" 801 | }, 802 | "engines": { 803 | "node": ">=8.6" 804 | } 805 | }, 806 | "node_modules/mime-db": { 807 | "version": "1.52.0", 808 | "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", 809 | "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", 810 | "engines": { 811 | "node": ">= 0.6" 812 | } 813 | }, 814 | "node_modules/mime-types": { 815 | "version": "2.1.35", 816 | "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", 817 | "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", 818 | "dependencies": { 819 | "mime-db": "1.52.0" 820 | }, 821 | "engines": { 822 | "node": ">= 0.6" 823 | } 824 | }, 825 | "node_modules/neo-async": { 826 | "version": "2.6.2", 827 | "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz", 828 | "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==" 829 | }, 830 | "node_modules/node-releases": { 831 | "version": "2.0.13", 832 | "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz", 833 | "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==" 834 | }, 835 | "node_modules/p-limit": { 836 | "version": "2.3.0", 837 | "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", 838 | "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", 839 | "dev": true, 840 | "dependencies": { 841 | "p-try": "^2.0.0" 842 | }, 843 | "engines": { 844 | "node": ">=6" 845 | }, 846 | "funding": { 847 | "url": "https://github.com/sponsors/sindresorhus" 848 | } 849 | }, 850 | "node_modules/p-locate": { 851 | "version": "4.1.0", 852 | "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", 853 | "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", 854 | "dev": true, 855 | "dependencies": { 856 | "p-limit": "^2.2.0" 857 | }, 858 | "engines": { 859 | "node": ">=8" 860 | } 861 | }, 862 | "node_modules/p-try": { 863 | "version": "2.2.0", 864 | "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz", 865 | "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", 866 | "dev": true, 867 | "engines": { 868 | "node": ">=6" 869 | } 870 | }, 871 | "node_modules/path-exists": { 872 | "version": "4.0.0", 873 | "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", 874 | "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", 875 | "dev": true, 876 | "engines": { 877 | "node": ">=8" 878 | } 879 | }, 880 | "node_modules/path-key": { 881 | "version": "3.1.1", 882 | "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", 883 | "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", 884 | "dev": true, 885 | "engines": { 886 | "node": ">=8" 887 | } 888 | }, 889 | "node_modules/path-parse": { 890 | "version": "1.0.7", 891 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", 892 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", 893 | "dev": true 894 | }, 895 | "node_modules/picocolors": { 896 | "version": "1.0.0", 897 | "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", 898 | "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" 899 | }, 900 | "node_modules/picomatch": { 901 | "version": "2.3.1", 902 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", 903 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", 904 | "engines": { 905 | "node": ">=8.6" 906 | }, 907 | "funding": { 908 | "url": "https://github.com/sponsors/jonschlinkert" 909 | } 910 | }, 911 | "node_modules/pkg-dir": { 912 | "version": "4.2.0", 913 | "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz", 914 | "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==", 915 | "dev": true, 916 | "dependencies": { 917 | "find-up": "^4.0.0" 918 | }, 919 | "engines": { 920 | "node": ">=8" 921 | } 922 | }, 923 | "node_modules/punycode": { 924 | "version": "2.3.1", 925 | "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", 926 | "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", 927 | "engines": { 928 | "node": ">=6" 929 | } 930 | }, 931 | "node_modules/randombytes": { 932 | "version": "2.1.0", 933 | "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz", 934 | "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==", 935 | "dependencies": { 936 | "safe-buffer": "^5.1.0" 937 | } 938 | }, 939 | "node_modules/rechoir": { 940 | "version": "0.8.0", 941 | "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz", 942 | "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==", 943 | "dev": true, 944 | "dependencies": { 945 | "resolve": "^1.20.0" 946 | }, 947 | "engines": { 948 | "node": ">= 10.13.0" 949 | } 950 | }, 951 | "node_modules/resolve": { 952 | "version": "1.22.8", 953 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", 954 | "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", 955 | "dev": true, 956 | "dependencies": { 957 | "is-core-module": "^2.13.0", 958 | "path-parse": "^1.0.7", 959 | "supports-preserve-symlinks-flag": "^1.0.0" 960 | }, 961 | "bin": { 962 | "resolve": "bin/resolve" 963 | }, 964 | "funding": { 965 | "url": "https://github.com/sponsors/ljharb" 966 | } 967 | }, 968 | "node_modules/resolve-cwd": { 969 | "version": "3.0.0", 970 | "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz", 971 | "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==", 972 | "dev": true, 973 | "dependencies": { 974 | "resolve-from": "^5.0.0" 975 | }, 976 | "engines": { 977 | "node": ">=8" 978 | } 979 | }, 980 | "node_modules/resolve-from": { 981 | "version": "5.0.0", 982 | "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", 983 | "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", 984 | "dev": true, 985 | "engines": { 986 | "node": ">=8" 987 | } 988 | }, 989 | "node_modules/safe-buffer": { 990 | "version": "5.2.1", 991 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", 992 | "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", 993 | "funding": [ 994 | { 995 | "type": "github", 996 | "url": "https://github.com/sponsors/feross" 997 | }, 998 | { 999 | "type": "patreon", 1000 | "url": "https://www.patreon.com/feross" 1001 | }, 1002 | { 1003 | "type": "consulting", 1004 | "url": "https://feross.org/support" 1005 | } 1006 | ] 1007 | }, 1008 | "node_modules/schema-utils": { 1009 | "version": "3.3.0", 1010 | "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", 1011 | "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", 1012 | "dependencies": { 1013 | "@types/json-schema": "^7.0.8", 1014 | "ajv": "^6.12.5", 1015 | "ajv-keywords": "^3.5.2" 1016 | }, 1017 | "engines": { 1018 | "node": ">= 10.13.0" 1019 | }, 1020 | "funding": { 1021 | "type": "opencollective", 1022 | "url": "https://opencollective.com/webpack" 1023 | } 1024 | }, 1025 | "node_modules/semver": { 1026 | "version": "7.5.4", 1027 | "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", 1028 | "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==", 1029 | "dependencies": { 1030 | "lru-cache": "^6.0.0" 1031 | }, 1032 | "bin": { 1033 | "semver": "bin/semver.js" 1034 | }, 1035 | "engines": { 1036 | "node": ">=10" 1037 | } 1038 | }, 1039 | "node_modules/serialize-javascript": { 1040 | "version": "6.0.2", 1041 | "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", 1042 | "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", 1043 | "dependencies": { 1044 | "randombytes": "^2.1.0" 1045 | } 1046 | }, 1047 | "node_modules/shallow-clone": { 1048 | "version": "3.0.1", 1049 | "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz", 1050 | "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==", 1051 | "dev": true, 1052 | "dependencies": { 1053 | "kind-of": "^6.0.2" 1054 | }, 1055 | "engines": { 1056 | "node": ">=8" 1057 | } 1058 | }, 1059 | "node_modules/shebang-command": { 1060 | "version": "2.0.0", 1061 | "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", 1062 | "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", 1063 | "dev": true, 1064 | "dependencies": { 1065 | "shebang-regex": "^3.0.0" 1066 | }, 1067 | "engines": { 1068 | "node": ">=8" 1069 | } 1070 | }, 1071 | "node_modules/shebang-regex": { 1072 | "version": "3.0.0", 1073 | "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", 1074 | "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", 1075 | "dev": true, 1076 | "engines": { 1077 | "node": ">=8" 1078 | } 1079 | }, 1080 | "node_modules/source-map": { 1081 | "version": "0.6.1", 1082 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", 1083 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", 1084 | "engines": { 1085 | "node": ">=0.10.0" 1086 | } 1087 | }, 1088 | "node_modules/source-map-support": { 1089 | "version": "0.5.21", 1090 | "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", 1091 | "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", 1092 | "dependencies": { 1093 | "buffer-from": "^1.0.0", 1094 | "source-map": "^0.6.0" 1095 | } 1096 | }, 1097 | "node_modules/supports-color": { 1098 | "version": "8.1.1", 1099 | "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", 1100 | "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", 1101 | "dependencies": { 1102 | "has-flag": "^4.0.0" 1103 | }, 1104 | "engines": { 1105 | "node": ">=10" 1106 | }, 1107 | "funding": { 1108 | "url": "https://github.com/chalk/supports-color?sponsor=1" 1109 | } 1110 | }, 1111 | "node_modules/supports-preserve-symlinks-flag": { 1112 | "version": "1.0.0", 1113 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", 1114 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", 1115 | "dev": true, 1116 | "engines": { 1117 | "node": ">= 0.4" 1118 | }, 1119 | "funding": { 1120 | "url": "https://github.com/sponsors/ljharb" 1121 | } 1122 | }, 1123 | "node_modules/tapable": { 1124 | "version": "2.2.1", 1125 | "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", 1126 | "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", 1127 | "engines": { 1128 | "node": ">=6" 1129 | } 1130 | }, 1131 | "node_modules/terser": { 1132 | "version": "5.31.1", 1133 | "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.1.tgz", 1134 | "integrity": "sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==", 1135 | "dependencies": { 1136 | "@jridgewell/source-map": "^0.3.3", 1137 | "acorn": "^8.8.2", 1138 | "commander": "^2.20.0", 1139 | "source-map-support": "~0.5.20" 1140 | }, 1141 | "bin": { 1142 | "terser": "bin/terser" 1143 | }, 1144 | "engines": { 1145 | "node": ">=10" 1146 | } 1147 | }, 1148 | "node_modules/terser-webpack-plugin": { 1149 | "version": "5.3.10", 1150 | "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", 1151 | "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", 1152 | "dependencies": { 1153 | "@jridgewell/trace-mapping": "^0.3.20", 1154 | "jest-worker": "^27.4.5", 1155 | "schema-utils": "^3.1.1", 1156 | "serialize-javascript": "^6.0.1", 1157 | "terser": "^5.26.0" 1158 | }, 1159 | "engines": { 1160 | "node": ">= 10.13.0" 1161 | }, 1162 | "funding": { 1163 | "type": "opencollective", 1164 | "url": "https://opencollective.com/webpack" 1165 | }, 1166 | "peerDependencies": { 1167 | "webpack": "^5.1.0" 1168 | }, 1169 | "peerDependenciesMeta": { 1170 | "@swc/core": { 1171 | "optional": true 1172 | }, 1173 | "esbuild": { 1174 | "optional": true 1175 | }, 1176 | "uglify-js": { 1177 | "optional": true 1178 | } 1179 | } 1180 | }, 1181 | "node_modules/to-regex-range": { 1182 | "version": "5.0.1", 1183 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", 1184 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", 1185 | "dependencies": { 1186 | "is-number": "^7.0.0" 1187 | }, 1188 | "engines": { 1189 | "node": ">=8.0" 1190 | } 1191 | }, 1192 | "node_modules/ts-loader": { 1193 | "version": "9.5.0", 1194 | "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-9.5.0.tgz", 1195 | "integrity": "sha512-LLlB/pkB4q9mW2yLdFMnK3dEHbrBjeZTYguaaIfusyojBgAGf5kF+O6KcWqiGzWqHk0LBsoolrp4VftEURhybg==", 1196 | "dependencies": { 1197 | "chalk": "^4.1.0", 1198 | "enhanced-resolve": "^5.0.0", 1199 | "micromatch": "^4.0.0", 1200 | "semver": "^7.3.4", 1201 | "source-map": "^0.7.4" 1202 | }, 1203 | "engines": { 1204 | "node": ">=12.0.0" 1205 | }, 1206 | "peerDependencies": { 1207 | "typescript": "*", 1208 | "webpack": "^5.0.0" 1209 | } 1210 | }, 1211 | "node_modules/ts-loader/node_modules/source-map": { 1212 | "version": "0.7.4", 1213 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz", 1214 | "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==", 1215 | "engines": { 1216 | "node": ">= 8" 1217 | } 1218 | }, 1219 | "node_modules/typescript": { 1220 | "version": "5.2.2", 1221 | "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz", 1222 | "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==", 1223 | "peer": true, 1224 | "bin": { 1225 | "tsc": "bin/tsc", 1226 | "tsserver": "bin/tsserver" 1227 | }, 1228 | "engines": { 1229 | "node": ">=14.17" 1230 | } 1231 | }, 1232 | "node_modules/undici-types": { 1233 | "version": "5.26.5", 1234 | "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", 1235 | "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==" 1236 | }, 1237 | "node_modules/update-browserslist-db": { 1238 | "version": "1.0.13", 1239 | "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz", 1240 | "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==", 1241 | "funding": [ 1242 | { 1243 | "type": "opencollective", 1244 | "url": "https://opencollective.com/browserslist" 1245 | }, 1246 | { 1247 | "type": "tidelift", 1248 | "url": "https://tidelift.com/funding/github/npm/browserslist" 1249 | }, 1250 | { 1251 | "type": "github", 1252 | "url": "https://github.com/sponsors/ai" 1253 | } 1254 | ], 1255 | "dependencies": { 1256 | "escalade": "^3.1.1", 1257 | "picocolors": "^1.0.0" 1258 | }, 1259 | "bin": { 1260 | "update-browserslist-db": "cli.js" 1261 | }, 1262 | "peerDependencies": { 1263 | "browserslist": ">= 4.21.0" 1264 | } 1265 | }, 1266 | "node_modules/uri-js": { 1267 | "version": "4.4.1", 1268 | "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", 1269 | "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", 1270 | "dependencies": { 1271 | "punycode": "^2.1.0" 1272 | } 1273 | }, 1274 | "node_modules/watchpack": { 1275 | "version": "2.4.1", 1276 | "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz", 1277 | "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==", 1278 | "dependencies": { 1279 | "glob-to-regexp": "^0.4.1", 1280 | "graceful-fs": "^4.1.2" 1281 | }, 1282 | "engines": { 1283 | "node": ">=10.13.0" 1284 | } 1285 | }, 1286 | "node_modules/webpack": { 1287 | "version": "5.94.0", 1288 | "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", 1289 | "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", 1290 | "license": "MIT", 1291 | "dependencies": { 1292 | "@types/estree": "^1.0.5", 1293 | "@webassemblyjs/ast": "^1.12.1", 1294 | "@webassemblyjs/wasm-edit": "^1.12.1", 1295 | "@webassemblyjs/wasm-parser": "^1.12.1", 1296 | "acorn": "^8.7.1", 1297 | "acorn-import-attributes": "^1.9.5", 1298 | "browserslist": "^4.21.10", 1299 | "chrome-trace-event": "^1.0.2", 1300 | "enhanced-resolve": "^5.17.1", 1301 | "es-module-lexer": "^1.2.1", 1302 | "eslint-scope": "5.1.1", 1303 | "events": "^3.2.0", 1304 | "glob-to-regexp": "^0.4.1", 1305 | "graceful-fs": "^4.2.11", 1306 | "json-parse-even-better-errors": "^2.3.1", 1307 | "loader-runner": "^4.2.0", 1308 | "mime-types": "^2.1.27", 1309 | "neo-async": "^2.6.2", 1310 | "schema-utils": "^3.2.0", 1311 | "tapable": "^2.1.1", 1312 | "terser-webpack-plugin": "^5.3.10", 1313 | "watchpack": "^2.4.1", 1314 | "webpack-sources": "^3.2.3" 1315 | }, 1316 | "bin": { 1317 | "webpack": "bin/webpack.js" 1318 | }, 1319 | "engines": { 1320 | "node": ">=10.13.0" 1321 | }, 1322 | "funding": { 1323 | "type": "opencollective", 1324 | "url": "https://opencollective.com/webpack" 1325 | }, 1326 | "peerDependenciesMeta": { 1327 | "webpack-cli": { 1328 | "optional": true 1329 | } 1330 | } 1331 | }, 1332 | "node_modules/webpack-cli": { 1333 | "version": "5.1.4", 1334 | "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz", 1335 | "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==", 1336 | "dev": true, 1337 | "dependencies": { 1338 | "@discoveryjs/json-ext": "^0.5.0", 1339 | "@webpack-cli/configtest": "^2.1.1", 1340 | "@webpack-cli/info": "^2.0.2", 1341 | "@webpack-cli/serve": "^2.0.5", 1342 | "colorette": "^2.0.14", 1343 | "commander": "^10.0.1", 1344 | "cross-spawn": "^7.0.3", 1345 | "envinfo": "^7.7.3", 1346 | "fastest-levenshtein": "^1.0.12", 1347 | "import-local": "^3.0.2", 1348 | "interpret": "^3.1.1", 1349 | "rechoir": "^0.8.0", 1350 | "webpack-merge": "^5.7.3" 1351 | }, 1352 | "bin": { 1353 | "webpack-cli": "bin/cli.js" 1354 | }, 1355 | "engines": { 1356 | "node": ">=14.15.0" 1357 | }, 1358 | "funding": { 1359 | "type": "opencollective", 1360 | "url": "https://opencollective.com/webpack" 1361 | }, 1362 | "peerDependencies": { 1363 | "webpack": "5.x.x" 1364 | }, 1365 | "peerDependenciesMeta": { 1366 | "@webpack-cli/generators": { 1367 | "optional": true 1368 | }, 1369 | "webpack-bundle-analyzer": { 1370 | "optional": true 1371 | }, 1372 | "webpack-dev-server": { 1373 | "optional": true 1374 | } 1375 | } 1376 | }, 1377 | "node_modules/webpack-cli/node_modules/commander": { 1378 | "version": "10.0.1", 1379 | "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz", 1380 | "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==", 1381 | "dev": true, 1382 | "engines": { 1383 | "node": ">=14" 1384 | } 1385 | }, 1386 | "node_modules/webpack-merge": { 1387 | "version": "5.9.0", 1388 | "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.9.0.tgz", 1389 | "integrity": "sha512-6NbRQw4+Sy50vYNTw7EyOn41OZItPiXB8GNv3INSoe3PSFaHJEz3SHTrYVaRm2LilNGnFUzh0FAwqPEmU/CwDg==", 1390 | "dev": true, 1391 | "dependencies": { 1392 | "clone-deep": "^4.0.1", 1393 | "wildcard": "^2.0.0" 1394 | }, 1395 | "engines": { 1396 | "node": ">=10.0.0" 1397 | } 1398 | }, 1399 | "node_modules/webpack-sources": { 1400 | "version": "3.2.3", 1401 | "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", 1402 | "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", 1403 | "engines": { 1404 | "node": ">=10.13.0" 1405 | } 1406 | }, 1407 | "node_modules/which": { 1408 | "version": "2.0.2", 1409 | "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", 1410 | "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", 1411 | "dev": true, 1412 | "dependencies": { 1413 | "isexe": "^2.0.0" 1414 | }, 1415 | "bin": { 1416 | "node-which": "bin/node-which" 1417 | }, 1418 | "engines": { 1419 | "node": ">= 8" 1420 | } 1421 | }, 1422 | "node_modules/wildcard": { 1423 | "version": "2.0.1", 1424 | "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.1.tgz", 1425 | "integrity": "sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==", 1426 | "dev": true 1427 | }, 1428 | "node_modules/yallist": { 1429 | "version": "4.0.0", 1430 | "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", 1431 | "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" 1432 | } 1433 | } 1434 | } 1435 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "browser": { 3 | "fs": false 4 | }, 5 | "devDependencies": { 6 | "webpack": "^5.94.0", 7 | "webpack-cli": "^5.1.4" 8 | }, 9 | "dependencies": { 10 | "ts-loader": "^9.5.0" 11 | } 12 | } -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es6", 5 | "sourceMap": true, 6 | "outDir": "./Web/", 7 | }, 8 | "exclude": [ 9 | "node_modules" 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /Namo.Plugin.InPlayerEpisodePreview/webpack.config.js: -------------------------------------------------------------------------------- 1 | const webpack = require('webpack'); 2 | 3 | module.exports = () => { 4 | return { 5 | mode: "development", 6 | devtool: "inline-source-map", 7 | entry: "./Web/InPlayerPreview.ts", 8 | output: { 9 | path: __dirname + "/Web", 10 | filename: "InPlayerPreview.js" 11 | }, 12 | resolve: { 13 | extensions: [".ts", ".tsx", ".js"], 14 | }, 15 | module: { 16 | rules: [ 17 | { 18 | test: /\.tsx?$/, 19 | loader: "ts-loader" 20 | } 21 | ] 22 | } 23 | } 24 | }; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | In Player Episode Preview 2 | ==================== 3 | ## About ## 4 | This plugin adds an episode list to the video player, which allows you to preview every episode of the TV show without having to leave the player. 5 | 6 | This modification has support for the following clients: 7 | * [Jellyfin Web Client](https://github.com/jellyfin/jellyfin-web) 8 | * [Jellyfin Media Player](https://github.com/jellyfin/jellyfin-media-player) (JMP) Desktop Client 9 | 10 | ### Features ### 11 | * List all episodes of a season 12 | * Switch between seasons 13 | * Shows episode title, description, thumbnail and playback progress 14 | * Shows episode details like community ranking 15 | * Mark episodes as played or favourite 16 | * Start a new episode 17 | * Should work with custom themes 18 | 19 | ## Preview ## 20 | 21 | 22 | Used Theme: (SkinManager) Kaleidochromic 23 |
24 | This preview is missing the new buttons for marking an episode as completed or favourite. 25 | 26 | ## Installation ## 27 | 28 | ### Jellyfin Web Client (Server) ### 29 | 1. Add the manifest `https://raw.githubusercontent.com/Namo2/InPlayerEpisodePreview/master/manifest.json` as a Jellyfin plugin repository to your server. 30 | 2. Install the plugin `InPlayerEpisodePreview` from the repository. 31 | 3. Restart the Jellyfin server. 32 | 33 |
34 | 35 | ### Jellyfin Media Player (JMP) Desktop Client ### 36 | ### **Deprecated with JMP Version [1.11.0](https://github.com/jellyfin/jellyfin-media-player/releases/tag/v1.11.0)** ### 37 | Because the new JMP client is using the current web player from the server itself, it is no longer needed to make any changes to the client code directly. 38 | 39 | This is the recommended way to install the script on the desktop client. 40 | If you don't feel comfortable editing the nativeshell.js file yourself (step 3 to 6), you can download the full release instead, which includes the script already added to the nativeshell.js file. 41 | It is yet unclear if there could be potential issues, replacing the nativeshell.js file with the one from the release, so it is recommended to follow all steps below. 42 | 43 | 1. Download the latest release [JMP](https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.1.0.0/inPlayerEpisodePreview-1.1.0.0-jmp.zip) or [JMP-full](https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.1.0.0/inPlayerEpisodePreview-1.1.0.0-jmp-full.zip) (includes the script already added to the nativeshell.js file) 44 | 2. Extract the zip file into your Jellyfin directory (e.g. C:\Program Files\Jellyfin\Jellyfin Media Player) 45 | 3. Inside your Jellyfin directory follow the folder path "web-client\extension" 46 | 4. Open the "nativeshell.js" file in a text editor. 47 | 5. Inside the file find the section `const plugins = [];`. Add a new line at the start of the list and paste in `'inPlayerEpisodePreviewPlugin',`. The section should now look similar to this: 48 | ```javascript 49 | const plugins = [ 50 | 'inPlayerEpisodePreviewPlugin', 51 | 'mpvVideoPlayer', 52 | 'mpvAudioPlayer', 53 | 'jmpInputPlugin', 54 | 'jmpUpdatePlugin', 55 | 'jellyscrubPlugin', 56 | 'skipIntroPlugin' 57 | ]; 58 | ``` 59 | 6. Save the file and restart the JMP client. 60 | 61 | ## Troubleshooting ## 62 | 63 | ### 1. The preview button isn't visible ### 64 | This is most likely related to wrong permissions for the `index.html` file. 65 | 66 | #### 1.1 Change Ownership inside a docker container #### 67 | If you're running jellyfin in a docker container, you can change the ownership with thie following command 68 | (replace jellyfin with your containername, user and group with the user and group of your container): 69 | ``` 70 | docker exec -it --user root jellyfin chown user:group /jellyfin/jellyfin-web/index.html && docker restart jellyfin 71 | ``` 72 | You can run this as a cron job on system startup. 73 | 74 | (Thanks to [muisje](https://github.com/muisje) for helping with [this](https://github.com/Namo2/InPlayerEpisodePreview/issues/49#issue-2825745530) solution) 75 | 76 | #### 1.2 Change Ownership running on a Windows installation #### 77 | 1. Navigate to: `C:\Program Files\Jellyfin\Server\jellyfin-web\` 78 | 2. Right-click on `index.html` → `Properties` → `Security tab` → Click on `Edit` 79 | 3. Select your user from the list and check the Write `permission` box. 80 | 4. Restart both the server and client. 81 | 82 | (Thanks to [xeuc](https://github.com/xeuc) for [this](https://github.com/Namo2/InPlayerEpisodePreview/issues/49#issuecomment-2746136069) solution) 83 | 84 | If this does not work, please follow the discussion in [this](https://github.com/Namo2/InPlayerEpisodePreview/issues/10) (or [this](https://github.com/Namo2/InPlayerEpisodePreview/issues/49)) issue. 85 | 86 |
87 | If you encounter any error which you can't solve yourself, feel free to open up an issue. 88 |
Please keep in mind that any system is different which can lead to unexpected behaviour, so add as much information about it as possible. 89 |
Jellyfin logs and console logs from the browser (prefixed as [InPlayerEpisodePreview]) are always useful. 90 | 91 | ## Drawbacks ## 92 | * The plugin will download some extra data like the episode description from the server. 93 | 94 | ## Credits ## 95 | The plugin structure is based and inspired on the [Jellyscrub](https://github.com/nicknsy/jellyscrub) plugin by [NickNSY](https://github.com/nicknsy). 96 | -------------------------------------------------------------------------------- /jellyfin.ruleset: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "guid": "73833d5f-0bcb-45dc-ab8b-7ce668f4345d", 4 | "name": "InPlayerEpisodePreview", 5 | "overview": "Adds an overview of episode data inside the video player.", 6 | "description": "Adds an overview of episode data inside the video player.", 7 | "owner": "Namo", 8 | "category": "General", 9 | "versions": [ 10 | { 11 | "version": "1.0.0.0", 12 | "changelog": "Initial release", 13 | "targetAbi": "10.8.13.0", 14 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.0.0.0/InPlayerEpisodePreview-v1.0.0.0-server.zip", 15 | "checksum": "8679e9d1c3e4c3bd5039c81a1ad07c6e", 16 | "timestamp": "2023-12-17T10:33:00Z" 17 | }, 18 | { 19 | "version": "1.0.1.0", 20 | "changelog": "Retries + Settings Page", 21 | "targetAbi": "10.8.13.0", 22 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.0.1.0/inPlayerEpisodePreview-1.0.1.0-server.zip", 23 | "checksum": "2928263ae600f0a31626305a88514d8f", 24 | "timestamp": "2024-02-24T11:37:00Z" 25 | }, 26 | { 27 | "version": "1.1.0.0", 28 | "changelog": "Changes for Jellyfin 10.9.0", 29 | "targetAbi": "10.9.0.0", 30 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.1.0.0/inPlayerEpisodePreview-1.1.0.0-server.zip", 31 | "checksum": "6e77b2b3bd6d5a3ea85daa75e7a230de", 32 | "timestamp": "2024-05-12T20:23:00Z" 33 | }, 34 | { 35 | "version": "1.2.0.0", 36 | "changelog": "Changes for Jellyfin Media Player 1.11.0", 37 | "targetAbi": "10.9.0.0", 38 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.0.0/InPlayerEpisodePreview-1.2.0.0-server.zip", 39 | "checksum": "07ff1f4009b6e3a860ff0fd35e6649aa", 40 | "timestamp": "2024-06-14T01:38:00Z" 41 | }, 42 | { 43 | "version": "1.2.0.1", 44 | "changelog": "Security Updates", 45 | "targetAbi": "10.9.0.0", 46 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.0.1/InPlayerEpisodePreview-1.2.0.1-server.zip", 47 | "checksum": "e596d2e6e6e9a42a27068295d5f16e96", 48 | "timestamp": "2024-06-14T01:59:00Z" 49 | }, 50 | { 51 | "version": "1.2.1.0", 52 | "changelog": "Episode details", 53 | "targetAbi": "10.9.6.0", 54 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.1.0/InPlayerEpisodePreview-1.2.1.0-server.zip", 55 | "checksum": "31A0659C681749C01184E7188289F080", 56 | "timestamp": "2024-06-20T10:10:00Z" 57 | }, 58 | { 59 | "version": "1.2.2.0", 60 | "changelog": "Security Updates, Fix for server discovery, fix for icon color on hover", 61 | "targetAbi": "10.9.10.0", 62 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.2.0/InPlayerEpisodePreview-1.2.2.0-server.zip", 63 | "checksum": "d13482cdc15ab6a48a8daef66f4cfe62", 64 | "timestamp": "2024-09-07T20:00:00Z" 65 | }, 66 | { 67 | "version": "1.2.3.0", 68 | "changelog": "Reduced data usage", 69 | "targetAbi": "10.9.11.0", 70 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.3.0/InPlayerEpisodePreview-1.2.3.0-server.zip", 71 | "checksum": "d10583f352e58178b01ca7ca07b98bc6", 72 | "timestamp": "2024-09-10T17:38:00Z" 73 | }, 74 | { 75 | "version": "1.2.3.1", 76 | "changelog": "Fixed version tag in settings", 77 | "targetAbi": "10.9.11.0", 78 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.3.1/InPlayerEpisodePreview-1.2.3.1-server.zip", 79 | "checksum": "5052e834df8196e0e4d3fe20a77496aa", 80 | "timestamp": "2024-09-10T17:55:00Z" 81 | }, 82 | { 83 | "version": "1.2.4.0", 84 | "changelog": "Fixed image loading with subpaths", 85 | "targetAbi": "10.9.11.0", 86 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.2.4.0/InPlayerEpisodePreview-1.2.4.0-server.zip", 87 | "checksum": "93daf6047501fb461984f6a50862e0ca", 88 | "timestamp": "2024-09-24T17:31:00Z" 89 | }, 90 | { 91 | "version": "1.3.0.0", 92 | "changelog": "Changes for Jellyfin 10.10.0. Added collection support + a few fixes", 93 | "targetAbi": "10.10.0.0", 94 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.3.0.0/InPlayerEpisodePreview-1.3.0.0-server.zip", 95 | "checksum": "21e3583d4bb83f3bf61590d0b9dff2d6", 96 | "timestamp": "2024-10-26T12:56:00Z" 97 | }, 98 | { 99 | "version": "1.3.1.0", 100 | "changelog": "Fixes issues with the new Jellyfin 10.10.0 release", 101 | "targetAbi": "10.10.0.0", 102 | "sourceUrl": "https://github.com/Namo2/InPlayerEpisodePreview/releases/download/v1.3.1.0/InPlayerEpisodePreview-1.3.1.0-server.zip", 103 | "checksum": "d47bf5f61c4e6abf7d1498cdff91874c", 104 | "timestamp": "2024-10-26T18:34:00Z" 105 | } 106 | ] 107 | } 108 | ] 109 | --------------------------------------------------------------------------------