[d565449] | 1 | 'use strict';
|
---|
| 2 |
|
---|
| 3 | var createMemoizer = function (pfx) {
|
---|
| 4 | var offset = 10;
|
---|
| 5 | var msb = 35;
|
---|
| 6 | var power = 1;
|
---|
| 7 |
|
---|
| 8 | var self = {
|
---|
| 9 | cache: {},
|
---|
| 10 | length: 0,
|
---|
| 11 |
|
---|
| 12 | next: function () {
|
---|
| 13 | var vcount = self.length + offset;
|
---|
| 14 |
|
---|
| 15 | if (vcount === msb) {
|
---|
| 16 | offset += (msb + 1) * 9;
|
---|
| 17 | msb = Math.pow(36, ++power) - 1;
|
---|
| 18 | }
|
---|
| 19 | self.length++;
|
---|
| 20 |
|
---|
| 21 | return vcount;
|
---|
| 22 | },
|
---|
| 23 |
|
---|
| 24 | get: function () {
|
---|
| 25 | var curr = self.cache;
|
---|
| 26 | var lastIndex = arguments.length - 1;
|
---|
| 27 | var lastStep = arguments[lastIndex];
|
---|
| 28 |
|
---|
| 29 | for (var i = 0; i < lastIndex; i++) {
|
---|
| 30 | var step = arguments[i] || '_';
|
---|
| 31 |
|
---|
| 32 | if (!curr[step]) curr[step] = {};
|
---|
| 33 | curr = curr[step];
|
---|
| 34 | }
|
---|
| 35 |
|
---|
| 36 | if (!curr[lastStep]) curr[lastStep] = pfx + self.next().toString(36);
|
---|
| 37 |
|
---|
| 38 | return curr[lastStep];
|
---|
| 39 | }
|
---|
| 40 | };
|
---|
| 41 |
|
---|
| 42 | return self;
|
---|
| 43 | };
|
---|
| 44 |
|
---|
| 45 | exports.addon = function (renderer) {
|
---|
| 46 | if (process.env.NODE_ENV !== 'production') {
|
---|
| 47 | require('./__dev__/warnOnMissingDependencies')('virtual', renderer, ['rule', 'putRaw']);
|
---|
| 48 | }
|
---|
| 49 |
|
---|
| 50 | renderer.memo = createMemoizer(renderer.pfx);
|
---|
| 51 |
|
---|
| 52 | renderer.atomic = function (selectorTemplate, rawDecl, atrule) {
|
---|
| 53 | var memo = renderer.memo;
|
---|
| 54 | var memoLength = memo.length;
|
---|
| 55 | var className = memo.get(atrule, selectorTemplate, rawDecl);
|
---|
| 56 |
|
---|
| 57 | if (memoLength < memo.length) {
|
---|
| 58 | var selector = selectorTemplate.replace(/&/g, '.' + className);
|
---|
| 59 | var str = selector + '{' + rawDecl + '}';
|
---|
| 60 |
|
---|
| 61 | if (atrule) {
|
---|
| 62 | str = atrule + '{' + str + '}';
|
---|
| 63 | }
|
---|
| 64 |
|
---|
| 65 | renderer.putRaw(str);
|
---|
| 66 | }
|
---|
| 67 |
|
---|
| 68 | return className;
|
---|
| 69 | };
|
---|
| 70 |
|
---|
| 71 | renderer.virtual = function (selectorTemplate, decls, atrule) {
|
---|
| 72 | selectorTemplate = selectorTemplate || '&';
|
---|
| 73 |
|
---|
| 74 | var classNames = '';
|
---|
| 75 |
|
---|
| 76 | for (var prop in decls) {
|
---|
| 77 | var value = decls[prop];
|
---|
| 78 |
|
---|
| 79 | if (prop.indexOf('keyframes') > -1) {
|
---|
| 80 | renderer.putAt('', value, prop);
|
---|
| 81 | continue;
|
---|
| 82 | }
|
---|
| 83 |
|
---|
| 84 | if ((value instanceof Object) && !(value instanceof Array)) {
|
---|
| 85 | if (prop[0] === '@') {
|
---|
| 86 | classNames += renderer.virtual(selectorTemplate, value, prop);
|
---|
| 87 | } else {
|
---|
| 88 | classNames += renderer.virtual(renderer.selector(selectorTemplate, prop), value, atrule);
|
---|
| 89 | }
|
---|
| 90 | } else {
|
---|
| 91 | var rawDecl = renderer.decl(prop, value);
|
---|
| 92 | var rawDecls = rawDecl.split(';');
|
---|
| 93 |
|
---|
| 94 | for (var i = 0; i < rawDecls.length; i++) {
|
---|
| 95 | var d = rawDecls[i];
|
---|
| 96 | if (d) classNames += ' ' + renderer.atomic(selectorTemplate, d, atrule);
|
---|
| 97 | }
|
---|
| 98 | }
|
---|
| 99 | }
|
---|
| 100 |
|
---|
| 101 | return classNames;
|
---|
| 102 | };
|
---|
| 103 |
|
---|
| 104 | renderer.rule = function (decls) {
|
---|
| 105 | return renderer.virtual('&', decls);
|
---|
| 106 | };
|
---|
| 107 | };
|
---|