Upload 27 files

.gitignore

@@ -0,0 +1,3 @@
+.idea/
+_site/
+gemfile.lock

BUILD.md

@@ -0,0 +1,53 @@
+Build Documentation
+=
+
+### Setup
+
+Get a copy of the repository
+
+```
+git clone https://github.com/mattwright324/youtube-metadata.git
+```
+
+Install Ruby (and gems jekyll and bundler) following the steps for your operating system
+
+- https://jekyllrb.com/docs/installation/
+    - Ruby+Devkit default settings
+    - `gem install jekyll bundler`
+
+In CMD or terminal, cd to the project directory you cloned to and run `bundle install` to install necessary gems 
+for github-pages in the project Gemfile (this may take some time).
+
+### Build and Run
+
+In CMD or terminal, cd to the project directory you cloned to and run `bundle exec jekyll serve`
+ and you can view a live version at http://localhost:4000
+
+Update the application with any editor you prefer (WebStorm, VSCode, Notepad++, etc.), Jekyll works such that edits to files
+made while it is running will be picked up and published only needing you to refresh the browser instance to see them.
+
+*Note: My YouTube API key provided in the application is restricted only to `https://mattw.io/*`, `http://localhost:4000/*`, and `http://127.0.0.1:4000/*`.
+Access should work for all local development. Please do not abuse it such that it uses up the daily quota.*
+
+### Deployment note
+
+If you are planning to deploy your own version of this application on another domain you will need your own YouTube and Maps API keys.
+
+- https://console.cloud.google.com/apis/dashboard
+- https://developers.google.com/youtube/v3/getting-started
+- https://console.cloud.google.com/google/maps-apis/start
+
+You can replace the YouTube API key in `youtube-api-v3.js` and replace the final line as such:
+
+```js
+youtube.setDefaultKey('AIzaSy...');
+```
+
+You can replace the Maps API key in `youtube-metadata.js` by searching for `maps.googleapis.com`.
+
+It will also be important to note that the current YouTube API quota for new project keys is 10,000 units per day and may not be enough for your desired usage or if you plan to share your version.
+My keys were lucky enough to be grandfathered in when the default quota limit was 1,000,000 units per day.
+There is a process to request for more quota, however I have had not luck with it in the past.
+
+- https://developers.google.com/youtube/v3/determine_quota_cost
+- https://support.google.com/youtube/contact/yt_api_form

CONTRIBUTING.md

