feat: add limit addon

addon/googleFont.js

@@ -37,7 +37,7 @@ exports.addon = function (renderer) {
         };
     } else {
         renderer.googleFont = function (font, weights, subsets) {
-            renderer.raw = "@import url('" + createUrl(font, weights, subsets) + "');" + renderer.raw;
+            renderer.putRaw("@import url('" + createUrl(font, weights, subsets) + "');");
         };
     }
 };

addon/keyframes.js

@@ -32,7 +32,7 @@ exports.addon = function (renderer) {
             if (renderer.client) {
                 renderer.ksh.appendChild(document.createTextNode(str));
             } else {
-                renderer.raw += str;
+                renderer.putRaw(str);
             }
 
             return;

addon/limit.js

@@ -0,0 +1,26 @@
+'use strict';
+
+exports.addon = function (renderer, limit) {
+    limit = limit || 50000;
+
+    if (process.env.NODE_ENV !== 'production') {
+        require('./__dev__/warnOnMissingDependencies')('limit', renderer, ['putRaw']);
+    }
+
+    if (!renderer.client) {
+        var putRaw = renderer.putRaw;
+
+        renderer.putRaw = function (rawCssRule) {
+            if (renderer.raw.length + rawCssRule.length > limit) {
+                /* eslint-disable */
+                console.info('CSS was not injected, because it would go over ' + limit + ' byte limit.');
+                console.log(rawCssRule);
+                /* eslint-enable */
+
+                return;
+            }
+
+            putRaw(rawCssRule);
+        };
+    }
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nano-css",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Smallest 5th gen CSS-in-JS library",
   "main": "index.js",
   "unpkg": "dist/nano-css.umd.min.js",