tailwindcss 0.0.0-insiders.df011dc → 0.0.0-insiders.e2d5f21

package/lib/util/normalizeConfig.js

@@ -0,0 +1,208 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.normalizeConfig = normalizeConfig;
+var _log = _interopRequireDefault(require("./log"));
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function normalizeConfig(config) {
+    // Quick structure validation
+    /**
+   * type FilePath = string
+   * type RawFile = { raw: string, extension?: string }
+   * type ExtractorFn = (content: string) => Array<string>
+   * type TransformerFn = (content: string) => string
+   *
+   * type Content =
+   *   | Array<FilePath | RawFile>
+   *   | {
+   *       files: Array<FilePath | RawFile>,
+   *       extract?: ExtractorFn | { [extension: string]: ExtractorFn }
+   *       transform?: TransformerFn | { [extension: string]: TransformerFn }
+   *   }
+   */ let valid = (()=>{
+        // `config.purge` should not exist anymore
+        if (config.purge) {
+            return false;
+        }
+        // `config.content` should exist
+        if (!config.content) {
+            return false;
+        }
+        // `config.content` should be an object or an array
+        if (!Array.isArray(config.content) && !(typeof config.content === 'object' && config.content !== null)) {
+            return false;
+        }
+        // When `config.content` is an array, it should consist of FilePaths or RawFiles
+        if (Array.isArray(config.content)) {
+            return config.content.every((path)=>{
+                // `path` can be a string
+                if (typeof path === 'string') return true;
+                // `path` can be an object { raw: string, extension?: string }
+                // `raw` must be a string
+                if (typeof (path === null || path === void 0 ? void 0 : path.raw) !== 'string') return false;
+                // `extension` (if provided) should also be a string
+                if ((path === null || path === void 0 ? void 0 : path.extension) && typeof (path === null || path === void 0 ? void 0 : path.extension) !== 'string') {
+                    return false;
+                }
+                return true;
+            });
+        }
+        // When `config.content` is an object
+        if (typeof config.content === 'object' && config.content !== null) {
+            // Only `files`, `extract` and `transform` can exist in `config.content`
+            if (Object.keys(config.content).some((key)=>![
+                    'files',
+                    'extract',
+                    'transform'
+                ].includes(key)
+            )) {
+                return false;
+            }
+            // `config.content.files` should exist of FilePaths or RawFiles
+            if (Array.isArray(config.content.files)) {
+                if (!config.content.files.every((path)=>{
+                    // `path` can be a string
+                    if (typeof path === 'string') return true;
+                    // `path` can be an object { raw: string, extension?: string }
+                    // `raw` must be a string
+                    if (typeof (path === null || path === void 0 ? void 0 : path.raw) !== 'string') return false;
+                    // `extension` (if provided) should also be a string
+                    if ((path === null || path === void 0 ? void 0 : path.extension) && typeof (path === null || path === void 0 ? void 0 : path.extension) !== 'string') {
+                        return false;
+                    }
+                    return true;
+                })) {
+                    return false;
+                }
+                // `config.content.extract` is optional, and can be a Function or a Record<String, Function>
+                if (typeof config.content.extract === 'object') {
+                    for (let value of Object.values(config.content.extract)){
+                        if (typeof value !== 'function') {
+                            return false;
+                        }
+                    }
+                } else if (!(config.content.extract === undefined || typeof config.content.extract === 'function')) {
+                    return false;
+                }
+                // `config.content.transform` is optional, and can be a Function or a Record<String, Function>
+                if (typeof config.content.transform === 'object') {
+                    for (let value of Object.values(config.content.transform)){
+                        if (typeof value !== 'function') {
+                            return false;
+                        }
+                    }
+                } else if (!(config.content.transform === undefined || typeof config.content.transform === 'function')) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        return false;
+    })();
+    if (!valid) {
+        _log.default.warn('purge-deprecation', [
+            'The `purge`/`content` options have changed in Tailwind CSS v3.0.',
+            'Update your configuration file to eliminate this warning.'
+        ]);
+    }
+    // Normalize the `safelist`
+    config.safelist = (()=>{
+        var ref;
+        let { content , purge , safelist  } = config;
+        if (Array.isArray(safelist)) return safelist;
+        if (Array.isArray(content === null || content === void 0 ? void 0 : content.safelist)) return content.safelist;
+        if (Array.isArray(purge === null || purge === void 0 ? void 0 : purge.safelist)) return purge.safelist;
+        if (Array.isArray(purge === null || purge === void 0 ? void 0 : (ref = purge.options) === null || ref === void 0 ? void 0 : ref.safelist)) return purge.options.safelist;
+        return [];
+    })();
+    // Normalize prefix option
+    if (typeof config.prefix === 'function') {
+        _log.default.warn('prefix-function', [
+            'As of Tailwind CSS v3.0, `prefix` cannot be a function.',
+            'Update `prefix` in your configuration to be a string to eliminate this warning.'
+        ]);
+        config.prefix = '';
+    } else {
+        var _prefix;
+        config.prefix = (_prefix = config.prefix) !== null && _prefix !== void 0 ? _prefix : '';
+    }
+    // Normalize the `content`
+    config.content = {
+        files: (()=>{
+            let { content , purge  } = config;
+            if (Array.isArray(purge)) return purge;
+            if (Array.isArray(purge === null || purge === void 0 ? void 0 : purge.content)) return purge.content;
+            if (Array.isArray(content)) return content;
+            if (Array.isArray(content === null || content === void 0 ? void 0 : content.content)) return content.content;
+            if (Array.isArray(content === null || content === void 0 ? void 0 : content.files)) return content.files;
+            return [];
+        })(),
+        extract: (()=>{
+            let extract = (()=>{
+                var ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9;
+                if ((ref = config.purge) === null || ref === void 0 ? void 0 : ref.extract) return config.purge.extract;
+                if ((ref1 = config.content) === null || ref1 === void 0 ? void 0 : ref1.extract) return config.content.extract;
+                if ((ref2 = config.purge) === null || ref2 === void 0 ? void 0 : (ref3 = ref2.extract) === null || ref3 === void 0 ? void 0 : ref3.DEFAULT) return config.purge.extract.DEFAULT;
+                if ((ref4 = config.content) === null || ref4 === void 0 ? void 0 : (ref5 = ref4.extract) === null || ref5 === void 0 ? void 0 : ref5.DEFAULT) return config.content.extract.DEFAULT;
+                if ((ref6 = config.purge) === null || ref6 === void 0 ? void 0 : (ref7 = ref6.options) === null || ref7 === void 0 ? void 0 : ref7.extractors) return config.purge.options.extractors;
+                if ((ref8 = config.content) === null || ref8 === void 0 ? void 0 : (ref9 = ref8.options) === null || ref9 === void 0 ? void 0 : ref9.extractors) return config.content.options.extractors;
+                return {
+                };
+            })();
+            let extractors = {
+            };
+            let defaultExtractor = (()=>{
+                var ref, ref10, ref11, ref12;
+                if ((ref = config.purge) === null || ref === void 0 ? void 0 : (ref10 = ref.options) === null || ref10 === void 0 ? void 0 : ref10.defaultExtractor) {
+                    return config.purge.options.defaultExtractor;
+                }
+                if ((ref11 = config.content) === null || ref11 === void 0 ? void 0 : (ref12 = ref11.options) === null || ref12 === void 0 ? void 0 : ref12.defaultExtractor) {
+                    return config.content.options.defaultExtractor;
+                }
+                return undefined;
+            })();
+            if (defaultExtractor !== undefined) {
+                extractors.DEFAULT = defaultExtractor;
+            }
+            // Functions
+            if (typeof extract === 'function') {
+                extractors.DEFAULT = extract;
+            } else if (Array.isArray(extract)) {
+                for (let { extensions , extractor  } of extract !== null && extract !== void 0 ? extract : []){
+                    for (let extension of extensions){
+                        extractors[extension] = extractor;
+                    }
+                }
+            } else if (typeof extract === 'object' && extract !== null) {
+                Object.assign(extractors, extract);
+            }
+            return extractors;
+        })(),
+        transform: (()=>{
+            let transform = (()=>{
+                var ref, ref13, ref14, ref15, ref16, ref17;
+                if ((ref = config.purge) === null || ref === void 0 ? void 0 : ref.transform) return config.purge.transform;
+                if ((ref13 = config.content) === null || ref13 === void 0 ? void 0 : ref13.transform) return config.content.transform;
+                if ((ref14 = config.purge) === null || ref14 === void 0 ? void 0 : (ref15 = ref14.transform) === null || ref15 === void 0 ? void 0 : ref15.DEFAULT) return config.purge.transform.DEFAULT;
+                if ((ref16 = config.content) === null || ref16 === void 0 ? void 0 : (ref17 = ref16.transform) === null || ref17 === void 0 ? void 0 : ref17.DEFAULT) return config.content.transform.DEFAULT;
+                return {
+                };
+            })();
+            let transformers = {
+            };
+            if (typeof transform === 'function') {
+                transformers.DEFAULT = transform;
+            }
+            if (typeof transform === 'object' && transform !== null) {
+                Object.assign(transformers, transform);
+            }
+            return transformers;
+        })()
+    };
+    return config;
+}

package/lib/util/normalizeScreens.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.normalizeScreens = normalizeScreens;
+function normalizeScreens(screens) {
+    if (Array.isArray(screens)) {
+        return screens.map((screen)=>{
+            if (typeof screen === 'string') {
+                return {
+                    name: screen.toString(),
+                    values: [
+                        {
+                            min: screen,
+                            max: undefined
+                        }
+                    ]
+                };
+            }
+            let [name, options] = screen;
+            name = name.toString();
+            if (typeof options === 'string') {
+                return {
+                    name,
+                    values: [
+                        {
+                            min: options,
+                            max: undefined
+                        }
+                    ]
+                };
+            }
+            if (Array.isArray(options)) {
+                return {
+                    name,
+                    values: options.map((option)=>resolveValue(option)
+                    )
+                };
+            }
+            return {
+                name,
+                values: [
+                    resolveValue(options)
+                ]
+            };
+        });
+    }
+    return normalizeScreens(Object.entries(screens !== null && screens !== void 0 ? screens : {
+    }));
+}
+function resolveValue({ 'min-width': _minWidth , min =_minWidth , max , raw  } = {
+}) {
+    return {
+        min,
+        max,
+        raw
+    };
+}

package/lib/util/parseAnimationValue.js

@@ -1,60 +1,89 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = parseAnimationValue;
-const DIRECTIONS = new Set(['normal', 'reverse', 'alternate', 'alternate-reverse']);
-const PLAY_STATES = new Set(['running', 'paused']);
-const FILL_MODES = new Set(['none', 'forwards', 'backwards', 'both']);
-const ITERATION_COUNTS = new Set(['infinite']);
-const TIMINGS = new Set(['linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end']);
-const TIMING_FNS = ['cubic-bezier', 'steps'];
-const COMMA = /\,(?![^(]*\))/g; // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
-
-const SPACE = /\ +(?![^(]*\))/g; // Similar to the one above, but with spaces instead.
-
+const DIRECTIONS = new Set([
+    'normal',
+    'reverse',
+    'alternate',
+    'alternate-reverse'
+]);
+const PLAY_STATES = new Set([
+    'running',
+    'paused'
+]);
+const FILL_MODES = new Set([
+    'none',
+    'forwards',
+    'backwards',
+    'both'
+]);
+const ITERATION_COUNTS = new Set([
+    'infinite'
+]);
+const TIMINGS = new Set([
+    'linear',
+    'ease',
+    'ease-in',
+    'ease-out',
+    'ease-in-out',
+    'step-start',
+    'step-end', 
+]);
+const TIMING_FNS = [
+    'cubic-bezier',
+    'steps'
+];
+const COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
+;
+const SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead.
+;
 const TIME = /^(-?[\d.]+m?s)$/;
 const DIGIT = /^(\d+)$/;
-
 function parseAnimationValue(input) {
-  let animations = input.split(COMMA);
-  return animations.map(animation => {
-    let value = animation.trim();
-    let result = {
-      value
-    };
-    let parts = value.split(SPACE);
-    let seen = new Set();
-
-    for (let part of parts) {
-      if (!seen.has('DIRECTIONS') && DIRECTIONS.has(part)) {
-        result.direction = part;
-        seen.add('DIRECTIONS');
-      } else if (!seen.has('PLAY_STATES') && PLAY_STATES.has(part)) {
-        result.playState = part;
-        seen.add('PLAY_STATES');
-      } else if (!seen.has('FILL_MODES') && FILL_MODES.has(part)) {
-        result.fillMode = part;
-        seen.add('FILL_MODES');
-      } else if (!seen.has('ITERATION_COUNTS') && (ITERATION_COUNTS.has(part) || DIGIT.test(part))) {
-        result.iterationCount = part;
-        seen.add('ITERATION_COUNTS');
-      } else if (!seen.has('TIMING_FUNCTION') && TIMINGS.has(part)) {
-        result.timingFunction = part;
-        seen.add('TIMING_FUNCTION');
-      } else if (!seen.has('TIMING_FUNCTION') && TIMING_FNS.some(f => part.startsWith(`${f}(`))) {
-        result.timingFunction = part;
-        seen.add('TIMING_FUNCTION');
-      } else if (!seen.has('DURATION') && TIME.test(part)) {
-        result.duration = part;
-        seen.add('DURATION');
-      } else if (!seen.has('DELAY') && TIME.test(part)) {
-        result.delay = part;
-        seen.add('DELAY');
-      } else result.name = part;
-    }
-
-    return result;
-  });
-}
+    let animations = input.split(COMMA);
+    return animations.map((animation)=>{
+        let value = animation.trim();
+        let result = {
+            value
+        };
+        let parts = value.split(SPACE);
+        let seen = new Set();
+        for (let part of parts){
+            if (!seen.has('DIRECTIONS') && DIRECTIONS.has(part)) {
+                result.direction = part;
+                seen.add('DIRECTIONS');
+            } else if (!seen.has('PLAY_STATES') && PLAY_STATES.has(part)) {
+                result.playState = part;
+                seen.add('PLAY_STATES');
+            } else if (!seen.has('FILL_MODES') && FILL_MODES.has(part)) {
+                result.fillMode = part;
+                seen.add('FILL_MODES');
+            } else if (!seen.has('ITERATION_COUNTS') && (ITERATION_COUNTS.has(part) || DIGIT.test(part))) {
+                result.iterationCount = part;
+                seen.add('ITERATION_COUNTS');
+            } else if (!seen.has('TIMING_FUNCTION') && TIMINGS.has(part)) {
+                result.timingFunction = part;
+                seen.add('TIMING_FUNCTION');
+            } else if (!seen.has('TIMING_FUNCTION') && TIMING_FNS.some((f)=>part.startsWith(`${f}(`)
+            )) {
+                result.timingFunction = part;
+                seen.add('TIMING_FUNCTION');
+            } else if (!seen.has('DURATION') && TIME.test(part)) {
+                result.duration = part;
+                seen.add('DURATION');
+            } else if (!seen.has('DELAY') && TIME.test(part)) {
+                result.delay = part;
+                seen.add('DELAY');
+            } else if (!seen.has('NAME')) {
+                result.name = part;
+                seen.add('NAME');
+            } else {
+                if (!result.unknown) result.unknown = [];
+                result.unknown.push(part);
+            }
+        }
+        return result;
+    });
+}

package/lib/util/parseBoxShadowValue.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.parseBoxShadowValue = parseBoxShadowValue;
+exports.formatBoxShadowValue = formatBoxShadowValue;
+let KEYWORDS = new Set([
+    'inset',
+    'inherit',
+    'initial',
+    'revert',
+    'unset'
+]);
+let COMMA = /\,(?![^(]*\))/g // Comma separator that is not located between brackets. E.g.: `cubiz-bezier(a, b, c)` these don't count.
+;
+let SPACE = /\ +(?![^(]*\))/g // Similar to the one above, but with spaces instead.
+;
+let LENGTH = /^-?(\d+)(.*?)$/g;
+function parseBoxShadowValue(input) {
+    let shadows = input.split(COMMA);
+    return shadows.map((shadow)=>{
+        let value = shadow.trim();
+        let result = {
+            raw: value
+        };
+        let parts = value.split(SPACE);
+        let seen = new Set();
+        for (let part of parts){
+            // Reset index, since the regex is stateful.
+            LENGTH.lastIndex = 0;
+            // Keyword
+            if (!seen.has('KEYWORD') && KEYWORDS.has(part)) {
+                result.keyword = part;
+                seen.add('KEYWORD');
+            } else if (LENGTH.test(part)) {
+                if (!seen.has('X')) {
+                    result.x = part;
+                    seen.add('X');
+                } else if (!seen.has('Y')) {
+                    result.y = part;
+                    seen.add('Y');
+                } else if (!seen.has('BLUR')) {
+                    result.blur = part;
+                    seen.add('BLUR');
+                } else if (!seen.has('SPREAD')) {
+                    result.spread = part;
+                    seen.add('SPREAD');
+                }
+            } else {
+                if (!result.color) {
+                    result.color = part;
+                } else {
+                    if (!result.unknown) result.unknown = [];
+                    result.unknown.push(part);
+                }
+            }
+        }
+        // Check if valid
+        result.valid = result.x !== undefined && result.y !== undefined;
+        return result;
+    });
+}
+function formatBoxShadowValue(shadows) {
+    return shadows.map((shadow)=>{
+        if (!shadow.valid) {
+            return shadow.raw;
+        }
+        return [
+            shadow.keyword,
+            shadow.x,
+            shadow.y,
+            shadow.blur,
+            shadow.spread,
+            shadow.color
+        ].filter(Boolean).join(' ');
+    }).join(', ');
+}

package/lib/util/parseDependency.js

@@ -1,74 +1,63 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = parseDependency;
-
 var _isGlob = _interopRequireDefault(require("is-glob"));
-
 var _globParent = _interopRequireDefault(require("glob-parent"));
-
 var _path = _interopRequireDefault(require("path"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 // Based on `glob-base`
 // https://github.com/micromatch/glob-base/blob/master/index.js
 function parseGlob(pattern) {
-  let glob = pattern;
-  let base = (0, _globParent.default)(pattern);
-
-  if (base !== '.') {
-    glob = pattern.substr(base.length);
-
+    let glob = pattern;
+    let base = (0, _globParent).default(pattern);
+    if (base !== '.') {
+        glob = pattern.substr(base.length);
+        if (glob.charAt(0) === '/') {
+            glob = glob.substr(1);
+        }
+    }
+    if (glob.substr(0, 2) === './') {
+        glob = glob.substr(2);
+    }
     if (glob.charAt(0) === '/') {
-      glob = glob.substr(1);
+        glob = glob.substr(1);
     }
-  }
-
-  if (glob.substr(0, 2) === './') {
-    glob = glob.substr(2);
-  }
-
-  if (glob.charAt(0) === '/') {
-    glob = glob.substr(1);
-  }
-
-  return {
-    base,
-    glob
-  };
+    return {
+        base,
+        glob
+    };
 }
-
 function parseDependency(normalizedFileOrGlob) {
-  let message;
-
-  if ((0, _isGlob.default)(normalizedFileOrGlob)) {
-    let {
-      base,
-      glob
-    } = parseGlob(normalizedFileOrGlob);
-    message = {
-      type: 'dir-dependency',
-      dir: _path.default.resolve(base),
-      glob
-    };
-  } else {
-    message = {
-      type: 'dependency',
-      file: _path.default.resolve(normalizedFileOrGlob)
-    };
-  } // rollup-plugin-postcss does not support dir-dependency messages
-  // but directories can be watched in the same way as files
-
-
-  if (message.type === 'dir-dependency' && process.env.ROLLUP_WATCH === 'true') {
-    message = {
-      type: 'dependency',
-      file: message.dir
-    };
-  }
-
-  return message;
-}
+    if (normalizedFileOrGlob.startsWith('!')) {
+        return null;
+    }
+    let message;
+    if ((0, _isGlob).default(normalizedFileOrGlob)) {
+        let { base , glob  } = parseGlob(normalizedFileOrGlob);
+        message = {
+            type: 'dir-dependency',
+            dir: _path.default.resolve(base),
+            glob
+        };
+    } else {
+        message = {
+            type: 'dependency',
+            file: _path.default.resolve(normalizedFileOrGlob)
+        };
+    }
+    // rollup-plugin-postcss does not support dir-dependency messages
+    // but directories can be watched in the same way as files
+    if (message.type === 'dir-dependency' && process.env.ROLLUP_WATCH === 'true') {
+        message = {
+            type: 'dependency',
+            file: message.dir
+        };
+    }
+    return message;
+}

package/lib/util/parseObjectStyles.js

@@ -1,28 +1,31 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = parseObjectStyles;
-
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _postcssNested = _interopRequireDefault(require("postcss-nested"));
-
 var _postcssJs = _interopRequireDefault(require("postcss-js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function parseObjectStyles(styles) {
-  if (!Array.isArray(styles)) {
-    return parseObjectStyles([styles]);
-  }
-
-  return styles.flatMap(style => {
-    return (0, _postcss.default)([(0, _postcssNested.default)({
-      bubble: ['screen']
-    })]).process(style, {
-      parser: _postcssJs.default
-    }).root.nodes;
-  });
-}
+    if (!Array.isArray(styles)) {
+        return parseObjectStyles([
+            styles
+        ]);
+    }
+    return styles.flatMap((style)=>{
+        return (0, _postcss).default([
+            (0, _postcssNested).default({
+                bubble: [
+                    'screen'
+                ]
+            }), 
+        ]).process(style, {
+            parser: _postcssJs.default
+        }).root.nodes;
+    });
+}