@@ -0,0 +1,15 @@
+Contributing Documentation
+=
+
+Contributions are certainly welcome and encouraged. 
+
+This application is hosted by [GitHub Pages](https://docs.github.com/en/free-pro-team@latest/github/working-with-github-pages/getting-started-with-github-pages) 
+meaning the `master` branch is what GitHub uses to deploy the application as found at https://mattw.io/youtube-metadata. 
+
+Pull requests should generally describe the changes being made or the issue being addressed. 
+Pull requests should be merged into the `develop` branch so that I may make any additional tweaks or adjustments before 
+merging into `master` for GitHub Pages to deploy.
+
+Make the pull request from your own fork of the project.
+It is recommended to base it off the `develop` branch.
+However, depending how involved you would like to be, I can consider adding you to the main project if asked.

Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages'

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Matthew Wright
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

PRIVACY.md

@@ -0,0 +1,20 @@
+# Privacy
+
+This application uses YouTube API Services and Google Maps Services.
+
+- http://www.google.com/policies/privacy
+
+Basic user data is stored/collected by Google Analytics and Plausible and is being used for monitoring traffic and referrals.
+Data collected by these services is not being shared with any other parties. 
+This application does not allow third parties to serve advertisements.
+
+- http://www.google.com/policies/privacy
+- https://plausible.io/privacy
+
+Additional external calls are made to Filmot for archived video metadata. 
+
+- https://filmot.com/privacy
+
+Additional external calls are made to my Heroku [cors-anywhere](https://github.com/Rob--W/cors-anywhere) proxy to resolve custom channel URLs to channel ids.
+
+- https://www.heroku.com/policy/security

TERMS.md

@@ -0,0 +1,5 @@
+# Terms of Use
+
+By using this application you are agreeing to be bound by YouTube's Terms of Service
+
+- https://www.youtube.com/t/terms

_config.yml

@@ -0,0 +1,3 @@
+encoding    : UTF-8
+exclude     : [.idea]
+github      : https://github.com/mattwright324/

_includes/format_share.html

@@ -0,0 +1,20 @@
+<div class="container mb-15" style="margin-top: 1.25%">
+    <span>Accepted formats</span>
+    <ul id="formats" class="collapse show" style="padding-top:7px">
+        <li><span class="optional">https://www.</span>youtube.com/watch?v=<span class="orange">video_id</span></li>
+        <li><span class="optional">https://</span>youtube.com/shorts/<span class="orange">video_id</span></li>
+        <li><span class="optional">https://</span>youtu.be/<span class="orange">video_id</span></li>
+        <li><span class="optional">https://www.</span>youtube.com/playlist?list=<span class="orange">playlist_id</span></li>
+        <li><span class="optional">https://www.</span>youtube.com/channel/<span class="orange">channel_id</span></li>
+        <li><span class="optional">https://www.</span>youtube.com/user/<span class="orange">username</span></li>
+        <li><span class="optional">https://www.</span>youtube.com/@<span class="orange">channel_handle</span>
+        <li><span class="optional">https://www.</span>youtube.com/c/<span class="orange">custom_url</span></li>
+        <li><span class="optional">https://www.</span>youtube.com/<span class="orange">custom_url</span></li>
+        <li>
+            Also accepts direct ids:
+            <span class="orange">video_id</span>,
+            <span class="orange">playlist_id</span>,
+            <span class="orange">channel_id</span>
+        </li>
+    </ul>
+</div>

_layouts/default.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+    <meta charset="utf-8">
+    <meta name="description"
+          content="Quickly gather all the metadata about a video, playlist, or channel from the YouTube API. Reverse image search thumbnails, geolocate in google maps, and translate ISO country and language codes.">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <link rel="icon" href="./img/icon.png">
+    <title>{{ page.title }}</title>
+
+    <link rel="preconnect" href="//cdn.jsdelivr.net" crossorigin>
+
+    <!-- Dependencies -->
+    <link href="//cdn.datatables.net/1.11.3/css/dataTables.bootstrap5.min.css" rel="stylesheet">
+    <link href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/styles/stackoverflow-dark.min.css" rel="stylesheet"
+          id="highlightjs-theme">
+    <link href="//cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-nightshade.min.css" rel="stylesheet">
+    <link href="//cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet">
+    <link href="./css/youtube-metadata.css?v={{ site.time | date_to_xmlschema }}" rel="stylesheet"/>
+    <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="//cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
+    <script src="//cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.js"></script>
+    <script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/highlight.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/apexcharts@3.32.0/dist/apexcharts.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/js/darkmode.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/bootstrap-multiselect@1.1.0/dist/js/bootstrap-multiselect.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/jszip-utils@0.1.0/dist/jszip-utils.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/jszip@3.7.1/dist/jszip.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js" type="text/javascript"></script>
+    <script src="//cdn.jsdelivr.net/npm/xregexp@5.1.0/xregexp-all.js"></script>
+    <script src="./js/randojs-2.0.0.js"></script>
+
+    <!-- App -->
+    <script src="./js/iso-639-translator.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/iso-3166-translator.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/bcp-47-translator.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/yt-category-translator.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/youtube-api-v3.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/youtube-metadata-examples.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/shared.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+    <script src="./js/{{ page.script }}.js?v={{ site.time | date_to_xmlschema }}" type="text/javascript"></script>
+
+    <!-- Analytics -->
+    <script defer data-domain="mattw.io" src="https://plausible.io/js/plausible.js"></script>
+</head>
+<body>
+<nav class="navbar navbar-expand-lg navbar-light mb-15" style="border-bottom: 1px solid rgba(127,127,127,0.1);">
+    <div class="container">
+        <div class="navbar-brand">
+            <img src="./img/icon.png" alt="" class="d-inline-block align-text-top">
+            <span style="padding-left: .75rem;">{{ page.title }}</span>
+        </div>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <li class="nav-item">
+                    <a class="nav-link" href="./">Normal</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="./bulk">Bulk</a>
+                </li>
+            </ul>
+            <form class="d-flex">
+                <div class="form-check form-switch">
+                    <input class="form-check-input" type="checkbox" role="switch" id="darkMode" checked>
+                    <label class="form-check-label" for="darkMode">Dark</label>
+                </div>
+                <script>
+                    const switchDarkMode = document.querySelector("#darkMode");
+                    switchDarkMode.onclick = function (e) {
+                        darkmode.toggleDarkMode();
+                    }
+                    window.addEventListener('DOMContentLoaded', () => {
+                        if (DarkMode.getColorScheme() === "dark") {
+                            console.log(1)
+                            switchDarkMode.setAttribute("checked", "checked");
+                        } else {
+                            console.log(2)
+                            switchDarkMode.removeAttribute("checked");
+                        }
+                    });
+                </script>
+            </form>
+        </div>
+    </div>
+</nav>
+{{ content }}
+<div class="ui container" style="padding-top:3%;padding-bottom:3%;color:darkgray;text-align:center">
+    <img src="https://developers.google.com/static/youtube/images/developed-with-youtube-sentence-case-light.png" style="width:200px!important"/>
+    <br>
+    mattwright324 | 2023 | <a href="/">home</a> | <a href="https://github.com/mattwright324">github</a> |
+    <a href="https://github.com/mattwright324/youtube-metadata">youtube-metadata</a>
+    <br>
+    <a href="https://github.com/mattwright324/youtube-metadata/blob/master/PRIVACY.md">privacy</a> |
+    <a href="https://github.com/mattwright324/youtube-metadata/blob/master/TERMS.md">terms of use</a> |
+    <a href="/">contact</a>
+</div>
+</body>
+</html>

bulk.html

@@ -0,0 +1,214 @@
+---
+layout: default
+title: MW Metadata Bulk
+script: youtube-metadata-bulk
+---
+<div class="container">
+    <p>
+        MW Metadata bulk grabs details about multiple YouTube videos, a playlist's videos, or a channel's public videos.
+    </p>
+    <p>
+        Submit a comma or whitespace separated list of multiple videos, playlists, or channels
+    </p>
+    <div class="input-group mb-3">
+        <input type="text" class="form-control" placeholder="https://www.youtube.com/channel/UCuAXFkgsw1L7xaCfnd5JJOw"
+               aria-label="https://www.youtube.com/channel/UCuAXFkgsw1L7xaCfnd5JJOw" aria-describedby="submit"
+               id="value" autocomplete="off">
+        <button class="btn btn-primary loading disabled" type="button" id="submit">
+            <span>Submit</span>
+            <span class="countdown"></span>
+        </button>
+    </div>
+    <div class="form-check">
+        <input class="form-check-input" type="checkbox" value="" id="createdPlaylists" autocomplete="off">
+        <label class="form-check-label" for="createdPlaylists">
+            Inspect videos in created playlists to find unlisted, private, and deleted videos (channels only)
+        </label>
+    </div>
+</div>
+{% include format_share.html %}
+<div class="container mb-15">
+    <h2><span class="export">Export &</span> Share</h2>
+    <p class="export">Save this result as a zip file or load from a previous export. Drag and drop supported.</p>
+    <button class="btn btn-secondary export" id="export">
+        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
+        <span class="text"><i class="bi bi-download"></i>&nbsp;&nbsp;Export</span>
+    </button><span class="export">&nbsp;</span>
+    <button class="btn btn-secondary export" id="import" onclick="document.getElementById('importFileChooser').click()">
+        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
+        <span class="text"><i class="bi bi-upload"></i>&nbsp;&nbsp;Import</span>
+        <input id="importFileChooser" type="file" hidden/>
+    </button>
+    <div class="form-check export" style="margin:10px 0">
+        <input class="form-check-input" type="checkbox" value="" id="includeThumbs" autocomplete="off">
+        <label class="form-check-label" for="includeThumbs">
+            Include thumbnails on export (this may take a long time)
+            <span id="thumbProgress" class="orange"></span>
+        </label>
+    </div>
+    <p class="export">Contains file(s)</p>
+    <ul class="export">
+        <li>about.txt - Metadata about this result.</li>
+        <li>videos.json - Array of all raw video data.</li>
+        <li>channels.json - Array of all raw channel data.</li>
+        <li>playlists.json - Array of all raw playlist data.</li>
+        <li>unavailable.json - Basic data for unavailable videos.</li>
+        <li>✱.csv - Data from each table section below.</li>
+        <li>thumbs/✱.png - Thumbs if available.</li>
+    </ul>
+    <p class="export"></p>
+    <p>Share this result:</p>
+    <div class="input-group" style="max-width: 226px;">
+        <input type="text" class="form-control" aria-describedby="copy" id="shareLink" autocomplete="off">
+        <button class="btn btn-primary clipboard" type="button" data-clipboard-target="#shareLink"><i
+                class="bi bi-clipboard"></i></button>
+    </div>
+    <p style="margin-top: 10px">
+        <a target="_blank" href="https://github.com/mattwright324/youtube-metadata/discussions/150">
+            What happened to export?
+        </a>
+    </p>
+</div>
+<div class="container mb-15">
+    <h2>Videos</h2>
+    <p>
+        List of all videos, playlist videos, or channel public uploads.
+        Customize columns to show more or less data as needed.
+    </p>
+    <div class="progress" style="margin-bottom:5px">
+        <div id="progressBar" class="progress-bar" role="progressbar" style="" aria-valuenow="0" aria-valuemin="0"
+             aria-valuemax="100">
+            <div class="label"></div>
+        </div>
+    </div>
+    <div id="progressText" style="width: 100%;text-align: center;">Idle</div>
+    <br>
+    <label for="column-options">Select column(s)</label>
+    <select id="column-options" multiple="multiple" hidden></select>
+</div>
+<div class="container-fluid mb-15">
+    <table id="videosTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>
+<div class="container mb-15">
+    <h2>Tags</h2>
+    <p>Aggregate total tag counts on found videos.</p>
+    <table id="tagsTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>
+<div class="container mb-15">
+    <h2>Geotags</h2>
+    <p>
+        Aggregate total geotag counts on found videos.
+        Want to visualize this data in a map?
+        Export this result and import the zip into
+        <a href="https://mattw.io/youtube-geofind" target="_blank">YouTube Geofind</a>!</p>
+    </p>
+    <table id="geotagsTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>
+<div class="container mb-15">
+    <h2>Links</h2>
+    <p>
+        Aggregate total link counts in found video descriptions.
+        Be careful visiting what may show up here, by default results will not be hyperlinked for safety.
+    </p>
+    <div class="form-check mb-15">
+        <input class="form-check-input" type="checkbox" value="" id="makeHyperlinks" autocomplete="off"
+               onchange="bulk.toggleLinksColumn(0);bulk.toggleLinksColumn(1)">
+        <label class="form-check-label" for="makeHyperlinks">
+            Make them hyperlinks anyways
+        </label>
+    </div>
+    <table id="linksTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>
+<div class="container mb-15">
+    <h2>Upload Frequency</h2>
+    <p>
+        Aggregate uploads frequency by hour and day.
+        Transformable to any timezone
+        (<a target="_blank" href="https://upload.wikimedia.org/wikipedia/commons/8/88/World_Time_Zones_Map.png">map</a>)
+        and filterable by year when activity occurred.
+        Guesstimate region using typical sleep/activity patterns, see change in behavior over time,
+        or see typical upload times in your own timezone.
+    </p>
+    <div class="row" style="margin: 0 0 1.5em 0">
+        <select id="offset" class="form-select" style="width:auto;margin-right:10px" autocomplete="off">
+            <option value="-1200">UTC −12:00</option>
+            <option value="-1100">UTC −11:00</option>
+            <option value="-1000">UTC −10:00</option>
+            <option value="-0930">UTC −09:30</option>
+            <option value="-0900">UTC −09:00</option>
+            <option value="-0800">UTC −08:00</option>
+            <option value="-0700">UTC −07:00</option>
+            <option value="-0600">UTC −06:00</option>
+            <option value="-0500">UTC −05:00</option>
+            <option value="-0400">UTC −04:00</option>
+            <option value="-0330">UTC −03:30</option>
+            <option value="-0300">UTC −03:00</option>
+            <option value="-0200">UTC −02:00</option>
+            <option value="-0100">UTC −01:00</option>
+            <option value="+0000" selected>UTC ±00:00</option>
+            <option value="+0100">UTC +01:00</option>
+            <option value="+0200">UTC +02:00</option>
+            <option value="+0300">UTC +03:00</option>
+            <option value="+0330">UTC +03:30</option>
+            <option value="+0400">UTC +04:00</option>
+            <option value="+0430">UTC +04:30</option>
+            <option value="+0500">UTC +05:00</option>
+            <option value="+0530">UTC +05:30</option>
+            <option value="+0545">UTC +05:45</option>
+            <option value="+0600">UTC +06:00</option>
+            <option value="+0630">UTC +06:30</option>
+            <option value="+0700">UTC +07:00</option>
+            <option value="+0800">UTC +08:00</option>
+            <option value="+0845">UTC +08:45</option>
+            <option value="+0900">UTC +09:00</option>
+            <option value="+0930">UTC +09:30</option>
+            <option value="+1000">UTC +10:00</option>
+            <option value="+1030">UTC +10:30</option>
+            <option value="+1100">UTC +11:00</option>
+            <option value="+1200">UTC +12:00</option>
+            <option value="+1245">UTC +12:45</option>
+            <option value="+1300">UTC +13:00</option>
+            <option value="+1345">UTC +13:45</option>
+            <option value="+1400">UTC +14:00</option>
+        </select>
+        <select id="year" class="form-select" style="width:auto" autocomplete="off">
+            <option value="" selected>All years</option>
+        </select>
+    </div>
+    <div id="uploadFrequency"></div>
+</div>
+<div class="container mb-15">
+    <h2>Unavailable</h2>
+    <p>
+        Videos that are unavailable from channels (created playlists on), playlists, or videos.
+        They are either <a target="_blank" href="https://github.com/mattwright324/youtube-metadata/wiki/Deleted-and-Private-Videos">deleted or made private</a>.
+        Consider searching for user-made playlists to find more unavailable videos.
+    </p>
+    <div id="unavailable">
+        <div class="input-group mb-3" style="align-items: center;">
+            <button class="btn btn-secondary loading disabled" type="button" id="checkUnavailable" style="margin-right: 10px">
+                <span>Check Unavailable</span>
+                <span class="countdown"></span>
+            </button>
+            <span>Check Filmot for any archived metadata for unavailable videos.</span>
+        </div>
+        <div class="progress" style="margin-bottom:5px">
+            <div id="unavailableProgressBar" class="progress-bar" role="progressbar" style="" aria-valuenow="0" aria-valuemin="0"
+                 aria-valuemax="100">
+                <div class="label"></div>
+            </div>
+        </div>
+        <div id="unavailableProgressText" style="width: 100%;text-align: center;">Idle</div>
+        <br>
+    </div>
+    <label for="unavailable-columns">Select column(s)</label>
+    <select id="unavailable-columns" multiple="multiple" hidden></select>
+</div>
+<div class="container-fluid mb-15">
+    <table id="unavailableTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>
+<div class="container mb-15">
+    <h2>Other</h2>
+    <p>Other potentially useful aggregate data on found videos.</p>
+    <table id="otherTable" class="table table-striped table-hover" style="width:100%"></table>
+</div>

css/youtube-metadata.css

@@ -0,0 +1,177 @@
+body {
+    background-repeat: repeat;
+    font-weight: 350 !important;
+}
+
+a[href] {
+    text-decoration: none;
+}
+
+ul {
+    line-height: 20px;
+}
+
+code {
+    max-height: 180px;
+}
+
+.mb-15 {
+    margin-bottom: 1.5%;
+}
+
+p.mb-15 {
+    margin-bottom: 0.75%;
+}
+
+.mt-15 {
+    margin-top: 1.5%;
+}
+
+.pt-15 {
+    padding-top: 1.5%;
+}
+
+.navbar-brand {
+    font-size: 1.75rem!important;
+}
+
+.navbar {
+    font-size: 1.5rem!important;
+}
+
+.orange {
+    color: orange;
+}
+
+.red {
+    color: red;
+}
+
+.green {
+    color: green;
+}
+
+.optional {
+    opacity: 0.75;
+}
+
+.section-header {
+    font-size: 1.5em;
+    margin: 0 0 0.3em;
+}
+
+.unknown {
+    color: mediumpurple;
+}
+
+.good {
+    color: mediumseagreen;
+}
+
+.bad, .gray {
+    color: lightgray;
+}
+
+.profile {
+    width: 100px;
+    height: 100px;
+}
+
+img {
+    width: 100%;
+    max-width: 500px;
+    height: auto;
+}
+
+.navbar-brand img {
+    width: 40px !important;
+    height: 40px !important;
+}
+
+.section-header span {
+    margin-left: 8px;
+}
+
+#export, #import {
+    width: 100px;
+}
+
+button.loading .text {
+    display: none;
+}
+
+.dropdown-toggle::after {
+    content: none
+}
+
+.progress {
+    height: 2em;
+}
+
+.tag {
+    background-color: lightskyblue;
+    padding: 2px 5px;
+    border-radius: 5px;
+    margin-right: 4px;
+    margin-bottom: 3px;
+    display: inline-block;
+}
+
+.comma {
+    color: transparent;
+    width: 0;
+    display: inline-block;
+}
+
+button .countdown, button .spinner {
+    display: none;
+}
+
+button.loading .countdown, button.loading .spinner {
+    display: initial;
+}
+
+.progress-bar.error {
+    background-color:  #e67e22;
+}
+
+html.dark .progress-bar.error {
+    background-color:  #ca6f1e;
+}
+
+/* Dark mode tweaks */
+html.dark .tag {
+    background-color: royalblue;
+}
+
+html.dark .btn-primary {
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+}
+
+html.dark a {
+    color: lightskyblue;
+}
+
+html.dark .progress-bar {
+    color: #fff;
+}
+
+.wayback-cdx-older {
+    filter: brightness(0.75);
+}
+
+.export {
+    display: none;
+}
+
+/*
+Use Stylus extension!
+
+https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
+https://addons.mozilla.org/en-US/firefox/addon/styl-us/
+
+.export {
+    display: revert!important;
+}
+*/

index.html

@@ -1,19 +1,142 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+---
+layout: default
+title: MW Metadata
+script: youtube-metadata
+---
+<div class="container">
+    <p>
+        MW Metadata normal grabs singular details about a YouTube video and its uploader, playlist and its creator, or channel.
+    </p>
+    <p>
+        Submit a link or id to a video, playlist, or channel
+    </p>
+    <div class="input-group">
+        <input type="text" class="form-control" placeholder="https://youtu.be/dQw4w9WgXcQ" autocomplete="off"
+               aria-label="https://youtu.be/dQw4w9WgXcQ" aria-describedby="submit" id="value">
+        <button class="btn btn-primary loading disabled" type="button" id="submit" >
+            <span>Submit</span>
+            <span class="countdown"></span>
+        </button>
+    </div>
+</div>
+{% include format_share.html %}
+<div class="container mb-15">
+    <h2><span class="export">Export &</span> Share</h2>
+    <p class="export">Save this result as a zip file or load from a previous export. Drag and drop supported.</p>
+    <button class="btn btn-secondary export" id="export">
+        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
+        <span class="text"><i class="bi bi-download"></i>&nbsp;&nbsp;Export</span>
+    </button><span class="export">&nbsp;</span>
+    <button class="btn btn-secondary export" id="import" onclick="document.getElementById('importFileChooser').click()">
+        <span class="spinner"><span class="spinner-border spinner-border-sm" role="status"></span></span>
+        <span class="text"><i class="bi bi-upload"></i>&nbsp;&nbsp;Import</span>
+        <input id="importFileChooser" type="file" hidden/>
+    </button>
+    <p class="export"></p>
+    <p class="export">Contains file(s)</p>
+    <ul class="export">
+        <li>about.txt - Metadata about this result.</li>
+        <li>video.json - Raw video data.</li>
+        <li>playlist.json - Raw playlist data.</li>
+        <li>channel.json - Raw channel data.</li>
+        <li>filmot.json - Archive data if retrieved.</li>
+        <li>✱-thumb.png - Thumbs if available.</li>
+    </ul>
+    <p class="export"></p>
+    <p>Share this result:</p>
+    <div class="input-group" style="max-width: 226px;">
+        <input type="text" class="form-control" aria-describedby="copy" id="shareLink" autocomplete="off">
+        <button class="btn btn-primary clipboard" type="button"  data-clipboard-target="#shareLink"><i class="bi bi-clipboard"></i></button>
+    </div>
+    <p style="margin-top: 10px">
+        <a target="_blank" href="https://github.com/mattwright324/youtube-metadata/discussions/150">
+            What happened to export?
+        </a>
+    </p>
+</div>
+<div class="container mb-15" id="video">
+    <h2>Video</h2>
+    <p>The video submitted.
+        Click <a href="https://developers.google.com/youtube/v3/docs/videos#properties" target="_blank">here</a>
+        to see detailed property descriptions.
+    </p>
+    <div id="video-section"></div>
+
+    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>Thumbnails</span></div>
+    <p>Reverse image search all four thumbnail images.</p>
+    <div id="thumbnails" class="row row-cols-4"></div>
+
+    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
+    <p>Check other resources for details or archival.</p>
+    <div id="video-more" style="padding-top:0"></div>
+</div>
+<div class="container mb-15" id="playlist">
+    <h2>Playlist</h2>
+    <p>The playlist submitted.
+        Click <a href="https://developers.google.com/youtube/v3/docs/playlists#properties"
+                 target="_blank">here</a> to see detailed property descriptions.
+    </p>
+    <div id="playlist-section"></div>
+
+    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
+    <p>Check other resources for details or archival.</p>
+    <div id="playlist-more" style="padding-top:0"></div>
+</div>
+<div class="container mb-15" id="channel">
+    <h2>Channel</h2>
+    <p>The video author, playlist creator, or channel submitted.
+        Click <a href="https://developers.google.com/youtube/v3/docs/channels#properties" target="_blank">here</a>
+        to see detailed property descriptions.
+    </p>
+    <div id="channel-section"></div>
+
+    <div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>More</span></div>
+    <p>Check other resources for details or archival.</p>
+    <div id="channel-more" style="padding-top:0"></div>
+</div>
+<div class="container mb-15" id="unknown" style="display: none">
+    <h2>Unknown</h2>
+    <p id="reason" class="mb-15"></p>
+    <div id="reason-append"></div>
+</div>
+<div class="container mb-15" id="quota" style="display: none">
+    <h2>Quota Exceeded</h2>
+    <p class="mb-15">
+        The daily YouTube API quota has been reached for this application.
+        Quota resets at <span class="orange">midnight Pacific Time (PT)</span> as per the Google Developers Console.
+    </p>
+    <p class="mb-15">
+        See more detail here with
+        <a href="https://github.com/mattwright324/youtube-metadata/issues/3" target="_blank">issue #3</a>.
+    </p>
+    <p class="mb-15">
+        Since the API is continually reaching its quota due to someone, you can use your own API key with this
+        <a href="https://github.com/mattwright324/youtube-metadata/issues/3#issuecomment-1532385453" target="_blank">
+            Tampermonkey userscript</a>.
+        <a href="https://developers.google.com/youtube/v3/getting-started#intro" target="_blank">
+            Here</a> to create your own key.
+    </p>
+    <div id="quota-reason-append"></div>
+</div>
+<div class="container mb-15" id="filmot" style="display: none">
+    <h2>Filmot Archive</h2>
+    <p class="mb-15">
+        Data retrieved from Filmot about this unavailable video.
+    </p>
+    <div id="filmot-append"></div>
+</div>
+<div class="container mb-15" id="wayback" style="display: none">
+    <h2>Wayback CDX</h2>
+    <p class="mb-15">
+        Potential metadata returned from Wayback CDX API. Searches for video and video storyboard thumbnails.
+    </p>
+    <button class="btn btn-secondary" id="wayback-check" style="margin-bottom:8px">Check CDX</button>
+    <div id="wayback-show-older" class="form-check" style="margin-bottom:8px;display:none">
+        <input class="form-check-input" type="checkbox" value="" id="checkHideOlder" checked>
+        <label class="form-check-label" for="checkHideOlder">
+            Hide older versions of the same link (<span class="older-count">0</span> older)
+        </label>
+    </div>
+    <div id="wayback-append"></div>
+    <button class="btn btn-secondary" id="wayback-copy" style="margin-bottom:8px;display:none">Copy visible links</button>
+</div>

js/bcp-47-translator.js

@@ -0,0 +1,22 @@
+/**
+ * BCP 47 is a combination of country code ISO 3166 and language code ISO 639.
+ *
+ * This translates both codes.
+ */
+const bcp47 = (function (iso3166, iso639) {
+    'use strict';
+
+    return {
+        lookup: function (code) {
+            if (!code) {
+                return;
+            }
+
+            const parts = String(code).split(/[-|_]/);
+            return {
+                language: iso639.lookup(parts[0]) || iso639.lookup(parts[1]),
+                country: iso3166.lookup(parts[0]) || iso3166.lookup(parts[1])
+            }
+        }
+    }
+}(iso3166, iso639));

js/iso-3166-translator.js

@@ -0,0 +1,1275 @@
+/**
+ * Implementation to quickly translate ISO 3166-1 two and three letter and digit country codes.
+ *
+ * @link https://en.wikipedia.org/wiki/List_of_ISO_3166_country_codes
+ */
+const iso3166 = (function () {
+    'use strict';
+
+    const codes = [
+        {
+            "name": "Afghanistan",
+            "numeric3": "004",
+            "alpha2": "AF"
+        },
+        {
+            "name": "Åland Islands",
+            "numeric3": "248",
+            "alpha2": "AX"
+        },
+        {
+            "name": "Albania",
+            "numeric3": "008",
+            "alpha2": "AL"
+        },
+        {
+            "name": "Algeria",
+            "numeric3": "012",
+            "alpha2": "DZ"
+        },
+        {
+            "name": "American Samoa",
+            "numeric3": "016",
+            "alpha2": "AS"
+        },
+        {
+            "name": "Andorra",
+            "numeric3": "020",
+            "alpha2": "AD"
+        },
+        {
+            "name": "Angola",
+            "numeric3": "024",
+            "alpha2": "AO"
+        },
+        {
+            "name": "Anguilla",
+            "numeric3": "660",
+            "alpha2": "AI"
+        },
+        {
+            "name": "Antarctica",
+            "numeric3": "010",
+            "alpha2": "AQ"
+        },
+        {
+            "name": "Antigua and Barbuda",
+            "numeric3": "028",
+            "alpha2": "AG"
+        },
+        {
+            "name": "Argentina",
+            "numeric3": "032",
+            "alpha2": "AR"
+        },
+        {
+            "name": "Armenia",
+            "numeric3": "051",
+            "alpha2": "AM"
+        },
+        {
+            "name": "Aruba",
+            "numeric3": "533",
+            "alpha2": "AW"
+        },
+        {
+            "name": "Australia",
+            "numeric3": "036",
+            "alpha2": "AU"
+        },
+        {
+            "name": "Austria",
+            "numeric3": "040",
+            "alpha2": "AT"
+        },
+        {
+            "name": "Azerbaijan",
+            "numeric3": "031",
+            "alpha2": "AZ"
+        },
+        {
+            "name": "Bahamas (the)",
+            "numeric3": "044",
+            "alpha2": "BS"
+        },
+        {
+            "name": "Bahrain",
+            "numeric3": "048",
+            "alpha2": "BH"
+        },
+        {
+            "name": "Bangladesh",
+            "numeric3": "050",
+            "alpha2": "BD"
+        },
+        {
+            "name": "Barbados",
+            "numeric3": "052",
+            "alpha2": "BB"
+        },
+        {
+            "name": "Belarus",
+            "numeric3": "112",
+            "alpha2": "BY"
+        },
+        {
+            "name": "Belgium",
+            "numeric3": "056",
+            "alpha2": "BE"
+        },
+        {
+            "name": "Belize",
+            "numeric3": "084",
+            "alpha2": "BZ"
+        },
+        {
+            "name": "Benin",
+            "numeric3": "204",
+            "alpha2": "BJ"
+        },
+        {
+            "name": "Bermuda",
+            "numeric3": "060",
+            "alpha2": "BM"
+        },
+        {
+            "name": "Bhutan",
+            "numeric3": "064",
+            "alpha2": "BT"
+        },
+        {
+            "name": "Bolivia (Plurinational State of)",
+            "numeric3": "068",
+            "alpha2": "BO"
+        },
+        {
+            "name": "Bonaire Sint Eustatius Saba",
+            "numeric3": "535",
+            "alpha2": "BQ"
+        },
+        {
+            "name": "Bosnia and Herzegovina",
+            "numeric3": "070",
+            "alpha2": "BA"
+        },
+        {
+            "name": "Botswana",
+            "numeric3": "072",
+            "alpha2": "BW"
+        },
+        {
+            "name": "Bouvet Island",
+            "numeric3": "074",
+            "alpha2": "BV"
+        },
+        {
+            "name": "Brazil",
+            "numeric3": "076",
+            "alpha2": "BR"
+        },
+        {
+            "name": "British Indian Ocean Territory (the)",
+            "numeric3": "086",
+            "alpha2": "IO"
+        },
+        {
+            "name": "Brunei Darussalam",
+            "numeric3": "096",
+            "alpha2": "BN"
+        },
+        {
+            "name": "Bulgaria",
+            "numeric3": "100",
+            "alpha2": "BG"
+        },
+        {
+            "name": "Burkina Faso",
+            "numeric3": "854",
+            "alpha2": "BF"
+        },
+        {
+            "name": "Burundi",
+            "numeric3": "108",
+            "alpha2": "BI"
+        },
+        {
+            "name": "Cabo Verde",
+            "numeric3": "132",
+            "alpha2": "CV"
+        },
+        {
+            "name": "Cambodia",
+            "numeric3": "116",
+            "alpha2": "KH"
+        },
+        {
+            "name": "Cameroon",
+            "numeric3": "120",
+            "alpha2": "CM"
+        },
+        {
+            "name": "Canada",
+            "numeric3": "124",
+            "alpha2": "CA"
+        },
+        {
+            "name": "Cayman Islands (the)",
+            "numeric3": "136",
+            "alpha2": "KY"
+        },
+        {
+            "name": "Central African Republic (the)",
+            "numeric3": "140",
+            "alpha2": "CF"
+        },
+        {
+            "name": "Chad",
+            "numeric3": "148",
+            "alpha2": "TD"
+        },
+        {
+            "name": "Chile",
+            "numeric3": "152",
+            "alpha2": "CL"
+        },
+        {
+            "name": "China",
+            "numeric3": "156",
+            "alpha2": "CN"
+        },
+        {
+            "name": "Christmas Island",
+            "numeric3": "162",
+            "alpha2": "CX"
+        },
+        {
+            "name": "Cocos (Keeling) Islands (the)",
+            "numeric3": "166",
+            "alpha2": "CC"
+        },
+        {
+            "name": "Colombia",
+            "numeric3": "170",
+            "alpha2": "CO"
+        },
+        {
+            "name": "Comoros (the)",
+            "numeric3": "174",
+            "alpha2": "KM"
+        },
+        {
+            "name": "Congo (the Democratic Republic of the)",
+            "numeric3": "180",
+            "alpha2": "CD"
+        },
+        {
+            "name": "Congo (the)",
+            "numeric3": "178",
+            "alpha2": "CG"
+        },
+        {
+            "name": "Cook Islands (the)",
+            "numeric3": "184",
+            "alpha2": "CK"
+        },
+        {
+            "name": "Costa Rica",
+            "numeric3": "188",
+            "alpha2": "CR"
+        },
+        {
+            "name": "Côte d'Ivoire",
+            "numeric3": "384",
+            "alpha2": "CI"
+        },
+        {
+            "name": "Croatia",
+            "numeric3": "191",
+            "alpha2": "HR"
+        },
+        {
+            "name": "Cuba",
+            "numeric3": "192",
+            "alpha2": "CU"
+        },
+        {
+            "name": "Curaçao",
+            "numeric3": "531",
+            "alpha2": "CW"
+        },
+        {
+            "name": "Cyprus",
+            "numeric3": "196",
+            "alpha2": "CY"
+        },
+        {
+            "name": "Czechia",
+            "numeric3": "203",
+            "alpha2": "CZ"
+        },
+        {
+            "name": "Denmark",
+            "numeric3": "208",
+            "alpha2": "DK"
+        },
+        {
+            "name": "Djibouti",
+            "numeric3": "262",
+            "alpha2": "DJ"
+        },
+        {
+            "name": "Dominica",
+            "numeric3": "212",
+            "alpha2": "DM"
+        },
+        {
+            "name": "Dominican Republic (the)",
+            "numeric3": "214",
+            "alpha2": "DO"
+        },
+        {
+            "name": "Ecuador",
+            "numeric3": "218",
+            "alpha2": "EC"
+        },
+        {
+            "name": "Egypt",
+            "numeric3": "818",
+            "alpha2": "EG"
+        },
+        {
+            "name": "El Salvador",
+            "numeric3": "222",
+            "alpha2": "SV"
+        },
+        {
+            "name": "Equatorial Guinea",
+            "numeric3": "226",
+            "alpha2": "GQ"
+        },
+        {
+            "name": "Eritrea",
+            "numeric3": "232",
+            "alpha2": "ER"
+        },
+        {
+            "name": "Estonia",
+            "numeric3": "233",
+            "alpha2": "EE"
+        },
+        {
+            "name": "Eswatini",
+            "numeric3": "748",
+            "alpha2": "SZ"
+        },
+        {
+            "name": "Ethiopia",
+            "numeric3": "231",
+            "alpha2": "ET"
+        },
+        {
+            "name": "Falkland Islands (the) Malvinas",
+            "numeric3": "238",
+            "alpha2": "FK"
+        },
+        {
+            "name": "Faroe Islands (the)",
+            "numeric3": "234",
+            "alpha2": "FO"
+        },
+        {
+            "name": "Fiji",
+            "numeric3": "242",
+            "alpha2": "FJ"
+        },
+        {
+            "name": "Finland",
+            "numeric3": "246",
+            "alpha2": "FI"
+        },
+        {
+            "name": "France",
+            "numeric3": "250",
+            "alpha2": "FR"
+        },
+        {
+            "name": "French Guiana",
+            "numeric3": "254",
+            "alpha2": "GF"
+        },
+        {
+            "name": "French Polynesia",
+            "numeric3": "258",
+            "alpha2": "PF"
+        },
+        {
+            "name": "French Southern Territories (the)",
+            "numeric3": "260",
+            "alpha2": "TF"
+        },
+        {
+            "name": "Gabon",
+            "numeric3": "266",
+            "alpha2": "GA"
+        },
+        {
+            "name": "Gambia (the)",
+            "numeric3": "270",
+            "alpha2": "GM"
+        },
+        {
+            "name": "Georgia",
+            "numeric3": "268",
+            "alpha2": "GE"
+        },
+        {
+            "name": "Germany",
+            "numeric3": "276",
+            "alpha2": "DE"
+        },
+        {
+            "name": "Ghana",
+            "numeric3": "288",
+            "alpha2": "GH"
+        },
+        {
+            "name": "Gibraltar",
+            "numeric3": "292",
+            "alpha2": "GI"
+        },
+        {
+            "name": "Greece",
+            "numeric3": "300",
+            "alpha2": "GR"
+        },
+        {
+            "name": "Greenland",
+            "numeric3": "304",
+            "alpha2": "GL"
+        },
+        {
+            "name": "Grenada",
+            "numeric3": "308",
+            "alpha2": "GD"
+        },
+        {
+            "name": "Guadeloupe",
+            "numeric3": "312",
+            "alpha2": "GP"
+        },
+        {
+            "name": "Guam",
+            "numeric3": "316",
+            "alpha2": "GU"
+        },
+        {
+            "name": "Guatemala",
+            "numeric3": "320",
+            "alpha2": "GT"
+        },
+        {
+            "name": "Guernsey",
+            "numeric3": "831",
+            "alpha2": "GG"
+        },
+        {
+            "name": "Guinea",
+            "numeric3": "324",
+            "alpha2": "GN"
+        },
+        {
+            "name": "Guinea-Bissau",
+            "numeric3": "624",
+            "alpha2": "GW"
+        },
+        {
+            "name": "Guyana",
+            "numeric3": "328",
+            "alpha2": "GY"
+        },
+        {
+            "name": "Haiti",
+            "numeric3": "332",
+            "alpha2": "HT"
+        },
+        {
+            "name": "Heard Island and McDonald Islands",
+            "numeric3": "334",
+            "alpha2": "HM"
+        },
+        {
+            "name": "Holy See (the)",
+            "numeric3": "336",
+            "alpha2": "VA"
+        },
+        {
+            "name": "Honduras",
+            "numeric3": "340",
+            "alpha2": "HN"
+        },
+        {
+            "name": "Hong Kong",
+            "numeric3": "344",
+            "alpha2": "HK"
+        },
+        {
+            "name": "Hungary",
+            "numeric3": "348",
+            "alpha2": "HU"
+        },
+        {
+            "name": "Iceland",
+            "numeric3": "352",
+            "alpha2": "IS"
+        },
+        {
+            "name": "India",
+            "numeric3": "356",
+            "alpha2": "IN"
+        },
+        {
+            "name": "Indonesia",
+            "numeric3": "360",
+            "alpha2": "ID"
+        },
+        {
+            "name": "Iran (Islamic Republic of)",
+            "numeric3": "364",
+            "alpha2": "IR"
+        },
+        {
+            "name": "Iraq",
+            "numeric3": "368",
+            "alpha2": "IQ"
+        },
+        {
+            "name": "Ireland",
+            "numeric3": "372",
+            "alpha2": "IE"
+        },
+        {
+            "name": "Isle of Man",
+            "numeric3": "833",
+            "alpha2": "IM"
+        },
+        {
+            "name": "Israel",
+            "numeric3": "376",
+            "alpha2": "IL"
+        },
+        {
+            "name": "Italy",
+            "numeric3": "380",
+            "alpha2": "IT"
+        },
+        {
+            "name": "Jamaica",
+            "numeric3": "388",
+            "alpha2": "JM"
+        },
+        {
+            "name": "Japan",
+            "numeric3": "392",
+            "alpha2": "JP"
+        },
+        {
+            "name": "Jersey",
+            "numeric3": "832",
+            "alpha2": "JE"
+        },
+        {
+            "name": "Jordan",
+            "numeric3": "400",
+            "alpha2": "JO"
+        },
+        {
+            "name": "Kazakhstan",
+            "numeric3": "398",
+            "alpha2": "KZ"
+        },
+        {
+            "name": "Kenya",
+            "numeric3": "404",
+            "alpha2": "KE"
+        },
+        {
+            "name": "Kiribati",
+            "numeric3": "296",
+            "alpha2": "KI"
+        },
+        {
+            "name": "Korea (the Democratic People's Republic of)",
+            "numeric3": "408",
+            "alpha2": "KP"
+        },
+        {
+            "name": "Korea (the Republic of)",
+            "numeric3": "410",
+            "alpha2": "KR"
+        },
+        {
+            "name": "Kuwait",
+            "numeric3": "414",
+            "alpha2": "KW"
+        },
+        {
+            "name": "Kyrgyzstan",
+            "numeric3": "417",
+            "alpha2": "KG"
+        },
+        {
+            "name": "Lao People's Democratic Republic (the)",
+            "numeric3": "418",
+            "alpha2": "LA"
+        },
+        {
+            "name": "Latvia",
+            "numeric3": "428",
+            "alpha2": "LV"
+        },
+        {
+            "name": "Lebanon",
+            "numeric3": "422",
+            "alpha2": "LB"
+        },
+        {
+            "name": "Lesotho",
+            "numeric3": "426",
+            "alpha2": "LS"
+        },
+        {
+            "name": "Liberia",
+            "numeric3": "430",
+            "alpha2": "LR"
+        },
+        {
+            "name": "Libya",
+            "numeric3": "434",
+            "alpha2": "LY"
+        },
+        {
+            "name": "Liechtenstein",
+            "numeric3": "438",
+            "alpha2": "LI"
+        },
+        {
+            "name": "Lithuania",
+            "numeric3": "440",
+            "alpha2": "LT"
+        },
+        {
+            "name": "Luxembourg",
+            "numeric3": "442",
+            "alpha2": "LU"
+        },
+        {
+            "name": "Macao",
+            "numeric3": "446",
+            "alpha2": "MO"
+        },
+        {
+            "name": "North Macedonia",
+            "numeric3": "807",
+            "alpha2": "MK"
+        },
+        {
+            "name": "Madagascar",
+            "numeric3": "450",
+            "alpha2": "MG"
+        },
+        {
+            "name": "Malawi",
+            "numeric3": "454",
+            "alpha2": "MW"
+        },
+        {
+            "name": "Malaysia",
+            "numeric3": "458",
+            "alpha2": "MY"
+        },
+        {
+            "name": "Maldives",
+            "numeric3": "462",
+            "alpha2": "MV"
+        },
+        {
+            "name": "Mali",
+            "numeric3": "466",
+            "alpha2": "ML"
+        },
+        {
+            "name": "Malta",
+            "numeric3": "470",
+            "alpha2": "MT"
+        },
+        {
+            "name": "Marshall Islands (the)",
+            "numeric3": "584",
+            "alpha2": "MH"
+        },
+        {
+            "name": "Martinique",
+            "numeric3": "474",
+            "alpha2": "MQ"
+        },
+        {
+            "name": "Mauritania",
+            "numeric3": "478",
+            "alpha2": "MR"
+        },
+        {
+            "name": "Mauritius",
+            "numeric3": "480",
+            "alpha2": "MU"
+        },
+        {
+            "name": "Mayotte",
+            "numeric3": "175",
+            "alpha2": "YT"
+        },
+        {
+            "name": "Mexico",
+            "numeric3": "484",
+            "alpha2": "MX"
+        },
+        {
+            "name": "Micronesia (Federated States of)",
+            "numeric3": "583",
+            "alpha2": "FM"
+        },
+        {
+            "name": "Moldova (the Republic of)",
+            "numeric3": "498",
+            "alpha2": "MD"
+        },
+        {
+            "name": "Monaco",
+            "numeric3": "492",
+            "alpha2": "MC"
+        },
+        {
+            "name": "Mongolia",
+            "numeric3": "496",
+            "alpha2": "MN"
+        },
+        {
+            "name": "Montenegro",
+            "numeric3": "499",
+            "alpha2": "ME"
+        },
+        {
+            "name": "Montserrat",
+            "numeric3": "500",
+            "alpha2": "MS"
+        },
+        {
+            "name": "Morocco",
+            "numeric3": "504",
+            "alpha2": "MA"
+        },
+        {
+            "name": "Mozambique",
+            "numeric3": "508",
+            "alpha2": "MZ"
+        },
+        {
+            "name": "Myanmar",
+            "numeric3": "104",
+            "alpha2": "MM"
+        },
+        {
+            "name": "Namibia",
+            "numeric3": "516",
+            "alpha2": "NA"
+        },
+        {
+            "name": "Nauru",
+            "numeric3": "520",
+            "alpha2": "NR"
+        },
+        {
+            "name": "Nepal",
+            "numeric3": "524",
+            "alpha2": "NP"
+        },
+        {
+            "name": "Netherlands (the)",
+            "numeric3": "528",
+            "alpha2": "NL"
+        },
+        {
+            "name": "New Caledonia",
+            "numeric3": "540",
+            "alpha2": "NC"
+        },
+        {
+            "name": "New Zealand",
+            "numeric3": "554",
+            "alpha2": "NZ"
+        },
+        {
+            "name": "Nicaragua",
+            "numeric3": "558",
+            "alpha2": "NI"
+        },
+        {
+            "name": "Niger (the)",
+            "numeric3": "562",
+            "alpha2": "NE"
+        },
+        {
+            "name": "Nigeria",
+            "numeric3": "566",
+            "alpha2": "NG"
+        },
+        {
+            "name": "Niue",
+            "numeric3": "570",
+            "alpha2": "NU"
+        },
+        {
+            "name": "Norfolk Island",
+            "numeric3": "574",
+            "alpha2": "NF"
+        },
+        {
+            "name": "Northern Mariana Islands (the)",
+            "numeric3": "580",
+            "alpha2": "MP"
+        },
+        {
+            "name": "Norway",
+            "numeric3": "578",
+            "alpha2": "NO"
+        },
+        {
+            "name": "Oman",
+            "numeric3": "512",
+            "alpha2": "OM"
+        },
+        {
+            "name": "Pakistan",
+            "numeric3": "586",
+            "alpha2": "PK"
+        },
+        {
+            "name": "Palau",
+            "numeric3": "585",
+            "alpha2": "PW"
+        },
+        {
+            "name": "Palestine, State of",
+            "numeric3": "275",
+            "alpha2": "PS"
+        },
+        {
+            "name": "Panama",
+            "numeric3": "591",
+            "alpha2": "PA"
+        },
+        {
+            "name": "Papua New Guinea",
+            "numeric3": "598",
+            "alpha2": "PG"
+        },
+        {
+            "name": "Paraguay",
+            "numeric3": "600",
+            "alpha2": "PY"
+        },
+        {
+            "name": "Peru",
+            "numeric3": "604",
+            "alpha2": "PE"
+        },
+        {
+            "name": "Philippines (the)",
+            "numeric3": "608",
+            "alpha2": "PH"
+        },
+        {
+            "name": "Pitcairn",
+            "numeric3": "612",
+            "alpha2": "PN"
+        },
+        {
+            "name": "Poland",
+            "numeric3": "616",
+            "alpha2": "PL"
+        },
+        {
+            "name": "Portugal",
+            "numeric3": "620",
+            "alpha2": "PT"
+        },
+        {
+            "name": "Puerto Rico",
+            "numeric3": "630",
+            "alpha2": "PR"
+        },
+        {
+            "name": "Qatar",
+            "numeric3": "634",
+            "alpha2": "QA"
+        },
+        {
+            "name": "Réunion",
+            "numeric3": "638",
+            "alpha2": "RE"
+        },
+        {
+            "name": "Romania",
+            "numeric3": "642",
+            "alpha2": "RO"
+        },
+        {
+            "name": "Russian Federation (the)",
+            "numeric3": "643",
+            "alpha2": "RU"
+        },
+        {
+            "name": "Rwanda",
+            "numeric3": "646",
+            "alpha2": "RW"
+        },
+        {
+            "name": "Saint Barthélemy",
+            "numeric3": "652",
+            "alpha2": "BL"
+        },
+        {
+            "name": "Saint Helena Ascension Island Tristan da Cunha",
+            "numeric3": "654",
+            "alpha2": "SH"
+        },
+        {
+            "name": "Saint Kitts and Nevis",
+            "numeric3": "659",
+            "alpha2": "KN"
+        },
+        {
+            "name": "Saint Lucia",
+            "numeric3": "662",
+            "alpha2": "LC"
+        },
+        {
+            "name": "Saint Martin (French part)",
+            "numeric3": "663",
+            "alpha2": "MF"
+        },
+        {
+            "name": "Saint Pierre and Miquelon",
+            "numeric3": "666",
+            "alpha2": "PM"
+        },
+        {
+            "name": "Saint Vincent and the Grenadines",
+            "numeric3": "670",
+            "alpha2": "VC"
+        },
+        {
+            "name": "Samoa",
+            "numeric3": "882",
+            "alpha2": "WS"
+        },
+        {
+            "name": "San Marino",
+            "numeric3": "674",
+            "alpha2": "SM"
+        },
+        {
+            "name": "Sao Tome and Principe",
+            "numeric3": "678",
+            "alpha2": "ST"
+        },
+        {
+            "name": "Saudi Arabia",
+            "numeric3": "682",
+            "alpha2": "SA"
+        },
+        {
+            "name": "Senegal",
+            "numeric3": "686",
+            "alpha2": "SN"
+        },
+        {
+            "name": "Serbia",
+            "numeric3": "688",
+            "alpha2": "RS"
+        },
+        {
+            "name": "Seychelles",
+            "numeric3": "690",
+            "alpha2": "SC"
+        },
+        {
+            "name": "Sierra Leone",
+            "numeric3": "694",
+            "alpha2": "SL"
+        },
+        {
+            "name": "Singapore",
+            "numeric3": "702",
+            "alpha2": "SG"
+        },
+        {
+            "name": "Sint Maarten (Dutch part)",
+            "numeric3": "534",
+            "alpha2": "SX"
+        },
+        {
+            "name": "Slovakia",
+            "numeric3": "703",
+            "alpha2": "SK"
+        },
+        {
+            "name": "Slovenia",
+            "numeric3": "705",
+            "alpha2": "SI"
+        },
+        {
+            "name": "Solomon Islands",
+            "numeric3": "090",
+            "alpha2": "SB"
+        },
+        {
+            "name": "Somalia",
+            "numeric3": "706",
+            "alpha2": "SO"
+        },
+        {
+            "name": "South Africa",
+            "numeric3": "710",
+            "alpha2": "ZA"
+        },
+        {
+            "name": "South Georgia and the South Sandwich Islands",
+            "numeric3": "239",
+            "alpha2": "GS"
+        },
+        {
+            "name": "South Sudan",
+            "numeric3": "728",
+            "alpha2": "SS"
+        },
+        {
+            "name": "Spain",
+            "numeric3": "724",
+            "alpha2": "ES"
+        },
+        {
+            "name": "Sri Lanka",
+            "numeric3": "144",
+            "alpha2": "LK"
+        },
+        {
+            "name": "Sudan (the)",
+            "numeric3": "729",
+            "alpha2": "SD"
+        },
+        {
+            "name": "Suriname",
+            "numeric3": "740",
+            "alpha2": "SR"
+        },
+        {
+            "name": "Svalbard Jan Mayen",
+            "numeric3": "744",
+            "alpha2": "SJ"
+        },
+        {
+            "name": "Sweden",
+            "numeric3": "752",
+            "alpha2": "SE"
+        },
+        {
+            "name": "Switzerland",
+            "numeric3": "756",
+            "alpha2": "CH"
+        },
+        {
+            "name": "Syrian Arab Republic (the)",
+            "numeric3": "760",
+            "alpha2": "SY"
+        },
+        {
+            "name": "Taiwan (Province of China)",
+            "numeric3": "158",
+            "alpha2": "TW"
+        },
+        {
+            "name": "Tajikistan",
+            "numeric3": "762",
+            "alpha2": "TJ"
+        },
+        {
+            "name": "Tanzania, the United Republic of",
+            "numeric3": "834",
+            "alpha2": "TZ"
+        },
+        {
+            "name": "Thailand",
+            "numeric3": "764",
+            "alpha2": "TH"
+        },
+        {
+            "name": "Timor-Leste",
+            "numeric3": "626",
+            "alpha2": "TL"
+        },
+        {
+            "name": "Togo",
+            "numeric3": "768",
+            "alpha2": "TG"
+        },
+        {
+            "name": "Tokelau",
+            "numeric3": "772",
+            "alpha2": "TK"
+        },
+        {
+            "name": "Tonga",
+            "numeric3": "776",
+            "alpha2": "TO"
+        },
+        {
+            "name": "Trinidad and Tobago",
+            "numeric3": "780",
+            "alpha2": "TT"
+        },
+        {
+            "name": "Tunisia",
+            "numeric3": "788",
+            "alpha2": "TN"
+        },
+        {
+            "name": "Turkey",
+            "numeric3": "792",
+            "alpha2": "TR"
+        },
+        {
+            "name": "Turkmenistan",
+            "numeric3": "795",
+            "alpha2": "TM"
+        },
+        {
+            "name": "Turks and Caicos Islands (the)",
+            "numeric3": "796",
+            "alpha2": "TC"
+        },
+        {
+            "name": "Tuvalu",
+            "numeric3": "798",
+            "alpha2": "TV"
+        },
+        {
+            "name": "Uganda",
+            "numeric3": "800",
+            "alpha2": "UG"
+        },
+        {
+            "name": "Ukraine",
+            "numeric3": "804",
+            "alpha2": "UA"
+        },
+        {
+            "name": "United Arab Emirates (the)",
+            "numeric3": "784",
+            "alpha2": "AE"
+        },
+        {
+            "name": "United Kingdom of Great Britain and Northern Ireland (the)",
+            "numeric3": "826",
+            "alpha2": "GB"
+        },
+        {
+            "name": "United States Minor Outlying Islands (the)",
+            "numeric3": "581",
+            "alpha2": "UM"
+        },
+        {
+            "name": "United States of America (the)",
+            "numeric3": "840",
+            "alpha2": "US"
+        },
+        {
+            "name": "Uruguay",
+            "numeric3": "858",
+            "alpha2": "UY"
+        },
+        {
+            "name": "Uzbekistan",
+            "numeric3": "860",
+            "alpha2": "UZ"
+        },
+        {
+            "name": "Vanuatu",
+            "numeric3": "548",
+            "alpha2": "VU"
+        },
+        {
+            "name": "Venezuela (Bolivarian Republic of)",
+            "numeric3": "862",
+            "alpha2": "VE"
+        },
+        {
+            "name": "Viet Nam",
+            "numeric3": "704",
+            "alpha2": "VN"
+        },
+        {
+            "name": "Virgin Islands (British)",
+            "numeric3": "092",
+            "alpha2": "VG"
+        },
+        {
+            "name": "Virgin Islands (U.S.)",
+            "numeric3": "850",
+            "alpha2": "VI"
+        },
+        {
+            "name": "Wallis and Futuna",
+            "numeric3": "876",
+            "alpha2": "WF"
+        },
+        {
+            "name": "Western Sahara",
+            "numeric3": "732",
+            "alpha2": "EH"
+        },
+        {
+            "name": "Yemen",
+            "numeric3": "887",
+            "alpha2": "YE"
+        },
+        {
+            "name": "Zambia",
+            "numeric3": "894",
+            "alpha2": "ZM"
+        },
+        {
+            "name": "Zimbabwe",
+            "numeric3": "716",
+            "alpha2": "ZW"
+        }
+    ];
+
+    return {
+        /**
+         * @param code country code corresponding to alpha2, alpha3 or numeric3
+         * @returns {alpha2: String, numeric3: String, name: String}
+         */
+        lookup: function (code) {
+            if (!code) {
+                return;
+            }
+            for (let i = 0; i < codes.length; i++) {
+                const codeMap = codes[i];
+                if (String(code).toUpperCase() === codeMap.alpha2 || Number(code) === Number(codeMap.numeric3)) {
+                    return codeMap;
+                }
+            }
+        },
+        codes: codes
+    }
+}());

js/iso-639-translator.js

@@ -0,0 +1,2362 @@
+/**
+ * Implementation to quickly translate ISO 639 language codes.
+ *
+ * Combination of sources
+ * @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
+ * @link https://www.loc.gov/standards/iso639-2/php/code_list.php
+ */
+const iso639 = (function () {
+    'use strict';
+
+    const codes = [
+        {
+            "639_1": "aa",
+            "639_2_T": "aar",
+            "639_2_B": "aar",
+            "name": "Afar"
+        },
+        {
+            "639_1": "ab",
+            "639_2_T": "abk",
+            "639_2_B": "abk",
+            "name": "Abkhazian"
+        },
+        {
+            "639_2_T": "ace",
+            "name": "Achinese"
+        },
+        {
+            "639_2_T": "ach",
+            "name": "Acoli"
+        },
+        {
+            "639_2_T": "ada",
+            "name": "Adangme"
+        },
+        {
+            "639_2_T": "ady",
+            "name": "Adyghe; Adygei"
+        },
+        {
+            "639_2_T": "afa",
+            "name": "Afro-Asiatic languages"
+        },
+        {
+            "639_2_T": "afh",
+            "name": "Afrihili"
+        },
+        {
+            "639_1": "af",
+            "639_2_T": "afr",
+            "639_2_B": "afr",
+            "name": "Afrikaans"
+        },
+        {
+            "639_2_T": "ain",
+            "name": "Ainu"
+        },
+        {
+            "639_1": "ak",
+            "639_2_T": "aka",
+            "639_2_B": "aka",
+            "name": "Akan"
+        },
+        {
+            "639_2_T": "akk",
+            "name": "Akkadian"
+        },
+        {
+            "639_2_T": "ale",
+            "name": "Aleut"
+        },
+        {
+            "639_2_T": "alg",
+            "name": "Algonquian languages"
+        },
+        {
+            "639_2_T": "alt",
+            "name": "Southern Altai"
+        },
+        {
+            "639_1": "am",
+            "639_2_T": "amh",
+            "639_2_B": "amh",
+            "name": "Amharic"
+        },
+        {
+            "639_2_T": "ang",
+            "name": "English, Old (ca.450-1100)"
+        },
+        {
+            "639_2_T": "anp",
+            "name": "Angika"
+        },
+        {
+            "639_2_T": "apa",
+            "name": "Apache languages"
+        },
+        {
+            "639_1": "ar",
+            "639_2_T": "ara",
+            "639_2_B": "ara",
+            "name": "Arabic"
+        },
+        {
+            "639_2_T": "arc",
+            "name": "Official Aramaic (700-300 BCE); Imperial Aramaic (700-300 BCE)"
+        },
+        {
+            "639_1": "an",
+            "639_2_T": "arg",
+            "639_2_B": "arg",
+            "name": "Aragonese"
+        },
+        {
+            "639_2_T": "arn",
+            "name": "Mapudungun; Mapuche"
+        },
+        {
+            "639_2_T": "arp",
+            "name": "Arapaho"
+        },
+        {
+            "639_2_T": "art",
+            "name": "Artificial languages"
+        },
+        {
+            "639_2_T": "arw",
+            "name": "Arawak"
+        },
+        {
+            "639_1": "as",
+            "639_2_T": "asm",
+            "639_2_B": "asm",
+            "name": "Assamese"
+        },
+        {
+            "639_2_T": "ast",
+            "name": "Asturian; Bable; Leonese; Asturleonese"
+        },
+        {
+            "639_2_T": "ath",
+            "name": "Athapascan languages"
+        },
+        {
+            "639_2_T": "aus",
+            "name": "Australian languages"
+        },
+        {
+            "639_1": "av",
+            "639_2_T": "ava",
+            "639_2_B": "ava",
+            "name": "Avaric"
+        },
+        {
+            "639_1": "ae",
+            "639_2_T": "ave",
+            "639_2_B": "ave",
+            "name": "Avestan"
+        },
+        {
+            "639_2_T": "awa",
+            "name": "Awadhi"
+        },
+        {
+            "639_1": "ay",
+            "639_2_T": "aym",
+            "639_2_B": "aym",
+            "name": "Aymara"
+        },
+        {
+            "639_1": "az",
+            "639_2_T": "aze",
+            "639_2_B": "aze",
+            "name": "Azerbaijani"
+        },
+        {
+            "639_2_T": "bad",
+            "name": "Banda languages"
+        },
+        {
+            "639_2_T": "bai",
+            "name": "Bamileke languages"
+        },
+        {
+            "639_1": "ba",
+            "639_2_T": "bak",
+            "639_2_B": "bak",
+            "name": "Bashkir"
+        },
+        {
+            "639_2_T": "bal",
+            "name": "Baluchi"
+        },
+        {
+            "639_1": "bm",
+            "639_2_T": "bam",
+            "639_2_B": "bam",
+            "name": "Bambara"
+        },
+        {
+            "639_2_T": "ban",
+            "name": "Balinese"
+        },
+        {
+            "639_2_T": "bas",
+            "name": "Basa"
+        },
+        {
+            "639_2_T": "bat",
+            "name": "Baltic languages"
+        },
+        {
+            "639_2_T": "bej",
+            "name": "Beja; Bedawiyet"
+        },
+        {
+            "639_1": "be",
+            "639_2_T": "bel",
+            "639_2_B": "bel",
+            "name": "Belarusian"
+        },
+        {
+            "639_2_T": "bem",
+            "name": "Bemba"
+        },
+        {
+            "639_1": "bn",
+            "639_2_T": "ben",
+            "639_2_B": "ben",
+            "name": "Bengali"
+        },
+        {
+            "639_2_T": "ber",
+            "name": "Berber languages"
+        },
+        {
+            "639_2_T": "bho",
+            "name": "Bhojpuri"
+        },
+        {
+            "639_1": "bh",
+            "639_2_T": "bih",
+            "639_2_B": "bih",
+            "name": "Bihari languages"
+        },
+        {
+            "639_2_T": "bik",
+            "name": "Bikol"
+        },
+        {
+            "639_2_T": "bin",
+            "name": "Bini; Edo"
+        },
+        {
+            "639_1": "bi",
+            "639_2_T": "bis",
+            "639_2_B": "bis",
+            "name": "Bislama"
+        },
+        {
+            "639_2_T": "bla",
+            "name": "Siksika"
+        },
+        {
+            "639_2_T": "bnt",
+            "name": "Bantu languages"
+        },
+        {
+            "639_1": "bo",
+            "639_2_T": "bod",
+            "639_2_B": "tib",
+            "name": "Tibetan"
+        },
+        {
+            "639_1": "bs",
+            "639_2_T": "bos",
+            "639_2_B": "bos",
+            "name": "Bosnian"
+        },
+        {
+            "639_2_T": "bra",
+            "name": "Braj"
+        },
+        {
+            "639_1": "br",
+            "639_2_T": "bre",
+            "639_2_B": "bre",
+            "name": "Breton"
+        },
+        {
+            "639_2_T": "btk",
+            "name": "Batak languages"
+        },
+        {
+            "639_2_T": "bua",
+            "name": "Buriat"
+        },
+        {
+            "639_2_T": "bug",
+            "name": "Buginese"
+        },
+        {
+            "639_1": "bg",
+            "639_2_T": "bul",
+            "639_2_B": "bul",
+            "name": "Bulgarian"
+        },
+        {
+            "639_2_T": "byn",
+            "name": "Blin; Bilin"
+        },
+        {
+            "639_2_T": "cad",
+            "name": "Caddo"
+        },
+        {
+            "639_2_T": "cai",
+            "name": "Central American Indian languages"
+        },
+        {
+            "639_2_T": "car",
+            "name": "Galibi Carib"
+        },
+        {
+            "639_1": "ca",
+            "639_2_T": "cat",
+            "639_2_B": "cat",
+            "name": "Catalan, Valencian"
+        },
+        {
+            "639_2_T": "cau",
+            "name": "Caucasian languages"
+        },
+        {
+            "639_2_T": "ceb",
+            "name": "Cebuano"
+        },
+        {
+            "639_2_T": "cel",
+            "name": "Celtic languages"
+        },
+        {
+            "639_1": "cs",
+            "639_2_T": "ces",
+            "639_2_B": "cze",
+            "name": "Czech"
+        },
+        {
+            "639_1": "ch",
+            "639_2_T": "cha",
+            "639_2_B": "cha",
+            "name": "Chamorro"
+        },
+        {
+            "639_2_T": "chb",
+            "name": "Chibcha"
+        },
+        {
+            "639_1": "ce",
+            "639_2_T": "che",
+            "639_2_B": "che",
+            "name": "Chechen"
+        },
+        {
+            "639_2_T": "chg",
+            "name": "Chagatai"
+        },
+        {
+            "639_2_T": "chk",
+            "name": "Chuukese"
+        },
+        {
+            "639_2_T": "chm",
+            "name": "Mari"
+        },
+        {
+            "639_2_T": "chn",
+            "name": "Chinook jargon"
+        },
+        {
+            "639_2_T": "cho",
+            "name": "Choctaw"
+        },
+        {
+            "639_2_T": "chp",
+            "name": "Chipewyan; Dene Suline"
+        },
+        {
+            "639_2_T": "chr",
+            "name": "Cherokee"
+        },
+        {
+            "639_1": "cu",
+            "639_2_T": "chu",
+            "639_2_B": "chu",
+            "name": "Church Slavic, Old Slavonic, Church Slavonic, Old Bulgarian, Old Church Slavonic"
+        },
+        {
+            "639_1": "cv",
+            "639_2_T": "chv",
+            "639_2_B": "chv",
+            "name": "Chuvash"
+        },
+        {
+            "639_2_T": "chy",
+            "name": "Cheyenne"
+        },
+        {
+            "639_2_T": "cmc",
+            "name": "Chamic languages"
+        },
+        {
+            "639_2_T": "cnr",
+            "name": "Montenegrin"
+        },
+        {
+            "639_2_T": "cop",
+            "name": "Coptic"
+        },
+        {
+            "639_1": "kw",
+            "639_2_T": "cor",
+            "639_2_B": "cor",
+            "name": "Cornish"
+        },
+        {
+            "639_1": "co",
+            "639_2_T": "cos",
+            "639_2_B": "cos",
+            "name": "Corsican"
+        },
+        {
+            "639_2_T": "cpe",
+            "name": "Creoles and pidgins, English based"
+        },
+        {
+            "639_2_T": "cpf",
+            "name": "Creoles and pidgins, French-based"
+        },
+        {
+            "639_2_T": "cpp",
+            "name": "Creoles and pidgins, Portuguese-based"
+        },
+        {
+            "639_1": "cr",
+            "639_2_T": "cre",
+            "639_2_B": "cre",
+            "name": "Cree"
+        },
+        {
+            "639_2_T": "crh",
+            "name": "Crimean Tatar; Crimean Turkish"
+        },
+        {
+            "639_2_T": "crp",
+            "name": "Creoles and pidgins"
+        },
+        {
+            "639_2_T": "csb",
+            "name": "Kashubian"
+        },
+        {
+            "639_2_T": "cus",
+            "name": "Cushitic languages"
+        },
+        {
+            "639_1": "cy",
+            "639_2_T": "cym",
+            "639_2_B": "wel",
+            "name": "Welsh"
+        },
+        {
+            "639_2_T": "dak",
+            "name": "Dakota"
+        },
+        {
+            "639_1": "da",
+            "639_2_T": "dan",
+            "639_2_B": "dan",
+            "name": "Danish"
+        },
+        {
+            "639_2_T": "dar",
+            "name": "Dargwa"
+        },
+        {
+            "639_2_T": "day",
+            "name": "Land Dayak languages"
+        },
+        {
+            "639_2_T": "del",
+            "name": "Delaware"
+        },
+        {
+            "639_2_T": "den",
+            "name": "Slave (Athapascan)"
+        },
+        {
+            "639_1": "de",
+            "639_2_T": "deu",
+            "639_2_B": "ger",
+            "name": "German"
+        },
+        {
+            "639_2_T": "dgr",
+            "name": "Dogrib"
+        },
+        {
+            "639_2_T": "din",
+            "name": "Dinka"
+        },
+        {
+            "639_1": "dv",
+            "639_2_T": "div",
+            "639_2_B": "div",
+            "name": "Divehi, Dhivehi, Maldivian"
+        },
+        {
+            "639_2_T": "doi",
+            "name": "Dogri"
+        },
+        {
+            "639_2_T": "dra",
+            "name": "Dravidian languages"
+        },
+        {
+            "639_2_T": "dsb",
+            "name": "Lower Sorbian"
+        },
+        {
+            "639_2_T": "dua",
+            "name": "Duala"
+        },
+        {
+            "639_2_T": "dum",
+            "name": "Dutch, Middle (ca.1050-1350)"
+        },
+        {
+            "639_2_T": "dyu",
+            "name": "Dyula"
+        },
+        {
+            "639_1": "dz",
+            "639_2_T": "dzo",
+            "639_2_B": "dzo",
+            "name": "Dzongkha"
+        },
+        {
+            "639_2_T": "efi",
+            "name": "Efik"
+        },
+        {
+            "639_2_T": "egy",
+            "name": "Egyptian (Ancient)"
+        },
+        {
+            "639_2_T": "eka",
+            "name": "Ekajuk"
+        },
+        {
+            "639_1": "el",
+            "639_2_T": "ell",
+            "639_2_B": "gre",
+            "name": "Greek, Modern (1453-)"
+        },
+        {
+            "639_2_T": "elx",
+            "name": "Elamite"
+        },
+        {
+            "639_1": "en",
+            "639_2_T": "eng",
+            "639_2_B": "eng",
+            "name": "English"
+        },
+        {
+            "639_2_T": "enm",
+            "name": "English, Middle (1100-1500)"
+        },
+        {
+            "639_1": "eo",
+            "639_2_T": "epo",
+            "639_2_B": "epo",
+            "name": "Esperanto"
+        },
+        {
+            "639_1": "et",
+            "639_2_T": "est",
+            "639_2_B": "est",
+            "name": "Estonian"
+        },
+        {
+            "639_1": "eu",
+            "639_2_T": "eus",
+            "639_2_B": "baq",
+            "name": "Basque"
+        },
+        {
+            "639_1": "ee",
+            "639_2_T": "ewe",
+            "639_2_B": "ewe",
+            "name": "Ewe"
+        },
+        {
+            "639_2_T": "ewo",
+            "name": "Ewondo"
+        },
+        {
+            "639_2_T": "fan",
+            "name": "Fang"
+        },
+        {
+            "639_1": "fo",
+            "639_2_T": "fao",
+            "639_2_B": "fao",
+            "name": "Faroese"
+        },
+        {
+            "639_1": "fa",
+            "639_2_T": "fas",
+            "639_2_B": "per",
+            "name": "Persian"
+        },
+        {
+            "639_2_T": "fat",
+            "name": "Fanti"
+        },
+        {
+            "639_1": "fj",
+            "639_2_T": "fij",
+            "639_2_B": "fij",
+            "name": "Fijian"
+        },
+        {
+            "639_2_T": "fil",
+            "name": "Filipino; Pilipino"
+        },
+        {
+            "639_1": "fi",
+            "639_2_T": "fin",
+            "639_2_B": "fin",
+            "name": "Finnish"
+        },
+        {
+            "639_2_T": "fiu",
+            "name": "Finno-Ugrian languages"
+        },
+        {
+            "639_2_T": "fon",
+            "name": "Fon"
+        },
+        {
+            "639_1": "fr",
+            "639_2_T": "fra",
+            "639_2_B": "fre",
+            "name": "French"
+        },
+        {
+            "639_2_T": "frm",
+            "name": "French, Middle (ca.1400-1600)"
+        },
+        {
+            "639_2_T": "fro",
+            "name": "French, Old (842-ca.1400)"
+        },
+        {
+            "639_2_T": "frr",
+            "name": "Northern Frisian"
+        },
+        {
+            "639_2_T": "frs",
+            "name": "Eastern Frisian"
+        },
+        {
+            "639_1": "fy",
+            "639_2_T": "fry",
+            "639_2_B": "fry",
+            "name": "Western Frisian"
+        },
+        {
+            "639_1": "ff",
+            "639_2_T": "ful",
+            "639_2_B": "ful",
+            "name": "Fulah"
+        },
+        {
+            "639_2_T": "fur",
+            "name": "Friulian"
+        },
+        {
+            "639_2_T": "gaa",
+            "name": "Ga"
+        },
+        {
+            "639_2_T": "gay",
+            "name": "Gayo"
+        },
+        {
+            "639_2_T": "gba",
+            "name": "Gbaya"
+        },
+        {
+            "639_2_T": "gem",
+            "name": "Germanic languages"
+        },
+        {
+            "639_2_T": "gez",
+            "name": "Geez"
+        },
+        {
+            "639_2_T": "gil",
+            "name": "Gilbertese"
+        },
+        {
+            "639_1": "gd",
+            "639_2_T": "gla",
+            "639_2_B": "gla",
+            "name": "Gaelic, Scottish Gaelic"
+        },
+        {
+            "639_1": "ga",
+            "639_2_T": "gle",
+            "639_2_B": "gle",
+            "name": "Irish"
+        },
+        {
+            "639_1": "gl",
+            "639_2_T": "glg",
+            "639_2_B": "glg",
+            "name": "Galician"
+        },
+        {
+            "639_1": "gv",
+            "639_2_T": "glv",
+            "639_2_B": "glv",
+            "name": "Manx"
+        },
+        {
+            "639_2_T": "gmh",
+            "name": "German, Middle High (ca.1050-1500)"
+        },
+        {
+            "639_2_T": "goh",
+            "name": "German, Old High (ca.750-1050)"
+        },
+        {
+            "639_2_T": "gon",
+            "name": "Gondi"
+        },
+        {
+            "639_2_T": "gor",
+            "name": "Gorontalo"
+        },
+        {
+            "639_2_T": "got",
+            "name": "Gothic"
+        },
+        {
+            "639_2_T": "grb",
+            "name": "Grebo"
+        },
+        {
+            "639_2_T": "grc",
+            "name": "Greek, Ancient (to 1453)"
+        },
+        {
+            "639_1": "gn",
+            "639_2_T": "grn",
+            "639_2_B": "grn",
+            "name": "Guarani"
+        },
+        {
+            "639_2_T": "gsw",
+            "name": "Swiss German; Alemannic; Alsatian"
+        },
+        {
+            "639_1": "gu",
+            "639_2_T": "guj",
+            "639_2_B": "guj",
+            "name": "Gujarati"
+        },
+        {
+            "639_2_T": "gwi",
+            "name": "Gwich'in"
+        },
+        {
+            "639_2_T": "hai",
+            "name": "Haida"
+        },
+        {
+            "639_1": "ht",
+            "639_2_T": "hat",
+            "639_2_B": "hat",
+            "name": "Haitian, Haitian Creole"
+        },
+        {
+            "639_1": "ha",
+            "639_2_T": "hau",
+            "639_2_B": "hau",
+            "name": "Hausa"
+        },
+        {
+            "639_2_T": "haw",
+            "name": "Hawaiian"
+        },
+        {
+            "639_1": "he",
+            "639_2_T": "heb",
+            "639_2_B": "heb",
+            "name": "Hebrew"
+        },
+        {
+            "639_1": "hz",
+            "639_2_T": "her",
+            "639_2_B": "her",
+            "name": "Herero"
+        },
+        {
+            "639_2_T": "hil",
+            "name": "Hiligaynon"
+        },
+        {
+            "639_2_T": "him",
+            "name": "Himachali languages; Western Pahari languages"
+        },
+        {
+            "639_1": "hi",
+            "639_2_T": "hin",
+            "639_2_B": "hin",
+            "name": "Hindi"
+        },
+        {
+            "639_2_T": "hit",
+            "name": "Hittite"
+        },
+        {
+            "639_2_T": "hmn",
+            "name": "Hmong; Mong"
+        },
+        {
+            "639_1": "ho",
+            "639_2_T": "hmo",
+            "639_2_B": "hmo",
+            "name": "Hiri Motu"
+        },
+        {
+            "639_1": "hr",
+            "639_2_T": "hrv",
+            "639_2_B": "hrv",
+            "name": "Croatian"
+        },
+        {
+            "639_2_T": "hsb",
+            "name": "Upper Sorbian"
+        },
+        {
+            "639_1": "hu",
+            "639_2_T": "hun",
+            "639_2_B": "hun",
+            "name": "Hungarian"
+        },
+        {
+            "639_2_T": "hup",
+            "name": "Hupa"
+        },
+        {
+            "639_1": "hy",
+            "639_2_T": "hye",
+            "639_2_B": "arm",
+            "name": "Armenian"
+        },
+        {
+            "639_2_T": "iba",
+            "name": "Iban"
+        },
+        {
+            "639_1": "ig",
+            "639_2_T": "ibo",
+            "639_2_B": "ibo",
+            "name": "Igbo"
+        },
+        {
+            "639_1": "io",
+            "639_2_T": "ido",
+            "639_2_B": "ido",
+            "name": "Ido"
+        },
+        {
+            "639_1": "ii",
+            "639_2_T": "iii",
+            "639_2_B": "iii",
+            "name": "Sichuan Yi, Nuosu"
+        },
+        {
+            "639_2_T": "ijo",
+            "name": "Ijo languages"
+        },
+        {
+            "639_1": "iu",
+            "639_2_T": "iku",
+            "639_2_B": "iku",
+            "name": "Inuktitut"
+        },
+        {
+            "639_1": "ie",
+            "639_2_T": "ile",
+            "639_2_B": "ile",
+            "name": "Interlingue, Occidental"
+        },
+        {
+            "639_2_T": "ilo",
+            "name": "Iloko"
+        },
+        {
+            "639_1": "ia",
+            "639_2_T": "ina",
+            "639_2_B": "ina",
+            "name": "Interlingua (International Auxiliary Language Association)"
+        },
+        {
+            "639_2_T": "inc",
+            "name": "Indic languages"
+        },
+        {
+            "639_1": "id",
+            "639_2_T": "ind",
+            "639_2_B": "ind",
+            "name": "Indonesian"
+        },
+        {
+            "639_2_T": "ine",
+            "name": "Indo-European languages"
+        },
+        {
+            "639_2_T": "inh",
+            "name": "Ingush"
+        },
+        {
+            "639_1": "ik",
+            "639_2_T": "ipk",
+            "639_2_B": "ipk",
+            "name": "Inupiaq"
+        },
+        {
+            "639_2_T": "ira",
+            "name": "Iranian languages"
+        },
+        {
+            "639_2_T": "iro",
+            "name": "Iroquoian languages"
+        },
+        {
+            "639_1": "is",
+            "639_2_T": "isl",
+            "639_2_B": "ice",
+            "name": "Icelandic"
+        },
+        {
+            "639_1": "it",
+            "639_2_T": "ita",
+            "639_2_B": "ita",
+            "name": "Italian"
+        },
+        {
+            "639_1": "jv",
+            "639_2_T": "jav",
+            "639_2_B": "jav",
+            "name": "Javanese"
+        },
+        {
+            "639_2_T": "jbo",
+            "name": "Lojban"
+        },
+        {
+            "639_1": "ja",
+            "639_2_T": "jpn",
+            "639_2_B": "jpn",
+            "name": "Japanese"
+        },
+        {
+            "639_2_T": "jpr",
+            "name": "Judeo-Persian"
+        },
+        {
+            "639_2_T": "jrb",
+            "name": "Judeo-Arabic"
+        },
+        {
+            "639_2_T": "kaa",
+            "name": "Kara-Kalpak"
+        },
+        {
+            "639_2_T": "kab",
+            "name": "Kabyle"
+        },
+        {
+            "639_2_T": "kac",
+            "name": "Kachin; Jingpho"
+        },
+        {
+            "639_1": "kl",
+            "639_2_T": "kal",
+            "639_2_B": "kal",
+            "name": "Kalaallisut, Greenlandic"
+        },
+        {
+            "639_2_T": "kam",
+            "name": "Kamba"
+        },
+        {
+            "639_1": "kn",
+            "639_2_T": "kan",
+            "639_2_B": "kan",
+            "name": "Kannada"
+        },
+        {
+            "639_2_T": "kar",
+            "name": "Karen languages"
+        },
+        {
+            "639_1": "ks",
+            "639_2_T": "kas",
+            "639_2_B": "kas",
+            "name": "Kashmiri"
+        },
+        {
+            "639_1": "ka",
+            "639_2_T": "kat",
+            "639_2_B": "geo",
+            "name": "Georgian"
+        },
+        {
+            "639_1": "kr",
+            "639_2_T": "kau",
+            "639_2_B": "kau",
+            "name": "Kanuri"
+        },
+        {
+            "639_2_T": "kaw",
+            "name": "Kawi"
+        },
+        {
+            "639_1": "kk",
+            "639_2_T": "kaz",
+            "639_2_B": "kaz",
+            "name": "Kazakh"
+        },
+        {
+            "639_2_T": "kbd",
+            "name": "Kabardian"
+        },
+        {
+            "639_2_T": "kha",
+            "name": "Khasi"
+        },
+        {
+            "639_2_T": "khi",
+            "name": "Khoisan languages"
+        },
+        {
+            "639_1": "km",
+            "639_2_T": "khm",
+            "639_2_B": "khm",
+            "name": "Central Khmer"
+        },
+        {
+            "639_2_T": "kho",
+            "name": "Khotanese; Sakan"
+        },
+        {
+            "639_1": "ki",
+            "639_2_T": "kik",
+            "639_2_B": "kik",
+            "name": "Kikuyu, Gikuyu"
+        },
+        {
+            "639_1": "rw",
+            "639_2_T": "kin",
+            "639_2_B": "kin",
+            "name": "Kinyarwanda"
+        },
+        {
+            "639_1": "ky",
+            "639_2_T": "kir",
+            "639_2_B": "kir",
+            "name": "Kirghiz, Kyrgyz"
+        },
+        {
+            "639_2_T": "kmb",
+            "name": "Kimbundu"
+        },
+        {
+            "639_2_T": "kok",
+            "name": "Konkani"
+        },
+        {
+            "639_1": "kv",
+            "639_2_T": "kom",
+            "639_2_B": "kom",
+            "name": "Komi"
+        },
+        {
+            "639_1": "kg",
+            "639_2_T": "kon",
+            "639_2_B": "kon",
+            "name": "Kongo"
+        },
+        {
+            "639_1": "ko",
+            "639_2_T": "kor",
+            "639_2_B": "kor",
+            "name": "Korean"
+        },
+        {
+            "639_2_T": "kos",
+            "name": "Kosraean"
+        },
+        {
+            "639_2_T": "kpe",
+            "name": "Kpelle"
+        },
+        {
+            "639_2_T": "krc",
+            "name": "Karachay-Balkar"
+        },
+        {
+            "639_2_T": "krl",
+            "name": "Karelian"
+        },
+        {
+            "639_2_T": "kro",
+            "name": "Kru languages"
+        },
+        {
+            "639_2_T": "kru",
+            "name": "Kurukh"
+        },
+        {
+            "639_1": "kj",
+            "639_2_T": "kua",
+            "639_2_B": "kua",
+            "name": "Kuanyama, Kwanyama"
+        },
+        {
+            "639_2_T": "kum",
+            "name": "Kumyk"
+        },
+        {
+            "639_1": "ku",
+            "639_2_T": "kur",
+            "639_2_B": "kur",
+            "name": "Kurdish"
+        },
+        {
+            "639_2_T": "kut",
+            "name": "Kutenai"
+        },
+        {
+            "639_2_T": "lad",
+            "name": "Ladino"
+        },
+        {
+            "639_2_T": "lah",
+            "name": "Lahnda"
+        },
+        {
+            "639_2_T": "lam",
+            "name": "Lamba"
+        },
+        {
+            "639_1": "lo",
+            "639_2_T": "lao",
+            "639_2_B": "lao",
+            "name": "Lao"
+        },
+        {
+            "639_1": "la",
+            "639_2_T": "lat",
+            "639_2_B": "lat",
+            "name": "Latin"
+        },
+        {
+            "639_1": "lv",
+            "639_2_T": "lav",
+            "639_2_B": "lav",
+            "name": "Latvian"
+        },
+        {
+            "639_2_T": "lez",
+            "name": "Lezghian"
+        },
+        {
+            "639_1": "li",
+            "639_2_T": "lim",
+            "639_2_B": "lim",
+            "name": "Limburgan, Limburger, Limburgish"
+        },
+        {
+            "639_1": "ln",
+            "639_2_T": "lin",
+            "639_2_B": "lin",
+            "name": "Lingala"
+        },
+        {
+            "639_1": "lt",
+            "639_2_T": "lit",
+            "639_2_B": "lit",
+            "name": "Lithuanian"
+        },
+        {
+            "639_2_T": "lol",
+            "name": "Mongo"
+        },
+        {
+            "639_2_T": "loz",
+            "name": "Lozi"
+        },
+        {
+            "639_1": "lb",
+            "639_2_T": "ltz",
+            "639_2_B": "ltz",
+            "name": "Luxembourgish, Letzeburgesch"
+        },
+        {
+            "639_2_T": "lua",
+            "name": "Luba-Lulua"
+        },
+        {
+            "639_1": "lu",
+            "639_2_T": "lub",
+            "639_2_B": "lub",
+            "name": "Luba-Katanga"
+        },
+        {
+            "639_1": "lg",
+            "639_2_T": "lug",
+            "639_2_B": "lug",
+            "name": "Ganda"
+        },
+        {
+            "639_2_T": "lui",
+            "name": "Luiseno"
+        },
+        {
+            "639_2_T": "lun",
+            "name": "Lunda"
+        },
+        {
+            "639_2_T": "luo",
+            "name": "Luo (Kenya and Tanzania)"
+        },
+        {
+            "639_2_T": "lus",
+            "name": "Lushai"
+        },
+        {
+            "639_2_T": "mad",
+            "name": "Madurese"
+        },
+        {
+            "639_2_T": "mag",
+            "name": "Magahi"
+        },
+        {
+            "639_1": "mh",
+            "639_2_T": "mah",
+            "639_2_B": "mah",
+            "name": "Marshallese"
+        },
+        {
+            "639_2_T": "mai",
+            "name": "Maithili"
+        },
+        {
+            "639_2_T": "mak",
+            "name": "Makasar"
+        },
+        {
+            "639_1": "ml",
+            "639_2_T": "mal",
+            "639_2_B": "mal",
+            "name": "Malayalam"
+        },
+        {
+            "639_2_T": "man",
+            "name": "Mandingo"
+        },
+        {
+            "639_2_T": "map",
+            "name": "Austronesian languages"
+        },
+        {
+            "639_1": "mr",
+            "639_2_T": "mar",
+            "639_2_B": "mar",
+            "name": "Marathi"
+        },
+        {
+            "639_2_T": "mas",
+            "name": "Masai"
+        },
+        {
+            "639_2_T": "mdf",
+            "name": "Moksha"
+        },
+        {
+            "639_2_T": "mdr",
+            "name": "Mandar"
+        },
+        {
+            "639_2_T": "men",
+            "name": "Mende"
+        },
+        {
+            "639_2_T": "mga",
+            "name": "Irish, Middle (900-1200)"
+        },
+        {
+            "639_2_T": "mic",
+            "name": "Mi'kmaq; Micmac"
+        },
+        {
+            "639_2_T": "min",
+            "name": "Minangkabau"
+        },
+        {
+            "639_2_T": "mis",
+            "name": "Uncoded languages"
+        },
+        {
+            "639_1": "mk",
+            "639_2_T": "mkd",
+            "639_2_B": "mac",
+            "name": "Macedonian"
+        },
+        {
+            "639_2_T": "mkh",
+            "name": "Mon-Khmer languages"
+        },
+        {
+            "639_1": "mg",
+            "639_2_T": "mlg",
+            "639_2_B": "mlg",
+            "name": "Malagasy"
+        },
+        {
+            "639_1": "mt",
+            "639_2_T": "mlt",
+            "639_2_B": "mlt",
+            "name": "Maltese"
+        },
+        {
+            "639_2_T": "mnc",
+            "name": "Manchu"
+        },
+        {
+            "639_2_T": "mni",
+            "name": "Manipuri"
+        },
+        {
+            "639_2_T": "mno",
+            "name": "Manobo languages"
+        },
+        {
+            "639_2_T": "moh",
+            "name": "Mohawk"
+        },
+        {
+            "639_1": "mn",
+            "639_2_T": "mon",
+            "639_2_B": "mon",
+            "name": "Mongolian"
+        },
+        {
+            "639_2_T": "mos",
+            "name": "Mossi"
+        },
+        {
+            "639_1": "mi",
+            "639_2_T": "mri",
+            "639_2_B": "mao",
+            "name": "Maori"
+        },
+        {
+            "639_1": "ms",
+            "639_2_T": "msa",
+            "639_2_B": "may",
+            "name": "Malay"
+        },
+        {
+            "639_2_T": "mul",
+            "name": "Multiple languages"
+        },
+        {
+            "639_2_T": "mun",
+            "name": "Munda languages"
+        },
+        {
+            "639_2_T": "mus",
+            "name": "Creek"
+        },
+        {
+            "639_2_T": "mwl",
+            "name": "Mirandese"
+        },
+        {
+            "639_2_T": "mwr",
+            "name": "Marwari"
+        },
+        {
+            "639_1": "my",
+            "639_2_T": "mya",
+            "639_2_B": "bur",
+            "name": "Burmese"
+        },
+        {
+            "639_2_T": "myn",
+            "name": "Mayan languages"
+        },
+        {
+            "639_2_T": "myv",
+            "name": "Erzya"
+        },
+        {
+            "639_2_T": "nah",
+            "name": "Nahuatl languages"
+        },
+        {
+            "639_2_T": "nai",
+            "name": "North American Indian languages"
+        },
+        {
+            "639_2_T": "nap",
+            "name": "Neapolitan"
+        },
+        {
+            "639_1": "na",
+            "639_2_T": "nau",
+            "639_2_B": "nau",
+            "name": "Nauru"
+        },
+        {
+            "639_1": "nv",
+            "639_2_T": "nav",
+            "639_2_B": "nav",
+            "name": "Navajo, Navaho"
+        },
+        {
+            "639_1": "nr",
+            "639_2_T": "nbl",
+            "639_2_B": "nbl",
+            "name": "South Ndebele"
+        },
+        {
+            "639_1": "nd",
+            "639_2_T": "nde",
+            "639_2_B": "nde",
+            "name": "North Ndebele"
+        },
+        {
+            "639_1": "ng",
+            "639_2_T": "ndo",
+            "639_2_B": "ndo",
+            "name": "Ndonga"
+        },
+        {
+            "639_2_T": "nds",
+            "name": "Low German; Low Saxon; German, Low; Saxon, Low"
+        },
+        {
+            "639_1": "ne",
+            "639_2_T": "nep",
+            "639_2_B": "nep",
+            "name": "Nepali"
+        },
+        {
+            "639_2_T": "new",
+            "name": "Nepal Bhasa; Newari"
+        },
+        {
+            "639_2_T": "nia",
+            "name": "Nias"
+        },
+        {
+            "639_2_T": "nic",
+            "name": "Niger-Kordofanian languages"
+        },
+        {
+            "639_2_T": "niu",
+            "name": "Niuean"
+        },
+        {
+            "639_1": "nl",
+            "639_2_T": "nld",
+            "639_2_B": "dut",
+            "name": "Dutch, Flemish"
+        },
+        {
+            "639_1": "nl",
+            "639_2_T": "nld",
+            "639_2_B": "dut",
+            "name": "Dutch; Flemish"
+        },
+        {
+            "639_1": "nn",
+            "639_2_T": "nno",
+            "639_2_B": "nno",
+            "name": "Norwegian Nynorsk"
+        },
+        {
+            "639_1": "nb",
+            "639_2_T": "nob",
+            "639_2_B": "nob",
+            "name": "Norwegian Bokmål"
+        },
+        {
+            "639_2_T": "nog",
+            "name": "Nogai"
+        },
+        {
+            "639_2_T": "non",
+            "name": "Norse, Old"
+        },
+        {
+            "639_1": "no",
+            "639_2_T": "nor",
+            "639_2_B": "nor",
+            "name": "Norwegian"
+        },
+        {
+            "639_2_T": "nqo",
+            "name": "N'Ko"
+        },
+        {
+            "639_2_T": "nso",
+            "name": "Pedi; Sepedi; Northern Sotho"
+        },
+        {
+            "639_2_T": "nub",
+            "name": "Nubian languages"
+        },
+        {
+            "639_2_T": "nwc",
+            "name": "Classical Newari; Old Newari; Classical Nepal Bhasa"
+        },
+        {
+            "639_1": "ny",
+            "639_2_T": "nya",
+            "639_2_B": "nya",
+            "name": "Chichewa, Chewa, Nyanja"
+        },
+        {
+            "639_2_T": "nym",
+            "name": "Nyamwezi"
+        },
+        {
+            "639_2_T": "nyn",
+            "name": "Nyankole"
+        },
+        {
+            "639_2_T": "nyo",
+            "name": "Nyoro"
+        },
+        {
+            "639_2_T": "nzi",
+            "name": "Nzima"
+        },
+        {
+            "639_1": "oc",
+            "639_2_T": "oci",
+            "639_2_B": "oci",
+            "name": "Occitan"
+        },
+        {
+            "639_1": "oj",
+            "639_2_T": "oji",
+            "639_2_B": "oji",
+            "name": "Ojibwa"
+        },
+        {
+            "639_1": "or",
+            "639_2_T": "ori",
+            "639_2_B": "ori",
+            "name": "Oriya"
+        },
+        {
+            "639_1": "om",
+            "639_2_T": "orm",
+            "639_2_B": "orm",
+            "name": "Oromo"
+        },
+        {
+            "639_2_T": "osa",
+            "name": "Osage"
+        },
+        {
+            "639_1": "os",
+            "639_2_T": "oss",
+            "639_2_B": "oss",
+            "name": "Ossetian, Ossetic"
+        },
+        {
+            "639_2_T": "ota",
+            "name": "Turkish, Ottoman (1500-1928)"
+        },
+        {
+            "639_2_T": "oto",
+            "name": "Otomian languages"
+        },
+        {
+            "639_2_T": "paa",
+            "name": "Papuan languages"
+        },
+        {
+            "639_2_T": "pag",
+            "name": "Pangasinan"
+        },
+        {
+            "639_2_T": "pal",
+            "name": "Pahlavi"
+        },
+        {
+            "639_2_T": "pam",
+            "name": "Pampanga; Kapampangan"
+        },
+        {
+            "639_1": "pa",
+            "639_2_T": "pan",
+            "639_2_B": "pan",
+            "name": "Punjabi, Panjabi"
+        },
+        {
+            "639_2_T": "pap",
+            "name": "Papiamento"
+        },
+        {
+            "639_2_T": "pau",
+            "name": "Palauan"
+        },
+        {
+            "639_2_T": "peo",
+            "name": "Persian, Old (ca.600-400 B.C.)"
+        },
+        {
+            "639_2_T": "phi",
+            "name": "Philippine languages"
+        },
+        {
+            "639_2_T": "phn",
+            "name": "Phoenician"
+        },
+        {
+            "639_1": "pi",
+            "639_2_T": "pli",
+            "639_2_B": "pli",
+            "name": "Pali"
+        },
+        {
+            "639_1": "pl",
+            "639_2_T": "pol",
+            "639_2_B": "pol",
+            "name": "Polish"
+        },
+        {
+            "639_2_T": "pon",
+            "name": "Pohnpeian"
+        },
+        {
+            "639_1": "pt",
+            "639_2_T": "por",
+            "639_2_B": "por",
+            "name": "Portuguese"
+        },
+        {
+            "639_2_T": "pra",
+            "name": "Prakrit languages"
+        },
+        {
+            "639_2_T": "pro",
+            "name": "Provençal, Old (to 1500);Occitan, Old (to 1500)"
+        },
+        {
+            "639_1": "ps",
+            "639_2_T": "pus",
+            "639_2_B": "pus",
+            "name": "Pashto, Pushto"
+        },
+        {
+            "639_2_T": "qaa-qtz",
+            "name": "Reserved for local use"
+        },
+        {
+            "639_1": "qu",
+            "639_2_T": "que",
+            "639_2_B": "que",
+            "name": "Quechua"
+        },
+        {
+            "639_2_T": "raj",
+            "name": "Rajasthani"
+        },
+        {
+            "639_2_T": "rap",
+            "name": "Rapanui"
+        },
+        {
+            "639_2_T": "rar",
+            "name": "Rarotongan; Cook Islands Maori"
+        },
+        {
+            "639_2_T": "roa",
+            "name": "Romance languages"
+        },
+        {
+            "639_1": "rm",
+            "639_2_T": "roh",
+            "639_2_B": "roh",
+            "name": "Romansh"
+        },
+        {
+            "639_2_T": "rom",
+            "name": "Romany"
+        },
+        {
+            "639_1": "ro",
+            "639_2_T": "ron",
+            "639_2_B": "rum",
+            "name": "Romanian, Moldavian, Moldovan"
+        },
+        {
+            "639_1": "ro",
+            "639_2_T": "ron",
+            "639_2_B": "rum",
+            "name": "Romanian; Moldavian; Moldovan"
+        },
+        {
+            "639_1": "rn",
+            "639_2_T": "run",
+            "639_2_B": "run",
+            "name": "Rundi"
+        },
+        {
+            "639_2_T": "rup",
+            "name": "Aromanian; Arumanian; Macedo-Romanian"
+        },
+        {
+            "639_1": "ru",
+            "639_2_T": "rus",
+            "639_2_B": "rus",
+            "name": "Russian"
+        },
+        {
+            "639_2_T": "sad",
+            "name": "Sandawe"
+        },
+        {
+            "639_1": "sg",
+            "639_2_T": "sag",
+            "639_2_B": "sag",
+            "name": "Sango"
+        },
+        {
+            "639_2_T": "sah",
+            "name": "Yakut"
+        },
+        {
+            "639_2_T": "sai",
+            "name": "South American Indian languages"
+        },
+        {
+            "639_2_T": "sal",
+            "name": "Salishan languages"
+        },
+        {
+            "639_2_T": "sam",
+            "name": "Samaritan Aramaic"
+        },
+        {
+            "639_1": "sa",
+            "639_2_T": "san",
+            "639_2_B": "san",
+            "name": "Sanskrit"
+        },
+        {
+            "639_2_T": "sas",
+            "name": "Sasak"
+        },
+        {
+            "639_2_T": "sat",
+            "name": "Santali"
+        },
+        {
+            "639_2_T": "scn",
+            "name": "Sicilian"
+        },
+        {
+            "639_2_T": "sco",
+            "name": "Scots"
+        },
+        {
+            "639_2_T": "sel",
+            "name": "Selkup"
+        },
+        {
+            "639_2_T": "sem",
+            "name": "Semitic languages"
+        },
+        {
+            "639_2_T": "sga",
+            "name": "Irish, Old (to 900)"
+        },
+        {
+            "639_2_T": "sgn",
+            "name": "Sign Languages"
+        },
+        {
+            "639_2_T": "shn",
+            "name": "Shan"
+        },
+        {
+            "639_2_T": "sid",
+            "name": "Sidamo"
+        },
+        {
+            "639_1": "si",
+            "639_2_T": "sin",
+            "639_2_B": "sin",
+            "name": "Sinhala, Sinhalese"
+        },
+        {
+            "639_2_T": "sio",
+            "name": "Siouan languages"
+        },
+        {
+            "639_2_T": "sit",
+            "name": "Sino-Tibetan languages"
+        },
+        {
+            "639_2_T": "sla",
+            "name": "Slavic languages"
+        },
+        {
+            "639_1": "sk",
+            "639_2_T": "slk",
+            "639_2_B": "slo",
+            "name": "Slovak"
+        },
+        {
+            "639_1": "sl",
+            "639_2_T": "slv",
+            "639_2_B": "slv",
+            "name": "Slovenian"
+        },
+        {
+            "639_2_T": "sma",
+            "name": "Southern Sami"
+        },
+        {
+            "639_1": "se",
+            "639_2_T": "sme",
+            "639_2_B": "sme",
+            "name": "Northern Sami"
+        },
+        {
+            "639_2_T": "smi",
+            "name": "Sami languages"
+        },
+        {
+            "639_2_T": "smj",
+            "name": "Lule Sami"
+        },
+        {
+            "639_2_T": "smn",
+            "name": "Inari Sami"
+        },
+        {
+            "639_1": "sm",
+            "639_2_T": "smo",
+            "639_2_B": "smo",
+            "name": "Samoan"
+        },
+        {
+            "639_2_T": "sms",
+            "name": "Skolt Sami"
+        },
+        {
+            "639_1": "sn",
+            "639_2_T": "sna",
+            "639_2_B": "sna",
+            "name": "Shona"
+        },
+        {
+            "639_1": "sd",
+            "639_2_T": "snd",
+            "639_2_B": "snd",
+            "name": "Sindhi"
+        },
+        {
+            "639_2_T": "snk",
+            "name": "Soninke"
+        },
+        {
+            "639_2_T": "sog",
+            "name": "Sogdian"
+        },
+        {
+            "639_1": "so",
+            "639_2_T": "som",
+            "639_2_B": "som",
+            "name": "Somali"
+        },
+        {
+            "639_2_T": "son",
+            "name": "Songhai languages"
+        },
+        {
+            "639_1": "st",
+            "639_2_T": "sot",
+            "639_2_B": "sot",
+            "name": "Southern Sotho"
+        },
+        {
+            "639_1": "es",
+            "639_2_T": "spa",
+            "639_2_B": "spa",
+            "name": "Spanish, Castilian"
+        },
+        {
+            "639_1": "sq",
+            "639_2_T": "sqi",
+            "639_2_B": "alb",
+            "name": "Albanian"
+        },
+        {
+            "639_1": "sc",
+            "639_2_T": "srd",
+            "639_2_B": "srd",
+            "name": "Sardinian"
+        },
+        {
+            "639_2_T": "srn",
+            "name": "Sranan Tongo"
+        },
+        {
+            "639_1": "sr",
+            "639_2_T": "srp",
+            "639_2_B": "srp",
+            "name": "Serbian"
+        },
+        {
+            "639_2_T": "srr",
+            "name": "Serer"
+        },
+        {
+            "639_2_T": "ssa",
+            "name": "Nilo-Saharan languages"
+        },
+        {
+            "639_1": "ss",
+            "639_2_T": "ssw",
+            "639_2_B": "ssw",
+            "name": "Swati"
+        },
+        {
+            "639_2_T": "suk",
+            "name": "Sukuma"
+        },
+        {
+            "639_1": "su",
+            "639_2_T": "sun",
+            "639_2_B": "sun",
+            "name": "Sundanese"
+        },
+        {
+            "639_2_T": "sus",
+            "name": "Susu"
+        },
+        {
+            "639_2_T": "sux",
+            "name": "Sumerian"
+        },
+        {
+            "639_1": "sw",
+            "639_2_T": "swa",
+            "639_2_B": "swa",
+            "name": "Swahili"
+        },
+        {
+            "639_1": "sv",
+            "639_2_T": "swe",
+            "639_2_B": "swe",
+            "name": "Swedish"
+        },
+        {
+            "639_2_T": "syc",
+            "name": "Classical Syriac"
+        },
+        {
+            "639_2_T": "syr",
+            "name": "Syriac"
+        },
+        {
+            "639_1": "ty",
+            "639_2_T": "tah",
+            "639_2_B": "tah",
+            "name": "Tahitian"
+        },
+        {
+            "639_2_T": "tai",
+            "name": "Tai languages"
+        },
+        {
+            "639_1": "ta",
+            "639_2_T": "tam",
+            "639_2_B": "tam",
+            "name": "Tamil"
+        },
+        {
+            "639_1": "tt",
+            "639_2_T": "tat",
+            "639_2_B": "tat",
+            "name": "Tatar"
+        },
+        {
+            "639_1": "te",
+            "639_2_T": "tel",
+            "639_2_B": "tel",
+            "name": "Telugu"
+        },
+        {
+            "639_2_T": "tem",
+            "name": "Timne"
+        },
+        {
+            "639_2_T": "ter",
+            "name": "Tereno"
+        },
+        {
+            "639_2_T": "tet",
+            "name": "Tetum"
+        },
+        {
+            "639_1": "tg",
+            "639_2_T": "tgk",
+            "639_2_B": "tgk",
+            "name": "Tajik"
+        },
+        {
+            "639_1": "tl",
+            "639_2_T": "tgl",
+            "639_2_B": "tgl",
+            "name": "Tagalog"
+        },
+        {
+            "639_1": "th",
+            "639_2_T": "tha",
+            "639_2_B": "tha",
+            "name": "Thai"
+        },
+        {
+            "639_2_T": "tig",
+            "name": "Tigre"
+        },
+        {
+            "639_1": "ti",
+            "639_2_T": "tir",
+            "639_2_B": "tir",
+            "name": "Tigrinya"
+        },
+        {
+            "639_2_T": "tiv",
+            "name": "Tiv"
+        },
+        {
+            "639_2_T": "tkl",
+            "name": "Tokelau"
+        },
+        {
+            "639_2_T": "tlh",
+            "name": "Klingon; tlhIngan-Hol"
+        },
+        {
+            "639_2_T": "tli",
+            "name": "Tlingit"
+        },
+        {
+            "639_2_T": "tmh",
+            "name": "Tamashek"
+        },
+        {
+            "639_2_T": "tog",
+            "name": "Tonga (Nyasa)"
+        },
+        {
+            "639_1": "to",
+            "639_2_T": "ton",
+            "639_2_B": "ton",
+            "name": "Tonga (Tonga Islands)"
+        },
+        {
+            "639_2_T": "tpi",
+            "name": "Tok Pisin"
+        },
+        {
+            "639_2_T": "tsi",
+            "name": "Tsimshian"
+        },
+        {
+            "639_1": "tn",
+            "639_2_T": "tsn",
+            "639_2_B": "tsn",
+            "name": "Tswana"
+        },
+        {
+            "639_1": "ts",
+            "639_2_T": "tso",
+            "639_2_B": "tso",
+            "name": "Tsonga"
+        },
+        {
+            "639_1": "tk",
+            "639_2_T": "tuk",
+            "639_2_B": "tuk",
+            "name": "Turkmen"
+        },
+        {
+            "639_2_T": "tum",
+            "name": "Tumbuka"
+        },
+        {
+            "639_2_T": "tup",
+            "name": "Tupi languages"
+        },
+        {
+            "639_1": "tr",
+            "639_2_T": "tur",
+            "639_2_B": "tur",
+            "name": "Turkish"
+        },
+        {
+            "639_2_T": "tut",
+            "name": "Altaic languages"
+        },
+        {
+            "639_2_T": "tvl",
+            "name": "Tuvalu"
+        },
+        {
+            "639_1": "tw",
+            "639_2_T": "twi",
+            "639_2_B": "twi",
+            "name": "Twi"
+        },
+        {
+            "639_2_T": "tyv",
+            "name": "Tuvinian"
+        },
+        {
+            "639_2_T": "udm",
+            "name": "Udmurt"
+        },
+        {
+            "639_2_T": "uga",
+            "name": "Ugaritic"
+        },
+        {
+            "639_1": "ug",
+            "639_2_T": "uig",
+            "639_2_B": "uig",
+            "name": "Uighur, Uyghur"
+        },
+        {
+            "639_1": "uk",
+            "639_2_T": "ukr",
+            "639_2_B": "ukr",
+            "name": "Ukrainian"
+        },
+        {
+            "639_2_T": "umb",
+            "name": "Umbundu"
+        },
+        {
+            "639_2_T": "und",
+            "name": "Undetermined"
+        },
+        {
+            "639_1": "ur",
+            "639_2_T": "urd",
+            "639_2_B": "urd",
+            "name": "Urdu"
+        },
+        {
+            "639_1": "uz",
+            "639_2_T": "uzb",
+            "639_2_B": "uzb",
+            "name": "Uzbek"
+        },
+        {
+            "639_2_T": "vai",
+            "name": "Vai"
+        },
+        {
+            "639_1": "ve",
+            "639_2_T": "ven",
+            "639_2_B": "ven",
+            "name": "Venda"
+        },
+        {
+            "639_1": "vi",
+            "639_2_T": "vie",
+            "639_2_B": "vie",
+            "name": "Vietnamese"
+        },
+        {
+            "639_1": "vo",
+            "639_2_T": "vol",
+            "639_2_B": "vol",
+            "name": "Volapük"
+        },
+        {
+            "639_2_T": "vot",
+            "name": "Votic"
+        },
+        {
+            "639_2_T": "wak",
+            "name": "Wakashan languages"
+        },
+        {
+            "639_2_T": "wal",
+            "name": "Wolaitta; Wolaytta"
+        },
+        {
+            "639_2_T": "war",
+            "name": "Waray"
+        },
+        {
+            "639_2_T": "was",
+            "name": "Washo"
+        },
+        {
+            "639_2_T": "wen",
+            "name": "Sorbian languages"
+        },
+        {
+            "639_1": "wa",
+            "639_2_T": "wln",
+            "639_2_B": "wln",
+            "name": "Walloon"
+        },
+        {
+            "639_1": "wo",
+            "639_2_T": "wol",
+            "639_2_B": "wol",
+            "name": "Wolof"
+        },
+        {
+            "639_2_T": "xal",
+            "name": "Kalmyk; Oirat"
+        },
+        {
+            "639_1": "xh",
+            "639_2_T": "xho",
+            "639_2_B": "xho",
+            "name": "Xhosa"
+        },
+        {
+            "639_2_T": "yao",
+            "name": "Yao"
+        },
+        {
+            "639_2_T": "yap",
+            "name": "Yapese"
+        },
+        {
+            "639_1": "yi",
+            "639_2_T": "yid",
+            "639_2_B": "yid",
+            "name": "Yiddish"
+        },
+        {
+            "639_1": "yo",
+            "639_2_T": "yor",
+            "639_2_B": "yor",
+            "name": "Yoruba"
+        },
+        {
+            "639_2_T": "ypk",
+            "name": "Yupik languages"
+        },
+        {
+            "639_2_T": "zap",
+            "name": "Zapotec"
+        },
+        {
+            "639_2_T": "zbl",
+            "name": "Blissymbols; Blissymbolics; Bliss"
+        },
+        {
+            "639_2_T": "zen",
+            "name": "Zenaga"
+        },
+        {
+            "639_2_T": "zgh",
+            "name": "Standard Moroccan Tamazight"
+        },
+        {
+            "639_1": "za",
+            "639_2_T": "zha",
+            "639_2_B": "zha",
+            "name": "Zhuang, Chuang"
+        },
+        {
+            "639_1": "zh",
+            "639_2_T": "zho",
+            "639_2_B": "chi",
+            "name": "Chinese"
+        },
+        {
+            "639_2_T": "znd",
+            "name": "Zande languages"
+        },
+        {
+            "639_1": "zu",
+            "639_2_T": "zul",
+            "639_2_B": "zul",
+            "name": "Zulu"
+        },
+        {
+            "639_2_T": "zun",
+            "name": "Zuni"
+        },
+        {
+            "639_2_T": "zxx",
+            "name": "No linguistic content; Not applicable"
+        },
+        {
+            "639_2_T": "zza",
+            "name": "Zaza; Dimili; Dimli; Kirdki; Kirmanjki; Zazaki"
+        }
+    ];
+
+
+    return {
+        /**
+         * @param code country code corresponding to alpha2, alpha3 or numeric3
+         * @returns {name: String, 639 codes: String}
+         */
+        lookup: function (code) {
+            if (!code) {
+                return;
+            }
+            const codeLower = String(code).toLowerCase();
+            for (let i = 0; i < codes.length; i++) {
+                const codeMap = codes[i];
+
+                if (codeLower === codeMap["639_1"] || codeLower === codeMap["639_2_T"] || codeLower === codeMap["639_2_B"]) {
+                    return codeMap;
+                }
+            }
+        }
+    }
+}());

js/randojs-2.0.0.js

@@ -0,0 +1,6 @@
+// https://github.com/nastyox/Rando.js
+function rando(a,b,e){var g=function(f){return"undefined"===typeof f},k=function(f){return"number"===typeof f&&!isNaN(f)},d=function(f){return!g(f)&&null!==f&&f.constructor===Array},c=function(){try{for(var f,q=[],r;30>(r="."+q.join("")).length;){f=(window.crypto||window.msCrypto).getRandomValues(new Uint32Array(5));for(var p=0;p<f.length;p++){var t=4E9>f[p]?f[p].toString().slice(1):"";0<t.length&&(q[q.length]=t)}}return Number(r)}catch(v){return Math.random()}};try{if(null!==a&&null!==b&&null!==
+e){if(g(a))return c();if(window.jQuery&&a instanceof jQuery&&g(b)){if(0==a.length)return!1;var n=rando(0,a.length-1);return{index:n,value:a.eq(n)}}if(k(a)&&k(b)&&"string"===typeof e&&"float"==e.toLowerCase().trim()){if(a>b){var m=b;b=a;a=m}return c()*(b-a)+a}if(d(a)&&0<a.length&&g(b)){var l=c()*a.length<<0;return{index:l,value:a[l]}}if("object"===typeof a&&g(b)){l=a;var h=Object.keys(l);if(0<h.length){var u=h[h.length*c()<<0];return{key:u,value:l[u]}}}if((!0===a&&!1===b||!1===a&&!0===b)&&g(e))return.5>
+rando();if(k(a)&&g(b))return 0<=a?rando(0,a):rando(a,0);if(k(a)&&"string"===typeof b&&"float"==b.toLowerCase().trim()&&g(e))return 0<=a?rando(0,a,"float"):rando(a,0,"float");if(k(a)&&k(b)&&g(e))return a>b&&(m=b,b=a,a=m),a=Math.floor(a),b=Math.floor(b),Math.floor(c()*(b-a+1)+a);if("string"===typeof a&&0<a.length&&g(b))return a.charAt(rando(0,a.length-1))}return!1}catch(f){return!1}}
+function randoSequence(a,b){var e=function(h){return"undefined"===typeof h},g=function(h){return"number"===typeof h&&!isNaN(h)},k=function(h){return!e(h)&&null!==h&&h.constructor===Array};try{if(e(a)||null===a||null===b)return!1;var d=[];if(window.jQuery&&a instanceof jQuery&&e(b)){if(0<a.length){d=randoSequence(0,a.length-1);for(var c=0;c<d.length;c++)d[c]={index:d[c],value:a.eq(d[c])}}return d}if(e(b))if(k(a)&&e(b))for(c=0;c<a.length;c++)d[d.length]={index:c,value:a[c]};else if("object"===typeof a&&
+e(b))for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(d[d.length]={key:n,value:a[n]});else if("string"===typeof a&&e(b))for(c=0;c<a.length;c++)d[d.length]=a.charAt(c);else return g(a)&&e(b)?0<=a?randoSequence(0,a):randoSequence(a,0):!1;else{if(!g(a)||!g(b)||0<a%1||0<b%1)return!1;if(a>b){var m=b;b=a;a=m}for(c=a;c<=b;c++)d[d.length]=c}for(c=d.length-1;0<c;c--){var l=rando(c);m=d[c];d[c]=d[l];d[l]=m}return d}catch(h){return!1}};

js/shared.js

@@ -0,0 +1,145 @@
+/**
+ * Shared methods for normal & bulk pages.
+ */
+const shared = (function () {
+    'use strict';
+
+    const patterns = {
+        video_id: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/watch\?v=([\w_-]+)(?:[\/&].*)?/i,
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/(?:v|embed|shorts|video|watch|live)\/([\w_-]+)(?:[\/&].*)?/i,
+            /(?:http[s]?:\/\/)?youtu.be\/([\w_-]+)(?:\?.*)?/i,
+            /(?:http[s]?:\/\/)?filmot.com\/video\/([\w_-]+)(?:[?\/&].*)?/i,
+            /(?:http[s]?:\/\/)?filmot.com\/sidebyside\/([\w_-]+)(?:[?\/&].*)?/i,
+            /^([\w-]{11})$/i
+        ],
+        playlist_id: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/playlist\?list=([\w_-]+)(?:&.*)?/i,
+            /^((UU|UUSH|PL|FL|SP|OLAK)[A-Za-z0-9_-]+)$/i
+        ],
+        channel_id: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/channel\/([\w_-]+)(?:\?.*)?/i,
+            /(?:http[s]?:\/\/)?filmot.com\/channel\/([\w_-]+)(?:[?\/&].*)?/i,
+            /^((UC|SC)[\w-]{22})$/i
+        ],
+        channel_user: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/user\/([\w_-]+)(?:\?.*)?/i
+        ],
+        channel_handle: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/@([^\/?]+)(?:\?.*)?/i,
+        ],
+        channel_custom: [
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/c\/([^\/?]+)(?:\?.*)?/i,
+            /(?:http[s]?:\/\/)?(?:\w+\.)?youtube.com\/([^\/?]+)(?:\?.*)?/i
+        ]
+    };
+
+    return {
+        /**
+         * Safely get nested object property or returns null
+         */
+        idx: (p, o) => p.reduce((xs, x) => (xs && xs[x]) ? xs[x] : null, o),
+
+        determineInput: function (value) {
+            value = decodeURIComponent(value);
+            const parsed = {
+                type: 'unknown',
+                mayHideOthers: true,
+                original: value
+            };
+            for (let type in patterns) {
+                for (let i = 0; i < patterns[type].length; i++) {
+                    const regex = patterns[type][i];
+                    const result = regex.exec(value);
+
+                    if (result) {
+                        parsed.type = type;
+                        parsed.value = result[1];
+                        return parsed;
+                    }
+                }
+            }
+            return parsed;
+        },
+
+        // https://wiki.archiveteam.org/index.php/YouTube/Technical_details
+        isValidVideoId: function (videoId) {
+            return videoId !== undefined && videoId !== null &&
+                String(videoId).match(/[A-Za-z0-9_-]{10}[AEIMQUYcgkosw048]/);
+        },
+
+        isValidChannelId: function (channelId) {
+            return channelId !== undefined && channelId !== null &&
+                String(channelId).match(/[A-Za-z0-9_-]{21}[AQgw]/);
+        },
+
+        parseQuery: function (queryString) {
+            const query = {};
+            const pairs = (queryString[0] === '?' ? queryString.substr(1) : queryString).split('&');
+            for (let i = 0; i < pairs.length; i++) {
+                let pair = pairs[i].split('=');
+                query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
+            }
+            return query;
+        },
+
+        formatDuration: function (duration, includeMs, ignoreTime) {
+            const years = duration.years();
+            const months = duration.months();
+            const days = duration.days();
+            const hours = duration.hours();
+            const minutes = duration.minutes();
+            const seconds = duration.seconds();
+            const millis = duration.milliseconds();
+            const format = [
+                (years > 0 ? years + " years" : ""),
+                (months > 0 ? months + " months" : ""),
+                (days > 0 ? days + " days" : ""),
+                (!ignoreTime && hours > 0 ? hours + "h" : ""),
+                (!ignoreTime && minutes > 0 ? minutes + "m" : ""),
+                (!ignoreTime && seconds > 0 ? seconds + "s" : ""),
+                includeMs ? (millis > 0 ? millis + "ms" : "") : ""
+            ].join(" ");
+
+            if (format.trim() === "") {
+                return "0s";
+            }
+
+            return format;
+        },
+
+        sortObject: function (unordered, sortArrays = false) {
+            if (!unordered || typeof unordered !== 'object') {
+                return unordered;
+            }
+
+            if (Array.isArray(unordered)) {
+                const newArr = unordered.map((item) => this.sortObject(item, sortArrays));
+                if (sortArrays) {
+                    newArr.sort();
+                }
+                return newArr;
+            }
+
+            const ordered = {};
+            Object.keys(unordered)
+                .sort()
+                .forEach((key) => {
+                    ordered[key] = this.sortObject(unordered[key], sortArrays);
+                });
+            return ordered;
+        },
+
+        safeFileName: function (fileName) {
+            return fileName.replace(/[<>:"\/\\|?*]+/g, '');
+        },
+
+        randomFromList(list) {
+            let index = 0;
+            for (let i = 0; i < 5; i++) {
+                index = rando(0, list.length - 1);
+            }
+            return list[index];
+        }
+    }
+})();

