├── bootstrap.css
├── bootstrap.css.map
├── favicon.svg
├── fonts.css
├── fonts
    ├── Inconsolata-VF.woff2
    └── Inter-roman.var.woff2
├── index.html
├── privacy.html
└── seeding.html


/favicon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
 3 | 
 4 | <svg
 5 |    width="48"
 6 |    height="48"
 7 |    viewBox="0 0 48 48"
 8 |    version="1.1"
 9 |    id="svg1"
10 |    xmlns="http://www.w3.org/2000/svg"
11 |    xmlns:svg="http://www.w3.org/2000/svg">
12 |   <defs
13 |      id="defs1" />
14 |   <g
15 |      id="layer1">
16 |     <path
17 |        d="m 3.5656902,32.838757 v -1.18 h 2.46 v -10.1 h -2.32 v -1.18 h 6.18 v 1.18 h -2.46 v 10.12 H 10.00569 v 1.16 z"
18 |        id="text1"
19 |        style="font-size:20px;line-height:1.25;font-family:Inconsolata;-inkscape-font-specification:Inconsolata;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke:#ffffff;stroke-width:4;stroke-linejoin:round;stroke-dasharray:none;paint-order:stroke fill markers"
20 |        aria-label="I" />
21 |     <path
22 |        d="m 16.9167,42.266364 q -1.22,0 -2.2,-0.4 -0.96,-0.4 -1.7,-1.18 l 0.72,-1.26 0.08,-0.18 0.14,0.08 q 0.04,0.14 0.1,0.32 0.06,0.16 0.28,0.4 0.52,0.44 1.2,0.7 0.7,0.26 1.58,0.26 0.56,0 1.02,-0.16 0.48,-0.18 0.82,-0.46 0.36,-0.3 0.54,-0.68 0.2,-0.4 0.2,-0.84 0,-0.34 -0.08,-0.62 -0.06,-0.28 -0.26,-0.5 -0.18,-0.24 -0.5,-0.46 -0.32,-0.24 -0.82,-0.5 -0.5,-0.26 -1.2,-0.56 -1.3,-0.5 -2.06,-1.08 -0.74,-0.6 -1.06,-1.26 -0.3,-0.66 -0.3,-1.36 0,-0.92 0.46,-1.6 0.46,-0.7 1.3,-1.08 0.86,-0.4 2.04,-0.4 0.68,0 1.3,0.2 0.64,0.18 1.18,0.52 0.56,0.34 0.98,0.84 l -0.78,1.04 -0.12,0.16 -0.12,-0.08 q -0.02,-0.16 -0.08,-0.32 -0.06,-0.16 -0.28,-0.4 -0.48,-0.46 -1.02,-0.62 -0.54,-0.18 -1.28,-0.18 -0.5,0 -0.9,0.14 -0.38,0.14 -0.66,0.4 -0.28,0.26 -0.44,0.6 -0.14,0.32 -0.14,0.68 0,0.34 0.08,0.62 0.08,0.28 0.28,0.54 0.2,0.26 0.54,0.52 0.36,0.26 0.88,0.52 0.54,0.26 1.3,0.56 0.92,0.38 1.52,0.76 0.62,0.36 0.96,0.78 0.36,0.4 0.5,0.88 0.16,0.48 0.16,1.06 0,0.86 -0.44,1.7 -0.42,0.82 -1.34,1.36 -0.92,0.54 -2.38,0.54 z"
23 |        id="text1-8"
24 |        style="font-size:20px;line-height:1.25;font-family:Inconsolata;-inkscape-font-specification:Inconsolata;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke:#ffffff;stroke-width:4;stroke-dasharray:none;paint-order:stroke fill markers"
25 |        aria-label="S" />
26 |     <path
27 |        d="M 24.950914,15.976662 V 3.5166617 h 3.68 q 1.48,0 2.38,0.44 0.92,0.44 1.34,1.24 0.42,0.8 0.42,1.88 0,0.7 -0.32,1.4 -0.3,0.7 -0.88,1.22 -0.56,0.5200003 -1.34,0.7200003 l 2.88,5.56 h -1.56 l -2.76,-5.5 h -2.42 v 5.5 z m 1.42,-6.7400003 h 2.42 q 1.34,0 1.94,-0.58 0.6,-0.6 0.6,-1.58 0,-0.62 -0.26,-1.12 -0.26,-0.52 -0.82,-0.82 -0.56,-0.3 -1.46,-0.3 h -2.42 z"
28 |        id="text1-3"
29 |        style="font-size:20px;line-height:1.25;font-family:Inconsolata;-inkscape-font-specification:Inconsolata;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke:#ffffff;stroke-width:4;stroke-dasharray:none;paint-order:stroke fill markers"
30 |        aria-label="R" />
31 |     <path
32 |        d="m 40.958324,23.10802 q -1.02,0 -1.9,-0.36 -0.88,-0.38 -1.56,-1.16 -0.66,-0.78 -1.04,-1.98 -0.38,-1.2 -0.38,-2.86 0,-1.46 0.28,-2.54 0.28,-1.1 0.76,-1.84 0.48,-0.74 1.1,-1.18 0.62,-0.44 1.3,-0.64 0.68,-0.2 1.36,-0.2 1.36,0 2.32,0.68 0.96,0.66 1.44,1.78 l -1.2,0.56 -0.18,0.08 -0.06,-0.14 q 0.06,-0.16 0,-0.28 -0.06,-0.14 -0.22,-0.42 -0.5,-0.68 -1.04,-0.9 -0.52,-0.24 -1.1,-0.24 -0.78,0 -1.42,0.36 -0.62,0.34 -1.08,1.02 -0.44,0.66 -0.68,1.62 -0.22,0.96 -0.22,2.18 0,1.18 0.26,2.14 0.28,0.96 0.74,1.66 0.48,0.7 1.1,1.08 0.64,0.38 1.36,0.38 0.5,0 0.96,-0.18 0.48,-0.18 0.88,-0.52 0.4,-0.36 0.68,-0.82 l 1.04,0.68 q -0.6,1 -1.44,1.52 -0.84,0.52 -2.06,0.52 z"
33 |        id="text1-4"
34 |        style="font-size:20px;line-height:1.25;font-family:Inconsolata;-inkscape-font-specification:Inconsolata;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;stroke:#ffffff;stroke-width:4;stroke-dasharray:none;paint-order:stroke fill markers"
35 |        aria-label="C" />
36 |     <g
37 |        id="g6"
38 |        transform="rotate(45,12.645249,28.367201)">
39 |       <rect
40 |          style="fill:#e5e5e5;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
41 |          id="rect7"
42 |          width="39.537575"
43 |          height="3.9306364"
44 |          x="4.2543354"
45 |          y="15.306359" />
46 |       <rect
47 |          style="fill:#e5e5e5;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
48 |          id="rect6"
49 |          width="39.537575"
50 |          height="3.9306364"
51 |          x="4.2543354"
52 |          y="15.306359" />
53 |       <rect
54 |          style="fill:#525252;fill-opacity:1;stroke-width:0.377333"
55 |          id="rect4"
56 |          width="39.537571"
57 |          height="3.9306359"
58 |          x="4.2543354"
59 |          y="15.306359" />
60 |       <rect
61 |          style="fill:#e5e5e5;fill-opacity:1;stroke-width:0.377333"
62 |          id="rect5"
63 |          width="7.8612714"
64 |          height="3.9306359"
65 |          x="4.2543354"
66 |          y="15.306359" />
67 |       <rect
68 |          style="fill:#e5e5e5;fill-opacity:1;stroke-width:0.377333"
69 |          id="rect5-0"
70 |          width="7.8612714"
71 |          height="3.9306359"
72 |          x="35.930637"
73 |          y="15.30636" />
74 |     </g>
75 |     <path
76 |        style="fill:#ffe09c;fill-opacity:1;stroke:#dfb000;stroke-width:1.53561;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
77 |        id="path6"
78 |        d="M 6.8750003,9.6249998 2.5827318,6.9298757 -2.0707991,8.9378368 -0.83396769,4.0228077 -4.1816723,0.21753085 0.87500008,-0.12500005 3.4595358,-4.4847515 5.3478998,0.21858179 10.292935,1.3293841 6.403336,4.5787348 Z"
79 |        transform="matrix(0.65149854,0,0,0.65091625,13.868494,4.1368165)" />
80 |     <path
81 |        style="fill:#ffe09c;fill-opacity:1;stroke:#dfb000;stroke-width:1.53561;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
82 |        id="path6-2"
83 |        d="M 6.8750003,9.6249998 2.5827318,6.9298757 -2.0707991,8.9378368 -0.83396769,4.0228077 -4.1816723,0.21753085 0.87500008,-0.12500005 3.4595358,-4.4847515 5.3478998,0.21858179 10.292935,1.3293841 6.403336,4.5787348 Z"
84 |        transform="matrix(0.28114019,-0.58771638,0.58719109,0.28088892,2.8784105,11.570272)" />
85 |   </g>
86 | </svg>
87 | 


