isomorfeus-preact 10.5.0 → 10.5.4

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

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

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

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

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

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

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

@@ -0,0 +1,41 @@
+/* eslint-disable */
+'use strict';
+
+var create = require('../../index').create;
+var addonUnits = require('../../addon/units').addon;
+
+function createNano (config) {
+    var nano = create(config);
+
+    addonUnits(nano);
+
+    return nano;
+};
+
+describe('units', function () {
+    it('creates public methods', function () {
+        var nano = createNano();
+
+        expect(typeof nano.px).toBe('function');
+        expect(typeof nano.units).toBe('object');
+        expect(typeof nano.units.px).toBe('function');
+    });
+
+    it('works', function () {
+        var nano = createNano();
+
+        expect(nano.px(25)).toBe('25px');
+        expect(nano.units.px(25)).toBe('25px');
+        expect(nano.units.pt(1)).toBe('1pt');
+        expect(nano.pt(1)).toBe('1pt');
+        expect(nano.vmax(100)).toBe('100vmax');
+        expect(nano.vw(3)).toBe('3vw');
+    });
+
+    it('special cases', function () {
+        var nano = createNano();
+
+        expect(nano.pct(20)).toBe('20%');
+        expect(nano.inch(3)).toBe('3in');
+    });
+});

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

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

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

@@ -0,0 +1,69 @@
+/* eslint-disable */
+'use strict';
+
+var env = require('./env');
+var create = require('../../index').create;
+var addonValidate = require('../../addon/validate').addon;
+
+function createNano (config) {
+    var nano = create(config);
+
+    addonValidate(nano);
+
+    return nano;
+};
+
+describe('validate', function () {
+
+    // TODO: Disable validate addon tests, because it is not stable.
+    // It shows:
+    //   TypeError: this.fn is not a function
+    // Need to reinstall /node_modules folder, to remove this error.
+    it.only('installs without crashing', function () {
+        var nano = createNano();
+    });
+
+    it('shows warning in production', function () {
+        var console$warn = console.warn;
+
+        console.warn = jest.fn();
+
+        var nano = createNano();
+
+        expect(console.warn).toHaveBeenCalledTimes(env.isProd ? 1 : 0);
+
+        console.warn = console$warn;
+    });
+
+    it('does nothing on valid styles', function () {
+        var nano = createNano();
+
+        var console$error = console.error;
+
+        console.error = jest.fn();
+
+        nano.put('.foo', {
+            color: 'red'
+        });
+
+        expect(console.error).toHaveBeenCalledTimes(0);
+
+        console.error = console$error;
+    });
+
+    it('shows error on invalid styles', function () {
+        var nano = createNano();
+
+        var console$error = console.error;
+
+        console.error = jest.fn();
+
+        nano.put('.foo', {
+            color: 'rrrred'
+        });
+
+        expect(console.error.mock.calls.length > 0).toBe(true);
+
+        console.error = console$error;
+    });
+});

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

@@ -0,0 +1,14 @@
+/** @jest-environment node */
+'use strict';
+
+process.env.NODE_ENV = 'development';
+
+var create = require('../../index').create;
+var addonCSSOM = require('../../addon/cssom').addon;
+var addonVCSSOM = require('../../addon/vcssom').addon;
+
+test('should load without crashing', () => {
+    var nano = create();
+    addonCSSOM(nano);
+    addonVCSSOM(nano);
+});

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

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

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

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

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

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

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