js/youtube-api-v3.js

@@ -0,0 +1,71 @@
+/**
+ * YouTube API v3
+ * Reference documentation:
+ * https://developers.google.com/youtube/v3/docs/
+ *
+ * youtube.ajax("videos", {
+ *     part: 'snippet'
+ * }).done(function (res) {
+ *
+ * }).fail(function (err) {
+ *
+ * });
+ *
+ * @requires jquery
+ * @author mattwright324
+ */
+const youtube = (function ($) {
+    'use strict';
+
+    function makeStr(length) {
+        let result = '';
+        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+        const charactersLength = characters.length;
+        let counter = 0;
+        while (counter < length) {
+            result += characters.charAt(Math.floor(Math.random() * charactersLength));
+            counter += 1;
+        }
+        return result;
+    }
+
+    const tempId = localStorage.getItem("tempId") || makeStr(40);
+    localStorage.setItem("tempId", tempId);
+
+    let defaultKey = "";
+    let currentKey = "";
+
+    return {
+        setDefaultKey: function (key) {
+            defaultKey = key;
+            this.setKey(key);
+        },
+        getDefaultKey: function () {
+            return defaultKey;
+        },
+        setKey: function (key) {
+            if (defaultKey === "") {
+                this.setDefaultKey(key);
+            }
+            currentKey = key;
+        },
+        getKey: function () {
+            return currentKey;
+        },
+        ajax: function (type, data) {
+            if (!defaultKey && defaultKey === "" && !currentKey && currentKey === "") {
+                console.error("YouTube API Key Missing");
+            } else {
+                return $.ajax({
+                    cache: false,
+                    data: $.extend({key: currentKey, quotaUser: tempId}, data),
+                    dataType: "json",
+                    type: "GET",
+                    timeout: 5000,
+                    url: "https://www.googleapis.com/youtube/v3/" + type
+                });
+            }
+        }
+    };
+}($));
+youtube.setDefaultKey(atob('QUl6YVN5QVNUTVFjay1qdHRGOHF5OXJ0RW50MUh5RVl3NUFtaEU4'));

