p5 2.2.1-rc.0 → 2.2.1

package/dist/io/p5.TableRow.js

@@ -14,17 +14,15 @@ class TableRow {
   }
 
   /**
-   *  Stores a value in the TableRow's specified column.
-   *  The column may be specified by either its ID or title.
+   * Stores a value in the TableRow's specified column.
+   * The column may be specified by either its ID or title.
    *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @param {String|Integer} column Column ID (Number)
-   *                                or Title (String)
-   *  @param {String|Number} value  The value to be stored
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @param {String|Integer} column Column ID (Number)
+   *                               or Title (String)
+   * @param {String|Number} value  The value to be stored
    *
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -58,8 +56,6 @@ class TableRow {
    *
    *   describe('no image displayed');
    * }
-   * </code>
-   * </div>
    */
   set(column, value) {
   // if typeof column is string, use .obj
@@ -84,17 +80,15 @@ class TableRow {
   }
 
   /**
-   *  Stores a Float value in the TableRow's specified column.
-   *  The column may be specified by either its ID or title.
+   * Stores a Float value in the TableRow's specified column.
+   * The column may be specified by either its ID or title.
    *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @param {String|Integer} column Column ID (Number)
-   *                                or Title (String)
-   *  @param {Number|String} value  The value to be stored
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @param {String|Integer} column Column ID (Number)
+   *                               or Title (String)
+   * @param {Number|String} value  The value to be stored
    *                                as a Float
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -129,8 +123,6 @@ class TableRow {
    *
    *   describe('no image displayed');
    * }
-   * </code>
-   * </div>
    */
   setNum(column, value) {
     const floatVal = parseFloat(value);
@@ -138,17 +130,15 @@ class TableRow {
   }
 
   /**
-   *  Stores a String value in the TableRow's specified column.
-   *  The column may be specified by either its ID or title.
+   * Stores a String value in the TableRow's specified column.
+   * The column may be specified by either its ID or title.
    *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @param {String|Integer} column Column ID (Number)
-   *                                or Title (String)
-   *  @param {String|Number|Boolean|Object} value  The value to be stored
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @param {String|Integer} column Column ID (Number)
+   *                               or Title (String)
+   * @param {String|Number|Boolean|Object} value  The value to be stored
    *                                as a String
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -183,7 +173,6 @@ class TableRow {
    *
    *   // describe('no image displayed');
    * }
-   * </code>
    */
   setString(column, value) {
     const stringVal = value.toString();
@@ -191,17 +180,15 @@ class TableRow {
   }
 
   /**
-   *  Retrieves a value from the TableRow's specified column.
-   *  The column may be specified by either its ID or title.
+   * Retrieves a value from the TableRow's specified column.
+   * The column may be specified by either its ID or title.
    *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @param  {String|Integer} column columnName (string) or
-   *                                   ID (number)
-   *  @return {String|Number}
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @param  {String|Integer} column columnName (string) or
+   *                                  ID (number)
+   * @return {String|Number}
    *
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -229,8 +216,6 @@ class TableRow {
    *
    *   describe('no image displayed');
    * }
-   * </code>
-   * </div>
    */
   get(column) {
     if (typeof column === 'string') {
@@ -241,17 +226,15 @@ class TableRow {
   }
 
   /**
-   *  Retrieves a Float value from the TableRow's specified
-   *  column. The column may be specified by either its ID or
-   *  title.
-   *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @param  {String|Integer} column columnName (string) or
-   *                                   ID (number)
-   *  @return {Number}  Float Floating point number
+   * Retrieves a Float value from the TableRow's specified
+   * column. The column may be specified by either its ID or
+   * title.
+   *
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @param  {String|Integer} column columnName (string) or
+   *                                  ID (number)
+   * @return {Number}  Float Floating point number
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -281,8 +264,6 @@ class TableRow {
    *
    *   describe('no image displayed');
    * }
-   * </code>
-   * </div>
    */
   getNum(column) {
     let ret;
@@ -299,18 +280,16 @@ class TableRow {
   }
 
   /**
-   *  Retrieves an String value from the TableRow's specified
-   *  column. The column may be specified by either its ID or
-   *  title.
+   * Retrieves an String value from the TableRow's specified
+   * column. The column may be specified by either its ID or
+   * title.
    *
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
    *
-   *  @param  {String|Integer} column columnName (string) or
-   *                                   ID (number)
-   *  @return {String}  String
+   * @param  {String|Integer} column columnName (string) or
+   *                                  ID (number)
+   * @return {String}  String
    * @example
-   * <div>
-   * <code>
    * let table;
    *
    * async function setup() {
@@ -339,8 +318,6 @@ class TableRow {
    *
    *   describe('no image displayed');
    * }
-   * </code>
-   * </div>
    */
   getString(column) {
     if (typeof column === 'string') {
@@ -352,17 +329,17 @@ class TableRow {
 }
 function tableRow(p5, fn){
   /**
-   *  A TableRow object represents a single row of data values,
-   *  stored in columns, from a table.
+   * A TableRow object represents a single row of data values,
+   * stored in columns, from a table.
    *
-   *  A Table Row contains both an ordered array, and an unordered
-   *  JSON object.
+   * A Table Row contains both an ordered array, and an unordered
+   * JSON object.
    *
-   *  @class p5.TableRow
-   *  @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
-   *  @constructor
-   *  @param {any[]} row         optional: populate the row with an
-   *                              array of values
+   * @class p5.TableRow
+   * @deprecated p5.Table will be removed in a future version of p5.js to make way for a new, friendlier version :)
+   * @constructor
+   * @param {any[]} row         optional: populate the row with an
+   *                             array of values
    */
   p5.TableRow = TableRow;
 }

package/dist/io/p5.XML.js

@@ -21,8 +21,6 @@ class XML {
    * @return {p5.XML} parent element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -55,8 +53,6 @@ class XML {
    *
    *   describe('The word "animals" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   getParent() {
     return new XML(this.DOM.parentElement);
@@ -71,8 +67,6 @@ class XML {
    * @return {String} name of the element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -102,8 +96,6 @@ class XML {
    *
    *   describe('The word "mammal" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   getName() {
     return this.DOM.tagName;
@@ -122,8 +114,6 @@ class XML {
    * @param {String} name new tag name of the element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -156,7 +146,6 @@ class XML {
    *     'The words "animals" and "monsters" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code></div>
    */
   setName(name) {
     const content = this.DOM.innerHTML;
@@ -176,8 +165,6 @@ class XML {
    * @return {boolean} whether the element has children.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -205,8 +192,6 @@ class XML {
    *
    *   describe('The word "Parent" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   hasChildren() {
     return this.DOM.children.length > 0;
@@ -219,8 +204,6 @@ class XML {
    * @return {String[]} names of the child elements.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -253,8 +236,6 @@ class XML {
    *     'The words "mammal", "mammal", "mammal", and "reptile" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   listChildren() {
     const arr = [];
@@ -276,8 +257,6 @@ class XML {
    * @return {p5.XML[]} child elements.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -313,11 +292,8 @@ class XML {
    *     'The words "Goat", "Leopard", "Zebra", and "Turtle" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let myXML;
    *
    * async function setup() {
@@ -354,8 +330,6 @@ class XML {
    *     'The words "Goat", "Leopard", and "Zebra" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   getChildren(param) {
     if (param) {
@@ -378,8 +352,6 @@ class XML {
    * @return {p5.XML} child element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -406,11 +378,8 @@ class XML {
    *
    *   describe('The word "Goat" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let myXML;
    *
    * async function setup() {
@@ -437,8 +406,6 @@ class XML {
    *
    *   describe('The word "Leopard" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   getChild(param) {
     if (typeof param === 'string') {
@@ -461,8 +428,6 @@ class XML {
    * @return {p5.XML} added child element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -501,8 +466,6 @@ class XML {
    *
    *   describe('The word "Bluebottle" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   addChild(node) {
     if (node instanceof XML) {
@@ -522,8 +485,6 @@ class XML {
    * @param {String|Integer} name name or index of the child element to remove.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -562,11 +523,8 @@ class XML {
    *     'The words "Leopard", "Zebra", and "Turtle" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let myXML;
    *
    * async function setup() {
@@ -605,8 +563,6 @@ class XML {
    *     'The words "Goat", "Leopard", and "Turtle" written on separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   removeChild(param) {
     let ind = -1;
@@ -631,8 +587,6 @@ class XML {
    * @return {Integer} number of attributes.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -659,8 +613,6 @@ class XML {
    *
    *   describe('The number "2" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   getAttributeCount() {
     return this.DOM.attributes.length;
@@ -676,8 +628,6 @@ class XML {
    * @return {String[]} attribute names.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -704,8 +654,6 @@ class XML {
    *
    *   describe('The text "id,species" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   listAttributes() {
     const arr = [];
@@ -731,8 +679,6 @@ class XML {
    * @return {boolean} whether the element has the attribute.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -764,8 +710,6 @@ class XML {
    *
    *   describe('The text "Species" written in black on a gray background.');
    * }
-   * </code>
-   * </div>
    */
   hasAttribute(name) {
     const obj = {};
@@ -797,8 +741,6 @@ class XML {
    * @return {Number} attribute value as a number.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -828,11 +770,8 @@ class XML {
    *
    *   describe(`The text "${content} is ${id + 1}th" written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let myXML;
    *
    * async function setup() {
@@ -864,8 +803,6 @@ class XML {
    *     `The text "${content} is ${weight}kg" written in black on a gray background.`
    *   );
    * }
-   * </code>
-   * </div>
    */
   getNum(name, defaultValue) {
     const obj = {};
@@ -897,8 +834,6 @@ class XML {
    * @return {String} attribute value as a string.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -928,11 +863,8 @@ class XML {
    *
    *   describe(`The text "${content}: ${species}" written in black on a gray background.`);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * let myXML;
    *
    * async function setup() {
@@ -963,8 +895,6 @@ class XML {
    *
    *   describe(`The text "${content}" written in green on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   getString(name, defaultValue) {
     const obj = {};
@@ -990,8 +920,6 @@ class XML {
    * @param {Number|String|Boolean} value attribute's new value.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -1026,8 +954,6 @@ class XML {
    *     `The text "${content} is ${attribute}" written in green on a gray background.`
    *   );
    * }
-   * </code>
-   * </div>
    */
   setAttribute(name, value) {
     this.DOM.setAttribute(name, value);
@@ -1045,8 +971,6 @@ class XML {
    * @return {String} element's content as a string.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -1073,11 +997,8 @@ class XML {
    *
    *   describe(`The text "${content}" written in green on a gray background.`);
    * }
-   * </code>
-   * </div>
    *
-   * <div>
-   * <code>
+   * @example
    * function setup() {
    *   createCanvas(100, 100);
    *
@@ -1099,8 +1020,6 @@ class XML {
    *
    *   describe(`The text "${content}" written in green on a gray background.`);
    * }
-   * </code>
-   * </div>
    */
   getContent(defaultValue) {
     let str;
@@ -1121,8 +1040,6 @@ class XML {
    * @param {String} content new content for the element.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -1157,8 +1074,6 @@ class XML {
    *     `The text "${oldContent}: ${newContent}" written in green on a gray background.`
    *   );
    * }
-   * </code>
-   * </div>
    */
   setContent(content) {
     if (!this.DOM.children.length) {
@@ -1175,8 +1090,6 @@ class XML {
    * @return {String} element as a string.
    *
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -1213,8 +1126,6 @@ class XML {
    *   // Save the file and close the print stream.
    *   myWriter.close();
    * }
-   * </code>
-   * </div>
    */
   serialize() {
     const xmlSerializer = new XMLSerializer();
@@ -1245,8 +1156,6 @@ function xml(p5, fn){
    *
    * @class p5.XML
    * @example
-   * <div>
-   * <code>
    * let myXML;
    *
    * async function setup() {
@@ -1282,8 +1191,6 @@ function xml(p5, fn){
    *     'The words "Goat", "Leopard", and "Zebra" written on three separate lines. The text is black on a gray background.'
    *   );
    * }
-   * </code>
-   * </div>
    */
   p5.XML = XML;
 }

package/dist/io/utilities.js

@@ -1,5 +1,3 @@
-import * as fileSaver from 'file-saver';
-
 function downloadFile(data, fName, extension) {
   const fx = _checkFileExtension(fName, extension);
   const filename = fx[0];
@@ -9,7 +7,14 @@ function downloadFile(data, fName, extension) {
     saveData = new Blob([data]);
   }
 
-  fileSaver.saveAs(saveData, filename);
+  if(document){
+    const url = URL.createObjectURL(saveData);
+    const link = document.createElement('a');
+    link.href = url;
+    link.download = filename;
+    link.click();
+    URL.revokeObjectURL(url);
+  }
 }
 
 function _checkFileExtension(filename, extension) {