@@ -0,0 +1,225 @@
+/* eslint-disable */
+'use strict';
+
+var env = require('./env');
+var create = require('../../index').create;
+var addonRule = require('../../addon/rule').addon;
+var addonVirtual = require('../../addon/virtual').addon;
+var addonKeyframes = require('../../addon/keyframes').addon;
+
+function createNano (config) {
+    var nano = create(config);
+
+    addonRule(nano);
+    addonVirtual(nano);
+
+    return nano;
+};
+
+describe('virtual', function () {
+    it('installs interface', function () {
+        var nano = createNano();
+
+        expect(typeof nano.atomic).toBe('function');
+        expect(typeof nano.virtual).toBe('function');
+    });
+
+    describe('atomic()', function () {
+        it('injects raw styles', function () {
+            var nano = createNano();
+
+            var className = nano.atomic('&', 'color:red;', '');
+
+            expect(className).toBe('_a');
+
+            if (env.isServer) {
+                expect(nano.raw).toBe('._a{color:red;}');
+            }
+        });
+
+        it('increments ID', function () {
+            var nano = createNano();
+
+            expect(nano.atomic('&', 'color:red;')).toBe('_a')
+            expect(nano.atomic('&', 'color:blue;')).toBe('_b')
+            expect(nano.atomic('&', 'color:green;')).toBe('_c')
+
+            if (env.isServer) {
+                expect(nano.raw).toBe('._a{color:red;}._b{color:blue;}._c{color:green;}');
+            }
+        });
+
+        it('caches', function () {
+            var nano = createNano();
+
+            expect(nano.atomic('&', 'color:red;')).toBe('_a')
+            expect(nano.atomic('&', 'color:red;')).toBe('_a')
+        });
+
+        it('at-rules', function () {
+            var nano = createNano();
+
+            expect(nano.atomic('&', 'color:red;', '@media screen')).toBe('_a')
+            expect(nano.atomic('&', 'color:red;', '@media screen')).toBe('_a')
+
+            if (env.isServer) {
+                expect(nano.raw).toBe('@media screen{._a{color:red;}}');
+            }
+        });
+
+        it('interpolates selector', function () {
+            var nano = createNano();
+
+            expect(nano.atomic('.global &:hover', 'color:red;', '@media screen')).toBe('_a')
+            expect(nano.atomic('.global &:hover', 'color:red;', '@media screen')).toBe('_a')
+
+            if (env.isServer) {
+                expect(nano.raw).toBe('@media screen{.global ._a:hover{color:red;}}');
+            }
+        });
+
+        it('prefixes class names', function () {
+            var nano = createNano({
+                pfx: 'foo-'
+            });
+
+            expect(nano.atomic('&', 'color:red;')).toBe('foo-a');
+        });
+    });
+
+    describe('virtual()', function () {
+        it('injects CSS', function () {
+            var nano = createNano();
+            var className = nano.virtual('&', {
+                color: 'red'
+            });
+
+            expect(className).toBe(' _a');
+            if (env.isServer) {
+                expect(nano.raw).toBe('._a{color:red}');
+            }
+        });
+
+        it('makes styles atomic', function () {
+            var nano = createNano();
+            var className = nano.virtual('&', {
+                color: 'red',
+                background: 'black',
+                textAlign: 'center'
+            });
+
+            expect(className).toBe(' _a _b _c');
+
+            if (env.isServer) {
+                expect(nano.raw.includes('color:red')).toBe(true);
+                expect(nano.raw.includes('background:black')).toBe(true);
+                expect(nano.raw.includes('text-align:center')).toBe(true);
+            }
+        });
+
+        it('allows nesting', function () {
+            var nano = createNano();
+            var className = nano.virtual('&', {
+                color: 'red',
+                ':hover': {
+                    color: 'blue',
+                }
+            });
+
+            expect(className).toBe(' _a _b');
+
+            if (env.isServer) {
+                expect(nano.raw.includes('._a')).toBe(true);
+                expect(nano.raw.includes('._b')).toBe(true);
+                expect(nano.raw.includes(':hover')).toBe(true);
+                expect(nano.raw.includes('color:red')).toBe(true);
+                expect(nano.raw.includes('color:blue')).toBe(true);
+            }
+        });
+
+        it('multiple styles', function () {
+            var nano = createNano();
+
+            nano.atomic = jest.fn();
+
+            var className = nano.virtual('&', {
+                color: 'tomato',
+                border: '1px solid red',
+                margin: '10px auto',
+                padding: '0',
+                ':focus': {
+                    color: 'blue',
+                },
+                '@media screen': {
+                    textAlign: 'right',
+                    cursor: 'pointer',
+                }
+            });
+
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'color:tomato', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'border:1px solid red', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'margin:10px auto', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'padding:0', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&:focus', 'color:blue', undefined);
+            expect(nano.atomic).not.toHaveBeenCalledWith('&:focus', 'color:tomato', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'text-align:right', '@media screen');
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'cursor:pointer', '@media screen');
+            expect(nano.atomic).not.toHaveBeenCalledWith('&', 'color:tomato', '@media screen');
+        });
+
+        it('extrapolates array values', function () {
+            var nano = createNano();
+
+            nano.atomic = jest.fn();
+
+            var className = nano.virtual('&', {
+                color: 'blue;color:red;',
+            });
+
+            expect(nano.atomic).toHaveBeenCalledTimes(2);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'color:blue', undefined);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'color:red', undefined);
+        });
+
+        it('removes semicolons', function () {
+            var nano = createNano();
+
+            nano.atomic = jest.fn();
+
+            var className = nano.virtual('&', {
+                color: 'blue;;;;;',
+            });
+
+            expect(nano.atomic).toHaveBeenCalledTimes(1);
+            expect(nano.atomic).toHaveBeenCalledWith('&', 'color:blue', undefined);
+        });
+
+	    it('doesn\'t break keyframes', function() {
+		    var nano = createNano();
+            addonKeyframes(nano);
+
+		    nano.virtual('&', {
+			    animation: 'sk-foldCubeAngle 2.4s infinite linear both',
+			    '@keyframes sk-foldCubeAngle': {
+				    '0%, 10%': {
+					    transform: 'perspective(140px) rotateX(-180deg)',
+					    opacity: 0
+				    },
+				    '25%, 75%': {
+					    transform: 'perspective(140px) rotateX(0deg)',
+					    opacity: 1
+				    },
+				    '90%, 100%': {
+					    transform: 'perspective(140px) rotateY(180deg)',
+					    opacity: 0
+				    }
+			    }
+		    });
+
+		    if (env.isServer) {
+			    expect(nano.raw).toEqual('._a{animation:sk-foldCubeAngle 2.4s infinite linear both}@-webkit-keyframes sk-foldCubeAngle{0%, 10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%, 75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%, 100%{transform:perspective(140px) rotateY(180deg);opacity:0;}}@-moz-keyframes sk-foldCubeAngle{0%, 10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%, 75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%, 100%{transform:perspective(140px) rotateY(180deg);opacity:0;}}@-o-keyframes sk-foldCubeAngle{0%, 10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%, 75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%, 100%{transform:perspective(140px) rotateY(180deg);opacity:0;}}@keyframes sk-foldCubeAngle{0%, 10%{transform:perspective(140px) rotateX(-180deg);opacity:0;}25%, 75%{transform:perspective(140px) rotateX(0deg);opacity:1;}90%, 100%{transform:perspective(140px) rotateY(180deg);opacity:0;}}');
+
+		    }
+	    });
+    });
+});