js/youtube-metadata.js

@@ -0,0 +1,1868 @@
+/**
+ * YouTube Metadata
+ *
+ * Grab everything publicly available from the YouTube API.
+ *
+ * @requires jquery
+ * @author mattwright324
+ */
+(function () {
+    'use strict';
+
+    const elements = {};
+    const controls = {};
+    let exportData = {};
+
+    const delaySubmitKey = "delaySubmitNormal";
+    const can = {
+        submit: true,
+    };
+
+    const delay5Sec = 5;
+    const delay5SecMs = delay5Sec * 1000;
+
+    function countdown(key, control, delay, flag) {
+        control.addClass("loading").addClass("disabled");
+        can[flag] = false;
+
+        let value = localStorage.getItem(key);
+        if (!moment(value).isValid()) {
+            console.warn('value for %s was not a valid date, resetting to now', key);
+            localStorage.setItem(key, new Date());
+            value = localStorage.getItem(key);
+        }
+        if (moment(value).isAfter(moment())) {
+            console.warn('value for %s was set in the future, resetting to now', key);
+            localStorage.setItem(key, new Date());
+            value = localStorage.getItem(key);
+        }
+        let count = (delay - moment().diff(value)) / 1000;
+        control.find(".countdown").text(Math.trunc(count));
+
+        function c(control, count) {
+            if (count <= 1) {
+                control.removeClass("loading").removeClass("disabled");
+                control.find(".countdown").text("");
+
+                can[flag] = true;
+            } else {
+                control.find(".countdown").text(Math.trunc(count));
+                setTimeout(function () {
+                    c(control, count - 1)
+                }, 1000);
+            }
+        }
+
+        setTimeout(function () {
+            c(control, count)
+        }, 1000);
+    }
+
+    function countdownCheck(key, control, delayMs, flag) {
+        const value = localStorage.getItem(key);
+        if (key in localStorage && moment(value).isValid() && moment().diff(value) < delayMs) {
+            countdown(key, control, delayMs, flag);
+        } else {
+            control.removeClass("loading").removeClass("disabled");
+            control.find(".countdown").text("");
+        }
+    }
+    function getSuggestedHtml(parsedInput, fullJson, jsonType, filmot) {
+        const suggested = getSuggestedLinks(parsedInput, fullJson, jsonType, filmot);
+        suggested.sort((a, b) => (a.text > b.text) ? 1 : -1)
+        const html = [];
+        for (let i = 0; i < suggested.length; i++) {
+            const link = suggested[i];
+            html.push("<li><a target='_blank' href='" + link.url + "'>" + link.text + "</a></li>")
+        }
+        return "<ul>" + html.join("") + "</ul>";
+    }
+
+    function getConvertTime(date) {
+        const momentTime = moment(date).utc();
+
+        return " (<a target='_blank' href='https://www.timeanddate.com/worldclock/converter.html?iso=" +
+            momentTime.format("YYYYMMDDTHHmmss") + "'>convert</a>)"
+    }
+
+    function getSuggestedLinks(parsedInput, fullJson, jsonType, filmot) {
+        const data = {}
+        if (parsedInput) {
+            data[parsedInput.type] = parsedInput.value;
+        } else if (fullJson) {
+            if (jsonType === "video") {
+                data["video_id"] = fullJson.id;
+                data["video_title"] = shared.idx(["snippet", "title"], fullJson);
+                data["test"] = "test";
+            } else if (jsonType === "playlist") {
+                data["playlist_id"] = fullJson.id;
+                data["playlist_title"] = shared.idx(["snippet", "title"], fullJson);
+            } else if (jsonType === "channel") {
+                data["channel_id"] = fullJson.id;
+                data["channel_title"] = shared.idx(["snippet", "title"], fullJson);
+
+                const custom = shared.idx(["snippet", "customUrl"], fullJson);
+                if (custom) {
+                    data["channel_custom"] = custom;
+                }
+            }
+        } else if (filmot) {
+            data["video_title"] = filmot.title;
+            data["channel_id"] = filmot.channelid;
+            data["channel_title"] = filmot.channelname;
+        }
+        console.log(data);
+
+        function encode(text) {
+            return encodeURIComponent(text).replace(/'/g, "%27");
+        }
+
+        const suggestions = [];
+        if (data.hasOwnProperty("video_title")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + encode(data.video_title) + "\"",
+                text: "Google - \"" + data.video_title + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=" + encode(data.video_title),
+                text: "Archive.org (search) - " + data.video_title
+            });
+        }
+        if (data.hasOwnProperty("video_id")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + data.video_id + "\"",
+                text: "Google - \"" + data.video_id + "\""
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/*/https://www.youtube.com/watch?v=" + data.video_id,
+                text: "Archive.org (web) - https://www.youtube.com/watch?v=" + data.video_id
+            });
+            suggestions.push({
+                url: "https://archive.org/details/youtube-" + data.video_id,
+                text: "Archive.org (details) - youtube-" + data.video_id
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/2/http://wayback-fakeurl.archive.org/yt/" + data.video_id,
+                text: "Archive.org (direct video wayback-header) - " + data.video_id
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/2oe_/http://wayback-fakeurl.archive.org/yt/" + data.video_id,
+                text: "Archive.org (direct video raw) - " + data.video_id
+            });
+            suggestions.push({
+                url: "https://filmot.com/video/" + data.video_id,
+                text: "Filmot.com - https://filmot.com/video/" + data.video_id
+            });
+            suggestions.push({
+               url: "https://ghostarchive.org/varchive/" + data.video_id,
+               text: "GhostArchive.org - " + data.video_id
+            });
+            // suggestions.push({
+            //    url: "https://www.youtuberecover.com/watch?v=" + data.video_id,
+            //    text: "YouTube Recover - " + data.video_id
+            // });
+            suggestions.push({
+               url: "https://hobune.stream/videos/" + data.video_id,
+               text: "Hobune Archive - " + data.video_id
+            });
+        }
+        if (data.hasOwnProperty("playlist_title")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + encode(data.playlist_title) + "\"",
+                text: "Google - \"" + data.playlist_title + "\""
+            });
+        }
+        if (data.hasOwnProperty("playlist_id")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + data.playlist_id + "\"",
+                text: "Google - \"" + data.playlist_id + "\""
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/*/https://www.youtube.com/playlist?list=" + data.playlist_id,
+                text: "Archive.org - https://www.youtube.com/playlist?list=" + data.playlist_id
+            });
+        }
+        if (data.hasOwnProperty("channel_title")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + encode(data.channel_title) + "\"",
+                text: "Google - \"" + data.channel_title + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=creator%3A%22" + encode(data.channel_title) + "%22",
+                text: "Archive.org (search) - creator:\"" + data.channel_title + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=subject%3A%22" + encode(data.channel_title) + "%22",
+                text: "Archive.org (search) - subject:\"" + data.channel_title + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=" + encode(data.channel_title),
+                text: "Archive.org (search) - " + data.channel_title
+            });
+        }
+        if (data.hasOwnProperty("channel_user")) {
+            // this can only happen if /user/ no longer exists on submit
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + data.channel_user + "\"",
+                text: "Google - \"" + data.channel_user + "\""
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/*/https://www.youtube.com/user/" + data.channel_user,
+                text: "Archive.org - https://www.youtube.com/user/" + data.channel_user
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=subject%3A%22" + encode(data.channel_user) + "%22",
+                text: "Archive.org (search) - subject:\"" + data.channel_user + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=" + data.channel_user,
+                text: "Archive.org (search) - " + data.channel_user
+            });
+        }
+        if (data.hasOwnProperty("channel_custom")) {
+            // this can only happen in channel-more if user has custom value
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + data.channel_custom + "\"",
+                text: "Google - \"" + data.channel_custom + "\""
+            });
+            if (data.channel_custom.startsWith('@')) {
+                suggestions.push({
+                    url: "https://web.archive.org/web/*/https://www.youtube.com/" + data.channel_custom,
+                    text: "Archive.org - https://www.youtube.com/" + data.channel_custom
+                });
+            } else {
+                suggestions.push({
+                    url: "https://web.archive.org/web/*/https://www.youtube.com/c/" + data.channel_custom,
+                    text: "Archive.org - https://www.youtube.com/c/" + data.channel_custom
+                });
+            }
+            suggestions.push({
+                url: "https://web.archive.org/web/*/https://www.youtube.com/" + data.channel_custom,
+                text: "Archive.org - https://www.youtube.com/" + data.channel_custom
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=" + data.channel_custom,
+                text: "Archive.org (search) - " + data.channel_custom
+            });
+        }
+        if (data.hasOwnProperty("channel_id")) {
+            suggestions.push({
+                url: "https://www.google.com/search?q=\"" + data.channel_id + "\"",
+                text: "Google - \"" + data.channel_id + "\""
+            });
+            suggestions.push({
+                url: "https://web.archive.org/web/*/https://www.youtube.com/channel/" + data.channel_id,
+                text: "Archive.org - https://www.youtube.com/channel/" + data.channel_id
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=subject%3A%22" + encode(data.channel_id) + "%22",
+                text: "Archive.org (search) - subject:\"" + data.channel_id + "\""
+            });
+            suggestions.push({
+                url: "https://archive.org/search.php?query=" + data.channel_id,
+                text: "Archive.org (search) - " + data.channel_id
+            });
+            suggestions.push({
+                url: "https://socialblade.com/youtube/channel/" + data.channel_id,
+                text: "Socialblade.com - " + data.channel_id
+            })
+            suggestions.push({
+                url: "https://filmot.com/channel/" + data.channel_id,
+                text: "Filmot.com - https://filmot.com/channel/" + data.channel_id
+            });
+            // suggestions.push({
+            //     url: "https://www.youtuberecover.com/channel?id=" + data.channel_id,
+            //     text: "YouTube Recover - " + data.channel_id
+            // });
+            suggestions.push({
+                url: "https://hobune.stream/channels/" + data.channel_id,
+                text: "Hobune Archive - " + data.channel_id
+            });
+        }
+
+        return suggestions;
+    }
+
+    function getDuration(a, b) {
+        if (a.isBefore(b)) {
+            return moment.duration(b.diff(a));
+        } else {
+            return moment.duration(a.diff(b));
+        }
+    }
+
+    function formatBCP47(translation) {
+        const findings = [];
+
+        if (translation.language) {
+            findings.push(translation.language.name);
+        }
+
+        if (translation.country) {
+            findings.push(translation.country.name);
+        }
+
+        return findings.join(" / ");
+    }
+
+    function processLocalizations(partDiv, partJson) {
+        const translations = [];
+
+        for (let code in partJson) {
+            translations.push("<li><span class='orange'>" + String(code).toUpperCase() + "</span> which is <span class='orange'>" + formatBCP47(bcp47.lookup(code)) + "</span></li>")
+        }
+
+        partDiv.append("<p class='mb-15'>Localizations for..." +
+            "<ul>" + translations.join("") + "</ul>" +
+            "</p>")
+    }
+
+    function normalize(a, b) {
+        let normalizedA = a, normalizedB = b;
+        let gcdValue = 0, gcdA = 0, gcdB = 0;
+
+        if (a > 0 && b > 0) {
+            function gcd(p, q) {
+                if (q === 0) {
+                    return p;
+                }
+                return gcd(q, p % q);
+            }
+
+            gcdValue = gcd(a, b);
+            gcdA = gcdValue === 0 ? 0 : a / gcdValue;
+            gcdB = gcdValue === 0 ? 0 : b / gcdValue;
+        }
+
+        if (gcdValue !== 0) {
+            if (gcdA > gcdB) {
+                normalizedA = gcdA / gcdB;
+                normalizedB = 1;
+            } else {
+                normalizedA = 1;
+                normalizedB = gcdB / gcdA;
+            }
+        }
+
+        return {a: normalizedA, b: normalizedB}
+    }
+
+    const partMap = {
+        /**
+         * Can't access part(s): fileDetails, processingDetails, suggestions
+         * Useless part(s): player, id
+         * Every other part below:
+         */
+        video: {
+            snippet: {
+                title: "Snippet",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#video-section #snippet");
+
+                    const thumbs = partJson.thumbnails;
+                    const thumbUrl = (thumbs.maxres || thumbs.high || thumbs.medium || thumbs.default || {url: "https://placehold.it/480x360"}).url;
+
+                    partDiv.append("<a target='_blank' href='https://youtu.be/" + fullJson.id + "'><img id='video-thumb' src='" + thumbUrl + "' class='mb-15'></a>");
+
+                    const titleHtml =
+                        "<p class='mb-15' style='font-size: 1.25em'>" + partJson.title + "</p>";
+                    partDiv.append(titleHtml);
+
+                    const authorHtml =
+                        "<p class='mb-15'>Published by " +
+                        "<a href='https://www.youtube.com/channel/" + partJson.channelId + "' target='_blank'>" +
+                        partJson.channelTitle +
+                        "</a>" +
+                        "</p>";
+                    partDiv.append(authorHtml);
+
+                    const published = new Date(partJson.publishedAt);
+                    const dateHtml =
+                        "<p class='mb-15'>Published on " +
+                        "<span class='orange'>" + published.toUTCString() + "</span>" +
+                        " (" + moment(published).utc().fromNow() + ") " + getConvertTime(published) +
+                        "</p>";
+                    partDiv.append(dateHtml);
+
+                    if (partJson.tags) {
+                        const tagsHtml =
+                            "<p class='mb-15'>Tag(s): " +
+                            "<span class='tag'>" + partJson.tags.join("</span><span class='comma'>, </span><span class='tag'>") + "</span>" +
+                            "</p>";
+                        partDiv.append(tagsHtml);
+                    } else {
+                        partDiv.append("<p class='mb-15'>There were no tags.</p>")
+                    }
+
+                    if (partJson.categoryId) {
+                        const html =
+                            "<p class='mb-15'>Category id is " +
+                            "<span class='orange'>" + partJson.categoryId + "</span> which means " +
+                            "<span class='orange'>" + ytCategory.lookup(partJson.categoryId) + "</span>" +
+                            "</p>";
+
+                        partDiv.append(html);
+                    }
+
+                    if (partJson.defaultLanguage) {
+                        const code = partJson.defaultLanguage.toUpperCase();
+                        const translated = bcp47.lookup(code);
+
+                        partDiv.append("<p class='mb-15'>Default language is <span class='orange'>" + code + "</span> which means <span class='orange'>" + formatBCP47(translated) + "</span></p>")
+                    }
+
+                    if (partJson.defaultAudioLanguage) {
+                        const code = partJson.defaultAudioLanguage.toUpperCase();
+                        const translated = bcp47.lookup(code);
+
+                        partDiv.append("<p class='mb-15'>Audio language is <span class='orange'>" + code + "</span> which means <span class='orange'>" + formatBCP47(translated) + "</span></p>")
+                    }
+
+                    partDiv.append("<p class='mb-15'>The video id is <span class='orange'>" + fullJson.id + "</span></p>");
+
+                    partDiv.append("<p class='mb-15'><a style='display:inline;vertical-align:middle' target='_blank' href='./bulk?submit=true&url=https://www.youtube.com/channel/" + partJson.channelId + "'>" +
+                        "<img src='./img/metadata.png' style='margin-left:4px;width:20px;height:20px;;margin-right:5px;' alt='youtube metadata icon' >" +
+                        "Inspect the metadata for the rest of this channel's videos" +
+                        "</a></p>");
+                }
+            },
+            statistics: {
+                title: "Statistics",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#video-section #statistics");
+
+                    if (partJson.hasOwnProperty("likeCount") && partJson.hasOwnProperty("dislikeCount")) {
+                        const normalized = normalize(partJson.likeCount, partJson.dislikeCount);
+
+                        const html =
+                            "<p class='mb-15'>" +
+                            "Normalized like ratio: " +
+                            "<span style='color:green'>" + Math.trunc(normalized.a) + " like(s)</span> per " +
+                            "<span style='color:red'>" + Math.trunc(normalized.b) + " dislike(s)</span>" +
+                            "</p>";
+                        partDiv.append(html);
+                    } else if (!partJson.hasOwnProperty("likeCount")) {
+                        partDiv.append("<p class='mb-15'>This video has <span class='orange'>likes disabled.</span></p>");
+                    }
+
+                    if (!partJson.hasOwnProperty("viewCount")) {
+                        partDiv.append("<p class='mb-15'>This video has <span class='orange'>view counts disabled.</span></p>")
+                    }
+
+                    if (!partJson.hasOwnProperty("commentCount")) {
+                        partDiv.append("<p class='mb-15'>This video has <span class='orange'>comments disabled.</span></p>")
+                    }
+
+                    if (!partJson.hasOwnProperty("dislikeCount")) {
+                        partDiv.append(
+                            "<p class='mb-15'>YouTube no longer provides the <span class='orange'>dislikeCount</span> since 2021-12-13 " +
+                            "(<a href='https://developers.google.com/youtube/v3/revision_history#november-18,-2021' target='_blank'>see more here</a>). " +
+                            "</p>");
+                        partDiv.append("<p class='mb-15'>Want dislikes back? Check out the " +
+                            "<a href='https://returnyoutubedislike.com/' target='_blank'>return-youtube-dislike</a> project!" +
+                            "</p>");
+                        // Potentially output RYD dislikes from their API.
+                        // $.ajax({
+                        //     type: "GET",
+                        //     url: "https://returnyoutubedislikeapi.com/votes?videoId=" + fullJson.id
+                        // }).then(function (res) {
+                        //     const dislikes = shared.idx(["dislikes"], res);
+                        //     if (dislikes) {
+                        //         partDiv.append("<p class='mb-15'>RYD Estimated Dislikes: <span class='orange'>" + dislikes + "</span></p>")
+                        //     }
+                        // });
+                    }
+                }
+            },
+            recordingDetails: {
+                title: "Geolocation",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#video-section #recordingDetails");
+
+                    const location = partJson.location;
+                    if (location && location.latitude && location.longitude) {
+                        const latlng = location.latitude + "," + location.longitude;
+                        const staticMap = "https://maps.googleapis.com/maps/api/staticmap?center=" + latlng + "&zoom=14&size=1000x300&key=AIzaSyAa-o55aIMt4YC0mhPyp8WfGql5DVg_fp4&markers=color:red|" + latlng;
+
+                        const link = partJson.hasOwnProperty("locationDescription") ?
+                            "https://maps.google.com/maps/search/" + encodeURI(partJson.locationDescription).replace(/'/g, "%27") + "/@" + latlng + ",14z" :
+                            "https://maps.google.com/maps?q=loc:" + latlng;
+
+                        const html =
+                            "<p class='mb-15'><a href='" + link + "' target='_blank'>" +
+                            "<img src='" + staticMap + "' alt='Google Maps Static Map'>" +
+                            "<p>Click to open in Google Maps</p>" +
+                            "</a></p>";
+
+                        partDiv.append(html);
+                    }
+
+                    if (partJson.recordingDate && fullJson.snippet) {
+                        const recordDate = moment(partJson.recordingDate).utc();
+
+                        const dateHtml =
+                            "<p class='mt-15 mb-15'>Recorded on " +
+                            "<span class='orange'>" + recordDate.format("ddd, DD MMM YYYY") + "</span>" +
+                            " (" + recordDate.fromNow() + "). YouTube Studio only allows creators to pick the date so there is no time on this timestamp." +
+                            "</p>";
+                        partDiv.append(dateHtml);
+
+                        const published = moment(fullJson.snippet.publishedAt).utc();
+                        const format = shared.formatDuration(getDuration(recordDate, published), false, true);
+                        if (format === "0s") {
+                            partDiv.append("<p class='mb-15'>The video was recorded <span class='orange'>same day</span> as the publish date.</p>")
+                        } else if (published.isAfter(recordDate)) {
+                            partDiv.append("<p class='mb-15'>The video was recorded <span class='orange'>" + format + "</span> before the publish date.</p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>The video was recorded <span class='orange'>" + format + "</span> after the publish date.</p>");
+                        }
+                    }
+                }
+            },
+            status: {
+                title: "Status",
+                postProcess: function (partJson) {
+                    const partDiv = $("#video-section #status");
+
+                    if (partJson.hasOwnProperty("privacyStatus")) {
+                        if (partJson.privacyStatus !== "public") {
+                            partDiv.append("<p class='mb-15'>This video has its privacy set to <span class='orange'>" + partJson.privacyStatus + "</span></p>")
+                        }
+                    }
+                    if (partJson.hasOwnProperty("license")) {
+                        if (partJson.license !== "youtube") {
+                            partDiv.append("<p class='mb-15'>This video has its license set to <span class='orange'>" + partJson.license + "</span></p>")
+                        }
+                    }
+                    if (partJson.hasOwnProperty("embeddable")) {
+                        if (partJson.embeddable) {
+                            partDiv.append("<p class='mb-15'>This video may be embedded on other websites</p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>This video may not be embedded on other websites</p>")
+                        }
+                    }
+                    if (partJson.hasOwnProperty("madeForKids")) {
+                        if (partJson.madeForKids) {
+                            partDiv.append("<p class='mb-15'>This video is designated as <span class='orange'>child-directed</span></p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>This video is not child-directed</p>")
+                        }
+                    }
+                    if (partJson.hasOwnProperty("selfDeclaredMadeForKids")) {
+                        if (partJson.selfDeclaredMadeForKids) {
+                            partDiv.append("<p class='mb-15'>The video owner designated this video as <span class='orange'>child-directed</span></p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>The video owner designated this video as not child-directed.</p>")
+                        }
+                    }
+                }
+            },
+            liveStreamingDetails: {
+                title: "Livestream Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#video-section #liveStreamingDetails");
+
+                    if (partJson.hasOwnProperty("actualStartTime")) {
+                        const start = new Date(partJson.actualStartTime);
+                        const dateHtml =
+                            "<p class='mb-15'>The stream started on " +
+                            "<span class='orange'>" + start.toUTCString() + "</span>" +
+                            " (" + moment(start).utc().fromNow() + ") " + getConvertTime(start) +
+                            "</p>";
+                        partDiv.append(dateHtml);
+                    }
+                    if (partJson.hasOwnProperty("actualEndTime")) {
+                        const end = new Date(partJson.actualEndTime);
+                        const dateHtml =
+                            "<p class='mb-15'>The stream ended on " +
+                            "<span class='orange'>" + end.toUTCString() + "</span>" +
+                            " (" + moment(end).utc().fromNow() + ") " + getConvertTime(end) +
+                            "</p>";
+                        partDiv.append(dateHtml);
+                    }
+
+                    const now = moment(new Date()).utc();
+                    if (partJson.hasOwnProperty("scheduledStartTime") && partJson.hasOwnProperty("scheduledEndTime")) {
+                        const start = moment(partJson.scheduledStartTime).utc();
+                        const end = moment(partJson.scheduledEndTime).utc();
+                        const format = shared.formatDuration(getDuration(start, end));
+
+                        partDiv.append("<p class='mb-15'>The stream was scheduled to run for <span class='orange'>" + format + "</span></p>");
+                    }
+                    if (partJson.hasOwnProperty("scheduledStartTime") && !partJson.hasOwnProperty("actualStartTime")) {
+                        // Stream hasn't started
+                        const start = moment(partJson.scheduledStartTime).utc();
+                        const format = shared.formatDuration(getDuration(start, now));
+
+                        if (start.isAfter(now)) {
+                            partDiv.append("<p class='mb-15'>The stream hasn't started yet. It will start in <span class='orange'>" + format + "</span></p>");
+                        } else {
+                            partDiv.append("<p class='mb-15'>The stream hasn't started yet. It was supposed to start <span class='orange'>" + format + "</span> ago</p>");
+                        }
+                    }
+                    if (partJson.hasOwnProperty("actualStartTime") && partJson.hasOwnProperty("scheduledStartTime")) {
+                        // Stream started. Time between schedule date and actual start?
+                        const start = moment(partJson.actualStartTime).utc();
+                        const scheduled = moment(partJson.scheduledStartTime).utc();
+                        const format = shared.formatDuration(getDuration(start, scheduled));
+                        if (start.isAfter(scheduled)) {
+                            partDiv.append("<p class='mb-15'>The stream was <span class='orange'>" + format + "</span> late to start</p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>The stream was <span class='orange'>" + format + "</span> early to start</p>");
+                        }
+                    }
+                    if (partJson.hasOwnProperty("actualStartTime") && !partJson.hasOwnProperty("actualEndTime")) {
+                        // Stream started but still going. Time between start and now?
+                        const start = moment(partJson.actualStartTime).utc();
+                        const format = shared.formatDuration(getDuration(start, now));
+
+                        partDiv.append("<p class='mb-15'>The stream is still going. It has been running for <span class='orange'>" + format + "</span></p>");
+                    }
+                    if (partJson.hasOwnProperty("actualStartTime") && partJson.hasOwnProperty("actualEndTime")) {
+                        // Stream done. Time between start and end?
+                        const start = moment(partJson.actualStartTime).utc();
+                        const end = moment(partJson.actualEndTime).utc();
+                        const format = shared.formatDuration(getDuration(start, end));
+
+                        partDiv.append("<p class='mb-15'>The stream is over. It's length was <span class='orange'>" + format + "</span></p>");
+                    }
+                }
+            },
+            localizations: {
+                title: "Localizations",
+                postProcess: function (partJson) {
+                    const partDiv = $("#video-section #localizations");
+
+                    processLocalizations(partDiv, partJson);
+                }
+            },
+            contentDetails: {
+                title: "Content Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#video-section #contentDetails");
+
+                    const duration = moment.duration(partJson.duration);
+                    const format = shared.formatDuration(duration);
+
+                    if (format === "0s") {
+                        partDiv.append("<p class='mb-15'>A video can't be 0 seconds. This must be a livestream.</p>");
+                    } else {
+                        partDiv.append("<p class='mb-15'>The video length was <span style='color:orange'>" + format + "</span></p>");
+                    }
+
+                    if (partJson.hasOwnProperty('regionRestriction')) {
+                        const restriction = partJson.regionRestriction;
+
+                        const totalIsoCodes = iso3166.codes.length;
+                        // Should have only one or the other, never both
+                        let message;
+                        if (restriction.hasOwnProperty('allowed')) {
+                            partDiv.append("<p class='mb-15'>This video is <span class='orange'>region-restriction</span> <span class='green'>allowed</span>.");
+                            message = "These <span class='orange'>" + restriction.allowed.length + " / " + totalIsoCodes + "</span> region(s) are <span class='green'>allowed</span> to watch the video.</p>";
+                            restriction.allowed.sort();
+                        } else if (restriction.hasOwnProperty('blocked')) {
+                            partDiv.append("<p class='mb-15'>This video is <span class='orange'>region-restriction</span> <span class='red'>blocked</span>.");
+                            message = "These <span class='orange'>" + restriction.blocked.length + " / " + totalIsoCodes + "</span> region(s) are <span class='red'>not allowed</span> to watch the video.</p>";
+                            restriction.blocked.sort();
+                        }
+
+                        const inList = restriction.allowed || restriction.blocked;
+                        const translations = [];
+                        inList.forEach(function (code) {
+                            const result = iso3166.lookup(code);
+                            const name = (result ? result.name : 'ISO-3166 Could not translate')
+
+                            translations.push("<li><span class='orange'>" + String(code).toUpperCase() + "</span> which is <span class='orange'>" + name + "</span></li>")
+                        });
+                        partDiv.append(
+                            "<p class='mb-15'><a data-bs-toggle='collapse' href='#restriction-list-1'>" + message + "</a></p>" +
+                            "<div id='restriction-list-1' class='collapse'>" +
+                            "<ul>" + translations.join("") + "</ul>" +
+                            "</div>");
+
+                        const notInList = [];
+                        iso3166.codes.forEach(function (code) {
+                            if (inList.indexOf(code.alpha2) === -1) {
+                                notInList.push(code.alpha2);
+                            }
+                        });
+                        let message2;
+                        if (restriction.hasOwnProperty('allowed')) {
+                            message2 = "These <span class='orange'>" + notInList.length + " / " + totalIsoCodes + "</span> region(s) are <span class='red'>not allowed</span> to watch the video.";
+                            restriction.allowed.sort();
+                        } else if (restriction.hasOwnProperty('blocked')) {
+                            message2 = "These <span class='orange'>" + notInList.length + " / " + totalIsoCodes + "</span> region(s) are <span class='green'>allowed</span> to watch the video.";
+                            restriction.blocked.sort();
+                        }
+                        notInList.sort();
+                        const translations2 = [];
+                        notInList.forEach(function (code) {
+                            const result = iso3166.lookup(code);
+                            const name = (result ? result.name : 'ISO-3166 Could not translate')
+
+                            translations2.push("<li><span class='orange'>" + String(code).toUpperCase() + "</span> which is <span class='orange'>" + name + "</span></li>");
+                        });
+                        partDiv.append(
+                            "<p class='mb-15'><a data-bs-toggle='collapse' href='#restriction-list-2'>" + message2 + "</a></p>" +
+                            "<div id='restriction-list-2' class='collapse'>" +
+                            "<ul>" + translations2.join("") + "</ul>" +
+                            "</div>");
+                    }
+
+                    const contentRating = partJson.contentRating;
+                    if (!$.isEmptyObject(contentRating)) {
+                        const pairs = [];
+
+                        Object.keys(contentRating).forEach(function (key) {
+                            pairs.push(key + "/" + contentRating[key]);
+                        });
+
+                        partDiv.append("<p class='mb-15'>This video has a content rating of <span class='orange'>" + pairs.join(", ") + "</span></p>")
+                    }
+                }
+            },
+            topicDetails: {
+                title: "Topic Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#video-section #topicDetails");
+
+                    const topics = [];
+                    (partJson.topicCategories || []).forEach(function (categoryUrl) {
+                        const text = categoryUrl.substr(categoryUrl.lastIndexOf('/') + 1).replace(/_/g, " ");
+
+                        topics.push("<li><a target='_blank' href='" + categoryUrl + "'>" + text + "</a></li>");
+                    });
+
+                    partDiv.append("<p class='mb-15'><ul>" + topics.join("") + "</ul></p>");
+                }
+            }
+        },
+
+        /**
+         * Can't access part(s): auditDetails, contentOwnerDetails
+         * Useless part(s): id
+         * Every other part below:
+         */
+        channel: {
+            snippet: {
+                title: "Snippet",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#channel-section #snippet");
+
+                    const thumbs = partJson.thumbnails;
+                    const thumbUrl = (thumbs.maxres || thumbs.high || thumbs.medium || thumbs.default || {url: "https://placehold.it/240x240"}).url;
+
+                    partDiv.append("<a target='_blank' href='https://www.youtube.com/channel/" + fullJson.id + "'><img id='channel-thumb' src='" + thumbUrl + "' class='mb-15 profile'></a>");
+                    partDiv.append("<p class='mb-15' style='font-size: 1.25em'>" + partJson.title + "</p>");
+
+                    const published = new Date(partJson.publishedAt);
+                    const dateHtml =
+                        "<p class='mb-15'>Channel created on " +
+                        "<span class='orange'>" + published.toUTCString() + "</span>" +
+                        " (" + moment(published).utc().fromNow() + ")" + getConvertTime(published) +
+                        "</p>";
+                    partDiv.append(dateHtml);
+
+                    if (partJson.hasOwnProperty("country")) {
+                        const countryCode = partJson.country;
+                        const country = bcp47.lookup(countryCode).country;
+                        const translated = country ? " which is <span class='orange'>" + country.name + "</span>" : "";
+                        partDiv.append("<p class='mb-15'>The channel is associated with country code <span class='orange'>" + countryCode + "</span>" + translated + "</p>");
+                    } else {
+                        partDiv.append("<p class='mb-15'>The channel doesn't have an associated country.</p>");
+                    }
+
+                    if (partJson.hasOwnProperty("customUrl")) {
+                        const urlPart = partJson.customUrl.startsWith('@') ? '' : 'c/';
+                        const customUrl = "https://www.youtube.com/" + urlPart + partJson.customUrl;
+
+                        partDiv.append("<p class='mb-15'>The channel has a custom url of value '<a target='_blank' href='" + customUrl + "'>" + partJson.customUrl + "</a>'</p>");
+                    }
+
+                    partDiv.append("<p class='mb-15'>The channel id is <span class='orange'>" + fullJson.id + "</span></p>");
+                }
+            },
+            statistics: {
+                title: "Statistics",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#channel-section #statistics");
+
+                    const subLevels = {
+                        graphite: {
+                            min: 1,
+                            max: 999,
+                            qualCount: "1-1k",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/graphite/"
+                        },
+                        opal: {
+                            min: 1000,
+                            max: 9999,
+                            qualCount: "1k-10k",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/opal/"
+                        },
+                        bronze: {
+                            min: 10000,
+                            max: 99999,
+                            qualCount: "10k-100k",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/bronze/"
+                        },
+                        silver: {
+                            min: 100000,
+                            max: 999999,
+                            qualCount: "100k-1m",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/silver/"
+                        },
+                        gold: {
+                            min: 1000000,
+                            max: 9999999,
+                            qualCount: "1m-10m",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/silver/"
+                        },
+                        diamond: {
+                            min: 10000000,
+                            max: Number.MAX_SAFE_INTEGER,
+                            qualCount: "10m+",
+                            learnMore: "https://www.youtube.com/intl/en-GB/creators/benefits/silver/"
+                        }
+                    }
+
+                    const subs = partJson.subscriberCount;
+                    const learnMore = "Click <a target='_blank' href='https://www.youtube.com/intl/en-GB/creators/benefits/'>here</a> to learn more.";
+
+                    for (let levelName in subLevels) {
+                        const level = subLevels[levelName];
+                        if (subs >= level.min && subs <= level.max) {
+                            partDiv.append("<p class='mb-15'>This channel's subscriber count qualifies for benefit level <span class='orange'>" + levelName + " </span> (" + level.qualCount + "). " + learnMore + "</p>")
+                        }
+                    }
+
+                    if (partJson.hiddenSubscriberCount) {
+                        partDiv.append("<p class='mb-15'>This channel has their subscriber count <span class='orange'>hidden</span>.</p>");
+                    } else if (subs <= 0) {
+                        partDiv.append("<p class='mb-15'>This channel has no subscribers and does not qualify for any benefit level. " + learnMore + "</p>");
+                    } else {
+                        partDiv.append("<p class='mb-15'>Check out this channel on <a target='_blank' href='https://socialblade.com/youtube/channel/" + fullJson.id + "'>SocialBlade</a>.</p>");
+                    }
+
+                    if (partJson.videoCount > 0) {
+                        partDiv.append("<p class='mb-15'><a style='display:inline;vertical-align:middle' target='_blank' href='./bulk?submit=true&url=https://www.youtube.com/channel/" + fullJson.id + "'>" +
+                            "<img src='./img/metadata.png' style='margin-left:4px;width:20px;height:20px;;margin-right:5px;' alt='youtube metadata icon' >" +
+                            "Inspect the metadata for all of this channel's videos" +
+                            "</a></p>");
+                    } else {
+                        partDiv.append("<p class='mb-15'>This channel has no public videos.</p>");
+                    }
+                }
+            },
+            brandingSettings: {
+                title: "Branding Settings",
+                postProcess: function (partJson) {
+                    const partDiv = $("#channel-section #brandingSettings");
+
+                    const bannerImage = shared.idx(["image", "bannerExternalUrl"], partJson);
+                    if (bannerImage) {
+                        partDiv.append("<img id='channel-banner' src='" + bannerImage + "' class='mb-15'>");
+                    }
+
+                    if (partJson.channel.hasOwnProperty("trackingAnalyticsAccountId")) {
+                        partDiv.append("<p class='mb-15'>This channel is tracking and measuring traffic with Google Analytics <span class='orange'>" + partJson.channel.trackingAnalyticsAccountId + "</span></p>")
+                    }
+
+                    if (partJson.channel.hasOwnProperty("moderateComments")) {
+                        if (partJson.channel.moderateComments) {
+                            partDiv.append("<p class='mb-15'>Comments on the channel page are <span class='orange'>moderated</span> and require approval by the owner.</p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>Comments on the channel page are not moderated.</p>")
+                        }
+                    }
+
+                    if (partJson.channel.keywords) {
+                        const keywords = partJson.channel.keywords;
+                        const parsed = [];
+
+                        // Custom parser because regex for all languages is funky
+                        // and why doesn't browser JS regex support \p{L}   !?!?!
+                        // Also, why didn't google make this an array like video tags?
+                        let word = "";
+                        let inQuotes = false;
+                        for (let i = 0; i < keywords.length; i++) {
+                            const char = keywords.charAt(i);
+
+                            if (char === '"' && inQuotes === false) {
+                                inQuotes = true;
+                            } else if (char === '"' && inQuotes === true) {
+                                inQuotes = false;
+                            }
+
+                            if (char !== '"') {
+                                if (char === " " && inQuotes === false) {
+                                    parsed.push(word);
+                                    word = "";
+                                } else if (char !== " " || inQuotes === true) {
+                                    word += char;
+                                }
+                            }
+                        }
+                        if (parsed.indexOf(word) === -1) {
+                            parsed.push(word);
+                        }
+
+                        const keywordsHtml =
+                            "<p class='mb-15'>Channel Keyword(s): " +
+                            (parsed && parsed.length ?
+                                "<span class='tag'>" +
+                                parsed.join("</span><span class='comma'>, </span><span class='tag'>") +
+                                "</span>" : "") +
+                            "</p>";
+                        partDiv.append(keywordsHtml);
+                    } else {
+                        partDiv.append("<p class='mb-15'>There were no keywords.</p>")
+                    }
+                }
+            },
+            contentDetails: {
+                title: "Content Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#channel-section #contentDetails");
+
+                    const related = partJson.relatedPlaylists;
+                    if (related) {
+                        if (related.hasOwnProperty("uploads") && related.uploads) {
+                            partDiv.append("<p class='mb-15'><a target='_blank' href='https://www.youtube.com/playlist?list=" + related.uploads + "'>Uploads playlist</a></p>")
+                        }
+                        if (related.hasOwnProperty("favorites") && related.favorites) {
+                            partDiv.append("<p class='mb-15'><a target='_blank' href='https://www.youtube.com/playlist?list=" + related.favorites + "'>Favorites playlist</a></p>")
+                        }
+                        if (related.hasOwnProperty("likes") && related.likes) {
+                            partDiv.append("<p class='mb-15'><a target='_blank' href='https://www.youtube.com/playlist?list=" + related.likes + "'>Likes playlist</a></p>")
+                        }
+                    }
+                }
+            },
+            localizations: {
+                title: "Localizations",
+                postProcess: function (partJson) {
+                    const partDiv = $("#channel-section #localizations");
+
+                    processLocalizations(partDiv, partJson);
+                }
+            },
+            status: {
+                title: "Status",
+                postProcess: function (partJson) {
+                    const partDiv = $("#channel-section #status");
+
+                    if (partJson.hasOwnProperty("madeForKids")) {
+                        if (partJson.madeForKids) {
+                            partDiv.append("<p class='mb-15'>This channel is designated as <span class='orange'>child-directed</span></p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>This channel is not child-directed</p>")
+                        }
+                    }
+                    if (partJson.hasOwnProperty("selfDeclaredMadeForKids")) {
+                        if (partJson.selfDeclaredMadeForKids) {
+                            partDiv.append("<p class='mb-15'>The channel owner designated this channel as <span class='orange'>child-directed</span></p>")
+                        } else {
+                            partDiv.append("<p class='mb-15'>The channel owner designated this channel as not child-directed.</p>")
+                        }
+                    }
+                }
+            },
+            topicDetails: {
+                title: "Topic Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#channel-section #topicDetails");
+
+                    const topics = [];
+                    (partJson.topicCategories || []).forEach(function (categoryUrl) {
+                        const text = categoryUrl.substr(categoryUrl.lastIndexOf('/') + 1).replace(/_/g, " ");
+
+                        topics.push("<li><a target='_blank' href='" + categoryUrl + "'>" + text + "</a></li>");
+                    });
+
+                    partDiv.append("<p class='mb-15'><ul>" + topics.join("") + "</ul></p>");
+                }
+            }
+        },
+
+        /**
+         * Useless part(s): id, player
+         * Every other part below:
+         */
+        playlist: {
+            snippet: {
+                title: "Snippet",
+                postProcess: function (partJson, fullJson) {
+                    const partDiv = $("#playlist-section #snippet");
+
+                    const thumbs = partJson.thumbnails;
+                    const thumbUrl = (thumbs.maxres || thumbs.high || thumbs.medium || thumbs.default || {url: "https://placehold.it/480x360"}).url;
+
+                    partDiv.append("<a target='_blank' href='https://www.youtube.com/playlist?list=" + fullJson.id + "'><img id='playlist-thumb' src='" + thumbUrl + "' class='mb-15'></a>");
+                    partDiv.append("<p class='mb-15' style='font-size: 1.25em'>" + partJson.title + "</p>");
+
+                    const authorHtml =
+                        "<p class='mb-15'>Published by " +
+                        "<a href='https://www.youtube.com/channel/" + partJson.channelId + "' target='_blank'>" +
+                        partJson.channelTitle +
+                        "</a>" +
+                        "</p>";
+                    partDiv.append(authorHtml);
+
+                    const published = new Date(partJson.publishedAt);
+                    const dateHtml =
+                        "<p class='mb-15'>Playlist created on " +
+                        "<span class='orange'>" + published.toUTCString() + "</span>" +
+                        " (" + moment(published).utc().fromNow() + ")" + getConvertTime(published) +
+                        "</p>";
+                    partDiv.append(dateHtml);
+
+                    partDiv.append("<p class='mb-15'>The playlist id is <span class='orange'>" + fullJson.id + "</span></p>");
+
+                    partDiv.append("<p class='mb-15'><a style='display:inline;vertical-align:middle' target='_blank' href='./bulk?submit=true&url=https://www.youtube.com/channel/" + fullJson.id + "'>" +
+                        "<img src='./img/metadata.png' style='margin-left:4px;width:20px;height:20px;margin-right:5px;' alt='youtube metadata icon' >" +
+                        "Inspect the metadata for all of this playlist's videos" +
+                        "</a></p>");
+                }
+            },
+            status: {
+                title: "Status",
+                postProcess: function (partJson) {
+                    const partDiv = $("#playlist-section #status");
+                }
+            },
+            localizations: {
+                title: "Localizations",
+                postProcess: function (partJson) {
+                    const partDiv = $("#playlist-section #localizations");
+
+                    processLocalizations(partDiv, partJson);
+                }
+            },
+            contentDetails: {
+                title: "Content Details",
+                postProcess: function (partJson) {
+                    const partDiv = $("#playlist-section #contentDetails");
+                }
+            }
+        }
+    };
+
+    function errorState(message, funcAppend, errorJson) {
+        $("#video,#playlist,#channel").hide();
+
+        let reasonAppend;
+        const reason = shared.idx(["responseJSON", "error", "errors", 0, "reason"], errorJson);
+        if (reason === "quotaExceeded") {
+            $("#quota").show();
+            reasonAppend = $("#quota-reason-append");
+            reasonAppend.empty();
+        } else {
+            $("#unknown").show();
+            $("#reason").html(message);
+
+            reasonAppend = $("#reason-append");
+            reasonAppend.empty();
+
+            if (funcAppend) {
+                funcAppend(reasonAppend);
+            }
+        }
+        if (errorJson) {
+            reasonAppend.append("<pre><code class='prettyprint language-json'></code></pre>");
+
+            const json = reasonAppend.find("code");
+            json.text(JSON.stringify(errorJson, null, 4));
+            hljs.highlightElement(json[0]);
+        }
+    }
+
+    function attemptLoadFilmot(parsedInput) {
+        $("#filmot").hide();
+
+        if (parsedInput.type === "video_id") {
+            // Note: Filmot has limited resources. Do not misuse, please contact about usage first.
+            // https://filmot.com/contactus
+            const hostname = window.location.hostname;
+            if (hostname !== "localhost" && hostname !== "mattw.io") {
+                console.log("do not call filmot from other instances")
+                return;
+            }
+            if (!shared.isValidVideoId(parsedInput.value)) {
+                console.log("do not call filmot for invalid ids")
+                $("#reason-append").append("<p class='mb-15'>However, this is an <span class='orange'>invalid</span> video id and must follow pattern: <span class='orange'>[A-Za-z0-9_-]{10}[AEIMQUYcgkosw048]</span>.</p>");
+                return;
+            }
+
+            $.ajax({
+                cache: false,
+                data: {
+                    key: "md5paNgdbaeudounjp39",
+                    id: parsedInput.value,
+                    flags: 1 // Get channel and description too,
+                },
+                dataType: "json",
+                type: "GET",
+                timeout: 5000,
+                url: "https://filmot.com/api/getvideos",
+            }).done(function (res) {
+                const filmotAppend = $("#filmot-append");
+                filmotAppend.empty();
+
+                const video = shared.idx([0], res);
+                if (!video) {
+                    filmotAppend.append("<p class='mb-15'>No archive about this video id.</p>");
+                    $("#filmot").show();
+                    return;
+                }
+
+                exportData["filmot"] = video;
+
+                filmotAppend.append("<pre><code class='prettyprint language-json'></code></pre>");
+                const json = filmotAppend.find("code");
+                json.text(JSON.stringify(video, null, 4));
+                hljs.highlightElement(json[0]);
+
+                $("#filmot").show();
+
+                const titleHtml = "<p class='mb-15' style='font-size: 1.25em'>" + video.title + "</p>";
+                filmotAppend.append(titleHtml);
+
+                const authorHtml =
+                    "<p class='mb-15'>Published by " +
+                    "<a href='https://www.youtube.com/channel/" + video.channelid + "' target='_blank'>" +
+                    video.channelname +
+                    "</a>" +
+                    "</p>";
+                filmotAppend.append(authorHtml);
+
+                const published = new Date(video.uploaddate);
+                const dateHtml =
+                    "<p class='mb-15'>Published on " +
+                    "<span class='orange'>" + moment(published).format("ddd, DD MMM YYYY") + "</span>" +
+                    " (" + moment(published).utc().fromNow() + ")" +
+                    "</p>";
+                filmotAppend.append(dateHtml);
+
+                const duration = moment.duration({"seconds": video.duration});
+                const format = shared.formatDuration(duration);
+                if (format === "0s") {
+                    filmotAppend.append("<p class='mb-15'>A video can't be 0 seconds. This must be a livestream.</p>");
+                } else {
+                    filmotAppend.append("<p class='mb-15'>The video length was <span style='color:orange'>" + format + "</span></p>");
+                }
+
+                filmotAppend.append(getSuggestedHtml(null, null, null, video));
+            }).fail(function (err) {
+                console.warn(err);
+            })
+        } else if (parsedInput.type === "channel_id") {
+            if (!shared.isValidChannelId(parsedInput.value)) {
+                $("#reason-append").append("<p class='mb-15'>However, this is an <span class='orange'>invalid</span> channel id and must follow pattern: <span class='orange'>[A-Za-z0-9_-]{21}[AQgw]</span>.</p>");
+            }
+        }
+    }
+
+    function attemptWaybackCDX(parsedInput) {
+        if (parsedInput.type === "video_id") {
+            $("#wayback").show();
+            $("#wayback-show-older,#wayback-copy").hide();
+            $("#wayback-append").html("Checking... <span id='wayback-progress'></span>")
+
+            const results = []
+            const promises = []
+            const cdxUrls = []
+
+            // Video thumbs
+            cdxUrls.push("https://web.archive.org/cdx/search/cdx?url=i.ytimg.com/vi/" + parsedInput.value + "*&collapse=digest&filter=statuscode:200&mimetype:image/jpeg&output=json")
+            cdxUrls.push("https://web.archive.org/cdx/search/cdx?url=s.ytimg.com/vi/" + parsedInput.value + "*&collapse=digest&filter=statuscode:200&mimetype:image/jpeg&output=json")
+            cdxUrls.push("https://web.archive.org/cdx/search/cdx?url=img.youtube.com/vi/" + parsedInput.value + "*&collapse=digest&filter=statuscode:200&mimetype:image/jpeg&output=json")
+
+            // Storyboard thumbs
+            const sbSub = ["i", "i9", "i1", "i2", "i3", "i4", "i5", "i6", "i7", "i8"]
+            for (let i in sbSub) {
+                const subdomain = sbSub[i];
+                const cdxUrl = "https://web.archive.org/cdx/search/cdx?url=" + subdomain + ".ytimg.com/sb/" + parsedInput.value + "*&collapse=digest&filter=statuscode:200&mimetype:image/jpeg&output=json"
+
+                cdxUrls.push(cdxUrl)
+            }
+
+            let progress = 0
+            let failed = 0
+            $("#wayback-progress").html(`${progress+failed}/${cdxUrls.length} done; ${failed} failed`)
+
+            promises.push(new Promise(function (resolve) {
+                function cdxCall(i) {
+                    if (i >= cdxUrls.length) {
+                        console.log("promise done")
+                        resolve()
+                        return
+                    }
+                    console.log("calling " + i)
+
+                    const url = cdxUrls[i]
+                    if (!url) {
+                        resolve()
+                        return
+                    }
+
+                    const promise = new Promise(function (resolve2) {
+                        $.ajax({
+                            url: "https://cors-proxy-mw324.herokuapp.com/" + url,
+                        }).done(function (res) {
+                            console.log(url)
+                            if (res) {
+                                for (let i = 0; i < res.length; i++) {
+                                    results.push(res[i])
+                                }
+                            }
+                            progress += 1
+                            $("#wayback-progress").html(`${progress+failed}/${cdxUrls.length} done; ${failed} failed`)
+                            resolve2()
+                        }).fail(function (err) {
+                            console.error(url)
+                            failed += 1
+                            $("#wayback-progress").html(`${progress+failed}/${cdxUrls.length} done; ${failed} failed`)
+                            resolve2()
+                        })
+                    })
+
+                    promises.push(promise)
+                    promise.then(function () {cdxCall(i + 1)})
+                }
+                cdxCall(0)
+            }))
+
+            Promise.all(promises).then(function () {
+                console.log("Done!")
+                console.log(results)
+
+                const links = []
+                for (let i in results) {
+                    const result = results[i];
+                    if (result[0] === "urlkey") {
+                        continue
+                    }
+
+                    const url = new URL(result[2])
+                    const base = url.hostname + url.pathname
+
+                    links.push([base, result[2], result[1], `https://web.archive.org/web/${result[1]}/${result[2]}`])
+                }
+
+                if (links.length) {
+                    links.sort(function (a,b) {
+                        // url base
+                        if (a[0] < b[0]) return -1
+                        if (a[0] > b[0]) return 1
+
+                        // timestamp
+                        return b[2] - a[2]
+                    })
+
+                    const hideOlder = $("#checkHideOlder").is(":checked")
+
+                    function formatTime(waybackTime) {
+                        return waybackTime.replace(/(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2})/, "$1-$2-$3 $4:$5:$6")
+                    }
+
+                    let currentBase = null;
+                    const linkHtml = []
+                    for (let i in links) {
+                        const link = links[i];
+
+                        if (link[0] === currentBase) {
+                            linkHtml.push(`<li class="cdx-link wayback-cdx-older" ${hideOlder ? "style='display:none'" : ""}>
+                                <a target="_blank" href="${link[3]}">Archive.org - ${link[0]}</a> <small class="text-muted">${formatTime(link[2])}</small></li>`)
+                            continue
+                        }
+
+                        currentBase = link[0]
+                        linkHtml.push(`<li class="cdx-link wayback-cdx-newest"><a target="_blank" href="${link[3]}">Archive.org - ${link[0]}</a> <small class="text-muted">${formatTime(link[2])}</small></li>`)
+                    }
+                    $("#wayback-append").html(`<ul>${linkHtml.join("")}</ul>`)
+                    $("#wayback-show-older,#wayback-copy").show();
+                    $("#wayback-show-older .older-count").text($(".wayback-cdx-older").length)
+                } else {
+                    $("#wayback-append").text("No cdx records were found.")
+                }
+            })
+        }
+    }
+
+    function parseType(partMapType, sectionId, res, parsedInput) {
+        if (res && res.items && res.items.length > 0) {
+            const item = res.items[0];
+
+            exportData[partMapType] = res;
+
+            for (let part in partMap[partMapType]) {
+                const section = $("#" + sectionId + " #" + part);
+                const sectionHeader = $(section.find(".section-header"));
+
+                if (item.hasOwnProperty(part) && !$.isEmptyObject(item[part])) {
+                    sectionHeader.removeClass("unknown").addClass("good");
+                    sectionHeader.find("i").removeClass("bi-question-circle-fill").addClass("bi-check-circle-fill");
+                } else {
+                    sectionHeader.removeClass("unknown").addClass("bad");
+                    sectionHeader.find("i").removeClass("bi-question-circle-fill").addClass("bi-dash-circle-fill");
+                }
+
+                if (item.hasOwnProperty(part)) {
+                    if (part === 'localizations') {
+                        item[part] = shared.sortObject(item[part]);
+                    }
+
+                    section.append("<pre><code class='prettyprint language-json'></code></pre>");
+
+                    const json = section.find("code");
+                    json.text(JSON.stringify(item[part], null, 4));
+                    hljs.highlightElement(json[0]);
+
+                    partMap[partMapType][part].postProcess(item[part], item);
+                }
+
+                if (!item.hasOwnProperty(part) || $.isEmptyObject(item[part])) {
+                    section.append("<p class='mb-15 bad'>The " + partMapType + " does not have " + part + ".</p>");
+                }
+            }
+        } else {
+            errorState("Your input looked like a <span class='orange'>" + partMapType + "</span> but nothing came back. " +
+                "It may have been <a target='_blank' href='https://github.com/mattwright324/youtube-metadata/wiki/Deleted-and-Private-Videos'>deleted or made private</a>.", function (append) {
+                append.append("<p class='mb-15'>" +
+                    "You may find more details by trying..." +
+                    getSuggestedHtml(parsedInput) +
+                    "</p>");
+            });
+            attemptLoadFilmot(parsedInput);
+            $("#wayback,#wayback-check").show()
+            $("#wayback-append").html("")
+        }
+    }
+
+    async function parseVideo(res, input, skipGetChannel) {
+        const channelId = shared.idx(["items", "0", "snippet", "channelId"], res)
+        if (!skipGetChannel && channelId) {
+            submit({
+                type: 'channel_id',
+                value: channelId,
+                mayHideOthers: false
+            });
+        }
+
+        parseType("video", "video-section", res, input);
+
+        const id = input.value;
+        const thumbsDiv = $("#thumbnails");
+
+        thumbsDiv.empty();
+        const names = ["0", "hq1", "hq2", "hq3"]
+        for (let i in names) {
+            const name = names[i]
+            const thumbUrl = "https://img.youtube.com/vi/" + id + "/" + name + ".jpg";
+            const html =
+                "<div class='column' style='margin-bottom: 1.5%!important;'>" +
+                "<a href='https://lens.google.com/uploadbyurl?url=" + thumbUrl + "' target='_blank'>" +
+                "<img id='video-thumb-" + name + "' src='" + thumbUrl + "' alt='Thumb " + name + "' style='max-width: 200px;'>" +
+                "<p>Click to reverse image search</p>" +
+                "</a>" +
+                "</div>";
+
+            thumbsDiv.append(html);
+        }
+
+        const videoMore = $("#video-more");
+        videoMore.empty();
+        videoMore.append(getSuggestedHtml(null, shared.idx(["items", 0], res), "video"));
+    }
+
+    async function parsePlaylist(res, input, skipGetChannel) {
+        const channelId = shared.idx(["items", "0", "snippet", "channelId"], res)
+        if (!skipGetChannel && channelId) {
+            submit({
+                type: 'channel_id',
+                value: channelId,
+                mayHideOthers: false
+            });
+        }
+
+        parseType("playlist", "playlist-section", res, input);
+
+        const playlistMore = $("#playlist-more");
+        playlistMore.empty();
+        playlistMore.append(getSuggestedHtml(null, shared.idx(["items", 0], res), "playlist"));
+    }
+
+    async function parseChannel(res, input) {
+        parseType("channel", "channel-section", res, input);
+
+        const channelMore = $("#channel-more");
+        channelMore.empty();
+        channelMore.append(getSuggestedHtml(null, shared.idx(["items", 0], res), "channel"));
+    }
+
+    /**
+     * Attempt to resolve the channel handle URL via CORS workaround. Grab webpage content and extract url pattern.
+     */
+    async function resolveChannelHandleCORS(parsedInput, callbackResubmit) {
+        console.log('Attempting to resolve custom channel via CORS')
+
+        $.ajax({
+            url: "https://cors-proxy-mw324.herokuapp.com/https://www.youtube.com/@" + parsedInput.value,
+            dataType: 'html'
+        }).then(function (res) {
+            const pageHtml = $("<div>").html(res);
+            const channelId = pageHtml.find("meta[itemprop='channelId']").attr('content');
+            const ogUrl = pageHtml.find("meta[property='og:url']").attr('content');
+            const canonical = pageHtml.find("link[rel='canonical']").attr('href');
+
+            console.log('Retrieved [channelId=%s, ogUrl=%s, canonical=%s]', channelId, ogUrl, canonical);
+
+            const newParsed = shared.determineInput(channelId || ogUrl || canonical);
+            if (newParsed.type !== "unknown") {
+                callbackResubmit(newParsed);
+            } else {
+                errorState("Could not resolve Custom Channel URL", function (append) {
+                    append.append("<p class='mb-15'>" +
+                        "Custom channel URLs have no direct API method, an indirect resolving method was unable to find it. " +
+                        "</p>");
+                    append.append("<p class='mb-15'>" +
+                        "Verify that the custom URL actually exists, if it does than you may try manually resolving it. " +
+                        "</p>");
+                    append.append("<p class='mb-15'>" +
+                        "More detail about the issue and what you can do can be found here at " +
+                        "<a target='_blank' href='https://github.com/mattwright324/youtube-metadata/issues/1'>#1 - Channel custom url unsupported</a>." +
+                        "</p>");
+                })
+            }
+        }).fail(function (err) {
+            errorState("Could not resolve Custom Channel URL", function (append) {
+                append.append("<p class='mb-15'>" +
+                    "Custom channel URLs have no direct API method, an indirect resolving method was unable to find it. " +
+                    "</p>");
+                append.append("<p class='mb-15'>" +
+                    "Verify that the custom URL actually exists, if it does than you may try manually resolving it. " +
+                    "</p>");
+                append.append("<p class='mb-15'>" +
+                    "More detail about the issue and what you can do can be found here at " +
+                    "<a target='_blank' href='https://github.com/mattwright324/youtube-metadata/issues/1'>#1 - Channel custom url unsupported</a>." +
+                    "</p>");
+            })
+        });
+    }
+
+    async function submit(parsedInput) {
+        console.log(parsedInput);
+
+        if (parsedInput.original) {
+            controls.inputValue.val(parsedInput.original);
+
+            const baseUrl = location.origin + location.pathname;
+            if (parsedInput.type === "video_id" || parsedInput.type === "playlist_id" || parsedInput.type === "channel_id") {
+                controls.shareLink.val(baseUrl + "?url=" + encodeURIComponent(parsedInput.original) + "&submit=true");
+            } else {
+                controls.shareLink.val(baseUrl + "?url=" + encodeURIComponent(parsedInput.original) + "&submit=true");
+            }
+
+            controls.shareLink.attr("disabled", false);
+        }
+
+        if (parsedInput.type === 'unknown') {
+            errorState("Your link did not follow an accepted format.");
+        } else if (parsedInput.type === 'channel_handle' || parsedInput.type === 'channel_custom') {
+            resolveChannelHandleCORS(parsedInput, submit);
+        } else if (parsedInput.type === 'video_id') {
+            console.log('grabbing video');
+
+            if (parsedInput.mayHideOthers) {
+                $("#playlist").hide();
+            }
+
+            youtube.ajax('videos', {
+                part: Object.keys(partMap.video).join(','),
+                id: parsedInput.value
+            }).done(function (res) {
+                console.log(res);
+
+                parseVideo(res, parsedInput);
+            }).fail(function (err) {
+                console.log(err);
+
+                errorState("There was a problem querying for the video.", null, err);
+            });
+        } else if (parsedInput.type === 'channel_id') {
+            console.log('grabbing channel id');
+
+            if (parsedInput.mayHideOthers) {
+                $("#video,#playlist").hide();
+            }
+
+            youtube.ajax('channels', {
+                part: "id," + Object.keys(partMap.channel).join(','),
+                id: parsedInput.value
+            }).done(function (res) {
+                console.log(res);
+
+                parseChannel(res, parsedInput);
+            }).fail(function (err) {
+                console.error(err);
+
+                errorState("There was a problem querying for the channel.", null, err);
+            });
+        } else if (parsedInput.type === 'channel_user') {
+            console.log('grabbing channel user');
+
+            if (parsedInput.mayHideOthers) {
+                $("#video,#playlist").hide();
+            }
+
+            youtube.ajax('channels', {
+                part: Object.keys(partMap.channel).join(','),
+                forUsername: parsedInput.value
+            }).done(function (res) {
+                console.log(res);
+
+                parseChannel(res, parsedInput);
+            }).fail(function (err) {
+                console.error(err);
+
+                errorState("There was a problem querying for the channel.", null, err);
+            });
+        } else if (parsedInput.type === 'playlist_id') {
+            console.log('grabbing playlist');
+
+            if (parsedInput.mayHideOthers) {
+                $("#video").hide();
+            }
+
+            youtube.ajax('playlists', {
+                part: Object.keys(partMap.playlist).join(','),
+                id: parsedInput.value
+            }).done(function (res) {
+                console.log(res);
+
+                parsePlaylist(res, parsedInput);
+            }).fail(function (err) {
+                console.error(err);
+
+                errorState("There was a problem querying for the playlist.", null, err);
+            });
+        }
+    }
+
+    const internal = {
+        init: function () {
+            elements.hljsTheme = $("#highlightjs-theme");
+            controls.darkMode = $("#darkMode");
+            controls.inputValue = $("#value");
+            controls.btnSubmit = $("#submit");
+            controls.shareLink = $("#shareLink");
+
+            new ClipboardJS(".clipboard");
+
+            controls.btnExport = $("#export");
+            controls.btnImport = $("#import");
+            controls.importFileChooser = $("#importFileChooser");
+
+            elements.videoSection = $("#video-section");
+            elements.channelSection = $("#channel-section");
+            elements.playlistSection = $("#playlist-section");
+
+            const randomVideoId = shared.randomFromList(EXAMPLE_VIDEOS);
+            const exampleLink = "https://youtu.be/" + randomVideoId;
+            controls.inputValue.val(exampleLink);
+
+            internal.buildPage(true);
+        },
+        buildPage: function (doSetup) {
+            $(".part-section").remove();
+            $("#thumbnails").empty();
+
+            for (let part in partMap.video) {
+                const partData = partMap.video[part];
+                const html =
+                    "<div id='" + part + "' class='part-section'>" +
+                    "<div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>" + partData.title + "</span></div>" +
+                    "</div>";
+                elements.videoSection.append(html);
+            }
+
+            for (let part in partMap.channel) {
+                const partData = partMap.channel[part];
+                const html =
+                    "<div id='" + part + "' class='part-section'>" +
+                    "<div class='section-header unknown'><i class='bi bi-question-circle-fill'></i><span>" + partData.title + "</span></div>" +
+                    "</div>";
+                elements.channelSection.append(html);
+            }
+
+            for (let part in partMap.playlist) {
+                const partData = partMap.playlist[part];
+                const html =
+                    "<div id='" + part + "' class='part-section'>" +
+                    "<div class='section-header unknown'><i class='bi bi-question-circle-fill'></i></i><span>" + partData.title + "</span></div>" +
+                    "</div>";
+                elements.playlistSection.append(html);
+            }
+
+            if (doSetup) {
+                internal.setupControls();
+            }
+        },
+        setupControls: function () {
+            function checkTheme() {
+                if (DarkMode.getColorScheme() === "dark") {
+                    elements.hljsTheme.attr("href", "//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/styles/stackoverflow-dark.min.css");
+                } else {
+                    elements.hljsTheme.attr("href", "//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.3.1/build/styles/stackoverflow-light.min.css")
+                }
+            }
+
+            controls.darkMode.change(function () {
+                checkTheme();
+            });
+            checkTheme();
+
+            controls.inputValue.on('keypress', function (e) {
+                if (e.originalEvent.code === "Enter") {
+                    controls.btnSubmit.click();
+                }
+            });
+
+            countdownCheck(delaySubmitKey, controls.btnSubmit, delay5SecMs, "submit");
+
+            controls.btnSubmit.on('click', function () {
+                if (!can.submit) {
+                    return;
+                }
+                localStorage.setItem(delaySubmitKey, new Date());
+                countdownCheck(delaySubmitKey, controls.btnSubmit, delay5SecMs, "submit");
+
+                exportData = {};
+
+                const value = controls.inputValue.val();
+
+                const baseUrl = location.origin + location.pathname;
+                controls.shareLink.val(baseUrl + "?url=" + encodeURIComponent(value) + "&submit=true");
+                controls.shareLink.attr("disabled", false);
+
+                const parsed = shared.determineInput(value);
+                window["parsed"] = parsed
+
+                $("#video,#playlist,#channel").show();
+                $("#unknown,#quota,#filmot,#wayback").hide();
+                internal.buildPage(false);
+                submit(parsed);
+            });
+
+            $("#wayback-check").click(function () {
+                if ($("#wayback").is(":visible")) {
+                    $("#wayback-check").hide()
+                    attemptWaybackCDX(window.parsed);
+                }
+            })
+
+            $("#checkHideOlder").change(function () {
+                if ($("#checkHideOlder").is(":checked")) {
+                    $(".wayback-cdx-older").hide()
+                } else {
+                    $(".wayback-cdx-older").show()
+                }
+            })
+
+            new ClipboardJS("#wayback-copy", {
+                text: function (trigger) {
+                    const links = []
+                    $(".cdx-link:visible").each(function (i, el) {
+                        const link = $(el).find("a").attr("href")
+                        if (link) {
+                            links.push(link)
+                        }
+                    })
+                    return links.join("\n")
+                }
+            })
+
+            function getImageBinaryCorsProxy(fileName, imageUrl, zip) {
+                return new Promise(function (resolve) {
+                    // CORS proxy workaround for downloading YouTube thumbnails in client-side app
+                    // https://github.com/Rob--W/cors-anywhere/issues/301#issuecomment-962623118
+                    console.log('Attempting to download image over CORS proxy: ' + imageUrl);
+                    const start = new Date();
+                    JSZipUtils.getBinaryContent("https://cors-proxy-mw324.herokuapp.com/" + imageUrl, function (err, data) {
+                        const ms = new Date() - start;
+
+                        if (err) {
+                            console.log('Failed ' + fileName + " (" + ms + "ms)");
+                            console.warn("Could not get image: " + imageUrl)
+                            console.warn(err);
+                        } else {
+                            console.log('Retrieved ' + fileName + " (" + ms + "ms)");
+                            console.log("Creating " + fileName + "...");
+                            zip.file(fileName, data, {binary: true});
+                        }
+
+                        resolve();
+                    });
+                });
+            }
+
+            controls.btnExport.on('click', async function () {
+                controls.btnExport.addClass("loading").addClass("disabled");
+
+                const zip = new JSZip();
+                console.log("Creating about.txt...")
+                zip.file("about.txt",
+                    "Downloaded by YouTube Metadata " + new Date().toLocaleString() + "\n\n" +
+                    "URL: " + window.location + "\n\n" +
+                    "Input: " + controls.inputValue.val()
+                );
+
+                const thumbLinks = {};
+                if (exportData.hasOwnProperty("video")) {
+                    console.log("Creating video.json...");
+                    zip.file("video.json", JSON.stringify(exportData.video, null, 4));
+
+                    const names = ["0", "hq1", "hq2", "hq3"]
+                    for (let i in names) {
+                        const name = names[i];
+
+                        thumbLinks[`video-thumb-${name}.png`] = document.getElementById(`video-thumb-${name}`).src;
+                    }
+                }
+
+                if (exportData.hasOwnProperty("playlist")) {
+                    console.log("Creating playlist.json...");
+                    zip.file("playlist.json", JSON.stringify(exportData.playlist, null, 4));
+
+                    thumbLinks["playlist-thumb.png"] = document.getElementById('playlist-thumb').src;
+                }
+
+                if (exportData.hasOwnProperty("channel")) {
+                    console.log("Creating channel.json...");
+                    zip.file("channel.json", JSON.stringify(exportData.channel, null, 4));
+
+                    thumbLinks["channel-thumb.png"] = document.getElementById('channel-thumb').src;
+                    if (document.getElementById('channel-banner')) {
+                        thumbLinks["channel-banner.png"] = document.getElementById('channel-banner').src;
+                    }
+                }
+
+                if (exportData.hasOwnProperty("filmot")) {
+                    console.log("Creating filmot.json...");
+                    zip.file("filmot.json", JSON.stringify(exportData.filmot, null, 4));
+                }
+
+                const optionalImages = [];
+                for (let fileName in thumbLinks) {
+                    optionalImages.push(getImageBinaryCorsProxy(fileName, thumbLinks[fileName], zip));
+                }
+
+                Promise.all(optionalImages).then(function () {
+                    let hint = '';
+                    if (exportData.hasOwnProperty("video")) {
+                        hint = " (video-" + shared.idx(["items", 0, "snippet", "title"], exportData.video).substr(0, 15) + ")";
+                    } else if (exportData.hasOwnProperty("playlist")) {
+                        hint = " (playlist-" + shared.idx(["items", 0, "snippet", "title"], exportData.playlist).substr(0, 15) + ")";
+                    } else if (exportData.hasOwnProperty("channel")) {
+                        hint = " (channel-" + shared.idx(["items", 0, "snippet", "title"], exportData.channel).substr(0, 15) + ")";
+                    } else if (exportData.hasOwnProperty("filmot")) {
+                        hint = " (filmot-" + exportData.filmot.title.substr(0, 15);
+                    }
+
+                    const fileName = shared.safeFileName("metadata" + hint + ".zip");
+                    console.log("Saving as " + fileName);
+                    zip.generateAsync({
+                        type: "blob",
+                        compression: "DEFLATE",
+                        compressionOptions: {
+                            level: 9
+                        }
+                    }).then(function (content) {
+                        saveAs(content, fileName);
+
+                        controls.btnExport.removeClass("loading").removeClass("disabled");
+                    });
+                });
+            });
+
+            // Drag & Drop listener
+            document.addEventListener("dragover", function (event) {
+                event.preventDefault();
+            });
+            document.documentElement.addEventListener('drop', async function (e) {
+                e.stopPropagation();
+                e.preventDefault();
+
+                let file = e.dataTransfer.files[0];
+                console.log("Loading file");
+                console.log(file);
+
+                importFile(file);
+            });
+
+            controls.importFileChooser.on('change', function (event) {
+                console.log(event);
+
+                let file = event.target.files[0];
+
+                if (file) {
+                    controls.inputValue.val(file.name);
+                } else {
+                    return;
+                }
+
+                importFile(file);
+            });
+
+            function importFile(file) {
+                console.log("Importing from file " + file.name);
+
+                controls.btnImport.addClass("loading").addClass("disabled");
+
+                $("#video,#playlist,#channel").show();
+                $("#unknown,#quota,#filmot,#wayback").hide();
+                internal.buildPage(false);
+
+                function loadFile(fileName, parseMethod, inputType) {
+                    return JSZip.loadAsync(file).then(function (content) {
+                        const file = content.file(fileName);
+                        return file ? file.async("string") : null;
+                    }).then(function (text) {
+                        if (!text) {
+                            $("#" + inputType).hide();
+                            return;
+                        }
+                        const content = JSON.parse(text);
+                        console.log(content);
+                        parseMethod(content, {
+                            type: inputType,
+                            value: shared.idx(["items", 0, "id"], content)
+                        }, true);
+                    });
+                }
+
+                loadFile("video.json", parseVideo, "video").then(function () {
+                    loadFile("playlist.json", parsePlaylist, "playlist").then(function () {
+                        loadFile("channel.json", parseChannel, "channel").then(function () {
+                            controls.btnImport.removeClass("loading").removeClass("disabled");
+                        })
+                    });
+                });
+            }
+
+            const query = shared.parseQuery(window.location.search);
+            console.log(query);
+            const input = query.url || query.id;
+            if (input) {
+                controls.inputValue.val(decodeURIComponent(input));
+            }
+            if (query.hasOwnProperty("submit") && String(query.submit).toLowerCase() === String(true)) {
+                setTimeout(function () {
+                    controls.btnSubmit.click();
+                }, 500);
+            }
+        }
+    };
+    $(document).ready(internal.init);
+}());

