Type 2.0

package.json

@@ -82,7 +82,7 @@
   "author": "",
   "husky": {
     "hooks": {
-      "pre-commit": "lint-staged"
+
     }
   },
   "msw": {

src/app.js

@@ -50,9 +50,8 @@ import math from './math';
 math(p5);
 
 // typography
-import './typography/attributes';
-import './typography/loading_displaying';
-import './typography/p5.Font';
+import type from './type'
+type(p5);
 
 // utilities
 import utilities from './utilities';

src/core/p5.Renderer.js

@@ -33,14 +33,22 @@ class Renderer {
       imageMode: constants.CORNER,
       rectMode: constants.CORNER,
       ellipseMode: constants.CENTER,
+
       textFont: 'sans-serif',
       textLeading: 15,
       leadingSet: false,
       textSize: 12,
       textAlign: constants.LEFT,
       textBaseline: constants.BASELINE,
-      textStyle: constants.NORMAL,
-      textWrap: constants.WORD
+      textWrap: constants.WORD,
+
+      // added v2.0
+      fontStyle: constants.NORMAL, // v1: textStyle
+      fontStretch: constants.NORMAL,
+      fontWeight: constants.NORMAL,
+      lineHeight: constants.NORMAL,
+      fontVariant: constants.NORMAL,
+      direction: 'inherit'
     };
     this._pushPopStack = [];
     // NOTE: can use the length of the push pop stack instead
@@ -194,13 +202,13 @@ class Renderer {
         s === constants.BOLD ||
         s === constants.BOLDITALIC
       ) {
-        this.states.textStyle = s;
+        this.states.fontStyle = s;
       }
 
       return this._applyTextProperties();
     }
 
-    return this.states.textStyle;
+    return this.states.fontStyle;
   }
 
   textAscent () {

src/shape/attributes.js

@@ -297,7 +297,7 @@ function attributes(p5, fn){
     ) {
       this._renderer.states.rectMode = m;
     }
-    return this;
+    return this; // return current rectMode ?
   };
 
   /**

src/type/index.js

@@ -0,0 +1,9 @@
+
+import text2d from './text2d.js';
+import p5font from './p5.Font.js';
+
+export default function(p5){
+  p5.registerAddon(text2d);
+  p5.registerAddon(p5font);
+}
+