data/node_modules/nano-css/addon/amp.d.ts

@@ -0,0 +1,5 @@
+import {NanoRenderer} from '../types/nano';
+
+export interface AmpAddon {}
+
+export function addon(nano: NanoRenderer);

data/node_modules/nano-css/addon/amp.js

@@ -0,0 +1,156 @@
+'use strict';
+
+var addonLimit = require('./limit').addon;
+
+// Banned CSS declaration property names, for security reasons.
+var banned = [
+    'behavior',
+    '-moz-binding',
+];
+
+var warnOnImportant = function (renderer) {
+    var putRaw = renderer.putRaw;
+
+    renderer.putRaw = function (rawCssRule) {
+        if (rawCssRule.indexOf('!important') > -1) {
+            console.error(
+                '!important modifier is not allowed in AMP apps. ' +
+                'Detected !important modifier in below CSS rule. ' +
+                rawCssRule
+            );
+        }
+
+        return putRaw(rawCssRule);
+    };
+};
+
+var removeImportant = function (renderer) {
+    var putRaw = renderer.putRaw;
+
+    renderer.putRaw = function (rawCssRule) {
+        rawCssRule = rawCssRule.replace(/!important/g, '');
+
+        return putRaw(rawCssRule);
+    };
+};
+
+var warnOnReservedSelectors = function (renderer) {
+    var putRaw = renderer.putRaw;
+
+    renderer.putRaw = function (rawCssRule) {
+        var pos = rawCssRule.indexOf('{');
+
+        if (pos < 0)
+            return putRaw(rawCssRule);
+
+        var selectors = ' ' + rawCssRule.substr(0, pos);
+
+        if (selectors.match(/\s\.-amp-/g)) {
+            console.error(
+                'Detected class name that starts with "-amp-". ' +
+                'Class names starting with "-amp-" are reserved from AMP components. ' +
+                rawCssRule
+            );
+        }
+
+        if (selectors.match(/\si-amp-/g)) {
+            console.error(
+                'Detected CSS selector that matches "i-amp-" elements. ' +
+                'Slectors for "i-amp-" elements are reserved from AMP components. ' +
+                rawCssRule
+            );
+        }
+
+        return putRaw(rawCssRule);
+    };
+};
+
+var removeReservedSelectors = function (renderer) {
+    var putRaw = renderer.putRaw;
+
+    renderer.putRaw = function (rawCssRule) {
+        var pos = rawCssRule.indexOf('{');
+
+        if (pos < 0)
+            return putRaw(rawCssRule);
+
+        var selectors = ' ' + rawCssRule.substr(0, pos);
+
+        if (selectors.match(/\s\.-amp-/g) || selectors.match(/\si-amp-/g)) {
+            return;
+        }
+
+        return putRaw(rawCssRule);
+    };
+};
+
+var warnOnBanned = function (renderer) {
+    var decl = renderer.decl;
+
+    renderer.decl = function (prop, value) {
+        if (banned.indexOf(renderer.kebab(prop)) > -1) {
+
+            console.error(
+                'Detected banned CSS prop, "' + prop + '" is not allowed in AMP apps.'
+            );
+        }
+
+        return decl(prop, value);
+    };
+};
+
+var removeBanned = function (renderer) {
+    var decl = renderer.decl;
+
+    renderer.decl = function (prop, value) {
+        if (banned.indexOf(renderer.kebab(prop)) > -1) {
+
+            return '';
+        }
+
+        return decl(prop, value);
+    };
+};
+
+exports.addon = function (renderer, config) {
+    config = config || {};
+
+    if (process.env.NODE_ENV !== 'production') {
+        require('./__dev__/warnOnMissingDependencies')('limit', renderer, ['putRaw']);
+    }
+
+    if (renderer.client) return;
+
+    // Enforce max style sheet size.
+    addonLimit(renderer, config.limit || 50000);
+
+    // Warn on `!important` specifiers, which are not allowed.
+    if (process.env.NODE_ENV !== 'production') {
+        warnOnImportant(renderer);
+    }
+
+    // Remove all !important modifiers.
+    if (config.removeImportant) {
+        removeImportant(renderer);
+    }
+
+    // Warn on reserved selectors.
+    if (process.env.NODE_ENV !== 'production') {
+        warnOnReservedSelectors(renderer);
+    }
+
+    // Remove reserved selectors ".-amp-" and "i-amp-".
+    if (config.removeReserved) {
+        removeReservedSelectors(renderer);
+    }
+
+    // Warn on banned CSS properties.
+    if (process.env.NODE_ENV !== 'production') {
+        warnOnBanned(renderer);
+    }
+
+    // Remove banned CSS properties.
+    if (config.removeBanned) {
+        removeBanned(renderer);
+    }
+};