--------------------------------------------------------------------------------
/fonts.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: Inter;
  3 |   src: url("fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
  4 |   font-style: normal;
  5 |   font-weight: 100 900;
  6 |   font-display: fallback;
  7 | }
  8 | 
  9 | @font-face {
 10 |   font-family: Inconsolata;
 11 |   src: url("fonts/Inconsolata-VF.woff2?v=3.000") format("woff2");
 12 |   font-style: normal;
 13 |   font-weight: 275 900;
 14 |   font-stretch: 50% 200%;
 15 |   font-display: fallback;
 16 | }
 17 | 
 18 | :root {
 19 |   font-size: 14px;
 20 |   --bs-font-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
 21 |   --bs-font-monospace: Inconsolata, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Source Code Pro", "Liberation Mono", monospace;
 22 |   --bs-blue: #2A7BDE;
 23 |   --bs-red: #C01C28;
 24 |   --bs-yellow: #A2734C;
 25 |   --bs-green: #26A269;
 26 |   --bs-cyan: #2AA1B3;
 27 |   --bs-gray: #5E5C64;
 28 |   --bs-primary: #2A7BDE;
 29 |   --bs-secondary: #5E5C64;
 30 |   --bs-success: #26A269;
 31 |   --bs-info: #2AA1B3;
 32 |   --bs-warning: #A2734C;
 33 |   --bs-danger: #C01C28;
 34 |   --bs-body-rgb: 0, 0, 0;
 35 |   --bs-primary-rgb: 42, 123, 222;
 36 |   --bs-secondary-rgb: 94, 92, 100;
 37 |   --bs-success-rgb: 38, 162, 105;
 38 |   --bs-info-rgb: 42, 161, 179;
 39 |   --bs-warning-rgb: 162, 115, 76;
 40 |   --bs-danger-rgb: 192, 28, 40;
 41 |   --bs-body-color: #000;
 42 | }
 43 | 
 44 | a {
 45 |   color: var(--bs-blue);
 46 | }
 47 | 
 48 | a:hover {
 49 |   color: #12488B;
 50 | }
 51 | 
 52 | samp, samp .form-control {
 53 |   font-weight: 500;
 54 | }
 55 | 
 56 | code {
 57 |   color: #c64600;
 58 | }
 59 | 
 60 | .btn-primary {
 61 |   background-color: var(--bs-primary);
 62 |   border-color: var(--bs-primary);
 63 | }
 64 | .btn-primary:focus, .btn-primary:hover {
 65 |   background-color: #12488B;
 66 |   border-color: #12488B;
 67 | }
 68 | 
 69 | .form-control, .form-control:focus {
 70 |   color: var(--bs-body-color);
 71 | }
 72 | 
 73 | .form-control[data-check="danger"] {
 74 |   border-color: var(--bs-danger);
 75 | }
 76 | .form-control[data-check="danger"]:focus {
 77 |   border-color: var(--bs-danger);
 78 |   box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
 79 | }
 80 | .form-control[data-check="warning"] {
 81 |   border-color: var(--bs-warning);
 82 | }
 83 | .form-control[data-check="warning"]:focus {
 84 |   border-color: var(--bs-warning);
 85 |   box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);
 86 | }
 87 | .form-control[data-check="info"] {
 88 |   border-color: var(--bs-info);
 89 | }
 90 | .form-control[data-check="info"]:focus {
 91 |   border-color: var(--bs-info);
 92 |   box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.25);
 93 | }
 94 | .form-control[data-check="success"] {
 95 |   border-color: var(--bs-success);
 96 | }
 97 | .form-control[data-check="success"]:focus {
 98 |   border-color: var(--bs-success);
 99 |   box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
100 | }
101 | 


--------------------------------------------------------------------------------
/fonts/Inconsolata-VF.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kepstin/magicisrc/ec8010ddbf1fdbfaebde58564062fb22a56d1170/fonts/Inconsolata-VF.woff2


