Fix reference build script not accounting for types reference

Author: limzykenneth

src/content/reference/en/p5/Array.mdx renamed to src/content/reference/en/p5/types/Array.mdx

@@ -0,0 +1,270 @@
+---
+title: Boolean
+module: Foundation
+submodule: Foundation
+file: src/core/reference.js
+description: >
+  <p>A value that's either <code>true</code> or <code>false</code>.</p>
+
+  <p><code>Boolean</code> values help to make decisions in code. They appear any
+  time a
+
+  logical condition is checked. For example, the condition
+
+  "Is a mouse button being pressed?" must be either <code>true</code> or
+
+  <code>false</code>:</p>
+
+  <pre><code class="language-js">// If the user presses the mouse, draw a circle
+  at
+
+  // the mouse's location.
+
+  if (mouseIsPressed === true) {
+    circle(mouseX, mouseY, 20);
+  }
+
+  </code></pre>
+
+  <p>The <code>if</code> statement checks whether
+
+  <a href="/reference/p5/mouseIsPressed/">mouseIsPressed</a> is
+  <code>true</code> and draws a
+
+  circle if it is. <code>Boolean</code> expressions such as <code>mouseIsPressed
+  === true</code>
+
+  evaluate to one of the two possible <code>Boolean</code> values:
+  <code>true</code> or <code>false</code>.</p>
+
+  <p>The <code>===</code> operator (EQUAL) checks whether two values are equal.
+  If they
+
+  are, the expression evaluates to <code>true</code>. Otherwise, it evaluates to
+
+  <code>false</code>.</p>
+
+  <p>Note: There's also a <code>==</code> operator with two <code>=</code>
+  instead of three. Don't use
+
+  it.</p>
+
+  <p>The <a href="/reference/p5/mouseIsPressed/">mouseIsPressed</a> system
+  variable is
+
+  always <code>true</code> or <code>false</code>, so the code snippet above
+  could also be written
+
+  as follows:</p>
+
+  <pre><code class="language-js">if (mouseIsPressed) {
+    circle(mouseX, mouseY, 20);
+  }
+
+  </code></pre>
+
+  <p>The <code>!==</code> operator (NOT EQUAL) checks whether two values are not
+  equal, as
+
+  in the following example:</p>
+
+  <pre><code class="language-js">if (2 + 2 !== 4) {
+    text('War is peace.', 50, 50);
+  }
+
+  </code></pre>
+
+  <p>Starting from the left, the arithmetic expression <code>2 + 2</code>
+  produces the
+
+  value <code>4</code>. The <code>Boolean</code> expression <code>4 !== 4</code>
+  evaluates to <code>false</code> because
+
+  <code>4</code> is equal to itself. As a result, the <code>if</code>
+  statement's body is skipped.</p>
+
+  <p>Note: There's also a <code>!=</code> operator with one <code>=</code>
+  instead of two. Don't use
+
+  it.</p>
+
+  <p>The <code>Boolean</code> operator <code>&&</code> (AND) checks whether two
+  expressions are both
+
+  <code>true</code>:</p>
+
+  <pre><code class="language-js">if (keyIsPressed === true && key === 'p') {
+    text('You pressed the "p" key!', 50, 50);
+  }
+
+  </code></pre>
+
+  <p>If the user is pressing a key AND that key is <code>'p'</code>, then a
+  message will
+
+  display.</p>
+
+  <p>The <code>Boolean</code> operator <code>||</code> (OR) checks whether at
+  least one of two
+
+  expressions is <code>true</code>:</p>
+
+  <pre><code class="language-js">if (keyIsPressed === true || mouseIsPressed ===
+  true) {
+    text('You did something!', 50, 50);
+  }
+
+  </code></pre>
+
+  <p>If the user presses a key, or presses a mouse button, or both, then a
+
+  message will display.</p>
+
+  <p>The following truth table summarizes a few common scenarios with
+  <code>&&</code> and
+
+  <code>||</code>:</p>
+
+  <pre><code class="language-js">true && true  // true
+
+  true && false // false
+
+  false && false // false
+
+  true || true  // true
+
+  true || false // true
+
+  false || false // false
+
+  </code></pre>
+
+  <p>The relational operators <code>></code>, <code><< code="">,
+  <code>>=</code>, and <code><=< code=""> also produce <code>Boolean</code>
+
+  values:</=<></code></<></code></p>
+
+  <pre><code class="language-js">2 > 1 // true
+
+  2 < 1 // false
+
+  2 >= 2 // true
+
+  2 <= 2="" true="" <="" code=""/></code></pre>
+
+  <p>See <a href="/reference/p5/if/">if</a> for more information about
+  <code>if</code> statements and
+
+  <a href="/reference/p5/Number/">Number</a> for more information about
+  <code>Number</code>s.</p>
+line: 502
+isConstructor: false
+itemtype: property
+example:
+  - |-
+
+    <div>
+    <code>
+    function setup() {
+      createCanvas(100, 100);
+
+      describe('A gray square. When the user presses the mouse, a circle appears at that location.');
+    }
+
+    function draw() {
+      background(200);
+
+      // If the user presses the mouse, draw a circle at that location.
+      if (mouseIsPressed) {
+        circle(mouseX, mouseY, 20);
+      }
+    }
+    </code>
+    </div>
+
+    <div>
+    <code>
+    function setup() {
+      createCanvas(100, 100);
+
+      describe('A gray square. When the user presses the mouse, a circle appears at that location.');
+    }
+
+    function draw() {
+      background(200);
+
+      // If the user presses the mouse, draw a circle at that location.
+      if (mouseIsPressed === true) {
+        circle(mouseX, mouseY, 20);
+      }
+    }
+    </code>
+    </div>
+
+    <div>
+    <code>
+    // Click on the canvas to begin detecting key presses.
+
+    function setup() {
+      createCanvas(100, 100);
+
+      describe('A gray square that turns pink when the user presses the mouse or a key.');
+    }
+
+    function draw() {
+      background(200);
+
+      // If the user presses the mouse, change the background color.
+      if (mouseIsPressed === true || keyIsPressed === true) {
+        background('deeppink');
+      }
+    }
+    </code>
+    </div>
+
+    <div>
+    <code>
+    // Click the canvas to begin detecting key presses.
+
+    // Create a Boolean variable.
+    let isPlaying = false;
+
+    function setup() {
+      createCanvas(100, 100);
+
+      describe(
+        'The message "Begin?\nY or N" written in green on a black background. The message "Good luck!" appears when they press the "y" key.'
+      );
+    }
+
+    function draw() {
+      background(0);
+
+      // Style the text.
+      textAlign(CENTER, CENTER);
+      textFont('Courier New');
+      textSize(16);
+      fill(0, 255, 0);
+
+      // Display a different message when the user begins playing.
+      if (isPlaying === false) {
+        text('Begin?', 50, 40);
+        text('Y or N', 50, 60);
+      } else {
+        text('Good luck!', 50, 50);
+      }
+    }
+
+    // Start playing when the user presses the 'y' key.
+    function keyPressed() {
+      if (key === 'y') {
+        isPlaying = true;
+      }
+    }
+    </code>
+    </div>
+class: p5
+---
+
+
+# Boolean

src/content/reference/en/p5/types/Boolean.mdx

@@ -67,6 +67,14 @@ const getModulePath = (doc: ReferenceClassDefinition | ReferenceClassItem) => {
 
   if (doc.module === "Constants") {
     sortedModule = "constants";
+  } else if ([
+    "Array",
+    "Boolean",
+    "Number",
+    "Object",
+    "String"
+  ].includes(doc.name)) {
+    sortedModule = "types";
   }
   if ("class" in doc && doc.class) {
     docClass = doc.class;