isomorfeus-preact 10.5.0 → 10.5.4

data/node_modules/nano-css/addon/__tests__/env.js

@@ -0,0 +1,6 @@
+'use strict';
+
+exports.isClient = typeof window === 'object';
+exports.isServer = typeof window !== 'object';
+exports.isProd = process.env.NODE_ENV === 'production';
+exports.isDev = process.env.NODE_ENV !== 'production';

data/node_modules/nano-css/addon/__tests__/extract.server.test.js

@@ -0,0 +1,159 @@
+/** @jest-environment node */
+/* eslint-disable */
+'use strict';
+
+var create = require('../../index').create;
+var addonRule = require('../../addon/rule').addon;
+var addonCache = require('../../addon/cache').addon;
+var addonSheet = require('../../addon/sheet').addon;
+var addonJsx = require('../../addon/jsx').addon;
+var addonStyle = require('../../addon/style').addon;
+var addonStyled = require('../../addon/styled').addon;
+var addonExtract = require('../../addon/extract').addon;
+
+var createNano = function () {
+    var nano = create({
+        h: require('react').createElement
+    });
+
+    addonRule(nano);
+    addonCache(nano);
+    addonSheet(nano);
+    addonJsx(nano);
+    addonStyle(nano);
+    addonStyled(nano);
+    addonExtract(nano);
+
+    return nano;
+};
+
+describe('extract', function () {
+    it('extracts rule() CSS', function () {
+        var nano = createNano();
+
+        nano.rule({
+            color: 'blue'
+        });
+
+        expect(nano.raw.includes('color:blue')).toBe(true);
+    });
+
+    it('extracts sheet() CSS', function () {
+        var nano = createNano();
+
+        nano.sheet({
+            button: {
+                color: 'pink'
+            }
+        });
+
+        expect(nano.raw.includes('color:pink')).toBe(true);
+    });
+
+    it('extracts jsx() CSS', function (done) {
+        var nano = createNano();
+
+        var Button = nano.jsx('button', {
+            cursor: 'pointer',
+            background: 'blue'
+        });
+
+        process.nextTick(function () {
+            expect(nano.raw.includes('cursor:pointer')).toBe(true);
+            expect(nano.raw.includes('background:blue')).toBe(true);
+
+            done();
+        });
+    });
+
+    it('extracts style() CSS', function (done) {
+        var nano = createNano();
+
+        var Button = nano.style('button', {
+            cursor: 'pointer',
+            background: 'blue'
+        });
+
+        process.nextTick(function () {
+            expect(nano.raw.includes('cursor:pointer')).toBe(true);
+            expect(nano.raw.includes('background:blue')).toBe(true);
+
+            done();
+        });
+    });
+
+    it('extracts style() dynamic CSS', function (done) {
+        var nano = createNano();
+
+        var Button = nano.style('button', {
+            cursor: 'pointer',
+            background: 'red'
+        }, function () {
+            return {
+                border: '1px solid red'
+            };
+        });
+
+        process.nextTick(function () {
+            expect(nano.raw.includes('cursor:pointer')).toBe(true);
+            expect(nano.raw.includes('background:red')).toBe(true);
+            expect(nano.raw.includes('border:1px solid red')).toBe(true);
+
+            done();
+        });
+    });
+
+    it('extracts style() dynamic CSS', function (done) {
+        var nano = createNano();
+
+        var Button = nano.style('button', {
+            cursor: 'pointer',
+            background: 'red'
+        }, function (props) {
+            return {
+                border: '1px solid red',
+                padding: props.big ? '20px' : '10px'
+            };
+        });
+
+        Button.defaultProps = {
+            big: true
+        };
+
+        process.nextTick(function () {
+            expect(nano.raw.includes('cursor:pointer')).toBe(true);
+            expect(nano.raw.includes('background:red')).toBe(true);
+            expect(nano.raw.includes('border:1px solid red')).toBe(true);
+            expect(nano.raw.includes('padding:20px')).toBe(true);
+
+            done();
+        });
+    });
+
+    it('extracts styled()() dynamic CSS', function (done) {
+        var nano = createNano();
+
+        var Button = nano.styled.button({
+            cursor: 'pointer',
+            background: 'red'
+        }, function (props) {
+            return {
+                border: '1px solid red',
+                padding: props.big ? '20px' : '10px'
+            };
+        });
+
+        Button.defaultProps = {
+            big: true
+        };
+
+        process.nextTick(function () {
+            expect(nano.raw.includes('cursor:pointer')).toBe(true);
+            expect(nano.raw.includes('background:red')).toBe(true);
+            expect(nano.raw.includes('border:1px solid red')).toBe(true);
+            expect(nano.raw.includes('padding:20px')).toBe(true);
+
+            done();
+        });
+    });
+});