--------------------------------------------------------------------------------
/fonts/Inter-roman.var.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kepstin/magicisrc/ec8010ddbf1fdbfaebde58564062fb22a56d1170/fonts/Inter-roman.var.woff2


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html>
   3 |   <head>
   4 |     <meta charset="UTF-8">
   5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   6 |     <title>kepstin’s MagicISRC</title>
   7 |     <link rel="stylesheet" href="bootstrap.css">
   8 |     <link rel="stylesheet" href="fonts.css">
   9 |     <link rel="icon" href="favicon.svg">
  10 | <script type="text/javascript">
  11 | "use strict";
  12 | 
  13 | // Disable automatic scroll restoration where possible, the app handles it.
  14 | if ('scrollRestoration' in history) { history.scrollRestoration = 'manual'; }
  15 | 
  16 | // Configuration
  17 | 
  18 | var mb_site = new URL("https://musicbrainz.org/");
  19 | var mb_ws2_base = new URL("ws/2/", mb_site);
  20 | var mb_client = "kepstin-magicisrc";
  21 | var mb_oauth_base = new URL("oauth2/", mb_site);
  22 | var mb_oauth_redirect_uri = "https://magicisrc.kepstin.ca/";
  23 | var mb_oauth_client_id = "oxqZoCJWy9BQXgS7UTikeA";
  24 | var mb_oauth_client_secret = "tbE6uiFKK8wBmO6cq2Pg0Q"; // Not so secret after all, are you?
  25 | 
  26 | // Internal State
  27 | 
  28 | // Information about currently logged in user - auth token and user info
  29 | var login = {};
  30 | // ID of the release to operate on
  31 | var mbid = null;
  32 | // Set to true if MBID parsing fails
  33 | var mbidInvalid = false;
  34 | // A cached copy of the current release info fetched from MusicBrainz
  35 | var currentRelease = {};
  36 | // The list of ISRCs to be added. Structure is as follows:
  37 | // Array of media, each containing:
  38 | //   Array of tracks, each containing:
  39 | //     Object, with properties:
  40 | //       isrc: The ISRC string
  41 | //       invalid: Boolean, true if ISRC cannot be submitted
  42 | //       checks: Array of check results, each containing:
  43 | //         Object, with properties:
  44 | //           type: One of "danger", "warning", "info"
  45 | //           message: A human-readable check message
  46 | var isrcs = null;
  47 | // List of ISRCs for pregap tracks. Structure is as follows:
  48 | // Array of media, each containing:
  49 | //   Object, with properties:
  50 | //     (same as in `isrcs`)
  51 | var pregapISRCs = null;
  52 | // Edit note to include with ISRC submission edit
  53 | var editNote = "";
  54 | // True if any ISRCs are valid, and the edit preview should be shown
  55 | var anyISRCsValid = false;
  56 | // State from the most recently popped history
  57 | var poppedState = null;
  58 | 
  59 | // Simple JavaScript Templating
  60 | // John Resig - http://ejohn.org/ - MIT Licensed
  61 | (function(self){
  62 |   var cache = {};
  63 | 
  64 |   self.tmpl = function tmpl(str, data){
  65 |     // Figure out if we're getting a template, or if we need to
  66 |     // load the template - and be sure to cache the result.
  67 |     var fn = !/\W/.test(str) ?
  68 |       cache[str] = cache[str] ||
  69 |         tmpl(document.getElementById(str).innerHTML) :
  70 | 
  71 |       // Generate a reusable function that will serve as a template
  72 |       // generator (and which will be cached).
  73 |       new Function("obj",
  74 |         "var p=[],print=function(){p.push.apply(p,arguments);};" +
  75 | 
  76 |         // Introduce the data as local variables using with(){}
  77 |         "with(obj){p.push('" +
  78 | 
  79 |         // Convert the template into pure JavaScript
  80 |         str
  81 |           .replace(/[\r\t\n]/g, " ")
  82 |           .split("<%").join("\t")
  83 |           .replace(/((^|%>)[^\t]*)'/g, "$1\r")
  84 |           .replace(/\t=(.*?)%>/g, "',$1,'")
  85 |           .split("\t").join("');")
  86 |           .split("%>").join("p.push('")
  87 |           .split("\r").join("\\'")
  88 |       + "');}return p.join('');");
  89 | 
  90 |     // Provide some basic currying to the user
  91 |     return data ? fn( data ) : fn;
  92 |   };
  93 | })(window);
  94 | 
  95 | (function(self) {
  96 |   var entityMap = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': '&quot;', "'": '&#39;', "/": '&#x2F;' };
  97 | 
  98 |   self.escapeHtml = function escapeHtml(string) {
  99 |     return String(string).replace(/[&<>"'\/]/g, function (s) {
 100 |       return entityMap[s];
 101 |     });
 102 |   };
 103 | })(window);
 104 | 
 105 | function bufferToHex(buffer) {
 106 |   return Array
 107 |     .from (new Uint8Array (buffer))
 108 |     .map (b => b.toString (16).padStart (2, "0"))
 109 |     .join ("");
 110 | }
 111 | 
 112 | function generateStateId() {
 113 |   var stateArray = new Uint8Array(16);
 114 |   crypto.getRandomValues(stateArray);
 115 |   return bufferToHex(stateArray);
 116 | }
 117 | 
 118 | function bufferToBase64Url(buffer) {
 119 |   return btoa(String.fromCharCode.apply(null, buffer))
 120 |     .split("=", 1)[0]
 121 |     .replace(/\+/g, '-')
 122 |     .replace(/\//g, '_');
 123 | }
 124 | 
 125 | function generateCodeVerifier() {
 126 |   var codeVerifierArray = new Uint8Array(32);
 127 |   crypto.getRandomValues(codeVerifierArray);
 128 |   return bufferToBase64Url(codeVerifierArray);
 129 | }
 130 | 
 131 | async function generateS256CodeChallenge(codeVerifier) {
 132 |   var codeVerifierArray = new Uint8Array(codeVerifier.split("").map(c => c.charCodeAt(0)));
 133 |   var codeChallengeArray = new Uint8Array(await crypto.subtle.digest("SHA-256", codeVerifierArray));
 134 |   return bufferToBase64Url(codeChallengeArray);
 135 | }
 136 | 
 137 | var query = {};
 138 | var errors = [];
 139 | 
 140 | // Return the full URL for the location indicated by params
 141 | function updateLocation(params) {
 142 |   var location = new URL(window.location.href);
 143 |   if (params == "") {
 144 |     location.search = "";
 145 |   } else {
 146 |     location.search = "?" + params;
 147 |   }
 148 |   return location;
 149 | }
 150 | 
 151 | // Perform a navigation to a new state, represented by a set of URL search
 152 | // parameters. This pushes the new URL as a new history item, and then
 153 | // loads the page as if it was just navigated to.
 154 | function pushState(params) {
 155 |   window.history.replaceState({scrollX: window.scrollX, scrollY: window.scrollY}, "", window.location.href);
 156 |   window.history.pushState({scrollX: 0, scrollY: 0}, "", updateLocation(params));
 157 |   onPopState();
 158 | }
 159 | 
 160 | // Update the URL for an existing state.
 161 | // This is used to save parameter cleanup values, primarily. Unlike pushState
 162 | // it does not trigger a page load
 163 | function replaceState(params) {
 164 |   window.history.replaceState(null, "", updateLocation(params));
 165 | }
 166 | 
 167 | function onPopState(event) {
 168 |   errors = [];
 169 |   console.log("New location: " + window.location);
 170 |   if (event) {
 171 |     poppedState = event.state;
 172 |   } else {
 173 |     poppedState = window.history.state;
 174 |   }
 175 |   console.log("poppedState", poppedState);
 176 |   let params = new URLSearchParams(window.location.search);
 177 |   loadState(params);
 178 | }
 179 | 
 180 | function loadState(params) {
 181 |   checkLogin();
 182 |   checkMbid(params);
 183 |   if (params.has("state") && (params.has("code") || params.has("error"))) {
 184 |     // This is the OAuth callback
 185 |     handleLoginCallback(params);
 186 |   } else if (params.has("submit")) {
 187 |     handleSubmit(params);
 188 |   } else if (mbid && !mbidInvalid) {
 189 |     handleRelease(params);
 190 |   } else {
 191 |     // Fallback: render index page
 192 |     renderIndex(params);
 193 |   }
 194 | }
 195 | 
 196 | function checkLogin() {
 197 |   login = JSON.parse(window.localStorage.getItem("mb_login"));
 198 | 
 199 |   // Ensure that login is always a hash
 200 |   if (!login) { login = {} }
 201 | 
 202 |   //console.log("login", login);
 203 | 
 204 |   // Clear expired login credentials
 205 |   if (login.expires <= new Date().getTime()) {
 206 |     login = {};
 207 |     window.localStorage.removeItem("mb_login");
 208 |   }
 209 | 
 210 |   renderNavbar();
 211 | }
 212 | 
 213 | function checkMbid(params) {
 214 |   // Check for the "mbid" parameter
 215 |   mbid = params.get("mbid");
 216 |   mbidInvalid = true;
 217 | 
 218 |   if (!mbid || mbid == "") {
 219 |     // "mbid" isn't found. Let's check for the alias
 220 |     mbid = params.get("musicbrainzid");
 221 |     params.delete("musicbrainzid");
 222 |   }
 223 | 
 224 |   if (!mbid || mbid == "") {
 225 |     mbid = null;
 226 |     mbidInvalid = false;
 227 |     return;
 228 |   }
 229 | 
 230 |   let newMbid = parseMbid(mbid);
 231 |   if (newMbid) {
 232 |     mbid = newMbid;
 233 |     mbidInvalid = false;
 234 |     params.set("mbid", mbid);
 235 |     replaceState(params);
 236 |     return;
 237 |   }
 238 | }
 239 | 
 240 | function parseMbid(str) {
 241 |   let match = str.match(/([a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12})/);
 242 |   if (match && match[1]) {
 243 |     return match[1];
 244 |   }
 245 |   return null;
 246 | }
 247 | 
 248 | function checkISRCs(release, params) {
 249 |   isrcs = [];
 250 |   pregapISRCs = [];
 251 |   anyISRCsValid = false;
 252 | 
 253 |   let isrcHistory = {};
 254 |   // Initialize ISRC history with existing ISRCs on the release
 255 |   for (const medium of release.media) {
 256 |     // Mediums from Musicbrainz with no tracks don't include the "tracks"
 257 |     // property in the response at all; provide an empty array instead.
 258 |     if (!medium.tracks) { medium.tracks = []; }
 259 | 
 260 |     if (medium.pregap) {
 261 |       for (const isrc of medium.pregap.recording.isrcs) {
 262 |         isrcHistory[isrc] = {medium: `${medium.format ?? "Medium"} ${medium.position}`, track: medium.pregap.number};
 263 |       }
 264 |     }
 265 |     for (const track of medium.tracks) {
 266 |       for (const isrc of track.recording.isrcs) {
 267 |         isrcHistory[isrc] = {medium: `${medium.format ?? "Medium"} ${medium.position}`, track: track.number};
 268 |       }
 269 |     }
 270 |   }
 271 | 
 272 |   var linearcount = 0;
 273 |   for (const [i, medium] of release.media.entries()) {
 274 |     isrcs[i] = [];
 275 |     pregapISRCs[i] = null;
 276 | 
 277 |     if (medium.pregap) {
 278 |       let isrc = params.get(`isrc${medium.position}-${medium.pregap.position}`);
 279 | 
 280 |       let checkedISRC;
 281 |       if (isrc) {
 282 |         checkedISRC = checkOneISRC(isrc, medium, medium.pregap, isrcHistory);
 283 |         if (checkedISRC.isrc && !checkedISRC.invalid) {
 284 |           anyISRCsValid = true;
 285 |         }
 286 |       } else {
 287 |         checkedISRC = {isrc: null, invalid: false, checks: []};
 288 |       }
 289 | 
 290 |       pregapISRCs[i] = checkedISRC;
 291 |     }
 292 | 
 293 |     for (const [j, track] of medium.tracks.entries()) {
 294 |       linearcount++;
 295 |       let isrc = params.get(`isrc${medium.position}-${track.position}`);
 296 |       if (!isrc) { isrc = params.get(`isrc${linearcount}`); }
 297 | 
 298 |       let checkedISRC;
 299 |       if (isrc) {
 300 |         checkedISRC = checkOneISRC(isrc, medium, track, isrcHistory);
 301 |         if (checkedISRC.isrc && !checkedISRC.invalid) {
 302 |           anyISRCsValid = true;
 303 |         }
 304 |       } else {
 305 |         checkedISRC = {isrc: null, invalid: false, checks: []};
 306 |       }
 307 | 
 308 |       isrcs[i][j] = checkedISRC;
 309 |     }
 310 |   }
 311 |   console.log(pregapISRCs, isrcs);
 312 | }
 313 | 
 314 | /* https://isrc.ifpi.org/downloads/ISRC_Bulletin-2015-01.pdf Updated July 20 2022 */
 315 | /* https://isrc.ifpi.org/downloads/Valid_Characters.pdf June 2024 */
 316 | var ccodesUpdated = '2024-06-07';
 317 | var ccodes = [
 318 |   'AL', 'DZ', 'AD', 'AO', 'AI', 'AG', 'AR', 'AM', 'AW', 'AU', 'AT', 'AZ',
 319 |   'BS', 'BH', 'BD', 'BB', 'BY', 'BE', 'BZ', 'BM', 'BO', 'BA', 'BR', 'BP',
 320 |   'BX', 'BC', 'BK', 'BG', 'BF',
 321 |   'CM', 'CA', 'CB', 'KY', 'CL', 'CN', 'TW', 'CO', 'CD', 'CI', 'HR', 'CU', 'CW',
 322 |   'CY', 'CZ',
 323 |   'DK', 'GL', 'FO', 'DM', 'DO',
 324 |   'EC', 'EG', 'SV', 'EE', 'ET',
 325 |   'FJ', 'FI', 'FR', 'FX', 'PF',
 326 |   'GM', 'GE', 'DE', 'GH', 'GI', 'GR', 'GD', 'GT', 'GG', 'GY',
 327 |   'HT', 'HN', 'HK', 'HU',
 328 |   'IS', 'IN', 'ID', 'IR', 'IQ', 'IE', 'IL', 'IT',
 329 |   'JM', 'JP', 'JE', 'JO',
 330 |   'KZ', 'KE', 'KR', 'KS', 'XK',
 331 |   'LA', 'LV', 'LB', 'LS', 'LI', 'LT', 'LU',
 332 |   'MO', 'MK', 'MW', 'MY', 'MV', 'MT', 'MU', 'MX', 'MD', 'MC', 'ME', 'MS',
 333 |   'MA', 'MZ',
 334 |   'NA', 'NP', 'NL', 'NZ', 'NG', 'MP', 'NO',
 335 |   'PK', 'PA', 'PG', 'PY', 'PE', 'PH', 'PL', 'PT', 'PR',
 336 |   'QA',
 337 |   'RO', 'RU',
 338 |   'KN', 'LC', 'VC', 'SM', 'SA', 'SN', 'RS', 'SC', 'SL', 'SG', 'SX', 'SK',
 339 |   'SI', 'SB', 'ZA', 'ZB', 'ES', 'LK', 'SZ', 'SE', 'CH',
 340 |   'TZ', 'TH', 'TO', 'TT', 'TN', 'TR', 'DG',
 341 |   'UG', 'UA', 'AE', 'GB', 'UK', 'GX', 'US', 'QM', 'QT', 'QZ', 'UY', 'UZ',
 342 |   'VU', 'VE', 'VN', 'VG',
 343 |   'ZM', 'ZW',
 344 |   'TC', /* TuneCore */
 345 |   'CP', 'DG', 'QN', 'ZZ', /* Worldwide IIRA direct allocations */
 346 |   'CS', 'YU' /* Historical */
 347 | ];
 348 | 
 349 | function checkOneISRC(isrc, medium, track, isrcHistory) {
 350 |   let checks = [];
 351 | 
 352 |   // Normalize ISRC formatting
 353 |   isrc = isrc.trim().replace(/[\s\.+-]/g, '').toUpperCase();
 354 |   // Ignore blank ISRCs
 355 |   if (isrc == '') {
 356 |     return {isrc: null, invalid: false, checkType: "", checks: checks};
 357 |   }
 358 | 
 359 |   // Parse the ISRC fields
 360 |   const match = isrc.match(/^([A-Z]{2})([A-Z0-9]{3})([0-9]{2})([0-9]{5})$/);
 361 |   if (!match) {
 362 |     checks.push({type: "danger", message: "ISRC is malformed"});
 363 |     return {isrc: isrc, invalid: true, checkType: "danger", checks: checks};
 364 |   }
 365 |   const [, country, registrant, year, designation] = match;
 366 | 
 367 |   let invalid = false;
 368 |   if ((country == 'US' && registrant == 'S1Z') ||
 369 |       (country == 'JM' && registrant == 'K40') ||
 370 |       (country == 'NZ' && registrant == 'AA0')) {
 371 |     checks.push({type: "danger", message: `${country} registration code “${registrant}” is reserved for documentation`});
 372 |     invalid = true;
 373 |   }
 374 |   if (ccodes.indexOf(country) === -1) {
 375 |     checks.push({type: "danger", message: `${country} is not allocated by the IFPI (last updated ${ccodesUpdated})`});
 376 |   }
 377 |   if (registrant == '000') {
 378 |     checks.push({type: "warning", message: `Registrant code “${registrant}” may indicate blank or dummy data`});
 379 |   }
 380 |   if (country == 'CS' && (year > 6 && year < 86)) {
 381 |     checks.push({type: "warning", message: "CS is a historical code for Serbia & Montenegro – recordings prior to 2006 only"});
 382 |   }
 383 |   if (country == 'YU' && (year > 3 && year < 86)) {
 384 |     checks.push({type: "warning", message: "YU is a historical code for Yugoslavia – recordings prior to 2003 only"});
 385 |   }
 386 | 
 387 |   // Add a message if the ISRC was already present
 388 |   if (track.recording.isrcs.indexOf(isrc) != -1) {
 389 |     checks.push({type: "info", message: "This ISRC is already attached to this track (it will be skipped)"});
 390 |     invalid = true;
 391 |   // Check for duplicate ISRCs
 392 |   } else if (isrcHistory[isrc]) {
 393 |     checks.push({type: "warning", message: `This ISRC is repeated from ${isrcHistory[isrc].medium} track ${isrcHistory[isrc].track}`});
 394 |   }
 395 |   isrcHistory[isrc] = {medium: `${medium.format ?? "Medium"} ${medium.position}`, track: track.number};
 396 | 
 397 |   if (country == 'PR') {
 398 |     checks.push({type: "info", message: "PR is a historical allocation for Puerto Rico, new recordings are expected to be US/QM/QZ"});
 399 |   }
 400 |   if (country == 'TC') {
 401 |     checks.push({type: "info", message: "TC is allocated to TuneCore - Turks and Caicos Islands use DG"});
 402 |   }
 403 | 
 404 |   return {
 405 |     isrc: isrc,
 406 |     invalid: invalid,
 407 |     checkType: checks.length > 0 ? checks[0].type : "success",
 408 |     checks: checks
 409 |   };
 410 | }
 411 | 
 412 | function doLogin() {
 413 |   var stateId = generateStateId();
 414 | 
 415 |   var codeVerifier = generateCodeVerifier();
 416 | 
 417 |   var state = {
 418 |     stateId: stateId,
 419 |     date: new Date().getTime(),
 420 |     params: new URL(window.location).searchParams.toString(),
 421 |     codeVerifier: codeVerifier
 422 |   };
 423 |   window.sessionStorage.setItem("mb_oauth_state", JSON.stringify(state));
 424 |   console.log("saved state:", state);
 425 | 
 426 |   generateS256CodeChallenge(codeVerifier).then(codeChallenge => {
 427 |     var url = new URL("authorize", mb_oauth_base);
 428 |     var params = url.searchParams;
 429 |     params.set("response_type", "code");
 430 |     params.set("client_id", mb_oauth_client_id);
 431 |     params.set("redirect_uri", mb_oauth_redirect_uri);
 432 |     params.set("scope", "profile submit_isrc");
 433 |     params.set("approval_prompt", "force");
 434 |     params.set("state", stateId);
 435 |     params.set("code_challenge", codeChallenge);
 436 |     params.set("code_challenge_method", "S256");
 437 | 
 438 |     window.location = url;
 439 |   });
 440 | }
 441 | 
 442 | function handleLoginCallback(params) {
 443 |   renderLoginProgress();
 444 | 
 445 |   var stateId = params.get('state');
 446 |   var state = JSON.parse(window.sessionStorage.getItem("mb_oauth_state"));
 447 |   if (state["stateId"] != stateId) {
 448 |     return renderError("State returned from OAuth2 callback did not match saved state.", null);
 449 |   }
 450 | 
 451 |   var code = params.get('code');
 452 |   if (!code) {
 453 |     return renderError("OAuth2 callback did not return a code. Error: " + params.get("error_description"), null);
 454 |   }
 455 | 
 456 |   console.log("restored state:", state);
 457 | 
 458 |   // Fetch the auth token and userinfo
 459 |   fetchAccessToken(state, code)
 460 |     .catch(error => { renderError("When fetching OAuth2 token: " + error, error) })
 461 |     .then(fetchUserinfo)
 462 |     .catch(error => { renderError("When fetching OAuth2 userinfo: " + error, error) })
 463 |     .then(() => {
 464 |       // We want to do a full navigation here, so that a reload won't try
 465 |       // to fetch the access token again
 466 |       window.location = updateLocation(new URLSearchParams(state["params"]));
 467 |     });
 468 | }
 469 | 
 470 | function fetchAccessToken(state, code) {
 471 |   var url = new URL("token", mb_oauth_base);
 472 |   var data = new URLSearchParams();
 473 |   data.set("grant_type", "authorization_code");
 474 |   data.set("code", code);
 475 |   data.set("client_id", mb_oauth_client_id);
 476 |   data.set("client_secret", mb_oauth_client_secret);
 477 |   data.set("redirect_uri", mb_oauth_redirect_uri);
 478 |   data.set("code_verifier", state.codeVerifier);
 479 |   return window.fetch(url, { method: "POST", body: data })
 480 |     .then(resolveOauthResponse)
 481 |     .then(response => {
 482 |       login = {
 483 |         accessToken: response["access_token"],
 484 |         expires: new Date().getTime() + (response["expires_in"] * 1000)
 485 |       };
 486 |       window.localStorage.setItem("mb_login", JSON.stringify(login));
 487 |     });
 488 | }
 489 | 
 490 | function fetchUserinfo() {
 491 |   var url = new URL("userinfo", mb_oauth_base);
 492 |   return window.fetch(url, { headers: { "Authorization": "Bearer " + login["accessToken"] } })
 493 |     .then(resolveOauthResponse)
 494 |     .then(response => {
 495 |       login["userInfo"] = response;
 496 |       window.localStorage.setItem("mb_login", JSON.stringify(login));
 497 |     });
 498 | }
 499 | 
 500 | function checkEditNote(params) {
 501 |   editNote = params.get("edit-note") || "";
 502 | }
 503 | 
 504 | function handleRelease(params) {
 505 |   renderReleaseProgress();
 506 |   checkEditNote(params);
 507 |   fetchRelease(mbid)
 508 |     .then(release => {
 509 |       checkISRCs(release, params);
 510 |       renderRelease(release);
 511 |     }, error => {
 512 |       renderError("When fetching MusicBrainz release: " + error, error);
 513 |     })
 514 |     .catch(error => {
 515 |       renderError("When displaying MusicBrainz release: " + error, error);
 516 |     });
 517 | }
 518 | 
 519 | function fetchRelease(mbid) {
 520 |   // Check if the loaded release is the right one; if so, just use it.
 521 |   if (currentRelease.id == mbid) {
 522 |     return Promise.resolve(currentRelease);
 523 |   }
 524 | 
 525 |   // Load data for the requested release
 526 |   var url = new URL("release/" + mbid, mb_ws2_base);
 527 |   var params = url.searchParams;
 528 |   params.set("fmt", "json");
 529 |   params.set("inc", "artist-credits+isrcs+labels+recordings");
 530 |   return window.fetch(url)
 531 |     .then(resolveWs2ResponseJson)
 532 |     .then(response => {
 533 |       console.log(response);
 534 |       currentRelease = response;
 535 |       return response;
 536 |     });
 537 | }
 538 | 
 539 | function resolveOauthResponse(response) {
 540 |   if (response.ok) {
 541 |     return Promise.resolve(response.json());
 542 |   }
 543 | 
 544 |   return response.text()
 545 |     .then(text => {
 546 |       return Promise.reject(new Error(text));
 547 |     });
 548 | }
 549 | 
 550 | function resolveWs2ResponseJson(response) {
 551 |   return response.json()
 552 |     .then(body => {
 553 |       if (body["error"]) {
 554 |         return Promise.reject(new Error(body["error"]));
 555 |       }
 556 |       return body;
 557 |     });
 558 | }
 559 | 
 560 | function resolveWs2ResponseXml(response) {
 561 |   return response.text()
 562 |     .then(body => {
 563 |       let parser = new DOMParser();
 564 |       let doc = parser.parseFromString(body, "application/xml");
 565 |       let firstChild = doc.firstElementChild;
 566 |       if (firstChild.nodeName == "parseerror" && firstChild.namespaceURI == "http://www.mozilla.org/newlayout/xml/parsererror.xml") {
 567 |         return Promise.reject(new Error(firstChild.textContent));
 568 |       }
 569 |       return doc;
 570 |     });
 571 | }
 572 | 
 573 | function doLogout() {
 574 |   window.localStorage.removeItem("mb_login");
 575 |   onPopState();
 576 | }
 577 | 
 578 | function doSubmitMbid() {
 579 |   let mbidSubmitBtn = document.getElementById("index-mbid-submit");
 580 |   mbidSubmitBtn.disabled = true;
 581 | 
 582 |   let newMbid = document.getElementById("mbid").value;
 583 |   let parsedMbid = parseMbid(newMbid);
 584 |   if (parsedMbid) {
 585 |     newMbid = parsedMbid;
 586 |   }
 587 | 
 588 |   let params = new URLSearchParams(window.location.search);
 589 |   params.set("mbid", newMbid);
 590 |   pushState(params);
 591 | }
 592 | 
 593 | function doCheckIsrcs(event) {
 594 |   event.preventDefault();
 595 | 
 596 |   let submitBtn = document.getElementById("check-isrcs-submit");
 597 |   submitBtn.disabled = true;
 598 | 
 599 |   let form = document.getElementById("check-isrcs");
 600 |   let formData = new FormData(form);
 601 |   let params = new URLSearchParams();
 602 |   for (const [key, value] of formData.entries()) {
 603 |     if (value) {
 604 |       params.set(key, value);
 605 |     }
 606 |   }
 607 | 
 608 |   pushState(params);
 609 | }
 610 | 
 611 | function doSubmitISRCs() {
 612 |   let editSubmitBtn = document.getElementById("edit-submit");
 613 |   editSubmitBtn.disabled = true;
 614 | 
 615 |   renderSubmitProgress();
 616 | 
 617 |   postISRCs()
 618 |     .then(() => {
 619 |       let params = new URLSearchParams(window.location.search);
 620 |       params.set("submit", 1);
 621 |       pushState(params);
 622 |     })
 623 |     .catch(error => {
 624 |       renderError("When submitting ISRCs: " + error, error);
 625 |     });
 626 | }
 627 | 
 628 | function postISRCs() {
 629 |   let doc = buildISRCXML();
 630 |   let body = new XMLSerializer().serializeToString(doc);
 631 |   console.log(body);
 632 | 
 633 |   // Load data for the requested release
 634 |   var url = new URL("recording/", mb_ws2_base);
 635 |   var params = url.searchParams;
 636 |   params.set("client", mb_client);
 637 |   return window.fetch(url, {
 638 |       method: "POST",
 639 |       headers: {
 640 |         "Authorization": "Bearer " + login["accessToken"],
 641 |         "Content-Type": "application/xml"
 642 |       },
 643 |       body: body
 644 |     })
 645 |     .then(resolveWs2ResponseXml)
 646 |     .then(response => {
 647 |       console.log(response);
 648 |     });
 649 | }
 650 | 
 651 | function buildISRCXML() {
 652 |   // Invert the isrcs structure to be a map of isrcs per mbid
 653 |   let recordingISRCMap = {};
 654 |   for (const [i, isrc] of pregapISRCs.entries()) {
 655 |     if (!isrc || !isrc.isrc || isrc.invalid) { continue; }
 656 | 
 657 |     const mbid = currentRelease.media[i].pregap.recording.id;
 658 |     if (!recordingISRCMap[mbid]) { recordingISRCMap[mbid] = []; }
 659 |     recordingISRCMap[mbid].push(isrc.isrc);
 660 |   }
 661 |   for (const [i, isrcMedium] of isrcs.entries()) {
 662 |     for (const [j, isrc] of isrcMedium.entries()) {
 663 |       if (!isrc.isrc || isrc.invalid) { continue; }
 664 | 
 665 |       const mbid = currentRelease.media[i].tracks[j].recording.id;
 666 |       if (!recordingISRCMap[mbid]) { recordingISRCMap[mbid] = []; }
 667 |       recordingISRCMap[mbid].push(isrc.isrc);
 668 |     }
 669 |   }
 670 | 
 671 |   // Create the XML document for the edit submission
 672 |   let xmlns = "http://musicbrainz.org/ns/mmd-2.0#";
 673 |   let doc = document.implementation.createDocument(xmlns, "", null);
 674 | 
 675 |   let metadata = doc.createElementNS(xmlns, "metadata");
 676 |   doc.appendChild(metadata);
 677 | 
 678 |   let recordingList = doc.createElementNS(xmlns, "recording-list");
 679 |   metadata.appendChild(recordingList);
 680 | 
 681 |   for (let mbid in recordingISRCMap) {
 682 |     let isrcs = recordingISRCMap[mbid];
 683 |     console.log("mbid", mbid, "isrcs", isrcs);
 684 |     let recording = doc.createElementNS(xmlns, "recording");
 685 |     recording.setAttribute("id", mbid);
 686 |     recordingList.appendChild(recording);
 687 | 
 688 |     let isrcList = doc.createElementNS(xmlns, "isrc-list");
 689 |     isrcList.setAttribute("count", isrcs.length);
 690 |     recording.appendChild(isrcList);
 691 | 
 692 |     for (let isrc of isrcs) {
 693 |       let isrcEl = doc.createElementNS(xmlns, "isrc");
 694 |       isrcEl.setAttribute("id", isrc);
 695 |       isrcList.appendChild(isrcEl);
 696 |     }
 697 |   }
 698 | 
 699 |   if (editNote) {
 700 |     const editNoteEl = doc.createElementNS(xmlns, "edit-note");
 701 |     editNoteEl.textContent = editNote;
 702 |     metadata.appendChild(editNoteEl);
 703 |   }
 704 | 
 705 |   return doc;
 706 | }
 707 | 
 708 | function handleSubmit(params) {
 709 |   var container = document.getElementById("container");
 710 |   container.innerHTML = tmpl("template_submit", {});
 711 |   restoreScrollPosition();
 712 | }
 713 | 
 714 | function parseISRC(str) {
 715 |   const match = /[A-Za-z]{2}-?[A-Za-z0-9]{3}-?[0-9]{2}-?[0-9]{5}/.exec(str);
 716 |   if (!match) { return ""; }
 717 |   return match[0];
 718 | }
 719 | 
 720 | function handleISRCPaste(event) {
 721 |   let text = event.clipboardData.getData("text").split(/\r\n|\r|\n/);
 722 |   if (text.length == 1) { return; }
 723 |   event.preventDefault();
 724 | 
 725 |   let input = event.target;
 726 |   let line = text.shift();
 727 | 
 728 |   input.setRangeText(parseISRC(line), input.selectionStart, input.selectionEnd, "end");
 729 | 
 730 |   while (text.length > 0) {
 731 |     line = text.shift();
 732 |     input = getNextISRCInput(input);
 733 |     if (!input) { return; }
 734 | 
 735 |     input.value = parseISRC(line);
 736 |     input.focus();
 737 |   }
 738 | }
 739 | 
 740 | function handleISRCKeydown(event) {
 741 |   let code = event.code;
 742 |   let input = event.target;
 743 |   if (event.code == "Enter" || event.code == "NumpadEnter" || code == "ArrowDown") {
 744 |     input = getNextISRCInput(input);
 745 |     if (input) {
 746 |       event.preventDefault();
 747 |       input.focus();
 748 |       input.select();
 749 |       return;
 750 |     }
 751 |     let submit = document.getElementById("check-isrcs-submit");
 752 |     event.preventDefault();
 753 |     submit.focus();
 754 |   } else if (event.code == "ArrowUp") {
 755 |     input = getPrevISRCInput(input);
 756 |     if (input) {
 757 |       event.preventDefault();
 758 |       input.focus();
 759 |       input.select();
 760 |       return;
 761 |     }
 762 |   }
 763 | }
 764 | 
 765 | function handleCheckISRCKeydown(event) {
 766 |   let code = event.code;
 767 |   if (event.code == "ArrowUp") {
 768 |     let input = getPrevISRCInput(null);
 769 |     if (input) {
 770 |       event.preventDefault();
 771 |       input.focus();
 772 |       input.select();
 773 |       return;
 774 |     }
 775 |   }
 776 | }
 777 | 
 778 | function getNextISRCInput(input) {
 779 |   let medium = +input.dataset.medium;
 780 |   let track = +input.dataset.track;
 781 | 
 782 |   track += 1;
 783 |   while (medium <= isrcs.length) {
 784 |     if (track <= isrcs[medium - 1].length) { break; }
 785 | 
 786 |     medium += 1;
 787 |     track = pregapISRCs[medium - 1] ? 0 : 1;
 788 |   }
 789 | 
 790 |   return document.getElementById(`isrc${medium}-${track}`);
 791 | }
 792 | 
 793 | function getPrevISRCInput(input) {
 794 |   let medium, track;
 795 |   if (input) {
 796 |     medium = +input.dataset.medium;
 797 |     track = +input.dataset.track;
 798 |   } else {
 799 |     medium = isrcs.length;
 800 |     track = isrcs[medium - 1].length + 1;
 801 |   }
 802 | 
 803 |   track -= 1;
 804 |   while (medium > 1) {
 805 |     if (track > 0 || (track == 0 && pregapISRCs[medium - 1])) { break; }
 806 | 
 807 |     medium -= 1;
 808 |     track = isrcs[medium - 1].length;
 809 |   }
 810 | 
 811 |   return document.getElementById(`isrc${medium}-${track}`);
 812 | }
 813 | 
 814 | function renderIndex(params) {
 815 |   var container = document.getElementById("container");
 816 |   container.innerHTML = tmpl("template_index", {
 817 |     mbid: params.get("mbid") || ""
 818 |   });
 819 |   restoreScrollPosition();
 820 | }
 821 | 
 822 | function renderNavbar() {
 823 |   var navbar = document.getElementById("navbar");
 824 |   var rootLocation = new URL(window.location);
 825 |   rootLocation.search = "";
 826 |   navbar.innerHTML = tmpl("template_navbar", {
 827 |     rootLocation: rootLocation
 828 |   });
 829 | }
 830 | 
 831 | function renderLoginProgress() {
 832 |   document.getElementById("container").innerHTML = tmpl("template_login_progress", {});
 833 |   resetScrollPosition();
 834 | }
 835 | 
 836 | function renderError(message, error) {
 837 |   console.log(message);
 838 |   console.log(error);
 839 |   document.getElementById("container").innerHTML = tmpl("template_error", {error: message});
 840 |   resetScrollPosition();
 841 | }
 842 | 
 843 | function renderReleaseProgress() {
 844 |   document.getElementById("container").innerHTML = tmpl("template_release_progress", {});
 845 |   resetScrollPosition();
 846 | }
 847 | 
 848 | function renderRelease(release) {
 849 |   let container = document.getElementById("container");
 850 |   container.innerHTML = tmpl("template_release", {
 851 |     release: release
 852 |   });
 853 |   document.getElementById("check-isrcs").onsubmit = doCheckIsrcs;
 854 |   document.getElementById("check-isrcs-submit").onkeydown = handleCheckISRCKeydown;
 855 |   document.querySelectorAll("[data-isrc]").forEach(el => {
 856 |     el.onpaste = handleISRCPaste;
 857 |     el.onkeydown = handleISRCKeydown;
 858 |   })
 859 |   restoreScrollPosition();
 860 | }
 861 | 
 862 | function renderSubmitProgress() {
 863 |   let container = document.getElementById("container");
 864 |   container.innerHTML = tmpl("template_submit_progress", {});
 865 |   resetScrollPosition();
 866 | }
 867 | 
 868 | function resetScrollPosition() {
 869 |   window.scrollTo(0, 0);
 870 | }
 871 | 
 872 | function restoreScrollPosition() {
 873 |   if (poppedState) {
 874 |     console.log("restoring scroll position", poppedState);
 875 |     window.scrollTo(+poppedState["scrollX"], +poppedState["scrollY"]);
 876 |   } else {
 877 |     resetScrollPosition();
 878 |   }
 879 | }
 880 | 
 881 | </script>
 882 | <script type="text/x-ejs" id="template_index">
 883 | <p class="lead">MagicISRC is a tool that makes it easy to submit ISRCs for every track on a <a href="https://musicbrainz.org/">MusicBrainz</a> release.</p>
 884 | <form method="get" onsubmit="doSubmitMbid(); return false;">
 885 |   <h1 class="h3"><label for="mbid">Enter a release MBID:</label></h1>
 886 |   <div class="input-group has-validation">
 887 |     <input type="text" class="form-control form-control-lg<% if (mbidInvalid) { %> is-invalid <% } %>" id="mbid" value="<%= escapeHtml(mbid) %>">
 888 |     <button id="index-mbid-submit" type="submit" class="btn btn-lg btn-primary">Load</button>
 889 |     <div class="invalid-feedback">The provided value doesn’t contain an MBID</div>
 890 |   </div>
 891 |   <small class="text-secondary">
 892 |     You can also paste in a URL to a release page, or any string containing a release MBID.
 893 |   </small>
 894 | </form>
 895 | </script>
 896 | <script type="text/x-ejs" id="template_submit">
 897 | <p>The ISRCs have been successfully submitted.</p>
 898 | <% if (login.userInfo) { %>
 899 |   <p><a href="<%= escapeHtml(mb_site) %>search/edits?order=desc&negation=0&combinator=and&conditions.0.field=editor&conditions.0.operator=%3D&conditions.0.name=<%= escapeHtml(login.userInfo.sub) %>&conditions.0.args.0=<%= escapeHtml(login.userInfo.metabrainz_user_id) %>&conditions.1.field=type&conditions.1.operator=%3D&conditions.1.args=76">View your ISRC submission history.</a></p>
 900 | <% } %>
 901 | </script>
 902 | <script type="text/x-ejs" id="template_navbar">
 903 | <a class="navbar-brand" href="<%= escapeHtml(rootLocation) %>" onclick="pushState(&quot;&quot;); return false;">kepstin’s MagicISRC</a>
 904 | <div class="show navbar-collapse me-auto">
 905 |   <ul class="navbar-nav">
 906 |     <li class="nav-item">
 907 |       <a class="nav-link" href="https://github.com/kepstin/magicisrc/releases">Release Notes</a>
 908 |     </li>
 909 |     <li class="nav-item">
 910 |       <a class="nav-link" href="seeding.html">Seeding and Importing</a>
 911 |     </li>
 912 |     <li class="nav-item">
 913 |       <a class="nav-link" href="privacy.html">Privacy Policy</a>
 914 |     </li>
 915 |   </ul>
 916 | </div>
 917 | <% if (login.userInfo) { %>
 918 |   <span class="navbar-text me-3"><%= escapeHtml(login.userInfo.sub) %></span>
 919 |   <form class="d-flex">
 920 |     <button class="btn btn-outline-light" type="button" onClick="doLogout(); return false;">Logout</button>
 921 |   </form>
 922 | <% } else { %>
 923 |   <form class="d-flex">
 924 |     <button class="btn btn-outline-light" type="button" onClick="doLogin(); return false;">Login</button>
 925 |   </form>
 926 | <% } %>
 927 | </script>
 928 | <script type="text/x-ejs" id="template_release">
 929 | <h1 class="h3">
 930 |   <a class="text-decoration-none" href="<%= new URL("release/" + release["id"], mb_site) %>"><bdi><%= escapeHtml(release["title"]) %></bdi></a>
 931 |   <% if (release["disambiguation"]) { %><small class="text-secondary fs-6 fw-normal">(<bdi><%= escapeHtml(release["disambiguation"]) %></bid>)</small><% } %>
 932 | </h1>
 933 | <p class="mb-4"><span class="text-secondary">~</span> Release by <%= tmpl("template_ac", {ac: release["artist-credit"]}) %></p>
 934 | <form id="check-isrcs" method="get">
 935 |   <input type="hidden" name="mbid" value="<%= release["id"] %>">
 936 |   <% for (var i = 0; i < release["media"].length; i++) { %>
 937 |     <% var medium = release["media"][i]; %>
 938 |     <h2 class="h4">
 939 |       <%= medium["format"] ? escapeHtml(medium["format"]) : "Medium" %> <%= escapeHtml(medium["position"]) %><% if (medium["title"]) { %>: <bdi><%= escapeHtml(medium["title"]) %></bdi><% } %>
 940 |     </h2>
 941 |     <% if (medium["tracks"].length > 0) { %>
 942 |       <table class="d-block mb-3">
 943 |         <thead class="d-block">
 944 |           <tr class="row py-2 border-bottom">
 945 |             <th scope="col" class="col-1 col-sm-1">#</th>
 946 |             <th scope="col" class="col-11 col-sm-6 col-md-7 col-lg-8 order-sm-2">
 947 |               <div class="row">
 948 |                 <div class="col-lg-7">Track</div>
 949 |                 <div class="col-lg-5 d-none d-lg-block">Artist</div>
 950 |               </div>
 951 |             </th>
 952 |             <th scope="col" class="col-11 offset-1 col-sm-5 col-md-4 col-lg-3 order-sm-1 offset-sm-0">ISRCs</th>
 953 |           </tr>
 954 |         </thead>
 955 |         <tbody class="d-block">
 956 |           <% if (medium.pregap) { %>
 957 |             <%= tmpl("template_track", {medium: medium, track: medium.pregap, isrc: pregapISRCs[i]}) %>
 958 |           <% } %>
 959 |           <% for (var j = 0; j < medium["tracks"].length; j++) { %>
 960 |             <% var track = medium["tracks"][j]; %>
 961 |             <% var isrc = isrcs[i][j]; %>
 962 |             <%= tmpl("template_track", {medium: medium, track: track, isrc: isrc}) %>
 963 |           <% } %>
 964 |         </tbody>
 965 |       </table>
 966 |     <% } else { %>
 967 |       <p class="text-secondary">(no tracks)</p>
 968 |     <% } %>
 969 |   <% } %>
 970 |   <button id="check-isrcs-submit" type="submit" class="btn btn-primary">Check ISRCs &amp; update edit preview</button>
 971 |   <% if (anyISRCsValid) { %>
 972 |     <h1 class="mt-3 h3">Edit Preview</h1>
 973 |     <div class="row">
 974 |       <div class="col-12 col-sm-2 offset-lg-1 form-label fw-bold">
 975 |         Additions
 976 |       </div>
 977 |       <div class="col-12 col-sm-10 col-lg-9">
 978 |         <ul class="list-unstyled">
 979 |         <% for (let i = 0; i < isrcs.length; i++) { %>
 980 |           <% if (pregapISRCs[i]) { %>
 981 |             <%= tmpl("template_track_preview", {isrc: pregapISRCs[i], recording: release.media[i].pregap.recording}) %>
 982 |           <% } %>
 983 |           <% for (let j = 0; j < isrcs[i].length; j++) { %>
 984 |             <%= tmpl("template_track_preview", {isrc: isrcs[i][j], recording: release.media[i].tracks[j].recording}) %>
 985 |           <% } %>
 986 |         <% } %>
 987 |         </ul>
 988 |       </div>
 989 |     </div>
 990 |   <% } %>
 991 |   <h2 class="h4 mt-3"><label for="edit-note">Edit note</label></h2>
 992 |   <p>Entering an <a href="https://musicbrainz.org/doc/Edit_Note">edit note</a> that describes where you got your information is highly recommended. Not only does it make your sources clear (both now and to users who see the edit years later), but it can also encourage other users to vote on the edit — thus making it get applied faster.</p>
 993 |   <p>Even just providing a URL or two is helpful! For more suggestions, see <a href="https://musicbrainz.org/doc/How_to_Write_Edit_Notes">the MusicBrainz guide for writing good edit notes</a>.</p>
 994 |   <textarea class="form-control mb-3" rows="5" name="edit-note"><%= escapeHtml(editNote) %></textarea>
 995 |   <% if (!login.userInfo) { %>
 996 |     <button class="btn btn-primary" type="button" onclick="doLogin(); return false;">Login to MusicBrainz</button>
 997 |   <% } else if (anyISRCsValid) { %>
 998 |     <button id="edit-submit" class="btn btn-primary" type="button" onclick="doSubmitISRCs(); return false;">Enter edit</button>
 999 |   <% } %>
1000 | </form>
1001 | </script>
1002 | <script type="text/x-ejs" id="template_track">
1003 |   <tr class="row py-2 border-top">
1004 |     <th scope="row" class="col-1"><%= escapeHtml(track.number) %></th>
1005 |     <td class="col-11 col-sm-6 col-md-7 col-lg-8 order-sm-2">
1006 |       <div class="row">
1007 |         <div class="col-lg-7">
1008 |           <a class="text-decoration-none" href="<%= escapeHtml(new URL("recording/" + track.recording.id, mb_site)) %>">
1009 |             <bdi><%= escapeHtml(track.title) %></bdi>
1010 |           </a>
1011 |         </div>
1012 |         <div class="col-lg-5">
1013 |           <span class="d-lg-none"><span class="text-secondary">~</span> Track by </span>
1014 |           <%= tmpl("template_ac", {ac: track["artist-credit"]}) %>
1015 |         </div>
1016 |       </div>
1017 |     </td>
1018 |     <td class="col-11 offset-1 col-sm-5 col-md-4 col-lg-3 order-sm-1 offset-sm-0">
1019 |       <ul class="list-unstyled my-0 text-secondary" style="padding: 0 calc(0.75rem + 1px);">
1020 |         <% for (const isrc of track.recording.isrcs) { %>
1021 |           <li><samp><%= escapeHtml(isrc) %></samp></li>
1022 |         <% } %>
1023 |       </ul>
1024 |       <samp><input
1025 |         name="isrc<%= medium.position %>-<%= track.position %>"
1026 |         id="isrc<%= medium.position %>-<%= track.position %>"
1027 |         data-isrc data-medium="<%= medium.position %>" data-track="<%= track.position %>"
1028 |         data-check="<%= isrc.checkType %>"
1029 |         class="form-control my-2" type="text"
1030 |         value="<%= escapeHtml(isrc.isrc ? isrc.isrc : "") %>"></samp>
1031 |       <% if (isrc["checks"].length > 0) { %>
1032 |         <ul class="list-unstyled m-0">
1033 |           <% for (const check of isrc["checks"]) { %>
1034 |             <li class="text-<%= check["type"] %>"><%= escapeHtml(check["message"]) %></li>
1035 |           <% } %>
1036 |         </ul>
1037 |       <% } %>
1038 |     </td>
1039 |   </tr>
1040 | </script>
1041 | <script type="text/x-ejs" id="template_track_preview">
1042 |   <% if (isrc.isrc && !isrc.invalid) { %>
1043 |     <li>
1044 |       ISRC
1045 |       <samp><a class="text-decoration-none" href="<%= escapeHtml(new URL(`isrc/${isrc.isrc}`, mb_site)) %>"><%= escapeHtml(isrc.isrc) %></a></samp>
1046 |       to
1047 |       <a class="text-decoration-none" href="<%= escapeHtml(new URL(`recording/${recording.id}`, mb_site)) %>"><bdi><%= escapeHtml(recording.title) %></bdi></a>
1048 |       by
1049 |       <%= tmpl("template_ac", {ac: recording["artist-credit"]}) %>
1050 |     </li>
1051 |   <% } %>
1052 | </script>
1053 | <script type="text/x-ejs" id="template_login_progress">
1054 | <h1 class="h3">Logging you in…</h1>
1055 | </script>
1056 | <script type="text/x-ejs" id="template_release_progress">
1057 | <h1 class="h3">Loading Release</h1>
1058 | <div class="d-flex justify-content-center"><div class="spinner-grow m-5"></div></div>
1059 | </script>
1060 | <script type="text/x-ejs" id="template_submit_progress">
1061 | <h1 class="h3">Entering edits</h1>
1062 | <div class="d-flex justify-content-center"><div class="spinner-grow m-5"></div></div>
1063 | </script>
1064 | <script type="text/x-ejs" id="template_ac"><% for (var i = 0; i < ac.length; i++) { %><a class="text-decoration-none" href="<%= new URL("artist/" + ac[i]["artist"]["id"], mb_site) %>"><bdi><%= escapeHtml(ac[i]["name"]) %></bdi></a><bdi><%= escapeHtml(ac[i]["joinphrase"]) %></bdi><% } %></script>
1065 | <script type="text/x-ejs" id="template_error">
1066 | <h1 class="h3">An error occured</h1>
1067 | <p><%= escapeHtml("" + error) %></p>
1068 | </script>
1069 |   </head>
1070 |   <body>
1071 | <nav class="navbar navbar-dark navbar-expand-sm bg-secondary mb-3">
1072 |   <div class="container" id="navbar">
1073 |     <span class="navbar-brand">kepstin’s MagicISRC</span>
1074 |     <div class="show navbar-collapse me-auto">
1075 |       <ul class="navbar-nav">
1076 |         <li class="nav-item">
1077 |           <a class="nav-link" href="https://github.com/kepstin/magicisrc/releases">Release Notes</a>
1078 |         </li>
1079 |         <li class="nav-item">
1080 |           <a class="nav-link" href="seeding.html">Seeding and Importing</a>
1081 |         </li>
1082 |         <li class="nav-item">
1083 |           <a class="nav-link" href="privacy.html">Privacy Policy</a>
1084 |         </li>
1085 |       </ul>
1086 |     </div>
1087 |   </div>
1088 | </nav>
1089 | <div class="container" id="container">
1090 |   <h1 class="h3">kepstin’s MagicISRC</h1>
1091 |   <p>The MagicISRC tool requires that Javascript is enabled. It runs completely in your web browser. For information about privacy and what data is stored and sent, please read the <a href="privacy.html">Privacy Policy</a>.</p>
1092 |   <p>It's also possible that I’ve made a mistake in the code, or the page isn’t compatible with your web browser. If you’re sure Javascript is enabled and you still see this page, please file an issue on <a href="https://github.com/kepstin/magicisrc">Github</a>.</p>
1093 |   <p>If you use uBlock Origin to block Javascript, please ensure you clear your browser cache or reload the page while holding Shift after enabling Javascript to work around a caching issue.</p>
1094 | </div>
1095 | <footer class="text-secondary my-3">
1096 |   <div class="container">
1097 |     <p>Copyright ©2021 Calvin Walton. Available under the terms of the MIT license. Browse the source on <a href="https://github.com/kepstin/magicisrc">Github</a>.</p>
1098 |   </div>
1099 | </footer>
1100 | <script type="text/javascript">
1101 | window.onpopstate = onPopState;
1102 | onPopState();
1103 | </script>
1104 |   </body>
1105 | </html>
1106 | 


--------------------------------------------------------------------------------
/privacy.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 6 |     <title>kepstin’s MagicISRC Privacy Policy</title>
 7 |     <link rel="stylesheet" href="bootstrap.css">
 8 |     <link rel="stylesheet" href="fonts.css">
 9 |     <link rel="icon" href="favicon.svg">
10 |   </head>
11 |   <body>
12 | <nav class="navbar navbar-dark navbar-expand-sm bg-secondary mb-3">
13 |   <div class="container" id="navbar">
14 |     <a href="/" class="navbar-brand mr-auto">kepstin’s MagicISRC</a>
15 |     <div class="show navbar-collapse me-auto">
16 |       <ul class="navbar-nav">
17 |         <li class="nav-item">
18 |           <a class="nav-link" href="https://github.com/kepstin/magicisrc/releases">Release Notes</a>
19 |         </li>
20 |         <li class="nav-item">
21 |           <a class="nav-link" href="seeding.html">Seeding and Importing</a>
22 |         </li>
23 |         <li class="nav-item">
24 |           <a class="nav-link" href="privacy.html">Privacy Policy</a>
25 |         </li>
26 |       </ul>
27 |     </div>
28 |   </div>
29 | </nav>
30 | <div class="container">
31 |   <h1>Privacy Policy</h1>
32 |   <p>The goal of this application is to allow batch-submission of ISRCs to MusicBrainz while storing the minimum amount possible of personally identifiable data. No data is sent to any third parties other than MusicBrainz, and persistent data is stored in your browser only as a result of choosing to log in. Note that your login to MusicBrainz and requests to load release information or submit ISRCs are subject to the <a href="https://metabrainz.org/privacy">MetaBrainz Privacy Policy</a>.</p>
33 |   <h2>Web browser local storage</h2>
34 |   <p>The following personal data is used by MagicISRC but is stored only in your web browser local storage. This data is never sent to the server hosting MagicISRC or to any third parties other than MusicBrainz:</p>
35 |   <ul>
36 |     <li><b>MusicBrainz login information.</b> This includes your username, an <b>access token</b> for making API requests to submit ISRCs on your behalf, and any personal information on your MusicBrainz user profile that you have made visible to the public.</li>
37 |     <li><b>Code verifier.</b> As part of the login process, a secret verification code is used to prevent your login credentials from being intercepted.</p>
38 |   </ul>
39 |   <h2>Data sent to MusicBrainz</h2>
40 |   <p>When you load a release, log in, or submit ISRCs, some data is sent to MusicBrainz. Please read the <a href="https://metabrainz.org/privacy">MetaBrainz Privacy Policy</a> for details about what they do with this data. The following data may be sent to MusicBrainz:</p>
41 |   <ul>
42 |     <li><b>IP address &amp; Browser “User-Agent” String.</b></li>
43 |     <li><b>The fact that you are using the MagicISRC tool.</b> MusicBrainz requires that third-party applications using the API identify themselves for rate limiting and abuse handling reasons. The name of the ISRC submission tool is also shown on the ISRC addition edits that are created (<a href="https://musicbrainz.org/edit/65577123">see an example</a>).</li>
44 |     <li><b>MusicBrainz access token.</b> (when submitting ISRCs)</li>
45 |     <li><b>Code verifier.</b> (when logging in)</li>
46 |     <li><b>Release MBID.</b> (when loading a release)</li>
47 |     <li><b>Recording MBIDs, ISRCs, and Edit Note.</b> (when submitting ISRCs)</li>
48 |   </ul>
49 |   <h2>Web access logs</h2>
50 |   <p>Like many other web services, I keep logs of all web requests made to this service. These logs are used for diagnostic and traffic management purposes, and no information from them is sent to any third party or made available publicly. The logs are deleted after 14 days, although anonymized aggregate traffic data may be preserved indefinitely. The following personal data is logged:</p>
51 |   <ul>
52 |     <li><b>IP address &amp; Browser “User-Agent” String.</b></li>
53 |     <li>
54 |       <p><b>URL of the loaded page.</b></p>
55 |       <p>The URL may include the MBID of the selected MusicBrainz Release, and the data that you have filled into the ISRC fields.</p>
56 |       <p>During the login process, a one-time authorization code is logged as part of the URL. This code cannot be used by itself to gain access to your account – The <b>code verifier</b> (stored only in your browser) is also required.<p>
57 |     </li>
58 |   </ul>
59 | </div>
60 | <footer class="text-muted my-3">
61 |   <div class="container">
62 |     <p>Copyright ©2021 Calvin Walton. Available under the terms of the MIT license. Browse the source on <a href="https://github.com/kepstin/magicisrc">Github</a>.</p>
63 |   </div>
64 | </footer>
65 |   </body>
66 | </html>
67 | 


--------------------------------------------------------------------------------
/seeding.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6 |     <title>kepstin’s MagicISRC Seeding and Importing</title>
  7 |     <link rel="stylesheet" href="bootstrap.css">
  8 |     <link rel="stylesheet" href="fonts.css">
  9 |     <link rel="icon" href="favicon.svg">
 10 |   </head>
 11 |   <body>
 12 | <nav class="navbar navbar-dark navbar-expand-sm bg-secondary mb-3">
 13 |   <div class="container" id="navbar">
 14 |     <a href="/" class="navbar-brand mr-auto">kepstin’s MagicISRC</a>
 15 |     <div class="show navbar-collapse me-auto">
 16 |       <ul class="navbar-nav">
 17 |         <li class="nav-item">
 18 |           <a class="nav-link" href="https://github.com/kepstin/magicisrc/releases">Release Notes</a>
 19 |         </li>
 20 |         <li class="nav-item">
 21 |           <a class="nav-link" href="seeding.html">Seeding and Importing</a>
 22 |         </li>
 23 |         <li class="nav-item">
 24 |           <a class="nav-link" href="privacy.html">Privacy Policy</a>
 25 |         </li>
 26 |       </ul>
 27 |     </div>
 28 |   </div>
 29 | </nav>
 30 | <div class="container">
 31 |   <h1>Seeding and Importing</h1>
 32 |   <p>I encourage people who are building ISRC scanners or importer Userscripts for music store and streaming pages to use MagicISRC as an ISRC submission UI. If you do that, then you don't need to build an OAuth authentication system for the MusicBrainz API, and as a bonus the MagicISRC page includes a built-in edit preview, and detection for common problems like duplicated/shifted ISRCs.</p>
 33 |   <h2 id="links">Tools using MagicISRC for ISRC submission</h2>
 34 |   <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 mb-3">
 35 |     <div class="col">
 36 |       <div class="card">
 37 |         <div class="card-body">
 38 |           <h5 class="card-title">Apple Music Barcodes/ISRCs</h5>
 39 | 	  <p class="card-text">Browser userscript that allows reading barcodes, ISRCs, and other metadata from Apple Music releases.</p>
 40 |           <a href="https://github.com/ToadKing/apple-music-barcode-isrc" class="card-link">Github Repository</a>
 41 |         </div>
 42 |       </div>
 43 |     </div>
 44 |     <div class="col">
 45 |       <div class="card">
 46 |         <div class="card-body">
 47 |           <h5 class="card-title">Harmony</h5>
 48 |           <p class="card-text">Music Metadata Aggregator and MusicBrainz Importer. Look up release metadata from multiple sources and import the resulting combined release into MusicBrainz.</p>
 49 |           <a href="https://harmony.pulsewidth.org.uk/" class="card-link">Harmony</a>
 50 |           <a href="https://github.com/kellnerd/harmony" class="card-link">Github Repository</a>
 51 |         </div>
 52 |       </div>
 53 |     </div>
 54 |     <div class="col">
 55 |       <div class="card">
 56 |         <div class="card-body">
 57 |           <h5 class="card-title">Your tool here</h5>
 58 |           <p class="card-text">If you’re using MagicISRC to submit ISRCs to Musicbrainz in your app or userscript, please let me know so I can list it here!</p>
 59 |           <a href="https://github.com/kepstin/magicisrc" class="card-link">Open an issue on Github</a>
 60 |         </div>
 61 |       </div>
 62 |     </div>
 63 |   </div>
 64 |   <p>Contact me by opening an issue on <a href="https://github.com/kepstin/magicisrc">Github</a> if you find errors in this list, or to request removal from the list.</p>
 65 |   <h2 id="documentation">Documentation</h2>
 66 |   <p>MagicISRC supports seeding by appending GET parameters to the top-level URL <code>https://magicisrc.kepstin.ca/</code>. This makes it easy to use from a Userscript or terminal application, since you just need to construct a link for the user to open in their web browser. The following parameters are supported.</p>
 67 |   <dl class="row">
 68 |     <dt class="col-12"><code>mbid</code><br><code>musicbrainzid</code></dt>
 69 |     <dd class="col offset-1">
 70 |       <p>The MusicBrainz Release ID.</p>
 71 |       <p>If not supplied, then MagicISRC will show the “Enter a release MBID:” form. Any supplied ISRCs will be applied after the user manually enters an MBID. The value of this parameter is not required to be a bare MBID – you can use a full MusicBrainz URL, for example. MagicISRC will search for some text that’s formatted like an MBID within the provided string.</p>
 72 |       <p>Using the parameter name <code>musicbrainzid</code> may be helpful in some circumstances, since the name <code>mbid</code> might be detected by browsers as a tracking parameter and removed from links.</p>
 73 |     </dd>
 74 |     <dt class="col-12"><code>isrc<u>M</u>-<u>T</u></code></dt>
 75 |     <dd class="col offset-1">
 76 |       <p>An ISRC, specified by Medium &amp; Track.</p>
 77 |       <p>If you know both which medium and which track an ISRC is for, this is the recommended parameter format. Within the name of the parameter, <code><u>M</u></code> is replaced with the medium index (counting from 1) and <code><u>T</u></code> is replaced with the track index (counting from 1). CD pregap tracks are also supported, by using <code>0</code> as the track index.</p>
 78 |       <p>Examples:</p>
 79 |       <ul class="list-unstyled">
 80 |         <li><samp>isrc1-1</samp> Track 1 on Medium 1</li>
 81 |       </ul>
 82 |     </dd>
 83 |     <dt class="col-12"><code>isrc<u>N</u></code></dt>
 84 |     <dd class="col offset-1">
 85 |       <p>An ISRC, specified by sequential position.</p>
 86 |       <p>If you just have a list of ISRCs but you do not know how they are split between media, use this format. This parameter format is primarily supported for backwards compatibility with older ISRC submission tools – please use the Medium &amp; Track format instead if possible. Within the name of the parameter, <code><u>N</u></code> is replaced with the position (counting from 1). CD pregap tracks are not supported; they will be skipped in the numbering sequence.</p>
 87 |     </dd>
 88 |     <dt class="col-12"><code>edit-note</code></dt>
 89 |     <dd class="col offset-1">
 90 |       <p>An edit note to include with the ISRC addition edit.</p>
 91 |       <p>See the <a href="https://musicbrainz.org/doc/Edit_Note">MusicBrainz Edit Note documentation</a> for detail on the use and formatting of an edit note, and <a href="https://musicbrainz.org/doc/How_to_Write_Edit_Notes">How to Write Edit Notes</a> for more information on what a good edit note should include.</p>
 92 |     </dd>
 93 |   </dl>
 94 | </div>
 95 | <footer class="text-muted my-3">
 96 |   <div class="container">
 97 |     <p>Copyright ©2021 Calvin Walton. Available under the terms of the MIT license. Browse the source on <a href="https://github.com/kepstin/magicisrc">Github</a>.</p>
 98 |   </div>
 99 | </footer>
100 |   </body>
101 | </html>
102 | 


--------------------------------------------------------------------------------