removing refs to p5.dom closes #633 closes processing/p5.js#4400

lmccart · lmccart · commit 7f271df7dfbe · 2020-04-25T10:50:00.000-07:00
diff --git a/offline-reference/extra/index.html b/offline-reference/extra/index.html
@@ -86,7 +86,6 @@
 
     <script src="./js/p5.min.js"></script>
     <script src="./js/p5.sound.min.js"></script>
-    <script src="./js/p5.dom.min.js"></script>
     <script src="./js/render.js"></script>
     <!-- prism for code highlighting -->
     <script src="./js/vendor/prism.js"></script>
diff --git a/offline-reference/extra/js/reference.js b/offline-reference/extra/js/reference.js
@@ -4595,7 +4595,7 @@ define('router',[
     get: function(searchClass, searchItem) {
 
       // if looking for a library page, redirect
-      if ((searchClass === 'p5.dom' || searchClass === 'p5.sound')
+      if (searchClass === 'p5.sound')
           && !searchItem) {
         window.location.hash = '/libraries/'+searchClass;
         return;
@@ -4743,7 +4743,7 @@ require([
   './documented-method'], function(App, DocumentedMethod) {
 
   // Set collections
-  App.collections = ['allItems', 'classes', 'events', 'methods', 'properties', 'p5.sound', 'p5.dom'];
+  App.collections = ['allItems', 'classes', 'events', 'methods', 'properties', 'p5.sound'];
 
   // Get json API data
   var data = referenceData;
@@ -4767,9 +4767,6 @@ require([
     if (m.name == "p5.sound") {
       App.sound.module = m;
     }
-    else if (m.name == "p5.dom") {
-      App.dom.module = m;
-    }
   });
 
 
@@ -4803,12 +4800,6 @@ require([
       if (el.module === "p5.sound") {
         App.sound.items.push(el);
       }
-      else if (el.module === "p5.dom" || el.module === 'DOM') {
-        if (el.class === 'p5.dom') {
-          el.class = 'p5';
-        }
-        App.dom.items.push(el);
-      }
     }
   });
 
diff --git a/src/assets/learn/curves/bezier/embed.html b/src/assets/learn/curves/bezier/embed.html
@@ -3,7 +3,6 @@
   <title>Curves Example</title>
   <script src="../../../js/p5.min.js"></script>
   <!-- uncomment lines below to include extra p5 libraries -->
-  <script src="../../../js/p5.dom.min.js"></script>
   <!--<script src="../addons/p5.sound.js"></script>-->
   <script src="sketch.js"></script>
   <!-- this line removes any default padding and style. you might only need one of these values set. -->
diff --git a/src/assets/learn/curves/curve_ex/embed.html b/src/assets/learn/curves/curve_ex/embed.html
@@ -3,7 +3,6 @@
   <title>Curves Example</title>
   <script src="../../../js/p5.min.js"></script>
   <!-- uncomment lines below to include extra p5 libraries -->
-  <script src="../../../js/p5.dom.min.js"></script>
   <!--<script src="../addons/p5.sound.js"></script>-->
   <script src="sketch.js"></script>
   <!-- this line removes any default padding and style. you might only need one of these values set. -->
diff --git a/src/assets/learn/trigonometry/sincoscurves/embed.html b/src/assets/learn/trigonometry/sincoscurves/embed.html
@@ -3,7 +3,6 @@
   <title>sin cos curves</title>
   <script src="http://www.courses.tegabrain.com/PVA15/wp-content/uploads/2015/10/p5.min_.js"></script>
   <!-- uncomment lines below to include extra p5 libraries -->
-  <!--<script src="../addons/p5.dom.js"></script>-->
   <!--<script src="../addons/p5.sound.js"></script>-->
   <script src="http://www.courses.tegabrain.com/PVA15/wp-content/uploads/2015/10/sketch.js"></script>
   <!-- this line removes any default padding and style. you might only need one of these values set. -->
diff --git a/src/assets/learn/trigonometry/sincoscurves/embed1.html b/src/assets/learn/trigonometry/sincoscurves/embed1.html
@@ -3,7 +3,6 @@
   <title>sin cos curves</title>
   <script src="http://www.courses.tegabrain.com/PVA15/wp-content/uploads/2015/10/p5min.js"></script>
   <!-- uncomment lines below to include extra p5 libraries -->
-  <!--<script src="../addons/p5.dom.js"></script>-->
   <!--<script src="../addons/p5.sound.js"></script>-->
   <script src="http://www.courses.tegabrain.com/PVA15/wp-content/uploads/2015/10/sketch.js"></script>
   <!-- this line removes any default padding and style. you might only need one of these values set. -->
diff --git a/src/assets/learn/trigonometry/unitCircle/embed.html b/src/assets/learn/trigonometry/unitCircle/embed.html
@@ -3,7 +3,6 @@
   <title>sin cos curves</title>
   <script src="../../../js/p5.min.js"></script>
   <!-- uncomment lines below to include extra p5 libraries -->
-<script src="../../../js/p5.dom.min.js"></script>
   <!--<script src="../addons/p5.sound.js"></script>-->
   <script src="sketch.js"></script>
   <!-- this line removes any default padding and style. you might only need one of these values set. -->
diff --git a/src/data/es.yml b/src/data/es.yml
@@ -401,7 +401,6 @@ libraries:
   core-libraries: "Bibliotecas principales"
   community-libraries: "Bibliotecas de la comunidad"
   libraries-created-by: "Creada por:"
-  p5.dom: "p5.dom te permite interactuar con objetos HTML5 más allá del lienzo, incluyendo video, audio, cámara, entrada y texto."
   p5.sound: "p5.sound extiende p5 con funcionalidad de Web Audio, incluyendo entrada de audio, reproducción, análisis y síntesis."
   p5.accessibility: "p5.accessibility permite que el canvas de p5 sea más accesible a personas con discapacidad visual."
   Contributed: "Bibliotecas contribuidas"
diff --git a/src/data/examples/en/16_Dom/03_Input_Button.js b/src/data/examples/en/16_Dom/03_Input_Button.js
@@ -1,9 +1,6 @@
 /*
  * @name Input and Button
- * @description You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.<br><br>
- * Input text and click the button to see it affect the the canvas.
+ * @description Input text and click the button to see it affect the the canvas.
  */
 let input, button, greeting;
 
diff --git a/src/data/examples/en/16_Dom/04_Slider.js b/src/data/examples/en/16_Dom/04_Slider.js
@@ -1,9 +1,6 @@
 /*
  * @name Slider
- * @description You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.<br><br>
- * Move the sliders to control the R, G, B values of the background.
+ * @description Move the sliders to control the R, G, B values of the background.
  */
 let rSlider, gSlider, bSlider;
 
diff --git a/src/data/examples/en/16_Dom/07_Modify_DOM.js b/src/data/examples/en/16_Dom/07_Modify_DOM.js
@@ -1,10 +1,8 @@
 /*
  * @name Modifying the DOM
  * @frame 710,300
- * @description <p>Create DOM elements and modify their properties every time
- * draw() is called. You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.</p>
+ * @description Create DOM elements and modify their properties every time
+ * draw() is called.
  */
 let dancingWords = [];
 
diff --git a/src/data/examples/en/16_Dom/08_Video.js b/src/data/examples/en/16_Dom/08_Video.js
@@ -1,11 +1,8 @@
 /*
  * @name Video
  * @frame 710,250
- * @description <p>Load a video with multiple formats and toggle between playing
+ * @description Load a video with multiple formats and toggle between playing
  * and paused with a button press.
- * <p><em><span class="small"> To run this example locally, you will need at least
- * one video file, and the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>.</span></em></p>
  */
 let playing = false;
 let fingers;
diff --git a/src/data/examples/en/16_Dom/09_Video_Canvas.js b/src/data/examples/en/16_Dom/09_Video_Canvas.js
@@ -1,9 +1,8 @@
 /*
  * @name Video Canvas
- * @description <p>Load a video with multiple formats and draw it to the canvas.</p>
- * <p><em><span class="small"> To run this example locally, you will need the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * at least one video file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.</span></em></p>
+ * @description Load a video with multiple formats and draw it to the canvas.
+ * To run this example locally, you will need a running 
+ * <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
  */
 let fingers;
 
diff --git a/src/data/examples/en/16_Dom/10_Video_Pixels.js b/src/data/examples/en/16_Dom/10_Video_Pixels.js
@@ -1,10 +1,9 @@
 /*
  * @name Video Pixels
  * @frame 320,240
- * @description <p>Load a video, manipulate its pixels and draw to canvas.
- * <p><em><span class="small"> To run this example locally, you will need the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * at least one video file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.</span></em></p>
+ * @description Load a video, manipulate its pixels and draw to canvas.
+ * To run this example locally, you will need a running 
+ * <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.
  */
 let fingers;
 
diff --git a/src/data/examples/en/16_Dom/11_Capture.js b/src/data/examples/en/16_Dom/11_Capture.js
@@ -1,10 +1,7 @@
 /*
  * @name Video Capture
  * @frame 710,240
- * @description <p><em><span class="small"> To run this example locally, you will need the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * at least one video file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">local server</a>.</span></em></p><br><br>
- * Capture video from the webcam and display
+ * @description Capture video from the webcam and display
  * on the canvas as well with invert filter. Note that by
  * default the capture feed shows up, too. You can hide the
  * feed by uncommenting the capture.hide() line.
diff --git a/src/data/examples/en/16_Dom/12_Drop.js b/src/data/examples/en/16_Dom/12_Drop.js
@@ -1,9 +1,6 @@
 /*
  * @name Drop
- * @description You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.<br><br>
- * Drag an image file onto the canvas to see it displayed.
+ * @description Drag an image file onto the canvas to see it displayed.
  */
 
 function setup() {
diff --git a/src/data/examples/en/90_Hello_P5/02_interactivity.js b/src/data/examples/en/90_Hello_P5/02_interactivity.js
@@ -2,9 +2,6 @@
  * @name Interactivity 1
  * @frame 720,425
  * @description The circle changes color when you click on it.
- * <p><em><span class="small"> To run this example locally, you will need the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>.
- * </em></p>
  */
 
 // for red, green, and blue color values
diff --git a/src/data/examples/en/90_Hello_P5/03_interactivity.js b/src/data/examples/en/90_Hello_P5/03_interactivity.js
@@ -2,9 +2,6 @@
  * @name Interactivity 2
  * @frame 720,425
  * @description The circle changes color when you move the slider.
- * You will need to include the 
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.
  */
 
 // A HTML range slider
diff --git a/src/data/examples/en/90_Hello_P5/05_weather.js b/src/data/examples/en/90_Hello_P5/05_weather.js
@@ -2,9 +2,6 @@
  * @name Weather
  * @frame 720,280
  * @description This example grabs JSON weather data from apixu.com.
- * You will need to include the 
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.
 */
 
 // A wind direction vector
diff --git a/src/data/examples/es/16_Dom/03_Input_Button.js b/src/data/examples/es/16_Dom/03_Input_Button.js
@@ -1,9 +1,6 @@
 /*
  * @name Entrada y botón
- * @description Necesitarás incluir la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- * para que este ejemplo funcione en tu proyecto.<br><br>
- * Ingresa texto y haz click en el botón para ver cómo afecta al lienzo
+ * @description Ingresa texto y haz click en el botón para ver cómo afecta al lienzo
  */
 let input, button, greeting;
 
diff --git a/src/data/examples/es/16_Dom/04_Slider.js b/src/data/examples/es/16_Dom/04_Slider.js
@@ -1,9 +1,6 @@
 /*
  * @name Barra deslizante
- * @description Necesitarás incluir la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- * para que este ejemplo funcione en tu propio proyecto.<br><br>
- * Mueve las barras deslizantes para controlar los valores de color RGB del fondo.
+ * @description Mueve las barras deslizantes para controlar los valores de color RGB del fondo.
  */
 let rSlider, gSlider, bSlider;
 
diff --git a/src/data/examples/es/16_Dom/07_Modify_DOM.js b/src/data/examples/es/16_Dom/07_Modify_DOM.js
@@ -1,10 +1,7 @@
 /*
  * @name Modificar el DOM
  * @frame 710,300
- * @description <p>Crea elementos DOM y modifica sus propiedades cada vez que draw() es llamado
- * Necesitarás incluir la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- * para que este ejemplo funcione en tu proyecto. </p>
+ * @description Crea elementos DOM y modifica sus propiedades cada vez que draw() es llamado
  */
 let dancingWords = [];
 
diff --git a/src/data/examples/es/16_Dom/08_Video.js b/src/data/examples/es/16_Dom/08_Video.js
@@ -1,10 +1,7 @@
 /*
  * @name Video
  * @frame 710,250
- * @description <p>Carga un video con múltiples formatos y alterna entre reproducir y pausar al presionar un botón.
- * <p><em><span class="small"> Para correr este ejemplo localmente, necesitarás al menos
- * un archivo de video y la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>.</span></em></p>
+ * @description Carga un video con múltiples formatos y alterna entre reproducir y pausar al presionar un botón.
  */
 let playing = false;
 let fingers;
diff --git a/src/data/examples/es/16_Dom/09_Video_Canvas.js b/src/data/examples/es/16_Dom/09_Video_Canvas.js
@@ -1,9 +1,8 @@
 /*
  * @name Lienzo y video
- * @description <p> Cargar un video en múltiples formatos y dibújalo en el lienzo.</p>
- * <p><em><span class="small"> Para correr este ejemplo localmente, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- *, al menos un archivo de video y correr un <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.</span></em></p>
+ * @description Cargar un video en múltiples formatos y dibújalo en el lienzo.
+ * Para correr este ejemplo localmente, necesitarás correr un 
+ * <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.
  */
 let fingers;
 
diff --git a/src/data/examples/es/16_Dom/10_Video_Pixels.js b/src/data/examples/es/16_Dom/10_Video_Pixels.js
@@ -1,10 +1,9 @@
 /*
  * @name Pixeles de video
  * @frame 320,240
- * @description <p> Cargar un video, manipula sus pixeles y dibújalo en el lienzo.
- * <p><em><span class="small"> Para correr este ejemplo localmente, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- *, al menos un archivo de video y correr un <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.</span></em></p>
+ * @description Cargar un video, manipula sus pixeles y dibújalo en el lienzo.
+ * Para correr este ejemplo localmente, necesitarás correr un 
+ * <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.
  */
 let fingers;
 
diff --git a/src/data/examples/es/16_Dom/11_Capture.js b/src/data/examples/es/16_Dom/11_Capture.js
@@ -2,13 +2,11 @@
  * @name Captura de video
  * @frame 710,240
  * @description Captura video desde la webcam, muéstralo
-
  * en el lienzo con un filtro de inversión. Fíjate que por defecto la
  * captura también aparece. Puedes esconderla
  * si quitas el comentario a la línea de código capture.hide().
- * <p><em><span class="small"> Para correr este ejemplo localmente, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- *, al menos un archivo de video y correr un <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.</span></em></p>
+ * Para correr este ejemplo localmente, necesitarás correr un 
+ * <a href="https://github.com/processing/p5.js/wiki/Local-server">servidor local</a>.
  */
 let capture;
 
diff --git a/src/data/examples/es/16_Dom/12_Drop.js b/src/data/examples/es/16_Dom/12_Drop.js
@@ -1,9 +1,6 @@
 /*
  * @name Arrojar
- * @description  Toma un archivo de imagen y arrójalo sobre el lienzo para mostrarlo.
- * <p><em><span class="small"> Para correr este ejemplo localmente, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
- *, al menos un archivo de imagen.</span></em></p>
+ * @description Toma un archivo de imagen y arrójalo sobre el lienzo para mostrarlo.
  */
 
 function setup() {
diff --git a/src/data/examples/es/90_Hello_P5/02_interactivity.js b/src/data/examples/es/90_Hello_P5/02_interactivity.js
@@ -2,9 +2,6 @@
  * @name Interactividad 1
  * @frame 720,425
  * @description El círculo cambia de color cuando ahces click en él.
- * <p><em><span class="small"> Para correr este ejemplo de manera local, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom"> biblioteca p5.dom</a>.
- * </em></p>
  */
 
 // variables para los valores de rojo, verde y azul (r, g, b)
diff --git a/src/data/examples/es/90_Hello_P5/03_interactivity.js b/src/data/examples/es/90_Hello_P5/03_interactivity.js
@@ -2,8 +2,6 @@
  * @name Interactividad 2
  * @frame 720,425
  * @description El círculo cambia de color cuando mueves la barra deslizante.
- * Para correr este ejemplo de manera local, necesitarás la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">biblioteca p5.dom</a>
  */
 
 // Una barra deslizante de rango HTML
diff --git a/src/data/examples/es/90_Hello_P5/05_weather.js b/src/data/examples/es/90_Hello_P5/05_weather.js
@@ -2,9 +2,6 @@
  * @name Clima
  * @frame 720,280
  * @description Este ejemplo usa datos de clima en formato JSON desde apixu.com.
- * Necesitarás incluir la
- * <a href="http://p5js.org/reference/#/libraries/p5.dom"> biblioteca p5.dom</a>
- * a este ejemplo para que corra en tu máquina.
 */
 
 // un vector de dirección de viento
diff --git a/src/data/examples/zh-Hans/16_Dom/03_Input_Button.js b/src/data/examples/zh-Hans/16_Dom/03_Input_Button.js
@@ -1,9 +1,6 @@
 /*
  * @name Input and Button
- * @description You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.<br><br>
- * Input text and click the button to see it affect the the canvas.
+ * @description Input text and click the button to see it affect the the canvas.
  */
 let input, button, greeting;
 
diff --git a/src/data/examples/zh-Hans/16_Dom/04_Slider.js b/src/data/examples/zh-Hans/16_Dom/04_Slider.js
@@ -1,9 +1,6 @@
 /*
  * @name Slider
- * @description You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.<br><br>
- * Move the sliders to control the R, G, B values of the background.
+ * @description Move the sliders to control the R, G, B values of the background.
  */
 let rSlider, gSlider, bSlider;
 
diff --git a/src/data/examples/zh-Hans/16_Dom/07_Modify_DOM.js b/src/data/examples/zh-Hans/16_Dom/07_Modify_DOM.js
@@ -1,10 +1,8 @@
 /*
  * @name Modifying the DOM
  * @frame 710,300
- * @description <p>Create DOM elements and modify their properties every time
- * draw() is called. You will need to include the
- * <a href="http://p5js.org/reference/#/libraries/p5.dom">p5.dom library</a>
- * for this example to work in your own project.</p>
+ * @description Create DOM elements and modify their properties every time
+ * draw() is called.
  */
 let dancingWords = [];
 
diff --git a/src/data/examples/zh-Hans/16_Dom/08_Video.js b/src/data/examples/zh-Hans/16_Dom/08_Video.js
diff --git a/src/data/examples/zh-Hans/16_Dom/09_Video_Canvas.js b/src/data/examples/zh-Hans/16_Dom/09_Video_Canvas.js
diff --git a/src/data/examples/zh-Hans/16_Dom/10_Video_Pixels.js b/src/data/examples/zh-Hans/16_Dom/10_Video_Pixels.js
diff --git a/src/data/examples/zh-Hans/16_Dom/11_Capture.js b/src/data/examples/zh-Hans/16_Dom/11_Capture.js
diff --git a/src/data/examples/zh-Hans/16_Dom/12_Drop.js b/src/data/examples/zh-Hans/16_Dom/12_Drop.js
diff --git a/src/data/examples/zh-Hans/90_Hello_P5/02_interactivity.js b/src/data/examples/zh-Hans/90_Hello_P5/02_interactivity.js
diff --git a/src/data/examples/zh-Hans/90_Hello_P5/03_interactivity.js b/src/data/examples/zh-Hans/90_Hello_P5/03_interactivity.js
diff --git a/src/data/examples/zh-Hans/90_Hello_P5/05_weather.js b/src/data/examples/zh-Hans/90_Hello_P5/05_weather.js
diff --git a/src/templates/pages/reference/assets/js/reference.js b/src/templates/pages/reference/assets/js/reference.js
diff --git a/src/templates/pages/reference/assets/js/reference.js.map b/src/templates/pages/reference/assets/js/reference.js.map
diff --git a/src/yuidoc-p5-theme-src/scripts/main.js b/src/yuidoc-p5-theme-src/scripts/main.js