data/node_modules/nano-css/addon/__tests__/index.server.dev.test.js

@@ -0,0 +1,6 @@
+/** @jest-environment node */
+'use strict';
+
+process.env.NODE_ENV = 'development';
+
+require('./index.test');

data/node_modules/nano-css/addon/__tests__/index.server.test.js

@@ -0,0 +1,4 @@
+/** @jest-environment node */
+'use strict';
+
+require('./index.test');

data/node_modules/nano-css/addon/__tests__/index.test.js

@@ -0,0 +1,257 @@
+/* eslint-disable */
+'use strict';
+
+var env = require('./env');
+var create = require('../../index').create;
+
+function findCssRuleAndDelete (selector) {
+    var sheets = document.styleSheets;
+
+    for (var i = 0; i < sheets.length; i++) {
+        var sheet = sheets[i];
+
+        if (!sheet.cssRules) continue;
+
+        for (var j = 0; j < sheet.cssRules.length; j++) {
+            var rule = sheet.cssRules[j];
+
+            if (rule.selectorText === selector) {
+                sheet.deleteRule(j);
+
+                return rule;
+            }
+        }
+    }
+
+    return null;
+}
+
+describe('nano-css', function () {
+    it('exists', function () {
+        expect(typeof create).toBe('function');
+    });
+
+    it('can create renderer', function () {
+        var nano = create();
+
+        expect(typeof nano).toBe('object');
+        expect(typeof nano.putRaw).toBe('function');
+        expect(typeof nano.put).toBe('function');
+    });
+
+    it('default prefix is "_"', function () {
+        expect(create().pfx).toBe('_');
+    });
+
+    it('default assign function is Object.assign', function () {
+        expect(create().assign).toBe(Object.assign);
+    });
+
+    it('default stringify function is JSON.stringify', function () {
+        expect(create().stringify).toBe(JSON.stringify);
+    });
+
+    it('has no default hyperscript function', function () {
+        expect(create().h).toBe(undefined);
+    });
+
+    it('can set configuration', function () {
+        var assign = function () {
+            return Object.assign.apply(Object, arguments);
+        };
+        var h = function () {};
+        var stringify = function () {};
+        var nano = create({
+            pfx: 'hello-',
+            h: h,
+            assign: assign,
+            stringify: stringify
+        });
+
+        expect(nano.pfx).toBe('hello-');
+        expect(nano.h).toBe(h);
+        expect(nano.assign).toBe(assign);
+        expect(nano.stringify).toBe(stringify);
+    });
+
+    describe('.put()', function () {
+        it('inserts CSS', function () {
+            var nano = create();
+
+            nano.put('.foo', {
+                color: 'red'
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.foo');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('red');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.replace(/[\s\n]+/g, '')).toBe('.foo{color:red;}');
+            }
+        });
+
+        it('puts many declarations', function () {
+            var nano = create();
+
+            nano.put('.foo2', {
+                color: 'red',
+                textDecoration: 'underline',
+                'border-radius': '5px',
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.foo2');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('red');
+                expect(rule.style['text-decoration']).toBe('underline');
+                expect(rule.style['border-radius']).toBe('5px');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.includes('.foo2')).toBe(true);
+                expect(nano.raw.includes('color:red')).toBe(true);
+                expect(nano.raw.includes('text-decoration:underline')).toBe(true);
+                expect(nano.raw.includes('border-radius:5px')).toBe(true);
+            }
+        });
+
+        it('supports nesting', function () {
+            var nano = create();
+
+            nano.put('.foo3', {
+                '.nested' : {
+                    color: 'blue',
+                }
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.foo3 .nested');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('blue');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.includes('.foo3 .nested')).toBe(true);
+                expect(nano.raw.includes('color:blue')).toBe(true);
+            }
+        });
+
+        it('supports nesting - 2', function () {
+            var renderer = create();
+
+            renderer.put('.foo', {
+                '.bar': {
+                    '.baz': {
+                        '.bazooka': {
+                            color: 'red'
+                        }
+                    }
+                }
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.foo .bar .baz .bazooka');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('red');
+            }
+
+            if (env.isServer) {
+                expect(renderer.raw.indexOf('.foo .bar .baz .bazooka') > -1).toBe(true);
+                expect(renderer.raw.indexOf('color') > -1).toBe(true);
+                expect(renderer.raw.indexOf('red') > -1).toBe(true);
+            }
+        });
+
+        it('supports pseudo selectors', function () {
+            var nano = create();
+
+            nano.put('.foo3', {
+                ':hover' : {
+                    color: 'green',
+                }
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.foo3:hover');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('green');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.includes('.foo3:hover')).toBe(true);
+                expect(nano.raw.includes('color:green')).toBe(true);
+            }
+        });
+
+        it('can insert global styles', function () {
+            var nano = create();
+
+            nano.put('', {
+                '.global' : {
+                    color: 'green',
+                }
+            });
+
+            if (env.isClient) {
+                var rule = findCssRuleAndDelete('.global');
+
+                expect(typeof rule).toBe('object');
+                expect(rule.style.color).toBe('green');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.includes('.global')).toBe(true);
+                expect(nano.raw.includes('color:green')).toBe(true);
+            }
+        });
+
+        it('supports @media queries - 2', function () {
+            var nano = create();
+            nano.putRaw = jest.fn();
+
+            nano.put('', {
+                '@media screen': {
+                    '.global' : {
+                        color: 'green',
+                    }
+                }
+            });
+
+            expect(nano.putRaw).toHaveBeenCalledTimes(1);
+            expect(nano.putRaw.mock.calls[0][0].replace(/[\s\n]+/g, '')).toBe('@mediascreen{.global{color:green;}}');
+        });
+
+        it('supports @media queries - 3', function () {
+            var nano = create();
+
+            if (env.isClient) {
+                nano.putRaw = jest.fn();
+            }
+
+            nano.put('.parent', {
+                '@media screen': {
+                    '.foo': {
+                        color: 'red'
+                    }
+                }
+            });
+
+            if (env.isClient) {
+                expect(nano.putRaw).toHaveBeenCalledTimes(1);
+                expect(nano.putRaw.mock.calls[0][0].replace(/ /g, '')).toBe('@mediascreen{.parent.foo{color:red;}}');
+            }
+
+            if (env.isServer) {
+                expect(nano.raw.replace(/[\s\n]+/g, '')).toBe('@mediascreen{.parent.foo{color:red;}}');
+            }
+        });
+    });
+});

data/node_modules/nano-css/addon/__tests__/jsx.dev.test.js

@@ -0,0 +1,5 @@
+'use strict';
+
+process.env.NODE_ENV = 'development';
+
+require('./jsx.test');

data/node_modules/nano-css/addon/__tests__/jsx.server.dev.test.js

@@ -0,0 +1,6 @@
+/** @jest-environment node */
+'use strict';
+
+process.env.NODE_ENV = 'development';
+
+require('./jsx.test');