jQuery and Raphael dependency update (#54)

* tidy and fix references and doc

* update jquery and raphael dependencies

* step to 1.4.0

Author: tardate

README.md

@@ -2,28 +2,15 @@
 
 this is the source repository for the jTab Javascript library.
 
-See [jTab](http://jtab.tardate.com/) for more info..
-
+See [jTab](https://jtab.tardate.com/) for more info..
 
 ## Hosting
 
-I'm using GitHub Pages to host [jtab.tardate.com](http://jtab.tardate.com) directly from the GitHub repository.
-
-How does that work? GitHub Pages basically serves whatever you commit to the repo.
-For static HTML sites, that means simply adding an `index.html` to the root of the repo.
-
-GitHub now allows you to select the branch from which GitHub Pages are built.
-I've chosen to serve directly from the master branch.
-
-To host on a custom URL, just two steps:
-
-* in DNS, configure a CNAME to point to <username>.github.io
-* add a CNAME file to the repo root with the matching CNAME in DNS (GitHub does this for you automatically if you add the custom url in the web interface)
-
+I'm using GitHub Pages to host [jtab.tardate.com](https://jtab.tardate.com) directly from the GitHub repository.
 
 ## Contributing
 
-1. Fork it ( https://github.com/tardate/fretboard_web/fork )
+1. Fork it ( <https://github.com/tardate/jtab/fork> )
 2. Create your feature branch (`git checkout -b my-new-feature`)
 3. Commit your changes (`git commit -am 'Add some feature'`)
 4. Push to the branch (`git push origin my-new-feature`)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "jtab",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "homepage": "https://github.com/tardate/jtab",
   "authors": [
     "Paul Gallagher <gallagher.paul@gmail.com>"

examples.htm

@@ -5,8 +5,8 @@
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 
     <title>jTab - Guitar Chord and Tab Library Examples</title>
-    <meta name="description" content="jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab) notation on the web"/>
-    <meta name="keywords"    content="guitar,chord,tab,tabulature,music,notation,javascript,css,svg,html,xhtml"/>
+    <meta name="description" content="jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tablature (tab) notation on the web"/>
+    <meta name="keywords"    content="guitar,chord,tab,tablature,music,notation,javascript,css,svg,html,xhtml"/>
 
     <link type="text/css" rel="stylesheet" href="css/jtab-site.css"/>
 
@@ -24,7 +24,7 @@
 <div id="header">
 <h1>jTab - Guitar Chord and Tab Notation for the Web</h1>
 <p>
-jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab)
+jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tablature (tab)
 notation on the web. Automatically. It works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG) -
 for example, Internet Explorer 7+ and Firefox 3+.
 </p>
@@ -60,7 +60,7 @@ <h3>Render notation provided by a user</h3>
 </p>
 <span>Try it out. Enter a phrase here (see <a href="index.htm#notation">notation</a> for help):</span>
 <input id="notation" size="40">
-<input type="button" value="jTab this!" onclick="jtab.render('tab',$(#'notation').value);">
+<input type="button" value="jTab this!" onclick="jtab.render('tab',$('#notation').value);">
 <div id="tab"><i>jTab will render your phrase here</i></div>
 
 <script type='text/javascript'>
@@ -184,4 +184,4 @@ <h3>Customising the color palette</h3>
 </div>
 
   </body>
-</html>
+</html>

index.htm

@@ -5,8 +5,8 @@
     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
 
     <title>jTab - Guitar Chord and Tab Library</title>
-    <meta name="description" content="jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab) notation on the web"/>
-    <meta name="keywords"    content="guitar,chord,tab,tabulature,music,notation,javascript,css,svg,html,xhtml"/>
+    <meta name="description" content="jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tablature (tab) notation on the web"/>
+    <meta name="keywords"    content="guitar,chord,tab,tablature,music,notation,javascript,css,svg,html,xhtml"/>
 
     <link type="text/css" rel="stylesheet" href="css/jtab-site.css"/>
 
@@ -23,7 +23,7 @@
 <div id="header">
 <h1>jTab - Guitar Chord and Tab Notation for the Web</h1>
 <p>
-jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tabulature (tab)
+jTab is a javascript-based library that allows you to easily render arbitrary guitar chord and tablature (tab)
 notation on the web. Automatically. It works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG) -
 for example, Firefox 3+, Google Chrome and Internet Explorer.
 </p>
@@ -105,15 +105,15 @@ <h3>Implicit Rendering using CSS</h3>
 <a name="notation"><h2>Notation Reference</h2></a>
 <p>
 If you find this a little dry to read,
-see the <a href="examples.htm">examples</a> page which demostrate all these features and more.
+see the <a href="examples.htm">examples</a> page which demonstrates all these features and more.
 </p>
 <h3>Chord Notation</h3>
 <p>
 Chord notation is quite conventional e.g. C Gm F#7 Db.
 </p>
   <ul>
   <li>The root note (A..G) must be uppercase</li>
-  <li>Seperate every item with spaces</li>
+  <li>Separate every item with spaces</li>
   <li><strong>#</strong> indicates sharp</li>
   <li><strong>b</strong> (lowercase B) indicates flat</li>
   <li><strong>m</strong> (lowercase) indicates minor</li>
@@ -125,11 +125,11 @@ <h3>Chord Notation</h3>
   <li>Variations on the root chord: m, 6, m6, 69, 7, m7, maj7, 7b5, 7#5, m7b5,
   7b9, 9, m9, maj9, add9, 13, sus2, sus4, dim, dim7, aug</li>
   <li><strong>/</strong> indicates repeat of the previous chord</li>
-  <li><strong>|</strong> is a standard <a href="http://en.wikipedia.org/wiki/Bar_(music)" target="_blank">bar line</a></li>
+  <li><strong>|</strong> is a standard <a href="https://en.wikipedia.org/wiki/Bar_(music)" target="_blank">bar line</a></li>
   <li><strong>||</strong> is an ending bar line</li>
   </ul>
 <p>
-jTab also supports <a href="http://en.wikipedia.org/wiki/Guitar_chord#CAGED_major_chords" target="_blank">CAGED major chord notation</a>.
+jTab also supports <a href="https://en.wikipedia.org/wiki/Guitar_chord#CAGED_major_chords" target="_blank">CAGED major chord notation</a>.
 This is a convenient method for indicating major chords at various positions on the fretboard.
 </p>
   <ul>
@@ -162,7 +162,7 @@ <h3>Custom Chord Notation</h3>
 
 <h3>Tab Notation</h3>
 <p>
-Representing <a href="http://en.wikipedia.org/wiki/Tablature" target="_blank">tab notation</a> is little special to jTab,
+Representing <a href="https://en.wikipedia.org/wiki/Tablature" target="_blank">tab notation</a> is little special to jTab,
 but aims to be as simple as possible.
 </p>
 <p>
@@ -172,7 +172,7 @@ <h3>Tab Notation</h3>
   e.g. $2 is the B string in standard tuning</li>
   <li>Alternatively, you can use the string tuning instead of string number, EADGBe low to high in standard tuning.
   e.g. $B is the 2nd string in standard tuning.</li>
-  <li>Then you can in fact follow with anything you like - fret position, slides ( / \ ) hammerons (h), pulloffs (p) etc (just avoid uppercase characters to avoid confusion with chords)</li>
+  <li>Then you can in fact follow with anything you like - fret position, slides ( / \ ) hammer-ons (h), pull-offs (p) etc (just avoid uppercase characters to avoid confusion with chords)</li>
   <li>Examples:
      <ul>
       <li>$2 0 1 3 (a simple three note sequence on the B string)</li>
@@ -189,7 +189,7 @@ <h3>Tab Notation</h3>
 </p>
 <p>Examples:
    <ul>
-    <li>$3.6.$2.5h7 $1 5 $2 7 (start with two notes on G and B strings followed by a hammeron and two individual notes)</li>
+    <li>$3.6.$2.5h7 $1 5 $2 7 (start with two notes on G and B strings followed by a hammer-on and two individual notes)</li>
     <li>$4.7/9.$3.6/8.$2.5/7 9p7 $2.9.$3.9.$4.9 (three notes across D,G,B strings with a slide up two steps and a twist)</li>
    </ul>
 </p>
@@ -232,28 +232,28 @@ <h3>Rendering Options: Size</h3>
 jTab is open source and free to use. You are welcome to use and reuse it however you like.
 </p>
 <p>
-The project home page is at <a href="http://jtab.tardate.com/">http://jtab.tardate.com</a>
+The project home page is at <a href="https://jtab.tardate.com/">https://jtab.tardate.com</a>
 </p>
 <p>
-The master source code repository is on github (<a href="http://github.com/tardate/jtab/tree/master">http://github.com/tardate/jtab/tree/master</a>).
-You will always find the latest version here and be able to <a href="#feedback">contribute</a> to the project yourself.
+The source code repository is on github (<a href="https://github.com/tardate/jtab">https://github.com/tardate/jtab</a>).
+You will always find the latest version there and be able to <a href="#feedback">contribute</a> to the project yourself.
 </p>
 <p>
-There is also a version located at <a href="http://jtab.tardate.com">jtab.tardate.com</a> that you can point to directly (although performance may suffer a little).
+There is also a version located at <a href="https://jtab.tardate.com">jtab.tardate.com</a> that you can point to directly (although performance may suffer a little).
 </p>
 
 <a name="install"><h2>How To Install jTab on your Web Page or Site</h2></a>
 <h3>1. Include jTab Javascript files</h3>
 <p>
 jTab is provided as a single javascript source file (jtab.js) that needs to be included on your page.
-It depends on two additional libraries that must also be included: <a href="http://www.jquery.com/" target="_blank">jQuery</a>,
-and <a href="http://raphaeljs.com/" target="_blank">Rapha&euml;l</a> (raphael.js).
-Compatible versions of these libraries located along with jtab.js, or if you are already using a version of these libraries
+It depends on two additional libraries that must also be included: <a href="https://jquery.com/" target="_blank">jQuery</a>,
+and <a href="https://dmitrybaranovskiy.github.io/raphael/" target="_blank">Rapha&euml;l</a> (raphael.js).
+Compatible versions of these libraries located along with jtab.js (jQuery 3.7.1, Raphael 2.3.0), or if you are already using a version of these libraries
 you probably do not need to include them again.
 </p>
 <p>
 You can <a href="#download">download</a> these files and use them locally on your own site.
-There is also a version located at http://jtab.tardate.com that you can point to directly (although performance may suffer a little).
+There is also a version located at https://jtab.tardate.com that you can point to directly (although performance may suffer a little).
 The example below shows how to pull the files direct from tardate.com.
 </p>
 
@@ -266,9 +266,9 @@ <h3>1. Include jTab Javascript files</h3>
   &lt;link type="text/css" rel="stylesheet" href="http://jtab.tardate.com/css/jtab-helper.css"/&gt;
 
   &lt;!-- mandatory script includes for jtab --&gt
-  &lt;script src="http://jtab.tardate.com/javascripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
-  &lt;script src="http://jtab.tardate.com/javascripts/raphael.js" type="text/javascript"&gt;&lt;/script&gt;
-  &lt;script src="http://jtab.tardate.com/javascripts/jtab.js" type="text/javascript"&gt;&lt;/script&gt;
+  &lt;script src="https://jtab.tardate.com/javascripts/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
+  &lt;script src="https://jtab.tardate.com/javascripts/raphael.js" type="text/javascript"&gt;&lt;/script&gt;
+  &lt;script src="https://jtab.tardate.com/javascripts/jtab.js" type="text/javascript"&gt;&lt;/script&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
@@ -295,7 +295,7 @@ <h3>3. Explicit Rendering with Scripting</h3>
 <p>
 You can script the rendering of a guitar tab phrase into any HTML block using a line of javascript to call the jtab.render() function.
 jtab.render() takes two parameters. The first is the ID or name of the HTML element to render the tab into, and the second is the actual line of tab notation (a string).
-Obviously, you can bring all your javascripting expertise to bear: the tab notation may be preset in the page, pulled from a database, the result of a web services call, entered by the user, or ...
+Obviously, you can bring all your javascript expertise to bear: the tab notation may be preset in the page, pulled from a database, the result of a web services call, entered by the user, or ...
 </p>
 <pre>
 &lt;div id="mytab"&gt;&lt;/div&gt;
@@ -335,7 +335,7 @@ <h3>Page layout jitters while rendering jTab</h3>
 <p>
 An optional stylesheet is included in the jTab kit (css/jtab-helper.css)and can be included in you pages:
 </p>
-<pre>&lt;link type="text/css" rel="stylesheet" href="http://jtab.tardate.com/css/jtab-helper.css"/&gt;
+<pre>&lt;link type="text/css" rel="stylesheet" href="https://jtab.tardate.com/css/jtab-helper.css"/&gt;
 </pre>
 <p>
 The stylesheet presets the jtab class to the maximum possible height, and provides class modifiers if you know you
@@ -376,10 +376,10 @@ <h3>Implicit rendering isn't happening?</h3>
 
 <a name="feedback"><h2>Feedback &amp; Contribute</h2></a>
 <p>
-jTab was created and is maintained by <a href="http://tardate.com" target="_blank">Paul Gallagher</a> and released as open source for all to exploit.
+jTab was created and is maintained by <a href="https://github.com/tardate" target="_blank">Paul Gallagher</a> and released as open source for all to exploit.
 Main contributors:
-<a href="http://twitter.com/tardate" target="_blank">@tardate</a>,
-<a href="http://twitter.com/jasonong" target="_blank">@jasonong</a>,
+<a href="https://github.com/tardate" target="_blank">tardate</a>,
+<a href="https://github.com/jasonong" target="_blank">@jasonong</a>,
 <a href="https://github.com/bborn" target="_blank">bborn</a>,
 <a href="https://github.com/binarybitlan" target="_blank">binarybitlan</a>,
 <a href="https://github.com/balpha" target="_blank">balpha</a>.
@@ -395,27 +395,26 @@ <h3>Implicit rendering isn't happening?</h3>
 </ul>
 </p>
 <p>
-<strong>Source:</strong> The master jTab source is hosted on <a href="http://github.com/tardate/jtab/tree/master" target="_blank">github</a>.
+<strong>Source:</strong> The jTab source is hosted on <a href="https://github.com/tardate/jtab" target="_blank">github</a>.
 All are welcome to fork and update.
 </p>
 <p>
-<strong>Issues:</strong> A formal isues list (with prioritisation) is maintained in the <a href="https://github.com/tardate/jtab/issues" target="_blank">github issues list</a>.
+  <strong>Tests:</strong> currently implemented with <a href="https://github.com/drnic/jsunittest">JsUnitTest</a>
+  and results can be checked <a href="./jtab-unittest.html">here</a>.
 </p>
 <p>
-<strong>Discuss:</strong> We have established a mailing list to discuss internal development issues, usage, and ideas for enhancement.
-All are welcomed to join: visit the <a href="http://groups.google.com/group/jtab" target="_blank">mailing list group on Google</a>.
+<strong>Issues:</strong> A formal issues list (with prioritisation) is maintained in the <a href="https://github.com/tardate/jtab/issues" target="_blank">github issues list</a>.
 </p>
 <p>
 <strong>Kudos:</strong> Aside from just scratching a personal itch, jTab was greatly inspired by
-Dmitry Baranovskiy's fantastic work on the <a href="http://raphaeljs.com/" target="_blank">Rapha&euml;l</a> SVG library,
+Dmitry Baranovskiy's fantastic work on the <a href="https://dmitrybaranovskiy.github.io/raphael/" target="_blank">Rapha&euml;l</a> SVG library,
 and Alex Gorbatchev's <a href="http://www.dreamprojections.com/syntaxhighlighter/" target="_blank">syntaxhighlighter</a> (for opening the door to what is possible!).
 </p>
 
-
 <a name="limitations"><h3>Limitations</h3></a>
 <p>
 jTab is a new project, so there are definitely some things it can't do at the moment.
-See the <a href="http://github.com/tardate/jtab/issues" target="_blank">issues list</a> on github for all currently open issues.
+See the <a href="https://github.com/tardate/jtab/issues" target="_blank">issues list</a> on github for all currently open issues.
 Some of the main things to note:
 </p>
 <ul>
@@ -428,12 +427,7 @@ <h3>Implicit rendering isn't happening?</h3>
 <a name="browsers"><h3>Browser Support</h3></a>
 <p>
 jTab works in most modern browsers that support javascript, CSS and scalable vector graphics (SVG) -
-for example, Firefox 3+, Google Chrome and Internet Explorer.
-</p>
-<p>
-Internet Explorer is a little problemmatic however. IE7 is the most reliable, IE6 has some imperfect rendering,
-and as of writing IE8 is exhibiting very poor performance rendering SVG (in the order of 10x slower than Firefox/Chome,
-and much slower than IE7).
+for example, Firefox, Google Chrome, Safari, and Internet Explorer.
 </p>
 
 
@@ -442,11 +436,11 @@ <h3>Implicit rendering isn't happening?</h3>
 Here are some places where you can see jTab in action:
 </p>
 <ul>
-<li><a href="http://chordmaster.tardate.com/" target="_blank">ChordMaster 2000</a> - a tool to help you learn chord fingerings for guitar</li>
+<li><a href="https://chordmaster.tardate.com/" target="_blank">ChordMaster 2000</a> - a tool to help you learn chord fingerings for guitar</li>
 <li><a href="http://jtab-guitar-tab-shortcode.marichiba.com/" target="_blank">Guitar Tab Shortcode</a> - jTab as a WordPress plugin by
 <a href="http://www.marichiba.com/" target="_blank">Matthew Marichiba</a>
 </li>
-<li><a href="http://music.stackexchange.com" target="_blank">
+<li><a href="https://music.stackexchange.com/" target="_blank">
 Musical Practice and Performance</a> - a StackExchange site dedicated to musical Q&amp;A</li>
 </ul>
 <p>