js/yt-category-translator.js

@@ -0,0 +1,350 @@
+/**
+ * Implementation to quickly translate YouTube category codes.
+ *
+ * @link https://developers.google.com/youtube/v3/docs/videoCategories/list?apix_params=%7B%22part%22%3A%5B%22snippet%22%5D%2C%22regionCode%22%3A%22US%22%7D
+ */
+const ytCategory = (function () {
+    'use strict';
+
+    const categories = [
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "grPOPYEUUZN3ltuDUGEWlrTR90U",
+            "id": "1",
+            "snippet": {
+                "title": "Film & Animation",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Q0xgUf8BFM8rW3W0R9wNq809xyA",
+            "id": "2",
+            "snippet": {
+                "title": "Autos & Vehicles",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "qnpwjh5QlWM5hrnZCvHisquztC4",
+            "id": "10",
+            "snippet": {
+                "title": "Music",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "HyFIixS5BZaoBdkQdLzPdoXWipg",
+            "id": "15",
+            "snippet": {
+                "title": "Pets & Animals",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "PNU8SwXhjsF90fmkilVohofOi4I",
+            "id": "17",
+            "snippet": {
+                "title": "Sports",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "5kFljz9YJ4lEgSfVwHWi5kTAwAs",
+            "id": "18",
+            "snippet": {
+                "title": "Short Movies",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "ANnLQyzEA_9m3bMyJXMhKTCOiyg",
+            "id": "19",
+            "snippet": {
+                "title": "Travel & Events",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "0Hh6gbZ9zWjnV3sfdZjKB5LQr6E",
+            "id": "20",
+            "snippet": {
+                "title": "Gaming",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "q8Cp4pUfCD8Fuh8VJ_yl5cBCVNw",
+            "id": "21",
+            "snippet": {
+                "title": "Videoblogging",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "cHDaaqPDZsJT1FPr1-MwtyIhR28",
+            "id": "22",
+            "snippet": {
+                "title": "People & Blogs",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "3Uz364xBbKY50a2s0XQlv-gXJds",
+            "id": "23",
+            "snippet": {
+                "title": "Comedy",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "0srcLUqQzO7-NGLF7QnhdVzJQmY",
+            "id": "24",
+            "snippet": {
+                "title": "Entertainment",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "bQlQMjmYX7DyFkX4w3kT0osJyIc",
+            "id": "25",
+            "snippet": {
+                "title": "News & Politics",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Y06N41HP_WlZmeREZvkGF0HW5pg",
+            "id": "26",
+            "snippet": {
+                "title": "Howto & Style",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "yBaNkLx4sX9NcDmFgAmxQcV4Y30",
+            "id": "27",
+            "snippet": {
+                "title": "Education",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Mxy3A-SkmnR7MhJDZRS4DuAIbQA",
+            "id": "28",
+            "snippet": {
+                "title": "Science & Technology",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "p3lEirEJApyEkuWpaGEHoF-m-aA",
+            "id": "29",
+            "snippet": {
+                "title": "Nonprofits & Activism",
+                "assignable": true,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "4pIHL_AdN2kO7btAGAP1TvPucNk",
+            "id": "30",
+            "snippet": {
+                "title": "Movies",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Iqol1myDwh2AuOnxjtn2AfYwJTU",
+            "id": "31",
+            "snippet": {
+                "title": "Anime/Animation",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "tzhBKCBcYWZLPai5INY4id91ss8",
+            "id": "32",
+            "snippet": {
+                "title": "Action/Adventure",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "ii8nBGYpKyl6FyzP3cmBCevdrbs",
+            "id": "33",
+            "snippet": {
+                "title": "Classics",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Y0u9UAQCCGp60G11Arac5Mp46z4",
+            "id": "34",
+            "snippet": {
+                "title": "Comedy",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "_YDnyT205AMuX8etu8loOiQjbD4",
+            "id": "35",
+            "snippet": {
+                "title": "Documentary",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "eAl2b-uqIGRDgnlMa0EsGZjXmWg",
+            "id": "36",
+            "snippet": {
+                "title": "Drama",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "HDAW2HFOt3SqeDI00X-eL7OELfY",
+            "id": "37",
+            "snippet": {
+                "title": "Family",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "QHiWh3niw5hjDrim85M8IGF45eE",
+            "id": "38",
+            "snippet": {
+                "title": "Foreign",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "ztKcSS7GpH9uEyZk9nQCdNujvGg",
+            "id": "39",
+            "snippet": {
+                "title": "Horror",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "Ids1sm8QFeSo_cDlpcUNrnEBYWA",
+            "id": "40",
+            "snippet": {
+                "title": "Sci-Fi/Fantasy",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "qhfgS7MzzZHIy_UZ1dlawl1GbnY",
+            "id": "41",
+            "snippet": {
+                "title": "Thriller",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "TxVSfGoUyT7CJ7h7ebjg4vhIt6g",
+            "id": "42",
+            "snippet": {
+                "title": "Shorts",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "o9w6eNqzjHPnNbKDujnQd8pklXM",
+            "id": "43",
+            "snippet": {
+                "title": "Shows",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        },
+        {
+            "kind": "youtube#videoCategory",
+            "etag": "mLdyKd0VgXKDI6GevTLBAcvRlIU",
+            "id": "44",
+            "snippet": {
+                "title": "Trailers",
+                "assignable": false,
+                "channelId": "UCBR8-60-B28hp2BmDPdntcQ"
+            }
+        }
+    ];
+
+    return {
+        /**
+         * @param code video categoryId
+         * @returns category title
+         */
+        lookup: function (code) {
+            if (!code) {
+                return;
+            }
+            for (let i = 0; i < categories.length; i++) {
+                const category = categories[i];
+
+                if (Number(category.id) === Number(code)) {
+                    return category.snippet.title;
+                }
+            }
+        }
+    }
+}());